/**
 * @package VinaGecko
 * @author VinaGecko http://www.vinagecko.com
 * @copyright Copyright (c) 2016 VinaGecko.com
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/


/* ************   START TABLE OF CONTENT   ************ */
/* **************************************************** */
/*
        01. Base Style
        01. Button & Input
        03. Top Bar
        04. Header
        05. Page Title
        06. body innerwrapper
        07. Page Builder Addons
        08. Module
        09. Login Form
        10. Search
        11. Blog
        12. Bottom
        13. Footer
        14. Comingsoon
        15. Error page
        16. Mixed CSS

/* ************   END:: TABLE OF CONTENT  ************* */
/* **************************************************** */


/* ************   START Start Base Style   ************* */
/* **************************************************** */
body {
	line-height: 24px;
	color: #212324;
	&:not(.home-page) {
		#sp-header {
			background: @header_color;
		}
	}
}
.body-innerwrapper {
	overflow: hidden;
}
.layout-boxed .body-innerwrapper {
	box-shadow: none;
}
ol, ul {
	list-style: none;
}
i {
	strong {
		display: none;
	}
}
.float-left {
	.float-left;
}
.float-right {
	.float-right;
}
.btn-group.open {
	.dropdown-toggle {
		box-shadow: none;
		background: transparent;
	}
}
.text70 {
	span {
		font-weight: 400;
	}
}
.button1 {
	a {
		color: #fff;
		font-size: 20px;
		font-weight: 600;
		padding: 10px 30px;
		position: relative;
		text-transform: uppercase;
		.transition(.4s);
		span {
			.margin-left(10px);
			font-size: 20px;
		}
	}
}
.btn-default.active.focus, 
.btn-default.active:focus, 
.btn-default.active:hover, 
.btn-default.focus:active, 
.btn-default:active:focus, 
.btn-default:active:hover, 
.open > .dropdown-toggle.btn-default.focus, 
.open > .dropdown-toggle.btn-default:focus, 
.open > .dropdown-toggle.btn-default:hover {
	background: transparent !important;
	border: 0;
	box-shadow: none;
}
.bootstrap-select, .bootstrap-select.open {
	.dropdown-toggle:focus {
		outline: none !important;
	}
	select.bs-select-hidden, select.selectpicker {
		display: none !important
	}
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: auto;
}
.bootstrap-select.btn-group {
	.dropdown-toggle {
		padding: 0 25px;
		&:before {
			content: '\e02a';
			font-family: 'simple-line-icons';
			font-size: 14px;
			line-height: 20px;
			position: absolute;
			.left(0);
			top: -2px;
		}
		&:after {
			content: '\f107';
			font-family: 'FontAwesome';
			position: absolute;
			.right(15px);
			top: -2px;
		}
		.filter-option {
			overflow: visible;
		}
		.caret {
			display: none;
		}
		
	}
	.dropdown-menu {
		left: auto;
		ul {
			li {
				a {
					padding: 0 10px;
				}
			}
		}
	}
}

.style-title1 {
	.sppb-addon-title, .sppb-section-title h3, .modtitle {
		display: inline-block;
		margin: 0 0 40px !important;
		font-size: 24px;
		font-weight: 700;
		.padding-left(25px);
		position: relative;
		line-height: 30px !important;
		text-transform: uppercase;
		&:before {
			border: 3px solid;
			content: "";
			height: 17px;
			margin-top: -2px;
			.left(0);
			position: absolute;
			top: 50%;
			.translate(0, -50%);
			width: 17px;
		}
	}
	.sppb-section-title {
		margin: 0 !important;
	}
}
.style-title2 {
	.sppb-section-title {
		h3 {
			letter-spacing: 8px;
			.padding-left(60px);
			position: relative;
			text-transform: uppercase;
			word-spacing: 4px;
			&:before {
				background: #4e4e4e;
				bottom: 0;
				content: '';
				height: 1px;
				.left(0);
				position: absolute;
				width: 50px;
			}
		}
	}
}
.has-border {
	border-bottom: 4px ridge #fff !important;
	display: block;
	text-transform: uppercase;
}
/* ***************   END:: Base Style  **************** */
/* **************************************************** */

/* ****************   START Button   ****************** */
/* **************************************************** */
.scrollup {
	display: block;
	.right(-40px);
	.transition(.4s);
	&:before {
		width: 38px;
	}
}
.tparrows.default {
	background: rgba(0, 0, 0, 0.12);
	border: 0;
	color: #fff;
	padding: 0;
	position: relative;
	.square(40px);
	text-align: center;
	&:before {
		font-family: 'FontAwesome';
		font-size: 26px;
		line-height: 40px;
		left: 0;
		position: absolute;
		width: 35px;
	}
	&.tp-leftarrow:before {
		content: '\f104';
	}
	&.tp-rightarrow:before {
		content: '\f105';
		left: auto;
		right: 0;
	}
}
.tp-bullets.round .bullet {
	background: transparent !important;
	display: inline-block;
	float: none !important;
	height: 30px;
	margin: 5px 0 0 !important;
	&:before {
		background-color: #fff;
		border-radius: 50%;
		content: "";
		height: 10px;
		.left(4px);
		position: absolute;
		top: 4px;
		width: 10px;
	}
	&.selected {
		border: 1px solid #fff;
		border-radius: 50%;
	}
}
/* *****************   END:: Button  ****************** */
/* **************************************************** */

