/** Globals
 **************************************************************** **/
html, body {
	height:100%;
	direction: ltr;
}
body {
	color:#666;
	background-color:#fff;
font-family:'CoreSans45',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 #wrapper {/* used by RTL*/
	overflow:hidden; 
	min-height:100%; /*  because short page hide long menus */
}


section {
	display: block;
	position: relative;
	padding: 50px 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();
**/













	/* eaf7ff */

	/* different dark color */





	section.parallax {
		border:0;
	}

.container {
	position:relative;
}

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


/* black link color - override theme color link */





section header>h1,
section header>h2,
,
,
,
 {
	margin:0;
}

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


/* form control: inputs, textarea, etc */
.btn {
	position:relative;
}




.form-control {
	border:#ddd 2px solid;
	box-shadow:none;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
.form-control:focus {
	border-color:#c6c6c6;
}






/* DARK PRESETS */


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



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

/* 
	bootstrap rewrite 
*/


/** Boxed
 **************************************************************** **/
@media only screen and (max-width: 992px) {
}



 
 
/** Color Background
 **************************************************************** **/
	/* 
		GRAIN BLUE BACKGROUND 
	*/
	/* 
		GRAIN GREY BACKGROUND 
	*/
	/* 
		GRAIN GREEN BACKGROUND 
	*/
	/* 
		GRAIN ORANGE BACKGROUND 
	*/
	/* 
		GRAIN YELLOW BACKGROUND 
	*/

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









/** Slide Top
 **************************************************************** **/
	


	
@media only screen and (max-width: 768px) {
}



/** Parallax Social Icons
 **************************************************************** **/


	/* position */
	/* colors */

/* sidepanel content */

/* sidepanel menu */



/* light */

/* theme color */





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

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


	/* shadows */


	@media only screen and (max-width: 482px) {
	}

	/* page header tabs */







	@media only screen and (max-width: 767px) {


	}

	
	
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 a {
		color:#fff;
	}
section.page-header .breadcrumb {
	right:0; left:auto;
}
@media only screen and (max-width: 767px) {
	section.page-header {
		text-align:center;
	}
	section.page-header .breadcrumb {
		position:relative;
		display:block;
		margin:0;
	}
}



/* options - like buttons */

@media only screen and (max-width: 767px) {
}



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

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







/* BS 4 fix */
#header.navbar-toggleable-md .navbar-collapse {
	display: inherit;
	width: auto;
}
@media only screen and (min-width: 768px) {
}






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



	/** Search - Default
	 ********************** **/



	/** Search - Fullscreen
	 ********************** **/

	/* Dark */

	@media only screen and (max-width: 480px) {
	}
	@media only screen and (max-height: 400px) {
	}



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

	#header .search-box.over-header>form>input::-webkit-input-placeholder { 	/* WebKit browsers */
		color: #666;
		text-transform:uppercase;
	}



	#header .search-box.over-header>form>input:-ms-input-placeholder {			/* Internet Explorer 10+ */
		color: #666;
		text-transform:uppercase;
	}

	
	/* dark */
	#header.dark .search-box.over-header>form>input::-webkit-input-placeholder { 	/* WebKit browsers */
		color: #ddd;
		text-transform:uppercase;
	}



	#header.dark .search-box.over-header>form>input:-ms-input-placeholder {			/* Internet Explorer 10+ */
		color: #ddd;
		text-transform:uppercase;
	}
	


	@media only screen and (max-height: 760px) {
	}



	/** Quick Shop Cart 
	 ********************** **/


	@media only screen and (min-width: 992px) { /* min-width */
	}

	@media only screen and (max-width: 992px) { /* max-width */

	}
	@media only screen and (max-width: 769px) {
		
		/** 
			Quick Cart & top Search Fix (if #topBar exists).
			.has-topBar - added by Javascript
		**/
	}




	/** Menu Vertical
	 ********************** **/






	/* Aside Vertical */ 



		
	



	/* Inline Search */


	/* Column Menu / Mega Menu */
	
	

	@media only screen and (max-width: 768px) {
	}

	
	/* Top Options */





	/* DARK */


	/* OPEN ON CLICK */




	/* 
		for anywhere use 
		<button class="fancy_big_btn inverse"><i></i></button>
	*/
		/* custom icon */



	/* Responsive */ 
	@media (min-width: 768px) {
		body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar ul:not {
			display: block;

		}
		

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

	}
	@media only screen and (max-width: 1216px) {
	}
	@media (min-width: 1200px) {
	}
	@media (min-width: 768px) {

	}
	@media (max-width: 768px) {


		
		
		

		

	}
	




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


	


	/* Dark & Color Header */
	
	/* DARK CART & SEARCH */




	/* Transparent Header */
	

	
		/* on scroll */

	@media only screen and (max-width: 992px) {
	}
	

	@media only screen and (max-width: 768px) {

		/* force dark submenu */
	}



	/* Transparent Header */

	

		/* on scroll */

	@media only screen and (max-width: 768px) {
	}



	/* BOTTOM HEADER */




	@media only screen and (max-width: 992px) {
	}

	
	/* STATIC HEADER */
	@media only screen and (max-width: 992px) {
	}




	/* fullwidth container */

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


	/* Medium Height : 70 */
	@media only screen and (max-width: 992px) {
	}


	/* Small Height : 60px */
	@media only screen and (max-width: 992px) {
	}


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


	@media only screen and (max-width: 992px) {
		
		
	}



	/* 
		Top Bar
	*/
	

	
	/* Logo */
	
	/* banner */

	/* social Icon */
	
	/* Links */
	@media only screen and (max-width: 768px) {
	}

	/* Drop Downs & Lang */




	/* 
		Nav Second Main 
		- search, etc
	*/
	#header ul.nav-second-main {
		border-left:rgba(0,0,0,0.1) 1px solid;
		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;
	}
	
	/* dark & color menu */

	@media only screen and (max-width: 992px) {
		#header ul.nav-second-main {
			margin:15px 15px 0 0;
			border:0;
		}
		#header ul.nav-second-main {
			-webkit-transition: all 0s;
			   -moz-transition: all 0s;
				 -o-transition: all 0s;
					transition: all 0s; 
		}

		/* header social */

		/* header translucent fix */

	}


	/** ************************************************************* **/
	/* 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;
		box-shadow:rgba(0,0,0,0.2) 0 6px 12px;
		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 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.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 .nav li:hover>ul.dropdown-menu {
		padding:0;
		display:block;
		z-index:100;
	}

	/* sub-submenu */
	/** ************************************************************* **/


	/* onepage active link */


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

		#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;
		}
		#topNav nav.nav-main {
			background-color:#fff;
		}
		#topNav div.nav-main-collapse,
		 {
			width: 100%;
			margin:-1px 0 0 0;
		}
		#topNav div.nav-main-collapse {
			float: none;
			overflow-x:hidden;
			max-height:350px;
		}





		/* ======================== MOBILE MENU V2 ===================== */

		#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;
		}



		/* 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 {
			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 ul.nav>li:hover>a:before, 
		#topNav ul.nav>li.active>a:before {
			background-color:transparent;
		}




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



	/* Mega Menu */
	@media only screen and (max-width: 992px) {
	}


	/* LIGHT SUBMENU */


	/* DARK SUBMENU */

	@media only screen and (max-width: 992px) {
	}




