/** Globals
 **************************************************************** **/
html, body {
	height:100%;
	direction: ltr;
}
body {
	color:#666;
	background-color:#fff;
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	-webkit-font-smoothing: antialiased;

	font-size:16px; line-height:1.5;
	margin:0; padding:0;
}


/* example usage: index-onepage-youtube.html */
body.has-image-bg section,
body.has-video-bg section {
	background-color:#fff;
}

body #wrapper {/* used by RTL*/
	overflow:hidden; 
	min-height:100%; /*  because short page hide long menus */
}

body.bg-grey,
body.bg-grey #wrapper {
	background-color:#f1f2f7;
}

section {
	display: block;
	position: relative;
	padding: 100px 0;
	border-bottom:rgba(0,0,0,0.1) 1px solid;
	background-color: #fff;

	/*
	-webkit-transition: all .400s;
	   -moz-transition: all .400s;
		 -o-transition: all .400s;
			transition: all .400s;
	*/

	background-attachment: fixed;
	  background-position: center center;
		background-repeat: no-repeat;

	-webkit-background-size: cover !important;
	   -moz-background-size: cover !important;
		 -o-background-size: cover !important;

	-webkit-box-sizing: border-box !important;
	   -moz-box-sizing: border-box !important;
	   background-size: cover !important;
			box-sizing: border-box !important;
}


section:after,
section:before {
	content:" ";
	display:table;
}
	section:after {
		display: block;
	    content: "";
	    clear: both;
	}

/* remove effect on parallax */
section.parallax {
	-webkit-transition: none;
	   -moz-transition: none;
		 -o-transition: none;
			transition: none;
}

/**
	Static background image
	add to HTML: background-image:url();
**/
section.static-bg,
div.static-bg {
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}


section header.section-header {
	margin-bottom:80px;
}

	div.alternate,
	section.alternate {
		background-color:rgba(0,0,0,0.02) !important;
	}

	section.dark {
		background-color:#212121 !important;
		border-bottom:rgba(255,255,255,0.1) 1px solid;
	}
	section.dark.alternate {
		background-color:#151515 !important;
	}



	div.alternate-2,
	section.alternate-2,
	section.alternate-2 div.heading-title h1, 
	section.alternate-2 div.heading-title h2, 
	section.alternate-2 div.heading-title h3, 
	section.alternate-2 div.heading-title h4, 
	section.alternate-2 div.heading-title h5, 
	section.alternate-2 div.heading-title h6 {
		background-color: #f4f4f4 !important;

	}


	div.alternate-3,
	section.alternate-3,
	section.alternate-3 div.heading-title h1, 
	section.alternate-3 div.heading-title h2, 
	section.alternate-3 div.heading-title h3, 
	section.alternate-3 div.heading-title h4, 
	section.alternate-3 div.heading-title h5, 
	section.alternate-3 div.heading-title h6 {
		background-color: #eae7e2 !important;

	}


	div.lightgreen,
	section.lightgreen,
	section.lightgreen div.heading-title h1, 
	section.lightgreen div.heading-title h2, 
	section.lightgreen div.heading-title h3, 
	section.lightgreen div.heading-title h4, 
	section.lightgreen div.heading-title h5, 
	section.lightgreen div.heading-title h6 {
		background-color: #eef4f2 !important;
	}


	/* eaf7ff */
	div.lightblue,
	section.lightblue,
	section.lightblue div.heading-title h1, 
	section.lightblue div.heading-title h2, 
	section.lightblue div.heading-title h3, 
	section.lightblue div.heading-title h4, 
	section.lightblue div.heading-title h5, 
	section.lightblue div.heading-title h6 {
		background-color: #dfe5ea !important;
	}

	/* different dark color */
	section.dark-2,
	section.dark-2 div.heading-title h1, 
	section.dark-2 div.heading-title h2, 
	section.dark-2 div.heading-title h3, 
	section.dark-2 div.heading-title h4, 
	section.dark-2 div.heading-title h5, 
	section.dark-2 div.heading-title h6 {
		color: #fff;
		background-color: #333a3f !important;

	}

	section.dark-2.alternate div.heading-title h1, 
	section.dark-2.alternate div.heading-title h2, 
	section.dark-2.alternate div.heading-title h3, 
	section.dark-2.alternate div.heading-title h4, 
	section.dark-2.alternate div.heading-title h5, 
	section.dark-2.alternate div.heading-title h6 {
		color: #fff;
		background-color: #292e32 !important;

	}



	.dark-2 a, 
	.dark-2 label, 
	.dark-2 h1, 
	.dark-2 h2, 
	.dark-2 h3, 
	.dark-2 h4, 
	.dark-2 h5, 
	.dark-2 h6 {
		color: #fff;
	}

	section.theme-color,
	section.theme-color h1,
	section.theme-color h2,
	section.theme-color h3,
	section.theme-color h4,
	section.theme-color h5,
	section.theme-color h6,
	section.theme- p,
	section.dark,
	section.dark p,
	section.dark h1,
	section.dark h2,
	section.dark h3,
	section.dark h4,
	section.dark h5,
	section.dark h6 {
		color:#fff;
	}
	section.section-xxs {
		padding:15px 0;
	}
	section.section-xs {
		padding:30px 0;
	}
	section.section-sm {
		padding:60px 0;
	}
	section.padding-md {
		padding:80px 0;
	}
	section.section-lg {
		padding:120px 0;
	}
	section.section-xlg {
		padding:140px 0;
	}
	section.dark a {
		color:#999;
	}
	section.parallax {
		border:0;
	}

body.bg-grey,
body.bg-grey #wrapper {
	background-color:#f1f2f7;
}
.container {
	position:relative;
}

a:active,
a:focus,
a:hover { 
	color: #212121;
	text-decoration:none;
}


/* black link color - override theme color link */
a.href-reset,
.href-reset a {
	color:#121212;
}
section.dark a.href-reset,
section.dark .href-reset a {
	color:#eee;
}


h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color:#121212;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	color:#888;
}

section.dark h1 a,
section.dark h2 a,
section.dark h3 a,
section.dark h4 a,
section.dark h5 a,
section.dark h6 a {
	color:#eee;
}

section.dark h1 a:hover,
section.dark h2 a:hover,
section.dark h3 a:hover,
section.dark h4 a:hover,
section.dark h5 a:hover,
section.dark h6 a:hover {
	color:#fff;
}

section header>h1,
section header>h2,
section header>h3,
section header>h4,
section header>h5,
section header>h6 {
	margin:0;
}

small { 
	font-family: 'Lato', sans-serif; 
}
label {
	display:block;
}


/* form control: inputs, textarea, etc */
.btn {
	position:relative;
}
.btn-default {
	border-width:2px;
}

.btn>.badge-absolute {
	position:absolute;
	right:-6px;
	top:-8px;
}



.input-group-addon {
	border:#ddd 2px solid;
	border-right:0;
}
	section.dark .input-group-addon {
		background-color:#212121;
		border-color:#666;
		color:#eaeaea;
	}
.form-control {
	border:#ddd 1px solid;
	box-shadow:none;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
section .input-group-btn .btn.btn-default,
section .input-group-btn button.btn-default {
	border-width:2px;
	border-color:#ddd;
}
.form-control:focus {
	border-color:#c6c6c6;
}
	section.dark .form-control {
		border-color: #666;
		background-color: rgba(255,255,255,0.05);
		outline: none;
	}
	section.dark .form-control:focus {
		border-color:#999;
	}



.nav-tabs>li>a {
	-webkit-border-radius: 3px 3px 0 0;
	   -moz-border-radius: 3px 3px 0 0;
			border-radius: 3px 3px 0 0;
}



/* DARK PRESETS */
section.dark input, 
section.dark select, 
section.dark textarea { 
	color:#fff;
}
section.dark .btn {
	color:#fff;
}
section.dark .thumbnail {
	border-color:#444;
	background-color:transparent;
}
section.dark h1.page-header,
section.dark h2.page-header,
section.dark h3.page-header,
section.dark h4.page-header,
section.dark h5.page-header,
section.dark h6.page-header {
	border-bottom-color:#666;
}


/* fonts */
.font-open-sans {
	font-family:'Open Sans',Arial,Helvetica,sans-serif !important;
}
.font-lato {
	font-weight:300;
	font-family:'Lato',Arial,Helvetica,sans-serif !important;
}
.font-raleway {
	font-family:'Raleway',Arial,Helvetica,sans-serif !important;
}



/* 
	GLOBAL RADIUS
	Add here all needed bootstrap elements 
*/
pre,
.alert,
.card,
.navbar-toggle,
.btn {
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

/* 
	bootstrap rewrite 
*/
img.img-fluid {
	display:inline-block;
}


/** Boxed
 **************************************************************** **/
body.boxed {
	background-color:#f1f2f7;
}
body.boxed section {
	background-color:#fff;
}
body.boxed #wrapper {
	max-width:1170px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
@media only screen and (max-width: 992px) {
	body.boxed #wrapper {
		margin-top:0;
		margin-bottom:0;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
}



 
 
/** Color Background
 **************************************************************** **/
 	body.grain-blue section,
 	body.grain-grey section,
 	body.grain-green section,
 	body.grain-orange section,
 	body.grain-yellow section {
 		background-color: transparent !important;
 	}
 	body.grain-blue section.page-header,
 	body.grain-grey section.page-header,
 	body.grain-green section.page-header,
 	body.grain-orange section.page-header,
 	body.grain-yellow section.page-header {
 		background-color: rgba(0,0,0,0.05) !important;
 	}



	/* 
		GRAIN BLUE BACKGROUND 
	*/
	body.grain-blue,
	body.grain-blue #wrapper,
	body.grain-blue #topBar,
	body.grain-blue #header.fixed,
	body.grain-blue #header li.search .search-box, 
	body.grain-blue #header li.quick-cart .quick-cart-box,
	body.grain-blue div.heading-title h1, 
	body.grain-blue div.heading-title h2, 
	body.grain-blue div.heading-title h3, 
	body.grain-blue div.heading-title h4, 
	body.grain-blue div.heading-title h5, 
	body.grain-blue div.heading-title h6 {
		background:#dce4e9  url('../images/grain_bg.png') repeat;
	}
	/* 
		GRAIN GREY BACKGROUND 
	*/
	body.grain-grey,
	body.grain-grey #wrapper,
	body.grain-grey #topBar,
	body.grain-grey #header.fixed,
	body.grain-grey #header li.search .search-box, 
	body.grain-grey #header li.quick-cart .quick-cart-box,
	body.grain-grey div.heading-title h1, 
	body.grain-grey div.heading-title h2, 
	body.grain-grey div.heading-title h3, 
	body.grain-grey div.heading-title h4, 
	body.grain-grey div.heading-title h5, 
	body.grain-grey div.heading-title h6 {
		background:#f1f2f7  url('../images/grain_bg.png') repeat;
	}
	/* 
		GRAIN GREEN BACKGROUND 
	*/
	body.grain-green,
	body.grain-green #wrapper,
	body.grain-green #topBar,
	body.grain-green #header.fixed,
	body.grain-green #header li.search .search-box, 
	body.grain-green #header li.quick-cart .quick-cart-box,
	body.grain-green div.heading-title h1, 
	body.grain-green div.heading-title h2, 
	body.grain-green div.heading-title h3, 
	body.grain-green div.heading-title h4, 
	body.grain-green div.heading-title h5, 
	body.grain-green div.heading-title h6 {
		background:#e6eeea  url('../images/grain_bg.png') repeat;
	}
	/* 
		GRAIN ORANGE BACKGROUND 
	*/
	body.grain-orange,
	body.grain-orange #wrapper,
	body.grain-orange #topBar,
	body.grain-orange #header.fixed,
	body.grain-orange #header li.search .search-box, 
	body.grain-orange #header li.quick-cart .quick-cart-box,
	body.grain-orange div.heading-title h1, 
	body.grain-orange div.heading-title h2, 
	body.grain-orange div.heading-title h3, 
	body.grain-orange div.heading-title h4, 
	body.grain-orange div.heading-title h5, 
	body.grain-orange div.heading-title h6 {
		background:#fff4ea  url('../images/grain_bg.png') repeat;
	}
	/* 
		GRAIN YELLOW BACKGROUND 
	*/
	body.grain-yellow,
	body.grain-yellow #wrapper,
	body.grain-yellow #topBar,
	body.grain-yellow #header.fixed,
	body.grain-yellow #header li.search .search-box, 
	body.grain-yellow #header li.quick-cart .quick-cart-box,
	body.grain-yellow div.heading-title h1, 
	body.grain-yellow div.heading-title h2, 
	body.grain-yellow div.heading-title h3, 
	body.grain-yellow div.heading-title h4, 
	body.grain-yellow div.heading-title h5, 
	body.grain-yellow div.heading-title h6 {
		background:#ffffe6  url('../images/grain_bg.png') repeat;
	}

	/* essentials.css rewrite : heading shortcode */
	body.grain-blue div.heading-title.heading-line-single:before,
	body.grain-grey div.heading-title.heading-line-single:before,
	body.grain-green div.heading-title.heading-line-single:before,
	body.grain-orange div.heading-title.heading-line-single:before,
	body.grain-yellow div.heading-title.heading-line-single:before,

	body.grain-blue div.heading-title.heading-line-double:before,
	body.grain-grey div.heading-title.heading-line-double:before,
	body.grain-green div.heading-title.heading-line-double:before
	body.grain-orange div.heading-title.heading-line-double:before,
	body.grain-yellow div.heading-title.heading-line-double:before {
		border-top: 3px double #ccc;
	}


	/* color header */
	body.grain-blue #header,
	body.grain-grey #header,
	body.grain-green #header,
	body.grain-orange #header,
	body.grain-yellow #header {
		background-color:rgba(0,0,0,0.16);
	}

	body.grain-blue #header.dark,
	body.grain-grey #header.dark,
	body.grain-green #header.dark,
	body.grain-orange #header.dark,
	body.grain-yellow #header.dark {
		background-color:rgba(33,33,33,0.8);
	}
		body.grain-blue #header.dark.fixed,
		body.grain-grey #header.dark.fixed,
		body.grain-green #header.dark.fixed,
		body.grain-orange #header.dark.fixed,
		body.grain-yellow #header.dark .fixed{
			background-color:#333;
		}

	body.grain-blue section.page-header,
	body.grain-grey section.page-header,
	body.grain-green section.page-header,
	body.grain-orange section.page-header,
	body.grain-yellow section.page-header {
		border:0;
	}







/** Slide Top
 **************************************************************** **/
#slidetop {
	display: block;
	color:#888;
	font-size:13px;
	background-color:#363839;
	z-index: 1500;
	position: absolute;
	top: 0; right: 0; left:0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
	#slidetop h1,
	#slidetop h2,
	#slidetop h3,
	#slidetop h4,
	#slidetop h5,
	#slidetop h6 {
		font-size:13px;
		line-height:20px;
		color:#fff;
	}
	
	#slidetop ul {
		margin:0;
	}
	#slidetop a {
		color:#ccc;
		text-decoration:none;
	}
	#slidetop ul>li>a {
		display:block;
		overflow:hidden; 
		text-overflow:ellipsis; 
		white-space: nowrap;
		width:100%;
	}
	#slidetop ul>li>a>i {
		margin-right:6px;
	}
	#slidetop h1>i,
	#slidetop h2>i,
	#slidetop h3>i,
	#slidetop h4>i,
	#slidetop h5>i,
	#slidetop h6>i {
		margin-right:8px;
	}
	#slidetop a:hover {
		color:#fff;
	}
#slidetop .container {
	display:none;
	height: auto;
	padding:30px 0;
}

#slidetop a.slidetop-toggle {
	height:35px;
	position: absolute;
	right: 0; bottom:-35px;
	border-top: 35px solid #363839;
	border-left: 35px solid transparent;

	display:inline-block;
	text-decoration:none;
	color:#fff;
	text-align:center;
}
#slidetop a.slidetop-toggle:after {
	font-family:FontAwesome;
	content: "\f067";
	height:18px;
	color:#fff;
	position:absolute; 
	top: -34px;
	left: -16px;
}
	#slidetop.active a.slidetop-toggle:after {
		content: "\f068";
	}

	