/* ****************   START Common   ****************** */
/* **************************************************** */



/* *****************   END:: Common  ****************** */
/* **************************************************** */

/* ***************   START Top Bar   ****************** */
/* **************************************************** */
.logo {
	margin: 0;
	.sp-retina-logo {
		display: none;
	}
}
/* *****************   END:: Top Bar  ***************** */
/* **************************************************** */


/* ****************   START Header   ****************** */
/* **************************************************** */
#sp-header {
	box-shadow: none;
	height: auto;
	.transition(.4s);
	&.menu-fixed {
		background: @header_color !important;
		box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.12);
		margin: 0 !important;
		.logo {
			height: 60px;
		}
		.sp-megamenu-parent {	
			> li {
				> a {
					color: #fff !important;
					line-height: 57px !important;
				}
			}
		}
		.top-static {
			padding-top: 10px !important;
		}
		&.style-5 {
			.top-static {
				padding-top: 6px !important;
			}
		}
	}
	.logo {
		height: 100px;
	}
	&.style-1, &.style-4 {
		.sp-megamenu-parent {
			.text-right;
			> li {
				> a {
					color: #fff;
				}
			}
		}
		.modtitle {
			i {
				color: #fff;
			}
		}
	}
	&.style-1 {
		background: fade(@header_color, 50%)/*rgba(0, 0, 0, 0.12)*/;
		.button2 {
			display: none;
		}
	}
	&.style-3 {
		.button-group {
			position: absolute;
			.right(0);
			top: -45px;
			.button {
				border-radius: 0;
				padding: 10px 20px;
				.transition(.4s);
			}
			.button2 {
				.float-right;
			}
		}
		.top-static {
			padding-top: 40px;
			.search.mod_search {
				margin: 0;
			}
		}
	}
	&.style-4 {
		background: transparent;
		margin-top: 42px;
	}
	&.style-5 {
		.top-static {
			padding: 0;
			.search, .button2 {
				display: none;
			}
			.button {
				border-radius: 0;
				padding: 10px 20px;
				.transition(.4s);
				&:hover {
					background: #fff !important;
					a {
						color: #141516 !important;
					}
				}
			}
		}
		.sp-megamenu-parent {
			> li {
				.border-right(1px solid rgba(255, 255, 255, 0.3));
				padding: 0 10px;
				> a {
					border: 0;
					color: #fff;
					line-height: 45px;
				}
				&:hover, &.active {
					background: #fff;
					> a {
						color: #141516;
					}
				}
			}
		}
	}
}	
#offcanvas-toggler {
	color: #fff;
	.float-right;
	margin-top: 23px;
	text-align: center;
	width: 60px;
	i {
		line-height: 50px;
	}
}
.mod_search {
	button {
		background: transparent;
		border: 0;
		color: #222;
		font-size: 0;
		padding: 0;
		&:before {
			font-size: 16px;
		}
		&:hover {
			background: transparent;
		}
	}
}
.top-static {
	padding-top: 30px;
	.text-right;
	.transition(.4s);
	.search, .button-group {
		display: inline-block;
	}
	.search.mod_search {
		.margin-right(40px);
	}
	.button, .button2 {
		display: inline-block;
		border-radius: 4px;
		border: 0;
		padding: 8px 20px;
		.transition(.4s);
		a {
			color: #fff;
			font-weight: 700;
			font-size: 12px;
			text-transform: uppercase;
		}
	}
}
/* *****************   END:: Header  ****************** */
/* **************************************************** */

/* ***************   START Page Title   *************** */
/* **************************************************** */
#sp-page-title {
	text-align: center;
	.breadcrumb {
		text-transform: capitalize;
		margin: 0;
		padding: 20px 0;
		width: 100%;
		li + li:before {
			content: ">";
			color: #aaa;
			font-size: 10px;
			font-weight: 300;
		}
		li.active {
			font-weight: 700;
			text-transform: uppercase;
		}
		>span, >li, >li>a {
			color: #18191a;
			font-weight: 500;
		}
	}
	h2, h3 {
		color: #18191a;
		font-size: 30px;
		line-height: 38px;
		margin: 0;
		text-transform: uppercase;
	}
}
.sp-page-title {
	background: url(../images/bg/bg_breakcrumb.jpg);
	.breadcrumb {
		padding: 0 !important;
		margin-bottom: 10px !important;
	}
}
/* ***************   END:: Page Title  **************** */
/* **************************************************** */


