/** ********************************************** **
	@Author			Dorin Grigoras
	@Website		www.stepofweb.com
	@Last Update	8:23 AM Friday, February 07, 2014

	TABLE CONTENTS
	-------------------------------
		01. Globals
		02. Boxed Layout
		03. Top Nav
		04. Slider
		05. Content
		06. Special Pages (maintenance, coming soon, etc)
		07. Contact
		08. Item Box (team, shop, etc)
		09. Comments
		10. Footer
		11. Global Search
		12. Quick Shop Cart

*************************************************** **/


/** 01. Globals
 **************************************************************** **/
html {
	overflow-x: hidden;
	overflow-y: auto;
}

html, body {
	min-height: 100%;
}

body {
	color:#2E363F;
	background-color:#f1f2f7;
	font-family:'Open Sans', Arial, sans-serif;

	font-size:14px; line-height:23px;
	margin:0; padding:0 !important;
}

#wrapper {
	/*padding:81px 0; 	/* top nav height */
	z-index:98;			/* under top nav */
	position:relative;
	background-color:rgba(244,245,247,0.9); /* if background image used */
	overflow:hidden;
	min-height:550px;
}

	html.overflow-hidden,
	body.overflow-hidden {
		overflow:hidden !important;
	}

	section.margin-footer {
		margin-bottom:-81px; /* see wrapper padding */
	}

	span.global-overlay {
		background-color:rgba(0,0,0,0.3);
		position:fixed;
		top:0; right:0; bottom:0; left:0;
		z-index:99;

		-webkit-transition: all 0.8s;
		   -moz-transition: all 0.8s;
			 -o-transition: all 0.8s;
				transition: all 0.8s;
	}



/** 02. Boxed Layout
 **************************************************************** **/
	body.boxed {
		background-color:#D7D6D6;
	}
	body.boxed #wrapper {
		background-color:#f4f5f7;
	}

	body.boxed #wrapper,
	body.boxed header, /* IE BUG */
	body.boxed footer {
		margin:auto;
		max-width:1170px;
	}

/** 02B. General Features added by nazir
 **************************************************************** **/
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}

#allvideoListing .item-box .item-box-desc a,
#tabListing .item-box .item-box-desc a,
#tabListing-white .item-box .item-box-desc a {
	color:#000;
}

#tabListing-white .item-box figure img, 
#tabListing .item-box figure img {
	max-height: 120px;
}

#tabListing .item-box .item-box-desc {
	background-color:#F3F4F6;
}



/** 03A. Video Page Features added by nazir
 **************************************************************** **/
.nv_player { width:100%;height:100%;position:relative; }

#searchhead .input-group {
	padding-left: 20px;
	width: 300px;

}
	#searchhead .input-group .form-control {
	  
	  margin-top: 1px;	
	  height: 37px;
	  -webkit-border-radius:0px;
		 -moz-border-radius:0px;
			  border-radius:0px;
	  
	  -webkit-box-shadow:0px;
		 -moz-box-shadow:0px;
			  box-shadow:0px; 
	}
	#searchhead form button {
		
		height: 37px;
  		-webkit-border-radius:0px;
		 -moz-border-radius:0px;
			  border-radius:0px;
	  
	  -webkit-box-shadow:0px;
		 -moz-box-shadow:0px;
			  box-shadow:0px; 	
	}

#videoPage .white-row {
	margin-top: 10px;
	padding: 7px;

	-webkit-border-radius:0px;
	   -moz-border-radius:0px;
			border-radius:0px;
	
	-webkit-box-shadow:0px;
	   -moz-box-shadow:0px;
			box-shadow:0px; 
}
#videomainAd .white-row {
	padding: 3px;

	-webkit-border-radius:0px;
	   -moz-border-radius:0px;
			border-radius:0px;
	
	-webkit-box-shadow:0px;
	   -moz-box-shadow:0px;
			box-shadow:0px; 
}
#videoPage .videoScreen {
	height:450px;
	overflow:hidden;
}
#videoPage .view {
	line-height:35px; 
	font-size:20px; 
	padding: 0px;
	text-decoration:none;
	color:#41b7d8!important;
	letter-spacing: -0.5px;
	font-family: FontAwesome;
}
	#videoPage .view span {
		font-weight:600;
		font-size:35px; 

	}
#videoPage a.share {
	margin:1px 3px 0 1px;
	font-size:14px;
	padding:0;
	background:transparent;
	color:#ccc;

	width:150px; height:36px; 
	line-height:38px; 

}
  #videoPage a.share.plus {
	width:30px; 
	font-size:25px;
	font-style:normal;
  
  }