@media only screen and (max-width: 768px) {
	#slidetop {
		display:none !important;
	}
}



/** Parallax Social Icons
 **************************************************************** **/
#sidepanel {
	color:#888;
	font-size:13px;
	position: fixed;
	top: 0; right: -280px; bottom:0;
	width:280px;
	z-index: 3000;
	background-color:#363839;
	
	overflow:hidden;
	display:none;

	-webkit-transition: right .4s ease;
		 -o-transition: right .4s ease;
			transition: right .4s ease;

}
#sidepanel_overlay {
	position:fixed;
	left:0; top:0;
	right:0; bottom:0;
	background-color:rgba(0,0,0,0.5);
	z-index:2999;

	-webkit-transition: all .400s;
	   -moz-transition: all .400s;
		 -o-transition: all .400s;
			transition: all .400s;
}

#sidepanel_close {
	color: #999;
	background-color:rgba(0,0,0,0.2);

	display: block;
	position: absolute;
	top: 0; right: 0;

	width: 40px; height: 40px;
	font-size: 18px;
	line-height: 40px;

	text-align: center;
}
#sidepanel_close:hover {
	color:#fff;
}
	#sidepanel.sidepanel-light #sidepanel_close {
		color:#777;
		background-color:rgba(0,0,0,0.1);
	}
	#sidepanel.sidepanel-light #sidepanel_close:hover {
		color:#333;
	}
	#sidepanel.sidepanel-theme-color #sidepanel_close {
		color:#ccc;
		background-color:rgba(0,0,0,0.1);
	}
	#sidepanel.sidepanel-theme-color #sidepanel_close:hover {
		color:#fff;
	}

	/* position */
	#sidepanel.sidepanel-inverse {
		right:auto;
		left: -280px;
	}
	/* colors */
	#sidepanel.sidepanel-dark {
		color:#ddd;
		background-color:#363839;
	}
	#sidepanel.sidepanel-light {
		color:#111;
		background-color:#ffffff;
	}
	#sidepanel.sidepanel-theme-color {
		color:#fff;
		background-color:#333;
	}

/* sidepanel content */
#sidepanel h1,
#sidepanel h2,
#sidepanel h3,
#sidepanel h4,
#sidepanel h5,
#sidepanel h6 {
	color:#ddd;
}
#sidepanel .sidepanel-content {
	margin:50px 30px;
	overflow-y:auto;
}
#sidepanel .sidepanel-title {
	font-size:18px;
	line-height:23px;
}

/* sidepanel menu */
#sidepanel ul>li>a {
	font-size:14px;
}
#sidepanel ul ul>li>a {
	font-size:11px;
}
#sidepanel ul {
	border-bottom:rgba(0,0,0,0.2) 1px solid;
	padding-bottom:30px;
}
#sidepanel ul ul {
	margin-top:6px;
	border-bottom:0;
	padding-bottom:0;
}
#sidepanel ul ul>li {
	padding:5px 0 5px 32px;
	
}

#sidepanel .list-group-item {
	background-color:transparent;
	border:0; padding:8px 0;
}
	#sidepanel .list-group-item a {
		color:#ddd;
		display:block;
		text-decoration:none;
	}
	#sidepanel ul li a[data-toggle="collapse"] {
		/* font-weight:bold; */
	}
	#sidepanel ul li a[data-toggle="collapse"].collapsed {
		color:#ddd;
		font-weight:normal;
	}
	#sidepanel ul li a>i.ico-dd {
		float:right;
	}
	#sidepanel ul li a>i.ico-category {
		width:20px;
	}
		#sidepanel .list-group-item a>i {
			margin-right:6px;
		}
	#sidepanel .list-group-item .badge {
		float:right;
	}


/* light */
#sidepanel.sidepanel-light ul  a,
#sidepanel.sidepanel-light ul li a[data-toggle="collapse"].collapsed,
#sidepanel.sidepanel-light .list-group-item ul li a[data-toggle="collapse"].collapsed {
	color:#777 !important;
}
#sidepanel.sidepanel-light,
#sidepanel.sidepanel-light h1,
#sidepanel.sidepanel-light h2,
#sidepanel.sidepanel-light h3,
#sidepanel.sidepanel-light h4,
#sidepanel.sidepanel-light h5,
#sidepanel.sidepanel-light h6,
#sidepanel.sidepanel-light ul li a[data-toggle="collapse"],
#sidepanel.sidepanel-light ul a:hover {
	color:#111 !important;
}

/* theme color */
#sidepanel.sidepanel-theme-color ul  a,
#sidepanel.sidepanel-theme-color ul li a[data-toggle="collapse"].collapsed,
#sidepanel.sidepanel-theme-color .list-group-item ul li a[data-toggle="collapse"].collapsed {
	color:#eee !important;
}
#sidepanel.sidepanel-theme-color,
#sidepanel.sidepanel-theme-color h1,
#sidepanel.sidepanel-theme-color h2,
#sidepanel.sidepanel-theme-color h3,
#sidepanel.sidepanel-theme-color h4,
#sidepanel.sidepanel-theme-color h5,
#sidepanel.sidepanel-theme-color h6,
#sidepanel.sidepanel-theme-color ul li a[data-toggle="collapse"],
#sidepanel.sidepanel-theme-color ul a:hover {
	color:#fff !important;
}





/** Page Header
 **************************************************************** **/
section.page-header {
	position: relative;
	padding: 50px 0 50px 0;
	border-top: 0;
	margin-top: 0;
	margin-bottom: 0 !important;
	/*
	background-color: rgba(0,0,0,0.05);
	border-bottom: rgba(0,0,0,0.05) 1px solid;
	*/
	background-color: rgba(148,149,150,0.05);
	border-bottom: 0;
	-webkit-transition: all 0s;
	   -moz-transition: all 0s;
		 -o-transition: all 0s;
			transition: all 0s;
}


@media only screen and (max-width: 1024px) {
	section.page-header {
		background-position: center !important;

		background-attachment: inherit;

		-webkit-background-size: 100% 100% !important;
		   -moz-background-size: 100% 100% !important;
			 -o-background-size: 100% 100% !important;
		   		background-size: 100% 100% !important;

		-webkit-box-sizing: inherit !important;
		   -moz-box-sizing: inherit !important;
				box-sizing: inherit !important;
	}

	section.page-header.parallax {

		-webkit-background-size: cover !important;
		   -moz-background-size: cover !important;
			 -o-background-size: cover !important;
		   		background-size: cover !important;
	}

}


	/* shadows */
	section.page-header.shadow-after-1:before {
			content:' ';
			position:absolute;
			left:0; right:0;
			width:100%; height:60px;
			bottom:-60px;
			background-image:url('../images/misc/shadow1.png');
			background-size: 100% 100%;
	}
	section.page-header.shadow-after-2:before {
			content:' ';
			position:absolute;
			left:0; right:0;
			width:100%; height:60px;
			bottom:-60px;
			background-image:url('../images/misc/shadow2.png');
			background-size: 100% 100%;
	}
	section.page-header.shadow-after-3:before {
			content:' ';
			position:absolute;
			left:0; right:0;
			width:100%; height:60px;
			bottom:-60px;
			background-image:url('../images/misc/shadow3.png');
			background-size: 100% 100%;
	}


	section.dark.page-header {
		color:#fff;
		background-color:#151515 !important;
	}
	section.dark-2.page-header {
		color:#fff;
		background-color:#292e32 !important;
	}
	section.light.page-header {
		color:#151515;
		background-color:transparent;
		border-top: rgba(0,0,0,0.05) 1px solid;
		
	}
	section.page-header.page-header-xs {
		padding: 20px 0 20px 0;
	}
	section.page-header.page-header-md {
		padding: 50px 0 50px 0;
	}
	section.page-header.page-header-lg {
		padding: 80px 0 80px 0;
	}
	section.page-header.page-header-xlg {
		padding: 130px 0 130px 0;
	}
	section.page-header.page-header-2xlg {
		padding: 250px 0 250px 0;
	}
	@media only screen and (max-width: 482px) {
		section.page-header.page-header-2xlg {
			padding: 130px 0 130px 0;
		}
	}

	/* page header tabs */
	.page-header.page-header-xs ul.page-header-tabs {
		display:block;
		text-align:left;
		margin-bottom:-21px;
		margin-top:40px;
	}
	.page-header.page-header-md ul.page-header-tabs {
		display:block;
		text-align:left;
		margin-bottom:-51px;
		margin-top:70px;
	}
	.page-header.page-header-lg ul.page-header-tabs {
		display:block;
		text-align:left;
		margin-bottom:-81px;
		margin-top:80px;
	}
	.page-header.page-header-2xlg ul.page-header-tabs {
		display:block;
		text-align:left;
		margin-bottom:-250px;
		margin-top:144px;
	}
	.page-header ul.page-header-tabs>li {
		background-color: rgba(0,0,0,0.02);
		padding:0;

		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		   -moz-border-top-left-radius: 3px;
		   -moz-border-top-right-radius: 3px;
				border-top-left-radius: 3px;
				border-top-right-radius: 3px;
	}
	.page-header ul.page-header-tabs>li>a {
		display:inline-block;
		padding:6px 20px;
		color:#111;
		text-decoration:none;
	}
	.page-header.page-header-xs ul.page-header-tabs li a>span.badge {
		padding:1px 5px;
	}

	.page-header.dark ul.page-header-tabs>li {
		background-color:rgba(255,255,255,0.1);

		-webkit-transition: all .300s;
		   -moz-transition: all .300s;
			 -o-transition: all .300s;
				transition: all .300s;
	}
	.page-header.dark ul.page-header-tabs>li:hover {
		background-color:rgba(255,255,255,0.2);
	}
	.page-header.dark ul.page-header-tabs>li>a {
		color:#fff;
	}

	.page-header ul.page-header-tabs>li:hover {
		background-color:rgba(0,0,0,0.03);
	}
	.page-header ul.page-header-tabs.dark>li:hover {
		background-color:rgba(0,0,0,0.1);
	}

		.page-header ul.page-header-tabs>li.active>a {
			color:#000;
		}
		.page-header.dark ul.page-header-tabs>li.active:hover,
		.page-header ul.page-header-tabs>li.active {
			font-weight:bold;
			background-color:#fff;
		}
		.page-header ul.page-header-tabs.dark>li.active>a {
			color:#fff;
		}
		.page-header ul.page-header-tabs.dark>li.active {
			background-color: #212121;
		}




	@media only screen and (max-width: 767px) {
		.page-header ul.page-header-tabs {
			background-color:rgba(0,0,0,0.03);
			padding:6px;
			margin-left:-15px;
			margin-right:-15px;
		}

		.page-header.page-header-2xlg ul.page-header-tabs {
			margin-top:143px;
			margin-bottom:-135px;
		}

		.page-header ul.page-header-tabs.dark {
			background-color:rgba(0,0,0,0.1);
		}
		.page-header ul.page-header-tabs>li,
		.page-header ul.page-header-tabs>li>a {
			display:block;
			float:none !important;
			text-align:center;

			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
					border-radius: 0;
		}
		.page-header ul.page-header-tabs.dark>li {
			border:0;
		}
	}

	
	
section.page-header>.container {
	min-height:42px;
}
section.page-header h1 {
	margin:0;
	padding:0;
	font-size:26px;
	font-weight:300;
}

section.page-header .breadcrumb {
	position:absolute;
	font-size:12px;
	top:50%; left:0;
	margin-top:-20px;
	background:transparent;
	margin-bottom:0;
	z-index:10;
}
section.page-header .breadcrumb>li+li:before {
	content:"•";
}
section.page-header .breadcrumb a {
	color:#333;
}
	section.page-header.parallax .breadcrumb li.active,
	section.page-header.parallax .breadcrumb a {
		color:#fff;
	}
section.page-header .breadcrumb {
	right:0; left:auto;
}
section.page-header .breadcrumb.breadcrumb-inverse {
	left:0; right:auto;
}
section.page-header .breadcrumb.breadcrumb-center {
	left:auto; right:auto;
	position:relative;
	margin-top:20px;
}
section.dark.page-header .breadcrumb a {
	color:#ccc;
}
@media only screen and (max-width: 767px) {
	section.page-header {
		text-align:center;
	}
	section.page-header .breadcrumb {
		position:relative;
		display:block;
		margin:0;
	}
	section.page-header .container.text-right,
	section.page-header .container.text-left {
		text-align:center;
	}
}



/* options - like buttons */
section.page-header ul.page-options {
	position:absolute;
	font-size:24px;
	top:50%; left:0;
	margin-top:-15px;
	background:transparent;
	margin-bottom:0;
	z-index:10;
}
section.page-header ul.page-options a {
	color:#333;
	text-decoration:none;
}
	section.page-header.parallax ul.page-options li.active,
	section.page-header.parallax ul.page-options a {
		color:#fff;
	}
section.page-header ul.page-options {
	right:0; left:auto;
}
section.page-header ul.page-options.page-options-inverse {
	left:0; right:auto;
}
section.page-header ul.page-options.page-options-center {
	left:auto; right:auto;
	position:relative;
	margin-top:20px;
}
section.dark.page-header ul.page-options a {
	color:#ccc;
}

@media only screen and (max-width: 767px) {
	section.page-header  ul.page-options {
		position:relative;
		display:block;
		margin:0;
		margin-top:20px;
		font-size:28px;
	}
}



/** Top Nav
 **************************************************************** **/
#header,
#topNav,
#topMain {
	display: block;
}
#header {
	position: relative;
	left:0; top:0; right:0;
	z-index:1000;
	font-size:14px;
	background-color:#fff;
	border-bottom: rgba(0,0,0,0.05) 1px solid;

	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.1) !important;
	   -moz-box-shadow: 0 0 2px rgba(0,0,0,.1) !important;
			box-shadow: 0 0 2px rgba(0,0,0,.1) !important;

	-webkit-transition: all .800s;
	   -moz-transition: all .800s;
		 -o-transition: all .800s;
			transition: all .800s;
}
#header a.logo>img {
	height:80px;
	-webkit-transition: all .300s;
	   -moz-transition: all .300s;
		 -o-transition: all .300s;
			transition: all .300s;
}
#header a.logo.logo-responsive>img {
	height:100%; /* used on center - example: page-coming-soon-1.html */
}

/* force uppercase links */
#topBar ul li a,
#mainMenu ul li a,
#topMain ul li a {
	text-transform:uppercase;
}


/* centered navigation */
#header .navbar-collapse.navbar-centered {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: -1
}
	#header .navbar-collapse.navbar-centered>.nav-main {
		display: inline-block;
	}





/* header reveal on scroll up */
body.header-scroll-reveal #header {
	position: fixed;
}
	body.header-scroll-reveal #header + div,
	body.header-scroll-reveal #header + section {
		padding-top:90px !important;
	}
	body.header-scroll-reveal #header.header-md + div,
	body.header-scroll-reveal #header.header-md + section {
		padding-top:70px !important;
	}
	body.header-scroll-reveal #header.header-sm + div,
	body.header-scroll-reveal #header.header-sm + section {
		padding-top:60px !important;
	}
body.header-scroll-reveal #header.nav-up {
    top: -150px;
}
body.header-scroll-reveal #header.nav-down {
	top:0;
}




/* BS 4 fix */
#header.navbar-toggleable-md .navbar-collapse {
	display: inherit;
	width: auto;
}
@media only screen and (min-width: 769px) {
	body.menu-vertical #mainMenu.sidebar-vertical .navbar-collapse {
		display: block !important;
	}
}
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li a:after {
	border:0;
}
body.menu-vertical #mainMenu.sidebar-vertical .navbar-collapse ul.nav.navbar-nav,
body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a {
	display: block;
	width: 100%;
}
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse li {
	width: 100%;
}
body.menu-vertical #mainMenu.sidebar-vertical .navbar-collapse>ul.nav.navbar-nav li>a {
	padding-left: 15px;
	padding-right: 15px;
}