/** Page Menu
 **************************************************************** **/
@media only screen and (min-width: 990px) {
}
@media only screen and (max-width: 992px) {

}



	/* page menu light */


	/* page menu dark */


	/* 
		page menu color 
	*/

	/* page menu transparent */

	@media only screen and (max-width: 992px) {
	}




/** BULLET NAV
 ********************* */

@media all and (max-width: 767px) {
}
@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);
	}
}






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


/** Preloader
 **************************************************************** **/




@-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
 **************************************************************** **/

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



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



@media only screen and (max-width: 768px) {
}


/* infinite scroll */

form .row {
	margin-bottom:20px;
}
form label {
	font-weight:bold;
}



/* Featured OWL Carousel */

/* 
	increment / decrement - quantity shop like 

	<!-- QTY -->
	<span class="incrdcr">
		<a href="#" data-for="no" data-min="1" class="decr">-</a>
		<input id="no" type="text" name="qty" value="1" title="Number" >
		<a href="#" data-for="no" data-max="999" class="incr">+</a>
	</span>
	<!-- /QTY -->
*/


/* Link List - example: page-faq-4.html */

/* Slimscroll */


/* Canvas Particles */


/* Youtube Background */

/* Text Rotator */


/** EVENT LIST 

	Example Usage: index-thematics-music.html

	<div class="event-item">
		<div class="event-date-wrapper">
			<span class="event-date-day">02</span>
			<span class="event-date-month">April</span>
		</div>
		<div class="event-content-wrapper">
			<div class="event-content-inner-wrapper">
				<h3 class="event-title"><a href="#">Columbia, SC</a></h3>
				<div class="event-location">Colonial Life Arena w/ Aloe Blacc </div>
			</div>
			<div class="event-status-wrapper">
				<a href="#">Buy Now</a>
			</div>
		</div>
	</div>

**/