#videoPagelisting .white-row {
	margin-top: 0px;
	padding: 10px;
	
	-webkit-border-radius:0px;
	   -moz-border-radius:0px;
			border-radius:0px;
	
	-webkit-box-shadow:0px;
	   -moz-box-shadow:0px;
			box-shadow:0px;
}
#videoPagelisting .item-box {

	margin:0px 0px 10px 0px;
	max-height:100px;
	-webkit-border-radius:0px;
	   -moz-border-radius:0px;
			border-radius:0px;
}
	#videoPagelisting .item-box figure img {
		border:#eee 3px solid;
	-webkit-border-radius:0px;
	   -moz-border-radius:0px;
			border-radius:0px;	
	}
#videoPagelisting .item-box-desc {
	padding: 0 0 0 10px;
	overflow:hidden;

}
#videoPagelisting .item-box-desc p {
	margin-top:3px;
}

#videoPagelisting .col-md-4,
#videoPagelisting .col-sm-4,
#videoPagelisting .col-xs-4 {
	padding:0px 0px 10px 0px;
	margin: 0px;
}
#videoPagelisting .col-md-8,
#videoPagelisting .col-sm-8,
#videoPagelisting .col-xs-8 {
	padding:0px 0px 10px 0px;
	margin: 0px;
}


 /** 03B. Top Nav/Head
 **************************************************************** **/
#header_shadow {
	background:url('../images/header_shadow.png') no-repeat top center;
	position:fixed;
	top:81px; left:0; right:0;
	height:75px; 
	z-index:99; /* same with header#page-title .container */
}

/* Added by nazir */
	#searchMobile {
		display:none;

			}
	
#header_shadowtop {
	background:url('../images/header_shadow_slim.png') no-repeat top center;
	position:fixed;
	top:39px; left:0; right:0;
	height:35px; 
	z-index:99; /* same with header#page-title .container */

}

/* /Added by nazir */
#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
	width: 100% !important;
}

header#topHead {
	height:39px;
	line-height:39px;
	width:100%;

	position:relative;
	top: 0; left:0; right:0; /* do not remove - position:fixed added by javascript */
	background-color:#fff;
	z-index:101;
	
	border-bottom:#eee 1px solid;
}
	/* a.logo edited by nazir */
	
	header#topHead a.logo {
		display:inline-block; 
		width:115px; height:36px; 
		line-height:38px; 
		padding-left: 3px;
		font-size:20px; 
		text-align:center; 
		background:rgba(0,0,0,0.3); 
		margin:1px 1px; 
		text-decoration:none;
		background:#41b7d8!important; color:#fff!important;
		font-weight:600;
		letter-spacing: -0.5px;
	}
	header#topHead a.logo:hover {

		background:#fff!important; color:#41b7d8!important;

	}
	header#topHead a.social {
		text-align:center;
		margin:1px 0 0 1px;
		font-size:20px;
		padding:0;
		background:transparent;
		color:#ccc;
	}

	header#topHead .nav {
		margin-right:10px;
	}
	header#topHead a {
		color:#999;
		font-size:13px;
		padding-right:10px;
	}
	header#topHead .btn-group.open .dropdown-toggle {
		-webkit-box-shadow:none;
				box-shadow:none;
	}
	header#topHead  .dropdown-menu {
		background-color:#2E363F;
	}
	header#topHead  .dropdown-menu li a img,
	header#topHead  button.language img,
	header#topHead  button.language {
		font-size:13px;
		display:inline-block;
		margin-right:6px;
	}
	header#topHead  .dropdown-menu li a {
		color:#fff;
		padding:6px 10px;
		font-size:13px;
	}
	header#topHead  .dropdown-menu li:hover a {
		background-color:#1B1F23;
	}
	header#topHead  .dropdown-menu:after {
		content: " ";
		display: block;
		position: absolute;
		width: 0; height: 0;
		right:10px; top: -18px;

		border:#2E363F 10px solid;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid transparent;
	}


header#topNav.topHead {
	top:40px;
}
header#top {
	background:#fff;
	padding:10px 0;
	position:fixed;
	top: 0; left:0; right:0;
	width:100%;
	z-index:100; /* always on top */

	border-bottom:#F4F5F7 1px solid;
	box-shadow:#eee 0 0 8px;
}
	header#topNav.hasTopHead {
		top:40px !important;
	}

header#topNav .nav>li:last-child>a {
	padding-right:0;
}

header#topHead div.nav-main-collapse {
	margin-top:0px; /* it was 16px, edited by nazir */
	z-index:300;
}

header#topNav div.nav-main-collapse,
header#topNav div.nav-main-collapse.in {
	overflow-y: visible;
}

header#topNav div.nav-main-collapse.in {
	overflow-y: visible;
	float: none;
	margin: 0;
}

header#topNav nav ul.nav-main {
	margin: -7px 0 8px 0;
	z-index:300;
}

header#topNav nav ul.nav-main i.icon-caret-down {
	background: transparent;
	border-radius: 100%;
	color: #ADB0AD;
	display: inline-block;
	font-size: 12px;
	height: 14px;
	line-height: 15px;
	position: relative;
	text-align: center;
	top: -1px;
	width: 14px;
}