/* two logo images : light & dark */
#header a.logo>img:last-child {
	display:none;
}
#header a.logo>img:first-child {
	display:inline-block;
}
#header.fixed a.logo>img:first-child {
	display:none;
}
#header.fixed a.logo>img:last-child {
	display:inline-block;
}



	/* shadows */
	#header.shadow-after-1:before {
		content:' ';
		position:absolute;
		left:0; right:0;
		width:100%; height:60px;
		bottom:-60px;
		background-image:url('../images/misc/shadow1.png');
		background-size: 100% 100%;
	}
	#header.shadow-before-1:before {
		content:' ';
		position:absolute;
		left:0; right:0; top:0;
		width:100%; height:60px;
		background-image:url('../images/misc/shadow1.png');
		background-size: 100% 100%;
	}

	#header.shadow-after-2:before {
		content:' ';
		position:absolute;
		left:0; right:0;
		width:100%; height:60px;
		bottom:-60px;
		background-image:url('../images/misc/shadow2.png');
		background-size: 100% 100%;
	}
	#header.shadow-before-2:before {
		content:' ';
		position:absolute;
		left:0; right:0; top:0;
		width:100%; height:60px;
		background-image:url('../images/misc/shadow2.png');
		background-size: 100% 100%;
	}
	#header.shadow-after-3:before {
		content:' ';
		position:absolute;
		left:0; right:0;
		width:100%; height:60px;
		bottom:-60px;
		background-image:url('../images/misc/shadow3.png');
		background-size: 100% 100%;
	}
	#header.shadow-before-3:before {
		content:' ';
		position:absolute;
		left:0; right:0; top:0;
		width:100%; height:60px;
		background-image:url('../images/misc/shadow3.png');
		background-size: 100% 100%;
	}


	/** Search - Default
	 ********************** **/
	#header li.search {
		display:inline-block;
	}
	#header li.search .search-box {
		display:none;
		right: 0;
		left:auto;
		/*top: 100%;*/
		padding: 15px;
		background-color: #fff;
		position: absolute;
		box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
		width: 274px;
		margin-top: 36px;
		z-index: 22;
	}
	#header.header-md li.search .search-box {
		margin-top:25px;
	}
	#header.header-sm  li.search .search-box {
		margin-top:19px;
	}
	#header.fixed  li.search .search-box {
		margin-top:18px;
	}
		#header.fixed.header-sm  li.search .search-box {
			margin-top:18px;
		}
		#header.fixed.header-md  li.search .search-box {
			margin-top:15px;
		}

	#header li.search i.fa {
		color: #333;
		cursor: pointer;
		position: relative;
	}
	form.mobile-search {
		display:none;
	}


	/** Search - Fullscreen
	 ********************** **/
	#header li.search.fullscreen>.search-box {
		text-align:center;
		position:fixed;
		padding:30px;
		background-color:rgba(255,255,255,0.95) !important;
		left:0; top:0 !important; right:0; bottom:0;
		width:100%; 
		height:100%;
		margin:0 !important; 
		z-index:2000;
	}
	#header li.search.fullscreen>.search-box>form {
		width: 100%;
		max-width:800px;
		display:inline-block;
		margin:auto;
		margin-top:20%;
	}
	#header li.search.fullscreen>.search-box>form input {
		border: 0;
		background-color: rgba(0,0,0,0.1);
		padding-top: 15px;
		padding-bottom: 15px;
		height: 65px !important;
		font-size:24px;
		font-weight:300;
		color:#121212;
		border-right:rgba(0,0,0,0.2) 1px solid;
	}
	#header li.search.fullscreen>.search-box>form button {
		border: 0;
		font-size: 22px;
		width: 65px !important;
		height: 65px !important;
		background-color: rgba(0,0,0,0.1);
		color: #888;
	}
	#header li.search.fullscreen>.search-box>form button>i {
		color: #999;
		font-size: 22px;
	}
	#header li.search.fullscreen>.search-box>form button:hover>i {
		color: #121212;
	}
	#header li.search.fullscreen #closeSearch {
		background-color: rgba(0,0,0,0.05);
		text-decoration: none;
		text-align: center;
		width: 60px;
		height: 60px;
		line-height: 60px;
		position: absolute;
		top: -3px;
		left: 50%;
		margin-left: -30px;
		color: #888;
		font-size: 40px;
		z-index: 1000;


		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;
	}
	#header li.search.fullscreen #closeSearch:hover {
		color:#111;
	}

	/* Dark */
	#header li.search.fullscreen.dark>.search-box {
		background-color:rgba(0,0,0,0.95) !important;
	}
	#header li.search.fullscreen.dark>.search-box>form input {
		color:#ddd;
		background-color: rgba(255,255,255,0.1);
		border-right-color:rgba(255,255,255,0.2);
	}
	#header li.search.fullscreen.dark>.search-box>form button {
		background-color: rgba(255,255,255,0.1);
	}
	#header li.search.fullscreen.dark>.search-box>form button>i {
		color: #999;
	}
	#header li.search.fullscreen.dark>.search-box>form button:hover>i {
		color: #fff;
	}
	#header li.search.fullscreen.dark #closeSearch {
		background-color: rgba(255,255,255,0.2);
		color: #888;
	}
	#header li.search.fullscreen.dark #closeSearch:hover {
		color:#fff;
	}

	@media only screen and (max-width: 480px) {
		#header li.search.fullscreen>.search-box>form {
			margin-top:30%;
		}
	}
	@media only screen and (max-height: 400px) {
		#header li.search.fullscreen>.search-box>form {
			margin-top:60px;
		}
	}



	

	/* Responsive */ 
	@media (min-width: 768px) {
		body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse {
			padding: 0;
			max-height: none;
		}
		body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar ul {
			float: none;
			border-top:#eee 1px solid;
		}
		body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar ul:not {
			display: block;

		}
		body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse li {
			float: none;
			display: block;
		}
		body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li a {
			color:#000;

			-webkit-transition: all .10s;
			   -moz-transition: all .10s;
				 -o-transition: all .10s;
					transition: all .10s; 

		}
		body.menu-vertical #mainMenu.sidebar-vertical li.dropdown:hover>ul.dropdown-menu {
			display:block;
		}
		body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical li.dropdown:hover>ul.dropdown-menu {
			left:-230px;
			right:auto;
		}
		

		/* uncomment if you would like the menu to be fixed */
		/* .navbar {
			position: fixed;
			width: 170px;
			z-index: 2;
		} */
	}
	@media (min-width: 992px) {
		body.menu-vertical #mainMenu.sidebar-vertical .navbar {
			width: 212px;
		}

	}
	@media only screen and (max-width: 1216px) {
		body.menu-vertical .container {
			width: 100%;
		}
	}
	@media (min-width: 1200px) {
		body.menu-vertical #mainMenu.sidebar-vertical .navbar {
			width: 262px;
		}
	}
	@media (min-width: 768px) {
		body.menu-vertical #mainMenu .navbar-default {
			border:0;
		}
		body.menu-vertical #mainMenu {
			border-right:#d6d6d6 1px solid;

			-webkit-box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14);
			   -moz-box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14);
					box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14);
		}

	}
	@media (max-width: 768px) {
		body.menu-vertical #mainMenu {
			position:relative;
			width:100%;
		}
		body.menu-vertical #mainMenu .navbar-nav {
			margin-bottom:0;
			margin-top:0;
		}
		body.menu-vertical #mainMenu .navbar-header {
			background-color: rgba(255,255,255,0.06);
		}
		body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-toggle .icon-bar {
			background-color: #fff;
		}

		body.menu-vertical #middle {
			padding:15px !important;
		}

		body.menu-vertical #mainMenu .logo {
			padding:0;
			margin:15px 0;
		}
		
		body.menu-vertical #wrapper {
			margin-left:0 !important;
			margin-right:0 !important;
		}
		body.menu-vertical #mainMenu.sidebar-vertical {
			position:relative;
			width:100%;
		}
		
		body.menu-vertical .navbar {
			margin-bottom:0;
		}
		
		body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu {
			width:100%;
		}

		
		body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical {
			left:0 !important; right:0;
		}
		body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn {
			display:none;
			
		}
			body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical {
				width:100% !important;
			}

	}
	
	body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li a {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.sidebar-vertical .sidebar-nav .navbar-header { 
		float: none; 
	}




	/** Mobile Button 
	 ********************** **/
	#topNav button.btn-mobile {
		display:none;
	}
		#topNav button.btn-mobile {
			color:#333;
			display: none;
			padding:6px 10px;
			float:right;
			margin-top:13px;
			margin-right:0;

			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
					border-radius: 0;
		}

		#topNav button.btn-mobile i {
			padding:0; margin:0;
			font-size:21px;
		}
	@media only screen and (max-width: 992px) {
		#topNav button.btn-mobile {
			display:inline-block;
		}
	}


	
	#header li.search .search-box,
	#header li.quick-cart .quick-cart-box {
		border:rgba(0,0,0,0.07) 1px solid;
		border-top:0;
	}


	/* Dark & Color Header */
	#header.dark {
		background-color:#333;
	}
	#header.dark #topMain.nav-pills>li>a {
		color:#ccc;
	}
	#header.dark #topMain.nav-pills>li.active>a,
	#header.dark #topMain.nav-pills>li>a:hover {
		color:#fff;
	}
	
	/* DARK CART & SEARCH */
	#header.dark li.search .search-box,
	#header.dark  li.quick-cart .quick-cart-box {
		background-color:#333;
	}
	#header.translucent li.search .search-box,
	#header.translucent  li.quick-cart .quick-cart-box {
		background-color:rgba(33,33,33,0.80);

		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	#header.translucent li.search .search-box:hover,
	#header.translucent  li.quick-cart .quick-cart-box:hover {
		background-color:rgba(33,33,33,0.88);
	}

	#header.translucent ul.nav-second-main li i,
	#header.translucent li.search i.fa,
	#header.dark li.quick-cart .quick-cart-box a,
	#header.dark li.quick-cart .quick-cart-box a h6,
	#header.dark li.quick-cart .quick-cart-footer,
	#header.dark li.quick-cart .quick-cart-box h4 {
		color:#fff !important;
	}
	#header.dark li.quick-cart .quick-cart-box h4,
	#header.dark li.quick-cart .quick-cart-box a {	
		border-bottom: rgba(255,255,255,0.08) 1px solid;
	}
	#header.dark li.quick-cart .quick-cart-box a:hover {
		background-color:rgba(255,255,255,0.06);
	}
	#header.dark li.search .search-box input {
		color: #999;
		background-color: rgba(0,0,0,.2);
		border-color: rgba(0,0,0,.25);

		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	#header.dark li.search .search-box input:focus,
	#header.dark li.search .search-box textarea:focus {
		background-color: rgba(0,0,0,.3);
	}



	/* Transparent Header */
	#header.transparent {
		position:absolute;
		background-color:transparent;
		border-bottom:rgba(255,255,255,0.3) 1px solid;

		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
	#header.transparent.color,
	#header.transparent.dark {
		border:0;
	}
	#header.transparent #topMain.nav-pills>li>a {
		color:#fff;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	#header.transparent #topMain.nav-pills>li.active>a,
	#header.transparent #topMain.nav-pills>li>a:hover {
		background-color:rgba(0,0,0,0.03);
	}
	#header.transparent + section.page-header.page-header-lg,
	#header.transparent + section.page-header {
		/*margin-top:-100px;*/
		padding:180px 0;
	}
	#header.transparent + section.page-header.page-header-xlg {
		padding:280px 0;
		padding-top:350px;
	}
	
	#header.transparent + section.page-header.page-header-lg {
		padding-top:250px;
	}

	#header.transparent a.social-icon {
		background-color:rgba(0,0,0,0.2);
	}
	#header.transparent a.social-icon>i {
		color:#eaeaea;
	}
	
		/* on scroll */
		#header.fixed.transparent{
			background-color:#fff;
		}
		#header.fixed.dark,
		#header.fixed.dark.transparent {
			background-color:#333;
			border:0;
		}
		#header.fixed.transparent ul.nav-second-main li a,
		#header.fixed.transparent ul.nav-second-main li a>i,
		#header.fixed.transparent #topMain.nav-pills>li>a {
			color:#151515;
		}
		#header.fixed.dark.transparent ul.nav-second-main li a,
		#header.fixed.dark.transparent ul.nav-second-main li a>i,
		#header.fixed.dark.transparent #topMain.nav-pills>li>a {
			color:#fff;
		}

	@media only screen and (max-width: 992px) {
		#header.transparent.fixed #topNav button.btn-mobile {
			color:#333 !important;
		}
		#header.transparent.dark.fixed #topNav button.btn-mobile {
			color:#fff !important;
		}
		#header.transparent #topMain.nav-pills>li>a {
			color:#fff;
		}
		#header.transparent.dark #topMain.nav-pills>li>a {
			color:#fff;
		}
	}
	

	@media only screen and (max-width: 768px) {
		#header.transparent + section.page-header {
			margin-top:0;
		}

		/* force dark submenu */
		#header.transparent #topMain {
			background-color:#333 !important;
		}
		#header.transparent #topMain li.active>a {
			color:#fff !important;
		}
	}



	/* Transparent Header */
	#header.translucent {
		position:absolute;
		background-color:rgba(0,0,0,0.2);

		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}

	#header.translucent #topMain.nav-pills>li>a {
		color:#fff;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	#header.translucent #topMain.nav-pills>li.active>a,
	#header.translucent #topMain.nav-pills>li>a:hover {
		color:#fff;
		background-color:rgba(0,0,0,0.1);
	}
	#header.translucent + section.page-header {
		margin-top:-100px;
		padding:180px 0;
	}
	#header.translucent + section.page-header.page-header-xlg {
		padding:280px 0;
		padding-top:420px;
	}
	
	#header.translucent + section.page-header.page-header-lg {
		padding-top:350px;
	}

		/* on scroll */
		#header.fixed.translucent{
			background-color:#fff;
		}
		#header.fixed.dark,
		#header.fixed.dark.translucent {
			background-color:#333;
			border:0;
		}
		#header.fixed.translucent ul.nav-second-main li a,
		#header.fixed.translucent ul.nav-second-main li a>i,
		#header.fixed.translucent #topMain.nav-pills>li>a {
			color:#151515;
		}
		#header.fixed.dark.translucent ul.nav-second-main li a,
		#header.fixed.dark.translucent ul.nav-second-main li a>i,
		#header.fixed.dark.translucent #topMain.nav-pills>li>a {
			color:#fff;
		}

	@media only screen and (max-width: 768px) {
		#header.transparent + section.page-header {
			margin-top:0;
		}
	}



	/* BOTTOM HEADER */
	#header.bottom {
		position:absolute;
		top:auto; bottom:0;
		border-bottom:rgba(0,0,0,0.05) 1px solid;
	}
	#header.bottom.fixed {
		top:0; bottom:auto;
	}
	#header.bottom.sticky {
		position:absolute;
	}
	#header.bottom.fixed.sticky {
		position:fixed;
	}
	#header.bottom.dropup #topMain>li>ul.dropdown-menu ul.dropdown-menu {
		bottom: auto;
		box-shadow:none;
	}

	#header.bottom.dropup ul.dropdown-menu {
		bottom:94px;
		top: auto;
	}
		#header.header-md.bottom.dropup ul.dropdown-menu {
			bottom:68px;
			top: auto;
		}
		#header.header-sm.bottom.dropup ul.dropdown-menu {
			bottom:58px;
			top: auto;
		}


	#header.bottom.dropup li.mega-menu ul.dropdown-menu {
		bottom:-2px;
	}
		#header.header-md.bottom.dropup li.mega-menu ul.dropdown-menu {
			bottom:-2px;
		}
		#header.header-sm.bottom.dropup li.mega-menu ul.dropdown-menu {
			bottom:-2px;
		}



	#header.bottom.dropup.slim ul.dropdown-menu {
		bottom:53px;
	}
	#header.bottom.dropup .nav-second-main .quick-cart-box,
	#header.bottom.dropup .nav-second-main .search-box {
		top:auto; bottom:100%;
		margin-bottom:39px;
		box-shadow: 5px -5px rgba(91, 91, 91, 0.2);
		border-bottom:0
	}
		#header.bottom.header-md.dropup .nav-second-main .quick-cart-box,
		#header.bottom.header-md.dropup .nav-second-main .search-box {
			margin-bottom:23px;
		}
		#header.bottom.header-sm.dropup .nav-second-main .quick-cart-box,
		#header.bottom.header-sm.dropup .nav-second-main .search-box {
			margin-bottom:20px;
		}

	#header.bottom.dropup ul.dropdown-menu:before {
		top:auto;
		bottom: -10px !important;
		border-bottom:0 !important;
		border-top: rgba(255,255,255,1) 10px solid;
	}
	#header.bottom.dropup.dark ul.dropdown-menu:before {
		border-top: rgba(33,33,33,0.95) 10px solid !important;
	}

	#header.bottom  + #slider {
		margin-bottom:94px;
	}
		#header.header-md.bottom  + #slider {
			margin-bottom:70px;
		}
		#header.header-sm.bottom  + #slider {
			margin-bottom:60px;
		}
		#header.header-sm.bottom.transparent + #slider,
		#header.header-sm.bottom.translucent + #slider {
			margin-bottom:0;
		}

	#header.bottom + #slider > .swiper-container .swiper-pagination {
		top:0 !important;
		bottom:auto;
	}

	@media only screen and (max-width: 992px) {
		#header.bottom {
			top:0; bottom:auto;
		}
		#header.bottom.sticky {
			position:relative !important;
		}
		#header.bottom.transparent ul.nav-second-main li a,
		#header.bottom.transparent ul.nav-second-main li a>i,
		#header.bottom.transparent #topNav button.btn-mobile {
			color:#212121;
		}
		#header.bottom + #slider > .swiper-container .swiper-pagination {
			top:auto !important;
			bottom:10px;
		}
		#header.bottom.dropup .nav-second-main .quick-cart-box,
		#header.bottom.dropup .nav-second-main .search-box {
			bottom:auto;
		}
	}

	
	/* STATIC HEADER */
	#header.bottom.static + #slider {
		margin-bottom:0;
	}
	#header.bottom.static {
		border-top:rgba(0,0,0,0.15) 1px solid;
	}
	#header.bottom.static.dark {
		border-top:rgba(255,255,255,0.15) 1px solid;
	}
	#header.bottom.static .nav-second-main .quick-cart-box, 
	#header.bottom.static .nav-second-main .search-box,
	#header.bottom.static .nav-second-main .quick-cart-box, 
	#header.bottom.static .nav-second-main .search-box {
		border:rgba(0,0,0,0.15) 1px solid;
		border-bottom:0;
	}
	#header.bottom.static.dark .nav-second-main .quick-cart-box, 
	#header.bottom.static.dark .nav-second-main .search-box,
	#header.bottom.static.dark .nav-second-main .quick-cart-box, 
	#header.bottom.static.dark .nav-second-main .search-box {
		border:rgba(255,255,255,0.15) 1px solid;
		border-bottom:0;
	}
	@media only screen and (max-width: 992px) {
		#header.static {
			/*position:relative !important;*/
		}
	}

	 #header.static:not(.transparent) + section.page-header {
	 	margin-top:60px;
	 }



	/* fullwidth container */
	#topNav .full-container {
		display:block;
		margin:0 15px;
	}

	/* remove bootstrap issue */
	#topNav ul.dropdown-menu>li,
	#topNav ul.dropdown-menu>li a {
		background-color:transparent;
	}
	#topNav .nav-pills>li+li {
		margin-left:0;
	}

	/* search */
	#header li.search .search-box form {
		margin:0;
	}


	/* Medium Height : 70 */
	#header.header-md #topNav a.logo {
		height:70px;
		line-height:50px;
	}
	#header.header-md #topNav a.logo>img {
		height:70px;
	}
	#header.header-md #topNav #topMain>li>a {
		height:70px;
		line-height:70px;
	}
	@media only screen and (max-width: 992px) {
		#header.header-md #topMain.nav-pills>li>a {
			color:#212121;
		}
		#header.header-md #topMain.nav-pills>li.active>a,
		#header.header-md #topMain.nav-pills>li>a:hover {
			color:#212121;
			background-color:rgba(0,0,0,0.02);
		}
	}


	/* Small Height : 60px */
	#header.header-sm #topNav a.logo {
		height:60px;
		line-height:50px;
	}
	#header.header-sm #topNav a.logo>img {
		height:60px;
	}
	#header.header-sm #topNav #topMain>li>a {
		height:60px;
		line-height:60px;
	}
	@media only screen and (max-width: 992px) {
		#header.header-sm #topMain.nav-pills>li>a {
			color:#212121;
		}
		#header.header-sm #topMain.nav-pills>li.active>a,
		#header.header-sm #topMain.nav-pills>li>a:hover {
			color:#212121;
			background-color:rgba(0,0,0,0.02);
		}
	}


	/* Sticky 60px */
	#header.fixed {
		position:fixed;
		border-bottom:rgba(0,0,0,0.08) 1px solid;
	}
	#header.fixed #topNav a.logo {
		height:60px;
		line-height:50px;
	}
	#header.fixed #topNav a.logo>img {
		height:60px;
	}
	#header.fixed #topNav #topMain>li>a {
		height:60px;
		line-height:60px;
	}


	/* Static */
	#header.static {
		position:fixed;
	}
		#header.static:not(.transparent) {
			border-bottom:rgba(0,0,0,0.08) 1px solid;
		}


	@media only screen and (max-width: 992px) {
		#header.header-sm #topMain.nav-pills>li>a,
		#header.header-md #topMain.nav-pills>li>a {
			color:#212121;
		}
		#header.header-sm #topMain.nav-pills>li.active>a,
		#header.header-sm #topMain.nav-pills>li>a:hover,
		#header.header-md #topMain.nav-pills>li.active>a,
		#header.header-md #topMain.nav-pills>li>a:hover {
			color:#212121;
			background-color:rgba(0,0,0,0.02);
		}
		
		#header.transparent.header-sm #topMain.nav-pills>li>a,
		#header.transparent.header-md #topMain.nav-pills>li>a,
		#header.transparent.header-sm #topMain.nav-pills>li.active>a,
		#header.transparent.header-sm #topMain.nav-pills>li>a:hover,
		#header.transparent.header-md #topMain.nav-pills>li.active>a,
		#header.transparent.header-md #topMain.nav-pills>li>a:hover {
			color:#fff;
		}
		
		#header.transparent #topMain,
		#header .submenu-dark #topMain {
			background-color:#333;
		}
		#header.dark #topMain.nav-pills>li.active>a,
		#header.dark #topMain.nav-pills>li:hover>a,
		#header.dark #topMain.nav-pills>li>a {
			color:#333;
		}
		#header.dark .submenu-dark #topMain.nav-pills>li.active>a,
		#header.dark .submenu-dark #topMain.nav-pills>li:hover>a,
		#header.dark .submenu-dark #topMain.nav-pills>li>a {
			color:#fff;
		}
		#header.dark #topMain.nav-pills>li.active>a {
			background-color:rgba(0,0,0,0.1);
		}
	}



	/* 
		Top Bar
	*/
	#topBar {
		display:block;
		background-color:#fff;
		border-bottom:rgba(0,0,0,0.05) 1px solid;
	}
	#topBar>.border-bottom {
		border-bottom:rgba(0,0,0,0.05) 1px solid;
	}
	#topBar>.border-top {
		border-top:rgba(0,0,0,0.05) 1px solid;
	}
	#topBar,
	#topBar>.container {
		min-height: 39px;
	}
	
	#topBar.dark {
		color:#ccc;
		background-color:#363839;
		border-bottom-color:rgba(255,255,255,0.1);
	}
	#topBar.dark .dropdown-menu a,
	#topBar.dark ul.top-links>li>a {
		color:#fff;
	}
	#topBar.dark .dropdown-menu a:hover {
		color:#fff !important;
		background-color:#333;
	}
	#topBar.dark ul.top-links>li {
		border-right: rgba(255,255,255,0.1) 1px solid;
	}

	body.boxed #topBar.dark ul.top-links>li {
		border-right:0;
	}
	#topBar.dark .dropdown-menu {
		background-color:#363839;
	}
	#topBar.dark .dropdown-menu .divider {
		background-color:#444;
	}
		#topBar.dark>.border-bottom {
			border-bottom-color:rgba(255,255,255,0.1);
		}
		#topBar.dark>.border-top {
			border-top-color:rgba(255,255,255,0.1);
		}
	
	/* Logo */
	#topBar .logo {
		display:inline-block;
	}
	#topBar .logo img {
		-webkit-transition: width .4s ease, height .4s ease;
			 -o-transition: width .4s ease, height .4s ease;
				transition: width .4s ease, height .4s ease;
	}
	#topBar .logo.has-banner {
		height:100px;
		line-height:100px;
		
	}
	
	/* banner */
	#topBar .banner {
		margin:5px 0;
		display:inline-block;
		padding-left:5px;
		border-left:rgba(0,0,0,0.05) 1px solid;
	}
	#topBar.dark .banner {
		border-left-color:rgba(255,255,255,0.05) 1px solid;
	}

	/* social Icon */
	#topBar .social-icon {
		margin:3px 0 0 0;
	}
	
	/* Links */
	#topBar ul.top-links {
		float:left;
		margin:0;
	}
	#topBar ul.top-links>li {
		padding:0;
		display:inline-block;
		margin-left:-3px;
		position:relative;
		border-right:rgba(0,0,0,0.1) 1px solid;
		
	}
	#topBar ul.top-links>li:hover >.dropdown-menu,
	#mainMenu ul.top-links>li:hover >.dropdown-menu {
		display:block !important;
	}
	#topBar ul.top-links>li .dropdown-menu {
		z-index:3000;
	}
	#topBar ul.top-links>li>a {
		padding:10px;
		font-size:12px;
		color:#151515;
		display:block;
		text-decoration:none;
	}
	#topBar ul.top-links>li>a:hover {
		background-color:rgba(0,0,0,0.01);
	}
	#topBar ul.top-links>li>a>i {
		margin-right:5px;
		filter: alpha(opacity=30);
		opacity:0.3;
	}
	@media only screen and (max-width: 768px) {
		#topBar {
			text-align:center;
		}
		#topBar ul.top-links {
			display:inline-block;
			float:none;
			margin:0 auto;
		}
		#topBar ul.top-links>li:last-child>a {
			border-right:0;
		}
	}
	#topBar ul.top-links li.text-welcome {
		padding:0 15px;
		font-size:12px;
	}

	/* Drop Downs & Lang */
	#topBar ul.dropdown-menu {
		min-width:50px;
		margin:0; padding:0;
		margin-left:-1px;
	}
	#topBar ul.dropdown-menu>li>a {
		padding:8px 6px;
		font-size:12px;
	}
	#topBar ul.dropdown-langs>li>a {
		padding:3px 6px;
		font-size:12px;
	}
	#topBar ul.top-links>li>a>img.flag-lang {
		float:left;
		margin-top:3px;
		margin-right:6px;
	}
	#topBar ul.dropdown-menu>li>a>i {
		margin-right:6px;
	}
	#topBar ul.dropdown-langs>li:hover>a {
		color:#000 !important;
		background-color:#eee;
	}
	#topBar ul.dropdown-menu>li.divider {
		margin:0; padding:0;
		border-bottom:0;
		height:1px;
	}




	/* 
		Nav Second Main 
		- search, etc
	*/
	#header ul.nav-second-main {
		border-left:rgba(0,0,0,0.1) 1px solid;
		padding-left:15px;
		margin-top: 39px;

		-webkit-transition: all .300s;
		   -moz-transition: all .300s;
			 -o-transition: all .300s;
				transition: all .300s; 
	}
	#header.fixed ul.nav-second-main {
		margin-top:20px;
	}
		#header.header-sm ul.nav-second-main {
			margin-top:20px;
		}
		#header.header-md ul.nav-second-main {
			margin-top:23px;
		}
		#header.fixed.header-sm ul.nav-second-main.nav-social,
		#header.fixed.header-md ul.nav-second-main.nav-social {
			margin-top:18px;
		}
		#header ul.nav-second-main.nav-social a {
			margin-left:10px !important;
		}
		#header ul.nav-second-main.nav-social>li:first-child a {
			margin-left:10px !important;
		}
		#header.fixed ul.nav-second-main.nav-social a>i:hover {
			color: #fff !important;
		}
	#header ul.nav-second-main li {
		padding-top:33px;
		padding:0 5px 0px 5px;
	}
	#header ul.nav-second-main li>a {
		background-color:transparent;
		color:#666;
		padding:0 3px;
		display:block;
	}
	#header ul.nav-second-main li i {
		font-size:18px;
		width: 20px;
		height: 20px;
		margin:0;
		padding:0;

		opacity:0.6;
		filter: alpha(opacity=60);

		-webkit-transition: all .300s;
		   -moz-transition: all .300s;
			 -o-transition: all .300s;
				transition: all .300s; 
	}
	#header ul.nav-second-main li:hover i {
		opacity:1;
		filter: alpha(opacity=100);
	}
	#header ul.nav-second-main li .badge {
		padding:3px 4px;
	}
	
	/* dark & color menu */
	#header.transparent ul.nav-second-main li a,
	#header.transparent ul.nav-second-main li a>i,
	#header.color ul.nav-second-main li a,
	#header.color ul.nav-second-main li a>i,
	#header.dark ul.nav-second-main li a,
	#header.dark ul.nav-second-main li a>i {
		color:#fff;

		opacity:1;
		filter: alpha(opacity=100);
	}

	@media only screen and (max-width: 992px) {
		#header ul.nav-second-main {
			margin:15px 15px 0 0;
			border:0;
		}
		#header ul.nav-second-main li {
			padding:0;
			padding-top:6px;
		}
		#header ul.nav-second-main {
			-webkit-transition: all 0s;
			   -moz-transition: all 0s;
				 -o-transition: all 0s;
					transition: all 0s; 
		}
		#header.fixed ul.nav-second-main li {
			padding-top:0;
		}
		#header.header-md ul.nav-second-main li>a,
		#header.header-sm ul.nav-second-main li>a {
			margin-top:-6px;
		}

		/* header social */
		#header.header-md ul.nav-second-main {
			margin-top:20px;
		}
		#header.fixed.header-sm ul.nav-second-main.nav-social,
		#header.fixed.header-md ul.nav-second-main.nav-social {
			margin-top:26px;
		}

		/* header translucent fix */
		#header.header-md.translucent ul.nav-second-main {
			margin-top:23px;
		}
		#header.header-md.translucent.fixed ul.nav-second-main {
			margin-top:29px;
		}

	}


	/** ************************************************************* **/
	/* submenu */
	#topNav ul.dropdown-menu {
		text-align:left;
		margin-top: 0;
		box-shadow:none;
		border:#eee 1px solid;
		border-top:#eee 1px solid;
		list-style:none;
		background:#fff;
		background-color:#fff;
		-webkit-box-shadow:rgba(0,0,0,0.2) 0 6px 12px !important;
				box-shadow:rgba(0,0,0,0.2) 0 6px 12px !important;
		min-width:200px;
		padding:0;

		border-color: #1ABC9C #fff #fff;

		-webkit-transition: top .4s ease;
			 -o-transition: top .4s ease;
				transition: top .4s ease;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
		#topNav ul.dropdown-menu ul.dropdown-menu {
			margin-top: -1px !important; /* -1px required for border-top menu */
		}

	#topNav ul.dropdown-menu li {
		position:relative;
		/*border-bottom: rgba(0,0,0,0.06) 1px solid;*/
	}
	/*
		#topNav .submenu-dark ul.dropdown-menu li {
			border-bottom-color: rgba(0,0,0,0.2);
		}
	*/
	#topNav ul.dropdown-menu li:last-child {
		border-bottom:0;
	}
	#topNav ul.dropdown-menu li a {
		margin:0;
		padding:7px 15px;
		font-weight:400;
		line-height:23px;

		color:#666;
		font-size:12px;
		display:block;
		text-decoration:none;
	}
	#topNav ul.dropdown-menu>li a i {
		margin-right:6px;
		font-size:12px;
	}
	#topNav ul.dropdown-menu a.dropdown-toggle {
		background-position: right center;
		background-repeat: no-repeat;
	}
	#topNav ul.dropdown-menu li.active>a, 
	#topNav ul.dropdown-menu li.active:hover>a, 
	#topNav ul.dropdown-menu li.active:focus>a, 
	#topNav ul.dropdown-menu li:hover>a, 
	#topNav ul.dropdown-menu li:focus>a, 
	#topNav ul.dropdown-menu li:focus>a {
		color:#000;
		background-color:rgba(0,0,0,0.05);
	}
	
	#topNav ul.dropdown-menu li.divider {
		margin:-1px 0 0 0;
		padding:0; border:0;
		background-color:rgba(0,0,0,0.1);
	}
	#topNav .nav li:hover>ul.dropdown-menu {
		padding:0;
		display:block;
		z-index:100;
	}
	#topNav ul.dropdown-menu li .badge {
		margin-top:4px;
	}

	/* sub-submenu */
	#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {
		display:block;
		position:absolute;
		left:100%; top:0;
		padding:0; margin:0; 
		border-left:0 !important;
		border-right:0 !important;
		border-bottom:0 !important;
	}
	/** ************************************************************* **/


	/* onepage active link */
	#topMain.nav-onepage>li.active>a {
		font-weight:bold;
	}


	/** Responsive Top Nav
	 ********************* **/
	@media only screen and (max-width: 992px) {
		.navbar-collapse {
			height:100%;
		}
		form.mobile-search {
			display:block;
		}

		#topNav div.nav-main-collapse {
			padding:0; margin:0;
		}
		#topNav button.btn-mobile {
			display:block;
			float:right;
			margin-right:0;

			-webkit-transition: none;
			   -moz-transition: none;
				 -o-transition: none;
					transition: none;
		}
			#header.dark #topNav button.btn-mobile,
			#header.transparent #topNav button.btn-mobile,
			#header.theme-color #topNav button.btn-mobile {
				color:#fff;
			}
		#topNav nav.nav-main {
			background-color:#fff;
		}
		#topNav div.nav-main-collapse,
		#topNav div.nav-main-collapse.in {
			width: 100%;
			margin:-1px 0 0 0;
		}
		#topNav div.nav-main-collapse {
			float: none;
			overflow-x:hidden;
			max-height:350px;
		}





		/* ======================== MOBILE MENU V2 ===================== */
		html.noscroll,
		html.noscroll body {
			overflow: hidden !important;
		}

		#header.fixed #topNav div.nav-main-collapse,
		#topNav div.nav-main-collapse {
			max-height:100% !important;
			height:100%;
			width: 100%;
			position: fixed !important;
			left:0 !important; right:0; bottom:0; top:0;
			z-index:9999 !important;
			overflow-y: scroll !important;
			padding-top:58px !important;
			margin:0 !important;
		}
		#topNav div.nav-main-collapse {
			-webkit-overflow-scrolling: touch; /* iOS smooth scroll */
		    -webkit-animation: fadeIn .3s !important;
		            animation: fadeIn .3s !important;
		}

		#header.fixed #topNav button.btn-mobile-active,
		#topNav button.btn-mobile-active {
			position: fixed !important;
			z-index:999999 !important;
			background-color: #232323 !important;
			height: 60px !important;
			top:0 !important;
			width: 100%;
			left:0; right:0;
			margin: 0 !important;
			opacity: 0.9;

		}
		#topNav button.btn-mobile-active>i {
			float:right;
			margin-right:10px;
			margin-left:10px;
			color: #fff !important;
			font-size:30px;
		}
		#topNav button.btn-mobile-active>i:before {
			content: "\f00d" !important;
		}

		#menu-overlay {
			position: fixed;
			top:0; bottom:0;
			left:0; right:0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.4);
			z-index:10 !important;
		}

		/* dropdown background color */
		#topMain,
		#topNav ul.dropdown-menu {
			color: #fff;
			background-color: #333;
			display: block;
		}
		#topNav ul.dropdown-menu {
			border: 0;
		}
		#topMain>li>a {
			color: #fff !important;
		}
		#topNav ul.dropdown-menu li>a {
			color: #fbfbfb !important;
		}
		#topMain>li>a,
		#topNav ul.dropdown-menu li>a {
			font-size:15px !important;
		}
		/* ====================== END MOBILE MENU V2 ==================== */



		#topNav div.nav-main-collapse.collapse:not(.show) {
			display: none;
		}
		#topNav div.nav-main-collapse.in {
			display: block !important;
		}
		#topNav div.nav-main-collapse {
			position: relative;
		}



		#topMain>li>a>span {
			display:none !important;
		}
		#topMain li {
			display:block !important;
			float:none;
			text-align:left;

			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
					border-radius: 0;
		}
		#topMain li a {
			text-align:left;
			border:0;
			height:auto;
			line-height:15px;

			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
					border-radius: 0;
		}
		#topMain>li:hover,
		#topMain>li:hover>a {
			border-top:0 !important;
		}
		#topMain>li>a {
			height:auto;
			line-height:auto;
		}

		/* submenu */
		#topMain ul.dropdown-menu {
			position: static;
			clear: both;
			float: none;
			display: none !important;
			border-left:0 !important;

			-webkit-box-shadow: none;
			   -moz-box-shadow: none;
					box-shadow: none;
		}

		#topNav nav.nav-main li.resp-active > ul.dropdown-menu {
			display: block !important;
			margin-left:30px;
			margin-right:30px;
			padding:20px 0;
			border-right:0;
		}
		#topNav nav.nav-main li.resp-active > ul.dropdown-menu li {
			border-left:0;
		}

		#topNav ul.nav>li:hover>a:before, 
		#topNav ul.nav>li.active>a:before {
			background-color:transparent;
		}

		#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {
			position:static;
		}

		#topNav div.submenu-dark ul.dropdown-menu {
			border-top:0;
		}


		/** sub menu */
		#topNav nav.nav-main li.resp-active > ul.dropdown-menu {
			margin:0; padding:0;
		}
		#topNav nav.nav-main li > ul.dropdown-menu li a {
			padding-left:40px;
			width: 100%;
			display: block;
		}
		
		#topNav .dropdown-menu.float-right,
		#topNav .dropdown-menu.float-left {
			float:none !important;
		}
	}
	
	@media only screen and (max-width: 500px) {
		#topNav div.nav-main-collapse {
			max-height:290px;
			overflow-y:auto;
		}
	}



	/* Mega Menu */
	#topNav #topMain>li.mega-menu {
	  position: inherit;
	  color:#fff;

	}
	#topNav #topMain>li.mega-menu>ul {
	  max-width:100%;
	  width: 100%;
	  top: inherit;
	}
	#topNav #topMain>li.mega-menu div.row {
		display:table;
		margin:0; 
		padding:0;
		width:100%;
	}
	#topNav #topMain>li.mega-menu div.row div {
		display:table-cell;
		border-left: rgba(0,0,0,0.1) 1px solid;
		margin-left: -1px;
		display: table-cell;
		vertical-align: top;
		float: none;

		margin:0; 
		padding:15px 0 0 0;
	}
	#topNav #topMain>li.mega-menu div.row>div:first-child {
		border-left:0 !important;
	}
	#topNav #topMain>li.mega-menu div.row div>ul>li>span {
		color:#111;
		font-weight:bold;
		display:block;
		padding:6px 15px 15px 15px;
	}
	@media only screen and (max-width: 992px) {
		#topNav #topMain>li.mega-menu div.row div>ul>li>span {
			color:#fff;
		}
	}
	#topNav #topMain>li.mega-menu div.row div:first-child {
		border-left:0;
	}
	#topNav #topMain>li.mega-menu div.row div>ul>li+li>span {
		margin-top:25px;
	}


	/* LIGHT SUBMENU */
	#topNav ul.dropdown-menu a.dropdown-toggle {
		background-image: url('../images/submenu_light.png');
	}


	/* DARK SUBMENU */
	#topNav div.submenu-dark ul.dropdown-menu {
		background:#333;
		background-color:#333;
	}
	#topNav div.submenu-dark ul.dropdown-menu a.dropdown-toggle {
		background-image: url('../images/submenu_dark.png');
	}
	#topNav div.submenu-dark ul.dropdown-menu li.active>a, 
	#topNav div.submenu-dark ul.dropdown-menu li.active:hover>a, 
	#topNav div.submenu-dark ul.dropdown-menu li.active:focus>a, 
	#topNav div.submenu-dark ul.dropdown-menu li:hover>a, 
	#topNav div.submenu-dark ul.dropdown-menu li:focus>a, 
	#topNav div.submenu-dark ul.dropdown-menu li:focus>a {
		color:#fff;
		background-color:rgba(0,0,0,0.15);
	}
	#topNav div.submenu-dark ul.dropdown-menu li.divider {
		background-color:rgba(255,255,255,0.1);
	}
	#topNav div.submenu-dark ul.dropdown-menu>li a {
		color:#ccc;
	}
	#topNav div.submenu-dark #topMain>li.mega-menu div.row div>ul>li>span {
		color:#fff;
	}
	#topNav div.submenu-dark #topMain>li.mega-menu div.row>div { 
		border-left: rgba(0,0,0,0.2) 1px solid;
	}

	@media only screen and (max-width: 992px) {
		#topNav div.submenu-dark li>a {
			color: #fff !important;
		}
		#header.translucent #topMain, 
		#header.dark.transparent #topMain {
			background-color: #333 !important;
		}
	}




