/**
* @version   $Id: demo-styles.less 12813 2013-08-16 21:57:09Z arifin $
* @author    RocketTheme http://www.rockettheme.com
* @copyright Copyright (C) 2007 - 2014 RocketTheme, LLC
* @license   http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License
*/

@import "variables.less";
@import "mainbody-@{mainbody-overlay}.less";
@import "/jui/less/mixins.less";
@import "mixins/index.less";

/* Demo FP RokSprocket Slideshow */
.fps-preset1, .fps-preset2, .fps-preset3, .fps-preset4, .fps-preset5, .fps-preset6 {
	display: none;
}

.demoroksprocket-type-preset1 .fps-preset1 {
	display: block;
	.layout-animation {
		.sprocket-features-index-1 {
			.sprocket-features-desc.right {
				width: 75%;
			}
			.sprocket-features-img.right {
				position: absolute;
				top: -50px;
				right: 0;
				width: 75%;
			}
		}
		.sprocket-features-index-2 {
			.sprocket-features-desc.left {
				text-align: right;
			}
		}
		.sprocket-features-index-3 {
			.sprocket-features-content {
				text-align: center;
			}
		}
	}
}
.demoroksprocket-type-preset2 .fps-preset2,
.demoroksprocket-type-preset5 .fps-preset5  {
	display: block;
	.layout-animation {
		.sprocket-features-index-1 {
			.sprocket-features-desc.left {
				text-align: right;
			}
		}
		.sprocket-features-index-2 {
			.sprocket-features-desc.right {
				width: 75%;
			}
			.sprocket-features-img.right {
				position: absolute;
				top: -50px;
				right: 0;
				width: 75%;
			}
		}
		.sprocket-features-index-3 {
			.sprocket-features-content {
				text-align: center;
			}
		}
	}
}
.demoroksprocket-type-preset3 .fps-preset3,
.demoroksprocket-type-preset6 .fps-preset6 {
	display: block;
		.sprocket-features-index-1 {
			.sprocket-features-content {
				text-align: center;
			}
		}
		.sprocket-features-index-2 {
			.sprocket-features-desc.left {
				text-align: right;
			}
		}
		.sprocket-features-index-3 {
			.sprocket-features-desc.right {
				width: 75%;
			}
			.sprocket-features-img.right {
				position: absolute;
				top: -50px;
				right: 0;
				width: 75%;
			}
		}
}
.demoroksprocket-type-preset4 .fps-preset4 {
	display: block;
		.sprocket-features-index-1 {
			.sprocket-features-content {
				.sprocket-features-desc.right {
					width: 40%;
				}
				.sprocket-features-img.right {
					position: absolute;
					top: -50px;
					right: 0;
					width: 60%;
				}
			}
		}
		.sprocket-features-index-2 {
			.sprocket-features-content {
				text-align: center;
			}
		}
		.sprocket-features-index-3 {
			.sprocket-features-desc.left {
				text-align: right;
			}
		}
}

/* Demo Image */
// General Image
.rt-image {
	position: relative;
	img {
		max-width: 100%;
		height: auto;
		border-radius: 4px;
	}
}

/* Demo Typography */
// General Typography
.promo1 {
	font-family: @epsilon-font-regular;
	font-size: @base-font-size * 3;
	line-height: @base-line-height * 3;
	text-transform: uppercase;
}
.promo2 {
	font-size: @base-font-size * 1.5;
	line-height: @base-line-height * 1.5;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
}
.rt-title-center {
	.module-title {
		text-align: center;
	}
}
.rt-big-title {
	.title {
		font-size: @base-font-size * 2.5;
		line-height: @base-line-height * 1.5;
		margin: 35px 0 0 0;
	}
}
.rt-title-tag {
	display: block;
	font-size: @base-font-size * 1.2;
	opacity: 0.5;
	text-transform: capitalize;
}
.rt-large-text {
    font-size: 1.3em;
    line-height: 1.6em;
}
.rt-small-text {
	font-size: 0.8em;
	line-height: 1.5em;
	-webkit-backface-visibility: hidden;
}
.rt-capitalize {
	text-transform: capitalize;
}
.rt-icon {
    border: 2px solid;
    border-radius: 100%;
    display: inline-block;
    font-size: 2em;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
}
[class^="rt-arrow-"]:before {
    font-family: FontAwesome;
    font-size: 6em;
    font-style: normal;
    color: @white;
    position: absolute;
    visibility: hidden;
}
.rt-arrow-right:before {
    content: "\f0da";
    right: -8px;
    top: 50%;
    margin-top: -10px;
}
.rt-arrow-left:before {
    content: "\f0d9";
    left: -8px;
    top: 50%;
    margin-top: -10px;
}
.rt-arrow-bottom:before {
    content: "\f0d7";
    bottom: -23px;
    left: 50%;
    margin-left: -25px;
}
.rt-large-button {
    font-size: 2em;
    padding: 2% 3%;
}
.rt-width-80 {
	width: 80%;
	margin: 0 auto;
}
.rt-divider {
    border-bottom: 2px solid;
    margin: 15px auto;
    opacity: 0.5;
    width: 30%;
}