header#topNav nav ul.nav-main > li + li {
	margin-left: -4px;
}

header#topNav nav ul.nav-main .dropdown-submenu {
	position: relative;
}

header#topNav nav ul.nav-main .dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}

header#topNav nav ul.nav-main .dropdown-submenu:hover > .dropdown-menu {
	display: block;
}

header#topNav nav ul.nav-main .dropdown-submenu > a:after {
	content: " ";
	display: block;
	float: right;
	width: 0; height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #CCC;
	margin-top: 5px;
	margin-right: -10px;
}

header#topNav nav ul.nav-main .dropdown-submenu:hover > a:after {
	border-left-color: #ffffff;
}

header#topNav nav ul.nav-main .dropdown-submenu.pull-left {
	float: none;
}

header#topNav nav ul.nav-main .dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

header#topNav nav ul.nav-main li.dropdown.open a.dropdown-toggle {
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

header#topNav nav ul.nav-main ul.dropdown-menu,
header#topNav nav ul.nav-main li.dropdown.open a.dropdown-toggle,
header#topNav nav ul.nav-main li.active a {
	background-color: transparent;
}

header#topNav nav ul.nav-main ul.dropdown-menu {
	top: auto;
	border: 0;
	border-radius: 6px;

	margin: 0 0 0 0;
	padding: 10px 0;

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

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

header#topNav nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
	margin-left:-6px !important;
	margin-top:-10px !important;
	box-shadow: rgba(0,0,0,0.5) 0 0 6px !important;
	-moz-box-shadow: rgba(0,0,0,0.5) 0 0 6px !important;

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

}

header#topNav nav ul.nav-main ul.dropdown-menu li:hover > a {
	filter: none;
}

header#topNav nav ul.nav-main ul.dropdown-menu > li > a {
	position: relative;
	font-weight: normal;
	padding: 6px 20px 6px 12px;
}

header#topNav nav ul.nav-main ul.dropdown-menu li:last-child > a {
	border-bottom: 0;
}

header#topNav nav ul.nav-main li a {
	background: none;
	font-style: normal;
	line-height: 20px;
	color: #9C9C9C;
	font-weight: 100;
	position: relative;
	font-size: 1.1em;
}

header#topNav nav ul.nav-pills > li > a,
header#topNav nav ul.nav-pills > li > a:hover,
header#topNav nav ul.nav-pills > li > a:focus,
header#topNav nav ul.nav-pills > li.active > a,
header#topNav nav ul.nav-pills > li.active > a:hover,
header#topNav nav ul.nav-pills > li.active > a:focus {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;

	border: 0;
	background: none;
}

header#topNav nav ul.nav-main li ul a {
	text-transform: none;
	font-weight: normal;
	font-size: 0.9em;
}
/* it was topNov changed into topHead, edited by nazir */
header#topHead nav ul.nav-main li.dropdown:hover > a {
	padding-bottom: 0px; /* it was 11px, edited by nazir */
	margin-bottom: -1px;
	position: relative;
}

header#topHead nav ul.nav-main li.dropdown:hover > a:after {
	content: " ";
	display: block;
	position: absolute;
	width: 0; height: 0;
	left: 40%; bottom: -3px;

	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}


header#topNav nav ul.nav-main li.dropdown:hover > ul {
	display: block;
	z-index:300;
}
header#topNav li.divider {
	border:0;
	border-bottom:#465260 1px solid;
	border-top:#1B1F23 1px solid;
	padding:0;
}
header#topNav li a i.fa {
	padding-right:6px;
}
	header#topNav li a em {
		color:#fff;
	}
	
	header#topHead button.btn-mobile {
		color:#fff;
		display:none;
		background:#2E363F;
		padding:6px 15px 10px 15px;
		margin-top:12px;
		font-size:15px;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}	
	header#topHead button.btn-mobile i {
		padding:0; margin:0;
		font-size:18px;
	}

	
	/* force btn default styles to be available on header */
	header#topNav a.btn-warning {
		background-color:#f0ad4e !important;
	}
	header#topNav a.btn-info {
		background-color:#5bc0de !important;
	}
	header#topNav a.btn-danger {
		background-color:#d9534f !important;
	}