/** Page Menu
 **************************************************************** **/
#page-menu {
  position: relative;
  height: 44px;
  line-height: 46px;
  background-color:#333;
  color:#fff;
  text-shadow:rgba(0,0,0,.1) 1px 1px 1px;
  z-index:100;
  overflow:hidden;
}
#page-menu ul {
	margin:0;
	line-height: 44px;
}
#page-menu ul>li {
	line-height: 44px;
	float:left;
}
#page-menu ul>li>a {
	color:#fff;
	height:44px;
	padding:0 10px;
	display:inline-block;
	text-decoration:none;

	-webkit-transition: all .300s;
	   -moz-transition: all .300s;
		 -o-transition: all .300s;
			transition: all .300s; 
}
	#page-menu ul>li>a>i {
		margin-right:5px;
	}
#page-menu ul>li:hover,
#page-menu ul>li.active {
	background-color:rgba(148,149,150,0.2);
}
#page-menu nav {
	position:relative;
}
#page-menu ul.list-inline.dropdown-menu {
	display:block;
}
#page-menu-mobile {
	display:none;
	font-size:21px;

	background-color:rgba(0,0,0,0.2);
	height:44px;
	width:44px;
}
@media only screen and (min-width: 990px) {
	#page-menu ul {
		display:block !important;
	}
}
@media only screen and (max-width: 992px) {
	#page-menu {
		overflow:visible;
	}
	#page-menu ul>li {
		float:none !important;
	}

	#page-menu-mobile {
		display:inline-block;
	}
	#page-menu ul {
		display:none;
		position:absolute;
		min-width:200px;
	}
	#page-menu nav.float-right ul {
		right:-15px;
		top:44px;
	}
	#page-menu nav.float-left ul {
		left:-15px;
		top:44px;
	}
	#page-menu nav.float-right #page-menu-mobile {
		margin-right:-15px;
	}
	#page-menu nav.float-left #page-menu-mobile {
		margin-left:-15px;
	}
	#page-menu ul>li,
	#page-menu ul>li>a {
		color:#fff !important;
		display:block;
		float:none;
	}
	#page-menu ul>li>a {
		color:#ccc;
	}
}



	/* page menu light */
	#page-menu.page-menu-light {
		color:#151515;
		text-shadow:rgba(255,255,255,.1) 1px 1px 1px;
		background-color:rgba(148,149,150,0.12);
	}
	#page-menu.page-menu-light ul {
		background-color:rgba(0,0,0,0.02) !important;
	}
	#page-menu.page-menu-light ul li {
		border-left:rgba(0,0,0,0.05) 1px solid;
	}
	#page-menu.page-menu-light ul li:hover {
	}
	#page-menu.page-menu-light ul li a {
		color:#151515;
	}
	#page-menu.page-menu-light ul li.active a {
		color:#000;
	}


	/* page menu dark */
	#page-menu.page-menu-dark {
		background-color:#444;
	}
	#page-menu.page-menu-dark ul {
		background-color:#666 !important;
	}
	#page-menu.page-menu-dark ul li {
		border-left:#444 1px solid;
	}


	/* 
		page menu color 
	*/
	#page-menu.page-menu-color ul li {
		border-left:rgba(0,0,0,0.1) 1px solid;
	}

	/* page menu transparent */
	#page-menu.page-menu-transparent {
		color:#151515;
		border-top:rgba(0,0,0,0.05) 1px solid;
		border-bottom:rgba(0,0,0,0.05) 1px solid;
		text-shadow:rgba(255,255,255,.1) 1px 1px 1px;
		background-color:transparent;
	}
	#page-menu.page-menu-transparent ul {
		background-color:transparent !important;
	}
	#page-menu.page-menu-transparent ul li {
		border-left:#fafafa 1px solid;
	}
	#page-menu.page-menu-transparent ul li a {
		color:#212121;
	}
	#page-menu.page-menu-transparent ul li:hover {
		background-color:rgba(0,0,0,0.01);
	}
	#page-menu.page-menu-transparent ul li.active {
		background-color:rgba(0,0,0,0.05);
		margin-bottom:-1px;
	}

	@media only screen and (max-width: 992px) {
		#page-menu.page-menu-light ul {
			background-color:#777 !important;
		}
		#page-menu.page-menu-transparent ul {
			background-color:#777 !important;
		}
		#page-menu.page-menu-transparent ul li.active {
			margin-bottom:0;
		}
		#page-menu ul li {
			border-left:0;
		}
	}




