@font-face {
	font-family: FuturaPT;
	src: url('../fonts/Poppins-Regular.ttf') format('ttf');
	font-display: swap;
 }
 html, body {
    overflow-x: hidden;
}
body {
	background-color:#fff;
	font-family: Poppins,sans-serif;
    color: black;
    font-size: 14px;
}
/* example usage: index-onepage-youtube.html */
body.has-image-bg section,
body.has-video-bg section {
	background-color:#fff;
}

.clearfix {
	clear: both;
}

.container {
	position:relative;
}

@keyframes blink {
	50% { opacity: 0.0; }
  }
  @-webkit-keyframes blink {
	50% { opacity: 0.0; }
  }
  .blink {
	animation: blink 1s step-start 0s infinite;
	-webkit-animation: blink 1s step-start 0s infinite;
	position: absolute;
	margin-top: 1px;
  }
  .sub_title{
	font-size: 20px;
	color: rgb(0, 85, 152);
  }	

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

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

label {
	display:block;
}


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

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



.input-group-addon {
	border:#ddd 2px solid;
	border-right:0;
	padding: 0px 5px 0 5px;
}
	
.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;
}

.label {
	padding:.4em .6em .4em;
}


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

/* 
	bootstrap rewrite 
*/
img.img-responsive {
	display:inline-block;
}
 
 
/** Color Background
 **************************************************************** **/

.sky-form footer {
	padding:8px 0;
	margin-bottom:0;
}
.sky-form .btn {
		margin-top:0;
}
.sky-form .btn-social {
	margin:0;
}

.sky-form.boxed {
	background-color:#fff;
}
.sky-form fieldset {
	padding: 0 0 30px 0;
}

.sky-form header {
	background:transparent !important;
}

.sky-form .checkbox input:hover+i, 
.sky-form .input input:hover, 
.sky-form .radio input:hover+i, 
.sky-form .select select:hover, 
.sky-form .textarea textarea:hover, 
.sky-form .toggle input:hover+i,

.sky-form .checkbox input:focus+i, 
.sky-form .input input:focus, 
.sky-form .radio input:focus+i, 
.sky-form .select select:focus, 
.sky-form .textarea textarea:focus, 
.sky-form .toggle input:focus+i {
	border-color:#c6c6c6;
}

section.alternate .sky-form.boxed {
	background-color:#F9F9F9;
}

section.dark .sky-form.boxed {
	background-color:#333;
	border:0;
}
section.dark .sky-form header {
	color:#fff;
	background: -webkit-linear-gradient(top,#000 1%,#222 98%);
	background: linear-gradient(to bottom,#000 1%,#222 98%);
	border-bottom: rgba(255,255,255,.07) 1px solid;
}
section.dark .sky-form .checkbox i, 
section.dark .sky-form .ico-append, 
section.dark .sky-form .ico-prepend, 
section.dark .sky-form .input input, 
section.dark .sky-form .radio i, 
section.dark .sky-form .select select, 
section.dark .sky-form .textarea textarea, 
section.dark .sky-form .toggle i {
	border-color:#666;
}

section.dark .sky-form .input input, 
section.dark .sky-form .select select, 
section.dark .sky-form .textarea textarea {
	background-color:transparent;
}
section.dark .sky-form footer {
	border-top-color:#444;
}

section.dark .sky-form .checkbox input:hover+i, 
section.dark .sky-form .input input:hover, 
section.dark .sky-form .radio input:hover+i, 
section.dark .sky-form .select select:hover, 
section.dark .sky-form .textarea textarea:hover, 
section.dark .sky-form .toggle input:hover+i,

section.dark .sky-form .checkbox input:focus+i, 
section.dark .sky-form .input input:focus, 
section.dark .sky-form .radio input:focus+i, 
section.dark .sky-form .select select:focus, 
section.dark .sky-form .textarea textarea:focus, 
section.dark .sky-form .toggle input:focus+i {
	border-color:#999;
}

	/* 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 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.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 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 h1 {
	margin:0;
	padding:0;
	font-size:26px;
	font-weight:300;
}
section.page-header span.font-lato {
	border-top:rgba(0,0,0,0.05) 2px solid;
	padding-top:2px;
}

section.page-header .breadcrumb {
	position:absolute;
	font-size:12px;
	top:50%; left:0;
	margin-top:-15px;
	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;
}



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


/** Top Nav
 **************************************************************** **/
#header {
	position: relative;
	left:0; top:0; right:0;
	z-index:1000;
	background:rgba(0,0,0,.5) !important;
	border-bottom: 2px solid #000 !important;

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


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


	/** 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 {
		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;
		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: 24px;
		padding: 15px 20px !important;
		height: 65px;
		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%;
		}
		.book_demo_border{
			border: 1px solid #dddddd;
			padding: 20px 15px 10px 15px;
		}
		.label_date_cls {
		width: 20%;
		}
	}
	@media only screen and (max-height: 400px) {
		#header li.search.fullscreen>.search-box>form {
			margin-top:60px;
		}
	}



	/** Search - Header
	 ********************** **/
	#header .search-box.over-header {
		text-align:center;
		position:absolute;
		padding:0;
		background-color:#fff !important;
		left:0; top:0 !important; right:0; bottom:0;
		width:100%; 
		height:100%;
		margin:0 !important; 
		z-index:2000;
		border:0;
		display:none;
	}
	#header .search-box.over-header>form {
		display:block;
		z-index:0;
	}
	#header .search-box.over-header>form>input {
		font-size:32px;
		font-weight:bold;
		background-color:transparent;
		height:inherit;
		position:absolute;
		top:50%; left:0;
		width:100%;
		margin-top:-30px;
		padding-left:40px;
		padding-right:60px;
		border:0;
		box-shadow:none;
	}

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

	#header .search-box.over-header>form>input:-moz-placeholder { 				/* Mozilla Firefox 4 to 18 */
		color: #666;
		text-transform:uppercase;
	}

	#header .search-box.over-header>form>input::-moz-placeholder { 			/* Mozilla Firefox 19+ */
		color: #666;
		text-transform:uppercase;
	}

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

	#header .search-box.over-header #closeSearch {
		position:absolute;
		right:0;
		color:#333;
		background:transparent;
		top:50%; right:30px;
		font-size:20px;
		margin-top:-10px;
		z-index:1;
	}
	
	/* dark */
	#header.dark .search-box.over-header {
		background-color:#333 !important;
	}
	#header.dark .search-box.over-header>form>input {
		color:#fff;
	}
	#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:-moz-placeholder { 				/* Mozilla Firefox 4 to 18 */
		color: #ddd;
		text-transform:uppercase;
	}

	#header.dark .search-box.over-header>form>input::-moz-placeholder { 			/* Mozilla Firefox 19+ */
		color: #ddd;
		text-transform:uppercase;
	}

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

	#header.translucent #topMain,
	#header.dark.transparent #topMain {
		background-color:transparent;
	}

	@media only screen and (max-height: 760px) {
		#header .search-box.over-header>form>input {
			font-size:20px;
			margin-top:-20px;
			font-weight:300;
		}
	}



	/** Quick Shop Cart 
	 ********************** **/
	#header li.quick-cart .quick-cart-box {
		display:none;
		right: 0;
		left:auto;
		top: 100%;
		padding:10px 0;
		background-color: #fff;
		position: absolute;
		box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
		width: 274px;
		margin-top: 36px;
		z-index: 22;
	}
	#header.fixed  li.quick-cart .quick-cart-box {
		margin-top:18px;
	}
		#header.fixed.header-sm li.quick-cart .quick-cart-box {
			margin-top:18px;
		}
		#header.fixed.header-md li.quick-cart .quick-cart-box {
			margin-top:15px;
		}

	#header li.quick-cart .quick-cart-wrapper {
		max-height:400px;
		overflow-y:auto;
	}
	#header li.quick-cart .quick-cart-box h4 {
		font-size:17px;
		margin:0; 
		padding:0 10px 10px 10px;
		border-bottom:rgba(0,0,0,0.1) 1px solid;
	}
	#header li.quick-cart .quick-cart-box a {
		display:block;
		padding:15px 10px;
		border-bottom:rgba(0,0,0,0.04) 1px solid;
	}
	#header li.quick-cart .quick-cart-box a:hover {
		background-color:rgba(0,0,0,0.03);
	}
	#header li.quick-cart .quick-cart-box a>img {
		float:left;
		margin-right:10px;
	}
	#header li.quick-cart .quick-cart-box a h6 {
		margin:0; 
		padding:4px 0 0 0;

		text-overflow:ellipsis; 
		white-space: nowrap;
		overflow:hidden;
	}
	#header li.quick-cart .quick-cart-box a.btn {
		background-color:#151515;
		border:0; margin:0;
		padding-top:6px;
		padding-bottom:4px;
	}
	#header li.quick-cart .quick-cart-footer {
		padding:10px 10px 0 10px;
	}
	#header li.quick-cart .quick-cart-footer>span {
		display:inline-block;
		padding-top:3px;
		background-color:rgba(0,0,0,0.05);
		padding: 4px 3px;

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

	@media only screen and (min-width: 992px) { /* min-width */
		#header li.quick-cart .quick-cart-box {
			top:21px;
		}
		#header.header-sm li.quick-cart .quick-cart-box {
			margin-top:19px;
		}
		#header.header-md li.quick-cart .quick-cart-box {
			margin-top:26px;
		}
		#header li.quick-cart .quick-cart-wrapper {
			max-height:300px;
			overflow-y:auto;
		}
	}

	@media only screen and (max-width: 992px) { /* max-width */
		#header li.quick-cart .quick-cart-box {
			margin-top:18px;
		}
		#header.dark li.search .search-box {
			margin-top:38px !important;
		}

	}
	@media only screen and (max-width: 769px) {
		#header li.quick-cart .quick-cart-box {
			position:fixed;
			width:100%;
			left:0; right:0;
			top:60px;
			margin-top:0;
			border:rgba(0,0,0,0.08) 1px solid !important;
		}
		#header.dark li.quick-cart .quick-cart-box {
			border:rgba(255,255,255,0.08) 1px solid;
		}
		#header li.quick-cart .quick-cart-wrapper {
			max-height:200px;
			overflow-y:auto;
		}
		
		/** 
			Quick Cart & top Search Fix (if #topBar exists).
			.has-topBar - added by Javascript
		**/
		#header ul.has-topBar>li.quick-cart .quick-cart-box,
		#header ul.has-topBar>li.search .search-box {
			top:98px !important;
		}
	}
	
	/* 
		for anywhere use 
		<button class="fancy_big_btn inverse"><i></i></button>
	*/
	.fancy_big_btn {
		right:auto;
		left:0;
		top:20px;
	}
	.fancy_big_btn.inverse {
		left:auto;
		right:0;
	}
		/* custom icon */
		.fancy_big_btn i.fa,
		.fancy_big_btn i.et,
		.fancy_big_btn i.glyphicon,
		.fancy_big_btn i.icon,
		.fancy_big_btn i.ico {
			background-image:none;
			color:#fff;
			font-size:30px;
			line-height:50px;
			margin:0;
			padding:0;

			-webkit-transition: all 300ms;
			   -moz-transition: all 300ms;
				 -o-transition: all 300ms;
					transition: all 300ms;
		}
		.fancy_big_btn:hover i.fa,
		.fancy_big_btn:hover i.et,
		.fancy_big_btn:hover i.glyphicon,
		.fancy_big_btn:hover i.icon,
		.fancy_big_btn:hover i.ico {
			color:#000;
		}

	#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;
	}
	
	/* 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 + section.page-header.page-header-lg,
	#header.transparent + section.page-header {
		/*margin-top:-100px;*/
		padding:160px 0px 50px 0px;
	}
	#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;
		}
		
	

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

	@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;
	}
		#header.header-md.bottom.dropup ul.dropdown-menu {
			bottom:68px;
		}
		#header.header-sm.bottom.dropup ul.dropdown-menu {
			bottom:58px;
		}
	#header.bottom.dropup.slim ul.dropdown-menu {
		bottom:53px;
	}

	#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 + #slider > .swiper-container .swiper-pagination {
			top:auto !important;
			bottom:10px;
		}
		
	}

	
	/* 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;
	}
	
	@media only screen and (max-width: 992px) {
		#header.static {
			position:relative !important;
		}
	}

	/* 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:50px;
	}
	@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:40px;
	}
	@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);
		}
	}
	/* Static */
	#header.static {
		position:fixed;
		border-bottom:rgba(0,0,0,0.08) 1px solid;
	}



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




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

/** 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(0,0,0,0.3);
}

@media only screen and (min-width: 990px) {
	#page-menu ul {
		display:block !important;
	}
}

/** Scroll To Top
 **************************************************************** **/
#toTop {
	font-size:38px;
	line-height:33px;
	background-color: rgb(37, 169, 224);
	color: #FFF;
	position: fixed;
	height: 35px; width: 40px;
	left: 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);
	}

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-default .navbar-toggle .icon-bar {
	background-color:#111;
}

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

table a {
	color:#666;
}
section.dark table a {
	color:#ddd;
}



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

/* 
	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 -->
*/
.incrdcr .incr,
.incrdcr .decr {
	color:#000;
	display: block;
	float: left;
	cursor: pointer;
	border: 0 transparent;
	padding: 0;
	width: 36px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: rgba(0,0,0,0.07);
	font-size: 16px;
	font-weight: 700;
	text-decoration:none;

	-webkit-transition: background-color .2s linear;
		 -o-transition: background-color .2s linear;
			transition: background-color .2s linear;
}
.incrdcr .incr:hover,
.incrdcr .decr:hover {
	background-color: rgba(0,0,0,0.1);
}

.incrdcr>input {
	float: left;
	width: 50px;
	height: 40px;
	line-height: 40px;
	border: 0;
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	background-color: rgba(0,0,0,0.07);
	text-align: center;
	margin-bottom: 0;
}

/* Link List - example: page-faq-4.html */
ul.list-links>li>a {
	color:#111;
	font-weight:700;
	display:inline-block;
	padding:3px 0;
	font-size:16px;
}
ul.list-links>li>a>i {
	margin-right:6px;
}
section.dark ul.list-links>li>a {
	color:#fff;
}

/* Slimscroll */
.slimScrollBar {
	-webkit-border-radius: 0 !important;
	   -moz-border-radius: 0 !important;
			border-radius: 0 !important;
}