/*

	Top Down Full Width
	.mega-menu-fullwidth ul.dropdown-menu {
		position:fixed;
		left:0; right:0;
		margin-left:0 !important;
		margin-right:0 !important;
		border-radius:0 !important;
	}

*/


	/* 
		SIGN IN 
		Top Head Drop Down
	*/
	#topHead .signin-dd {
		position:relative;
	}
	#topHead .signin-dd .dropdown-menu {
		padding:5px 10px;
	}
	#topHead .signin-dd h2,
	#topHead .signin-dd h3,
	#topHead .signin-dd h4,
	#topHead .signin-dd h5,
	#topHead .signin-dd h6 {
		font-size:16px;
		line-height:23px;
		display:block;
		margin-bottom:6px !important;
	}
	#topHead .signin-dd h4,
	#topHead .signin-dd {
		color:#fff;
		margin:0;
	}
	#topHead .signin-dd p {	
		color:#888;
	}

	#topHead .signin-dd input[type="text"],
	#topHead .signin-dd input[type="password"],
	#topHead .signin-dd input[type="email"] {
		margin:0; border:0;
		padding:8px !important;
		height:38px;

		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;
	}
	#topHead .signin-dd .input-group input {
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;

		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}
	#topHead .signin-dd p,
	#topHead .signin-dd form,
	#topHead .signin-dd form a,
	#topHead .signin-dd form label {
		font-size:13px;
	}
	
	
	#topHead .signin-dd form {
		width:250px;
	}
	#topHead .signin-dd .form-group {
		margin-bottom:3px !important;
	}
	#topHead .signin-dd form .input-group-btn,
	#topHead .signin-dd form label {
		margin:0; padding:0;
		line-height:20px;
	}
	#topHead .signin-dd form div.checkbox {
		line-height:20px;
		margin:3px 0 0 0;
	}
	#topHead .signin-dd form div.checkbox input { /* IE FIX */
		float:left;
		display:inline-block;
		margin-top:4px;
		margin-right:6px;
	}
	#topHead .signin-dd form div.checkbox label {
		display:inline-block;
	}
	#topHead .signin-dd form .input-group-btn .btn, 
	#topHead .signin-dd form .input-group .btn,
	#topHead .signin-dd form .form-control {
		border:0;
		height:38px;
		margin-top:0;
	}
	#topHead .signin-dd form button,
	#topHead .signin-dd form button:hover {
		-webkit-transition: all 0s;
		   -moz-transition: all 0s;
			 -o-transition: all 0s;
				transition: all 0s;
	}
	#topHead .signin-dd form button:after {
		content: " ";
		display: block;
		position: absolute;
		width: 0; height: 0;
		z-index:100;
		left: -18px;
		top: 50%; margin-top:-10px;
	}
	#topHead .signin-dd form button:hover:after {
		margin-left:-1px; /* temporary fix */
	}

	#topHead .dropdown-menu hr {
		border: 0;
		padding: 0;
		margin: 10px 0;
		border-bottom: #465260 1px solid;
		border-top: #1B1F23 1px solid;
	}

	#topHead .bottom-create-account {
		text-align:center;
		margin:0 -10px -5px -10px;
	}
	#topHead .bottom-create-account a {
		background:rgba(0,0,0,0.2);
		margin-top:6px;
		padding:6px 0;
		display:block;
		text-decoration:none;

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

		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;

		-webkit-transition: all 0.2s;
		   -moz-transition: all 0.2s;
			 -o-transition: all 0.2s;
				transition: all 0.2s;
	}
	#topHead .bottom-create-account a:hover {
		background:rgba(0,0,0,0.5);
	}




/** 04. Slider
**************************************************************** **/
#slider * { color:#fff; }
#slider {
	color:#fff;
	background:#E2E6E9;
	border-bottom:#ddd 1px solid;
	box-shadow:#ddd 0 0 5px;
	position:relative;
	margin-top:-10px !important;
	margin-bottom:60px !important;
}

#slider.full-screen {
	background:#f6f6f6;
	overflow:hidden;
	width:100%;
	margin:0; padding:0;
	
	display:block;
	margin-top:-81px !important; /* see #wrapper padding */
}
	#slider.nomargin-top {
		margin-top:0 !important;
	}

#slider .fullscreen-img {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 100%; height: 100%;

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