/** BULLET NAV
 ********************* */
#nav-bullet {
	position: fixed;
	padding: 0;
	top: 50%;
	transform: translateY(-50%);
	right: 1em;
	z-index: 100;
	font-size:14px;
}
#nav-bullet ul {
	list-style: none;
	display: inline-block;
	padding: 0.92857143em;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 1.85714286em;
	transition: all .2s ease;
}
#nav-bullet ul:hover {
	background: rgba(0, 0, 0, 0.6);
}

#nav-bullet ul li:not(:last-child) {
	margin-bottom: 1.85714286em;
}
@media all and (max-width: 767px) {
	#nav-bullet {
		right: 0;
	}
	#nav-bullet ul {
		border-radius: 1.85714286em 0 0 1.85714286em;
		padding: 1.85714286em 0.92857143em;
	}
}
#nav-bullet li a {
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%;
	transition: all .2s ease;
	display: block;
	position: relative;
}
#nav-bullet li a:not(:hover) {
	opacity: .5;
}
#nav-bullet li.active a {
	opacity: 1;
	animation: bulge .5s ease;
	-webkit-animation: bulge .5s ease;
}
@keyframes bulge {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.3);
	}
	100% {
		transform: scale(1);
	}
}
@-webkit-keyframes bulge {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.3);
	}
	100% {
		transform: scale(1);
	}
}
#nav-bullet li a[data-title]:before {
	content: attr(data-title);
	position: absolute;
	right: 12px;
	top: -14px;
	background: #222;
	color: #fff;
	border-radius: 6px;
	padding: 4px 8px;
	display: inline-block;
	transition: all .2s ease;
	white-space: nowrap;
}
#nav-bullet li a[data-title]:not(:hover):before {
	opacity: 0;
	transform: translateX(-20px);
}






/** Scroll To Top
 **************************************************************** **/