@media only screen and (max-width: 600px) {
}


/**  INLINE NEWS 

	Example Usage: index-thematics-music.html

	<div class="inews-item">
		<a class="inews-thumbnail" href="#">
			<span class="inews-sticky font-lato">
				<i class="fa fa-bullhorn"></i> 
				STICKY POST
			</span>
			<img class="img-fluid" src="assets/images/_smarty/demo/thematics/music/i3-min.jpg" alt="image" />
		</a>
		
		<div class="inews-item-content">

			<div class="inews-date-wrapper">
				<span class="inews-date-day">29</span>
				<span class="inews-date-month">June</span>
				<span class="inews-date-year">2015</span>
			</div>

			<div class="inews-content-inner">

				<h3 class="size-20"><a href="#">Lorem Upsum Dolor</a></h3>
				<ul class="blog-post-info list-inline noborder margin-bottom-20 nopadding">
					<li>
						<a href="page-profile.html">
							<i class="fa fa-user"></i> 
							<span class="font-lato">By John Doe</span>
						</a>
					</li>
					<li>
						<i class="fa fa-folder-open-o"></i> 

						<a class="category" href="#">
							<span class="font-lato">Design</span>
						</a>
						<a class="category" href="#">
							<span class="font-lato">Photography</span>
						</a>
					</li>
				</ul>

				<p>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Idque Caesaris facere voluntate liceret: sese habere....</p>
			</div>
			

		</div>
	</div>

**/

@media only screen and (max-width: 768px) {
}


/** TEAM ITEM
	example usage:
	index-thematics-wedding.html


	<div class="team-item clearfix">
		<img class="team-item-image rounded" src="assets/images/_smarty/demo/thematics/wedding/him-min.jpg" alt="wedding" width="150" height="150" />
		
		<div class="team-item-desc">
			<h4 class="nomargin">MIKE BAKER</h4>
			<h5><span>Groom</span></h5>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, pariatur, magni! Omnis reiciendis architecto, cupiditate fuga dolores nam accusamus iste molestias quos mollitia totam eius porro culpa incidunt, sunt rerum molestiae aliquid non hic.</p>
			<hr />

			<!-- Social Icons -->
			<div class="margin-top-20">
				<a href="#" class="social-icon social-icon-sm social-icon-transparent  social-facebook float-left" data-toggle="tooltip" data-placement="top" title="Facebook">

					<i class="icon-facebook"></i>
					<i class="icon-facebook"></i>
				</a>

				<a href="#" class="social-icon social-icon-sm social-icon-transparent  social-twitter float-left" data-toggle="tooltip" data-placement="top" title="Twitter">
					<i class="icon-twitter"></i>
					<i class="icon-twitter"></i>
				</a>

				<a href="#" class="social-icon social-icon-sm social-icon-transparent  social-gplus float-left" data-toggle="tooltip" data-placement="top" title="Google plus">
					<i class="icon-gplus"></i>
					<i class="icon-gplus"></i>
				</a>

				<a href="#" class="social-icon social-icon-sm social-icon-transparent  social-linkedin float-left" data-toggle="tooltip" data-placement="top" title="Linkedin">
					<i class="icon-linkedin"></i>
					<i class="icon-linkedin"></i>
				</a>

			</div>
			<!-- /Social Icons -->

		</div>
	</div>

 ********************** **/
