X-Git-Url: http://git.roojs.org/?p=bootswatch;a=blobdiff_plain;f=mPurpose%2Fless%2Fcomponents.less;fp=mPurpose%2Fless%2Fcomponents.less;h=9aa8612019b8d3dbfdc98f4e8893b14f165411fe;hp=465213c9db4ab06aee79e510e895dc39568c94ab;hb=da9e508d244df3faae601e727564d138f54f1053;hpb=c87ea8b27229e395d7c2eb5fd08ccdf1c23934db

diff --git a/mPurpose/less/components.less b/mPurpose/less/components.less
index 465213c..9aa8612 100755
--- a/mPurpose/less/components.less
+++ b/mPurpose/less/components.less
@@ -1,2457 +1,2457 @@
-/*--------------------------------------------------------------------------
-+	Services Style
---------------------------------------------------------------------------*/
-
-/* Multicolumn */
-
-.service-wrapper{
-	background: #FFF;
-	margin: 20px 10px;
-	text-align: center;
-	padding: 30px 20px;
-	.border-radius(5px);
-	.box-shadow(~"0 0 3px #999");
-	h3{
-		font-size: 1.2em;
-		margin: 10px 0 !important;
-	}
-	p{
-		margin-top: 0;
-	}
-}
-
-/* Row */
-
-.service-wrapper-row{
-	padding: 10px 0;
-	h3{
-		padding-top: 15px;
-	}
-	.service-image{
-		padding-top: 15px;
-		text-align: center;
-		img{
-			max-width: 80%;
-			vertical-align: bottom;
-			bottom: 0;
-			border: 7px solid #FFF;
-			.border-radius(5px);
-			.box-shadow(~"0 0 8px #999");
-		}
-	}
-}
-
-/*--------------------------------------------------------------------------
-+	Pricing Table Style
---------------------------------------------------------------------------*/
-
-.pricing-plan {
-	float: left;
-	text-align: center;
-	background: #fafafa;
-	background-clip: padding-box;
-	position: relative;
-	width: 48%;
-	margin: 10px 1% 10px 0;
-	padding: 20px;
-	.border-radius(7px);
-	.box-sizing(border-box);
-	.box-shadow(~"0 1px 8px rgba(0, 0, 0, 0.4)");
-	.transition(~"box-shadow .25s linear");
-	&:hover{
-		.box-shadow(~"0 0 8px #333");
-		z-index: 5;
-	}
-	
-	.pricing-plan-title {
-		position: relative;
-		margin: -20px -10px 20px;
-		padding: 20px;
-		line-height: 1;
-		font-size: 16px;
-		font-weight: bold;
-		color: #595f6b;
-		border-bottom: 1px dashed #d2d2d2;
-		&:before {
-			content: '';
-			position: absolute;
-			bottom: -1px;
-			left: 0;
-			right: 0;
-			height: 1px;
-			background-size: 3px 1px;
-			.gradient(~"linear-gradient(to right, white, white 33%, #d2d2d2 34%, #d2d2d2)");
-		}
-	}
-	.pricing-plan-price {
-		margin: 0 auto 20px;
-		width: 90px;
-		height: 90px;
-		line-height: 90px;
-		font-size: 19px;
-		font-weight: bold;
-		color: white;
-		background: #595f6b;
-		.border-radius(45px);
-		span {
-			font-size: 12px;
-			font-weight: normal;
-			color: rgba(255, 255, 255, 0.9);
-		}
-	}
-	.pricing-plan-features {
-		margin-bottom: 20px;
-		margin-left: 0;
-		padding: 0;
-		line-height: 2;
-		font-size: 12px;
-		color: #999;
-		text-align: center;
-		list-style-type: none;
-		li{
-			strong{
-				font-weight: bold;
-				color: #888;
-			}
-		}
-	}
-	.pricing-plan-promote {
-		margin: 0;
-		padding: 40px 20px;
-		background-color: white;
-		border-width: 2px;
-		.border-radius(7px);
-		z-index: 4;
-	}
-}
-
-.ribbon-wrapper {
-	width: 85px;
-	height: 88px;
-	overflow: hidden;
-	position: absolute;
-	top: 0;
-	right: 0;
-}
-.price-ribbon {
-	font: bold 15px Sans-Serif;
-	color: #333;
-	text-align: center;
-	text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
-	position: relative;
-	padding: 7px 0;
-	left: -5px;
-	top: 15px;
-	width: 120px;
-	background-color: #FFF;
-	color: #6a6340;
-	.rotate(45deg);
-	.box-shadow(~"0px 0px 3px rgba(0,0,0,0.3)");
-}
-
-.ribbon-green {
-	background-color: #BFDC7A;
-}
-
-.ribbon-blue {
-	background-color: #5ACBFF;
-}
-
-.ribbon-orange {
-	background-color: #FF9542;
-}
-
-.ribbon-red {
-	background-color: #FF7373;
-}
-
-@media (min-width: 768px) {
-	.pricing-plan {
-		width: 25%;
-		margin: 20px 0;
-		padding: 20px;
-		.border-radius(0);
-		&:first-child {
-			.border-top-left-radius(7px);
-			.border-bottom-left-radius(7px);
-		}
-		&:last-child {
-			border-width: 2px;
-			.border-top-right-radius(7px);
-			.border-bottom-right-radius(7px);
-		}
-	}
-	.pricing-plan-promote {
-		background: #fff;
-		padding: 40px;
-		margin-top: 0;
-		.border-radius(7px);
-		z-index: 4;
-	}
-}
-
-/*--------------------------------------------------------------------------
-+	Contact Us Style
---------------------------------------------------------------------------*/
-
-#contact-us-map{
-	height: 300px;
-	.box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
-}
-
-.contact-us-details{
-	margin: 20px 0;
-	font-size: 0.9em;
-}
-
-/*--------------------------------------------------------------------------
-+	Video Wrapper Style
---------------------------------------------------------------------------*/
-
-.video-wrapper{
-	.box-shadow(~"0 0 5px #000");
-	margin: 20px 0;
-}
-
-/*--------------------------------------------------------------------------
-+	Call to Action Bar Style
---------------------------------------------------------------------------*/
-
-.calltoaction-wrapper{
-	text-align: center;
-	h3{
-		display: inline-block;
-		line-height: 36px;
-		margin-right: 10px;
-		margin-bottom: 0;
-	}
-	a{
-		vertical-align: top;
-	}
-}
-
-/*--------------------------------------------------------------------------
-+	Testimonials Style
---------------------------------------------------------------------------*/
-
-.testimonial{
-	blockquote{
-		margin: 0;
-		padding: 0;
-		border-left: none;
-		p{
-			font-size: 0.9em;
-			margin-bottom: 20px;
-			line-height: 1.5;
-		}
-	}
-	.testimonial-bubble {
-		text-align: justify;
-		.border-radius(4px);
-		padding: 0 20px 20px 20px;
-		margin: 35px 10px 20px 10px;
-		background: #FFF;
-		position: relative;
-		.box-sizing(border-box);
-		.box-shadow(~"inset 0 1px #fff,0 1px 2px #c8cfe6");
-	}
-	.testimonial-bubble::before {
-		background-color: #FFF;
-	    content: "\00a0";
-	    display: block;
-	    height: 20px;
-	    width:  20px;
-	    top: -10px;
-	    left: 45%;
-	    position: relative;
-	    .transform(~"rotate(45deg)");
-	}
-	.author-photo{
-		text-align: center;
-		img{
-			margin: auto;
-			border: 5px solid #FFF;
-			.border-radius(100px);
-			.box-shadow(~"inset 0 1px #fff,0 1px 2px #c8cfe6");
-		}
-	}
-	.author-info{
-		font-weight: 400;
-		font-size: 0.8em;
-	}
-}
-
-/*--------------------------------------------------------------------------
-+	Clients Logos Style
---------------------------------------------------------------------------*/
-
-.clients-logo-wrapper{
-	img{
-		max-width: 100%;
-	}
-}
-
-/*--------------------------------------------------------------------------
-+	News Style
---------------------------------------------------------------------------*/
-
-.featured-news, .latest-news{
-	.caption{
-		padding: 10px 0 5px 0;
-		a{
-			font-size: 1.1em;
-			font-weight: 600;
-			color: @font-color;
-		}
-	}
-	.intro{
-		padding-bottom: 10px;
-		font-size: 0.9em;
-		a{
-			white-space: nowrap;
-		}
-	}
-	.date{
-		font-size: 0.7em;
-		color: #999;
-	}
-	img{
-		max-width: 100%;
-		margin: 10px 0 10px 0;
-		.border-radius(5px);
-		.box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
-	}
-}
-
-/*--------------------------------------------------------------------------
-+	Frequently Asked Questions Style
---------------------------------------------------------------------------*/
-
-.faq-wrapper{
-	h3{
-		margin-top: 20px !important;
-	}
-	.accordion-inner {
-		margin: 10px 0 10px 20px;
-		padding: 0 10px;
-		font-size: 0.9em;
-		.answer{
-			font-weight: 600;
-		}
-	}
-}
-
-/*--------------------------------------------------------------------------
-+	Blog Style
---------------------------------------------------------------------------*/
-
-/* Posts List */
-
-.blog-post{
-	background: #FFF;
-	position: relative;
-	margin: 20px 0;
-	border: 7px solid #FFF;
-	img{
-		max-width: 100%;
-	}
-	.border-radius(5px);
-	.box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
-	.post-info{
-		background: #000;
-		background: rgba(0,0,0,0.6);
-		color: #FFF;
-		line-height: 1.2;
-		position: absolute;
-		padding: 5px;
-		left: 10px;
-		top: 10px;
-		.border-radius(5px);
-	}
-	.post-comments-count{
-		text-align: center;
-	}
-}
-
-.post-info{
-	.post-comments-count{
-		padding-top: 5px;
-		i{
-			margin-right: 5px;
-		}
-		a{
-			color: #FFF;
-		}
-	}
-	.post-date .date{
-		font-size: 0.7em;
-		font-weight: 600;
-	}
-}
-
-.post-title{
-	h3{
-		font-size: 1.2em;
-		border-bottom: 1px dotted #828282;
-		margin: 0 20px;
-		padding-top: 10px;
-		a{
-			color: @font-color;
-		}
-	}
-}
-
-.post-summary{
-	margin: 10px 20px;
-	p{
-		color: #828282;
-		font-size: 0.9em;
-		text-align: justify;
-	}
-}
-
-.post-more{
-	text-align: right;
-	padding: 0 20px 20px 0;
-}
-
-/* Single Post */
-
-.blog-single-post{
-	padding: 10px 30px;
-}
-
- .single-post-title h3{
-	font-size: 1.5em;
-	margin: 0;
-}
-
-.single-post-info{
-	margin-bottom: 20px;
-	padding-bottom: 10px;
-	border-bottom: 1px dotted #828282;
-	i{
-		color: #333;
-		margin-right: 5px;
-	}
-}
-
-.single-post-image{
-	text-align: center;
-	img{
-		.box-shadow(~"0 0 5px #000");
-	}
-}
-
-.single-post-content{
-	margin: 30px 0 20px 0;
-	padding-bottom: 20px;
-	border-bottom: 2px dotted #CCC;
-	p{
-		color: #828282;
-		font-size: 0.9em;
-		text-align: justify;
-	}
-}
-
-.post-comments{
-	list-style-type: none;
-	margin-left: 0;
-	margin-bottom: 40px;
-	padding: 0;
-	ul{
-		list-style-type: none;
-		margin-left: 30px;
-		padding: 0;
-	}
-}
-
-.comment-wrapper p{
-	margin: 0;
-	position: relative;
-	border: 1px solid #CCC;
-	padding: 10px;
-	margin-bottom: 10px;
-	.border-radius(3px);
-}
-
-.comment-author{
-	font-size: 1.3em;
-	font-weight: 600;
-	margin-bottom: 10px;
-	img{
-		max-width: 50px;
-		.border-radius(25px);
-		margin-right: 10px;
-	}
-}
-
-.comment-date{
-	font-size: 0.9em;
-	margin-right: 20px;
-}
-
-.comment-actions{
-	text-align: right;
-	opacity: 0.6;
-	.transition(~"opacity .25s linear");
-	&:hover{
-		text-align: right;
-		opacity: 1;
-	}
-	i{
-		color: #333;
-	}
-}
-
-.comment-reply-btn{
-	margin-left: 10px;
-}
-
-.blog-sidebar{
-	h4{
-		margin-top: 20px;
-		font-weight: 700;
-		&:first-child{
-			margin-top: 0;
-		}
-	}
-	ul{
-		list-style-type: none;
-		margin-left: 0;
-		padding: 0;
-	}
-	.recent-posts, .blog-categories{
-		li{
-			padding: 5px 20px 5px 0;
-			border-top: 1px solid #D5D5D5;
-			&:last-child {
-				border-bottom: 1px solid #D5D5D5;
-			}
-		}
-		a{
-			color: @font-color;
-		}
-	}
-}
-
-/*--------------------------------------------------------------------------
-+	E-commerce Style
---------------------------------------------------------------------------*/
-
-.shop-item{
-	position: relative;
-	background: #FFF;
-	padding-bottom: 10px;
-	margin-top: 20px;
-	margin-bottom: 10px;
-	border: 8px solid #FFF;
-	.border-radius(5px);
-	.box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
-	img{
-		max-width: 100%;
-	}
-	.image{
-		text-align: center;
-	}
-	.title{
-		padding: 20px 0 10px;
-		h3{
-			font-size: 0.9em;
-			margin: 0 10px;
-			text-align: center;
-			a{
-				color: @font-color;
-				text-transform:uppercase;
-			}
-		}
-	}
-	.colors{
-		text-align: center;
-		margin-bottom: 10px;
-		span{
-			display: inline-block;
-			*display: inline;
-			width: 8px;
-			height: 8px;
-			border-width: 1px;
-			border-style: solid;
-			margin: 2px;
-		}
-	}
-	.price{
-		color: @font-color;
-		font-size: 1.5em;
-		text-align: center;
-		margin-bottom: 20px;
-		font-weight: 600;
-		.border-radius(7px);
-		.price-was{
-			color: #A7A7A7;
-			font-size: 0.8em;
-			text-decoration: line-through;
-		}
-	}
-
-	.description{
-		color: #828282;
-		font-size: 0.9em;
-		text-align: justify;
-		margin: 0 10px;
-		p{
-			border-top: 1px solid #ECECEC;
-			padding: 10px;
-			margin: 0;
-		}
-	}
-
-	.actions{
-		border-top: 1px solid #ECECEC;
-		margin: 0 10px;
-		padding-top: 20px;
-		text-align: center;
-		span{
-			font-size: 0.8em;
-			white-space: nowrap;
-		}
-	}
-}
-
-.colors{
-	text-align: center;
-	margin-bottom: 10px;
-	span{
-		display: inline-block;
-		*display: inline;
-		width: 8px;
-		height: 8px;
-		border-width: 1px;
-		border-style: solid;
-		margin: 2px;
-	}
-}
-
-span.color-white{
-	background-color: #D7D7CF;
-	border-color: darken(#D7D7CF, 10%);
-}
-
-span.color-black{
-	background-color: #000;
-	border-color: darken(#000, 10%);
-}
-
-span.color-blue{
-	background-color: #073A52;
-	border-color: darken(#073A52, 10%);
-}
-
-span.color-orange{
-	background-color: #D56E1D;
-	border-color: darken(#D56E1D, 10%);
-}
-
-span.color-green{
-	background-color: #5C6632;
-	border-color: darken(#5C6632, 10%);
-}
-
-span.color-red{
-	background-color: #DA1111;
-	border-color: darken(#DA1111, 10%);
-}
-
-/*--------------------------------------------------------------------------
-+	Product Details Page Style
---------------------------------------------------------------------------*/
-
-.product-image-large{
-	border: 8px solid #FFF;
-	text-align: center;
-	margin-bottom: 10px;
-	.border-radius(5px);
-	.box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
-	img{
-		max-width: 100%;
-	}
-}
-
-.product-details{
-	h4, h5{
-		font-weight: 700;
-	}
-	h4{
-		margin-bottom: 20px;
-	}
-	h5{
-		margin-top: 20px;
-	}
-	.price{
-		font-size: 1.4em;
-		font-weight: 700;
-		text-align: left;
-		padding: 5px;
-		background: fade(#FFF, 60%);
-		display: inline;
-		.border-radius(5px);
-	}
-	.price-was{
-		text-decoration: line-through;
-		font-size: 0.8em;
-		font-weight: normal;
-	}
-	.shop-item-selections{
-		width: 100%;
-		td{
-			line-height: 36px;
-			&:first-child{
-				width: 30%;
-			}
-		}
-	}
-	.choose-item-color{
-		span{
-			display: inline-block;
-			*display: inline;
-			width: 10px;
-			height: 10px;
-			border-width: 1px;
-			border-style: solid;
-			margin-bottom: -1px;
-			margin-right: 2px;
-		}
-	}
-}
-
-.product-details-nav{
-	margin-top: 30px !important;
-	margin-left: 0 !important;
-}
-
-.product-detail-info{
-	background: #fff;
-	border-top: 0;
-	border-left: 1px;
-	border-right: 1px;
-	border-bottom: 1px;
-	border-color: #ddd;
-	border-style: solid;
-	padding: 20px 30px;
-	p, ul{
-		font-size: 0.9em;
-	}
-	table{
-		width: 100%;
-		td{
-			font-size: 0.9em;
-			width: 50%;
-			line-height: 28px;
-			border-bottom: 1px solid #E7E7E7;
-			&:first-child{
-				font-weight: 600;
-			}
-		}
-		tr:last-child{
-			td{
-				border-bottom: 0;
-			}
-		}
-	}
-}
-
-/*--------------------------------------------------------------------------
-+	Shopping Cart Style
---------------------------------------------------------------------------*/
-
-.shopping-cart{
-	margin: 10px 0 0 0;
-	width: 100%;
-	border-collapse: separate;
-    border-spacing: 0 10px;
-    a{
-		color: @font-color;
-	}
-	tr{
-		background: #FFF;	
-	}
-	td{
-		padding: 10px;
-		&:first-child{
-			.border-radius(5px 0 0 5px);
-			margin-left: 10px;
-		}
-		&:last-child{
-			.border-radius(0 5px 5px 0);
-			margin-right: 10px;
-		}
-	}
-	.image, .image img{
-		max-width: 150px;
-	}
-
-	.title{
-		font-size: 1.1em;
-	}
-
-	.feature{
-		font-size: 0.8em;
-	}
-
-	.color span{
-		display: inline-block;
-		*display: inline;
-		width: 8px;
-		height: 8px;
-		border-width: 1px;
-		border-style: solid;
-	}
-
-	.quantity{
-		width: 80px;
-	}
-
-	.price{
-		color: @font-color;
-		font-size: 1.2em;
-		width: 80px;
-		text-align: center;
-	}
-
-	.actions{
-		width: 80px;
-		.btn{
-			margin-bottom: 5px;
-		}
-	}
-}
-
-.cart-totals{
-	margin: 20px 0 30px 0;
-	border-top: 2px solid #535b60;
-	font-size: 1.1em;
-	line-height: 24px;
-	text-align: right;
-	width: 100%;
-	td{
-		width: 150px;
-		padding: 3px 0;
-	}
-	.cart-grand-total{
-		font-size: 1.3em;
-	}
-}
-
-@media (max-width: 500px){
-	.shopping-cart{
-		.image{
-			display: none;
-		}
-	}
-	.cart-item-title{
-		font-size: 0.8em;
-	}
-}
-
-
-/*--------------------------------------------------------------------------
-+	Products Slider Style
---------------------------------------------------------------------------*/
-
-.products-slider{
-	.shop-item{
-		border:0;
-		margin: 0;
-		padding: 0;
-		width: 25%;
-		float: left;
-		display: block;
-		position: relative;
-		.border-radius(5px);
-		.box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
-		img{
-			.border-radius(~"5px 5px 0 0");
-		}
-		.title{
-			h3{
-				a{
-					font-size: 1em;
-					font-weight: 400;
-				}
-			}
-		}
-		.price{
-			font-size: 1.1em;
-			font-weight: 400;
-		    margin-bottom: 10px;
-		}
-		.actions{
-			padding: 10px 0;
-		}
-	}
-}
-
-@media (max-width: 768px){
-	.products-slider .shop-item{
-		width: 34%;
-	}
-}
-
-@media (max-width: 479px){
-	.products-slider .shop-item{
-		width: 100%;
-	}
-}
-
-/*--------------------------------------------------------------------------
-+	Events List Style
---------------------------------------------------------------------------*/
-
-.events-list{
-	width: 100%;
-	font-size: 0.9em;
-	tr{
-		td{
-			padding: 5px 20px 5px 0;
-			&:last-child{
-				padding: 5px 0;
-				text-align: right;
-			}
-		}
-		&:hover{
-			.event-date{
-				border-left: 5px solid @theme-color;
-			}
-		}
-	}
-	.event-date{
-		margin: 3px 0;
-		padding: 2px 10px;
-		border-left: 5px solid #CFCFCF;
-		.transition(~"all .25s linear");
-	}
-	.event-date{
-		.event-day{
-			color: #808080;
-			font-size: 1.5em;
-			font-weight: 600;
-			text-align: center;
-		}
-		.event-month{
-			color: #CFCFCF;
-			font-size: 1.1em;
-			font-weight: 600;
-			text-align: center;
-		}
-		.event-venue, .event-price{
-			white-space: nowrap;
-		}
-	}
-}
-
-/*--------------------------------------------------------------------------
-+	Jobs list Style
---------------------------------------------------------------------------*/
-
-.jobs-list{
-	width: 100%;
-	th{
-		font-size: 1.2em;
-		text-align: left;
-		padding: 10px 0;
-	}
-	td{
-		padding: 5px 20px 5px 0;
-		border-top: 1px solid #E6E6E6;
-	}
-	tr{
-		&:last-child{
-			td{
-				border-bottom: 1px solid #E6E6E6;
-			}
-		}
-	}
-}
-
-.job-position{
-	a{
-		color: @font-color;
-		font-size: 1.1em;
-	}
-}
-
-.job-location, .job-type{
-	font-size: 0.9em;
-}
-
-// Join us promo
-
-.join-us-promo{
-	blockquote{
-		margin: 0;
-		padding: 0;
-		border-left: none;
-	}
-	blockquote{
-		p{
-			font-size: 1.1em;
-			margin-bottom: 20px;
-			line-height: 1.5;
-		}
-	}
-	.author-info{
-		font-weight: 400;
-		font-size: 0.8em;
-	}
-	.author-photo{
-		text-align: center;
-	}
-	.author-photo{
-		img{
-			margin: auto;
-			border: 5px solid #FFF;
-			.border-radius(70px);
-			.box-shadow(~"inset 0 1px #fff,0 1px 2px #c8cfe6");
-		}
-	}
-}
-
-.join-us-bubble {
-	text-align: justify;
-	.border-radius(4px);
-	padding: 20px 20px 0 20px;
-	margin-top: 30px;
-	margin-bottom: 30px;
-	background: #FFF;
-	position: relative;
-	.box-sizing(border-box);
-	.box-shadow(~"inset 0 1px #fff,0 0 4px #c8cfe6");
-}
-
-.join-us-bubble::after {
-	background: #FFF;
-    content: "\00a0";
-    display: block;
-    height: 20px;
-    width:  20px;
-    bottom: -10px;
-    left: 45%;
-    position: relative;
-    .transform(~"rotate(45deg)");
-    .box-shadow(~"inset 0 1px #fff,1px 1px 1px #c8cfe6");
-}
-
-.job-details-wrapper p{
-	text-align: justify;
-}
-
-/*--------------------------------------------------------------------------
-+	Login/Register/Reset Password Forms Style
---------------------------------------------------------------------------*/
-
-.basic-login{
-	background: fade(#FFF, 80%);
-	padding: 20px 20px 10px 20px;
-	.border-radius(5px);
-	.box-shadow(~"inset 0 1px #fff,0 0 4px #c8cfe6");
-	form{
-		margin: 0;
-	}
-	label{
-		line-height: 30px;
-		font-size: 1.2em;
-	}
-	input[type="checkbox"]{
-		margin-top: 4px;
-	}
-}
-
-.social-login{
-	p{
-		text-align: center;
-		font-size: 1.2em;
-		font-style: italic;
-		padding: 20px 0;
-	}
-	.social-login-buttons{
-		text-align: center;
-		a{
-			position: relative;
-			display: inline-block;
-			white-space: nowrap;
-			height: 35px;
-			line-height: 35px;
-			padding-right: 15px;
-			margin: 10px 5px;
-			color: #fff;
-			font-size: 1.1em;
-			text-align: left;
-			.border-radius(3px);
-			.transition(~"opacity .2s linear");
-			.translateZ(0);
-			&:hover{
-				opacity: 0.8;
-				text-decoration: none;
-			}
-			&:before{
-				content: '';
-				display: block;
-				position: absolute;
-				top: 5px;
-				width: 24px;
-				height: 24px;
-				background-image: ~"url(../img/social-login.png)";
-				background-repeat: no-repeat;
-			}
-		}
-	}
-	.btn-facebook-login{
-		padding-left: 35px;
-		background-color: #6886bc;
-		.gradient(~"linear-gradient(top,#6886bc 0,#466ca9 100%)");
-	}
-
-	.btn-twitter-login{
-		padding-left: 45px;
-		background-color: #25b6e6;
-	}
-	.btn-facebook-login:before{
-		left: 10px;
-		background-position: 0 0;
-	}
-	.btn-twitter-login:before{
-		left: 15px;
-		background-position: -48px 0;
-	}
-	.not-member{
-		p{
-			font-size: 1.5em;
-			font-weight: 600;
-			font-style: normal;
-			margin-top: 30px;
-			border-top: 1px solid #CCC;
-		}
-	}
-	
-}
-
-/*--------------------------------------------------------------------------
-+	'In Press' Style
---------------------------------------------------------------------------*/
-
-.in-press{
-	a{
-		color: lighten(@font-color, 30%);
-		font-size: 1.3em;
-		font-family: Georgia, serif;
-		line-height: 28px;
-		position: relative;
-		padding-left: 16px;
-		padding-bottom: 32px;
-		margin-bottom: 15px;
-		display: block;
-		.transition(~"color .25s linear");
-		&:hover{
-			color: @theme-color;
-			text-decoration: none;
-		}
-		&:after{
-			content: '';
-			display: block;
-			position: absolute;
-			bottom: -10px;
-			right: 20px;
-			width: 120px;
-			height: 32px;
-			background-image: ~"url(../img/in-press.png)";
-			background-repeat: no-repeat;
-			.transition(~".25s linear");
-		}
-		&:before {
-			content: "\201C";
-			margin-left: -16px;
-			font-size: 2.2em;
-		}
-	}
-
-}
-
-// Change the below classes and image to meet your press coverage
-
-.press-wired a{
-	&:after{
-		background-position: 0px 0px;
-	}
-	&:hover{
-		&:after{
-			background-position: 0px -32px;
-		}
-	}
-}
-
-.press-mashable a{
-	&:after{
-		background-position: -120px 0px;
-	}
-	&:hover{
-		&:after{
-			background-position: -120px -32px;
-		}
-	}
-}
-
-.press-techcrunch a{
-	&:after{
-		background-position: -240px 0px;
-	}
-	&:hover{
-		&:after{
-			background-position: -240px -32px;
-		}
-	}
-}
-
-/*--------------------------------------------------------------------------
-+	Portfolio Style
---------------------------------------------------------------------------*/
-
-.portfolio-item{
-	position: relative;
-	background: #FFF;
-	margin-bottom: 20px;
-	border: 8px solid #FFF;
-	.border-radius(5px);
-	.box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
-	.transition(~"all .5s ease");
-	.portfolio-image{
-		overflow: hidden;
-		text-align: center;
-		position: relative;
-		img{
-			max-width: 100%;
-			.transition(~"all .25s ease");
-		}
-	}
-	&:hover{
-		border: 8px solid @theme-color;
-		.portfolio-image{
-			img{
-				position: relative;
-				.transform(~"scale(1.1) rotate(2deg)");
-			}
-		}
-	}
-	ul{
-		list-style-type: none;
-		margin-left: 0;
-		margin-top: 20px;
-		text-align: center;
-		padding: 0;
-		li{
-			line-height: 28px;
-		}
-	}
-	.portfolio-project-name{
-		font-size: 1.3em;
-		text-transform: uppercase;
-	}
-	.read-more{
-		text-align: center;
-		padding-top: 10px;
-	}
-	.portfolio-info-fade{
-		.opacity(0);
-		top: 0;
-		position: absolute;
-		background: #000;
-		background: fade(#000, 70%);
-		width: 100%;
-		height: 100%;
-		color: #FFF;
-		text-shadow: 2px 2px 4px #000000;
-	    filter: dropshadow(color=#000000, offx=2, offy=2);
-	    .transition(~"opacity .25s linear");
-	    ul{
-			margin-top: 10%;
-		}
-		.btn:hover{
-			background: @theme-color;
-		}
-		ul{
-			margin: 10% 20px 0 20px;
-			padding: 0;
-			li{
-				text-align: center;
-				&:first-child{
-					border-bottom: 1px solid #CCC;
-				}
-			}
-		}
-	}
-	&:hover{
-		.portfolio-info-fade{
-			display: block;
-			.opacity(1);
-		}
-	}
-}
-
-.lt-ie9 .portfolio-info-fade{
-	display: none;
-}
-
-.lt-ie9 .portfolio-item:hover .portfolio-info-fade{
-	display: block;
-}
-
-.portfolio-visit-btn{
-	padding-top: 15px;
-}
-
-.portfolio-item-description{
-	ul{
-		padding: 0;
-	}
-}
-
-/*--------------------------------------------------------------------------
-+	Our Team Style
---------------------------------------------------------------------------*/
-
-.team-member{
-	position: relative;
-	background: #FFF;
-	margin-bottom: 20px;
-	border: 8px solid #FFF;
-	.box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
-	img{
-		max-width: 100%;
-	}
-	ul{
-		list-style-type: none;
-		margin-left: 0;
-		margin-top: 20px;
-		li{
-			line-height: 28px;
-		}
-	}
-	&:hover{
-		.team-member-image{
-			.opacity(1);
-		}
-	}
-	.team-member-image{
-		text-align: center;
-		position: relative;
-		.transition(~"opacity .25s linear");
-		.opacity(0.85);
-	}
-
-	.team-member-name{
-		font-size: 1.3em;
-		text-transform: uppercase;
-	}
-
-	.team-member-social{
-		position: absolute;
-		right: 0;
-		.opacity(0.5);
-		.transition(~"opacity .25s linear");
-		.team-member-social i{
-			margin-top: 3px;
-		}
-		&:hover{
-			.opacity(1);
-		}
-	}
-}
-
-/*--------------------------------------------------------------------------
-+	Sitemap Style
---------------------------------------------------------------------------*/
-
-.sitemap{
-	margin-left: 0;
-	list-style-type: none;
-	padding: 0;
-	a{
-		color: @font-color;
-	}
-	li{
-		padding: 10px 0;
-		font-weight: 600;
-	}
-	ul{
-		list-style-type: none;
-		margin-top: 10px;
-		margin-left: 10px;
-		padding: 0;
-		li{
-			padding: 3px 0;
-			font-size: 0.9em;
-			font-weight: 400;
-		}
-	}
-}
-
-/*--------------------------------------------------------------------------
-+	Coming Soon Page Style
---------------------------------------------------------------------------*/
-
-.coming-soon-top{
-	background: #FFF;
-	background: fade(#FFF, 80%);
-	min-height: 80px;
-	.logo-wrapper{
-		padding-top: 20px;
-	}
-}
-
-.coming-soon-content{
-	margin-top: 5%;
-	text-align: center;
-	h3{
-		font-size: 3em;
-		line-height: 1.3em;
-		font-weight: 400;
-		color: #FFF;
-		margin-bottom: 40px;
-		text-shadow: 1px 1px 8px #000000;
-	}
-	p{
-		color: #E6E6E6;
-		text-shadow: 2px 2px 4px #000000;
-	}
-}
-
-.coming-soon-subscribe{
-	padding-top: 30px;
-	.btn{
-		border-radius: 0 5px 5px 0;
-	}
-	p{
-		margin-top: 10px;
-	}
-}
-
-.coming-soon-social{
-	margin-top: 60px;
-	.opacity(0.7);
-	.transition(~"opacity .25s linear");
-	a{
-		display: inline-block;
-	}
-	&:hover{
-		.opacity(1);
-	}
-}
-
-.full-screen-background{
-	z-index: -999;
-	min-height: 100%;
-	min-width: 1024px;
-	width: 100%;
-	height: auto;
-	position: fixed;
-	top: 0;
-	left: 0;
-}
-
-/*--------------------------------------------------------------------------
-+	Breadcrumbs Section Style
---------------------------------------------------------------------------*/
-
-.section-breadcrumbs{
-	background: #222;
-	background: fade(#222, 80%);
-	margin-bottom: 10px;
-	h1{
-		color: #FAFAFA;
-		font-size: 1.6em;
-		margin-bottom: 0;
-		text-transform: none;
-	}
-}
-
-/*--------------------------------------------------------------------------
-	Footer Style
---------------------------------------------------------------------------*/
-
-.footer{
-	background: #222;
-	color: #A0A0A0;
-	padding: 0 20px 10px 20px;
-	border-top: 4px solid @theme-color;
-	margin-top: 20px;
-	.box-shadow(~"0 -1px 12px rgba(0,0,0,0.4)");
-	h3{
-		color: #E4E4E4;
-		font-size: 1.3em;
-		border-bottom: 1px dotted #7C7C7C;
-	}
-	ul{
-		padding: 0;
-	}
-}
-
-.footer-navigate-section li{
-	line-height: 20px !important;
-}
-
-.footer-stay-connected{
-	a{
-		text-align: left;
-		text-indent: -9999px;
-		display: block;
-		width: 115px;
-		height: 40px;
-		background: ~"url(../img/stay-connected.png)";
-		.opacity(0.5);
-		.transition(~"opacity .25s linear");
-		&:hover{
-			.opacity(1);
-		}
-	}
-	a.facebook{
-		background-position: -115px 0;
-	}
-	a.twitter{
-		background-position: -230px 0;
-	}
-	a.googleplus{
-		background-position: 0 0;
-	}
-	li{
-		text-align: center;
-	}
-}
-
-.footer-copyright{
-	text-align: center;
-	color: #7C7C7C;
-	border-top: 1px dotted #7C7C7C;
-	padding-top: 10px;
-	font-size: 0.9em;
-}
-
-/*--------------------------------------------------------------------------
-+	Pagination Style (overrides Bootstrap style)
---------------------------------------------------------------------------*/
-
-.pagination-wrapper{
-	margin-top: 15px;
-	text-align: center;
-}
-
-.pagination>li>a, .pagination>li>span{
-	border: none;
-	border-bottom: 3px solid #FFF;
-	color: #666666;
-	margin-left: 0;
-	margin-bottom: 5px;
-	.transition(~"all .25s linear");
-}
-
-.pagination>li>a:hover, .pagination>li>a:focus, .pagination>.active>a, .pagination>.active>span{
-	background: #FFF;
-}
-
-.pagination>li>a:hover{
-	border-bottom: 3px solid #666666;
-}
-
-.pagination>.active>a, .pagination>.active>span{
-	color: #666666;
-	border-bottom: 3px solid @theme-color;
-}
-
-.pagination>.disabled>a{
-	border-color: #fff;
-}
-
-.pagination>.disabled>span, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
-	margin-bottom: 0;
-	color: #C9C9C9;
-	background-color: #FFF;
-	cursor: default;
-}
-
-/*--------------------------------------------------------------------------
-+	Custom Style for Maps
---------------------------------------------------------------------------*/
-
-.leaflet-popup-content-wrapper{
-	.border-radius(5px);
-}
-
-/*--------------------------------------------------------------------------
-+	Custom Style for Tabs (overrides Bootstrap)
---------------------------------------------------------------------------*/
-
-.nav-tabs>li>a {
-	font-size: 1.1em;
-	padding: 10px 15px;
-	color: @font-color;
-}
-
-.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
-	font-weight: 600;
-	background-color: #ffffff;
-	border: 1px solid #ddd;
-	border-top: 3px solid @theme-color;
-	border-bottom-color: transparent;
-	cursor: default;
-}
-
-/*--------------------------------------------------------------------------
-+	404 Page Style
---------------------------------------------------------------------------*/
-
-.error-page-wrapper{
-	font-size: 1.5em;
-	font-weight: 600;
-	margin: 100px 0;
-	text-align: center;
-}
-
-
-/*--------------------------------------------------------------------------
-+	Homepage Slider Style (modified sequencejs CSS). Sorry, no LESS here
---------------------------------------------------------------------------*/
-
-#sequence {
-	position: relative;
-	overflow: hidden;
-	width: 100%;
-	max-width: 1920px;
-	color: white;
-	font-size: 0.625em;
-	margin: 0 auto 30px auto;
-	position: relative;
-	height: 400px;
-	img{
-		max-width: 100%;
-	}
-}
-
-#sequence > .sequence-canvas {
-	list-style-type: none;
-	height: 400px;
-	margin: 0;
-	padding: 0;
-	width: 100%;
-}
-
-#sequence h2{
-	font-size: 4em;
-	color: #FFF;
-	text-shadow: 2px 2px 3px #444;
-    border: none;
-    padding-left: 0;
-    margin-top: 0;
-}
-
-#sequence h3{
-	font-size: 2em;
-	color: #FFF;
-	text-shadow: 2px 2px 3px #444;
-}
-
-#sequence > .sequence-canvas > li {
-	position: absolute;
-	width: 100%;
-	height: 400px;
-	z-index: 1;
-	.transition-property(background);
-	background-position: -50px 0;
-}
-
-#sequence > .sequence-canvas > li.bg1 {
-	background-image: ~"url(../img/homepage-slider/slider-bg1.jpg)";
-}
-
-#sequence > .sequence-canvas > li.bg2 {
-	background-image: ~"url(../img/homepage-slider/slider-bg2.jpg)";
-}
-
-#sequence > .sequence-canvas > li.bg3 {
-	background-image: ~"url(../img/homepage-slider/slider-bg3.jpg)";
-}
-
-#sequence > .sequence-canvas > li.bg4 {
-	background-image: ~"url(../img/homepage-slider/slider-bg4.jpg)";
-}
-
-#sequence > .sequence-canvas > li.bg5 {
-	background-image: ~"url(../img/homepage-slider/slider-bg5.jpg)";
-}
-
-#sequence > .sequence-canvas > li.bg6 {
-	background-image: ~"url(../img/homepage-slider/slider-bg6.jpg)";
-}
-
-#sequence > .sequence-canvas > li.bg7 {
-	background-image: ~"url(../img/homepage-slider/slider-bg7.jpg)";
-}
-#sequence > .sequence-canvas > li.bg8 {
-	background-image: ~"url(../img/homepage-slider/slider-bg8.jpg)";
-}
-#sequence > .sequence-canvas > li.bg9 {
-	background-image: ~"url(../img/homepage-slider/slider-bg9.jpg)";
-}
-#sequence > .sequence-canvas > li.bg10 {
-	background-image: ~"url(../img/homepage-slider/slider-bg10.jpg)";
-}
-#sequence > .sequence-canvas > li.bg11 {
-	background-image: ~"url(../img/homepage-slider/slider-bg11.jpg)";
-}
-#sequence > .sequence-canvas > li.bg12 {
-	background-image: ~"url(../img/homepage-slider/slider-bg12.jpg)";
-}
-#sequence > .sequence-canvas > li.bg13 {
-	background-image: ~"url(../img/homepage-slider/slider-bg13.jpg)";
-}
-#sequence > .sequence-canvas > li.bg14 {
-	background-image: ~"url(../img/homepage-slider/slider-bg14.jpg)";
-}
-
-#sequence > .sequence-canvas > li img {
-  height: 96%;
-}
-
-#sequence > .sequence-canvas li > * {
-  position: absolute;
-  .transition-property(left, opacity);
-}
-
-.sequence-next,
-.sequence-prev {
-  color: white;
-  cursor: pointer;
-  display: none;
-  font-weight: bold;
-  padding: 10px 15px;
-  position: absolute;
-  top: 50%;
-  z-index: 1000;
-  height: 75px;
-  margin-top: -47.5px;
-}
-
-.sequence-pause {
-  bottom: 0;
-  cursor: pointer;
-  position: absolute;
-  z-index: 1000;
-}
-
-.sequence-paused {
-  .opacity(0.3);
-}
-
-.sequence-prev {
-  left: 3%;
-}
-
-.sequence-next {
-  right: 3%;
-}
-
-.sequence-prev img,
-.sequence-next img {
-  height: 100%;
-  width: auto;
-}
-
-#sequence-preloader {
-  background: #d9d9d9;
-}
-
-.sequence-pagination-wrapper{
-	position: absolute;
-	bottom: 10px;
-	right: 20px;
-	z-index: 99;
-}
-
-.sequence-pagination {
-	display: none;
-	z-index: 99;
-	.transition-duration(0.5s);
-}
-
-.sequence-pagination li {
-	display: inline-block;
-	*display: inline;
-	width: 14px;
-	height: 14px;
-	margin: 0 4px;
-	text-indent: -999em;
-	border: 4px solid @theme-color;
-	cursor: pointer;
-	.border-radius(30px);
-	.opacity(0.8);
-	.transition(~"background .5s, opacity .5s");
-}
-
-.sequence-pagination li.current {
-	background: @theme-color;
-	.opacity(1);
-}
-
-.sequence-next,
-.sequence-prev {
-  position: absolute;
-  opacity: 0.6;
-  .transition-duration(1s);
-}
-
-.sequence-next:hover,
-.sequence-prev:hover {
-  .opacity(1);
-  .transition-duration(1s);
-}
-
-#sequence .title {
-  font-size: 3.8em;
-  text-transform: none;
-  left: 0%;
-  width: 35%;
-  .opacity(0);
-  bottom: 60%;
-  z-index: 50;
-}
-
-#sequence > .sequence-canvas > li.animate-in{
-	background-position: 0 0;
-	.transition-duration(1.5s);
-}
-
-#sequence .animate-in .title {
-  left: 15%;
-  .opacity(1);
-  .transition-duration(0.5s);
-}
-
-#sequence .animate-out .title {
-  left: 35%;
-  .opacity(0);
-  .transition-duration(0.5s);
-}
-
-.subtitle {
-  color: black;
-  font-size: 2em;
-  left: 35%;
-  width: 35%;
-  .opacity(0);
-  top: 40%;
-}
-
-.animate-in .subtitle {
-  left: 15%;
-  .opacity(1);
-  .transition-duration(0.5s);
-}
-
-.animate-out .subtitle {
-  left: 65%;
-  .opacity(0);
-  .transition-duration(0.5s);
-}
-
-.slide-img {
-  left: 90%;
-  top: 20%;
-  .opacity(0);
-  position: relative;
-  height: auto !important;
-  max-height: 450px !important;
-  max-width: 45% !important;
-}
-
-.animate-in .slide-img {
-  left: 55%;
-  .opacity(1);
-  .transition-duration(1s);
-}
-
-.animate-out .slide-img {
-  left: 15%;
-  .opacity(0);
-  .transition-duration(1s);
-}
-
-@media only screen and (min-width: 992px) {
-  #sequence .title {
-    width: 42%;
-  }
-}
-
-@media only screen and (max-width: 838px) {
-  #sequence .slide-img {
-    max-height: 530px !important;
-    width: auto;
-  }
-}
-
-@media only screen and (max-width: 768px) {
-  #sequence {
-    height: 400px;
-  }
-  #sequence .title {
-    font-size: 2.8em;
-  }
-  #sequence .subtitle {
-    font-size: 1.6em;
-  }
-  #sequence .sequence-next,
-  #sequence .sequence-prev {
-    height: 60px;
-    margin-top: -40px;
-  }
-  #sequence .slide-img {
-    max-height: 480px !important;
-    width: auto;
-  }
-}
-
-@media only screen and (max-width: 568px) {
-  .slide-img {
-    left: 50%;
-    width: auto;
-    max-width: 80% !important;
-  }
-
-  #sequence .animate-in .slide-img {
-    left: 50%;
-    margin-left: -40%;
-  }
-
-  #sequence .animate-out .slide-img {
-    left: 20%;
-    margin-left: -20%;
-  }
-
-  #sequence .title {
-    background: #a1a1a1;
-    background: rgba(0, 0, 0, 0.3);
-    bottom: 0;
-    left: 100%;
-    padding: 4%;
-    width: 100%;
-    margin-bottom: 0;
-    z-index: 10;
-  }
-
-  #sequence .animate-in .title {
-    left: 0%;
-  }
-
-  #sequence .animate-out .title {
-    left: -100%;
-  }
-
-  #sequence .subtitle {
-    visibility: hidden;
-  }
-
-}
-
-/*--------------------------------------------------------------------------
-+	Content Slider Style (bxSlider CSS), Sorry, no LESS here
---------------------------------------------------------------------------*/
-
-.bx-wrapper {
-	position: relative;
-	margin: 0 auto 30px;
-	padding: 0;
-	*zoom: 1;
-}
-
-.bx-wrapper img {
-	max-width: 100%;
-	display: block;
-}
-
-.bx-wrapper .bx-pager,
-.bx-wrapper .bx-controls-auto {
-	position: absolute;
-	bottom: -30px;
-	width: 100%;
-}
-
-/* LOADER */
-
-.bx-wrapper .bx-loading {
-	min-height: 50px;
-	background: ~"url(../img/bx_loader.gif) center center no-repeat #fff";
-	height: 100%;
-	width: 100%;
-	position: absolute;
-	top: 0;
-	left: 0;
-	z-index: 2000;
-}
-
-/* PAGER */
-
-.bx-wrapper .bx-pager {
-	text-align: center;
-	font-size: .85em;
-	font-family: Arial;
-	font-weight: bold;
-	color: #666;
-	padding-top: 20px;
-}
-
-.bx-wrapper .bx-pager .bx-pager-item,
-.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
-	display: inline-block;
-	*zoom: 1;
-	*display: inline;
-}
-
-.bx-wrapper .bx-pager.bx-default-pager a {
-	background: #666;
-	text-indent: -9999px;
-	display: block;
-	width: 10px;
-	height: 10px;
-	margin: 0 5px;
-	outline: 0;
-	.border-radius(5px);
-}
-
-.bx-wrapper .bx-pager.bx-default-pager a:hover,
-.bx-wrapper .bx-pager.bx-default-pager a.active {
-	background: #000;
-}
-
-/* DIRECTION CONTROLS (NEXT / PREV) */
-
-.bx-wrapper .bx-prev {
-	left: 10px;
-	background: ~"url(../img/controls.png) no-repeat 0 -32px";
-}
-
-.bx-wrapper .bx-next {
-	right: 10px;
-	background: ~"url(../img/controls.png) no-repeat -43px -32px";
-}
-
-.bx-wrapper .bx-prev:hover {
-	background-position: 0 0;
-}
-
-.bx-wrapper .bx-next:hover {
-	background-position: -43px 0;
-}
-
-.bx-wrapper .bx-controls-direction a {
-	position: absolute;
-	top: 50%;
-	margin-top: -16px;
-	outline: 0;
-	width: 32px;
-	height: 32px;
-	text-indent: -9999px;
-	z-index: 9999;
-}
-
-.bx-wrapper .bx-controls-direction a.disabled {
-	display: none;
-}
-
-/* AUTO CONTROLS (START / STOP) */
-
-.bx-wrapper .bx-controls-auto {
-	text-align: center;
-}
-
-.bx-wrapper .bx-controls-auto .bx-start {
-	display: block;
-	text-indent: -9999px;
-	width: 10px;
-	height: 11px;
-	outline: 0;
-	background: ~"url(../img/controls.png) -86px -11px no-repeat";
-	margin: 0 3px;
-}
-
-.bx-wrapper .bx-controls-auto .bx-start:hover,
-.bx-wrapper .bx-controls-auto .bx-start.active {
-	background-position: -86px 0;
-}
-
-.bx-wrapper .bx-controls-auto .bx-stop {
-	display: block;
-	text-indent: -9999px;
-	width: 9px;
-	height: 11px;
-	outline: 0;
-	background: ~"url(../img/controls.png) -86px -44px no-repeat";
-	margin: 0 3px;
-}
-
-.bx-wrapper .bx-controls-auto .bx-stop:hover,
-.bx-wrapper .bx-controls-auto .bx-stop.active {
-	background-position: -86px -33px;
-}
-
-/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
-
-.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
-	text-align: left;
-	width: 80%;
-}
-
-.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
-	right: 0;
-	width: 35px;
-}
-
-/* IMAGE CAPTIONS */
-
-.bx-wrapper .bx-caption {
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	background: #666\9;
-	background: rgba(80, 80, 80, 0.75);
-	width: 100%;
-}
-
-.bx-wrapper .bx-caption span {
-	color: #fff;
-	font-family: Arial;
-	display: block;
-	font-size: .85em;
-	padding: 10px;
-}
-
-/*--------------------------------------------------------------------------
-+	Main Menu Style
---------------------------------------------------------------------------*/
-
-.mainmenu li.logo-wrapper a{
-	border-right: 1px solid #E8E8E8;
-	padding-left: 0;
-	padding-top: 0;
-	padding-bottom: 0;
-}
-
-.mainmenu-wrapper{
-	background-color: #FFF;
-	border-bottom: 4px solid @theme-color;
-	z-index: 4;
-}
-
-.mainmenu {
-	width: 100%;
-	/* general ul style */
-	ul {
-		margin: 0;
-		padding: 0;
-		list-style-type: none;
-	}
-	/* first level ul style */
-	>ul, .mainmenu-submenu-inner {
-		margin: 0 auto;
-		>li {
-			display: inline-block;
-			*display: inline;
-			>a{
-				font-size: 1.2em;
-				padding: 1.2em 1.5em;
-				color: #999;
-				display: inline-block;
-				text-decoration: none;
-				&:hover {
-					color: @theme-color;
-					text-decoration: none;
-				}
-			}
-		}
-		>li.active{
-			>a{
-				color: @theme-color;
-				font-weight: 600 !important;
-			}
-		}
-		>li.mainmenu-open a, li.mainmenu-open > a:hover {
-			color: #fff;
-			background: @theme-color;
-		}
-	}
-	/* sub-menu */
-	.mainmenu-submenu {
-		display: none;
-		position: absolute;
-		background: @theme-color;
-		width: 100%;
-		left: 0;
-		z-index: 999;
-		.translateZ(0);
-		.box-shadow(~"0 5px 5px rgba(0,0,0,0.4)");
-	}
-	.mainmenu-submenu-inner > div {
-		width: 33%;
-		float: left;
-	}
-	.mainmenu-submenu-inner:before, .mainmenu-submenu-inner:after {
-		content: " ";
-		display: table;
-	}
-	.mainmenu-submenu-inner:after {
-		clear: both;
-	}
-	.mainmenu-submenu-inner > div a {
-		line-height: 2em;
-	}
-}
-
-.mainmenu-open{
-	.mainmenu-submenu {
-		display: block;
-		padding-bottom: 3em;
-	}
-}
-
-.mainmenu-submenu{
-	h4 {
-		color: lighten(@theme-color, 30%);
-		padding: 1em 0 0.6em;
-		margin-left: 20px;
-		font-size: 160%;
-		font-weight: 300;
-	}
-	ul{
-		margin-left: 20px;
-	}
-}
-
-
-@media screen and (max-width: 979px) { 
-
-	.mainmenu {
-		font-size: 0.8em;
-	}
-
-	.mainmenu-submenu{
-		font-size: 1.2em;
-	}
-
-	.mainmenu-submenu li, .mainmenu-submenu h4{
-		padding-left: 10px;
-	}
-
-}
-
-@media screen and (max-width: 479px) { 
-
-	.mainmenu {
-		font-size: 120%;
-		border: none;
-	}
-
-	.mainmenu > ul,
-	.mainmenu .mainmenu-submenu-inner {
-		width: 100%;
-		padding: 0;
-	}
-
-	.mainmenu .mainmenu-submenu-inner {
-		padding: 0 1.5em;
-		font-size: 75%;
-	}
-
-	.mainmenu > ul > li {
-		display: block;
-		border-bottom: 4px solid #47a3da;
-		> a { 
-			display: block;
-			padding: 1em 3em;
-		}
-		&:last-child{
-			border: none;
-		}
-	}
-
-	.mainmenu .mainmenu-submenu { 
-		position: relative;
-	}
-
-	.mainmenu-submenu h4 {
-		padding-top: 0.6em;
-	}
-
-	.mainmenu .mainmenu-submenu-inner > div {
-		width: 100%;
-		float: none;
-		padding: 0;
-	}
-
-}
-
-/*--------------------------------------------------------------------------
-+	Extras Menu (Cart, Language, Login) Style
---------------------------------------------------------------------------*/
-
-.menuextras{
-	font-size: 0.85em;
-	height: 30px;
-	ul{
-		margin: 0;
-		padding: 0;
-		list-style-type: none;
-		float: right;
-		padding: 3px 0;
-	}
-	li{
-		float: left;
-		padding: 0 8px;
-	}
-	.extras{
-		li{
-			padding: 0 8px;
-			a{
-				color: #333;
-				&:hover{
-					color: #333;
-					text-decoration: none;
-				}
-			}
-
-		}
-		.shopping-cart-items{
-			i{
-				color: #333;
-			}
-		}
-	}
-	.choose-country{
-		.dropdown-menu{
-			background-color: #222;
-			background-color: fade(#222, 80%);
-			margin-top: 5px;
-			li{
-				float: none;
-				a{
-					color: #fff;
-					padding-left: 3px;
-					&:hover{
-						color: #fff;
-						background-color: #333 !important;
-					}
-				}
-			}
-
-		}
-	}
-}
-
-/*--------------------------------------------------------------------------
-+	Buttons Style
---------------------------------------------------------------------------*/
-
-.btn {
-	border: 1px solid @theme-color;
-	.border-radius(2px);
-	color: #FFFFFF;
-	cursor: pointer;
-	display: inline-block;
-	text-transform: none;
-	.transition(~"all .25s ease");
-	text-align: center;
-	background: none repeat scroll 0 0 @theme-color;
-	text-shadow: none;
-	box-shadow: none;
-	color: #FFF;
-	&:hover {
-		background: none repeat scroll 0 0 #3b3c41;
-		color: #FFF;
-		text-decoration: none;
-		border: 1px solid #3b3c41;
-	}
-	white-space: nowrap;
-	.caret{
-		border-top: 4px solid #FFF;
-	}
-}
-
-.btn-micro {
-	padding: 1px 8px;
-	font-size: 10px;
-}
-
-.btn-grey{
-	border: 1px solid darken(#E7E7E7, 10%);
-	color: #333;
-	background: none repeat scroll 0 0 #E7E7E7;
-	&:hover {
-		background: none repeat scroll 0 0 darken(#E7E7E7, 10%);
-		color: #333;
-		text-decoration: none;
-		border: 1px solid darken(#E7E7E7, 10%);
-	}
-	.caret{
-		border-top: 4px solid #333;
-	}
-}
-
-.btn-blue{
-	border: 1px solid darken(#4F8DB3, 10%);
-	color: #FFF;
-	background: none repeat scroll 0 0 #4F8DB3;
-	&:hover {
-		background: none repeat scroll 0 0 #3b3c41;
-		color: #FFF;
-		text-decoration: none;
-		border: 1px solid #3b3c41;
-	}
-}
-
-.btn-orange{
-	border: 1px solid darken(#FF7000, 10%);
-	color: #FFF;
-	background: none repeat scroll 0 0 #FF7000;
-	&:hover {
-		background: none repeat scroll 0 0 #3b3c41;
-		color: #FFF;
-		text-decoration: none;
-		border: 1px solid #3b3c41;
-	}
-}
-
-.btn-green{
-	border: 1px solid darken(#6E8023, 10%);
-	color: #FFF;
-	background: none repeat scroll 0 0 #6E8023;
-	&:hover {
-		background: none repeat scroll 0 0 #3b3c41;
-		color: #FFF;
-		text-decoration: none;
-		border: 1px solid #3b3c41;
-	}
-}
-
-.btn-red{
-	border: 1px solid darken(#DA1111, 10%);
-	color: #FFF;
-	background: none repeat scroll 0 0 #DA1111;
-	&:hover {
-		background: none repeat scroll 0 0 #3b3c41;
-		color: #FFF;
-		text-decoration: none;
-		border: 1px solid #3b3c41;
-	}
-}
-
-.btn-group.open .btn.dropdown-toggle{
-	background: none repeat scroll 0 0 #3b3c41;
-	color: #FFF;
-}
-
-.dropdown.open a.dropdown-toggle .caret{
-	border-top: 4px solid #FFF;
+/*--------------------------------------------------------------------------
++	Services Style
+--------------------------------------------------------------------------*/
+
+/* Multicolumn */
+
+.service-wrapper{
+	background: #FFF;
+	margin: 20px 10px;
+	text-align: center;
+	padding: 30px 20px;
+	.border-radius(5px);
+	.box-shadow(~"0 0 3px #999");
+	h3{
+		font-size: 1.2em;
+		margin: 10px 0 !important;
+	}
+	p{
+		margin-top: 0;
+	}
+}
+
+/* Row */
+
+.service-wrapper-row{
+	padding: 10px 0;
+	h3{
+		padding-top: 15px;
+	}
+	.service-image{
+		padding-top: 15px;
+		text-align: center;
+		img{
+			max-width: 80%;
+			vertical-align: bottom;
+			bottom: 0;
+			border: 7px solid #FFF;
+			.border-radius(5px);
+			.box-shadow(~"0 0 8px #999");
+		}
+	}
+}
+
+/*--------------------------------------------------------------------------
++	Pricing Table Style
+--------------------------------------------------------------------------*/
+
+.pricing-plan {
+	float: left;
+	text-align: center;
+	background: #fafafa;
+	background-clip: padding-box;
+	position: relative;
+	width: 48%;
+	margin: 10px 1% 10px 0;
+	padding: 20px;
+	.border-radius(7px);
+	.box-sizing(border-box);
+	.box-shadow(~"0 1px 8px rgba(0, 0, 0, 0.4)");
+	.transition(~"box-shadow .25s linear");
+	&:hover{
+		.box-shadow(~"0 0 8px #333");
+		z-index: 5;
+	}
+	
+	.pricing-plan-title {
+		position: relative;
+		margin: -20px -10px 20px;
+		padding: 20px;
+		line-height: 1;
+		font-size: 16px;
+		font-weight: bold;
+		color: #595f6b;
+		border-bottom: 1px dashed #d2d2d2;
+		&:before {
+			content: '';
+			position: absolute;
+			bottom: -1px;
+			left: 0;
+			right: 0;
+			height: 1px;
+			background-size: 3px 1px;
+			.gradient(~"linear-gradient(to right, white, white 33%, #d2d2d2 34%, #d2d2d2)");
+		}
+	}
+	.pricing-plan-price {
+		margin: 0 auto 20px;
+		width: 90px;
+		height: 90px;
+		line-height: 90px;
+		font-size: 19px;
+		font-weight: bold;
+		color: white;
+		background: #595f6b;
+		.border-radius(45px);
+		span {
+			font-size: 12px;
+			font-weight: normal;
+			color: rgba(255, 255, 255, 0.9);
+		}
+	}
+	.pricing-plan-features {
+		margin-bottom: 20px;
+		margin-left: 0;
+		padding: 0;
+		line-height: 2;
+		font-size: 12px;
+		color: #999;
+		text-align: center;
+		list-style-type: none;
+		li{
+			strong{
+				font-weight: bold;
+				color: #888;
+			}
+		}
+	}
+	.pricing-plan-promote {
+		margin: 0;
+		padding: 40px 20px;
+		background-color: white;
+		border-width: 2px;
+		.border-radius(7px);
+		z-index: 4;
+	}
+}
+
+.ribbon-wrapper {
+	width: 85px;
+	height: 88px;
+	overflow: hidden;
+	position: absolute;
+	top: 0;
+	right: 0;
+}
+.price-ribbon {
+	font: bold 15px Sans-Serif;
+	color: #333;
+	text-align: center;
+	text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
+	position: relative;
+	padding: 7px 0;
+	left: -5px;
+	top: 15px;
+	width: 120px;
+	background-color: #FFF;
+	color: #6a6340;
+	.rotate(45deg);
+	.box-shadow(~"0px 0px 3px rgba(0,0,0,0.3)");
+}
+
+.ribbon-green {
+	background-color: #BFDC7A;
+}
+
+.ribbon-blue {
+	background-color: #5ACBFF;
+}
+
+.ribbon-orange {
+	background-color: #FF9542;
+}
+
+.ribbon-red {
+	background-color: #FF7373;
+}
+
+@media (min-width: 768px) {
+	.pricing-plan {
+		width: 25%;
+		margin: 20px 0;
+		padding: 20px;
+		.border-radius(0);
+		&:first-child {
+			.border-top-left-radius(7px);
+			.border-bottom-left-radius(7px);
+		}
+		&:last-child {
+			border-width: 2px;
+			.border-top-right-radius(7px);
+			.border-bottom-right-radius(7px);
+		}
+	}
+	.pricing-plan-promote {
+		background: #fff;
+		padding: 40px;
+		margin-top: 0;
+		.border-radius(7px);
+		z-index: 4;
+	}
+}
+
+/*--------------------------------------------------------------------------
++	Contact Us Style
+--------------------------------------------------------------------------*/
+
+#contact-us-map{
+	height: 300px;
+	.box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
+}
+
+.contact-us-details{
+	margin: 20px 0;
+	font-size: 0.9em;
+}
+
+/*--------------------------------------------------------------------------
++	Video Wrapper Style
+--------------------------------------------------------------------------*/
+
+.video-wrapper{
+	.box-shadow(~"0 0 5px #000");
+	margin: 20px 0;
+}
+
+/*--------------------------------------------------------------------------
++	Call to Action Bar Style
+--------------------------------------------------------------------------*/
+
+.calltoaction-wrapper{
+	text-align: center;
+	h3{
+		display: inline-block;
+		line-height: 36px;
+		margin-right: 10px;
+		margin-bottom: 0;
+	}
+	a{
+		vertical-align: top;
+	}
+}
+
+/*--------------------------------------------------------------------------
++	Testimonials Style
+--------------------------------------------------------------------------*/
+
+.testimonial{
+	blockquote{
+		margin: 0;
+		padding: 0;
+		border-left: none;
+		p{
+			font-size: 0.9em;
+			margin-bottom: 20px;
+			line-height: 1.5;
+		}
+	}
+	.testimonial-bubble {
+		text-align: justify;
+		.border-radius(4px);
+		padding: 0 20px 20px 20px;
+		margin: 35px 10px 20px 10px;
+		background: #FFF;
+		position: relative;
+		.box-sizing(border-box);
+		.box-shadow(~"inset 0 1px #fff,0 1px 2px #c8cfe6");
+	}
+	.testimonial-bubble::before {
+		background-color: #FFF;
+	    content: "\00a0";
+	    display: block;
+	    height: 20px;
+	    width:  20px;
+	    top: -10px;
+	    left: 45%;
+	    position: relative;
+	    .transform(~"rotate(45deg)");
+	}
+	.author-photo{
+		text-align: center;
+		img{
+			margin: auto;
+			border: 5px solid #FFF;
+			.border-radius(100px);
+			.box-shadow(~"inset 0 1px #fff,0 1px 2px #c8cfe6");
+		}
+	}
+	.author-info{
+		font-weight: 400;
+		font-size: 0.8em;
+	}
+}
+
+/*--------------------------------------------------------------------------
++	Clients Logos Style
+--------------------------------------------------------------------------*/
+
+.clients-logo-wrapper{
+	img{
+		max-width: 100%;
+	}
+}
+
+/*--------------------------------------------------------------------------
++	News Style
+--------------------------------------------------------------------------*/
+
+.featured-news, .latest-news{
+	.caption{
+		padding: 10px 0 5px 0;
+		a{
+			font-size: 1.1em;
+			font-weight: 600;
+			color: @font-color;
+		}
+	}
+	.intro{
+		padding-bottom: 10px;
+		font-size: 0.9em;
+		a{
+			white-space: nowrap;
+		}
+	}
+	.date{
+		font-size: 0.7em;
+		color: #999;
+	}
+	img{
+		max-width: 100%;
+		margin: 10px 0 10px 0;
+		.border-radius(5px);
+		.box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
+	}
+}
+
+/*--------------------------------------------------------------------------
++	Frequently Asked Questions Style
+--------------------------------------------------------------------------*/
+
+.faq-wrapper{
+	h3{
+		margin-top: 20px !important;
+	}
+	.accordion-inner {
+		margin: 10px 0 10px 20px;
+		padding: 0 10px;
+		font-size: 0.9em;
+		.answer{
+			font-weight: 600;
+		}
+	}
+}
+
+/*--------------------------------------------------------------------------
++	Blog Style
+--------------------------------------------------------------------------*/
+
+/* Posts List */
+
+.blog-post{
+	background: #FFF;
+	position: relative;
+	margin: 20px 0;
+	border: 7px solid #FFF;
+	img{
+		max-width: 100%;
+	}
+	.border-radius(5px);
+	.box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
+	.post-info{
+		background: #000;
+		background: rgba(0,0,0,0.6);
+		color: #FFF;
+		line-height: 1.2;
+		position: absolute;
+		padding: 5px;
+		left: 10px;
+		top: 10px;
+		.border-radius(5px);
+	}
+	.post-comments-count{
+		text-align: center;
+	}
+}
+
+.post-info{
+	.post-comments-count{
+		padding-top: 5px;
+		i{
+			margin-right: 5px;
+		}
+		a{
+			color: #FFF;
+		}
+	}
+	.post-date .date{
+		font-size: 0.7em;
+		font-weight: 600;
+	}
+}
+
+.post-title{
+	h3{
+		font-size: 1.2em;
+		border-bottom: 1px dotted #828282;
+		margin: 0 20px;
+		padding-top: 10px;
+		a{
+			color: @font-color;
+		}
+	}
+}
+
+.post-summary{
+	margin: 10px 20px;
+	p{
+		color: #828282;
+		font-size: 0.9em;
+		text-align: justify;
+	}
+}
+
+.post-more{
+	text-align: right;
+	padding: 0 20px 20px 0;
+}
+
+/* Single Post */
+
+.blog-single-post{
+	padding: 10px 30px;
+}
+
+ .single-post-title h3{
+	font-size: 1.5em;
+	margin: 0;
+}
+
+.single-post-info{
+	margin-bottom: 20px;
+	padding-bottom: 10px;
+	border-bottom: 1px dotted #828282;
+	i{
+		color: #333;
+		margin-right: 5px;
+	}
+}
+
+.single-post-image{
+	text-align: center;
+	img{
+		.box-shadow(~"0 0 5px #000");
+	}
+}
+
+.single-post-content{
+	margin: 30px 0 20px 0;
+	padding-bottom: 20px;
+	border-bottom: 2px dotted #CCC;
+	p{
+		color: #828282;
+		font-size: 0.9em;
+		text-align: justify;
+	}
+}
+
+.post-comments{
+	list-style-type: none;
+	margin-left: 0;
+	margin-bottom: 40px;
+	padding: 0;
+	ul{
+		list-style-type: none;
+		margin-left: 30px;
+		padding: 0;
+	}
+}
+
+.comment-wrapper p{
+	margin: 0;
+	position: relative;
+	border: 1px solid #CCC;
+	padding: 10px;
+	margin-bottom: 10px;
+	.border-radius(3px);
+}
+
+.comment-author{
+	font-size: 1.3em;
+	font-weight: 600;
+	margin-bottom: 10px;
+	img{
+		max-width: 50px;
+		.border-radius(25px);
+		margin-right: 10px;
+	}
+}
+
+.comment-date{
+	font-size: 0.9em;
+	margin-right: 20px;
+}
+
+.comment-actions{
+	text-align: right;
+	opacity: 0.6;
+	.transition(~"opacity .25s linear");
+	&:hover{
+		text-align: right;
+		opacity: 1;
+	}
+	i{
+		color: #333;
+	}
+}
+
+.comment-reply-btn{
+	margin-left: 10px;
+}
+
+.blog-sidebar{
+	h4{
+		margin-top: 20px;
+		font-weight: 700;
+		&:first-child{
+			margin-top: 0;
+		}
+	}
+	ul{
+		list-style-type: none;
+		margin-left: 0;
+		padding: 0;
+	}
+	.recent-posts, .blog-categories{
+		li{
+			padding: 5px 20px 5px 0;
+			border-top: 1px solid #D5D5D5;
+			&:last-child {
+				border-bottom: 1px solid #D5D5D5;
+			}
+		}
+		a{
+			color: @font-color;
+		}
+	}
+}
+
+/*--------------------------------------------------------------------------
++	E-commerce Style
+--------------------------------------------------------------------------*/
+
+.shop-item{
+	position: relative;
+	background: #FFF;
+	padding-bottom: 10px;
+	margin-top: 20px;
+	margin-bottom: 10px;
+	border: 8px solid #FFF;
+	.border-radius(5px);
+	.box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
+	img{
+		max-width: 100%;
+	}
+	.image{
+		text-align: center;
+	}
+	.title{
+		padding: 20px 0 10px;
+		h3{
+			font-size: 0.9em;
+			margin: 0 10px;
+			text-align: center;
+			a{
+				color: @font-color;
+				text-transform:uppercase;
+			}
+		}
+	}
+	.colors{
+		text-align: center;
+		margin-bottom: 10px;
+		span{
+			display: inline-block;
+			*display: inline;
+			width: 8px;
+			height: 8px;
+			border-width: 1px;
+			border-style: solid;
+			margin: 2px;
+		}
+	}
+	.price{
+		color: @font-color;
+		font-size: 1.5em;
+		text-align: center;
+		margin-bottom: 20px;
+		font-weight: 600;
+		.border-radius(7px);
+		.price-was{
+			color: #A7A7A7;
+			font-size: 0.8em;
+			text-decoration: line-through;
+		}
+	}
+
+	.description{
+		color: #828282;
+		font-size: 0.9em;
+		text-align: justify;
+		margin: 0 10px;
+		p{
+			border-top: 1px solid #ECECEC;
+			padding: 10px;
+			margin: 0;
+		}
+	}
+
+	.actions{
+		border-top: 1px solid #ECECEC;
+		margin: 0 10px;
+		padding-top: 20px;
+		text-align: center;
+		span{
+			font-size: 0.8em;
+			white-space: nowrap;
+		}
+	}
+}
+
+.colors{
+	text-align: center;
+	margin-bottom: 10px;
+	span{
+		display: inline-block;
+		*display: inline;
+		width: 8px;
+		height: 8px;
+		border-width: 1px;
+		border-style: solid;
+		margin: 2px;
+	}
+}
+
+span.color-white{
+	background-color: #D7D7CF;
+	border-color: darken(#D7D7CF, 10%);
+}
+
+span.color-black{
+	background-color: #000;
+	border-color: darken(#000, 10%);
+}
+
+span.color-blue{
+	background-color: #073A52;
+	border-color: darken(#073A52, 10%);
+}
+
+span.color-orange{
+	background-color: #D56E1D;
+	border-color: darken(#D56E1D, 10%);
+}
+
+span.color-green{
+	background-color: #5C6632;
+	border-color: darken(#5C6632, 10%);
+}
+
+span.color-red{
+	background-color: #DA1111;
+	border-color: darken(#DA1111, 10%);
+}
+
+/*--------------------------------------------------------------------------
++	Product Details Page Style
+--------------------------------------------------------------------------*/
+
+.product-image-large{
+	border: 8px solid #FFF;
+	text-align: center;
+	margin-bottom: 10px;
+	.border-radius(5px);
+	.box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
+	img{
+		max-width: 100%;
+	}
+}
+
+.product-details{
+	h4, h5{
+		font-weight: 700;
+	}
+	h4{
+		margin-bottom: 20px;
+	}
+	h5{
+		margin-top: 20px;
+	}
+	.price{
+		font-size: 1.4em;
+		font-weight: 700;
+		text-align: left;
+		padding: 5px;
+		background: fade(#FFF, 60%);
+		display: inline;
+		.border-radius(5px);
+	}
+	.price-was{
+		text-decoration: line-through;
+		font-size: 0.8em;
+		font-weight: normal;
+	}
+	.shop-item-selections{
+		width: 100%;
+		td{
+			line-height: 36px;
+			&:first-child{
+				width: 30%;
+			}
+		}
+	}
+	.choose-item-color{
+		span{
+			display: inline-block;
+			*display: inline;
+			width: 10px;
+			height: 10px;
+			border-width: 1px;
+			border-style: solid;
+			margin-bottom: -1px;
+			margin-right: 2px;
+		}
+	}
+}
+
+.product-details-nav{
+	margin-top: 30px !important;
+	margin-left: 0 !important;
+}
+
+.product-detail-info{
+	background: #fff;
+	border-top: 0;
+	border-left: 1px;
+	border-right: 1px;
+	border-bottom: 1px;
+	border-color: #ddd;
+	border-style: solid;
+	padding: 20px 30px;
+	p, ul{
+		font-size: 0.9em;
+	}
+	table{
+		width: 100%;
+		td{
+			font-size: 0.9em;
+			width: 50%;
+			line-height: 28px;
+			border-bottom: 1px solid #E7E7E7;
+			&:first-child{
+				font-weight: 600;
+			}
+		}
+		tr:last-child{
+			td{
+				border-bottom: 0;
+			}
+		}
+	}
+}
+
+/*--------------------------------------------------------------------------
++	Shopping Cart Style
+--------------------------------------------------------------------------*/
+
+.shopping-cart{
+	margin: 10px 0 0 0;
+	width: 100%;
+	border-collapse: separate;
+    border-spacing: 0 10px;
+    a{
+		color: @font-color;
+	}
+	tr{
+		background: #FFF;	
+	}
+	td{
+		padding: 10px;
+		&:first-child{
+			.border-radius(5px 0 0 5px);
+			margin-left: 10px;
+		}
+		&:last-child{
+			.border-radius(0 5px 5px 0);
+			margin-right: 10px;
+		}
+	}
+	.image, .image img{
+		max-width: 150px;
+	}
+
+	.title{
+		font-size: 1.1em;
+	}
+
+	.feature{
+		font-size: 0.8em;
+	}
+
+	.color span{
+		display: inline-block;
+		*display: inline;
+		width: 8px;
+		height: 8px;
+		border-width: 1px;
+		border-style: solid;
+	}
+
+	.quantity{
+		width: 80px;
+	}
+
+	.price{
+		color: @font-color;
+		font-size: 1.2em;
+		width: 80px;
+		text-align: center;
+	}
+
+	.actions{
+		width: 80px;
+		.btn{
+			margin-bottom: 5px;
+		}
+	}
+}
+
+.cart-totals{
+	margin: 20px 0 30px 0;
+	border-top: 2px solid #535b60;
+	font-size: 1.1em;
+	line-height: 24px;
+	text-align: right;
+	width: 100%;
+	td{
+		width: 150px;
+		padding: 3px 0;
+	}
+	.cart-grand-total{
+		font-size: 1.3em;
+	}
+}
+
+@media (max-width: 500px){
+	.shopping-cart{
+		.image{
+			display: none;
+		}
+	}
+	.cart-item-title{
+		font-size: 0.8em;
+	}
+}
+
+
+/*--------------------------------------------------------------------------
++	Products Slider Style
+--------------------------------------------------------------------------*/
+
+.products-slider{
+	.shop-item{
+		border:0;
+		margin: 0;
+		padding: 0;
+		width: 25%;
+		float: left;
+		display: block;
+		position: relative;
+		.border-radius(5px);
+		.box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
+		img{
+			.border-radius(~"5px 5px 0 0");
+		}
+		.title{
+			h3{
+				a{
+					font-size: 1em;
+					font-weight: 400;
+				}
+			}
+		}
+		.price{
+			font-size: 1.1em;
+			font-weight: 400;
+		    margin-bottom: 10px;
+		}
+		.actions{
+			padding: 10px 0;
+		}
+	}
+}
+
+@media (max-width: 768px){
+	.products-slider .shop-item{
+		width: 34%;
+	}
+}
+
+@media (max-width: 479px){
+	.products-slider .shop-item{
+		width: 100%;
+	}
+}
+
+/*--------------------------------------------------------------------------
++	Events List Style
+--------------------------------------------------------------------------*/
+
+.events-list{
+	width: 100%;
+	font-size: 0.9em;
+	tr{
+		td{
+			padding: 5px 20px 5px 0;
+			&:last-child{
+				padding: 5px 0;
+				text-align: right;
+			}
+		}
+		&:hover{
+			.event-date{
+				border-left: 5px solid @theme-color;
+			}
+		}
+	}
+	.event-date{
+		margin: 3px 0;
+		padding: 2px 10px;
+		border-left: 5px solid #CFCFCF;
+		.transition(~"all .25s linear");
+	}
+	.event-date{
+		.event-day{
+			color: #808080;
+			font-size: 1.5em;
+			font-weight: 600;
+			text-align: center;
+		}
+		.event-month{
+			color: #CFCFCF;
+			font-size: 1.1em;
+			font-weight: 600;
+			text-align: center;
+		}
+		.event-venue, .event-price{
+			white-space: nowrap;
+		}
+	}
+}
+
+/*--------------------------------------------------------------------------
++	Jobs list Style
+--------------------------------------------------------------------------*/
+
+.jobs-list{
+	width: 100%;
+	th{
+		font-size: 1.2em;
+		text-align: left;
+		padding: 10px 0;
+	}
+	td{
+		padding: 5px 20px 5px 0;
+		border-top: 1px solid #E6E6E6;
+	}
+	tr{
+		&:last-child{
+			td{
+				border-bottom: 1px solid #E6E6E6;
+			}
+		}
+	}
+}
+
+.job-position{
+	a{
+		color: @font-color;
+		font-size: 1.1em;
+	}
+}
+
+.job-location, .job-type{
+	font-size: 0.9em;
+}
+
+// Join us promo
+
+.join-us-promo{
+	blockquote{
+		margin: 0;
+		padding: 0;
+		border-left: none;
+	}
+	blockquote{
+		p{
+			font-size: 1.1em;
+			margin-bottom: 20px;
+			line-height: 1.5;
+		}
+	}
+	.author-info{
+		font-weight: 400;
+		font-size: 0.8em;
+	}
+	.author-photo{
+		text-align: center;
+	}
+	.author-photo{
+		img{
+			margin: auto;
+			border: 5px solid #FFF;
+			.border-radius(70px);
+			.box-shadow(~"inset 0 1px #fff,0 1px 2px #c8cfe6");
+		}
+	}
+}
+
+.join-us-bubble {
+	text-align: justify;
+	.border-radius(4px);
+	padding: 20px 20px 0 20px;
+	margin-top: 30px;
+	margin-bottom: 30px;
+	background: #FFF;
+	position: relative;
+	.box-sizing(border-box);
+	.box-shadow(~"inset 0 1px #fff,0 0 4px #c8cfe6");
+}
+
+.join-us-bubble::after {
+	background: #FFF;
+    content: "\00a0";
+    display: block;
+    height: 20px;
+    width:  20px;
+    bottom: -10px;
+    left: 45%;
+    position: relative;
+    .transform(~"rotate(45deg)");
+    .box-shadow(~"inset 0 1px #fff,1px 1px 1px #c8cfe6");
+}
+
+.job-details-wrapper p{
+	text-align: justify;
+}
+
+/*--------------------------------------------------------------------------
++	Login/Register/Reset Password Forms Style
+--------------------------------------------------------------------------*/
+
+.basic-login{
+	background: fade(#FFF, 80%);
+	padding: 20px 20px 10px 20px;
+	.border-radius(5px);
+	.box-shadow(~"inset 0 1px #fff,0 0 4px #c8cfe6");
+	form{
+		margin: 0;
+	}
+	label{
+		line-height: 30px;
+		font-size: 1.2em;
+	}
+	input[type="checkbox"]{
+		margin-top: 4px;
+	}
+}
+
+.social-login{
+	p{
+		text-align: center;
+		font-size: 1.2em;
+		font-style: italic;
+		padding: 20px 0;
+	}
+	.social-login-buttons{
+		text-align: center;
+		a{
+			position: relative;
+			display: inline-block;
+			white-space: nowrap;
+			height: 35px;
+			line-height: 35px;
+			padding-right: 15px;
+			margin: 10px 5px;
+			color: #fff;
+			font-size: 1.1em;
+			text-align: left;
+			.border-radius(3px);
+			.transition(~"opacity .2s linear");
+			.translateZ(0);
+			&:hover{
+				opacity: 0.8;
+				text-decoration: none;
+			}
+			&:before{
+				content: '';
+				display: block;
+				position: absolute;
+				top: 5px;
+				width: 24px;
+				height: 24px;
+				background-image: ~"url(../img/social-login.png)";
+				background-repeat: no-repeat;
+			}
+		}
+	}
+	.btn-facebook-login{
+		padding-left: 35px;
+		background-color: #6886bc;
+		.gradient(~"linear-gradient(top,#6886bc 0,#466ca9 100%)");
+	}
+
+	.btn-twitter-login{
+		padding-left: 45px;
+		background-color: #25b6e6;
+	}
+	.btn-facebook-login:before{
+		left: 10px;
+		background-position: 0 0;
+	}
+	.btn-twitter-login:before{
+		left: 15px;
+		background-position: -48px 0;
+	}
+	.not-member{
+		p{
+			font-size: 1.5em;
+			font-weight: 600;
+			font-style: normal;
+			margin-top: 30px;
+			border-top: 1px solid #CCC;
+		}
+	}
+	
+}
+
+/*--------------------------------------------------------------------------
++	'In Press' Style
+--------------------------------------------------------------------------*/
+
+.in-press{
+	a{
+		color: lighten(@font-color, 30%);
+		font-size: 1.3em;
+		font-family: Georgia, serif;
+		line-height: 28px;
+		position: relative;
+		padding-left: 16px;
+		padding-bottom: 32px;
+		margin-bottom: 15px;
+		display: block;
+		.transition(~"color .25s linear");
+		&:hover{
+			color: @theme-color;
+			text-decoration: none;
+		}
+		&:after{
+			content: '';
+			display: block;
+			position: absolute;
+			bottom: -10px;
+			right: 20px;
+			width: 120px;
+			height: 32px;
+			background-image: ~"url(../img/in-press.png)";
+			background-repeat: no-repeat;
+			.transition(~".25s linear");
+		}
+		&:before {
+			content: "\201C";
+			margin-left: -16px;
+			font-size: 2.2em;
+		}
+	}
+
+}
+
+// Change the below classes and image to meet your press coverage
+
+.press-wired a{
+	&:after{
+		background-position: 0px 0px;
+	}
+	&:hover{
+		&:after{
+			background-position: 0px -32px;
+		}
+	}
+}
+
+.press-mashable a{
+	&:after{
+		background-position: -120px 0px;
+	}
+	&:hover{
+		&:after{
+			background-position: -120px -32px;
+		}
+	}
+}
+
+.press-techcrunch a{
+	&:after{
+		background-position: -240px 0px;
+	}
+	&:hover{
+		&:after{
+			background-position: -240px -32px;
+		}
+	}
+}
+
+/*--------------------------------------------------------------------------
++	Portfolio Style
+--------------------------------------------------------------------------*/
+
+.portfolio-item{
+	position: relative;
+	background: #FFF;
+	margin-bottom: 20px;
+	border: 8px solid #FFF;
+	.border-radius(5px);
+	.box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
+	.transition(~"all .5s ease");
+	.portfolio-image{
+		overflow: hidden;
+		text-align: center;
+		position: relative;
+		img{
+			max-width: 100%;
+			.transition(~"all .25s ease");
+		}
+	}
+	&:hover{
+		border: 8px solid @theme-color;
+		.portfolio-image{
+			img{
+				position: relative;
+				.transform(~"scale(1.1) rotate(2deg)");
+			}
+		}
+	}
+	ul{
+		list-style-type: none;
+		margin-left: 0;
+		margin-top: 20px;
+		text-align: center;
+		padding: 0;
+		li{
+			line-height: 28px;
+		}
+	}
+	.portfolio-project-name{
+		font-size: 1.3em;
+		text-transform: uppercase;
+	}
+	.read-more{
+		text-align: center;
+		padding-top: 10px;
+	}
+	.portfolio-info-fade{
+		.opacity(0);
+		top: 0;
+		position: absolute;
+		background: #000;
+		background: fade(#000, 70%);
+		width: 100%;
+		height: 100%;
+		color: #FFF;
+		text-shadow: 2px 2px 4px #000000;
+	    filter: dropshadow(color=#000000, offx=2, offy=2);
+	    .transition(~"opacity .25s linear");
+	    ul{
+			margin-top: 10%;
+		}
+		.btn:hover{
+			background: @theme-color;
+		}
+		ul{
+			margin: 10% 20px 0 20px;
+			padding: 0;
+			li{
+				text-align: center;
+				&:first-child{
+					border-bottom: 1px solid #CCC;
+				}
+			}
+		}
+	}
+	&:hover{
+		.portfolio-info-fade{
+			display: block;
+			.opacity(1);
+		}
+	}
+}
+
+.lt-ie9 .portfolio-info-fade{
+	display: none;
+}
+
+.lt-ie9 .portfolio-item:hover .portfolio-info-fade{
+	display: block;
+}
+
+.portfolio-visit-btn{
+	padding-top: 15px;
+}
+
+.portfolio-item-description{
+	ul{
+		padding: 0;
+	}
+}
+
+/*--------------------------------------------------------------------------
++	Our Team Style
+--------------------------------------------------------------------------*/
+
+.team-member{
+	position: relative;
+	background: #FFF;
+	margin-bottom: 20px;
+	border: 8px solid #FFF;
+	.box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
+	img{
+		max-width: 100%;
+	}
+	ul{
+		list-style-type: none;
+		margin-left: 0;
+		margin-top: 20px;
+		li{
+			line-height: 28px;
+		}
+	}
+	&:hover{
+		.team-member-image{
+			.opacity(1);
+		}
+	}
+	.team-member-image{
+		text-align: center;
+		position: relative;
+		.transition(~"opacity .25s linear");
+		.opacity(0.85);
+	}
+
+	.team-member-name{
+		font-size: 1.3em;
+		text-transform: uppercase;
+	}
+
+	.team-member-social{
+		position: absolute;
+		right: 0;
+		.opacity(0.5);
+		.transition(~"opacity .25s linear");
+		.team-member-social i{
+			margin-top: 3px;
+		}
+		&:hover{
+			.opacity(1);
+		}
+	}
+}
+
+/*--------------------------------------------------------------------------
++	Sitemap Style
+--------------------------------------------------------------------------*/
+
+.sitemap{
+	margin-left: 0;
+	list-style-type: none;
+	padding: 0;
+	a{
+		color: @font-color;
+	}
+	li{
+		padding: 10px 0;
+		font-weight: 600;
+	}
+	ul{
+		list-style-type: none;
+		margin-top: 10px;
+		margin-left: 10px;
+		padding: 0;
+		li{
+			padding: 3px 0;
+			font-size: 0.9em;
+			font-weight: 400;
+		}
+	}
+}
+
+/*--------------------------------------------------------------------------
++	Coming Soon Page Style
+--------------------------------------------------------------------------*/
+
+.coming-soon-top{
+	background: #FFF;
+	background: fade(#FFF, 80%);
+	min-height: 80px;
+	.logo-wrapper{
+		padding-top: 20px;
+	}
+}
+
+.coming-soon-content{
+	margin-top: 5%;
+	text-align: center;
+	h3{
+		font-size: 3em;
+		line-height: 1.3em;
+		font-weight: 400;
+		color: #FFF;
+		margin-bottom: 40px;
+		text-shadow: 1px 1px 8px #000000;
+	}
+	p{
+		color: #E6E6E6;
+		text-shadow: 2px 2px 4px #000000;
+	}
+}
+
+.coming-soon-subscribe{
+	padding-top: 30px;
+	.btn{
+		border-radius: 0 5px 5px 0;
+	}
+	p{
+		margin-top: 10px;
+	}
+}
+
+.coming-soon-social{
+	margin-top: 60px;
+	.opacity(0.7);
+	.transition(~"opacity .25s linear");
+	a{
+		display: inline-block;
+	}
+	&:hover{
+		.opacity(1);
+	}
+}
+
+.full-screen-background{
+	z-index: -999;
+	min-height: 100%;
+	min-width: 1024px;
+	width: 100%;
+	height: auto;
+	position: fixed;
+	top: 0;
+	left: 0;
+}
+
+/*--------------------------------------------------------------------------
++	Breadcrumbs Section Style
+--------------------------------------------------------------------------*/
+
+.section-breadcrumbs{
+	background: #222;
+	background: fade(#222, 80%);
+	margin-bottom: 10px;
+	h1{
+		color: #FAFAFA;
+		font-size: 1.6em;
+		margin-bottom: 0;
+		text-transform: none;
+	}
+}
+
+/*--------------------------------------------------------------------------
+	Footer Style
+--------------------------------------------------------------------------*/
+
+.footer{
+	background: #222;
+	color: #A0A0A0;
+	padding: 0 20px 10px 20px;
+	border-top: 4px solid @theme-color;
+	margin-top: 20px;
+	.box-shadow(~"0 -1px 12px rgba(0,0,0,0.4)");
+	h3{
+		color: #E4E4E4;
+		font-size: 1.3em;
+		border-bottom: 1px dotted #7C7C7C;
+	}
+	ul{
+		padding: 0;
+	}
+}
+
+.footer-navigate-section li{
+	line-height: 20px !important;
+}
+
+.footer-stay-connected{
+	a{
+		text-align: left;
+		text-indent: -9999px;
+		display: block;
+		width: 115px;
+		height: 40px;
+		background: ~"url(../img/stay-connected.png)";
+		.opacity(0.5);
+		.transition(~"opacity .25s linear");
+		&:hover{
+			.opacity(1);
+		}
+	}
+	a.facebook{
+		background-position: -115px 0;
+	}
+	a.twitter{
+		background-position: -230px 0;
+	}
+	a.googleplus{
+		background-position: 0 0;
+	}
+	li{
+		text-align: center;
+	}
+}
+
+.footer-copyright{
+	text-align: center;
+	color: #7C7C7C;
+	border-top: 1px dotted #7C7C7C;
+	padding-top: 10px;
+	font-size: 0.9em;
+}
+
+/*--------------------------------------------------------------------------
++	Pagination Style (overrides Bootstrap style)
+--------------------------------------------------------------------------*/
+
+.pagination-wrapper{
+	margin-top: 15px;
+	text-align: center;
+}
+
+.pagination>li>a, .pagination>li>span{
+	border: none;
+	border-bottom: 3px solid #FFF;
+	color: #666666;
+	margin-left: 0;
+	margin-bottom: 5px;
+	.transition(~"all .25s linear");
+}
+
+.pagination>li>a:hover, .pagination>li>a:focus, .pagination>.active>a, .pagination>.active>span{
+	background: #FFF;
+}
+
+.pagination>li>a:hover{
+	border-bottom: 3px solid #666666;
+}
+
+.pagination>.active>a, .pagination>.active>span{
+	color: #666666;
+	border-bottom: 3px solid @theme-color;
+}
+
+.pagination>.disabled>a{
+	border-color: #fff;
+}
+
+.pagination>.disabled>span, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
+	margin-bottom: 0;
+	color: #C9C9C9;
+	background-color: #FFF;
+	cursor: default;
+}
+
+/*--------------------------------------------------------------------------
++	Custom Style for Maps
+--------------------------------------------------------------------------*/
+
+.leaflet-popup-content-wrapper{
+	.border-radius(5px);
+}
+
+/*--------------------------------------------------------------------------
++	Custom Style for Tabs (overrides Bootstrap)
+--------------------------------------------------------------------------*/
+
+.nav-tabs>li>a {
+	font-size: 1.1em;
+	padding: 10px 15px;
+	color: @font-color;
+}
+
+.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
+	font-weight: 600;
+	background-color: #ffffff;
+	border: 1px solid #ddd;
+	border-top: 3px solid @theme-color;
+	border-bottom-color: transparent;
+	cursor: default;
+}
+
+/*--------------------------------------------------------------------------
++	404 Page Style
+--------------------------------------------------------------------------*/
+
+.error-page-wrapper{
+	font-size: 1.5em;
+	font-weight: 600;
+	margin: 100px 0;
+	text-align: center;
+}
+
+
+/*--------------------------------------------------------------------------
++	Homepage Slider Style (modified sequencejs CSS). Sorry, no LESS here
+--------------------------------------------------------------------------*/
+
+#sequence {
+	position: relative;
+	overflow: hidden;
+	width: 100%;
+	max-width: 1920px;
+	color: white;
+	font-size: 0.625em;
+	margin: 0 auto 30px auto;
+	position: relative;
+	height: 400px;
+	img{
+		max-width: 100%;
+	}
+}
+
+#sequence > .sequence-canvas {
+	list-style-type: none;
+	height: 400px;
+	margin: 0;
+	padding: 0;
+	width: 100%;
+}
+
+#sequence h2{
+	font-size: 4em;
+	color: #FFF;
+	text-shadow: 2px 2px 3px #444;
+    border: none;
+    padding-left: 0;
+    margin-top: 0;
+}
+
+#sequence h3{
+	font-size: 2em;
+	color: #FFF;
+	text-shadow: 2px 2px 3px #444;
+}
+
+#sequence > .sequence-canvas > li {
+	position: absolute;
+	width: 100%;
+	height: 400px;
+	z-index: 1;
+	.transition-property(background);
+	background-position: -50px 0;
+}
+
+#sequence > .sequence-canvas > li.bg1 {
+	background-image: ~"url(../img/homepage-slider/slider-bg1.jpg)";
+}
+
+#sequence > .sequence-canvas > li.bg2 {
+	background-image: ~"url(../img/homepage-slider/slider-bg2.jpg)";
+}
+
+#sequence > .sequence-canvas > li.bg3 {
+	background-image: ~"url(../img/homepage-slider/slider-bg3.jpg)";
+}
+
+#sequence > .sequence-canvas > li.bg4 {
+	background-image: ~"url(../img/homepage-slider/slider-bg4.jpg)";
+}
+
+#sequence > .sequence-canvas > li.bg5 {
+	background-image: ~"url(../img/homepage-slider/slider-bg5.jpg)";
+}
+
+#sequence > .sequence-canvas > li.bg6 {
+	background-image: ~"url(../img/homepage-slider/slider-bg6.jpg)";
+}
+
+#sequence > .sequence-canvas > li.bg7 {
+	background-image: ~"url(../img/homepage-slider/slider-bg7.jpg)";
+}
+#sequence > .sequence-canvas > li.bg8 {
+	background-image: ~"url(../img/homepage-slider/slider-bg8.jpg)";
+}
+#sequence > .sequence-canvas > li.bg9 {
+	background-image: ~"url(../img/homepage-slider/slider-bg9.jpg)";
+}
+#sequence > .sequence-canvas > li.bg10 {
+	background-image: ~"url(../img/homepage-slider/slider-bg10.jpg)";
+}
+#sequence > .sequence-canvas > li.bg11 {
+	background-image: ~"url(../img/homepage-slider/slider-bg11.jpg)";
+}
+#sequence > .sequence-canvas > li.bg12 {
+	background-image: ~"url(../img/homepage-slider/slider-bg12.jpg)";
+}
+#sequence > .sequence-canvas > li.bg13 {
+	background-image: ~"url(../img/homepage-slider/slider-bg13.jpg)";
+}
+#sequence > .sequence-canvas > li.bg14 {
+	background-image: ~"url(../img/homepage-slider/slider-bg14.jpg)";
+}
+
+#sequence > .sequence-canvas > li img {
+  height: 96%;
+}
+
+#sequence > .sequence-canvas li > * {
+  position: absolute;
+  .transition-property(left, opacity);
+}
+
+.sequence-next,
+.sequence-prev {
+  color: white;
+  cursor: pointer;
+  display: none;
+  font-weight: bold;
+  padding: 10px 15px;
+  position: absolute;
+  top: 50%;
+  z-index: 1000;
+  height: 75px;
+  margin-top: -47.5px;
+}
+
+.sequence-pause {
+  bottom: 0;
+  cursor: pointer;
+  position: absolute;
+  z-index: 1000;
+}
+
+.sequence-paused {
+  .opacity(0.3);
+}
+
+.sequence-prev {
+  left: 3%;
+}
+
+.sequence-next {
+  right: 3%;
+}
+
+.sequence-prev img,
+.sequence-next img {
+  height: 100%;
+  width: auto;
+}
+
+#sequence-preloader {
+  background: #d9d9d9;
+}
+
+.sequence-pagination-wrapper{
+	position: absolute;
+	bottom: 10px;
+	right: 20px;
+	z-index: 99;
+}
+
+.sequence-pagination {
+	display: none;
+	z-index: 99;
+	.transition-duration(0.5s);
+}
+
+.sequence-pagination li {
+	display: inline-block;
+	*display: inline;
+	width: 14px;
+	height: 14px;
+	margin: 0 4px;
+	text-indent: -999em;
+	border: 4px solid @theme-color;
+	cursor: pointer;
+	.border-radius(30px);
+	.opacity(0.8);
+	.transition(~"background .5s, opacity .5s");
+}
+
+.sequence-pagination li.current {
+	background: @theme-color;
+	.opacity(1);
+}
+
+.sequence-next,
+.sequence-prev {
+  position: absolute;
+  opacity: 0.6;
+  .transition-duration(1s);
+}
+
+.sequence-next:hover,
+.sequence-prev:hover {
+  .opacity(1);
+  .transition-duration(1s);
+}
+
+#sequence .title {
+  font-size: 3.8em;
+  text-transform: none;
+  left: 0%;
+  width: 35%;
+  .opacity(0);
+  bottom: 60%;
+  z-index: 50;
+}
+
+#sequence > .sequence-canvas > li.animate-in{
+	background-position: 0 0;
+	.transition-duration(1.5s);
+}
+
+#sequence .animate-in .title {
+  left: 15%;
+  .opacity(1);
+  .transition-duration(0.5s);
+}
+
+#sequence .animate-out .title {
+  left: 35%;
+  .opacity(0);
+  .transition-duration(0.5s);
+}
+
+.subtitle {
+  color: black;
+  font-size: 2em;
+  left: 35%;
+  width: 35%;
+  .opacity(0);
+  top: 40%;
+}
+
+.animate-in .subtitle {
+  left: 15%;
+  .opacity(1);
+  .transition-duration(0.5s);
+}
+
+.animate-out .subtitle {
+  left: 65%;
+  .opacity(0);
+  .transition-duration(0.5s);
+}
+
+.slide-img {
+  left: 90%;
+  top: 20%;
+  .opacity(0);
+  position: relative;
+  height: auto !important;
+  max-height: 450px !important;
+  max-width: 45% !important;
+}
+
+.animate-in .slide-img {
+  left: 55%;
+  .opacity(1);
+  .transition-duration(1s);
+}
+
+.animate-out .slide-img {
+  left: 15%;
+  .opacity(0);
+  .transition-duration(1s);
+}
+
+@media only screen and (min-width: 992px) {
+  #sequence .title {
+    width: 42%;
+  }
+}
+
+@media only screen and (max-width: 838px) {
+  #sequence .slide-img {
+    max-height: 530px !important;
+    width: auto;
+  }
+}
+
+@media only screen and (max-width: 768px) {
+  #sequence {
+    height: 400px;
+  }
+  #sequence .title {
+    font-size: 2.8em;
+  }
+  #sequence .subtitle {
+    font-size: 1.6em;
+  }
+  #sequence .sequence-next,
+  #sequence .sequence-prev {
+    height: 60px;
+    margin-top: -40px;
+  }
+  #sequence .slide-img {
+    max-height: 480px !important;
+    width: auto;
+  }
+}
+
+@media only screen and (max-width: 568px) {
+  .slide-img {
+    left: 50%;
+    width: auto;
+    max-width: 80% !important;
+  }
+
+  #sequence .animate-in .slide-img {
+    left: 50%;
+    margin-left: -40%;
+  }
+
+  #sequence .animate-out .slide-img {
+    left: 20%;
+    margin-left: -20%;
+  }
+
+  #sequence .title {
+    background: #a1a1a1;
+    background: rgba(0, 0, 0, 0.3);
+    bottom: 0;
+    left: 100%;
+    padding: 4%;
+    width: 100%;
+    margin-bottom: 0;
+    z-index: 10;
+  }
+
+  #sequence .animate-in .title {
+    left: 0%;
+  }
+
+  #sequence .animate-out .title {
+    left: -100%;
+  }
+
+  #sequence .subtitle {
+    visibility: hidden;
+  }
+
+}
+
+/*--------------------------------------------------------------------------
++	Content Slider Style (bxSlider CSS), Sorry, no LESS here
+--------------------------------------------------------------------------*/
+
+.bx-wrapper {
+	position: relative;
+	margin: 0 auto 30px;
+	padding: 0;
+	*zoom: 1;
+}
+
+.bx-wrapper img {
+	max-width: 100%;
+	display: block;
+}
+
+.bx-wrapper .bx-pager,
+.bx-wrapper .bx-controls-auto {
+	position: absolute;
+	bottom: -30px;
+	width: 100%;
+}
+
+/* LOADER */
+
+.bx-wrapper .bx-loading {
+	min-height: 50px;
+	background: ~"url(../img/bx_loader.gif) center center no-repeat #fff";
+	height: 100%;
+	width: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 2000;
+}
+
+/* PAGER */
+
+.bx-wrapper .bx-pager {
+	text-align: center;
+	font-size: .85em;
+	font-family: Arial;
+	font-weight: bold;
+	color: #666;
+	padding-top: 20px;
+}
+
+.bx-wrapper .bx-pager .bx-pager-item,
+.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
+	display: inline-block;
+	*zoom: 1;
+	*display: inline;
+}
+
+.bx-wrapper .bx-pager.bx-default-pager a {
+	background: #666;
+	text-indent: -9999px;
+	display: block;
+	width: 10px;
+	height: 10px;
+	margin: 0 5px;
+	outline: 0;
+	.border-radius(5px);
+}
+
+.bx-wrapper .bx-pager.bx-default-pager a:hover,
+.bx-wrapper .bx-pager.bx-default-pager a.active {
+	background: #000;
+}
+
+/* DIRECTION CONTROLS (NEXT / PREV) */
+
+.bx-wrapper .bx-prev {
+	left: 10px;
+	background: ~"url(../img/controls.png) no-repeat 0 -32px";
+}
+
+.bx-wrapper .bx-next {
+	right: 10px;
+	background: ~"url(../img/controls.png) no-repeat -43px -32px";
+}
+
+.bx-wrapper .bx-prev:hover {
+	background-position: 0 0;
+}
+
+.bx-wrapper .bx-next:hover {
+	background-position: -43px 0;
+}
+
+.bx-wrapper .bx-controls-direction a {
+	position: absolute;
+	top: 50%;
+	margin-top: -16px;
+	outline: 0;
+	width: 32px;
+	height: 32px;
+	text-indent: -9999px;
+	z-index: 9999;
+}
+
+.bx-wrapper .bx-controls-direction a.disabled {
+	display: none;
+}
+
+/* AUTO CONTROLS (START / STOP) */
+
+.bx-wrapper .bx-controls-auto {
+	text-align: center;
+}
+
+.bx-wrapper .bx-controls-auto .bx-start {
+	display: block;
+	text-indent: -9999px;
+	width: 10px;
+	height: 11px;
+	outline: 0;
+	background: ~"url(../img/controls.png) -86px -11px no-repeat";
+	margin: 0 3px;
+}
+
+.bx-wrapper .bx-controls-auto .bx-start:hover,
+.bx-wrapper .bx-controls-auto .bx-start.active {
+	background-position: -86px 0;
+}
+
+.bx-wrapper .bx-controls-auto .bx-stop {
+	display: block;
+	text-indent: -9999px;
+	width: 9px;
+	height: 11px;
+	outline: 0;
+	background: ~"url(../img/controls.png) -86px -44px no-repeat";
+	margin: 0 3px;
+}
+
+.bx-wrapper .bx-controls-auto .bx-stop:hover,
+.bx-wrapper .bx-controls-auto .bx-stop.active {
+	background-position: -86px -33px;
+}
+
+/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
+
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
+	text-align: left;
+	width: 80%;
+}
+
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
+	right: 0;
+	width: 35px;
+}
+
+/* IMAGE CAPTIONS */
+
+.bx-wrapper .bx-caption {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	background: #666\9;
+	background: rgba(80, 80, 80, 0.75);
+	width: 100%;
+}
+
+.bx-wrapper .bx-caption span {
+	color: #fff;
+	font-family: Arial;
+	display: block;
+	font-size: .85em;
+	padding: 10px;
+}
+
+/*--------------------------------------------------------------------------
++	Main Menu Style
+--------------------------------------------------------------------------*/
+
+.mainmenu li.logo-wrapper a{
+	border-right: 1px solid #E8E8E8;
+	padding-left: 0;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.mainmenu-wrapper{
+	background-color: #FFF;
+	border-bottom: 4px solid @theme-color;
+	z-index: 4;
+}
+
+.mainmenu {
+	width: 100%;
+	/* general ul style */
+	ul {
+		margin: 0;
+		padding: 0;
+		list-style-type: none;
+	}
+	/* first level ul style */
+	>ul, .mainmenu-submenu-inner {
+		margin: 0 auto;
+		>li {
+			display: inline-block;
+			*display: inline;
+			>a{
+				font-size: 1.2em;
+				padding: 1.2em 1.5em;
+				color: #999;
+				display: inline-block;
+				text-decoration: none;
+				&:hover {
+					color: @theme-color;
+					text-decoration: none;
+				}
+			}
+		}
+		>li.active{
+			>a{
+				color: @theme-color;
+				font-weight: 600 !important;
+			}
+		}
+		>li.mainmenu-open a, li.mainmenu-open > a:hover {
+			color: #fff;
+			background: @theme-color;
+		}
+	}
+	/* sub-menu */
+	.mainmenu-submenu {
+		display: none;
+		position: absolute;
+		background: @theme-color;
+		width: 100%;
+		left: 0;
+		z-index: 999;
+		.translateZ(0);
+		.box-shadow(~"0 5px 5px rgba(0,0,0,0.4)");
+	}
+	.mainmenu-submenu-inner > div {
+		width: 33%;
+		float: left;
+	}
+	.mainmenu-submenu-inner:before, .mainmenu-submenu-inner:after {
+		content: " ";
+		display: table;
+	}
+	.mainmenu-submenu-inner:after {
+		clear: both;
+	}
+	.mainmenu-submenu-inner > div a {
+		line-height: 2em;
+	}
+}
+
+.mainmenu-open{
+	.mainmenu-submenu {
+		display: block;
+		padding-bottom: 3em;
+	}
+}
+
+.mainmenu-submenu{
+	h4 {
+		color: lighten(@theme-color, 30%);
+		padding: 1em 0 0.6em;
+		margin-left: 20px;
+		font-size: 160%;
+		font-weight: 300;
+	}
+	ul{
+		margin-left: 20px;
+	}
+}
+
+
+@media screen and (max-width: 979px) { 
+
+	.mainmenu {
+		font-size: 0.8em;
+	}
+
+	.mainmenu-submenu{
+		font-size: 1.2em;
+	}
+
+	.mainmenu-submenu li, .mainmenu-submenu h4{
+		padding-left: 10px;
+	}
+
+}
+
+@media screen and (max-width: 479px) { 
+
+	.mainmenu {
+		font-size: 120%;
+		border: none;
+	}
+
+	.mainmenu > ul,
+	.mainmenu .mainmenu-submenu-inner {
+		width: 100%;
+		padding: 0;
+	}
+
+	.mainmenu .mainmenu-submenu-inner {
+		padding: 0 1.5em;
+		font-size: 75%;
+	}
+
+	.mainmenu > ul > li {
+		display: block;
+		border-bottom: 4px solid #47a3da;
+		> a { 
+			display: block;
+			padding: 1em 3em;
+		}
+		&:last-child{
+			border: none;
+		}
+	}
+
+	.mainmenu .mainmenu-submenu { 
+		position: relative;
+	}
+
+	.mainmenu-submenu h4 {
+		padding-top: 0.6em;
+	}
+
+	.mainmenu .mainmenu-submenu-inner > div {
+		width: 100%;
+		float: none;
+		padding: 0;
+	}
+
+}
+
+/*--------------------------------------------------------------------------
++	Extras Menu (Cart, Language, Login) Style
+--------------------------------------------------------------------------*/
+
+.menuextras{
+	font-size: 0.85em;
+	height: 30px;
+	ul{
+		margin: 0;
+		padding: 0;
+		list-style-type: none;
+		float: right;
+		padding: 3px 0;
+	}
+	li{
+		float: left;
+		padding: 0 8px;
+	}
+	.extras{
+		li{
+			padding: 0 8px;
+			a{
+				color: #333;
+				&:hover{
+					color: #333;
+					text-decoration: none;
+				}
+			}
+
+		}
+		.shopping-cart-items{
+			i{
+				color: #333;
+			}
+		}
+	}
+	.choose-country{
+		.dropdown-menu{
+			background-color: #222;
+			background-color: fade(#222, 80%);
+			margin-top: 5px;
+			li{
+				float: none;
+				a{
+					color: #fff;
+					padding-left: 3px;
+					&:hover{
+						color: #fff;
+						background-color: #333 !important;
+					}
+				}
+			}
+
+		}
+	}
+}
+
+/*--------------------------------------------------------------------------
++	Buttons Style
+--------------------------------------------------------------------------*/
+
+.btn {
+	border: 1px solid @theme-color;
+	.border-radius(2px);
+	color: #FFFFFF;
+	cursor: pointer;
+	display: inline-block;
+	text-transform: none;
+	.transition(~"all .25s ease");
+	text-align: center;
+	background: none repeat scroll 0 0 @theme-color;
+	text-shadow: none;
+	box-shadow: none;
+	color: #FFF;
+	&:hover {
+		background: none repeat scroll 0 0 #3b3c41;
+		color: #FFF;
+		text-decoration: none;
+		border: 1px solid #3b3c41;
+	}
+	white-space: nowrap;
+	.caret{
+		border-top: 4px solid #FFF;
+	}
+}
+
+.btn-micro {
+	padding: 1px 8px;
+	font-size: 10px;
+}
+
+.btn-grey{
+	border: 1px solid darken(#E7E7E7, 10%);
+	color: #333;
+	background: none repeat scroll 0 0 #E7E7E7;
+	&:hover {
+		background: none repeat scroll 0 0 darken(#E7E7E7, 10%);
+		color: #333;
+		text-decoration: none;
+		border: 1px solid darken(#E7E7E7, 10%);
+	}
+	.caret{
+		border-top: 4px solid #333;
+	}
+}
+
+.btn-blue{
+	border: 1px solid darken(#4F8DB3, 10%);
+	color: #FFF;
+	background: none repeat scroll 0 0 #4F8DB3;
+	&:hover {
+		background: none repeat scroll 0 0 #3b3c41;
+		color: #FFF;
+		text-decoration: none;
+		border: 1px solid #3b3c41;
+	}
+}
+
+.btn-orange{
+	border: 1px solid darken(#FF7000, 10%);
+	color: #FFF;
+	background: none repeat scroll 0 0 #FF7000;
+	&:hover {
+		background: none repeat scroll 0 0 #3b3c41;
+		color: #FFF;
+		text-decoration: none;
+		border: 1px solid #3b3c41;
+	}
+}
+
+.btn-green{
+	border: 1px solid darken(#6E8023, 10%);
+	color: #FFF;
+	background: none repeat scroll 0 0 #6E8023;
+	&:hover {
+		background: none repeat scroll 0 0 #3b3c41;
+		color: #FFF;
+		text-decoration: none;
+		border: 1px solid #3b3c41;
+	}
+}
+
+.btn-red{
+	border: 1px solid darken(#DA1111, 10%);
+	color: #FFF;
+	background: none repeat scroll 0 0 #DA1111;
+	&:hover {
+		background: none repeat scroll 0 0 #3b3c41;
+		color: #FFF;
+		text-decoration: none;
+		border: 1px solid #3b3c41;
+	}
+}
+
+.btn-group.open .btn.dropdown-toggle{
+	background: none repeat scroll 0 0 #3b3c41;
+	color: #FFF;
+}
+
+.dropdown.open a.dropdown-toggle .caret{
+	border-top: 4px solid #FFF;
 }
\ No newline at end of file