#toTop {
	font-size:38px;
	line-height:33px;
	background-color: rgba(0,0,0,0.3);
	color: #FFF;
	position: fixed;
	height: 35px; width: 40px;
	right: 6px; bottom: 6px;
	text-align: center;
	text-transform: uppercase;
	opacity: 0.9;
	filter: alpha(opacity=90);
	text-decoration:none;
	display:none;
	z-index: 1000;

	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
#toTop:hover {
	background-color: rgba(0,0,0,0.7);
}
#toTop:before {
	font-family: "fontawesome";
	content: "\f102";
}








/** Preloader
 **************************************************************** **/
#preloader {
    position: fixed;
    z-index: 9999999;
    top: 0; bottom: 0;
    right: 0; left: 0;

    background: #fff;
}

.inner {
    position: absolute;
    top: 0; bottom: 0;
    right: 0; left: 0;

    width: 54px;
    height: 54px;
    margin: auto;
}

.page-loader{
 	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fefefe;
	z-index: 100000;	
}

#preloader span.loader {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 1px solid rgba(0,0,0, 0.08);
  border-right: 1px solid rgba(0,0,0, 0.08);
  border-bottom: 1px solid rgba(0,0,0, 0.08);
  border-left: 1px solid rgba(0,0,0, 0.5);
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
   -webkit-animation: spinner 700ms infinite linear;
   -moz-animation: spinner 700ms infinite linear;
   -ms-animation: spinner 700ms infinite linear;
   -o-animation: spinner 700ms infinite linear;
   animation: spinner 700ms infinite linear;
  
  z-index: 100001;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}







/** Misc
 **************************************************************** **/
.img-hover img {
	-webkit-transition: all .400s;
	   -moz-transition: all .400s;
		 -o-transition: all .400s;
			transition: all .400s;
}
	.img-hover:hover img {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	.img-hover>.badge-absolute {
		position: absolute;
		border-radius:0 !important;
		padding:8px;
		z-index:100;
	}

/* ported from bootstrap 4 */
ul.list-inline>li {
	display: inline-block;
}


ul.list-inline.list-separator>li:before {
	content: '/';
	display: inline-block;
	margin-right: 10px;
	opacity: .5;
}
ul.list-inline.list-separator>li:first-child:before {
	margin:0;
	content:'';
}

.dropdown-menu {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.navbar-toggle {
	border:0;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}


.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    display: none;
}
.navbar-toggle .icon-bar {
	display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin-bottom:3px;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#111;
}
@media only screen and (max-width: 768px) {
	.navbar-toggle {
		display: inherit;
	}
}


/* infinite scroll */
#infscr-loading {
	position: fixed;
	top: 50%; left: 50%;
	width: 68px; height: 68px;
	line-height: 68px;
	font-size: 30px;
	text-align: center;

	color: #fff;
	margin: -34px 0 0 -34px;
	background-color: rgba(0,0,0,0.8);

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

form .row {
	margin-bottom:20px;
}
form label {
	font-weight:bold;
}
table a {
	color:#666;
}
section.dark table a {
	color:#ddd;
}



/* Featured OWL Carousel */
.owl-carousel.featured .thumbnail.float-left {
	margin-right:20px;
}
.owl-carousel.featured .thumbnail.float-right {
	margin-left:20px;
}
.owl-carousel.featured a {
	color:#333;
}
section.dark .owl-carousel.featured a {
	color:#999;
}

/* thumnail */
.owl-item .thumbnail>img {
	width: 100%;
	height: auto;
}
.thumbnail>figure {
	margin: 0;
}




/* Canvas Particles */
#canvas-particle {
	position:absolute;
}
	#slider #canvas-particle {
		z-index:10;
	}



/* 
	breathing background 
	zoom in - zoom out
*/
@keyframes breath {
  0%   { background-size: 100% auto; }
  50% { background-size: 110% auto; }
  100% { background-size: 100% auto; }
}

.bg-breath {
	width: 100%;
	height: 100%;
	animation: breath 30s linear infinite;
}


/* menu title */
#topNav #topMain li>h4 {
    display: block;
    padding: 10px 15px 10px 15px;
    margin:0;
    color: #111;
    font-weight: 600;
    font-size: 14px;
    background-color: rgba(0,0,0,0.05);
}

#topNav .submenu-dark #topMain li>h4 {
	color: #fff;
	background-color: rgba(0,0,0,0.15);
}
#header #topNav #topMain li>h4>i {
	margin-right: 8px;
}


/* menu caption */
#header p.menu-caption {
	color: #404040;
	margin: 8px 0;
	padding: 8px 8px; 
	font-size:13px;
	font-weight: 300;
}

#header .submenu-dark p.menu-caption {
	color: #888;
}
#header p.menu-caption>i {
	margin-left: 8px;
	margin-right: 8px;
}


/* no topmain dropdown icon */
#topMain.nav-pills>li>a.dropdown-toggle.noicon {
	padding-right: 15px !important;
}
#topMain.nav-pills>li>a.dropdown-toggle.noicon:after {
	display: none !important;
}

#topMain .dropdown-toggle>.badge {
	padding: .1em .4em .3em;
}

/* no menu lines */
#topNav ul.dropdown-menu.dropdown-menu-clean li {
	border-bottom: 0 !important;
}

/* dropdown open inversed */
#topMain li.dropdown.open-inverse ul.dropdown-menu li>ul {
	right:100%;
	left: auto;
}

/* 
	DROPDOWN ANIMATE
	Dependency: animate.css
*/
	/* FADE IN */
	#topMain.nav-animate-fadeIn li.dropdown:hover>ul.dropdown-menu,
	#topMain .nav-animate-fadeIn:hover>ul.dropdown-menu {
	    -webkit-animation: fadeIn .6s;
	            animation: fadeIn .6s;
	}
	/* FADE IN UP */
	#topMain.nav-animate-fadeInUp li.dropdown:hover>ul.dropdown-menu,
	#topMain .nav-animate-fadeInUp:hover>ul.dropdown-menu {
	    -webkit-animation: fadeInUp .2s;
	            animation: fadeInUp .2s;
	}
	/* BOUNCE IN */
	#topMain.nav-animate-bounceIn li.dropdown:hover>ul.dropdown-menu,
	#topMain .nav-animate-bounceIn:hover>ul.dropdown-menu {
	    -webkit-animation: bounceIn .6s;
	            animation: bounceIn .6s;
	}
	/* BOUNCE IN UP */
	#topMain.nav-animate-bounceInUp li.dropdown:hover>ul.dropdown-menu,
	#topMain .nav-animate-bounceInUp:hover>ul.dropdown-menu {
	    -webkit-animation: bounceInUp .2s;
	            animation: bounceInUp .2s;
	}
	/* FLIP IN X */
	#topMain.nav-animate-flipInX li.dropdown:hover>ul.dropdown-menu,
	#topMain .nav-animate-flipInX:hover>ul.dropdown-menu {
	    -webkit-animation: flipInX .5s;
	            animation: flipInX .4s;
	}
	/* FLIP IN Y */
	#topMain.nav-animate-flipInY li.dropdown:hover>ul.dropdown-menu,
	#topMain .nav-animate-flipInY:hover>ul.dropdown-menu {
	    -webkit-animation: flipInY .5s;
	            animation: flipInY .4s;
	}
	/* ZOOM IN */
	#topMain.nav-animate-zoomIn li.dropdown:hover>ul.dropdown-menu,
	#topMain .nav-animate-zoomIn:hover>ul.dropdown-menu {
	    -webkit-animation: zoomIn .5s;
	            animation: zoomIn .5s;
	}
	/* SLIDE IN UP */
	#topMain.nav-animate-slideInUp li.dropdown:hover>ul.dropdown-menu,
	#topMain .nav-animate-slideInUp:hover>ul.dropdown-menu {
	    -webkit-animation: slideInUp .1s;
	            animation: slideInUp .1s;
	}



/* TOPMAIN TEXT HOVER ANIMATED */
#topMain.nav-hover-animate ul.dropdown-menu li a,
#topMain .nav-hover-animate ul.dropdown-menu li a {
	-webkit-transition: all .300s;
			transition: all .300s;
}
#topMain.nav-hover-animate ul.dropdown-menu li:hover>a,
#topMain .nav-hover-animate ul.dropdown-menu li:hover>a {
	padding-left: 23px;
}


/* topmain hover bounce in */
@media only screen and (min-width: 768px) {
	#topMain li.hover-animate-bounceIn:hover>a.dropdown-toggle,
	#topMain li.hover-animate-bounceIn:hover>a.dropdown-toggle {
	 	animation: bounceIn 1s;
	}
}



/* side nav mobile max height - essentials rewrite */
@media only screen and (max-width: 768px) {
	div.side-nav ul {
		max-height:650px;
	}
}



/* gradient bg */
.gradient-bg {  
	background: -webkit-linear-gradient(left,  #9357cc 0%,#2989d8 50%,#2cc99d 100%) !important;
}


/* sizes */
ul.portfolio-detail-list {
	font-size: 14px;
}



/* fix page title */
section.page-header * {
	z-index:10;
}



/* disable uppercase text transformation */
#header.disable-uppercase #topBar ul li a, 
#header.disable-uppercase #mainMenu ul li a, 
#header.disable-uppercase #topMain ul li a {
	text-transform: none;
}



/* cookie alert */
#cookie-alert {
	position: fixed;
	left:0; 
	right:0; 
	top:-150px; 
	bottom:auto;
	width: 100%;
	padding: 10px;
	margin: 0;

	border-radius:0;
	-moz-border-radius:0;
	border: 0;
	z-index:999999;
}
	#cookie-alert.alert-position-bottom {
		top:auto; 
		bottom:-150px;
	}
	#cookie-alert p {
		margin:0;
		padding: 6px 0 0 0;
	}
	#cookie-alert .fa {
		margin: 0 8px;
		font-size:16px;
	}
	#cookie-alert>.container {
		padding: 0; 
		margin-top: 0;
		margin-bottom: 0;
	}
#cookie-alert .cookie-close-btn {
	font-size: 30px;
}




/** FULLSCREEN GOOGLE MAP
 *************************** **/
#map-fullscreen {
	height: 100%;
	position: fixed;
	left:0; right:0;
	top:0; bottom:0;
	background-color: #fff;

	z-index: 9999999;
	display: none;
}
	#gmap-init {
		height: 100% !important;
		width: 100% !important;
	}
	#map-fullscreen button {
		position: absolute;
		top:13px;
		right:13px;
		z-index:99999;
		border: 0;
		margin: 0;
		width:50px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		background-color: #fff;
		font-size:20px;

		-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
		   -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
				box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	}




/** BACKSTRETCH NAVIGATION
 *************************** **/
.bs-next,
.bs-prev {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	margin-top: -30px;
	text-align: center;
	opacity: 0.5;
	border-radius: 3px;
	line-height: 60px;

	z-index: 100;
}
.bs-next:hover,
.bs-prev:hover {
	background-color: rgba(0,0,0,0.2);
	opacity: 1;
}
.bs-next {
	right:15px;
}
.bs-prev {
	left:15px;
}

.bs-next:before,
.bs-prev:before {

	content: "\f104";
	font-family: 'FontAwesome';
	display: block;
	font-size:50px;
	color: #fff;
	padding: 0;
	margin: 0;
}
.bs-next:before {
	content: "\f105";
}
@media only screen and (max-width: 768px) {
	.bs-next,
	.bs-prev {
		top: auto;
		bottom: 15px;
		margin-top: 0;
	}
}





/** ROUNDED LOGO
	Usage: for sliders
	Example: feature-slider-backstretch.html
 *************************** **/
.rounded-logo {
		display:inline-block;
		width:350px;
		height:350px; 
		text-align:center;
		padding:30px;
		background:rgba(0,0,0,0.2);
		border:rgba(0,0,0,0.1) 20px solid;

		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
				border-radius: 50%;

		-webkit-box-shadow:0 0 100px rgba(0,0,0,0.5) inset;
		   -moz-box-shadow:0 0 100px rgba(0,0,0,0.5) inset;
				box-shadow:0 0 100px rgba(0,0,0,0.5) inset;
	}

		.rounded-logo>img {
			width:100%;
			height:auto;
		}

.rounded-logo.rounded-logo-sm {
	width: 250px !important;
	height: 250px !important;
}

.rounded-logo.rounded-logo-xs {
	width: 200px !important;
	height: 200px !important;
	padding: 10px !important;
}

@media only screen and (max-width: 768px) {
	.rounded-logo {
		width: 250px;
		height: 250px;
	}
}



/** Material Design
 **************************************************************** **/
div.side-nav[class*=" mdl-shadow--"] {
	padding: 15px 15px 1px 15px;
}
@media only screen and (max-width: 768px) {
	div.side-nav[class*=" mdl-shadow--"] {
		padding: 0 !important;
	}
	div.side-nav[class*=" mdl-shadow--"] ul>li {
		margin: 5px 15px !important;
		border: 0 !important;
		font-size:16px;
	}
}
.mdl-badge.mdl-badge--no-background[data-badge]:after {
	background: transparent;
}


/* WIDE CARD */
.mdl-card-wide.mdl-card {
	width: 100%;
}

/* IMAGE CARD */
.mdl-card-image > .mdl-card__actions {
  height: 52px;
  padding: 16px;
  background: rgba(0, 0, 0, 0.2);
}
.mdl-card-image__filename {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

/* EVENT CARD */
.mdl-card-event > .mdl-card__actions {
  border-color: rgba(255, 255, 255, 0.2);
}
.mdl-card-event > .mdl-card__title {
  align-items: flex-start;
}
.mdl-card-event > .mdl-card__title > h4 {
  margin-top: 0;
}
.mdl-card-event > .mdl-card__actions {
  display: flex;
  box-sizing:border-box;
  align-items: center;
}
.mdl-card-event > .mdl-card__actions > .material-icons {
  padding-right: 10px;
}
.mdl-card-event > .mdl-card__title,
.mdl-card-event > .mdl-card__actions,
.mdl-card-event > .mdl-card__actions > .mdl-button {
  color: #fff;
}

/* checkbox fix */
.mdl-checkbox__tick-outline {
	width: 101%;
	height: 101%;
}

/* table fix */
table.mdl-data-table {
	width: 100%;
}
.mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
    padding-left: 20px;
    width: 50px;
}


/* text fields fix */
label.mdl-textfield__label {
	margin-bottom:0;
	text-indent:1;
}


/* RESPONSIVE CARDS */
@media only screen and (max-width: 768px) {
	.mdl-mobile-fullwidth,
	.mdl-card-image.mdl-card,
	.mdl-card-square.mdl-card,
	.mdl-card-event.mdl-card,
	.mdl-card-wide.mdl-card {
		width: 100% !important;
	}
}






/** Landing Page
 **************************************************************** **/
form.landing-form {
    padding: 30px;
    border-radius: 3px;
	background: rgba(0,0,0,.3);
}



/** Featured Grid
 **************************************************************** **/
section.featured-grid div.row>div {
	padding-left:4px;
	padding-right:4px;
	overflow:hidden;
	position:relative;
}
section.featured-grid div.row>div img {
	width:100%;
}
section.featured-grid div.row>div .absolute {
	z-index:10;
	margin:20px;
}
section.featured-grid div.row>div .absolute p {
	margin:0;
}

section.featured-grid div.row>div div.relative {
	margin-bottom:10px;
}

section.featured-grid div.row>div h1,
section.featured-grid div.row>div h2,
section.featured-grid div.row>div h3,
section.featured-grid div.row>div h4,
section.featured-grid div.row>div h5,
section.featured-grid div.row>div h6 {
	margin:0;
	color:#000;
	line-height:1.1;
}
section.featured-grid div.row>div h1 {
	font-size:70px;
}
section.featured-grid div.row>div a:hover {
	color:#fff;
}

section.featured-grid div.row>div .absolute.top-right {
	top:0; bottom:auto;
	right:0; left:auto;
}
section.featured-grid div.row>div .absolute.top-left {
	top:0; bottom:auto;
	left:0; right:auto;
}
section.featured-grid div.row>div .absolute.bottom-right {
	bottom:0; top:auto;
	right:0; left:auto;
}
section.featured-grid div.row>div .absolute.bottom-left {
	bottom:0; top:auto;
	left:0; right:auto;
}
section.featured-grid div.row>div .absolute.top-center {
	bottom:auto; top:0;
	left:auto; right:auto;
}
section.featured-grid div.row>div .absolute.bottom-center {
	bottom:0; top:auto;
	left:auto; right:auto;
}