/* ***********   START body innerwrapper   ************ */
/* **************************************************** */
body.home-page {
	#sp-main-body {
		padding-top: 0;
	}
}
#sp-main-body {
	padding: 50px 0;
}
body.view-category {
	#sp-main-body {
		padding-top: 50px;
	}
}
#sp-top-bar {
	padding: 0;
	.sp-contact-info {
		li {
			display: inline-block;
			.transition(.4s);
			a, i {
				color: rgba(255, 255, 255, 0.6);
			}
			&:hover a,i {
				color: #fff;
			}
		}
	}
	.sp-module {
		display: block;
		margin: 0;
	}
	ul {
		margin: 0;
		li {
			display: inline-block;
			.border-right(1px solid rgba(255, 255, 255, 0.12));
			margin: 0;
			padding: 10px;
			&:last-child {
				border: 0;
			}
		}
		&.social-icons {
			li {
				text-align: center;
				width: 40px;
				a {
					margin: 0;
					line-height: 24px;
				}
			}
		}
	}
	&.style2 {
		background: rgba(0, 0, 0, 0.12);
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 99;
		ul.social-icons {
			> li {
				a {
					color: rgba(255, 255, 255, 0.8);
				}
			}
		}
	}
	&.style3 {
		.logo {
			height: 120px;
			vertical-align: middle;
			display: table-cell;
		}
		ul.social-icons {
			border-right: 1px solid rgba(255, 255, 255, 0.3);
			border-left: 1px solid rgba(255, 255, 255, 0.3);
			display: inline-block;
			padding: 0 20px;
			.float-left;
			> li {
				border: 0;
				width: auto;
				a {
					color: #fff;
				}
			}
		}
		.top5 {
			.clearfix;
			margin-top: 35px;
		}
		.contact-top {
			color: #fff;
			font-size: 20px;
			font-weight: 500;
			.float-left;
			.margin-left(25px);
			text-align: center;
			p {
				margin: 0;
				font-size: 15px;
				font-weight: 300;
				line-height: 20px;
			}
		}
	}
}
#fancybox-title {
	margin-left: 0 !important;
	
}
#fancybox-close {
	.right(-30px);
}
#sbox-window {
	body {
		margin: 0;
		text-align: center;
		img {
			display: inline-block;
		}
	}
}
.vmCartModule {	
	.vm_cart_footer a {
		float: none !important;
		display: block;
		padding: 12px;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
	}
}
.category {
	h3 a {
		font-weight: 700;
	}
}
.vm-header-container {
	.vm-continue-shopping {
		.text-right;
		padding: 0;
		a {
			border: 1px solid transparent;
			display: inline-block;
			padding: 6px 12px;
			margin-bottom: 10px;
			background: #ebebeb;
			color: #000;
		}
	}
}
.vm-cart-header {
	.vm-header {
		font-style: italic;
		padding-top: 10px;
		text-transform: capitalize;
	}
}	
.checkoutStep {
	font-size: 26px;
	font-weight: 700;
	padding-bottom: 20px;
	text-align: center;
}
.small-icon {
	.addtocart-area {
		span.addtocart-button {
			text-align: center;
			&:after {
				content: "+";
				line-height: 25px;
				position: absolute;
				.right(0);
				text-indent: 0;
				top: 0;
			}
			.addtocart-button {
				padding: 0;
				text-indent: -9999px;
				width: 45px;
				position: relative;
			}
			i {
				.right(0);
				line-height: 40px;
				&:after {
					
				}
			}
		}
	}
}
/* ************   END:: body innerwrapper  ************ */
/* **************************************************** */