#slider li {
	display:none;
}
.image-caption {
	text-align:center;
    position: absolute;
    left: 50%; top: 50%;
	margin-top:-30px; /* header height/2 */
    display: inline-block;
    max-width: 900px;
	z-index:2;
	color:#fff;

    -webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		 -o-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);

}

	#slider .image-caption .inner {
		display:block;
		padding:40px 0;
	}
	#slider .image-caption .inner h1,
	#slider .image-caption .inner h2,
	#slider .image-caption .inner h3 {
		color:#fff;
		font-size:33px; 
		line-height:33px;
		margin:0 0 1px 0;
		display:inline-block;
		padding:6px;
		text-transform:uppercase;
		-webkit-text-stroke: 0.2px;
	}
	#slider .image-caption .inner h1 {
		font-size:60px; 
		line-height:60px;
		font-weight:600;
		background:rgba(255,255,255,0.3);
		display:inline-block;
	}
	#slider .image-caption .inner p {
		padding:3px 10px;
		margin:0 0 1px 0;
		display:inline-block;
		background:#fff; color:#333;
		-webkit-text-stroke: 0.2px;
	}
	#slider .image-caption .inner .btn {
		margin-top:40px;
		font-size:30px;
		padding-bottom:15x;
		font-weight:200;
		-webkit-text-stroke: 0.2px;
	}

	#slider .image-caption img.img-responsive {/* if images used on the slider */
		width:100% !important;
		height:auto !important;
		position:relative !important;
		z-index:10 !important;
		left:auto !important;
		top:auto !important;
	}

	#slider .overlay {
		position:absolute;
		left:0; right:0; top:0; bottom:0;
		background:rgba(0,0,0,0.3);
		z-index:1;
	}
	#slider .overlay.invisible {
		background:rgba(0,0,0,0);
		visibility:visible;
	}


	/* controlls */
	#slider a.next,
	#slider a.prev {
		top:50%;
		color: #fff;
		font-size: 62px;
		filter: alpha(opacity=50);
		opacity:0.5;
		text-decoration:none;

		-webkit-transition: all .2s ease-in-out;
		   -moz-transition: all .2s ease-in-out;
			-ms-transition: all .2s ease-in-out;
			 -o-transition: all .2s ease-in-out;
				transition: all .2s ease-in-out;
	}
	#slider a.next:hover,
	#slider a.prev:hover {
		color: #fff;
		font-size: 70px;

		filter: alpha(opacity=100);
		opacity:1;
	}
	#slider a.prev { left: 10px }
	#slider a.prev:after {
		font-family: FontAwesome;
		content: '\f104';
	}
	#slider a.next { right: 10px }
	#slider a.next:after {
		font-family: FontAwesome;
		content: '\f105';
	}
/* half screen height */
#slider.half-screen,
#slider.half-screen li {
	height:600px !important;
	margin:0;
	padding:0;
}
	/* custom */
	#slider.full-screen,
	#slider.half-screen {
		background:#F0F0F0 url('../images/loading.gif') no-repeat center;
	}
	#slider .slides-pagination {
		bottom:60px !important;
	}

#slider.video {
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
}
#video-volume {
	bottom: 85px;
	left: 50%;
	margin: 0 0 0 -15px;
	position: absolute;
	z-index: 10;
	width: 30px;
	height: 30px;
	line-height: 26px;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #fff;
	color: #FFFFFF;
	cursor: pointer;
}


/* slider with no image background */
#slider .noimg-slider h1 {
	font-size:120px !important;
	line-height:120px !important;
	background:none !important;
	font-weight:900 !important;
	display:block !important;
	padding:0 !important; 
}
#slider .noimg-slider p {
	background:none !important;
	padding:0 !important;
	font-weight:200;
	display:block !important;
	-webkit-text-stroke: 0.2px;
}


/* bottom button */
.slider-button {
	display:block;
	text-align:center;
	margin-top:-110px;
	margin-bottom:60px;
	position:relative;
	z-index:99;
}
.bottom-button {
	border:#F4F5F7 8px solid;
	width:100px; height:100px;
	line-height:86px;
	display:inline-block;
	position:relative;
	background:#F4F5F7;
	text-align:center;
	padding:0; margin:0;
	font-size:90px;
	text-decoration:none !important;

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

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}


/* boxed slider */
body.boxed #slider li {
	position:relative;
}
body.boxed #slider .image-caption {
	left:30%;
}






/** 05. Content
 **************************************************************** **/
/* page title */
header#page-title {
	color:#fff;
	padding:20px 0;
	background:#ddd;
	position:relative;
	margin-bottom:40px;

	background-repeat: no-repeat;
	background-position: 50% 50%;

	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}
header#page-title  h1,
header#page-title  h2 {
	font-size: 2.2em;
	font-weight: 300;
	line-height: 42px;
}
header#page-title.big {
	padding:180px 0;
}
header#page-title.big h1 {
	color:#fff;
	font-size: 3em;
	line-height: 44px;
	line-height:50px;
}

header#page-title .container {
	color:#fff;
	z-index:99; /* eq #header_shadow */
	position:relative;
}
header#page-title h1 {
	margin:0; padding:0;
	color:#fff;
}

header#page-title.big .breadcrumb {
	background:rgba(255,255,255,0.8);
	padding:0 5px;
}
/* header parallax */
header#page-title.parallax {
	margin-top:-100px;
	padding-top:280px;
}
.no-page-title {
	margin-top:50px;
}

/* stick element to footer */
.stick-to-footer {
	margin-bottom:-81px; /* see #wrapper padding */
}

/* image inside article */
a.inner.pull-left,
img.inner.pull-left {
	margin-right:25px;
}
a.inner.pull-right,
img.inner.pull-right {
	margin-left:25px;
}

/* 404 */
div.e404 {
	font-size:1500%;
	line-height:200px;
	color:#ddd;
}


.top-content-search {
	margin:30px 0 60px 0;
	width:100%;
}

/* if no header used */
.top-no-header {
	position:relative;
	padding-top:30px;
}


/* demo only, optional - can be deleted on production */
.white-grid span {
	background:#fff;
	line-height: 40px;
	min-height: 40px;
	text-align: center;
	display: block;
}