/* ribbon */
section.featured-grid div.row>div .ribbon {
	position: absolute;
	right: 4px;
	top: -3px;
	color: #fff;
	text-align:right;

	width: 33.5%;
	height: 33.5%;
}
section.featured-grid div.row>div .ribbon:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	border: 150px solid #333;
	border-right: 0;
	border-bottom: 0;
	border-left: 150px solid transparent;
}
section.featured-grid div.row>div .ribbon h2,
section.featured-grid div.row>div .ribbon h3,
section.featured-grid div.row>div .ribbon h4 {
	color:#fff;
}


@media only screen and (max-width: 480px) {
	section.featured-grid div.row>div {
		margin:15px 0;
	}
}
@media only screen and (max-width: 600px) {
	section.featured-grid div.row>div h1 {
		font-size:40px;
	}
	section.featured-grid div.row>div h2 {
		font-size:25px;
	}
}




/** Captions
 **************************************************************** **/
.caption-default,
.caption-light,
.caption-dark,
.caption-color,
.caption-primary,
.caption-warning,
.caption-info,
.caption-danger {
	color:#fff;
	padding:10px;
	font-size:13px;
	background-color:rgba(0,0,0,0.9);
}
.caption-default {
	color:inherit;
	border:#666 1px solid;
	background-color:transparent;
}
.caption-light {
	color:#333;
	background-color:#eaeaea;
}
.caption-dark {
	color:#eee;
	background-color:#666;
}
.caption-primary,
.caption-warning,
.caption-info,
.caption-danger {
	color:#fff;
	background-color:#333;
}
	.caption-warning {
		background-color:#f0ad4e;
	}
 	.caption-info {
		background-color:#5bc0de;
	}
	.caption-danger {
		background-color:#d9534f;
	}

/* 
	Slider Default Caption 
	Example usage: shop-4col-left.html (top banner)
	
*/
.caption-slider-default {
	position:absolute !important;
	left:0; right:0;
	top:0; bottom:0;
	color:#000 !important;
}
.caption-slider-default .caption-container {
	margin:0 50px;
}
.caption-slider-default h1,
.caption-slider-default h2,
.caption-slider-default h3,
.caption-slider-default h4,
.caption-slider-default p {
	margin:0;
	color:#000 !important;
}
@media only screen and (max-width: 480px) {
	.caption-slider-default .caption-container {
		margin:0 30px;
	}
	.caption-slider-default h2 {
		font-size:16px;
	}
	.caption-slider-default p {
		display:none;
	}
}



 
/** Aside
 **************************************************************** **/
.tab-post {
	padding-bottom: 20px;
	margin: 0 0 20px 0;
	border-bottom: rgba(0,0,0,0.06) 1px solid;
}
.tab-post a {
	color:#666;
	text-decoration:none;
}
section.dark .tab-post a {
	color:#ddd;
}
.tab-post small {
	display: block;
	font-size: 12px;
}



	/** Aside Navigation
	 ********************* **/
	ul.side-nav span.badge {
		float:right;
		margin-top:3px;
		font-weight:400;
	}
	ul.side-nav>li>span.badge {
		margin-top:12px;
		margin-right:6px;
	}
	ul.side-nav li.list-group-item>a>.badge {
		margin-right:20px;
	}

	ul.side-nav li {
		list-style:none;
	}
	ul.side-nav ul {
		margin:0 0 20px 0;
		padding:0;
	}
	ul.side-nav ul li {
		padding:0 15px;
	}
	ul.side-nav ul li:last-child {
		border-bottom:0;
	}
	ul.side-nav a {
		display:block;
		text-decoration:none;
		color:#333;
		font-size:13px;
		letter-spacing: 1px;
	}
	ul.side-nav a i.fa {
		width:10px;
	}
	ul.side-nav ul li a {
		padding:8px 3px;
		font-size:12px;
	}
	ul.side-nav>li {
		padding:0;
	}
	ul.side-nav>li>a {
		padding:15px 10px;
	}
	ul.side-nav>li.list-group-item.active {
		border:0;
		background-color:transparent;
	}
	ul.side-nav>li.active>a {
		background-color:transparent;
	}
	ul.side-nav li.list-toggle.active:after,
	ul.side-nav > li.active>a {
		font-weight:700;
	}
	ul.side-nav li.list-toggle:after {
		content: "\f104";
		font-family: FontAwesome;
		position: absolute;
		font-size: 15px;
		right: 10px;
		top: 7px;
		font-weight:normal;
		color:#999;
	}
	ul.side-nav li.list-toggle.active:after {
		content: "\f107";
	}

	ul.side-nav .list-group-item {
		border-left:0;
		border-right:0;
		border-color: rgba(148,149,150,0.1);

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	section.dark ul.side-nav .list-group-item {
		border-bottom-color:#333;
		border-top-color:#333;
	}



/** Masonry Gallery
 **************************************************************** **/
.masonry-gallery { 
	position: relative; 
}
.masonry-gallery a, 
.masonry-gallery img {
	display: block;
	height: auto!important;
}
.masonry-gallery a {
	position: relative;
	float: left;
	width: 25%;
	overflow: hidden;
}
.masonry-gallery img {
	width: 100%;
	border-radius: 0!important;
	padding: 0 1px 1px 0;
}

	/* columns */
	.masonry-gallery.columns-2 a { 
		width: 50%; 
	}
	.masonry-gallery.columns-3 a { 
		width: 33.30%; 
	}
	.masonry-gallery.columns-4 a { 
		width: 25%; 
	}
	.masonry-gallery.columns-5 a { 
		width: 20%; 
	}
	.masonry-gallery.columns-6 a { 
		width: 16.60%; 
	}






/** Simple Gallery [CSS ONLY]
 **************************************************************** **/
.gallery-simple {  
    margin: 1rem 0;

    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
    		column-gap: 1rem;

    -webkit-column-count: 3; 
       -moz-column-count: 3;
    		column-count: 3;

    -webkit-column-width: 33.33333333333333%;
       -moz-column-width: 33.33333333333333%;
    		column-width: 33.33333333333333%;
}
	.gallery-simple.gallery-simple-columns-5 {
	    -webkit-column-count: 5; 
	       -moz-column-count: 5;
	    		column-count: 5;

	    -webkit-column-width: 20%;
	       -moz-column-width: 20%;
	    		column-width: 20%;
	}
	.gallery-simple.gallery-simple-columns-4 {
	    -webkit-column-count: 4; 
	       -moz-column-count: 4;
	    		column-count: 4;

	    -webkit-column-width: 25%;
	       -moz-column-width: 25%;
	    		column-width: 25%;
	}
	.gallery-simple.gallery-simple-columns-3 {
	    -webkit-column-count: 3; 
	       -moz-column-count: 3;
	    		column-count: 3;

	    -webkit-column-width: 33.33333333333333%;
	       -moz-column-width: 33.33333333333333%;
	    		column-width: 33.33333333333333%;
	}
	.gallery-simple.gallery-simple-columns-2 {
	    -webkit-column-count: 2; 
	       -moz-column-count: 2;
	    		column-count: 2;

	    -webkit-column-width: 50%;
	       -moz-column-width: 50%;
	    		column-width: 50%;
	}
	.gallery-simple.gallery-simple-columns-1 {
	    -webkit-column-count: 1; 
	       -moz-column-count: 1;
	    		column-count: 1;

	    -webkit-column-width: 100%;
	       -moz-column-width: 100%;
	    		column-width: 100%;
	}

.gallery-simple img {
	width: 100% !important;
	height: auto !important;
	margin-bottom: 1rem;
}
	.gallery-simple>a>img {
		margin-bottom: 0;
	}
.gallery-simple>a {
	position: relative;
	display: block;
	margin-bottom: 1rem;
}

.gallery-simple .image-hover-overlay::before {
	bottom:10px;
}

@media only screen and (max-width: 768px) {
	.gallery-simple {  
	    -webkit-column-count: 3; 
	       -moz-column-count: 3;
	    		column-count: 3;

	    -webkit-column-width: 33.33333333333333%;
	       -moz-column-width: 33.33333333333333%;
	    		column-width: 33.33333333333333%;
	}
}

@media only screen and (max-width: 482px) {
	.gallery-simple {  
	    -webkit-column-count: 2 !important; 
	       -moz-column-count: 2 !important;
	    		column-count: 2 !important;

	    -webkit-column-width: 50% !important;
	       -moz-column-width: 50% !important;
	    		column-width: 50% !important;
	}
}







/** Image Hover
 **************************************************************** **/
.image-hover {
	position:relative;
	display:table;
}
.image-hover>img {
    -webkit-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);  
       -moz-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); 
		-ms-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); 
		 -o-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
			transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
}
.image-hover:hover>img {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

	/* IE 5-7 */
	filter: alpha(opacity=90);

	/* Netscape */
	-moz-opacity: 0.9;

	/* Safari 1.x */
	-khtml-opacity: 0.9;

	/* Good browsers */
	opacity: 0.9;
}

.image-hover-icon {
	position:absolute;
	left:0; top:0;
	bottom:0; right:0;
	z-index:3;

	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	/* IE 5-7 */
	filter: alpha(opacity=0);

	/* Netscape */
	-moz-opacity: 0;

	/* Safari 1.x */
	-khtml-opacity: 0;

	/* Good browsers */
	opacity: 0;

    -webkit-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);  
       -moz-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); 
		-ms-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); 
		 -o-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
			transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
}
	.image-hover-icon.image-hover-dark {
		background-color:rgba(0,0,0,0.3);
	}
	.image-hover-icon.image-hover-light {
		background-color:rgba(255,255,255,0.3);
	}
		.image-hover-icon.image-hover-light>i {
			color:#111;
		}
.image-hover-icon>i {
	font-size:40px;
	position:absolute;
	left:50%; top:50%;
	margin-left:-15px;
	margin-top:-15px;
	z-index:2;
	color:#fff;
}
.image-hover:hover>.image-hover-icon {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	/* IE 5-7 */
	filter: alpha(opacity=100);

	/* Netscape */
	-moz-opacity: 1;

	/* Safari 1.x */
	-khtml-opacity: 1;

	/* Good browsers */
	opacity: 1;
}





/** Sticky Side
 **************************************************************** **/
.sticky-side {
	position: fixed;
	top: 50%; left: 6px;
	width: 36px;
	z-index: 1;
}
.sticky-side .social-icon {
	margin:0;
}











	/** Slider Featured Text
	 ************************ **/
	#slider div.slider-featured-text {
		padding:30px;
	}
	#slider div.slider-featured-text h1 {
		text-shadow:rgba(33,33,33,0.5) 1px 1px 3px;
		font-size:90px;
		line-height:90px;
		margin:0;
		font-family:Arial,Helvetica,sans-serif;
	}
	#slider div.slider-featured-text h2 {
		text-shadow:#333 1px 1px 3px;
		font-size:30px;
		line-height:30px;
	}
	#slider div.slider-featured-text h1 em,
	#slider div.slider-featured-text h2 em {
		font-style:normal;
	}
	#slider div.slider-featured-text .btn {
		color:#333 !important;
		background-color:#fff !important;
		border:0 !important;
	}
	#slider div.slider-featured-text .btn:hover,
	#slider div.slider-featured-text .btn:active {
		opacity:0.9;
	}
@media only screen and (max-width: 768px) {
	#slider div.slider-featured-text {
		text-align:center !important;
		width:100%;
	}
	#slider div.slider-featured-text h1 {
		font-size:30px;
		line-height:35px;
		text-align:center;
	}
	#slider div.slider-featured-text h2 {
		font-size:27px;
		line-height:27px;
		text-align:center;
	}
}


	/** **/

	#slider.fullheight  {
	background-image: url(../images/demo/1200x800/27-min.jpg);	
	
	}

	#slider img.img-fluid {
		display:inline-block;
	}

	#slider h1,
	#slider h2,
	#slider h3,
	#slider h4,
	#slider h5,
	#slider h6,
	#slider p {
		color:#fff;
		text-shadow:rgba(0,0,0,0.16) 1px 1px 1px;
	}
	#slider h1 {
		font-size:60px;
		line-height:60px;
	}
	#slider h2 {
		font-size:40px;
		line-height:40px;
	}
	#slider h3 {
		font-size:30px;
		line-height:30px;
	}
	#slider:not(.custom-form) .btn {
		margin-top:30px;
	}
	#slider:not(.custom-form) .btn-default,
	.slider .btn-default {
		color:#fff;
		background-color:transparent;
		border-color:#fff;
		border-width:2px;
	}
	#slider:not(.custom-form) .btn-default:hover,
	.slider .btn-default:hover {
		background-color:rgba(255,255,255,0.1);
	}
	#slider:not(.custom-form) .btn,
	.slider .btn {
		color:#fff !important;
	}
	#slider .btn.btn-lg {
		font-size: 16px;
	}

@media only screen and (max-width: 768px) {
	#slider h1 {
		font-size:30px !important;
		line-height:35px !important;
		text-align:center;
	}
	#slider h2 {
		font-size:27px !important;
		line-height:27px !important;
		text-align:center;
	}
	#slider h3 {
		font-size:23px !important;
		line-height:23px !important;
		text-align:center;
	}
	#slider p.lead {
		font-size: 23px !important;
	}
}

@media only screen and (max-width: 550px) {
	#slider h1 {
		font-size:20px !important;
		line-height:20px !important;
		text-align:center;
	}
	#slider h2 {
		font-size:15px !important;
		line-height:15px !important;
		text-align:center;
	}
	#slider h3 {
		font-size:15px !important;
		line-height:15px !important;
		text-align:center;
	}
	#slider p.lead {
		font-size: 12px !important;
	}
	

}





/** Item Box
 **************************************************************** **/
.item-box {
	overflow:hidden;
	margin:0;
	position:relative;
	box-shadow:rgba(0,0,0,0.1) 0 0 5px;


	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
}
.mix-grid .item-box,
#portfolio .item-box {
	box-shadow:none;
}
	.item-box.fullwidth {
		max-width:100%;
	}
	section.alternate .item-box {
		background-color:rgba(0,0,0,0.05);
	}


.item-box figure {
	width:100%;
	display:block;
	margin-bottom:0;
	overflow:hidden;
	position:relative;
	text-align:center;
}
	.item-box.fixed-box figure img {
		width:100%;
		height:auto;
	}

.item-box-desc {
	padding:30px 20px 20px 20px;
	overflow:hidden;
	margin-bottom:10px;
	text-align:left !important;
}
.item-box-desc p {
	margin-top:20px;
	display:block;
	overflow:hidden; 
	text-overflow:ellipsis;
	/*white-space: nowrap;*/
}
	.item-box.fixed-box .item-box-desc p {
		height:98px;
	}
.item-box-desc h2,
.item-box-desc h3,
.item-box-desc h4,
.item-box-desc h5 {
	padding:0; margin:0;
}
.item-box .item-box-desc small {
	display:block;
}

.item-box.fixed-box .item-box-desc {
	height:256px;
}

.item-box.fixed-box figure {
	max-height:263px;
}

.item-box .socials {
	border-top:#eee 1px solid;
	text-align:center;
	display:block;
}


/* hover */
.item-box .item-hover {
	opacity: 0;
	filter: alpha(opacity=0);
	position:absolute;
	left:0; right:0; top:0; bottom:0;
	text-align:center;
	color:#fff;

	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;
}
.item-box .item-hover,
.item-box .item-hover button,
.item-box .item-hover a {
	color:#fff;
}
.item-box .item-hover .inner {
	position:absolute;
	display:block;
	left:0; right:0; top:50%;
	margin-top:-10px;
	margin-bottom:0;
	width:100%;
	z-index:100;
	line-height:23px;
}
.item-box:hover .item-hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.item-box .item-hover .inner .ico-rounded>span {
	color:#666;
	background-color:#fff;
	width:50px; 
	height:50px;
	line-height:50px !important;
	margin:-20px  5px 0 5px;

	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;

	-webkit-border-bottom-right-radius: 20px;
		-webkit-border-top-left-radius: 20px;
		-moz-border-radius-bottom-right: 20px;
			-moz-border-radius-top-left: 20px;
			border-bottom-right-radius: 20px;
				border-top-left-radius: 20px;
}


