/* Table of Content
====================
1. General
2. Page preloader
3. Headings
4. Header
5. Logo
6. Menu (Bootstrap defalt navbar)
7. Off-Canvas Menu
8. Intro
9. Photo wall
10. Page header
11. Breadcrumb
12. Album bottom nav
13. Add to favorites button
14. Content section
15. Content wrap
16. Isotope
17. Album list item
18. Album list carousel
19. Album single carousel
20. Full carousel
21. Portfolio single
22. Content carousel
23. Album single item
24. Lightgallery
25. Back to album link
26. Columns switch
27. Album attributes
28. Pagination
29. Modal
30. YTP Player
31. Blog list
32. Blog sidebar
33. Blog sidebar widgets
34. Blog single
35. Buttons
36. hr re-styled
37. Blockquote
38. Pages
39. Social icons
40. Forms
41. Select element (styled)
42. Maps
43. Thumbnail list
44. Tabs
45. Panels
46. Accordion
47. Footer
48. Scroll down arrow
49. Scroll to top button

*/



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



/* ------------------------------------------------------------- *
 *  Page preloader (display loading animation while page loads)
/* ------------------------------------------------------------- */

#preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	z-index: 99999;
}
#preloader .pulse {
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-top: -40px;
	margin-left: -40px;
	border-radius: 40px;
	background-color: #EC1B24;
	-webkit-animation: scaleout 1.0s infinite ease;
	animation: scaleout 1.0s infinite ease;
}
@-webkit-keyframes scaleout {
	0% { -webkit-transform: scale(0.0) }
	100% {
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}
@keyframes scaleout {
	0% { 
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 100% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}


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

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


.h5, .h6, h5, h6 {
	font-weight: 400;
}

/* hr */
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #EAEAEA;
}

section {
	position: relative;
}


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

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #FFF;
	/* padding-top: 10px; */
	/* padding-bottom: 10px; */
	z-index: 999;
	-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: 767px) {
	#header {
		padding: 0;
	}
}

.header-inner {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 991px) {
	.header-inner {
		padding-left: 45px;
		padding-right: 45px;
	}
}

/* header fixed top */
#header.fixed-top {
	position: fixed;
}

/* 
@media (max-width: 767px) {
	#header.fixed-top {
		position: absolute;
	}
} 
*/

/* header show/hide on scroll */
@media (min-width: 767px) {
	#header.show-hide-on-scroll {
		position: fixed;
	}
	#header.show-hide-on-scroll.fly-up {
		margin-top: -150px !important;
	}
}
#header.show-hide-on-scroll.no-move { /* no move if fullscreen overlay menu is open */
	margin-top: 0 !important;
}

/* header filled */
#header.header-filled {
	padding-top: 0;
	padding-bottom: 0;
}

/* ------------------------------------------------------------- *
 * Logo
/* ------------------------------------------------------------- */

#logo {
	position: relative;
	float: left;
	z-index: 9;
}
#logo a {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	line-height: 64px;
	color: #333;
	text-decoration: none;
	letter-spacing: 6px;
}
#logo img {
	max-height: 60px;
}

/* Disable logo-light */
#logo .logo-light {
	display: none;
}

.caser {
	text-transform: capitalize;
	text-transform: capitalize;
}

/* ------------------------------------------------------------- *
 * Menu (Bootstrap defalt navbar)
/* ------------------------------------------------------------- */

.navbar {
	float: right;
	min-height: 50px;
	margin-bottom: 0;
	border: none;
	border-radius: 0;
}

/* Navbar links */
.nav > li > a {
	position: relative;
	display: block;
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 768px) {
	.navbar-nav > li + li {
		margin-left: 20px;
	}
}
.navbar-nav > li > a {
	padding-top: 25px;
	padding-bottom: 25px;
	line-height: 19px;
	text-transform: uppercase;
	font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: 11px;
	font-weight: 500;
	color: #888;
	
	-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;
}

/* Navbar caret */
.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: -2px;
	margin-left: -4px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-left: 4px solid rgba(0, 0, 0, 0);
}

/* Navbar caret-2 (icon) */
.caret-2 {
	position: relative;
	font-size: 7px;
	margin-left: -4px;
	top: -2px;
}

/* Navbar default */
.navbar-default {
	background-color: transparent;
	border-color: transparent;
}
.navbar-default .navbar-nav > li > a {
	color: #999;
	font-size: 14px;
	font-weight: bold;
}
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover {
	color: #000;
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
	color: #000;
	background-color: transparent;
	font-size: 14px;
	font-weight: bold;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
	background-color: transparent;
	color: #000;
}

/* Navbar border bottom */
.navbar-border-bottom {
	background-color: transparent;
	border-color: transparent;
}
.navbar-border-bottom .navbar-nav > li > a {
	color: #999;
}
.navbar-border-bottom .navbar-nav > li > a:focus, 
.navbar-border-bottom .navbar-nav > li > a:hover {
	color: #000;
	background-color: transparent;
}
.navbar-border-bottom .navbar-nav > .active > a, 
.navbar-border-bottom .navbar-nav > .active > a:focus, 
.navbar-border-bottom .navbar-nav > .active > a:hover {
	color: #000;
	background-color: transparent;
}
.navbar-border-bottom .navbar-nav > .open > a, 
.navbar-border-bottom .navbar-nav > .open > a:focus, 
.navbar-border-bottom .navbar-nav > .open > a:hover {
	background-color: transparent;
}