.white-row {
	padding:20px; margin-bottom:20px;
	background-color:#fff;

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

/* General Page Title */
header.page-title h1,
h1.page-title {
	font-size:40px !important;
	line-height:40px !important;
	text-transform:none !important;
	font-weight:300 !important;
	margin:0;
}
h1.page-title,
header.page-title {
	margin-bottom:30px;
}

/* special row -mostly used by one page */
.special-row .divider i.fa,
.special-row {
	background-color:#e8eaee;
}
.special-row .divider.white .fa {
	background: #fff;
}



/* revolution slider */
.tp-banner-container {
	overflow:hidden;
	position:relative;
}
.fullscreen-container {
	width:100%;
	position:relative;
	padding:0;
}

.fullwidthbanner-container{
	width:100%;
	position:relative;
	padding:0;
}

.fullwidthbanner-container .fullwidthbanner{
	width:100%;
	position:relative;
}

.tp-caption.roundedimage img {
	-webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
}

.fullscreenbanner-container,
.fullwidthbanner-container {
	background:#E2E6E9;
	margin-bottom:60px !important;
}
.fullscreenbanner-container li,
.fullwidthbanner-container li {
	visibility:hidden;
}
.tp-bullets {
	bottom:10px !important;
}
.tp-caption a.btn,
.tp-caption a.btn:hover {
	color:#fff;
	text-decoration:none;
}
.tp-bannershadow {
	width:100% !important;
}
.tp-caption h1 {
	color:#fff;
	font-size:350%;
}
.tp-caption h2 {
	color:#fff;
	font-size:180%;
}

/* modal wrapper bugfix */
.modal {
	padding-top:130px;
	background:rgba(0,0,0,0.3);
}
.modal-backdrop {
		z-index: 1 !important; /* because of #wrapper */
}

/* isotope filter */
li.masonry-item,
ul.isotope {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;

	-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
		 -o-transition: all 0.5s;
			transition: all 0.5s;
}
li.masonry-item.fadeIn,
ul.isotope.fadeIn {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* loader */
span.js_loader {
	position:absolute;
	left:0; top:0; right:0; bottom:0;
	background-color:rgba(255,255,255,0.1);
	text-align:center;
	padding-top:10%;
}

	/*
		Custom Arrows
	*/
	.tp-bannertimer {
		background:#777 !important;
		background:rgba(0,0,0,0.1) !important;
		height:5px !important;
	  }


	.tparrows:before {
		font-family: 'revicons';
		color: #fff;
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		margin-right: 0;
		margin-top: 9px;
		text-align: center;
		width: 40px;
		font-size: 20px;
	}
	.tparrows {

		cursor: pointer;

		background: rgba(0, 0, 0, 0.5) !important;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		width: 40px !important;
		height: 40px !important;

	}
	.tparrows:hover {
		color: #fff;
	}
	.tp-leftarrow:before {
		content: '\e824';
	}
	.tp-rightarrow:before {
		content: '\e825';
	}
	.tparrows.tp-rightarrow:before {
		margin-left: 1px;
	}
	.tparrows:hover {
		background: rgba(0, 0, 0, 1) !important;
	}
	/* end custom arrows */


	/* box-icon line separator */
	.featured-box.left-separator {
		border-left:#e6e6e6 1px solid;

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

/* misc */
.alert-minimal {
	padding:6px 15px;
	border-radius:0;
}
.alert.alert-default {
	background-color: rgba(0,0,0,0.08);
	border-left: rgba(0,0,0,0.6) 3px solid;
}

/** 06. Special Pages - maintenance, coming soon, etc
 **************************************************************** **/
.special-page {
	position:absolute;
	z-index:1000;
	left:0; right:0; top:0;
}

.special-page .center-box {
	padding:20px; margin-top:10%;
	background-color:rgba(255,255,255,0.3);
	border:rgba(255,255,255,0.1) 10px solid;
	box-shadow:rgba(0,0,0,0.1) 0 0 20px inset;
	text-align:center;

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

.special-page .center-box h1 {
	color:#fff;
	text-transform:uppercase;
	font-weight:300;
	font-size:60px;
	line-height:60px;
	margin:0;
}
.special-page .center-box h1 .subtitle {
	color:#fff;
	font-size:15px;
	line-height:26px;
	padding-top:10px;
	text-transform:none;
	font-weight:400;
}
.special-page .center-box h2,
.special-page .center-box h3 {
	color:#fff;
	font-size:22px;
}
	.special-page .progress-label,
	.special-page .center-box p {
		color:#fff;
	}
.special-page .center-box hr {
	border:0; margin:40px 0;
	border-bottom:rgba(255,255,255,0.3) 1px solid;
}

@media only screen and (max-width: 479px) {
	.special-page .center-box h1 {
		font-size:30px;
		line-height:30px;
	}
	.special-page .center-box h1 .subtitle {
		font-weight:300;
		padding-top:20px;
	}
}





/** 07. Contact
 **************************************************************** **/
#gmap {
	width:100%;
	height:400px;
	display:block;


	-webkit-filter: grayscale(100%);
	   -moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		   filter: grayscale(100%);
		   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		   filter: gray; 

	z-index:1;
}
#gmap_default {
	width:100%;
	height:400px;
	display:block;
}

.err {
	border-color:#ff0000;
}



/** 08. Item Box (team, shop, etc)
 **************************************************************** **/


.item-box {
	background:#fff;
	overflow:hidden;
	margin:16px 0;
	width:100%;
	position:relative;

	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
			border-radius:6px;
}
	.item-box.fullwidth {
		max-width:100%;
	}

.item-box figure {
	width:100%;
	display:block;
	margin-bottom:0;
	overflow:hidden;
	position:relative;
	text-align:center;
}
	.item-box.fixed figure img,
	.item-box.fixed-box figure img {
		width:100%;
		height:auto;
	}
.item-box-desc {
	padding:0px 20px;
	overflow:hidden;
}
.item-box-desc p {
	margin-top:5px;
	margin-bottom:10px;
	display:block;
	overflow:hidden;

	/*white-space: nowrap;*/
}
	.item-box.fixed-box .item-box-desc p {
		height:98px;
	}
.item-box-desc h4 {
	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,
.item-box .item-hover .overlay {
	-webkit-border-top-right-radius: 6px;
	 -webkit-border-top-left-radius: 6px;
		 -moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
			 border-top-left-radius: 6px;
			border-top-right-radius: 6px;
}
.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.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
.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:-30px;
	z-index:100;
}
.item-box:hover .item-hover {
	opacity: 1;
	filter: alpha(opacity=100);
}





/** 09. Comments
 **************************************************************** **/
#comments .comment {
	margin:40px 0;

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}
#comments a.replyBtn {
	float:right;
	font-size:11px;
	text-transform:uppercase;
}
#comments span.user-avatar {
	background:#eee;
	width:64px; height:64px;
	float:left;
	margin-right:10px;
}
#comments form .col-md-3,
#comments form .col-md-4,
#comments form .col-md-6,
#comments form .col-md-12 {
	padding:2px;
}
#comments form label {
	padding:6px 0 0 4px;
}
#commentForm {
	padding:15px;
}