/* **********   START Page Builder Addons   *********** */
/* **************************************************** */
.slide1 {
	margin-top: -100px !important;
}
.banner-content {
	padding-bottom: 20px;
	text-align: center;
	.icon {
		padding: 20px 0;
	}
	i {
		border-radius: 100%;
		color: #fff;
		font-size: 60px;
		line-height: 160px;
		.square(160px);
		
	}
	h3 {
		font-weight: 400;
		font-size: 20px;
		text-transform: uppercase;
		margin: 20px 0;
	}
	p {
		display: inline-block;
		margin: 10px 0 0;
		padding: 0 20px;
		font-size: 15px;
	}
}
.helping {
	color: #fff;
	h3 {
		font-size: 60px;
		font-weight: 300;
		margin: 0 0 30px;
		span {
			font-weight: 500;
		}
	}
	p {
		font-size: 25px;
		line-height: 35px;
		padding-bottom: 50px;
		max-width: 550px;
	}
	.button1 {
		a {
			border-radius: 4px;
			span {
				font-size: 25px;
				line-height: inherit;
				vertical-align: middle;
			}
		}
	}
}
.testimonial {
	.sppb-item {
		&.left, &.right {
			text-align: center;
		}
	}
	.sppb-testimonial-message {
		font-size: 30px;
		font-weight: 300;
		line-height: 45px;
		margin: 0 auto;
		max-width: 900px;
		padding: 20px 0;
	}
	.sppb-testimonial-client {
		margin: 20px 0 0;
	}
	.pro-client-name {
		color: #232526;
		font-size: 20px;
		margin-bottom: 5px;
	}
	.owl-buttons {
		margin-top: 20px;
		.sppb-carousel-control {
			line-height: 32px;
		}
	}
	&.style-2 {
		color: rgba(255, 255, 255, 0.8);
		.pro-client-name {
			color: rgba(255, 255, 255, 0.8);
		}
	}
}
.number-fact {
	.wrapper {
		margin-top: -70px;
		.float-left;
		.padding-right(30px);
		text-align: center;
		width: 20%;
		&:first-child {
			i {
				color: #6fbe35;
			}
		}
		&:nth-child(2n+2) {
			i {
				color: #de685f;
			}
		}
		&:nth-child(2n+3) {
			i {
				color: #fec501;
			}
		}
		&:nth-child(2n+4) {
			i {
				color: #1998d5;
			}
		}
		&:nth-child(2n+5) {
			i {
				color: #a04295;
			}
		}
	}
	.content {
		background: #fff;
		border: 1px solid #e0e0e0;
		box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
		padding: 40px 0;
	}
	i {
		display: block;
		font-size: 60px;
	}
	strong {
		display: block;
		font-size: 30px;
		font-weight: 600;
		padding: 20px 0 10px;
	}
	p {
		margin: 0;
	}
}
.sppb-gallery {
	li {
		.border-right(1px solid #e0e0e0);
		padding: 20px 35px;
		width: 20%;
		&:last-child {
			border: 0;
		}
	}
}
.sppb-addon-flickr {
	.sppb-flickr-gallery {
		li {
			.padding(10px, 10px, 0, 0);
			a:hover {
				.scale(1) !important;
			}
			
		}
	}
}
.sppb-social-share-style-solid , 
.sppb-social-share-style-custom {
	ul {
		li {
			a {
				padding: 0 !important;
				width: 36px;
				&:hover {
					color: #fff !important;
				}
				i {
					font-size: inherit !important;
					line-height: inherit !important;
				}
			}
		}
	}
}
.slide3 {
	text-align: center;
}
.slide4 {
	margin-top: -142px !important;
}
/* **********   END:: Page Builder Addons  ************ */
/* **************************************************** */

/* ****************   START Module   ****************** */
/* **************************************************** */
.sp-module {
	margin-top: 35px;
	ul {
		> li {
			border: 0;
			a {
				padding: 0;
			}
		}
	}
	.sp-module-title {
		margin: 0;
	}
	.search2 {
		margin-top: 35px;
		input {
			background: transparent;
			border-radius: 0;
			color: #fff;
			.float-left;
			height: 45px;
			padding: 0 10px;
			width: 80%;
			&:focus {
				border-color: #fff;
			}
		}
		button {
			background: #fff;
			border-radius: 0;
			height: 45px;
			width: 20%;
		}
	}
	.search-dropdown {
		position: relative;
		.modtitle {
			cursor: pointer;
			display: inline-block;
			i {
				font-size: 22px;
				vertical-align: middle;
			}
		}
		.sp-module-content {
			display: none;
			position: absolute;
			top: 150%;
			min-width: 300px;
			border: 2px solid transparent;
			.right(0);
			background: #fff;
			.box-shadow(6px 6px 10px 0 rgba(0, 0, 0, 0.3));
			z-index: 99;
			&:before{
				content: "\f0d8";
				font-family: FontAwesome;
				font-size: 18px;
				.right(7px);
				position: absolute;
				top: -18px;			
				width: 14px;
			}
			input {
				border: 0;
				box-shadow: none;
				min-height: 50px;
				padding: 10px;
				.float-left;
				width: 80%;
			}
			button {
				background: #222;
				border-radius: 0;
				color: #fff;
				min-height: 50px;
				line-height: 50px;
				padding: 0;
				width: 20%;	
			}
		}
	}
	.tagspopular {
		ul {
			> li {
				display: inline-block;
				> a {
					background: #f3f3f3;
					border: 1px solid #f3f3f3;
					border-radius: 4px;
					line-height: 20px;
					margin-bottom: 10px;
					padding: 10px;
				}
			}
		}
	}
}
.sp-about-wrapper {
	.logo {
		display: inline-block;
		height: auto;
		margin-bottom: 20px;
	}
	.about-text {
		
	}
}
.sp-contact-info {
	float: none;
	li {
		display: block;
		font-size: inherit;
	}
}
#sp-left, #sp-right {
	.modtitle {
		color: #29292a;
		margin: 0 0 30px;
		font-size: 20px;
		text-transform: capitalize;
		position: relative;
		.padding-left(15px);
		line-height: 26px;
		&:before {
			content: '';
			position: absolute;
			height: 24px;
			.left(0);
			width: 3px;
		}
	}
	ul.categories-module {
		> li {
			> a {
				.padding-left(15px);
				position: relative;
				&:before {
					content: '\f2f6';
					font-family: "Material-Design-Iconic-Font";
					font-size: 18px;
					line-height: 35px;
					position: absolute;
					.left(0);
				}
			}
		}
	}
}
.vina-carousel-content {
	.item {
		box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
		.clearfix;
		position: relative;
	}
	.text-block {
		padding: 40px 20px;
	}
	.image-block {
		overflow: hidden;
		img {
			.transition(.4s);
			&:hover {
				.scale(1.1);
			}
		}
	}
	.title {
		color: #000;
		margin: 0 0 10px;
		font-size: 20px;
		line-height: 24px;
	}
	.introtext {
		margin-top: 15px;
	}
	.info {
		span {
			.margin-right(15px);
			font-size: 14px;
			line-height: 24px;
		}
		i {
			font-style: normal;
			line-height: 24px;
			.margin-right(5px);
			vertical-align: top;
		}
		b {
			font-size: 16px;
			font-weight: 500;
		}
	}	
	&.style-2 {
		.item {
			box-shadow: none;
			&:after {
				background: #e0e0e0;
				content: '';
				left: 50%;
				height: 1px;
				position: absolute;
				top: 0;
				.translate(-50%, 0);
				width: 25%;
			}
			&:first-child {
				padding-top: 0 !important;
				&:after {
					display: none;
				}	
			}
		}
		.text-block {
			position: relative;
			.padding(0, 0, 50px, 150px);
		}
		.timmer {
			border: 1px solid #e0e0e0;
			position: absolute;
			padding: 10px 20px;
			.left(0);
			top: 0;
			text-align: center;
			width: 100px;
			span {
				display: block;
				font-weight: 500;
				text-transform: uppercase;
			}
			.date {
				border-bottom: 1px solid #e0e0e0;
				font-size: 40px;
				font-weight: 700;
				line-height: 40px;
				padding-bottom: 5px;
				margin-bottom: 10px;
			}
		}
		.title {
			color: #212324;
			margin: 0 0 10px;
			line-height: 35px;
			font-size: 26px;
			font-weight: 500;
		}
		.readmore {
			margin: 30px 0;
			a {
				font-weight: 500;
			}
		}
	}
	&.style-3 {
		.item {
			box-shadow: none;
		}
		.text-block {
			padding: 30px 0 0;
		}
		.timmer {
			color: #777879;
			font-size: 15px;
		}
		.title {
			color: #232526;
			font-size: 30px;
			margin: 10px 0;
			line-height: 40px;
		}
	}
	.owl-dot {
		margin-top: 60px;
	}
}
.new {
	color: #fff;
	.padding(80px, 150px, 0, 0);
	.vina-carousel-content {
		.item {
			box-shadow: none;
		}
		.text-block {
			padding: 80px 0 0;
		}
		.title {
			font-size: 30px;
			line-height: 40px;
			a {
				color: #fff;
			}
		}
	}
	.readmore {
		a {
			background: #222;
			&:hover {
				background: lighten(#222, 15%);
			}
		}
	}
}
.fun-fact {
	.number-fact {
		.wrapper {
			margin: 0;
		}
	}	
}
.image-left {
	.vina-carousel-content {
		.image-block {
			.float-left;
			.margin-right(30px);
		}
		.text-block {
			padding: 0;
		}
		.title {
			font-size: 20px;
			line-height: 30px;
			margin: 0;
		}
	}
}
.readmore {
	margin-top: 15px;
	a {
		border-radius: 4px;
		color: #fff;
		display: inline-block;
		font-size: 14px;
		font-weight: 700;
		padding: 6px 25px;
		text-transform: uppercase;
		.transition(.4s);
	}
}
.button.search-pro {
	text-transform: uppercase;
}

/* *****************   END:: Module  ****************** */
/* **************************************************** */

/* **************   START Login Form   **************** */
/* **************************************************** */
.login-page {
	border: 1px solid #ebebeb;
    margin: 0 auto;
    max-width: 885px;
	position: relative;
	&:before {
		background: url(../images/bg-login.jpg) no-repeat scroll right center;
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
	}
	.row {
		position: relative;
	}
	h4 {
		margin-top: 0;
		font-size: 25px;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
	}
	.btn {
		border: 0;
		padding: 15px 0;
		border-radius: 0;
		font-weight: 700;
		text-transform: uppercase;
		width: 45%;
	}
	&.logout {
		&:before {
			background: transparent;
		}
		border: 0;
		text-align: center;
		.btn {
			padding: 15px 30px;
			width: auto;
		}
	}
}
.dl-horizontal dt {
	.text-left;
}
.login-right {
	.float-right;
}
.login-left {
	bottom: 0;
    .left(0);
    padding-top: 30px;
    position: absolute !important;
    top: 0;
	.divtable {
		display: table;
		height: 100%;
		width: 100%;
	}
	.divtablecell {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		a {
			border: 2px solid;
			background: transparent;
			padding: 15px 30px;
			width: auto;
		}
	}
}
.login-inner {
	padding: 30px;
}
.login-content {
	background: #fff;
	padding: 15px 25px;
}
.login-users {
	margin-bottom: 50px;
	form {
		margin: 0 auto;
		max-width: 600px;
		text-align: center;
		.inputbox {
			.padding-left(10px);
			line-height: 40px;
			width: 100%;
		}
	}
	.form-group {
		.text-left;
		a {
			padding: 0 5px;
			&:first-child {
				.border-right(1px solid #ebebeb);
			}
		}
	}
	#com-form-login-remember {
		.clearfix;
		input {
			border-radius: 25px;
			.float-left;
		}
		label {
			.float-right;
			margin-top: 10px;
			input {
				width: auto;
				.margin(2px, 10px, 0, 0);
			}
		}
	}
	h4 {
		margin: 0 0 30px;
		font-size: 20px;
		font-weight: 600;
		text-transform: capitalize;
	}
	.control-label {
		.padding-left(0);
		padding-top: 9px;
		.text-left;
		font-weight: 600;
	}
	.button, .default {
		padding: 10px 40px;
		font-weight: 700;
		text-transform: uppercase;
	}
}
.vm-cart-title th {
	text-align: center;
	line-height: 50px;
}
.vm-cart-image {
	
}
/* ***************   END:: Login Form  **************** */
/* **************************************************** */


/* ****************   START Search   ****************** */
/* **************************************************** */

/* *****************   END:: Search   ***************** */
/* **************************************************** */

/* ******************   START Blog   ****************** */
/* **************************************************** */
.blog {
	article.item {
		margin-bottom: 50px;
		.clearfix;
		> div {
			width: 100% !important;
		}
	}
}
.filters {
	margin-bottom: 20px;
}
article.item {
	margin: 0;
	iframe {
		width: 100% !important;
	}
	.info {
		margin: 20px 0;
	}
}
#twitter-widget-0 {
	border: 0 !important;
	max-width: 100% !important;
}
.pager {
	li {
		> a {
			border-radius: 25px;
			padding: 10px 15px;
			span {
				display: none;
			}
		}
	}
}