// Demo Module Layout
.rt-mbsb-table {
	.rt-sb-table-col {
		height: 38px;
		vertical-align: middle;
	}
	.rt-mb-table-col {
		height: 75px;
		vertical-align: middle;
	}
}

// Extras
.gantry-example {
	position: relative;
	margin: 15px 0;
	padding: 45px 19px 14px;
	*padding-top: 19px;
	background-color: @white;
	border: 1px solid #dddddd;
	.border-radius(4px);
	.table, .well, blockquote {
		margin-bottom: 5px;
	}
	.lead {
		font-size: 18px;
		line-height: 24px;
	}
	> p:last-child {
		margin-bottom: 0;
	}
	+ .prettyprint {
		margin-top: -20px;
		padding-top: 15px;
	}
	&:after {
		content: "Example";
		position: absolute;
		top: -1px;
		left: -1px;
		padding: 3px 7px;
		font-size: 12px;
		font-weight: bold;
		background-color: #f5f5f5;
		border: 1px solid #dddddd;
		color: #9da0a4;
		.border-radius(4px 0 4px 0);
		font-style: normal;
	}
	.search-query {
		margin-bottom: 0;
	}
}
form.gantry-example {
	padding-bottom: 19px;
}
.form-actions {
	background-color: @body-background2;
	border-top: 1px solid @body-border;
}
.help-block, .help-inline {
	color: @body-text-line;
}