/** 10. Footer
 **************************************************************** **/
footer  {
	color:#41b7d8;
	font-size:13px;
	overflow:hidden;
}
footer a, footer a:hover {
	color:#fff;
}

footer ul,
footer ul li {
	list-style:none;
	margin:0; padding:0;
}
footer .footer-bar {
	background:#F8F8F9;
	display:block;
	text-transform:uppercase;
	position:relative;
}

footer .footer-bar .fa {
	margin-left:10px;
}
footer .footer-bar .copyright {
	display:inline-block;
	padding:20px 0;
}
footer .footer-bar .toTop {
	position:absolute;
	right:0;
	padding:20px 0;
	padding-left:70px;
	width:50%;
	display:inline-block;
	float:right;
	text-align:center;
	/* border-left:#403E44 1px dashed; */
}
footer .footer-bar a {
	color:#333;
} 

footer .footer-bar .toTop:hover {
	text-decoration:none;
} 

	/* footer columns */
	footer .footer-content {
		background:#41b7d8;
		border-top:#F8F8F9 1px dashed;
		padding:30px 0;
		display:block;
	}
		footer .footer-content h3 {
			color:#fff !important;
			font-weight:200;
			font-size:16px;
		}

		footer .column {
			display:block;
			height:100%;
		}

		/* footer logo */
		footer .column.logo {
			position:rtelative;
			background:#292f38;
			display:block;
			margin-top:-30px;
			margin-bottom:-30px;
			padding-top:50px;
			padding-bottom:50px;

			-webkit-border-bottom-right-radius: 15px;
			 -webkit-border-bottom-left-radius: 15px;
				-moz-border-radius-bottomright: 15px;
				 -moz-border-radius-bottomleft: 15px;
					border-bottom-right-radius: 15px;
					 border-bottom-left-radius: 15px;
		}
		footer .column.logo h4 {
			color:#fff;
			font-size:20px;
			padding:0; margin:0;
		}


	/* footer latest posts */
	footer .post-item,
	footer .post-item p,
	footer .post-item small {
		padding:0; margin:0;
		display:block;
	}
	footer .post-item {
		border-top:#403E44 1px dashed;
		padding-top:10px;
		margin-top:10px;
	}
	footer .post-item:first-child {
		border-top:0;
	}
		footer .post-item small {
			font-size:11px;
		}
		footer .post-item h3 {
			font-size:13px;
			line-height:20px;
			font-weight:normal;
			padding:0; margin:0;
			overflow:hidden;
			text-overflow:ellipsis; 
			white-space: nowrap;
			text-transform:none;
		}
		footer .view-more {
			display:block;
			margin-top:20px;
			font-size:13px;
		}

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