.entry-header {
	margin: 0;
	h2 {
		font-size: 30px;
		font-weight: 700;
		line-height: 36px;
		margin: 0 0 10px;
		text-transform: capitalize;
		a {
			color: #555;
		}
	}
	&.has-post-format {
		margin: 0;
		.info {
			.padding-left(60px);
			position: relative;
		}
		.post-format {
			.left(0);
		}
	}
}
.article-footer-wrap {
	.float-right;
	a {
		color: #fff;
	}
}
.entry-quote, .entry-link {
	&:before{
		.left(0);
		top: 50%;
		.translate(0, -50%);
	}	
}
.post_rating {
	margin: 0;
	line-height: 30px;
}
.article-info {
	margin: 0;
	> dd {
		color: #000;
		font-size: 14px;
		line-height: 26px;
		text-transform: capitalize;
		position: relative;
		.padding-right(20px);
		margin: 0;
		&:before {
			content: "-";
			.right(5px);
			position: absolute;
		}
		&:last-child {
			&:before {
				display: none;
			}
		}
		> i, span {
			display: none;
		}
		&.category {
			a {
				color: #aaa;
			}
		}
	}
}
.articleBody {
	border-top: 1px solid #e0e0e0;
    margin-top: 25px;
    padding-top: 25px;
}
.entry-footer {
	background: #f3f3f3;
	padding: 10px;
	> div {
		display: inline-block;
	}
	.tags {
		margin: 0;
		span {
			text-transform: capitalize;
			letter-spacing: 0px;
		}
		.label {
			padding: 0 5px;
			&:hover, &:focus {
				background: transparent !important;
				color: #222 !important;
			}
		}
	}
	.link-share {
		.float-right;
	}
	.label-info {
		background: transparent;
	}
}
.events, .causes {
	.items-row {
		padding: 50px 0;
		position: relative;
		&:before {
			background: #e0e0e0;
			content: "";
			height: 1px;
			left: 50%;
			position: absolute;
			top: 0;
			.translate(-50%, 0px);
			width: 25%;
		}
		&:first-child {
			padding-top: 0;
			&:before {
				display: none;
			}
		}
	}
}
.events {
	.image-blog {
		max-width: 400px;
		.float-right;
	}
	.entry-image {
		margin: 0;
	}
	.entry-header {
		h2 {
			margin: 20px 0;
			font-weight: 500;
		}
	}
	.articleBody {
		border: 0;
		margin: 0;
		padding: 0;
	}
	.info {
		margin: 20px 0 0;
	}
}
.causes {
	.image-blog, .content {
		.float-left;
	}
	.image-blog {
		width: 40%;
	}
	.content {
		.margin-left(2%);
		width: 58%;
	}
}
/* ******************   END:: Blog   ****************** */
/* **************************************************** */
.about-content {
	background-position: center -200px;
}
/* ***************   START Bottom    ****************** */
/* **************************************************** */
#sp-bottom {
	.sp-module-title {
		h3 {
			font-size: 20px;
			font-weight: 600;
			margin: 0 0 20px;
			text-transform: uppercase;
		}
	}
	.quick-link ul {
		li {
			padding: 5px 0;
			a {
				color: #aaa;
				display: inline-block;
				line-height: 24px;
				.padding-left(20px);
				position: relative;
				.transition(.4s);
				&:before {
					content: '\f2ee';
					font-family: "Material-Design-Iconic-Font";
					.left(0);
					position: absolute;
					top: 0;
				}
				&:hover {
					.padding-left(25px);
				}
			}
		}
	}
}
.contact-info {
	margin: 0 !important;
	.address {
		margin-bottom: 20px;
		p {
			margin: 0;
			max-width: 250px;
		}
		a {
			text-decoration: underline;
			&:hover {
				text-decoration: none;
			}
		}
	}
	.email {
		margin-bottom: 5px;
	}
	i {
		.margin-right(10px);
	}
}
/* ****************   END:: Bottom   ****************** */
/* **************************************************** */