@media only screen and (max-width: 482px) {
}


/* flot chart */


/* Vectorial Map */
svg {
    touch-action: none;
}




























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



/* menu title */



/* menu caption */



/* no topmain dropdown icon */


/* no menu lines */

/* dropdown open inversed */

/* 
	DROPDOWN ANIMATE
	Dependency: animate.css
*/
	/* FADE IN */
	/* FADE IN UP */
	/* BOUNCE IN */
	/* BOUNCE IN UP */
	/* FLIP IN X */
	/* FLIP IN Y */
	/* ZOOM IN */
	/* SLIDE IN UP */



/* TOPMAIN TEXT HOVER ANIMATED */


/* topmain hover bounce in */
@media only screen and (min-width: 768px) {
}



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



/* gradient bg */


/* sizes */



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



/* disable uppercase text transformation */



/* cookie alert */




/** FULLSCREEN GOOGLE MAP
 *************************** **/




/** BACKSTRETCH NAVIGATION
 *************************** **/

@media only screen and (max-width: 768px) {
}





/** ROUNDED LOGO
	Usage: for sliders
	Example: feature-slider-backstretch.html
 *************************** **/




@media only screen and (max-width: 768px) {
}



/** Premium Circles
	Example: shortcode-thumbnails.html
 *************************** **/






/** BS 4 fix 
 ************************************ **/

#topMain>li>a {
	display: block;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
}
#topMain .dropdown-toggle::after {
	border: 0;
}

.breadcrumb>li+li:before {
    padding: 0 7px 0 5px;
}

ul.nav>li>a {
	display: block;
}
.breadcrumb>li {
	display: inline-block;
}
ul.nav.nav-pills>li {
	display: inline-block;
}
ul.dropdown-menu a {
	display: block;
	width: 100%;
}
.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
pre {
	font-size:13px;
}
.dropdown-menu>li>a {
    font-weight: 400;
    color: #333;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}

@media (min-width: 1200px) {
	.container {
	    width: 1170px;
	    max-width: 100%;
	}
}










/** Material Design
 **************************************************************** **/
@media only screen and (max-width: 768px) {
}


/* WIDE CARD */

/* IMAGE CARD */

/* EVENT CARD */

/* checkbox fix */

/* table fix */


/* text fields fix */


/* RESPONSIVE CARDS */
@media only screen and (max-width: 768px) {
}






/** Landing Page
 **************************************************************** **/



/** Featured Grid
 **************************************************************** **/





/* ribbon */


@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 600px) {
}




/** Captions
 **************************************************************** **/

/* 
	Slider Default Caption 
	Example usage: shop-4col-left.html (top banner)
	
*/
@media only screen and (max-width: 480px) {
}



 
/** Aside
 **************************************************************** **/



	/** Aside Navigation
	 ********************* **/





/** Masonry Gallery
 **************************************************************** **/

	/* columns */






/** Simple Gallery [CSS ONLY]
 **************************************************************** **/



@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 482px) {
}







/** Image Hover
 **************************************************************** **/