/** 11. Global Search - PS: topNav is changed into topHead; and search is changed into msearch for mobile use, by nazir
 **************************************************************** **/
	header#topHead li.search {
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;

		cursor:pointer;
		background:rgba(0,0,0,0.03);
		line-height:40px;
		width:40px; height:40px;
		text-align:center;
		font-size:17px;

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

	header#topHead li.search:before {
		content: "\f002";
	}

	header#topHead li.search form {
		width:300px;
		padding:10px;
		height:40px;
		background-color:#F8F8F8;
		position:fixed;
		left:-999px;
	}
	header#topHead li.search form button:hover
	header#topHead li.search form button {
		width:49px !important;;

		-webkit-transition: all 0s;
		   -moz-transition: all 0s;
			 -o-transition: all 0s;
				transition: all 0s;
	}
	header#topHead li.search form button:after {
		content: " ";
		display: block;
		position: absolute;
		width: 0; height: 0;
		z-index:100;
		left: -18px;
		top: 50%; margin-top:-10px;
	}
	header#topHead li.search form button:hover:after {
		margin-left:-1px; /* temporary fix */
	}

	header#topHead li.search form button,
	header#topHead li.search form input {
		height:40px;
		border:#F8F8F8 !important;
		margin-top:0 !important;
		margin-bottom:0 !important;
		font-family:'Open Sans', Arial, sans-serif;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	header#topHead li.search.open {
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;

		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
	header#topHead li.search.open form {
		position:relative;
		left:0;
	}
	header#topHead li.search.open:before {
		content: "\f00d";
	}



/** 12. Quick Shop Cart
 **************************************************************** **/
	header#topNav li.quick-cart {
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		position:relative;

		cursor:pointer;
		background:rgba(0,0,0,0.03);
		line-height:40px;
		width:40px; height:40px;
		text-align:center;
		font-size:17px;
		margin-left:10px !important;

		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
				border-radius: 4px;
	}
	header#topNav li.quick-cart:before {
		content: "\f07a";
	}
	header#topNav li.quick-cart .badge {
		font-family:'Open Sans';
		position:absolute;
		top:-4px; right:-4px;
		color:#999; font-size:12px;
		background-color:#F8F8F8;

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

	header#topNav li.quick-cart .quick-cart-content {
		font-family:'Open Sans';
		width:250px;
		position:absolute;
		top:40px; right:0;
		background-color:#F8F8F8;
		text-align:left;
		padding:10px;
	}
	header#topNav li.quick-cart .quick-cart-content p {
		padding:0 0 6px 0; margin:0;
		font-size:13px;
	}
	header#topNav li.quick-cart .quick-cart-content a.item {
		clear:both;
		display:block;
		color:#999;
		padding:10px 0;
		font-size:13px;
		line-height:16px;
		min-height:60px;
		text-decoration:none;
		border-bottom:rgba(0,0,0,0.1) 1px solid;
		background:rgba(0,0,0,0.03);
	}
	header#topNav li.quick-cart .quick-cart-content a.item:hover {
		background:rgba(0,0,0,0.06);
	}
	header#topNav li.quick-cart .quick-cart-content a.item img {
		margin-right:10px;
		margin-left:8px;
	}
	header#topNav li.quick-cart .quick-cart-content a.item span.title,
	header#topNav li.quick-cart .quick-cart-content a.item span.price {
		display:block;
		font-size:14px;
		max-height:39px;
		overflow:hidden;
	}
	header#topNav li.quick-cart .cart-footer div.nopadding-right {
		margin-top:6px;
		padding-right:6px !important;
	}
	header#topNav li.quick-cart .cart-footer div.nopadding-left {
		margin-top:6px;
		padding-left:6px !important;
	}
	header#topNav li.quick-cart .cart-footer a.btn {
		color:#fff !important;
		font-size:13px !important;
	}

	header#topNav li.quick-cart.open {
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;

		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
	header#topNav li.quick-cart .quick-cart-content {
		position:fixed;
		left:-999px;
	}
	header#topNav li.quick-cart.open .quick-cart-content {
		cursor:default;
		position:absolute;
		left:auto; right:0;
	}
	header#topNav li.quick-cart.open:before {
		content: "\f00d";
	}

	/* mobile button */
	#btn-mobile-quick-cart {
		font-size:16px;
		display:none;
		border-left: rgba(0,0,0,0.1) 1px solid;
		padding:0 15px !important;
	}




/** DEMO ONLY
 **************************************************************** **/
/** feature-icons.html - icon text color - can be removed on production **/
.fa-hover a {
	text-decoration:none;
}
.fa-hover i {
	width:20px;
	margin-right:10px;
}
.fa-hover a span { 
	color:#666;
}
/** *** **/