/* ****************   START Footer   ****************** */
/* **************************************************** */
#sp-footer {
	padding: 20px 0;
	.text-left;
	.sp-module {
		margin: 0;
	}
	a {
		color: #a5a5a5;
	}
}
ul.social-icons {
	margin: 0;
	.float-right;
	> li {
		margin: 0;
		> a {
			.margin-left(30px);
			font-size: 16px;
		}
	}
}
/* ****************   END:: Footer   ****************** */
/* **************************************************** */


/* ***************   START Comingsoon   *************** */
/* **************************************************** */
.sp-comingsoon {
	height: 100%;
    min-height: 100%;
    width: 100%;
	body {
		color: #fff;
		height: 100%;
		min-height: 100%;
		width: 100%;
	}
	#sp-comingsoon {
		margin: 0;
		padding: 60px 0;
	}
	.sp-comingsoon-wrap {
		&.has-background {
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			display: table;
			height: 100%;
			min-height: 100%;
			width: 100%;
		}
		> div {
			display: table-cell;
			vertical-align: middle;
		}
	}
	.comingsoon-page-logo {
		text-align: center;
		img {
			display: inline-block;
		}
		.sp-retina-logo {
			display: none;
		}
	}
	.sp-comingsoon-title {
		color: #fff;
		font-size: 42px;
		font-weight: 700;
		margin-bottom: 30px;
		margin-top: 40px;
	}
	.sp-comingsoon-content {
		font-size: 28px;
		font-weight: 300;
		margin-bottom: 30px;
	}
	.days, .hours, .minutes, .seconds {
		display: inline-block;
		margin: 50px 15px;
		.number {
			border: 1px solid #fff;
			border-radius: 50%;
			display: inline-block;
			font-size: 48px;
			font-weight: bold;
			height: 120px;
			line-height: 120px;
			width: 115px;
		}
		.string {
			display: block;
			font-size: 18px;
			margin-top: 10px;
		}
	}
	ul.social-icons {
		margin: 30px -15px 0;
		float: none;
		li {
			display: inline-block;
			margin: 0 15px;
			a {
				background: transparent !important;
				border: 0;
				color: rgba(255, 255, 255, 0.7);
				height: auto;
				width: auto;
				&:hover {
					color: #fff;
				}
			}
			i {
				height: 90px;
				line-height: 90px;
				margin: 0;
				width: 90px;
				&:before {
					font-size: 48px;
					line-height: 90px;
				}
			}
		}
	}
	.form-login-wrapper {
		.form-group {
			input {
				background: transparent;
				color: #aaa;
			}
		}
		.login {
			background: transparent;
			border: 1px solid #fff;
			border-radius: 4px;
			line-height: normal;
			padding: 7px 12px;
			width: 100px;
			&:hover {
				background: #fff;
				color: #000;
			}
		}
	}
}
.offline-inner {
	img {
		display: inline-block;
	}
}
/* ***************   END:: Comingsoon  **************** */
/* **************************************************** */