.nav-pills>li.active>a, 
.nav-pills>li.active>a:hover, 
.nav-pills>li.active>a:focus {
	color:#333;
	background-color:rgba(0,0,0,0.07);
}








/** Mixitup
 **************************************************************** **/
.mix-grid .mix {
	opacity: 0;
	display: none;
}
.mix.nogutter,
.mix.nogutter>.item-box  {
	padding:0 !important;
	margin:0 !important;
	line-height:0;
}





/** Blog
 **************************************************************** **/
.blog-post-item {
	display:block;
	margin-bottom:80px;
	padding-bottom:60px;
	border-bottom:#eee 1px solid;
	position:relative;
}
	section.dark .blog-post-item {
		border-bottom:#444 1px solid;
	}

h1.blog-post-title,
.blog-post-item h2 {
	letter-spacing:0;
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	font-size:22px;
	margin-bottom:10px;
}
ul.blog-post-info {
	display:block;
	border-bottom:#eaeaea 1px dotted;
	padding-bottom:20px;
	font-size:14px;
}
section.dark ul.blog-post-info {
	border-bottom-color:#444;
}
ul.blog-post-info li>a {
	color:#888;
}
ul.blog-post-info li i {
	color:#888;
	margin-right:5px;
}
ul.blog-post-info li a:after {
	content:' , ';
}
ul.blog-post-info li a:last-child:after {
	content:'';
}

/* blog misc */
.blog-post-item .flexslider {
	margin-bottom:20px;
}
h1.blog-post-title {
	font-size:24px;
	margin-bottom:0;
}





/** Contact
 **************************************************************** **/
.contact-over-map {
	position:absolute;
	z-index:1;
	top:0; right:0;
	bottom:0; left:0;
	height:100%;
}

.contact-over-box {
	position:relative;
	z-index:5;
	background-color:#005eff;
	width:100%;
	max-width:380px;
	min-height:300px;
	padding:20px;
	box-shadow:#888 0 0 16px;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

section.dark .contact-over-box {
	background-color:#005eff;
}









/** Maintenance
 **************************************************************** **/
.maintenance {
	padding: 20px;
	margin-top: 10%;
	background-color: rgba(0,0,0,0.05);
	font-family:'Open Sans';
	font-size:14px; 
	line-height:23px;
	text-align: center;
	font-weight:300;
}
.maintenance h1 {
	font-size:50px;
	line-height:50px;
	font-weight:300;
	margin-bottom:6px;
}
@media only screen and (max-width: 480px) {
	.maintenance h1 {
		font-size:40px;
		line-height:40px;
	}
}




/** Footer
 **************************************************************** **/
#footer {
	font-size:14px;
	color: rgba(255,255,255,0.6);
	display: block;

	background: #313131;
	background: -moz-linear-gradient(top, #555555 0%, #313131 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a1d2b), color-stop(100%, #313131));
	background: -webkit-linear-gradient(top, #555555 0%, #313131 100%);
	background: -o-linear-gradient(top, #555555 0%, #313131 100%);
	background: -ms-linear-gradient(top, #555555 0%, #313131 100%);
	background: linear-gradient(to bottom, #555555 0%,#313131 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#313131',GradientType=0 );
}
#footer>.container {
	padding-top:60px;
	margin-bottom:60px;
}
#footer:after,
#footer:before {
	content:" ";
	display:table;
}
	#footer:after {
		display: block;
	    content: "";
	    clear: both;
	}

#footer>.copyright {
	background-color:rgba(0,0,0,0.2);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	padding:25px 0;
	font-size:13px;
	display:block;
}
#footer>.copyright:after,
#footer>.copyright:before {
	content:" ";
	display:table;
}
	#footer>.copyright:after {
		display: block;
	    content: "";
	    clear: both;
	}
#footer>.copyright.has-social {
	padding:8px;
}
#footer>.copyright.has-social .social-icon {
	margin-top:8px;
	margin-bottom:0;
	line-height:0;
}
#footer>.copyright .copyright-text {
	margin-top:14px;
}
#footer canvas {
	width:auto !important;
	height:auto !important;
}


	/* Footer Logo */
	#footer img.footer-logo {
		margin-bottom:20px;
		display:block;
	}

	#footer .footer-logo.footer-2 {
		float:left;
		margin:0 20px 10px 0;
		border-right:rgba(255,255,255,0.1) 1px solid;
		padding-right:20px;
	}

	/* Footer Typography */
	#footer h2 {
		font-size:26px;
		text-shadow:rgba(0,0,0,0.3) 3px 3px 5px;
	}
	#footer h3 {
		font-size:18px;
		margin-bottom:25px;
	}
	#footer h4 {
		font-size:15px;
		margin-bottom:25px;
	}

	#footer a {
		color: rgba(255,255,255,0.6);
		text-decoration:none;
	}
	#footer a:hover {
		color: rgba(255,255,255,0.9);
	}
	#footer a>i.fa {
		padding-right: 6px;
	}

	#footer  p {
		margin-top:0;
	}
	
	#footer ul {
		margin-bottom:0;
	}

	#footer hr {
		border:0;
		margin:20px 0;
		border-bottom:rgba(255,255,255,0.1) 1px solid;
		border-top:rgba(0,0,0,0.4) 1px solid;
	}

	#footer address {
		margin-bottom:0;
	}

	#footer h1,
	#footer h2,
	#footer h3,
	#footer h4,
	#footer h5,
	#footer h6 {
		color: rgba(255,255,255,0.8);
		font-weight:600;
	}

	/* footer form */
	#footer form input,
	#footer form textarea {
		color: #999;
		background-color: rgba(0,0,0,.2);
		border-color: rgba(0,0,0,.25);
		margin-bottom:6px;

		-webkit-transition: all 0.2s;
		   -moz-transition: all 0.2s;
			 -o-transition: all 0.2s;
				transition: all 0.2s;
	}
	#footer form input[type="submit"]:hover,
	#footer form input:focus,
	#footer form textarea:focus {
		background-color: rgba(0,0,0,.3);
	}
	#footer form .input-group-addon {
		color: #999;
		background-color: rgba(0,0,0,.4);
		border-color: rgba(0,0,0,.25);
	}
	#footer form .input-group input,
	#footer form .input-group textarea {
		margin-bottom:0;
	}

	@media only screen and (max-width: 480px) {
		#footer h4 {
			margin-top:60px;
			display:block;
		}
		#footer .mobile-block {
			margin-bottom:25px !important;
		}
		#footer.footer-fixed .mobile-block {
			margin-bottom:0 !important;
		}
		#footer .copyright {
			text-align:center;
		}
	}

	/* footer list links */
	#footer ul.footer-links>li {
		padding-bottom:10px;
		font-weight:300;
	}
	#footer ul.footer-links>li>a {
		color: rgba(255,255,255,0.6);
	}
	#footer ul.footer-links>li>a:hover {
		color: rgba(255,255,255,0.9);
	}
	#footer ul.footer-links>li>a:before {
		content: "\f105";
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		padding-right:10px;
	}

	/* footer news list */
	#footer ul.footer-list li {
		padding:10px 0;
		border-bottom:rgba(0,0,0,0.2) 1px solid;
	}
	#footer ul.footer-list li small {
		display:block;
		font-family:'Open Sans',Arial,Helvetica,sans-serif;
		color:#ddd;
	}
		#footer.footer-light ul.footer-list li small {
			color: #999;
		}

	#footer ul.footer-list.half-paddings li {
		padding:6px 0;
	}
	#footer ul.footer-list.half-paddings.noborder li {
		border:0;
	}

	/* footer posts */
	#footer ul.footer-posts>li {
		padding: 15px 0;
		border-bottom:rgba(255,255,255,0.07) 1px solid;
	}
	#footer ul.footer-posts>li:first-child {
		padding-top:0;
	}
	#footer ul.footer-posts>li:last-child {
		border-bottom:0;
	}
	#footer ul.footer-posts>li>small {
		display:block;
	}

	/* footer contact text */
	#footer address {
		background:url('../images/world-map.png') no-repeat center;
	}
	#footer address .footer-sprite {
		margin-bottom:20px;
		padding-left:30px; 
		background:url('../images/footer_sprite.png') no-repeat 0 0;
	}
		#footer address .footer-sprite:last-child {
			margin-bottom:0;
		}
	#footer p {
		line-height:18px;
	}
	#footer p.contact-desc {
		margin:0 0 30px 0; 
		padding:0 0 10px 0;
		border-bottom:#403E44 1px dashed;
	}
	#footer address .footer-sprite.address {
		background-position:0 0;
	}
	#footer address .footer-sprite.phone {
		background-position:0 -138px;
		line-height:30px;
	}		
	#footer address .footer-sprite.email {
		background-position:0 -247px;
	}


	/* footer links - breadcrumbs like */
	#footer ul.inline-links>li+li:before {
	  padding: 0 5px 0 0;
	  content: "/\00a0";
	  color:rgba(255,255,255,0.3);
	}


	/* footer images gallery */
	#footer .footer-gallery>a {
		display:inline-block;
		margin-bottom:3px;
		margin-right:3px;
		float:left;
	}
	#footer .footer-gallery>a:hover {
		opacity:0.8;
	}


	@media only screen and (max-width: 768px) {
		#footer .footer-gallery {
			text-align:center;
		}
		#footer .footer-gallery>a,
		#footer .footer-gallery>img {
			float:none;
			margin-right:0;
		}
		
		#footer .row>div {
			margin-bottom:60px;
		}
	}

	/* sticky footer */
	footer.sticky {
		width: 100%;
	}
	@media only screen and (max-width: 768px) {
		footer.sticky {
			top:auto !important;
			position:relative !important;
		}
	}

#footer .btn,
#footer .form-control {
	height:36px;
}
#footer .btn-sm,
#footer .btn-sm,
#footer .btn-lg,
#footer .btn-xlg {
	height:auto;
}


#footer .copyright ul.list-social-icons {
	height:30px;
}
#footer .copyright ul.list-social-icons a.social-icon {
	margin:0;
}

/* footer social icons */
#footer a.social-icon {
	color: #999 !important;
}
	
#footer .input-group>.input-group-addon {
	line-height: 1.5;
}

/** Footer Light
 ** ************************ **/
#footer.footer-light {
	color:#666;
	background-color:#fbfbfb;
	background-image: none;
}
#footer.footer-light form input,
#footer.footer-light form textarea,
#footer.footer-light form .input-group-addon {
	color:#eaeaea;
}
#footer.footer-light .copyright {
	background-color: rgba(0,0,0,0.04);
}
#footer.footer-light .copyright,
#footer.footer-light .copyright a {
	color:#414141;
}
#footer.footer-light h1,
#footer.footer-light h2,
#footer.footer-light h3,
#footer.footer-light h4,
#footer.footer-light h5,
#footer.footer-light h6 {
	color:#414141;
}
#footer.footer-light p,
#footer.footer-light a,
#footer.footer-light ul.footer-links>li>a {
	color:#666;
}
#footer.footer-light a:hover,
#footer.footer-light ul.footer-links>li>a:hover {
	color:#000;
}
#footer.footer-light ul.footer-posts>li {
	border-bottom-color:rgba(0,0,0,0.07);
}
#footer.footer-light form textarea::-webkit-input-placeholder,
#footer.footer-light form input::-webkit-input-placeholder {
	color: #eaeaea; /* WebKit browsers */
}

#footer.footer-light form textarea:-moz-placeholder,
#footer.footer-light form input:-moz-placeholder { 			
	color: #eaeaea;	/* Mozilla Firefox 4 to 18 */
}

#footer.footer-light form textarea::-moz-placeholder,
#footer.footer-light form input::-moz-placeholder { 		
	color: #eaeaea;	/* Mozilla Firefox 19+ */
}

#footer.footer-light form textarea:-ms-input-placeholder,
#footer.footer-light form input:-ms-input-placeholder {		
	color: #eaeaea;	/* Internet Explorer 10+ */
}

/* footer social icons */
#footer.footer-light a.social-icon {
	color: #666 !important;
}



/** Fixed Footer
 ** ************************ **/
#footer.footer-fixed {
	position:fixed;
	left:0; right:0;
	bottom:0;
	width:100%;
	z-index:30;
	padding:10px 0;

	filter: Alpha(Opacity=95);
	opacity:0.95;
}
#footer.footer-fixed .social-icon {
	margin-top:0;
	margin-bottom:0;
}
#footer.footer-fixed .footer-links>span,
#footer.footer-fixed .footer-links>a {
	line-height:30px;
	font-size:13px;
	padding:6px 10px;
	border-right:rgba(255,255,255,0.1) 1px solid;
}
#footer.footer-fixed.footer-light .footer-links>a {
	border-right:rgba(0,0,0,0.1) 1px solid;
}







/** Responsive
 **************************************************************** **/
@media only screen and (max-width: 992px) {
	#header.header-sm #topNav button.btn-mobile {
			margin-top:16px;
	}
	#header.header-sm #topNav button.btn-mobile {
			margin-top:11px;
	}
	#topNav #topMain>li.mega-menu div.row div {
		display:block !important;
		border:0 !important;
		width: 100% !important;
		max-width: 100%;
		flex: none;
	}
	.block-md {
		display:block;
	}
	.text-center-md {
		text-align:center !important;
		float:none !important;
	}

	#header .nav-second-main .quick-cart-box, 
	#header .nav-second-main .search-box {
		box-shadow:none !important;
	}


	/* fullwidth button fix */
	body>.btn.fullwidth,
	#wrapper>.btn.fullwidth {
		padding-top:0!important;
		padding-bottom:20px!important;

		white-space: pre;           /* CSS 2.0 */
		white-space: pre-wrap;      /* CSS 2.1 */
		white-space: pre-line;      /* CSS 3.0 */
		white-space: -pre-wrap;     /* Opera 4-6 */
		white-space: -o-pre-wrap;   /* Opera 7 */
		white-space: -moz-pre-wrap; /* Mozilla */
		white-space: -hp-pre-wrap;  /* HP Printers */
		word-wrap: break-word;      /* IE 5+ */
	}
	body>.btn.fullwidth>span,
	#wrapper>.btn.fullwidth >span {
		line-height:30px !important;
	}

}

@media only screen and (max-width: 768px) {
	img.img-fluid {
		float: none !important;
	}

	#header.fixed {
		position:fixed;
	}
	
	#header.transparent + #slider h1 {
		margin-top:80px !important;
	}
	section div.row>div {
		margin-bottom:60px;
	}
	section div.row.lightbox>div {
		margin-bottom:0;
	}
	section form div.row>div.form-group>div,
	section form div.row>div {
		margin-bottom:15px;
	}
	section form div.row>div.form-group>div:last-child,
	section form div.row>div:last-child {
		margin-bottom:0;
	}

	.block-sm {
		display:block;
	}
	.text-center-md {
		text-align:center !important;
	}
	
	form.landing-form >div {
		margin-bottom:5px !important;
	}
}

@media only screen and (max-width: 480px) {
	.mobile-block {
		display:block;
		float:none !important;
		position:relative;
	}
	.mobile-block>.social-icon {
		float:none !important;
	}
	.block-xs {
		display:block;
	}
	.text-center-xs {
		text-align:center !important;
		float:none !important;
	}
	.modal-short {
		max-height: 320px;
		overflow: auto;
	}
	
	.size-50 {
		font-size:30px !important;
		line-height:36px !important;
	}
	.size-40 {
		font-size:30px !important;
		line-height:36px !important;
	}
	.size-30 {
		font-size:23px !important;
		line-height:26px !important;
	}

}