/* Canvas Particles */
#canvas-particle {
	position:absolute;
}

/* Youtube Background */
#video-volume {
	bottom: 85px;
	left: 50%;
	margin: 0 0 0 -15px;
	position: absolute;
	z-index: 100;
	width: 30px;
	height: 30px;
	line-height: 26px;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #fff;
	color: #FFFFFF;
	cursor: pointer;
}

/* Text Rotator */
h1>span.rotate,
h2>span.rotate,
h3>span.rotate,
h4>span.rotate,
h5>span.rotate,
h6>span.rotate {
	color:inherit !important;
}


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

**/
.event-item {
	margin-bottom:25px;
	padding:10px;
	display:block;
	background-color:rgba(0,0,0,0.04);
}
section.dark .event-item {
	background-color:rgba(0,0,0,0.06);
}

.event-item .event-date-wrapper {
	float: left;
	text-align: center;
	width: 55px;
	margin-right: 20px;
}
.event-item .event-date-wrapper .event-date-day {
    font-size: 43px;
    font-weight: bold;
    display: block;
    line-height: 1;
    margin-bottom: 4px;
}
.event-item .event-date-wrapper .event-date-month {
    font-size: 14px;
    font-weight: bold;
    display: block;
}
.event-item .event-content-wrapper {
    padding-top: 6px;
    overflow: hidden;
    position: relative;
}
.event-item .event-content-wrapper .event-content-inner-wrapper {
    padding-right: 105px;
}
	.event-item .event-content-wrapper .event-content-inner-wrapper .event-title {
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.event-item .event-content-wrapper .event-location {
		font-size:13px;
	}
.event-item .event-content-wrapper .event-status-wrapper {
    position: absolute;
    top: 10px;
    right: 0px;
    text-align: center;
    letter-spacing: 1px;
}

.inews-item {
	clear:both;
	margin-bottom:30px;
	min-height:132px;
	position:relative;
}
	.inews-item:after,
	.inews-item:before {
		display:table;
		content:" ";
	}
	.inews-item:after {
		clear: both;
	}
.inews-item .inews-thumbnail {
	border:0;
	padding:0;
	width: 35%;
	max-width:350px;
	margin: 0 20px 0 0;
	float:left;
	position:relative;
}
	.inews-item .inews-thumbnail .inews-sticky {
		position:absolute;
		left:0; bottom:-1px;
		background-color:#74c6de;
		color:#fff;
		font-size: 11px;
		font-weight: bold;
		padding: 5px 12px;
		text-shadow:#333 0 0 1px;
	}
	.inews-item .inews-thumbnail .inews-sticky>i {
		font-size:14px;
		margin-right:8px;
	}
.inews-item .inews-date-wrapper {
	text-align: center;
	position:absolute;
	left:0;
	margin-right: 20px;
	width: 65px;
	padding-bottom: 20px;
	background-color:rgba(0,0,0,0.1);
}
.inews-item .inews-date-wrapper:before {
	content:' ';
	position:absolute;
	right:-10px;
	top:6px;
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;

	border-left: 10px solid rgba(0,0,0,0.1);
}
	.inews-item .inews-date-wrapper .inews-date-day {
		display: block;
		font-size: 50px;
		line-height: 1;
		margin-bottom: 16px;
	}
	.inews-item .inews-date-wrapper .inews-date-month {
		display: block;
		font-size: 14px;
		line-height: 1;
		margin-bottom: 14px;
	}
	.inews-item .inews-date-wrapper .inews-date-year {
		display: block;
		font-size: 17px;
		line-height: 1;
	}
.inews-item .inews-item-content {
	overflow:hidden;
	padding-left:85px;
	position:relative;
}
	.inews-content-inner h3 {
		margin-bottom:8px;
		display:block;
		margin-top:3px;
	}
	.inews-content-inner .list-inline>li {
		padding:0;
	}

@media only screen and (max-width: 768px) {
	.inews-item {
		max-width:380px;
		margin-left:auto;
		margin-right:auto;
	}
	.inews-item .inews-thumbnail {
		float:none;
		display:block;
		margin-bottom:20px;
		width:100%;
	}
}

.team-item {
	position:relative;
}
.team-item .team-item-image {
	position:absolute;
	left:0;
	top:0;
}
.team-item .team-item-desc {
	padding-left:180px;
}
@media only screen and (max-width: 482px) {
	.team-item {
		text-align:center;
	}
	.team-item .team-item-desc {
		padding-left:0;
		margin-top:20px;
	}
	.team-item a.social-icon {
		float:none !important;
	}
	.team-item .team-item-image {
		position:relative;
	}
}


/* flot chart */
.flot-chart .legendLabel {
	padding:0 8px;
}



/** Landing Page
 **************************************************************** **/
form.landing-form {
    padding: 30px;
    border-radius: 3px;
	background: rgba(0,0,0,.3);
}
/**	17. Social icons
*************************************************** **/
.social-icon {
	margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    border-color: transparent; 
    overflow: hidden;
	display:inline-block;
	text-decoration:none !important;
	text-align: center;
	cursor: pointer;
	font-style: normal;
	letter-spacing: 0em !important;
	color: #eaeaea !important; 

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
	.social-icon:hover>i {
		color:#fff;
	}
.social-icon i {
	display: block;
	position: relative;
    width: 40px;
    height: 40px;
	margin-top:6px;
	font-size: 28px;
}

.social-icon:hover i:first-child { 
	margin-top: -38px; 
}
.social-icon:hover i:last-child { 
	margin-top:4px;
}


body:not(.device-touch) .social-icon {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

body:not(.device-touch) .social-icon i {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}


/* medium */
a.social-icon>i[class*=" icon-"],
a.social-icon>i[class^=icon-] {
	font-size:20px;
}

/* small */
a.social-icon.social-icon-sm,
a.social-icon.social-icon-sm>i {
	width:29px;
	height:30px;
	margin-top:3px;
	font-size: 17px;
	line-height:23px;
}
a.social-icon.social-icon-sm>i:last-child {
	padding-top:7px;
}
a.social-icon.social-icon-sm>i[class*=" icon-"],
a.social-icon.social-icon-sm>i[class^=icon-] {
	font-size:17px;
}

.social-facebook:hover { background-color: #3B5998 !important; }
.social-facebook { background-color: #3B5998; }
.social-delicious:hover { background-color: #205CC0 !important; }
.social-delicious { background-color: #205CC0; }
.social-paypal:hover { background-color: #00588B !important; }
.social-paypal { background-color: #00588B; }
.social-flattr:hover{ background-color: #F67C1A !important; }
.social-flattr { background-color: #F67C1A; }
.social-android:hover{ background-color: #A4C639 !important; }
.social-android { background-color: #A4C639; }
.social-smashmag:hover { background-color: #E53B2C !important; }
.social-smashmag { background-color: #E53B2C; }
.social-gplus:hover { background-color: #DD4B39 !important; }
.social-gplus { background-color: #DD4B39; }
.social-wikipedia:hover { background-color: #333 !important; }
.social-wikipedia { background-color: #333; }
.social-stumbleupon:hover { background-color: #F74425 !important; }
.social-stumbleupon { background-color: #F74425; }
.social-foursquare:hover { background-color: #25A0CA !important; }
.social-foursquare { background-color: #25A0CA; }
.social-call:hover { background-color: #444 !important; }
.social-call { background-color: #444; }
.social-ninetyninedesigns:hover { background-color: #F26739 !important; }
.social-ninetyninedesigns { background-color: #F26739; }
.social-forrst:hover { background-color: #5B9A68 !important; }
.social-forrst { background-color: #5B9A68; }
.social-digg:hover { background-color: #191919 !important; }
.social-digg { background-color: #191919; }
.social-spotify:hover{ background-color: #81B71A !important; }
.social-spotify { background-color: #81B71A; }
.social-reddit:hover { background-color: #C6C6C6 !important; }
.social-reddit { background-color: #C6C6C6; }
.social-blogger:hover { background-color: #FC4F08 !important; }
.social-blogger { background-color: #FC4F08; }
.social-cc:hover { background-color: #688527 !important; }
.social-cc { background-color: #688527; }
.social-dribbble:hover { background-color: #EA4C89 !important; }
.social-dribbble { background-color: #EA4C89; }
.social-evernote:hover { background-color: #5BA525 !important; }
.social-evernote { background-color: #5BA525; }
.social-flickr:hover { background-color: #FF0084 !important; }
.social-flickr { background-color: #FF0084; }
.social-google:hover { background-color: #DD4B39 !important; }
.social-google { background-color: #DD4B39; }
.social-instapaper:hover { background-color: #333 !important; }
.social-instapaper { background-color: #333; }
.social-klout:hover { background-color: #FF5F52 !important; }
.social-klout { background-color: #FF5F52; }
.social-linkedin:hover { background-color: #0E76A8 !important; }
.social-linkedin { background-color: #0E76A8; }
.social-vk:hover { background-color: #2B587A !important; }
.social-vk { background-color: #2B587A; }
.social-rss:hover { background-color: #EE802F !important; }
.social-rss { background-color: #EE802F; }
.social-skype:hover { background-color: #00AFF0 !important; }
.social-skype { background-color: #00AFF0; }
.social-twitter:hover { background-color: #00ACEE !important; }
.social-twitter { background-color: #00ACEE; }
.social-youtube:hover { background-color: #C4302B !important; }
.social-youtube { background-color: #C4302B; }
.social-vimeo:hover { background-color: #86C9EF !important; }
.social-vimeo { background-color: #86C9EF; }
.social-aim:hover { background-color: #FCD20B !important; }
.social-aim { background-color: #FCD20B; }
.social-yahoo:hover { background-color: #720E9E !important; }
.social-yahoo { background-color: #720E9E; }
.social-email3:hover { background-color: #6567A5 !important; }
.social-email3 { background-color: #6567A5; }
.social-macstore:hover { background-color: #333333 !important; }
.social-macstore { background-color: #333333; }
.social-myspace:hover { background-color: #666666 !important; }
.social-myspace { background-color: #666666; }
.social-podcast:hover { background-color: #E4B21B !important; }
.social-podcast { background-color: #E4B21B; }
.social-cloudapp:hover { background-color: #525557 !important; }
.social-cloudapp { background-color: #525557; }
.social-dropbox:hover { background-color: #3D9AE8 !important; }
.social-dropbox { background-color: #3D9AE8; }
.social-ebay:hover { background-color: #89C507 !important; }
.social-ebay { background-color: #89C507; }
.social-github:hover { background-color: #171515 !important; }
.social-github { background-color: #171515; }
.social-googleplay:hover { background-color: #DD4B39 !important; }
.social-googleplay { background-color: #DD4B39; }
.social-itunes:hover { background-color: #222 !important; }
.social-itunes { background-color: #222; }
.social-plurk:hover { background-color: #CF5A00 !important; }
.social-plurk { background-color: #CF5A00; }
.social-pinboard:hover { background-color: #0000E6 !important; }
.social-pinboard { background-color: #0000E6; }
.social-soundcloud:hover { background-color: #FF7700 !important; }
.social-soundcloud { background-color: #FF7700; }
.social-tumblr:hover { background-color: #34526F !important; }
.social-tumblr { background-color: #34526F; }
.social-wordpress:hover { background-color: #1E8CBE !important; }
.social-wordpress { background-color: #1E8CBE; }
.social-yelp:hover { background-color: #C41200 !important; }
.social-yelp { background-color: #C41200; }
.social-intensedebate:hover { background-color: #009EE4 !important; }
.social-intensedebate { background-color: #009EE4; }
.social-eventbrite:hover { background-color: #F16924 !important; }
.social-eventbrite { background-color: #F16924; }
.social-scribd:hover { background-color: #666666 !important; }
.social-scribd { background-color: #666666; }
.social-stripe:hover { background-color: #008CDD !important; }
.social-stripe { background-color: #008CDD; }
.social-print:hover { background-color: #111 !important; }
.social-print { background-color: #111; }
.social-dwolla:hover { background-color: #FF5C03 !important; }
.social-dwolla { background-color: #FF5C03; }
.social-statusnet:hover { background-color: #131A30 !important; }
.social-statusnet { background-color: #131A30; }
.social-acrobat:hover { background-color: #D3222A !important; }
.social-acrobat { background-color: #D3222A; }
.social-drupal:hover { background-color: #27537A !important; }
.social-drupal { background-color: #27537A; }
.social-buffer:hover { background-color: #333333 !important; }
.social-buffer { background-color: #333333; }
.social-pocket:hover { background-color: #EE4056 !important; }
.social-pocket { background-color: #EE4056; }
.social-bitbucket:hover { background-color: #0E4984 !important; }
.social-bitbucket { background-color: #0E4984; }
.social-stackoverflow:hover { background-color: #EF8236 !important; }
.social-stackoverflow { background-color: #EF8236; }
.social-hackernews:hover { background-color: #FF6600 !important; }
.social-hackernews { background-color: #FF6600; }
.social-xing:hover { background-color: #126567 !important; }
.social-xing { background-color: #126567; }
.social-instagram:hover { background-color: #3F729B !important; }
.social-instagram { background-color: #3F729B; }
.social-quora:hover { background-color: #A82400 !important; }
.social-quora { background-color: #A82400; }
.social-openid:hover { background-color: #E16309 !important; }
.social-openid { background-color: #E16309; }
.social-steam:hover { background-color: #111 !important; }
.social-steam { background-color: #111; }
.social-amazon:hover { background-color: #E47911 !important; }
.social-amazon { background-color: #E47911; }
.social-disqus:hover { background-color: #E4E7EE !important; }
.social-disqus { background-color: #E4E7EE; }
.social-plancast:hover { background-color: #222 !important; }
.social-plancast { background-color: #222; }
.social-appstore:hover { background-color: #000 !important; }
.social-appstore { background-color: #000; }
.social-pinterest:hover { background-color: #C8232C !important; }
.social-pinterest { background-color: #C8232C; }
.social-fivehundredpx:hover { background-color: #111 !important; }
.social-fivehundredpx { background-color: #111; }

/* rounded social icons */
a.social-icon.social-icon-round {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}

/* bordered social icons */
a.social-icon.social-icon-border {
	background-color:transparent;
	border:#999 1px solid;
	color:#565656 !important;
	text-shadow:none;
}
a.social-icon.social-icon-border:hover {
	border-color:transparent;
}
a.social-icon.social-icon-border:hover>i {
	color:#fff !important;
}
	section.dark a.social-icon.social-icon-border {
		color:#fff !important;
	}
	section.dark a.social-icon.social-icon-border:hover>i {
		color:#111 !important;
	}

	/* rounded social icons */
a.social-icon.social-icon-round {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}


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


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


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



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



/** Parallax Social icons
 **************************************************************** **/
ul.social-icons {
    display: inline-block;
    list-style: none;
	padding: 0;
}
ul.social-icons li {
	text-align:center;
	display: inline-block;
    padding: 15px 40px;
} 
ul.social-icons a h4 {
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 0;
}
ul.social-icons a {
	color:#fff;
	text-decoration:none;
}
ul.social-icons a>span {
    font-size: 13px;
	color:#999;
}
ul.social-icons  a>i.fa {
    line-height: 1!important;
}
ul.social-icons a h4,
ul.social-icons a span {
    -webkit-transition: 0.2s all linear;
	-moz-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
	transition: 0.2s all linear;
} 
ul.social-icons a>i.fa { 
    border-radius: 50% !important;
    width: 100px;
    height: 100px; 
	line-height:100px !important;
    margin: 0 auto 0 auto;
	
	font-size:60px;
    
	-webkit-transition: 0.16s all linear;
	-moz-transition: 0.16s all linear;
    -ms-transition: 0.16s all linear;
    -o-transition: 0.16s all linear;
	transition: 0.16s all linear;
}
ul.social-icons a:hover>i.fa {
    background: rgba(255,255,255,0.1);
    font-size: 50px;
	line-height:100px !important;
}
@media (max-width:482px) {
    ul.social-icons li { 
        padding: 15px 10px;
    }

}






	/** Next | Prev
	 ************************* **/
	.tparrows.round,
	.tp-leftarrow.round,
	.tp-rightarrow.round,
	.flex-prev,
	.flex-next,
	.camera_next,
	.camera_prev,
	.owl-prev,
	.owl-next,
	.swiper-button-next,
	.swiper-button-prev {
		background-image:none !important;
		border:0;
		color:#ccc;
		font-size:34px;
		line-height:55px;
		height:auto !important;
		width:56px !important;
		text-align:center;
		background-color:rgba(0,0,0,0.2);

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

		-webkit-transition: all .400s;
		   -moz-transition: all .400s;
			 -o-transition: all .400s;
				transition: all .400s;
	}
	.tp-rightarrow.round,
	.flex-next,
	.owl-next,
	.camera_next,
	.swiper-button-next {
		right:-3px;
	}
	.tp-leftarrow.round,
	.flex-prev,
	.owl-prev,
	.camera_prev,
	.swiper-button-prev {
		left:-3px;
	}
	.tp-leftarrow.round:hover,
	.tp-rightarrow.round:hover,
	.flex-next:hover,
	.owl-prev:hover,
	.owl-next:hover,
	.flex-prev:hover,
	.camera_next:hover,
	.camera_prev:hover,
	.swiper-button-next:hover,
	.swiper-button-prev:hover {
		color:#fff;
		background-color:rgba(0,0,0,0.5);
	}

	/** Swiper Slider
	 ************************* **/
    .swiper-container {
        width: 100%;
        height: 100%;
		position:relative;
    }

	.swiper-slide {
		color:#fff;
        font-size: 18px;
        background: #fff;
		position:relative;

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

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

		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		   background-size: cover;
				box-sizing: border-box;
	}
	.swiper-pagination-bullet {
		width:20px !important;
		height:5px !important;
		background:#fff !important;
		opacity: 0.5 !important;
		filter: alpha(opacity=50) !important;

		-webkit-border-radius: 0 !important;
		   -moz-border-radius: 0 !important;
				border-radius: 0 !important;
	}
	.swiper-pagination-bullet:hover,
	.swiper-pagination-bullet-active {
		-webkit-transition: all .200s;
		   -moz-transition: all .200s;
			 -o-transition: all .200s;
				transition: all .200s;

		opacity: 1 !important;
		filter: alpha(opacity=100) !important;
	}
	
	.swiper-caption {
		color:#fff;
		position:absolute;
		opacity: .85;
		bottom: 0;
		left:0; 
		right:0;
		height: 80px;
		line-height:20px;
		padding:30px 15px;
		text-shadow: 1px 1px 1px rgba(0,0,0,.3);

		background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.85)));
		background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
		background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
		background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
		background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	}
	@media only screen and (max-width: 480px) {
		.swiper-caption {
			font-size:15px;
		}
	}
	
	.swiper-container.has-fixed-footer .swiper-button-next,
	.swiper-container.has-fixed-footer .swiper-button-prev {
		margin-top:-80px;
	}

	
/** Standard Forms Messages

	USAGE:
		<p id="alert_success" class="alert alert-success alert-mini">Message sent! Thank You!</p>
 **************************************************************** **/
#alert_newsletter,
#alert_mandatory,
#alert_success,
#alert_failed {
	display:none;
}





/** Portfolio
 **************************************************************** **/
/* do not move from here - we rewrite this below */
.item-box-desc h2,
.item-box-desc h3,
.item-box-desc h4,
.item-box-desc h5 {
	font-size:18px;
	line-height:21px;
	margin:0;
	padding:0;
}
.item-box .owl-carousel {
	margin-top:0px !important;
}



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


/* dark section */
section.dark#portfolio h2,
section.dark #portfolio h2,
section.dark#portfolio h3,
section.dark #portfolio h3 {
	color:#fff !important;
}

#portfolio .mix-grid>.row.mix {
	border-bottom:rgba(0,0,0,0.1) 1px solid;
	margin-bottom:60px;
	padding-bottom:60px;
}
#portfolio .mix-grid>.row.mix:last-child {
	border-bottom:0;
}
#portfolio .mix-grid>.row>div:last-child {
	margin-bottom:0 !important;
}
#portfolio .item-box-desc h2,
#portfolio .item-box-desc h3 {
	font-size:18px;
	line-height:20px;
}

#portfolio .item-box-overlay-title {
	display:block;
	position:absolute;
	left:0; right:0;
	bottom:0;
	padding:8px;
	color:#fff;
	background-color:rgba(0,0,0,0.6);
	color:#fff;
	z-index:100;
}
#portfolio .item-box-overlay-title h2,
#portfolio .item-box-overlay-title h3,
#portfolio .item-box-overlay-title h4,
#portfolio .item-box-overlay-title a {
	color:#fff;
}
#portfolio .item-box-overlay-title a:hover {
	color:#fff !important;
}
#portfolio .controlls-over .owl-pagination {
	bottom:auto;
	top:10px;
	right:10px;
	left:auto;
	width:auto;
}
.whatsapp_sticky_sec {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 10px;
	right: 15px;
	background-color: #25d366;
	color: #FFF;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	box-shadow: 2px 2px 3px #999;
	z-index: 100;
}

.icon_whatsapp_sticky{
	margin-top:16px;
}

@media only screen and (max-width: 992px) {
	#portfolio div.col-md-5>h2,
	#portfolio div.col-md-5>h3 {
		margin-top:30px;
	}
}
@media only screen and (max-width: 480px) {
	#portfolio.portfolio-title-over .item-box .item-hover .inner {
		margin-top:-40px !important;
	}
}

	/** Gutter
	 ****************** **/
	#portfolio.portfolio-gutter .item-box {
		margin-bottom:30px;
	}

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

	#portfolio.portfolio-gutter .item-box .item-box-desc  {
		margin-bottom:0 !important;
		padding-bottom:0 !important;
	}


	/** Isotope Portfolio 
	 ****************** **/
	#portfolio.portfolio-isotope {
		display:block;
		margin:auto;
		width:100%;
	}
	#portfolio.portfolio-isotope .item-box-desc {
		margin-bottom:0;
	}
	#portfolio.portfolio-isotope-3 .portfolio-item.has-title .inner,
	#portfolio.portfolio-isotope-4 .portfolio-item.has-title .inner,
	#portfolio.portfolio-isotope-5 .portfolio-item.has-title .inner {
		margin-top:-36px !important;
	}
	#portfolio.portfolio-isotope-6 .portfolio-item.has-title .inner {
		margin-top:-26px !important;
	}
	
	/* 2 columns */
	#portfolio.portfolio-isotope-2 .portfolio-item {
		margin: 0 20px 20px 0;
		float:left;
	}
		#portfolio.portfolio-isotope-2 .item-box-desc {
			padding:20px;
		}
	
	/* 3 columns */
	#portfolio.portfolio-isotope-3 .portfolio-item {
		margin: 0 15px 15px 0;
	}
		#portfolio.portfolio-isotope-3 .item-box-desc {
			padding:20px;
		}
	
	/* 4 columns */
	#portfolio.portfolio-isotope-4 .portfolio-item {
		margin: 0 12px 12px 0;
	}
		#portfolio.portfolio-isotope-4 .portfolio-item h3,
		#portfolio.portfolio-isotope-4 .portfolio-item h4 {
			font-size:17px;
			line-height:17px;
		}
		#portfolio.portfolio-isotope-4 .item-box-desc {
			padding:20px 10px 20px 10px;
		}

	/* 5 columns */
	#portfolio.portfolio-isotope-5 .portfolio-item {
		margin: 0 10px 10px 0;
	}
		#portfolio.portfolio-isotope-5 .portfolio-item  h3,
		#portfolio.portfolio-isotope-5 .portfolio-item  h4 {
			font-size:16px;
			line-height:16px;
		}
		#portfolio.portfolio-isotope-5 .item-box-desc {
			padding:20px 10px 20px 10px;
		}

	/* 6 columns */
	#portfolio.portfolio-isotope-6 .portfolio-item {
		margin: 0 6px 6px 0;
	}
		#portfolio.portfolio-isotope-6 .portfolio-item h3,
		#portfolio.portfolio-isotope-6 .portfolio-item h4 {
			font-size:15px;
			line-height:15px;
		}
		#portfolio.portfolio-isotope-6 .item-box-desc {
			padding:20px 10px 20px 10px;
		}

	#portfolio.portfolio-isotope.portfolio-nogutter .portfolio-item {
		margin:0;
	}




	/** Ajax Portfolio 
	 ****************** **/
	#portfolio_ajax_container {
		position:relative;
	}
	#portfolio_ajax_container .overlay>span {
		position: absolute;
		top: 50%; left: 50%;
		width: 68px; height: 68px;
		line-height: 76px;
		text-align: center;
		
		margin: -34px 0 0 -34px;
		background-color: rgba(0,0,0,0.8);

		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;
	}
	#portfolio_ajax_container .overlay>span>i {
		color: #fff;
		font-size: 30px;
	}
	div.portfolio-ajax-page {
		margin-bottom:80px;
		padding:10px 0;
	}
	div.portfolio-ajax-page header {
		position:relative;
	}
	div.portfolio-ajax-page header>ul {
		margin:0;
		position:absolute;
		right:0;
		top:50%;
		margin-top:-10px;
	}
	div.portfolio-ajax-page header>ul a {
		font-size:18px;
	}
	div.portfolio-ajax-page header>ul a.portfolio-ajax-close {
		margin-left:20px;
	}
	div.portfolio-ajax-page header a {
		color:#888;
		text-decoration:none;
	}
	div.portfolio-ajax-page header a:hover {
		color:#000;
	}
	div.portfolio-ajax-page header h2,
	div.portfolio-ajax-page header h3 {
		margin:0;
	}

	section.dark 	.portfolio-ajax-page header a:hover {
		color:#fff;
	}

	@media only screen and (max-width: 768px) {
		div.portfolio-ajax-page header {
			text-align:center;
		}
		div.portfolio-ajax-page header>ul {
			position:relative;
			margin-top:30px;
		}
		div.portfolio-ajax-page header h2,
		div.portfolio-ajax-page header h3 {
			font-size:24px;
			line-height:24px;
		}
	}




	/** Portfolio Single
	 ****************** **/
	ul.portfolio-detail-list span {
		display: inline-block;
		font-weight: bold;
		width: 150px;
	}
	ul.portfolio-detail-list span>i {
		position: relative;
		top: 1px;
		width: 14px;
		text-align: center;
		margin-right: 7px;
	}






/** Item Box
 **************************************************************** **/
.item-box {
	overflow: hidden;
	margin: 0;
	position: relative;
	box-shadow: 0px 0px 15px 0px inset #000;
	border-radius: 7px;
}
.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;
	padding-top: 45px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	min-height: 220px;
}
	.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-bottomright: 20px;
			-moz-border-radius-topleft: 20px;
			border-bottom-right-radius: 20px;
				border-top-left-radius: 20px;
}

/** Blog
 **************************************************************** **/
.blog-post-item {
	display:block;
	margin-bottom:50px;
	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-size:22px;
	margin-bottom:10px;
}
ul.blog-post-info {
	display:block;
	border-bottom:#eaeaea 1px dotted;
	padding-bottom:20px;
}
section.dark ul.blog-post-info {
	border-bottom-color:#444;
}
ul.blog-post-info li {
	margin-right:20px;
}
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;
}




	/** Blog Small Image
	 ****************** **/
	.blog-post-item .blog-item-small-image {
		width:300px;
		float:left;
	}
	.blog-post-item .blog-item-small-image + .blog-item-small-content {
		padding-left:330px;
	}
		.blog-post-item.blog-post-item-inverse .blog-item-small-image {
			width:300px;
			float:right;
		}
		.blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content {
			padding-left:0;
			padding-right:330px;
		}

	.blog-both-sidebar .blog-post-item .blog-item-small-image {
		width:200px;
	}
	.blog-both-sidebar .blog-post-item .blog-item-small-image + .blog-item-small-content {
		padding-left:230px;
	}

		.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image {
			width:200px;
			float:right;
		}
		.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content {
			padding-left:0;
			padding-right:230px;
		}

	@media only screen and (max-width: 768px) {
		.blog-post-item .blog-item-small-image,
		.blog-post-item.blog-post-item-inverse .blog-item-small-image,
		.blog-both-sidebar .blog-post-item .blog-item-small-image,
		.blog-both-sidebar .blog-post-item .blog-item-small-image + .blog-item-small-content {
			width:100%;
			display:block;
			float:none;
		}
		.blog-post-item .blog-item-small-image + .blog-item-small-content,
		.blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content,
		.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image,
		.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content {
			padding:0;
		}
	}



	/** Isotope Blog 
	 ****************** **/
	#blog.blog-isotope {
		display:block;
		margin:auto;
		width:100%;
	}
	#blog.blog-isotope-3 .blog-post-item .flexslider,
	#blog.blog-isotope-4 .blog-post-item .flexslider,
	#blog.blog-isotope-5 .blog-post-item .flexslider,
	#blog.blog-isotope-6 .blog-post-item .flexslider {
		margin-bottom:20px;
	}
	
	/* 2 columns */
	#blog.blog-isotope-2 .blog-post-item {
		margin: 0 20px 20px 0;
		float:left;
		border:0;
	}
		#blog.blog-isotope-2.blog-post-item h2 {
			font-size:17px;
			line-height:17px;
		}
	
	/* 3 columns */
	#blog.blog-isotope-3 .blog-post-item {
		margin: 0 15px 15px 0;
		border:0;
	}
		#blog.blog-isotope-3 .blog-post-item h2 {
			font-size:17px;
			line-height:17px;
		}
	
	/* 4 columns */
	#blog.blog-isotope-4 .blog-post-item {
		margin: 0;
		padding:0 15px 60px 15px;
		border:0;
	}
		#blog.blog-isotope-4 .blog-post-item h2 {
			font-size:17px;
			line-height:17px;
		}

	/* 5 columns */
	#blog.blog-isotope-5 .blog-post-item {
		margin: 0 10px 10px 0;
		border:0;
	}
		#blog.blog-isotope-5 .blog-post-item  h2 {
			font-size:16px;
			line-height:16px;
		}

	/* 6 columns */
	#blog.blog-isotope-6 .blog-post-item {
		margin: 0 6px 6px 0;
		border:0;
	}
		#blog.blog-isotope-6 .blog-post-item h2 {
			font-size:15px;
			line-height:15px;
		}
	
	
	

	/** Blog Single
	 ****************** **/
	.blog-single-small-media {
		width:350px;
		float:left;
		margin-right:30px;
		margin-bottom:20px;
	}
	.blog-single-small-media.inverse {
		float:right;
		margin-right:0;
		margin-left:30px;
	}


/** Comments
 **************************************************************** **/
.comments {
	margin-top:60px;
}
.comments .comment-item {
	margin:40px 0;
}
.comments a.comment-reply {
	float:right;
	font-size:11px;
	text-transform:uppercase;
}
.comments span.user-avatar {
	background:#eee;
	width:64px; height:64px;
	float:left;
	margin-right:10px;
}
	section.dark .comments span.user-avatar {
		background:transparent;
	}
.comments small {
	font-size:12px;
	color:#aaa;
}
.comments h4 {
	font-size:15px;
}
section.dark .comments small {
	color:#666;
}


	/* BORDERED COMMENTS */
	.comment-list p,
	.comment-list .row {
		margin-bottom: 0px;
	}
	.comment-list .panel .panel-heading {
		padding: 4px 15px;
		position: absolute;
		border:none;
		border-top-right-radius:0px;
		top: 1px;
	}
	.comment-list .panel .panel-heading.right {
		border-right-width: 0px;
		border-top-left-radius:0px;
		right: 16px;
	}
	.comment-list .panel .panel-heading .panel-body {
		padding-top: 6px;
	}
	.comment-list figcaption {
		/*For wrapping text in thumbnail*/
		word-wrap: break-word;
	}
	/* Portrait tablets and medium desktops */
	@media (min-width: 768px) {
		.comment-list .arrow:after, 
		.comment-list .arrow:before {
			content: "";
			position: absolute;
			width: 0;
			height: 0;
			border-style: solid;
			border-color: transparent;
		}
		.comment-list .panel.arrow.left:after, 
		.comment-list .panel.arrow.left:before {
			border-left: 0;
		}
		/*****Left Arrow*****/
		.comment-list .panel.arrow.left:before {
			left: 0px;
			top: 30px;
			border-right-color: inherit;
			border-width: 16px;
		}
		/*Background color effect*/
		.comment-list .panel.arrow.left:after {
			left: 1px;
			top: 31px;
			border-right-color: #FFFFFF;
			border-width: 15px;
		}
		/*****Right Arrow*****/
		.comment-list .panel.arrow.right:before {
			right: -16px;
			top: 30px;
			border-left-color: inherit;
			border-width: 16px;
		}
		/*Background color effect*/
		.comment-list .panel.arrow.right:after {
			right: -14px;
			top: 31px;
			border-left-color: #FFFFFF;
			border-width: 15px;
		}
		
		section.dark .comment-list .thumbnail {
			border-color:#666;
			background-color:#666;
		}
		section.dark .comment-list .panel.arrow.left:after {
				border-right-color: #212121;
		}
		section.dark .comment-list .panel.arrow.right:after {
				border-left-color: #212121;
		}
	}

	.comment-list .comment-post {
		margin-top: 6px;
	}



/* 
	article default comments 
	usage example: page-profile-comments.html
*/
ul.comment {
	margin-bottom:30px;
}
li.comment {
	position:relative;
	margin-bottom:25px;
	font-size:13px;
}
li.comment p {
	margin:0; padding:0;
}
li.comment img.avatar {
	position:absolute;
	left:0; top:0;
	display:inline-block;
}
li.comment.comment-reply img.avatar {
	left:6px; top:6px;
}
li.comment .comment-body {
	position:relative;
	padding-left:60px;
}
li.comment.comment-reply {
	margin-left:60px;
	background-color:rgba(0,0,0,0.04);
	padding:6px;
	margin-bottom:6px;
}
li.comment a.comment-author {
	margin-bottom:6px;
	display:block;
}
li.comment a.comment-author span {
	font-size:15px;
}







/** Timeline
 **************************************************************** **/
.timeline {
	position:relative;
	padding-left:100px;
}
.timeline.timeline-inverse {
	padding-left:0;
	padding-right:100px;
}
.timeline .timeline-item {
	position:relative;
	min-height:150px;
	display:block;
	margin-bottom:30px;
}
.timeline .timeline-item-bordered {
	border-left:#ccc 1px dashed;
	padding-left:20px;
}
	section.dark .timeline .timeline-item-bordered {
		border-left:rgba(255,255,255,0.2) 1px dashed;
	}

.timeline.timeline-inverse .timeline-item-bordered {
	border-right:#ccc 1px dashed;
	border-left:0;
	padding-right:20px;
	padding-left:0;
}

/* horizontal line [left|center|right] */
.timeline>.timeline-hline {
	position: absolute;
	top: 0;
	left: 0;
	bottom:0;
	margin-left: 30px;
	width: 1px;
	border-left:rgba(0,0,0,0.1) 1px dashed;
	height: 100%;
}
	section.dark .timeline>.timeline-hline {
		border-left-color:rgba(255,255,255,0.2);
	}

.timeline.timeline-inverse>.timeline-hline {
	left:auto;
	right:0;
	margin-left:0;
	margin-right:30px;
	border-left:0;
	border-right:rgba(0,0,0,0.1) 1px dashed;
}
	section.dark .timeline.timeline-inverse>.timeline-hline {
		border-right-color:rgba(255,255,255,0.2);
	}

/* timeline entry */
.timeline .timeline-entry {
	display: block;
	border:rgba(0,0,0,0.1) 3px solid;
	background-color:#fff;
	padding-top: 10px;
	top: 20px;
	z-index:10;

	position:absolute;
	left: -102px;
	right: auto;
	width: 64px;
	height: 64px;
	font-size: 26px;
	text-align:center;
	line-height:1;
	color:#ccc;
	font-weight:bold;
}
.timeline .timeline-entry>.timeline-vline {
	position: absolute;
	top: 50%; 
	margin-top:-1px;
	right: -40px;
	width: 40px;
	height: 0;
	border-top: 1px dashed #CCC;
}
	.timeline.timeline-inverse .timeline-entry {
		right: -102px;
		left: auto;
	}
	.timeline.timeline-inverse .timeline-entry>.timeline-vline {
		right:auto;
		left: -40px;
	}

.timeline .timeline-entry>span {
	display:block;
	font-size:13px;
	text-transform:uppercase;
	font-weight:300;
}
section.alternate .timeline .timeline-entry {
	background-color:#F9F9F9;
}
section.dark .timeline .timeline-entry {
	color:#666;
	background-color:#212121;
	border-color:rgba(255,255,255,0.2);
}

section.dark .timeline .timeline-entry>.timeline-vline {
	border-top-color:rgba(255,255,255,0.2);
}
section.dark.alternate .timeline .timeline-entry {
	background-color:#151515;
}


	/* timeline center */
	.timeline_center { 
		margin: 0; 
		position: relative;  
		background: url('../images/timeline/timeline_top.png') no-repeat top center; 
		padding-top: 9px; 
	}
	.timeline_center:after { 
		content: ""; 
		width: 0px; 
		height: 0px; 
		border-width: 3px; 
		border-style: solid; 
		position: absolute; 
		left: 50%; 
		bottom: -10px; 
		margin-left: -3px; 
		display: block; 
		z-index: 1; 
		
		-webkit-border-radius: 100%; 
				border-radius: 100%; 
	}
	.timeline_center li { 
		padding: 0 0 25px 55%; 
		position: relative; 
		background: url('../images/timeline/timeline_right.png') no-repeat top center; 
	}
	.timeline_center li:nth-child(even) { 
		padding: 0 55% 25px 0; 
		background: url('../images/timeline/timeline_left.png') no-repeat top center; 
		text-align:right;
	}

	.timeline_center li h3 { 
		font-size: 30px; 
		line-height: 35px; 
	}
	.timeline_center li h3 span { 
		position: absolute; 
		right: 55%; 
		top: 0px; 
		font-size:13px;
	}
	.timeline_center li h3:before { 
		content: ""; 
		width: 15px; 
		height: 15px; 
		border-width: 4px; 
		border-style: solid; 
		position: absolute; 
		left: 50%; 
		top: 11px; 
		margin-left: -7px; 
		display: block; 
		z-index: 1; 
		
		-webkit-border-radius: 100%; 
				border-radius: 100%; 
	}
	.timeline_center li:nth-child(even) h3 { 
		text-align: right; 
	}
	.timeline_center li:nth-child(even) h3 span { 
		left: 55%; 
		right: auto;
	}

	.timeline_center li .timeline-desc { 
		position: relative; 
		font-size: 15px; 
		line-height: 31px; 
	}
	.timeline_center li .timeline-desc:before { 
		content: ""; 
		width: 100%; 
		height: 100%; 
		position: absolute; 
		left: -122%; 
		top: 0; 
	}
	.timeline_center li .timeline-desc.timeline-desc-line {
		background: url('../images/timeline/textline.png') repeat-y; 
	}
	.timeline_center li:nth-child(even) .timeline-desc:before { 
		left: auto; 
		right: -122%; 
	}
	.timeline_center li:nth-child(even) .timeline-desc { 
		text-align: right; 
	}

	.timeline_center li h3:before, 
	.timeline_center:after {
		border-color: #333;
	}

	@media only screen and (max-width: 650px) {
		.timeline_center { background-position: 11px top; }
		.timeline_center li { padding: 0 0 25px 70px !important; background: url('../images/timeline/timeline_right.png') no-repeat !important; background-position: -30px top !important; width: auto; }
		.timeline_center li h3 span { position:relative; display:block; right:auto; left:auto; padding:5px 0 !important; margin:0; }
		.timeline_center li:nth-child(even) h3 span { position:relative; display:block; right:auto; left:auto; padding:0; margin:0; }
		.timeline_center li h3 { font-size:24px; line-height:24px; }
		.timeline_center li h3,
		.timeline_center li:nth-child(even) h3 { text-align: left; }
		.timeline_center li h3:before { left: 13px; }
		.timeline_center li .timeline-desc,
		.timeline_center li:nth-child(even) .timeline-desc { text-align: left; }
		.timeline_center li .timeline-desc:before { display: none; }
		.timeline_center:after { left: 13px; }
	}






/** 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:#fff;
	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:#212121;
}







/** Error 404
 **************************************************************** **/
.error-404 {
	content: '404';
	font-size:200px;
	line-height:200px;
	font-weight:bold;
	color:#ddd;
	text-align:center;
	left:0; right:0;
	top:0; bottom:0;
}
section.dark .error-404 { 
	color:#666;
}
.inline-search-404 {
	margin-top:60px;
}

@media only screen and (max-width: 482px) {
	.inline-search-404 {
		margin-top:20px;
	}
	footer.footer-err-404 {
		display:none;
	}
	.err-404-row>div {
		margin-bottom:15px !important;
	}
}



/** Maintenance
 **************************************************************** **/
.maintenance {
	padding: 20px;
	margin-top: 10%;
	background-color: rgba(0,0,0,0.05);
	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;
	}
}



/** Login & Register
 **************************************************************** **/
ul.login-features>li {
	content: ' ';
	clear: both;
	padding: 8px 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 30px;
}
ul.login-features>li>i {
	font-size:30px;
	float:left;
	padding-right:20px;
}
.login-forgot-password {
  display: inline-block;
  margin-top: 8px;
}
.modal-short {
	max-height: 400px;
	overflow: auto;
}
@media only screen and (max-width: 992px) {
	form div.col-xs-6>button {
		margin:0 !important;
	}
}






/** Search Page
 **************************************************************** **/
div.search-result {
	padding:20px 0;
	border-bottom:#eee 1px solid;
}
div.search-result p {
	margin:0; padding:0;
}
div.search-result img {
	float:left; 
	margin-right:10px;
	margin-top:6px;
}
.search-title-aside {
	margin-top:20px;
	font-size:17px;
	line-height: 20px;
	color:#888;
	font-weight:400;
}
ul.search-history {
	border-bottom:#eee 1px solid;
	margin-bottom:0;
	padding-bottom:6px;
}





/** Block Review
	example usage: page-forum-post.html
 **************************************************************** **/
.block-review-content div.block-review-body {
	position:relative;
	padding:20px 0 20px 150px;
}
.block-review-content div.block-review-avatar {
	width:130px;
	float:left;
	margin-left:-140px;
}
@media only screen and (max-width: 482px) {
	.block-review-content div.block-review-body {
		padding:20px 0 20px 100px;
	}
	.block-review-content div.block-review-avatar {
		width:80px;
		margin-left:-90px;
	}
	.block-review-content div.block-review-avatar img {
		width:70px;
	}
}



/** Footer
 **************************************************************** **/
.footer {
	background-color: #003da5;
    margin-top: -85px;
}

/** DEMO ONLY
	DO NOT USE THIS CSS - USED FOR DEMO ONLY!
 **************************************************************** **/
.iconsPreview a {
	text-decoration:none;
}
 .iconsPreview .fa-hover a {
	display:block;
	padding:4px;
	text-decoration:none;
}
.iconsPreview .fa-hover a:hover {
	background-color:#f3f3f3;
}
.iconsPreview .fa-hover i {
	width:20px;
	margin-right:10px;
	color:#333 !important;
}
.iconsPreview .fa-hover a span { 
	color:#666;
}
/** *** **/

.iconFlags a {
	text-decoration:none;
}
.iconFlags .flag-icon {
	padding-top:4px;
	padding-bottom:4px;
	cursor:pointer;
	display:block;
}
.iconFlags .flag-icon img {
	display:inline-block;
	margin-right:6px;
}
.iconFlags .flag-icon:hover {
	background-color:#f3f3f3;
}

.bs-glyphicons a {
	text-decoration:none;
}
.bs-glyphicons .glyphicon-class {
	display: block;
	text-align: center;
	word-wrap: break-word;
}
.bs-glyphicons .glyphicon {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 24px;
}
.bs-glyphicons li {
	float: left;
	width: 25%;
	height: 115px;
	padding: 10px;
	font-size: 10px;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #fff;
	background-color: #f9f9f9;
	cursor:pointer;
	padding-top: 20px;
}
.bs-glyphicons li:hover {
	background-color:#f3f3f3;
}
@media (min-width: 769px) {
	.bs-glyphicons li {
		width: 12.5%;
		font-size: 12px;
	}
}
.iconExamples a {
	text-decoration:none;
}
.iconExamples .example {
	text-align: center;
	cursor:pointer;
	padding:6px 3px;
}
.iconExamples .example:hover {
	background-color:#f3f3f3;
}
.iconExamples .example:before, 
.iconExamples .example:after {
	content: " ";
	display: table;
}
.iconExamples .example .icon {
	font-size: 20px;
	float: left;
	width: 35px;
}
.iconExamples .example .class {
	text-align: center;
	float: left;
	margin-top: 0;
	font-weight: 400;
	margin-left: 10px;
	color: #333;
}



/** *** **/
.row.show-grid,
.row.show-grid>div {
	padding:0;
}
.grid-block {
	background-color: #EEE;
	border: 1px solid #FFF;
	display: block;
	line-height: 40px;
	min-height: 40px;
	text-align: center;
}
.grid-color span {
	display:block;
	padding: 10px 0;
	text-align: center;
	background-color:rgba(0,0,0,0.1);
}
.grid-demo [class*="col-"] {
	background: #fafafa;
	border: 1px solid;
	border-color: #ddd;
	padding: 10px;
	text-align: center;
	margin-bottom:20px;
}
.grid-demo .row {
	margin-left:0;
	margin-right:0;
}

/** *** **/
.linecon a {
	text-decoration:none;
}
.linecon .icon {
	width: 12.5%;
	float: left;
	height: 115px;
	text-align: center;
	padding: 22px 10px;
	margin: 0 -1px -1px 0;
	border: 1px solid #fff;
	background-color: #f6f6f6;
	word-wrap: break-word;
	cursor:pointer;
}
.linecon .icon:hover {
	background-color:#f3f3f3;
}
.linecon .icon i {
	display: block;
	font-size: 30px;
	margin-bottom: 10px;
}

/** *** **/
.colors-bg-demo {
	padding:3px;
	margin-top:3px;
}


/** et line icons */


.et-line-icons li>i {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 26px;
	display:block;
	text-align:center;
	color:#000;
	margin-top:25px;
}
.et-line-icons li>span {
	font-size:13px;
}
.et-line-icons li {
	float: left;
	width: 25%;
	height: 115px;
	padding: 10px;
	font-size: 10px;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #fff;
	background-color: #f9f9f9;
	cursor:pointer;
}
.et-line-icons li:hover {
	background-color:#f3f3f3;
}

.demo-error {
	color:#FF0000;
    font-size: 0.95em;
}
.demo-input {
    width: 100%;
    border-radius: 5px;
    border: #CCC 1px solid;
    padding: 8px;
    margin-top: 5px;
}
.demo-btn {
	    padding: 12px;
    border-radius: 5px;
    background: #232323;
    border: #284828 1px solid;
    color: #FFF;
    width: 100%;
    cursor: pointer;
    margin-top: 4px;
}
.demo-table {
    border-radius: 3px;
    padding: 10px;
    border: #E0E0E0 1px solid;
}
.demo-success {
    margin-top: 5px;
    color: #478347;
    background: #e2ead1;
    padding: 10px;
    border-radius: 5px;
}
.captcha-input {
	background: #FFF url(./../../captchaImageSource.php) repeat-y left center;
    padding-left: 85px;
}

@media (min-width: 769px) {
	.et-line-icons li {
		width: 12.5%;
		font-size: 12px;
	}
}

/* Multiple Item Slider */

#exampleSlider {
	position: relative;
  }
  @media (max-width: 767px) {
	#exampleSlider {
	  border-color: transparent;
	}
  }
  #exampleSlider .MS-content {
	overflow: hidden;
	white-space: nowrap;
 }
  @media (max-width: 767px) {
	#exampleSlider .MS-content {
	  margin: 0;
	}
  }
  #exampleSlider .MS-content .item {
	display: inline-block;
	height: 100%;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	margin-left: 30px;
	border-right: none;
	width: 25.0%;
	background-color: white;
	border: 1px solid #e2e8ef;
  }
  @media (max-width: 1200px) {
	#exampleSlider .MS-content .item {
	  width: 25%;
	}
  }
  @media (max-width: 992px) {
	#exampleSlider .MS-content .item {
	  width: 33.3333%;
	}
  }
  @media (max-width: 767px) {
	#exampleSlider .MS-content .item {
	  width: 50%;
	}
  }
  #exampleSlider .MS-content .item p {
	font-size: 30px;
	text-align: center;
	line-height: 1;
	vertical-align: middle;
	margin: 0;
	padding: 10px 0;
  }
  #exampleSlider .MS-controls button {
	position: absolute;
	border: none;
	background: transparent;
	font-size: 30px;
	outline: 0;
	top: 35px;
  }
  @media (max-width: 767px) {
	#exampleSlider .MS-controls button {
	  display: none;
	}
  }
  #exampleSlider .MS-controls button:hover {
	cursor: pointer;
  }
  #exampleSlider .MS-controls .MS-left {
	left: 10px;
  }
  @media (max-width: 992px) {
	#exampleSlider .MS-controls .MS-left {
	  left: -2px;
	}
  }
  #exampleSlider .MS-controls .MS-right {
	right: 10px;
  }
  @media (max-width: 992px) {
	#exampleSlider .MS-controls .MS-right {
	  right: -2px;
	}
  }

  .heading_top_mrg{
	  margin-top: 50px;
	  font-weight: 600;
  }
.teacher_content_heading{
	font-weight: bold;
    font-size: 0.5cm;
	text-align: justify;
}
.teacher_content{
	line-height: 32px;
    margin: 30px 0 0 0;
	text-align: justify;
}
.teacher_btn_sec{
	margin-top: 20px;
}
.custom_btn_border{
	border: 1px solid #25a9e0;
    border-radius: 0px;
    color: #25a9e0;
}
.teacher_custom_btn{
	background: #25a9e0;
    border: #25a9e0;
    border-radius: 0px;
    color: white;
}
.teacher_mrg_btn{
	margin-bottom: 5%;
}
.color_green{
	color: green;
}
.student_slider_contents{
	margin:20px 0 10px 5px;
}
.progm_tab_li{
	width: 24%;
    text-align: center;
}
.course_three_column{
	background-color: #fff4e8;
	padding: 0 25px;
}
.course_heading {
    padding: 20px 0px 20px 0px;
    text-align: center;
}
.course_heading_class {
    padding: 10px 0px 10px 0px;
    background-color: rgb(241,211,70);
	text-align: center;
}

.course_heading_class_blue {
    padding: 10px 0px 10px 0px;
    background-color: #0AAEEB;
	text-align: center;
	color: white;
}
.three_column_contents{
	background-color: rgb(247 243 243);
	min-height: 125px;
	padding: 0 25px;
}

.curriculum_heading{
	padding: 20px 0px 0px 0px;
}
.column_sec_contents{
	background-color: rgb(247 243 243);
	min-height: 160px;
	border-top: 1px solid black;
	padding: 0px 25px 25px 25px;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.course_price_heading {
    font-weight: bold;
    font-size: 20px;
	text-align: center;
}
.price_para{
	color: blue;
	font-size: 10px;
	text-align: center;
}
.course_buy_now_btn{
	margin: 20px;
	text-align: center;
}
.course_buy_btn_link{
	background-color: rgb(241,211,70);
}

.course_buy_btn_link_blue{
	background-color: #0AAEEB;
	color: white;
}
.course_achievement{
	margin: 15px 0 0 0;
	font-size: 20px;
	font-weight: bold;
}
.course_icons{
	text-align: center;
    margin: 25px 0px 0 0px;
}
.course_mid_text {
   margin: 20px 20px 5px 20px;
   font-size: 11px;
}
.course_detail_view{
	font-size: 10px;
	text-align: center;
}

.featured_course_colum{
	background-color: #faf1d7;
	border: 1px solid #faca27;
	border-radius: 11px;
}
.featured_course_colum_blue{
	background-color: #d9f4ff;
	border: 1px solid #25a9e0;
	border-radius: 11px;	
}
.home_course_stars{
	border-top: 1px solid rgb(241,211,70);
	background-color: rgb(241,211,70);
	margin: 20px 0 20px 0px;
}

.home_course_stars_blue{
	border-top: 1px solid #0AAEEB;
	background-color: #0AAEEB;
	margin: 20px 0 20px 0px;
}
.blue_star {
    color: blue;
}
.testi_img_box img {
	width: 250px;
	margin: 0 auto;
	display: block;
	height: 250px;
}
.carousel .testimonial {	
	padding: 30px 0 10px;
}
.carousel .overview {	
	text-align: center;
	padding-bottom: 5px;
}
.carousel .overview b {
	color: #333;
	font-size: 15px;
	text-transform: uppercase;
	display: block;	
	padding-bottom: 5px;
}

.carousel .carousel-control {
	width: 30px;
	height: 30px;
	border-radius: 50%;
    background-color: #303131;
    text-shadow: none;
	top: 175px;
}
.carousel-control i {
	font-size: 20px;
	margin-right: 2px;
}

.carousel-control-next i {
	margin-right: -2px;
}

.our_office_address{
	border: 1px solid black;
    padding: 20px 0px 20px 15px;
    border-radius: 20px;
}
.footer_explore_menu li {
	padding: 10px 0 0 0;
}
.top_heder_bor{
	border-top: 2px solid green;
    border-bottom: 2px solid green;
}
.p-to-10{
	padding-top: 10px;
}
.p-to-5{
	padding-top: 5px;
}

/* ========= Detail Page  ======== */

.course_detail_head{
	color: white;
	margin: 10% 0 0 0;
}
.course_detail_para{
	color: white;
	margin: 7% 0 7% 0;
	font-size: 15px;
}
.bg-light{
	background-color: #f8f9fa;
}
.color_white{
	color: white;
}
.mrg_top_10{
	margin-top: 10px;
}
.mrg_top_20{
	margin-top: 20px;
}
.mrg_top_30{
	margin-top: 30px;
}
.mrg_top_40{
	margin-top: 40px;
}
.mrg_left_10{
	margin-left: 10px;
}
.mrg_left_20{
	margin-left: 20px;
}
.mrg_left_30{
	margin-left: 30px;
}
.mrg_left_40{
	margin-left: 40px;
}
.mrg_right_10{
	margin-right: 10px;
}
.mrg_right_20{
	margin-right: 20px;
}
.mrg_right_30{
	margin-right: 30px;
}
.mrg_right_40{
	margin-right: 40px;
}
.mrg_bottom_10{
	margin-bottom: 10px;
}
.mrg_bottom_20{
	margin-bottom: 20px;
}
.mrg_bottom_30{
	margin-bottom: 30px;
}
.mrg_bottom_40{
	margin-bottom: 40px;
}
.pdg_left_20{
	padding-left: 20px;
}
.upper_case{
	text-transform: uppercase;
}
.course_highlights img{
	border-radius: 50px;
}
.featured_faq_detail{
	padding: 25px 25px;
}

.training_card{
	padding: 20px 20px;
}
.what_you_child{
	font-size: 18px;
}
.bg_python_relief{
	background-color: #c1cedc;
}

.trial-btn button {
    -webkit-animation: e  53s linear infinite;
    animation: e  53s linear infinite; 
    background: linear-gradient(121.19deg,rgba(133,239,49,0) 25.73%,hsla(0,0%,100%,.3) 45.27%,rgba(133,239,49,0) 62.27%),#25a9e0;
}
 

.blink_me {
    animation: blinker 2s linear infinite;
    color: #39fb09;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9000;
    width: 100%;
	font-size: 10px;
	background-color: #2f4f58;
}

@keyframes blinker {  
	0%{		color: rgb(212 192 208);}
	30%{	color: rgb(167 171 220); }
	60%{	color: rgb(243 170 95);	}
	90%{	color: rgb(241 136 170);	}
	100%{	color: rgb(228 52 52);}
}
.nav_our_programe{
	border: 0;
    box-shadow: 0 3px 12px 6px rgb(0 0 0 / 5%);
}

.nav_our_programe_dekt {
    border: 1px solid #25a9e0;
    padding: 8px 5px 0px 3px;
    font-size: 15px;
    cursor: pointer;
    margin-left: 30px;
    margin-right: 30px;
    font-weight: 600;
    background: #25a9e0;
    color: white;
}



.nav_buy_course{
	color: white;
}
.nav_login{
	padding: 0px 5px;
	font-size: 1 rem;
	color: #25a9e0 !important;
}

.nav_cus_btn{
	/* background: #25a9e0; */
	border: #25a9e0;
    border-radius: 0px;
    color: white !important;
	animation: animateBg 3s linear infinite;
	background-image: linear-gradient(121.19deg,rgba(133,239,49,0) 25.73%,hsla(0,0%,100%,.3) 45.27%,rgba(133,239,49,0) 62.27%);
	background-size: 100% 1100%;
	width: 100%;
	background-color: #25a9e0;
}
@keyframes animateBg {
	0% { background-position: 0% 100%; }
	100% { background-position: 0% 0%; }
}

.nav_our_prog_span{
	color: rgb(90, 113, 132);
    color: black;
	cursor: pointer;
}
.nav_buy_course{
	padding: 25px 5px;
	font-size: 1 rem;
	color: black;
}
.nav_login{
	padding: 0px 5px;
	font-size: 1 rem;
	color: #25a9e0 !important;
}

.sticky_footer_btn{
	position: fixed;
	z-index: 10000;
	bottom: 0;
	margin: 0px;
	width: 100%;
}

.book_free_sticky_footer{
	background: #25a9e0;
	border: #25a9e0;
    border-radius: 0px;
    color: white !important;
	animation: animateFotBg 3s linear infinite;
	background-image
	: linear-gradient(121.19deg,rgba(133,239,49,0) 25.73%,hsla(0,0%,100%,.3) 45.27%,rgba(133,239,49,0) 62.27%);
	background-size: 100% 1100%;
	width: 100%;
	text-align: center;
	padding: 3px 0px;
}
@keyframes animateFotBg {
	0% { background-position: 0% 100%; }
	100% { background-position: 0% 0%; }
  }
.nav_custom{
	position: fixed;
	width: 100%;
}  
.nav_cust_li{
	margin-right: 5px;
}
.our_courses_nav{
	margin-left: 10px;
}
.super_start_img img{
	height: 350px;
}

.counter{
    padding: 15px 0 0;
}
.counter .counter-value{
	color: #fff;
    background: linear-gradient(to top right, #d23283, #771656);
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    line-height: 75px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 0 8px 8px rgb(0 0 0 / 30%);
    transform: translateX(-50%);
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: 1;
}
.counter .counter-content{
    color: #771656;
    background: #fff;
    text-align: center;
    width: 170px;
    height: 170px;
    padding: 100px 25px 25px;
    margin: 0 auto;
    box-shadow: 0 0 10px rgb(0 0 0 / 60%);
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
.counter .counter-content:before{
    content: "";
    background: linear-gradient(to bottom, #d23283, #771656);
    width: 100%;
    height: 90%;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    transform: translateX(-50%);
    position: absolute;
    top: -65px;
    left: 50%;
}
	.counter h3{
		font-size: 17px;
		font-weight: 500;
		text-transform: capitalize;
		line-height: 21px;
		margin: 0;
	}
	.counter.orange .counter-content{ color: #e84a16; }
	.counter.orange .counter-value {
		background: linear-gradient(to top right, #f57312, #e84a16);
	}
	.counter.orange .counter-content:before{
		background: linear-gradient(to bottom, #f57312, #e84a16);
	}
	.counter.green .counter-content{ color: #2c970d; }
	.counter.green .counter-value {
		background: linear-gradient(to top right, #80f80d, #2c970d);
	}
	.counter.green .counter-content:before {
		background: linear-gradient(to bottom, #80f80d, #2c970d);
	}
	.counter.blue .counter-content{ color: #1c7ac0; }
	.counter.blue .counter-value {
		background: linear-gradient(to top right, #2ebef3, #1c7ac0);
	}
	.counter.blue .counter-content:before{
		background: linear-gradient(to bottom, #2ebef3, #1c7ac0);
	}

	.counter.purple .counter-content{ color: #800080; }
	.counter.purple .counter-value {
		background: linear-gradient(to top right, #2ebef3, #800080);
	}
	.counter.purple .counter-content:before{
		background: linear-gradient(to bottom, #2ebef3, #800080);
	}

	.accordion .item {
		border: none;
		margin-bottom: 10px;
		background: none;
	}
  	.t-p{
		padding: 10px 20px 10px 20px;
 	}
	.accordion .item .item-header h2 button.btn.faq_cuts_yellow {
		background: #faf1d7;
		color: black;
		border-radius: 0px;
		text-decoration: none;
		height: 50px;
		padding-top: 5px;
		white-space: normal;
		font-size: 13px;
		font-weight: 600;
		border: 1px solid #faca27;
	}
	.faq_cuts_yellow_desc{
		background: #faf1d7;
		border-bottom: 1px solid #faca27;
		border-left: 1px solid #faca27;
		border-right: 1px solid #faca27;
	}
	.accordion .item .item-header h2 button.btn.faq_cuts_blue {
		background: #d9f4ff;
		color: black;
		border-radius: 0px;
		text-decoration: none;
		height: 50px;
		padding-top: 5px;
		white-space: normal;
		font-size: 13px;
		font-weight: 600;
		border: 1px solid #25a9e0;
	}
	.faq_cuts_blue_desc{
		background: #d9f4ff;
		border-bottom: 1px solid #25a9e0;
		border-left: 1px solid #25a9e0;
		border-right: 1px solid #25a9e0;
	}
	.accordion .item .item-header {
		border-bottom: none;
		background: transparent;
		padding: 0px;
	}
  
	.accordion .item .item-header h2 button {
		color: white;
		font-size: 20px;
		display: block;
		width: 100%;
		text-align: left;
	}
  
	.accordion .item .item-header h2 i {
		float: right;
		font-size: 23px;
		color: black;
	}
	
	button.btn.btn-link.collapsed i {
		transform: rotate(0deg);
	}
	
	button.btn.btn-link i {
		transform: rotate(180deg);
		transition: 0.5s;
	}
.testi_para{
	margin:15px;
	text-align: justify;
}

.curriculum {
	position: relative;
	width: 250px;
	height: 430px;
	margin: 20px auto;
	border: 1px solid rgb(207, 201, 201);
}
.curriculumHeading{
	position: relative;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #25a9e0;
	
}
.content{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	color: black;
}
.curriculum .curriculumHeading h3{
	font-size: 1em;
	color: #fff;
}
.swiper-slide{
	width: 250px;
}
.cur_slider_link,.cur_slider_dollar{
	font-size: 15px;
}
.course_tabs_nav{
	margin: 0 0 0 100px;
}
.course_tabs_item{
	width: 33.33%;
}
.course_tabs_link{
	width: 90%;
	border: 1px solid #007bff;
	text-align: center;
	border-radius: 0px !important;
}
.student_project_card{
	width: 100%;
	min-height: 290px;
	border-radius:10px;
	background-color: #d9f4ff;
	border: 1px solid #25a9e0;
}
.student_project_card img{
	height: 150px;
	width: 100%;
	border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.student_class_name{
	font-size: 12px;
	color: blue;
}
.project_student_name{
	font-size: 12px;
	line-height:0px;
	position: absolute;
	bottom: 15px;
	font-weight: 600;
}
 
  .prog-bottom-left {
	position: absolute;
	text-align: justify;
    top: 20%;
    left: 10%;
    text-align: left;
    width: 50%;
  }
  .dashboard-bottom-left{
	position: absolute;
	text-align: justify;
    top: 30%;
    left: 10%;
    text-align: left;
    width: 50%;
  }
.prog_sub_title{
	font-size: 18px;
}

.hundred_per {
    border: 2px solid green;
    border-radius: 12px;
    padding: 5px;
    color: green;
    font-weight: 600;
    text-align: center;
}

.lear_course_modules{
	min-height: 530px;
	border: 1px solid black;
}
.module_heading{
	font-size: 50px;
	margin-top: 10%;
}
.learn_course_btn{
	position:absolute;
	bottom: 0px;
	left: 10%;
	right: 10%;
}

.flip-card {
	width: 100%;
	perspective: 1000px;
  }
  
  .flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  }
  
  .flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
  }
  
  .flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
  }
  
  .flip-card-front {
	color: black;
  }
  
  .flip-card-back {
	transform: rotateY(180deg);
  }
  
  .card-body-icon {
	position: absolute;
	z-index: 0;
	top: -25px;
	right: -25px;
	font-size: 5rem;
	-webkit-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
  }
  
  a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
#sidebar {
    background: #3ab1e3;
    color: #fff;
    transition: all 0.3s;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar .sidebar-header {
    padding: 10px;
    background: #3ab1e3;
	border-bottom: 1px solid #fff;
}

#sidebar ul.components {
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}
#sidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #fff;
    background: #359eca;
}

.home_top_boxes {
	background: #3ab1e3;
    color: white;
    border: 1px solid #3ab1e3;
}
.home_among_top_boxes{
	background-color: rgba( 232,119,34 , 1);
	color: white;
    border: 1px solid #e87722;
}
.brand_bg_gradient{
 background: linear-gradient(45deg, #7096b1, transparent);
}
.color_brand{
	color: rgb(37, 169, 224);
}
.our_global_radius{
	border: 1px solid #e87722;
    border-radius: 50px;
    background-color: #e87722;
    color: white;
}
.our_global_txt{
	margin-top: 5%;
}

.zoom_in:hover {
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
  background-color: rgba( 232,119,34 , 1);
  color: white;
}

.testimonial-bg{
   background-color:#fff;
    border: 5px solid #3ab1e3;
    padding: 15px 25px 0 25px;
    text-align: center;
    position: relative;
}
.testimonial-bg:before{
    content: "\f10d";
    font-family: "fontawesome";
    width: 75px;
    height: 75px;
  	border: 5px solid #3ab1e3;
    line-height: 75px;
    background: #fff;
    text-align: center;
    font-size: 50px;
    color: rgba( 232,119,34 , 1);
    position: absolute;
    top: -40px;
    left: 2%;
}
.testimonial{
    padding: 0 15px;
}
.testimonial .description{
    padding-bottom: 25px;
    margin-bottom: 15px;
    position: relative;
	text-align: justify;
}
.testimonial .description:before{
    content: "";
    width: 75%;
    border-top: 1px solid #3ab1e3;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.testimonial .description:after{
    content: "";
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    bottom: -10px;
    left: 50%;
    border-bottom: 1px solid #3ab1e3;
    border-right: 1px solid #3ab1e3;
    transform: translateX(-50%) rotate(45deg);
}
.testimonial .pic{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin: 20px auto 5px auto;
    overflow: hidden;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .title{
  	display: inline-block;
    font-size: 24px;
    font-weight: 700;
    color: #3ab1e3;
    text-transform: capitalize;
    margin: 0;
}
.testimonial .post{
  	display: inline-block;
    font-size: 20px;
    color: #848484;
}

.btn_circle {
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
  }
  .btn_circle.btn-lg {
	width: 50px;
	height: 50px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 25px;
  }
  .btn_circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 16px 16px;
	font-size: 24px;
	line-height: 1.33;
	border-radius: 35px;
  }
  
  .top_txt_circle{
	border: 1px solid #f5f2f2;
    border-radius: 25px;
    background: #f5f5f2;
	margin-top: 15px;
  }

  .why_prog_para{
	padding: 14px 0 0 0px;
  }

  .why_prog_circle {
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 13px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 25px;
    color: white;
}
 
.community_mt_card{
	margin-bottom: 50px;
}
.community_card {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 5px;
	margin-top: 30px;
	min-height:370px;
	text-align: center;
}
.community_card_img_top {
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.community_card_body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.community_card_title {
    margin-bottom: .75rem;
	text-align: center;
}

.card_text{
	text-align: justify;
}
.community_icons{
	margin:30px 0 0 0;
}
.project_like_count{
	margin-left: 10px;
}
.search_course{
	border: 1px solid rgba(0,0,0,.125);
	padding: 10px;
}
.search_course_heading{
	margin: 10px 0 10px 0;
	text-align: center;
}
.student_project_ach{
	border: 1px solid rgba(0,0,0,.125);
	padding: 10px;
	margin-top: 20px;
	text-align: center;
}
.book_demo_border{
	border: 1px solid #dddddd;
    padding: 20px 70px 35px 70px;
}

.label_date_cls,.another_label_date_cls {
	border: 1px solid #A6A6A6;
	width: 15%;
	text-align: center;
	float: left;
	margin: 0 0 5px 5px;
	cursor: pointer;
	font-size: 16px;
}

.label_age_cls {
    border: 1px solid #A6A6A6;
    width: 32%;
    text-align: center;
    float: left;
    margin: 0 0 5px 5px;
    cursor: pointer;
    font-size: 16px;
}

.another_label_age_cls {
    border: 1px solid #A6A6A6;
    width: 32%;
    text-align: center;
    float: left;
    margin: 0 0 5px 5px;
    cursor: pointer;
    font-size: 16px;
}
  .input_date_cls,.input_time_cls,.input_age_cls, .another_input_age_cls,.another_input_date_cls,.another_input_time_cls{
	display:none;  
  }
  
  .date_checked {
	background:#009ACE;
	color:#fff;
  }
  .ml_5{
	  margin-left: 10px;
  }

.label_time_cls {
	border: 1px solid #A6A6A6;
  	width: 23%;
  	text-align: center;
	float: left;
	padding: 5px;
  	margin: 0 0 5px 5px;
  	cursor: pointer;
}

.disable_label_time_cls {
	border: 1px solid #A6A6A6;
  width: 23%;
  text-align: center;
	float: left;
	padding: 5px;
  margin: 0 0 5px 5px;
  background-color: #e0dada;
}

.label_time_cls_robotic ,.another_label_time_cls_robotic{
	border: 1px solid #A6A6A6;
  	width: 30%;
  	text-align: center;
	float: left;
	padding: 5px;
  	margin: 0 0 5px 5px;
  	cursor: pointer;
}

.sradio_btn_time {
	border: 1px solid #A6A6A6;
  width: 23%;
  text-align: center;
	float: left;
	padding: 5px;
  margin: 0 0 5px 5px;
}
.field_mandatory{
  margin-bottom: 15px;
  color: #d21b1b;
}

.mobile_banner_title {
	position: absolute;
	top: 20%;
}
.mobile_banner_txt{
	font-size: 25px;
	font-weight: 600;
	text-align: center;
}
#datepicker{
	cursor: pointer;
}

.bg-brown {
    background-color: #983664;
}

.bg-green-dard {
    background-color: #185d59;
}
.vir_cls_listing_boxes{
	border: .0625rem solid #dadce0;
	padding: 10px 10px 0px 10px;
	min-height: 300px;
	text-align: center;
	margin:10px 0 0 0;
	background-image: linear-gradient(#00a1ff, #00ffd0, #002180);
}

.main_comment{
	border: .0625rem solid #dadce0;
	border-radius:0.5rem;
	margin: 5% 0;
}
.comment_profile{
	padding: 15px 30px;
	border-bottom: .0625rem solid #dadce0;
}
.reply_section{
	padding: 0px 30px;
	border-bottom: .0625rem solid #dadce0;
}
.single_reply{
	margin-top:20px;
}
.comment_form{
	padding: 15px 30px;
}

.tooltip_icon {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
	cursor: pointer;
}

.tooltip_icon .tooltiptext {
	visibility: hidden;
	width: 75px;
	border: 1px solid black;
	color: black;
	text-align: center;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	top: -11px;
	right: 7px;
}
.tooltip_icon .tooltiptext::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent black;
}

.tooltip_icon:hover .tooltiptext {
	visibility: visible;
}
.edit_comment,.edit_reply{
	cursor: pointer;
}
.delete_comment, .delete_reply{
	cursor: pointer;
}
.class_box {
	border: 1px solid #dddddd;
	margin: 0 0 50px 15px;
	padding: 10px 20px 10px 20px;
}
.top_bar_links{
	position: absolute;
	font-size:14px;
	z-index: 1;
}
.custom_navbar_changes{
	margin-top: 10px;
}

.carousel-inner-course .carousel-item.active,
.carousel-inner-course .carousel-item-next,
.carousel-inner-course .carousel-item-prev {
  display: flex;
}

.carousel-inner-course .carousel-item-right.active,
.carousel-inner-course .carousel-item-next {
  transform: translateX(25%);
}

.carousel-inner-course .carousel-item-left.active, 
.carousel-inner-course .carousel-item-prev {
  transform: translateX(-25%);
}
  
.carousel-inner-course .carousel-item-right,
.carousel-inner-course .carousel-item-left{ 
  transform: translateX(0);
}
.text-brand{
	color: rgb(37, 169, 224);
}

.dropdown-submenu {
	position: relative;
}
  
.dropdown-submenu a::after {
	transform: rotate(-90deg);
	position: absolute;
	right: 6px;
	top: .8em;
}
  
.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: .1rem;
	margin-right: .1rem;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.our_program_sec1{
	position: relative;
	background-color: #25a9e0;
	border-radius: 12px;
}

.our_program_sec2{
	position: relative;
	background-color: #ffca27;
	border-radius: 12px;
}
.our_program_top_right{
	position: absolute;
    top: 7%;
    right: 16px;
    width: 46%;
	text-align: left;
}
.testimonial_main_div{
	background-color: #d9f4ff;
	border: 1px solid #25a9e0;
	border-radius:15px;
	margin-top: 50px;
}
.testi_after_icon{
	padding-bottom: 40px;
}
.testi_img {
    position: absolute;
    top: 18%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.testi_img img{
	border: 5px solid #003da5;
}
.testi_video_img {
    position: absolute;
    top: 9%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.testi_video_img img{
	border: 5px solid #003da5;
}

.testi_before_icon:before {
    content: "\f10d";
    font-family: "fontawesome";
    width: 50px;
    height: 50px;
    font-size: 25px;
    color: #25a9e0;
	margin-left: 20px;
}
.testi_desc{
	margin: 15px 20px;
	text-align: center;
}
.testi_after_icon:after {
    content: "\f10d";
    font-family: "fontawesome";
    width: 50px;
    height: 50px;
    font-size: 25px;
    color: #25a9e0;
	margin-left: 50px;
    position: absolute;
    right: 20px;
}
.testi_name {
	text-align: center;
    font-size: 25px;
    margin-top: 91px;
}
.global_sections{
	border-radius: 12px;
    height: 130px;
    border-bottom: 20px solid #25a9e0 !important;
}
.global_sections_2{
	border-radius: 12px;
    height: 130px;
    border-bottom: 20px solid #ffca27 !important;
}
.global_sec_title{
	position: absolute;
    top: 10%;
    margin-left: 18px;
    width: 50%;
	font-size: 13px;
	z-index: 1;
}
.global_sec_img{
	position: absolute;
    width: 152px;
    bottom: 0%;
    right: 0px;
}
.account_announce{
	background-color: #003da5;
	border-radius:13px;
}
.account_announce img{
	width: 100%;
}
.count_sections {
	width: 100%;
    position: absolute;
    top: 15%;
    left: 7%;
  }
  .count_text{
	  font-size: 30px;
  }
  .count_icon{
	  font-size: 70px;
  }
  .help_section1{
	  background-color: #25a9e0;
	  border-radius:10px;
  }

  .help_section2{
	background-color: #ffca27;
	border-radius:10px;
  }

  .help_text{
		margin: 15px 0 15px 15px;
  }

  .bg_blue{
	background-color: #25a9e0;
  }
  .bg_light_blue{
	background-color: #d9f4ff;
  }
  .border_blue{
	border: 1px solid #25a9e0;
  }
  .bg_light_yellow{
	  background-color: #faf1d7;
  }
  
  .border_yellow{
	border: 1px solid #ffca27;
  }
  .footer_subscribe{
	  border-radius: 11px;
	  position: relative;
  }
  .sub_text_form{
	position: absolute;
    top: 30%;
	width: 100%;
  }
  .footer_title{
	  margin: 90px 0 0 0;
	  text-align: center;
	  font-size: 30px;
	  color: white;
	  border-bottom: 1px solid white;
	  line-height: 70px;
  }
  .subs_form{
	background: white;
    border-radius: 3px;
    padding: 5px 0px;
	margin-top: 10px;
  }
.testi_video_name {
    position: absolute;
    top: 5%;
    left: 3%;
    font-size: 25px;
}
.project_student_img{
	position:relative;
	margin: -50px 0px 0px 160px;
}
.curr_price_banner{
	background-color: #003da5;
	border-radius: 10px;
}
.curr_banner_text{
	font-size: 30px;
	margin-top: 8%;
}
.custom_nav_zend{
	background-color: white;
	margin-top: 28px;
}
.top_header_mrg{
	margin-top: 71px;
}
.course_detail_list ul li{
	padding-top: 10px;
}

.course_stickers_blue {
    background-image: linear-gradient(101deg, rgb(171 227 255) 14%, rgb(0, 197, 191) 171%);
    border-radius: 14.5px;
    padding: 3px 14px;
    margin: 5px 40px 0px 40px;
    text-align: center;
}

.course_stickers_yellow {
	background-image: linear-gradient(101deg, rgb(251 230 131) 14%, rgb(245 204 12) 171%);
    border-radius: 14.5px;
    padding: 3px 14px;
    margin: 5px 40px 0px 40px;
    text-align: center;
}
.nav_search_input{
	width: 100%;
    padding: 7px;
    border: 1px solid #25a9e0;
    border-radius: 7px;
}
.nav_search_input:focus-visible{
	outline: none;
}
.font-w-600{
	font-weight: 600;
}
.business_award{
	text-align: right;
	margin-top: 20px;
}
.dropdown-item{
	font-size: 12px;
}
.help_pic img{
	width: 100%;
}
.footer_sub_title{
	font-size: 30px;
}
.sub_textbox{
	border: 0px;
    margin-left: 5px;
    width: 67%;
}
.all_right_reserved{
	text-align: right;
}
.our_class_types{
	font-size: 10px;
	margin-left: 20px;
	text-align: center;
}
.course_star_from{
	font-size: 10px;
	margin-left: 60px;
}
.awarded_left{
	text-align: right;
	padding-top: 20px;
}
.awarded_text{
	font-size: 25px;
	font-weight: 600;
	position: absolute;
    top: 20%;
	text-align: center;
}
.bg_green{
	background-color: #003da5;
}
.detail_banner_heading{
	margin-top: 10%;
    background: #ffc107;
    width: 100%;
	color: #003da5;
	font-weight: 600;
	font-size: 25px;
	padding: 10px 0;
	text-align:center;
}
.detail_banner_desc{
	margin-top: 5%;
	text-align: initial;
	color: white;
	text-align: justify;
}
.detail_banner_classes{
	margin-top: 8%;
	font-weight: 600;
	font-size: 25px;
	text-align: left;
	color: #71bbb4;
}
.detail_banner_img{
	margin-top: 10%;
}
.detail_why_bnb{
	text-align: center;
	font-weight: 600;
	font-size: 25px;
}
.circle_points{
	background-color: #25a9e0;
    border: 1px solid #25a9e0;
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
}
.circle_point_txt{
	margin-left: 20px;
	position: absolute;
	margin-top: -3px;
}
.circle_point_right{
	background-color: #003da5;
    border: 1px solid #003da5;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
}
.request_brochure{
	background-color: #25a9e0;
    color: white;
    font-weight: 600;
    padding: 13px 0;
    border-radius: 15px;
	margin-top: 25px;
}
.related_class_title_yellow{
	background-color: #faf1d7;
    font-size: 18px;
    font-weight: 600;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #f1d346;
} 
.related_class_title_blue{
	background-color: #d9f4ff;
    font-size: 18px;
    font-weight: 600;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #25a9e0;
}
.bar_search_form{
	width: 50%;
    margin-left: 10px;
    margin-right: 10px;
}
.related_course_arrow_yellow{
	margin: -20px 0px 0px 246px;
}
.related_course_arrow_blue{
	margin: -20px 0px 0px 246px;
}
.rel_cou_icn{
	transform: rotate(45deg);
}
.cert_student_name{
	font-size: 20px;
	font-weight: 600;
}
.cert_student_desc{
	white-space:normal;
	font-size: 14px;
	font-weight: 400;
}
.top_header_section{
	background-color: #25a9e0;
    height: 28px;
	color: white;
	z-index: 1;
	position: fixed;
}
.top_header_btn{
	border: 1px solid #fff;
    padding: 2px 3px 2px 3px;
    border-radius: 10px;
}
.top_header_links{
	margin-top: 2px;
}
.mob_ban_btn {
	position: absolute;
	top:350px;
	left: 35px;
}


.demoInputBox {
    padding: 10px;
    border: #d0d0d0 1px solid;
    border-radius: 4px;
    background-color: #FFF;
    width: 100%;
    margin-top: 5px;
    box-sizing:border-box;
}

.demoSelectBox {
    padding: 10px;
    border: #d0d0d0 1px solid;
    border-radius: 4px;
    background-color: #FFF;
    margin-top: 5px;
}

select.demoSelectBox {
    height: 40px;
    margin-right: 10px;
}

.btnAction {
    background-color: #586ada;
    padding: 10px 40px;
    color: #FFF;
    border: #5263cc 1px solid;
    border-radius: 4px;
    cursor:pointer;
}

.btnAction:focus {
    outline: none;
}

.column-right {
    margin-right: 6px;
}

.contact-row {
    display: inline-block;
}

.cvv-input {
    width: 60px;
}

#error-message {
    margin: 0px 0px 10px 0px;
    padding: 5px 25px;
    border-radius: 4px;
    line-height: 25px;
    font-size: 0.9em;
    color: #ca3e3e;
    border: #ca3e3e 1px solid;
    display: none;
}
#loader {
    display: none;
}

#loader img {
    width: 45px;
    vertical-align: middle;
}
.payment_course{
	font-weight: 300;
	margin: 10px 0 0 0px;
}
.payment_price{
	font-weight: 300;
    margin: 10px 0 0 0px;
    text-align: right;
}
.border_btm {
    border-bottom: 1px solid #e7e7e7;
    width: 96%;
    margin: 0px 0 0px 10px;
	padding: 8px 0px 8px 0px;
}
.payment_option_txt{
	text-align: center;
	margin-top: 10px;
}
.related_course_img_yellow{
	border: 1px solid #ffca27;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.related_course_img_blue{
	border: 1px solid #0aaeeb;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.ui-autocomplete{
	z-index: 10000 !important;
}
.payment_btn{
	text-align: right;
}
.our_prog_title{
	font-weight: 600;
}
.mobile_show{
	display: none;
}
.sticky_footer_btn{
	display: none;
}
.blog_imgs{
	height: 320px;
}
.alif_link{
	margin: 2px;
}
.course_title{
	font-size: 25px;
	font-weight: 600;
}
.school_partner_search_form{
	background-color: #25a9e0;
    padding: 0px 0px 10px 0px;
}
.rating{
	list-style: none;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
.rating li{
	font-size: 35px;
	color: #FFD600;
    cursor: pointer;
}

#fvpp-blackout {
	display: none;
	z-index: 499;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.5;
  }
  
  #my-welcome-message {
	display: none;
	z-index: 500;
	position: fixed;
	width: 36%;
	left: 30%;
	top: 15%;
	padding: 20px 2%;
	font-family: Calibri, Arial, sans-serif;
	background: #FFF;
  }
  
  #fvpp-close {
	position: absolute;
	top: 2px;
	right: 5px;
	cursor: pointer;
  }
  
  #fvpp-dialog h2 {
	font-size: 2em;
	margin: 0;
  }
  
  #fvpp-dialog p { margin: 0; }
  
.camps_card_custom {
    padding: 15px;
    border: none;
    border-radius: 8px;
    box-shadow: 0 5px 17px 0 rgb(0 0 0 / 17%);
}

.camp_img_zoom_effect {
    overflow: hidden;
}
.camp_img{
	position: relative;
}
.camp_img img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.camp_img_zoom_effect:hover .camp_img img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

.camp_img img{
	border-radius: 8px;
	height: 200px;
    width: 100%;
}
.camp_title{
    margin-top: 15px;
    font-size: 1.5em;
    text-align: center;
}
.camp_desc{
    font-size: 1em;
    padding: 10px 20px;
    text-align: justify;
}
.camp_bg_color{
	background-color: #f7f7f7;
}

.limited_seats{
	position: absolute;
    bottom: 3px;
    left: 3px;
    background: yellow;
    padding: 2px 8px 1px 8px;
    color: black;
    border-radius: 10px;
    font-size: 12px;
}
.home_global_cmpt:hover{
	border-radius: 8px;
	box-shadow: 0 0 10px 3px rgb(0 0 0 / 15%);
}
.comp_img{
	border-radius: 8px;
}
.comp_title{
	background: -webkit-linear-gradient(97deg,#24ca8b 4%,#1b71b5 97%);
    background: linear-gradient(97deg,#24ca8b 4%,#1b71b5 97%);
    margin-top: 15px;
    color: white;
    border-radius: 5px;
    text-align: center;
    padding: 5px 0;
}
.why_camp_txt{
	transform: rotate(334deg);
    padding-left: 14%;
    font-size: 55px;
    font-weight: 600;
    background: #f0c609;
	margin-top: 20%;
	border-radius: 30%;
	text-transform: uppercase;
}
.comp_map_mrk{
	font-size: 20px;
    color: #174eeb;
}
.comp_book{
	font-size: 15px;
    color: #24c78d;
}
.gulf_now_sect{
	margin-top: -2%;
}
.desk_sub_menu {
	padding: 0 18px;
	display: none;
	background: white;
	position: absolute;
	z-index: 1;
}
.dest_menu_list{
	list-style: none;
    padding: 0px
}
.dest_menu_list li{
	padding: 6px 0px;
}
.ask_payment{
	text-align: center;
    font-size: 12px;
    margin-top: 10px;
}
.sum_us_bg{
	background: #2c60e0;
    color: white;
}
.cont_heading {
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    color: rgb(0, 85, 152);
}

/* ========= Start Responsive   ======== */
@media only screen and (max-width:767px){
    .testimonial-bg{ padding: 50px 40px; }
    .owl-theme .owl-controls{ bottom: -22%; }
}
@media only screen and (max-width:480px){
    .testimonial-bg:before{
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 40px;
    }
    .testimonial-bg{ padding: 30px 10px; }
    .owl-theme .owl-controls{ bottom: -15%; }
}
@media only screen and (max-width:360px){
    .testimonial .title,
    .testimonial .post{
        font-size: 16px;
    }
    .owl-theme .owl-controls{ bottom: -12%; }
}

/* bootstrap mod: carousel controls */


/* medium - display 4  */
@media (min-width: 768px) {
    .caresoul_course_slider .carousel-inner .carousel-item-right.active,
    .caresoul_course_slider .carousel-inner .carousel-item-next {
      transform: translateX(33.33333%);
    }
    
    .caresoul_course_slider .carousel-inner .carousel-item-left.active, 
    .caresoul_course_slider .carousel-inner .carousel-item-prev {
      transform: translateX(-33.33333%);
    }
}

/* large - display 5 */
@media (min-width: 992px) {
    .caresoul_course_slider .carousel-inner .carousel-item-right.active,
    .caresoul_course_slider .carousel-inner .carousel-item-next {
      transform: translateX(20%);
    }
    
    .caresoul_course_slider .carousel-inner .carousel-item-left.active, 
    .caresoul_course_slider .carousel-inner .carousel-item-prev {
      transform: translateX(-20%);
    }
}

.caresoul_course_slider .carousel-inner .carousel-item-right,
.caresoul_course_slider .carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}


/*.caresoul_course_slider slider */
.caresoul_course_slider .carousel-inner .carousel-item.active,
.caresoul_course_slider .carousel-inner .carousel-item-next,
.caresoul_course_slider .carousel-inner .carousel-item-prev {
  display: flex;
}

.btn_gb_color{
	background-color: #513bd7;
}
/* Responsive Mobile */
@media (max-width: 500px) and (min-width:320px) { 
	.footer_btm_sec{
		text-align: center;
	}
	.testi_after_icon:after {
		margin-top: -20px;
	}
	.related_course_arrow_yellow {
		margin: -22px 9px 0px 291px;
	}
	.related_course_arrow_blue {
		margin: -22px 9px 0px 291px;
	}
	.bar_search_form {
		width: 100%;
		margin-top: 5px;
		margin-left: 0px;
	}
	.nav_cust_li{
		margin-right: 0px;
	}
	.nav_cus_btn{
		margin-top:5px;
		padding-left: 5px !important;
	}
	.our_courses_nav{
		margin:5px 0 0 0;
	}
	.sticky_footer_btn{
		display: block;
	}
	.mobile_hide{
		display: none;
	}
	.mobile_show{
		display: block;
	}
	
	.course_tabs_nav{
		margin: 0 0 0 0px;
	}
	.course_tabs_item{
		width: 33.33%;
	}
	.course_tabs_link{
		width: 95%;
		font-size: 10px;
	}
	.counter .counter-value{
		left: 50%;
	}
	.prog-bottom-left {
		top: 25%;
		width: 100%;
		clear: both;
		padding-right: 20px;
	}
	.prog-bottom-left h1{
		line-height: 0px;
		font-size: 20px;
	}
	.dashboard-bottom-left {
		top: 12%;
		width: 100%;
		clear: both;
		padding-right: 20px;
	}
	.dashboard-bottom-left h1{
		line-height: 0px;
		font-size: 20px;
	}
	.prog_sub_title{
		font-size: 11px;
		position: absolute;
		margin-top: 15px;
	}
	.lear_course_modules{
		min-height: 530px;
	}
	.brand_bg_gradient {
		background: linear-gradient(95deg, #7096b1, transparent);
	}
	.star_student_name{
		margin-top: 20px;
	}
	.book_demo_border{
		padding: 10px 10px 10px 10px;
	}
	.business_award{
		margin-top: 15px;
	}
	.our_prog_title{
		font-size: 15px;
	}
	.curr_banner_text{
		text-align: center;
	}
	.our_plateform_btn{
		text-align: center;
		margin-bottom: 10px;
	}
	.help_pic{
		text-align: center;
	}
	.help_text {
		margin: 20px 0px 20px 10px
	}
	.footer_subscribe img{
		height: 160px;
	}
	.sub_text_form{
		top: 5%;
	}
	.footer_sub_title{
		font-size: 20px;
	}
	.footer_title{
		font-size: 25px;
		line-height: 35px;
	}
	.all_right_reserved{
		text-align: left;
	}
	.count_sections{
		top: 5%;
	}
	.count_icon{
		font-size: 30px;
	}
	.count_text{
		font-size: 15px;
	}
	.account_announce img{
		height: 165px;
	}
	.awarded_left{
		text-align: justify;
	}
	.awarded_text{
		font-size: 10px;
	}
	.project_student_img {
		margin: -50px 0 0 210px;
	}
	.detail_banner_heading{
		width: 100%;
		margin-top: 30%;
		font-size: 17px;
	}
	.age_radio_btn{
		margin-top: 30px;
	}
	.nav_our_prog_span{
		padding-left: 10px;
	}
	.request_brochure{
		margin-top: 25px;
	}
	.top_header_links{
		text-align: right;
	}
	.course_star_from{
		margin-left: 90px;
	}
	.payment_btn{
		text-align: left;
	}
	.circle_point_txt {
		margin-left: 5px;
		font-size: 11px;
	}
	.testi_video_img{
		top: 15%;
	}
	.blog_imgs{
		height: 220px;
	}
	.why_camp_txt{
		transform: none;
		font-size: 25px;
		font-weight: 300;
		background: none;
		margin-top: 0%;
		border-radius: 0%;
		text-transform: uppercase;
	}
	.comp_detail_heading{
		font-size: 17px;
	}
	.gulf_now_btn{
		font-size: 9px;
	}
	.fo_st_reg{
		margin-top: 15%;
	}
	.us_top_mrg{
		margin-top: 91px;
	}
}/* End Responsive Mobile */


/* Responsive Tablet */
@media (max-width: 768px) and (min-width:501px) {
	.testi_after_icon:after {
		margin-top: -20px;
	}
	.related_course_arrow_yellow {
		margin: -22px 9px 0px 291px;
	}
	.related_course_arrow_blue {
		margin: -22px 9px 0px 291px;
	}
	.bar_search_form {
		width: 50%;
		margin-top: 5px;
		margin-left: 0px;
	}
	.nav_cust_li{
		margin-right: 0px;
	}
	.nav_cus_btn{
		margin-top:5px;
		padding-left: 5px !important;
	}
	.our_courses_nav{
		margin:5px 0 0 0;
	}
	.sticky_footer_btn{
		display: block;
	}
	.course_tabs_nav{
		margin: 0 0 0 0px;
	}
	.course_tabs_item{
		width: 33.33%;
	}
	.course_tabs_link{
		width: 95%;
	}
	.counter .counter-value{
		left: 50%;
	}
	.prog-bottom-left {
		top: 25%;
		width: 100%;
		clear: both;
		padding-right: 20px;
	}
	.prog-bottom-left h1{
		line-height: 0px;
		font-size: 20px;
	}
	.dashboard-bottom-left {
		top: 25%;
		width: 100%;
		clear: both;
		padding-right: 20px;
	}
	.dashboard-bottom-left h1{
		line-height: 0px;
		font-size: 20px;
	}
	
	.prog_sub_title{
		font-size: 11px;
		position: absolute;
		margin-top: 15px;
	}
	.lear_course_modules{
		min-height: 530px;
	}
	.brand_bg_gradient {
		background: linear-gradient(95deg, #7096b1, transparent);
	}
	.star_student_name{
		margin-top: 20px;
	}
	.book_demo_border{
		padding: 10px 10px 10px 10px;
	}
	.business_award{
		margin-top: 30px;
	}
	.our_prog_title{
		font-size: 14px;
	}
	.curr_banner_text{
		text-align: center;
	}
	.our_plateform_btn{
		text-align: center;
		margin-bottom: 10px;
	}
	.help_pic{
		text-align: center;
	}
	.help_text {
		margin: 20px 0px 20px 10px
	}
	.footer_subscribe img{
		height: 160px;
	}
	.sub_text_form{
		top: 5%;
	}
	.footer_sub_title{
		font-size: 20px;
	}
	.footer_title{
		font-size: 25px;
		line-height: 35px;
	}
	.all_right_reserved{
		text-align: left;
	}
	.count_sections{
		top: 5%;
	}
	.count_icon{
		font-size: 30px;
	}
	.count_text{
		font-size: 15px;
	}
	.account_announce img{
		height: 165px;
	}
	.awarded_left{
		text-align: justify;
	}
	.awarded_text{
		font-size: 13px;
		margin-top: 8px;
	}
	.project_student_img {
		margin: -50px 0px 0px 100px;
	}
	.detail_banner_heading{
		width: 100%;
	}
	.age_radio_btn{
		margin-left: 10px;
	}
	.pre_btn{
		margin: 0px 0 0 10px;
	}
	.nav_our_prog_span{
		padding-left: 10px;
	}
	.request_brochure{
		margin-top: 80px;
	}
	.top_header_links{
		text-align: right;
	}
	.course_star_from{
		margin-left: 90px;
	}
	.payment_btn{
		text-align: left;
	}
	.circle_point_txt {
		margin-left: 5px;
		font-size: 11px;
	}
	.testi_video_img{
		top: 15%;
	}
	.mt_tablet{
		margin-top: 20px;
	}
	.help_section1 {
		min-height: 199px;
	}
	.sub_textbox {
		width: 53%;
	}
	.blog_imgs{
		height: 280px;
	}
	
}/* End Responsive Tablet */

@media (max-width: 425px) and (min-width:320px) {
	.trial-btn{
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 9000;
		width: 100%;
	}
	.accordion .item .item-header h2 button.btn.btn-link {
		font-size: 12px !important;
	}

	.accordion .item .item-header h2 i {
		font-size: 20px !important;
		position: absolute;
		top: 27%;
		right: 0;
	}
	.super_start_img img{
		height: 200px;
	}
	.hundred_per{
		margin-top: 20px;
	}
	.age_group{
		margin-top: 20px !important;
	}
	.car_cus_itm{
		width: 40%;
	}
	.glb_trn_top_mrg{
		margin-top: 10px;
	}
	.glb_trn_tle_top_mrg{
		margin-top: 10px;
	}
	
}

@media (max-width: 1200px) and (min-width:426px) {
	.custom_btn_border, .teacher_custom_btn{
		font-size: 10px;
	}
	.super_start_img img{
		height: 250px;
	}
}

@media (max-width: 1199px) and (min-width:992px) {
	.bar_search_form {
		width: 42.4%;
	}
}

@media screen and (max-width:990px) {
    .counter{ margin-bottom: 40px; }
}

/*********************************************************************/
/* Bootstrap 4 Multiple Item Carousel */
/*********************************************************************/
/* medium - display 2  */

/* Learning Path Slider */
@media (max-width: 767px) {
	#studentCertSlider {
	  border-color: transparent;
	}
  }
  #studentCertSlider .MS-content {
	overflow: hidden;
	white-space: nowrap;
 }
  @media (max-width: 767px) {
	#studentCertSlider .MS-content {
	  margin: 0;
	}
  }
  #studentCertSlider .MS-content .item {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 25.0%;
	margin-left: 10px;
  }
  @media (max-width: 1200px) {
	#studentCertSlider .MS-content .item {
	  width: 25%;
	}
  }
  @media (max-width: 992px) {
	#studentCertSlider .MS-content .item {
	  width: 33.3333%;
	}
  }
  @media (max-width: 767px) {
	#studentCertSlider .MS-content .item {
	  width: 50%;
	}
  }
  #studentCertSlider .MS-content .item p {
	text-align: center;
	line-height: 1;
	vertical-align: middle;
	margin: 0;
	padding: 10px 0;
  }
  #studentCertSlider .MS-controls button {
	position: absolute;
	border: none;
	background: transparent;
	font-size: 30px;
	outline: 0;
	top: 35px;
  }
  @media (max-width: 767px) {
	#studentCertSlider .MS-controls button {
	  display: none;
	}
  }
  #studentCertSlider .MS-controls button:hover {
	cursor: pointer;
  }
  #studentCertSlider .MS-controls .MS-left {
	left: 10px;
  }
  @media (max-width: 992px) {
	#studentCertSlider .MS-controls .MS-left {
	  left: -2px;
	}
  }
  #studentCertSlider .MS-controls .MS-right {
	right: 10px;
  }
  @media (max-width: 992px) {
	#studentCertSlider .MS-controls .MS-right {
	  right: -2px;
	}
  }