/* **************   START Error Page   **************** */
/* **************************************************** */
.error-page {
	height: 100%;
    min-height: 100%;
    width: 100%;
	body {
		height: 100%;
		min-height: 100%;
		width: 100%;
	}
	.error-page-inner {
		display: table;
		height: 100%;
		min-height: 100%;
		padding: 20px 0;
		text-align: center;
		width: 100%
		&.has-background {
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
		}
		.error-logo-wrap {
			margin-bottom: 30px;
			text-align: center;
			img {
				display: inline-block;
			}
		}
		> div {
			display: table-cell;
			vertical-align: middle;
		}
	}
	.fa-exclamation-triangle {
		font-size: 64px;
		line-height: 1;
		margin-bottom: 10px;
	}
	.error-code {
		font-size: 96px;
		font-weight: bold;
		line-height: 1;
		margin: 0 0 10px;
		padding: 0;
	}
	.error-code-img {
		margin: 0 auto -100px;
	}
	.error-message {
		color: #fff;
		font-size: 24px;
		line-height: 1;
		margin-bottom: 30px;
	}
}
/* ***************   END:: Error Page   *************** */
/* **************************************************** */

//Ratina Logo
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    
}
/* ***************   START Mixed CSS   **************** */
/* **************************************************** */
#system-message-container {
	color: #fff;
    left: 50%;
    position: fixed;
    top: 50%;
    .translate(-50%, 0px);
    z-index: 1000;
}
.fav_col {
	padding: 10px;
	p {
		display: inline-block;
		a {
			display: inline-block;
		}
	}
}
.owl-theme {
	position: relative;
	padding-top: 30px;
	.owl-nav {
		position: absolute;
		z-index: 0;
		margin: 0;
		.left(0);
		top: 0;
		[class*="owl-"] {
			border-radius: 2px;
			color: #000;
			height: 30px;
			margin: 0 2px;
			padding: 0;
			position: relative;
			overflow: hidden;
			width: 30px;
			.transition(0.4s);
			i {
				line-height: 30px;
			}
		}
	}
}
.alert {
	margin: 0;
}
.registration {
	background-color: #ffffff;
    border: 1px solid #ebebeb;
	box-shadow: 0 0 5px #ebebeb;
    margin: 0 auto;
    max-width: 470px;
    padding: 40px 50px;
	.text label {
		font-size: 16px;
		font-weight: 700;
		text-transform: uppercase;
	}
	.btn {
		border: 0;
		padding: 15px 0;
		border-radius: 0;
		font-weight: 700;
		text-transform: uppercase;
		width: 45%;
	}
	
}
.group-control select, .group-control textarea, .group-control input[type="text"], .group-control input[type="password"], .group-control input[type="datetime"], .group-control input[type="datetime-local"], .group-control input[type="date"], .group-control input[type="month"], .group-control input[type="time"], .group-control input[type="week"], .group-control input[type="number"], .group-control input[type="email"], .group-control input[type="url"], .group-control input[type="search"], .group-control input[type="tel"], .group-control input[type="color"], .group-control .uneditable-input {
	border: 1px solid #ebebeb;
    border-radius: 0;
    color: #646464;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 1.846;
    padding: 8px 10px;
}