/** Sticky Side
 **************************************************************** **/








/** Parallax Social icons
 **************************************************************** **/
@media (max-width:482px) {

}





/** Word Rotator
 **************************************************************** **/



/* Rotator Plugin */




















/** Sliders
 **************************************************************** **/
/* enable animation for mobile fullheight */



/* slider form */


	
	
/* slider top links */



/* shadows - over image */


	/** Next | Prev
	 ************************* **/

	
	/** Flex Slider **/




	/** Swiper Slider
	 ************************* **/

	
	@media only screen and (max-width: 480px) {
	}
	




	/** Nivo Slider
	 ************************* **/

	@media only screen and (max-width: 768px) {
	}



	/** Camera Slider
	 ************************* **/

	@media only screen and (max-width: 768px) {
	}
	




	/** Elastic Slider
	 ************************* **/

	@media only screen and (max-width: 768px) {
	}

	
	
	
	/** Revolution Slider
	 ************************* **/
	





	/* bullets */
	
	/* revslider 5+ */
	

	/* centerig fix */

	/* rs-55.html arrows fix */

	/* rs-57.html */



	/** Layer Slider
	 ************************* **/



	/** Slider Featured Text
	 ************************ **/
@media only screen and (max-width: 768px) {
}


	/** **/


@media only screen and (max-width: 768px) {
}






/** Standard Forms Messages

	USAGE:
		<p id="alert_success" class="alert alert-success alert-mini">Message sent! Thank You!</p>
 **************************************************************** **/





/** Portfolio
 **************************************************************** **/
/* do not move from here - we rewrite this below */



#portfolio {
	overflow:hidden;
}
#portfolio h2,
 {
	font-size:18px;
	line-height:20px;
	margin:0;
	color:#111;
}



#portfolio div.col-md-3 h2,
 {
	font-size:18px;
	line-height:18px;
}



/* dark section */


@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 480px) {
}

	/** Gutter
	 ****************** **/

	#portfolio.portfolio-nogutter .row>div, 
	 {
	  padding: 0 !important;
	  margin: 0 !important;
	}



	/** Isotope Portfolio 
	 ****************** **/
	
	/* 2 columns */
	
	/* 3 columns */
	
	/* 4 columns */

	/* 5 columns */

	/* 6 columns */





	/** Ajax Portfolio 
	 ****************** **/


	@media only screen and (max-width: 768px) {
	}




	/** Portfolio Single
	 ****************** **/






/** Item Box
 **************************************************************** **/








/* hover */



.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;
}





/** Blog
 **************************************************************** **/


/* blog misc */




	/** Blog Small Image
	 ****************** **/



	@media only screen and (max-width: 768px) {
	}



	/** Isotope Blog 
	 ****************** **/
	
	/* 2 columns */
	
	/* 3 columns */
	
	/* 4 columns */

	/* 5 columns */

	/* 6 columns */
	
	
	

	/** Blog Single
	 ****************** **/


/** Comments
 **************************************************************** **/


	/* BORDERED COMMENTS */
	/* Portrait tablets and medium desktops */
	@media (min-width: 768px) {
		/*****Left Arrow*****/
		/*Background color effect*/
		/*****Right Arrow*****/
		/*Background color effect*/
		
	}




/* 
	article default comments 
	usage example: page-profile-comments.html
*/







/** Timeline
 **************************************************************** **/


/* horizontal line [left|center|right] */


/* timeline entry */




	/* timeline center */




	@media only screen and (max-width: 650px) {
	}






/** Contact
 **************************************************************** **/









/** Error 404
 **************************************************************** **/

@media only screen and (max-width: 482px) {
}



/** Maintenance
 **************************************************************** **/
@media only screen and (max-width: 480px) {
}



/** Login & Register
 **************************************************************** **/
@media only screen and (max-width: 992px) {
}






/** Search Page
 **************************************************************** **/





/** Block Review
	example usage: page-forum-post.html
 **************************************************************** **/