/* Demo Frontpage */
// FP Slideshow
.fp-slideshow {
	&.rt-block {
		padding: 0;
		margin: -(0px + @header-top-offset) 0 0 0;
		@media (max-width: 767px) {
			body.layout-mode-responsive & {
				margin: 0;
			}
		}
	}
	.readon {
		text-transform: uppercase;
		font-size: 1em;
	}
	.layout-animation {
		.sprocket-features-img-container {
			min-height: 680px;
		}
	}
}
// FP Top
.fp-roksprocket-tabs-header {
	height: 30px;
	display: block;
}
// FP Utility
.fp-utility {
	&.rt-block {
	    margin-top: -48px;
	    padding-top: 0;
	}
	.sprocket-tabs-nav li .sprocket-tabs-inner {
		color: @white;
		background: none;
	}
	.sprocket-tabs-nav > li {
		&:hover > .sprocket-tabs-inner {
			color: @utility-text-color;
			background: @utility-background;
		}
	}
	.sprocket-tabs-nav > li {
		&.active > .sprocket-tabs-inner,
		&.active:hover > .sprocket-tabs-inner {
			color: darken(@utility-text-color, 25%);
			background: @utility-background;
		}
	}
	.rt-hexagon {
		.hexagon(200px, 130px, @white);
		font-size: 3em;
	}
}
// FP Feature
.fp-feature {
	.sprocket-mosaic .sprocket-mosaic-header .sprocket-mosaic-filter {
		float: none;
		text-align: center;
	}
	.sprocket-mosaic-item {
		.sprocket-padding {
			padding: 15px;
			border: 0;
		}
		.sprocket-mosaic-image-container {
			margin-bottom: 0;
		}
		.sprocket-mosaic-head,
		.sprocket-mosaic-text,
		.sprocket-mosaic-tags {
			display: none;
		}
	}
}
// FP MainTop
.fp-maintop {
	&.rt-block {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.layout-showcase {
		.sprocket-features-content {
			width: 60%;
		}
		.sprocket-features-img-container {
			width: 40%;
		}
		.sprocket-features-title {
			font-size: 160%;
			line-height: 160%;
			margin-bottom: 25px;
			text-transform: capitalize;
			font-family: @epsilon-font-regular !important;
			letter-spacing: 1px;
			a {
				color: @white;
				&:hover {
					color: @accent-color2;
				}
			}
		}
		.sprocket-features-desc {
	    	font-size: 1em;
	    	line-height: 1.5em;
	    	margin-top: 0;
	    }
	    .readon {
			.buttonStyleFlat(@accent-color1, darken(@white, 5%), 0px);
			border: 1px solid @white;
			box-shadow: 0 4px 0 fadeout(@white, 50%);
			&:hover {
				.buttonStyleFlat(@white, @accent-color2, 0px);
				border: 1px solid darken(@accent-color2, 10%);
				box-shadow: 0 4px 0 fadeout(@accent-color2, 50%);
			}
	    }
	    h5, .readon {
	    	font-family: @epsilon-font-regular;
	    }
	}
}

// FP ExpandedBottom
.fp-expandedbottom {
	&.rt-block {
		margin-top: 0;
		padding-top: 0;
	}
}
.rt-testimonial-item {
	color: @grey;
	background: darken(@white, 1%);
	border: 1px solid darken(@white, 10%);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
	position: relative;
	z-index: 10;
    padding: 25px;
	font-size: 14px;
	font-style: italic;
    [class^="rt-arrow-"]:before {
		visibility: visible;
		color: darken(@white, 1%);
		text-shadow: 0 3px 3px darken(@white, 10%);
    }
    [class^="icon-quote-"]:before {
		color: lighten(@grey, 35%);
    }
}
[class^="rt-testimonial-"] {
	display: block;
}
.rt-testimonial {
	&-img {
		margin: 50px 0 15px 0;
	}
	&-author {
		font-family: @epsilon-font-light;
	    font-size: 1.5em;
	    line-height: 1em;
	}
	&-position {
		color: lighten(@grey, 15%);
		font-size: 0.8em;
	}
}

// FP Extension
.rt-price {
	color: darken(@extension-text-color, 25%);
    font-size: 2em;
    margin: 20px auto;
}

// FP Footer Tabs
.fp-footer-tabs {
	.sprocket-tabs {
		color: @white;
		background: @accent-color1;
	}
	.sprocket-tabs .sprocket-tabs-nav > li.active > .sprocket-tabs-inner, .sprocket-tabs .sprocket-tabs-nav > li.active:hover > .sprocket-tabs-inner {
		background: @white;
	}
	.layout-left .sprocket-tabs-nav, .layout-right .sprocket-tabs-nav {
		min-height: 125px;
	}
	.layout-left .sprocket-tabs-nav li, .layout-right .sprocket-tabs-nav li {
		margin-bottom: 0;
	}
	.layout-left .sprocket-tabs-nav > li > .sprocket-tabs-inner, .layout-right .sprocket-tabs-nav > li > .sprocket-tabs-inner {
		min-width: 50px;
	}
	.sprocket-tabs-nav li .sprocket-tabs-inner {
		color: @footer-text-color;
		background: lighten(@footer-text-color, 25%);
	}
	.sprocket-tabs-nav > li {
		&:hover > .sprocket-tabs-inner,
		&.active > .sprocket-tabs-inner,
		&.active:hover > .sprocket-tabs-inner {
			color: @accent-color1;
			background: @white;
		}
	}
	.sprocket-tabs-panel ul {
		margin: 0 0 0 5px;
		li {
			margin-bottom: 5px;
		}
		a {
			color: @white;
			&:hover {
				color: @accent-color2;
			}
		}
	}
}
// FP NewsLetter
.fp-newsletter-form {
	.inputbox, .button {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid transparent;
	}
	.inputbox {
	    border-radius: 0;
	    height: 45px;
	    width: 60%;
	    display: inline-block;
	}
	.button {
		width: 38%;
		display: inline-block;
		box-shadow: none;
	}
}
// Tablet/Desktop Modes
@media (min-width: 768px) and (max-width: 1159px) {
	body.layout-mode-responsive {
		.fp-newsletter-form {
			.button {
				padding: 10px 12px;
			}
		}
	}
}


/* Demo Pages */
// Pages
.menu-pages {
	#rt-feature .rt-overlay {
		#gradient > .horizontal(fadeout(@white, 50%), fadeout(@white, 50%)) !important;
	}
}
// About Us Page
.rt-readon-row {
	text-align: center;
	.readon {
		font-style: 1.5em;
		margin: 25px 15px 0 15px;
	}
}
.rds-info {
	margin: 0 5px;
	[class*="rt-data"] {
	    display: inline-block;
	    height: 15px;
	    margin-right: 5px;
	    vertical-align: middle;
	    width: 15px;
	}
}
.rt-data-{
	&1 {background: #D95240;}
	&2 {background: #6FC6A0;}
	&3 {background: #D6A842;}
	&4 {background: #6FB4C5;}
	&5 {background: #D49245;}
}
.rt-staff-social, .rt-connect {
	span {
		background: lighten(@body-text, 50%);
	    border-radius: 100%;
	    display: inline-block;
	    text-align: center;
	    width: 30px;
	    height: 30px;
	    margin: 10px 5px;
	    .transition(background 0.2s ease-in);
	    &:before {
	    	font-family: FontAwesome;
	    	position: relative;
	    	top: 3px;
	    	.textColor(lighten(@body-text, 40%));
	    }
	    &:hover {
	    	&:before {
	    		color: @white;
	    	}
			&.rt-facebook {
				background: #3B5998;
			}
			&.rt-twitter {
				background: #00CAFB;
			}
			&.rt-gplus {
				background: #D23A1D;
			}
			&.rt-rss {
				background: #FF6600;
			}
	    }
	}
	.rt-facebook {
		&:before {
			content: "\f09a";
		}
	}
	.rt-twitter {
		&:before {
			content: "\f099";
		}
	}
	.rt-gplus {
		&:before {
			content: "\f0d5";
		}
	}
	.rt-rss {
		&:before {
			content: "\f09e";
		}
	}
}
.rt-connect {
	span {
		width: 50px;
		height: 50px;
		font-size: 1.5em;
		#gradient > .vertical(darken(@white, 3%), darken(@white, 10%));
		&:before {
			top: 15px;
		}
	}
}

// Team Page
.rt-team-img, .rt-team-img2 {
	img {
		border-radius: 4px;
	}
}

// Pricing Page
.fp-pricing-table {
	display: block;
	margin: 25px auto;
	.gantry-width-spacer {
		margin: 5px 15px;
	}
}
.rt-pricing-table {
	list-style: none;
	padding: 10px;
	margin: 0;
	border: 1px solid lighten(@expandedtop-text-color, 45%);
	border-radius: 3px;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
	.transition(all 0.1s ease-in);
	li {
		padding: 20px 15px;
		border-bottom: 1px dotted lighten(@expandedtop-text-color, 25%);
		&.rt-table-title, &:last-child {
			border-bottom: 0;
		}
		&.rt-table-cta-button {
			padding: 15px 15px 5px 15px;
		}
	}
	[class*="readon"] {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	&:hover {
		transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}
}
.rt-table-title {
	color: @white;
	background: @accent-color1;
	border-radius: 3px;
	font-size: 1em;
}
.rt-table-price {
	font-size: 3em;
	line-height: 1.5em;
}

// Portfolio Page
.rt-demo-portfolio {
	.sprocket-mosaic {
		.sprocket-mosaic-header {
			margin-bottom: 50px;
		}
	}
	.sprocket-mosaic-filter, .sprocket-mosaic-order {
		li {
			text-transform: uppercase;
			font-family: @epsilon-font-regular;
		}
	}
	.sprocket-mosaic-item {
		.sprocket-padding {
			padding: 0;
			border: none;
			border-radius: 4px;
		}
		.sprocket-mosaic-image {
			border-radius: 4px;
		}
		.sprocket-mosaic-title {
			margin-bottom: 0;
			line-height: 1;
			a {
				color: darken(@body-text, 25%);
				font-size: @base-font-size;
				&:hover {
					color: @accent-color1;
				}
			}
		}
		.sprocket-mosaic-title {
			font-size: 1.2em;
			font-family: @epsilon-font-regular;
		}
		.sprocket-mosaic-text {
			font-size: 1em;
			font-family: @epsilon-font-regular;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		.sprocket-mosaic-tags li {
			.textColor(darken(@body-background, 15%));
			background: darken(@body-background, 15%);
			text-transform: lowercase;
			font-style: italic;
		}
		.sprocket-readmore {
			display: none;
		}
	}
}
.rt-demo-clients {
	.sprocket-strips-content {
		height: 180px;
	}
}

// Blog Page
.rt-blog-form {
	.inputbox, .readon {
		display: inline-block;
		height: 45px;
		padding: 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.inputbox {
		font-family: @epsilon-font-regular;
		width: 60%;
		color: @grey;
		border: 1px solid transparent;
		background: @white;
		box-shadow: none;
	}
	.readon {
		width: 35%;
	}
}
.rt-blog-search {
	&.icon-search:before {
		display: none;
	}
	.inputbox {
		display: inline-block;
		height: 45px;
		padding: 0 15px;
		font-family: @epsilon-font-regular;
		width: 100%;
		color: @grey;
		border: 1px solid transparent;
		background: @white;
		box-shadow: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

// FAQ Page
.menu-faq {
	#rt-showcase {
		opacity: 0.75;
	}
}

// Contact Page
.menu-contact {
	#rt-mainbody-surround {
		background: darken(@body-background, 5%);
	}
	.contact h3 {
		display: none;
	}
}
.rt-contact-icon-title {
    color: @dark-grey;
    display: block;
    font-size: 5em;
    margin: 50px 0;
    opacity: 0.5;
}
.menu-contact .contact-form {
	margin-top: -15px;
	legend {
		font-size: 1.5em;
		border-bottom: none;
		margin-bottom: 0;
	}
	dt {
		width: 250px;
	}
	dd {
		float: none !important;
		margin: 0;
	}
	label {
		font-size: 1.2em;
		margin: 10px 0;
	}
	input[type="text"], input[type="email"], textarea {
	    width: 100%;
	    height: auto;
		color: @body-text;
		border: 1px solid darken(@body-background, 10%);
		background: @body-background;
		padding: 12px 15px;
		margin-bottom: 10px;
		box-shadow: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	input[type="checkbox"] {
		margin: 13px 0;
	}
	button {
	    font-size: 1.2em;
	    padding: 15px 25px;
	}
}
.rt-contact-info {
    margin-top: 35px;
    hr {
    	border-color: lighten(@grey, 25%);
    	border-top: none;
    }
}
.rt-contact-icon {
	clear: both;
    float: left;
    margin-top: 10px;
    span {
    	color: lighten(@grey, 25%);
	    display: block;
	    font-size: 3em;
	    width: 80px;
	    height: 60px;
	    line-height: 40px;
	    text-align: center;
    }
}

// Pages Footer
.rt-footer-logo {
	background: url(../images/logo/logo-alt.png) 0 0 no-repeat;
	width: 118px;
	height: 78px;
	margin: auto;
	opacity: 0.5;
}
.rt-email-form {
	.inputbox, .readon {
		display: inline-block;
		height: 45px;
		padding: 0 15px;
		margin-bottom: 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	textarea {
		padding: 15px;
		margin-bottom: 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.inputbox, textarea {
		font-family: @epsilon-font-regular;
		width: 100%;
		color: @light-grey;
		border: 1px solid transparent;
		#gradient > .horizontal(fadeout(@grey, 70%), fadeout(@grey, 70%));
	}
	.button {
		width: 100%;
	}
}

// Offline Page
.menu-offline-page {
	#rt-mainbody-surround {
		display: none;
	}
}


/* Demo MediaQueries */
// Large Mode
@media only screen and (min-width: 1200px) {
	body.layout-mode-responsive {
		/* Demo Frontpage */


	}
}

// Desktop Modes
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	body.layout-mode-responsive {
		/* Demo Frontpage */
		.fp-slideshow {
			.layout-animation .sprocket-features-img-container {
				min-height: 630px;
			}
			.sprocket-features-title {
				font-size: 2em;
			}
		}

	}
}

// Tablet Modes
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body.layout-mode-responsive {
		/* Demo Typography */
		// General Typography
		.promo1 {
			font-size: @base-font-size * 3;
			line-height: @base-line-height * 3;
		}
		.promo2 {
			font-size: @base-font-size * 1.5;
			line-height: @base-line-height * 1.5;
			font-family: Georgia, Times, "Times New Roman", serif;
			font-style: italic;
		}

		/* Demo Frontpage */
		.fp-utility {
			.rt-hexagon {
				.hexagon(152px, 100px, @white);
				font-size: 2.5em;
			}
		}
		.fp-slideshow {
			.layout-animation .sprocket-features-content {
				width: 93%;
			}
		}
		&.demoroksprocket-type-preset1 .fps-preset1 .layout-animation .sprocket-features-index-1 .sprocket-features-img.right,
		&.demoroksprocket-type-preset2 .fps-preset2 .layout-animation .sprocket-features-index-2 .sprocket-features-img.right,
		&.demoroksprocket-type-preset5 .fps-preset5 .layout-animation .sprocket-features-index-2 .sprocket-features-img.right,
		&.demoroksprocket-type-preset3 .fps-preset3 .layout-animation .sprocket-features-index-3 .sprocket-features-img.right,
		&.demoroksprocket-type-preset6 .fps-preset6 .layout-animation .sprocket-features-index-3 .sprocket-features-img.right {
			top: 35px;
		}

		/* Demo Pages */
		// Service Page
		&.menu-services .item-page {
			margin-top: -15px;
			.gantry-width-block {
			    float: none;
			    width: 100%;
			}
		    .gantry-width-spacer {
		    	margin: 0 0 15px 0;
		    }
		}
		// Portfolio Page
		.rt-demo-portfolio {
			.sprocket-mosaic-filter, .sprocket-mosaic-order {
				li {
					padding: 8px 18px;
				}
			}
		}
		.rt-demo-clients {
			.sprocket-strips-content {
				height: 120px;
			}
			.cols-4 > li {
				width: 48% !important;
			}
		}
	}
}

// Mobile Modes
@media (max-width: 767px) {
	body.layout-mode-responsive {
		/* Demo Typography */
		// General Typography
		.promo1 {
			font-size: @base-font-size * 2.8;
			line-height: @base-line-height * 2.8;
		}
		.promo2 {
			font-size: @base-font-size * 1.3;
			line-height: @base-line-height * 1.3;
			font-family: Georgia, Times, "Times New Roman", serif;
			font-style: italic;
		}
		.rt-title-tag {
			font-size: @base-font-size * 1.1;
			line-height: @base-line-height * 1.1;
		}


		/* Demo Frontpage */
		// FP Slideshow
		.fp-slideshow .layout-animation {
			.sprocket-features-content {
				top: 25px;
				left: 0;
			}
			.sprocket-features-desc, .sprocket-features-img {
				position: relative !important;
				float: none !important;
				text-align: center !important;
				display: block !important;
				margin: 0 auto !important;
				width: 80% !important;
				top: 0 !important;
			}
		}
		// FP Utility
		.fp-utility {
			.sprocket-tabs-nav > li {
				float: none;
				text-align: center;
				.sprocket-tabs-inner {
					color: @accent-color1;
					background: lighten(@accent-color1, 50%);
				}
				&.active > .sprocket-tabs-inner, &.active:hover > .sprocket-tabs-inner {
					color: @white;
					background: darken(@utility-background, 10%) !important;
				}
			}
		}
		// FP MainTop
		.fp-maintop .layout-showcase {
			.sprocket-features-content, .sprocket-features-img-container {
				float: none;
				width: 100%;
				text-align: center;
			}
			.sprocket-features-content {
				margin-bottom: 25px;
			}
			.readon {
				margin: auto;
			}
		}


		/* Demo Pages */
		// Pricing Page
		.rt-table-col {
			border-right: 0;
		}
		.rt-first-col .rt-table-header {
			border-radius: 4px 4px 0 0;
		}
		.rt-last-col .rt-table-header {
			border-radius: 0;
		}
		.rt-table-highlight .rt-table-header {
			margin-top: -25px;
			padding: 25px;
			border-radius: 0;
		}

		// Portfolio Page
		.rt-demo-portfolio {
			.sprocket-mosaic-filter, .sprocket-mosaic-order {
				li {
					display: inline-block;
					text-align: center;
					width: 12.5%;
				}
			}
		}
		.rt-demo-clients {
			.sprocket-strips-content {
				height: 120px;
			}
			.sprocket-strips-container {
				padding: 35px;
			}
		}
	}
}

// Small Screen Mobile Modes
@media only screen and (max-width: 480px) {
	body.layout-mode-responsive {
		/* Demo Typography */
		// General Typography
		.promo1 {
			font-size: @base-font-size * 2.5;
			line-height: @base-line-height * 2.5;
		}
		.promo2 {
			font-size: @base-font-size * 1.2;
			line-height: @base-line-height * 1.2;
			font-family: Georgia, Times, "Times New Roman", serif;
			font-style: italic;
		}


		/* Demo Frontpage */



		/* Demo Pages */
		// Portfolio Page
		.rt-demo-portfolio {
			.sprocket-mosaic-filter, .sprocket-mosaic-order {
				li {
					font-size: @base-font-size * 0.6;
					width: 18%;
				}
			}
		}
		.rt-demo-clients {
			.sprocket-strips-content {
				height: 150px;
			}
			.sprocket-strips-container {
				padding: 35px;
			}
			.sprocket-strips-arrows .arrow {
				width: 20px;
				height: 20px;
				line-height: 20px;
				margin-top: -50px;
				&.prev {
					left: 0;
				}
				&.next {
					right: 0;
				}
			}
		}
	}
}