.form-horizontal {
	.controls {
		button {
			border-radius: 0;
			border-color: #ebebeb;
			font-weight: 600;
		}
	}
}
input[type="radio"],
input[type="checkbox"] {
	margin: 0 10px;
}
.control-buttons {
	padding: 10px 0;
}
.userfields_info {
	margin: 20px 0;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	.padding-left(10px);
}
.form-inline {
	.form-group {
		.margin(0, 5px, 15px, 5px);
	}
}
.tag-category {
	margin-top: 50px;
	.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
		float: none;
	}
	#filter-search {
		.padding-left(10px);
	}
	ul {
		padding: 50px;
		li {
			padding: 10px 0;
		}
		h3 {
			margin: 0;
			font-size: 20px;
		}
	}
}
#searchForm, #search-form {
	input, button {
		border-radius: 0;
		line-height: 40px;
		padding: 0 10px;
		span {
			display: none;
		}
	}
}	
.newsfeed-category {
	.category {
		border: 1px solid #ebebeb;
		border-radius: 4px;
		padding: 10px 15px;
		li {
			border-bottom: 1px solid #ebebeb;
			padding-top: 0;
			span {
				font-size: 14px;
				&:last-child {
					font-size: 12px;
				}
			}
		}
	}
}	
.row-set {
	.content {
		padding: 0;
	}
	p {
		display: block;
	}
}
/* ***************   END:: Mixed CSS   **************** */
/* **************************************************** */

/* **********   START Helix 1.4 Loader Css  *********** */
/* **************************************************** */

/* ************   START Pre-Loader CSS   ************** */
/* **************************************************** */

/* *************   END:: Pre-Loader CSS   ************* */
/* **************************************************** */

/* ************   START Loader Animation   ************ */
/* **************************************************** */

/* ***********   END:: Loader Animation   ************* */
/* **************************************************** */

/* **********   END:: Helix 1.4 Loader Css   ********** */
/* **************************************************** */

/* ************ START Animations Header *************** */
/* **************************************************** */

/* ************ END:: Animations Header *************** */
/* **************************************************** */

/* *********   START Responsive Media Query   ********* */
/* **************************************************** */

/* *********   END:: Responsive Media Query   ********* */
/* **************************************************** */