@media only screen and (max-width: 482px) {
}





/** Category Grid
 **************************************************************** **/


	@media only screen and (min-width: 768px) {
		/* 
			6 COLUMNS - RECALIBRATE FOR LONG TITLES
		*/

		/* 
			5 COLUMNS - RECALIBRATE FOR LONG TITLES
		*/


		/* 
			4 COLUMNS - RECALIBRATE FOR LONG TITLES
		*/

		/* 
			3 COLUMNS - RECALIBRATE FOR LONG TITLES
		*/
	}

	@media only screen and (max-width: 768px) {
		/* 
			2 COLUMNS - RECALIBRATE FOR LONG TITLES
		*/
	}





/** Cards
 **************************************************************** **/










/** 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 Logo */


	/* Footer Typography */

	#footer a {
		color: rgba(255,255,255,0.6);
		text-decoration:none;
	}
	#footer a:hover {
		color: rgba(255,255,255,0.9);
	}

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




	/* footer form */

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

	/* footer list links */

	/* footer news list */


	/* footer posts */

	/* footer contact text */
	#footer p {
		line-height:18px;
	}


	/* footer links - breadcrumbs like */


	/* footer images gallery */


	@media only screen and (max-width: 768px) {
		
		#footer .row>div {
			margin-bottom:60px;
		}
	}

	/* sticky footer */
	@media only screen and (max-width: 768px) {
	}




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

/** Footer Light
 ** ************************ **/
#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:-ms-input-placeholder,
#footer.footer-light form input:-ms-input-placeholder {		
	color: #eaeaea;	/* Internet Explorer 10+ */
}

/* footer social icons */



/** Fixed Footer
 ** ************************ **/







/** Responsive
 **************************************************************** **/
@media only screen and (max-width: 992px) {



	/* fullwidth button fix */

}

@media only screen and (max-width: 768px) {

	#header.fixed {
		position:fixed;
	}
	
	section div.row>div {
		margin-bottom:60px;
	}

	
}

@media only screen and (max-width: 480px) {
	.mobile-block {
		display:block;
		float:none !important;
		position:relative;
	}
	

}













/** DEMO ONLY
	DO NOT USE THIS CSS - USED FOR DEMO ONLY!
 **************************************************************** **/
/** *** **/
/** *** **/


@media (min-width: 769px) {
}



/** *** **/

/** *** **/

/** *** **/


/** et line icons */


@media (min-width: 769px) {
}

/* material design demo */



/* material section color switch */
@media only screen and (max-width: 768px) {
}


/* END material section color switch */


/* start.html demo */

#portfolio {
	overflow:hidden;
}
#portfolio h2,
#portfolio h3 {
	font-size:18px;
	line-height:20px;
	margin:0;
	color:#111;
}

#portfolio .portfolio-item h2,
#portfolio .portfolio-item h3 {
	text-overflow:ellipsis;
	white-space: nowrap;
}


#portfolio div.col-md-3 h2,
#portfolio div.col-md-3 h3 {
	font-size:18px;
	line-height:18px;
}
#portfolio div.col-md-5th h2,
#portfolio div.col-md-5th h3 {
	font-size:15px;
	line-height:15px;

	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
#portfolio div.col-md-2 h2,
#portfolio div.col-md-2 h3 {
	font-size:13px;
	line-height:13px;
}
#portfolio div.col-md-2 .item-box-desc,
#portfolio div.col-md-2 .item-box-desc {
	padding:20px 6px 0 15px !important;
}
	section.dark #portfolio h2,
	section.dark #portfolio h3 {
		color:#fff;
	}
#portfolio.portfolio-title-over div.col-md-2 .item-box .item-hover .inner {
	margin-top:-20px !important;
}

#portfolio div.col-md-2 ul.categories>li>a,
#portfolio div.col-md-5th ul.categories>li>a {
	font-size:11px;
	line-height:11px;
}