@media (min-width : 767px) {
	.navbar-border-bottom .navbar-nav > li > a:before, 
	.navbar-border-bottom .navbar-nav > li > a:focus:before {
		position: absolute;
		content: "";
		bottom: 24px;
		width: 0%;
		height: 1px;
		border-bottom: 2px solid #222;
		-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;
	}
	.navbar-border-bottom .navbar-nav > .active > a:before,
	.navbar-border-bottom .navbar-nav > li > a:hover:before,
	.navbar-border-bottom .navbar-nav > .open > a:before, 
	.navbar-border-bottom .navbar-nav > .open > a:focus:before, 
	.navbar-border-bottom .navbar-nav > .open > a:hover:before {
		width: 100%;
	}
}

/* Navbar toggle button */
.navbar-toggle {
	position: relative;
	float: right;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 14px;
	background-color: transparent;
	background-image: none;
	border: none;
	border-radius: 0;
}
.navbar-toggle:focus, .navbar-toggle:hover {
	background-color: transparent !important;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 26px;
	height: 4px;
	background-color: #222 !important;
	border-radius: 2px;
}

/* Dropdown */
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 140px;
	padding: 10px 0;
	margin: 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #FFF;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 0px solid #ededed;
	border: 0px solid rgba(0, 0, 0, 0.06);
	border-radius: 0;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}
.navbar-right .dropdown-menu {
	left: 0;
	right: auto;
}
.dropdown-menu-right .dropdown-menu { /* align dropdown menu (use class "dropdown-menu-right"). */
	right: 0;
	left: auto;
}
.dropdown-menu > li > a {
	display: block;
	margin-bottom: 1px;
	padding: 6px 30px 5px 20px;
	clear: both;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 500;
	line-height: 24px;
	color: #888;
	white-space: nowrap;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	text-decoration: none;
	background-color: #F1F1F1;
	color: #000;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	text-decoration: none;
	background-color: #F1F1F1;
	color: #000;
	outline: 0;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background-color: #F1F1F1;
	color: #000;
	border-color: transparent;
}
@media (max-width : 768px) {
	.navbar-nav .open .dropdown-menu li a {
	   padding: 12px 15px;
	}
}

.dropdown-header {
	display: block;
	padding: 3px 20px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 500;
	color: #777;
}

.dropdown-menu .divider {
	background-color: rgba(138, 138, 138, 0.21);
}

.dropdown-menu i {
}

/* Dropdown submenu */
.dropdown-submenu > .dropdown-menu {
	left: 100%;
	right: auto;
	margin-top: -34px !important;
	margin-left: 0;
}

/* Submenu caret */
.dropdown-submenu .caret {
	position: absolute;
	right: 8px;
	top: 12px;
	border-left: 4px dashed;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
@media (max-width : 767px) {
	.dropdown-submenu .caret {
		position: relative;
		right: 0;
		top: 2px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}

/* Submenu caret-2 */
.dropdown-submenu .caret-2 {
	position: absolute;
	right: 8px;
	top: 6px;
}
@media (max-width : 767px) {
	.dropdown-submenu .caret-2 {
		position: relative;
		left: 0px;
		top: 0px;
	}
	.dropdown-submenu .caret-2 > i {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}

/* Dropdown dark */
.dropdown-menu-dark .dropdown-menu {
	background-color: rgba(0, 0, 0, 0.9);
}
.dropdown-menu-dark .dropdown-menu li > a {
	color: #888;
}
.dropdown-menu-dark .dropdown-menu li > a:focus, 
.dropdown-menu-dark .dropdown-menu li > a:hover,
.dropdown-menu-dark .dropdown-menu > .active > a, 
.dropdown-menu-dark .dropdown-menu > .active > a:focus, 
.dropdown-menu-dark .dropdown-menu > .active > a:hover {
	background-color: #131313;
	color: #E2E2E2;
}
.dropdown-menu-dark > .dropdown-header {
	color: #999;
}
.dropdown-menu-dark > .dropdown-menu > .divider {
	background-color: rgba(255, 255, 255, 0.11);
}
.dropdown-menu-dark > .dropdown-menu .dropdown-header {
	color: #CACACA;
}


/* Mobile navbar */
@media (max-width : 767px) {
	.navbar {
		float: none !important;
	}
	.navbar-collapse {
		border-top: 1px solid rgba(134, 134, 134, 0.2) !important;
	}
	.navbar-collapse.in {
		overflow-y: auto;
		max-height: 410px;
	}
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-collapse.in .dropdown-menu-dark .dropdown-menu li > a:focus, 
	.navbar-collapse.in .dropdown-menu-dark .dropdown-menu li > a:hover,
	.navbar-collapse.in .dropdown-menu-dark .dropdown-menu > .active > a, 
	.navbar-collapse.in .dropdown-menu-dark .dropdown-menu > .active > a:focus, 
	.navbar-collapse.in .dropdown-menu-dark .dropdown-menu > .active > a:hover {
		background-color: #F1F1F1;
		color: #000;
	}
	.navbar-nav .open .dropdown-menu {
		padding-top: 0;
		padding-bottom: 10px;
		padding-left: 15px;
		margin-top: 5px !important;
	}
}

/* Header tools */
.header-tools {
	float: right;
	margin-left: 20px;
}
.header-tools > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.header-tools > ul > li {
	float: left;
}
.header-tools > ul > li + li {
	margin-left: 15px;
}
.header-tools > ul > li > a {
	padding-top: 25px;
	padding-bottom: 25px;
	line-height: 19px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 500;
	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;
}


/* Make navigation toggle on desktop hover (use class: dropdown-hover).
======================================================================== */
@media (min-width : 767px) {
	.dropdown-hover:hover > .dropdown-menu {
		display: block;
	}
}