/*------------------------------------------------------------------

--- Magnis Stylesheet ---

Project:	Magnis - Multipurpose HTML Template
Version:	3.0
Last change:	07/06/15
Assigned to:	RivaThemes
Primary use:	Online 

--- Table of contents ---

	1. Reset Styles

	2. Less Vars

	3. General Settings

	4. Riva Preloader	/	#riva-preload

		4.1. Site Preloader #1	/	.windows8

		4.2. Site Preloader #2	/	.bubblingG

		4.3. Site Preloader #3	/	#followingBallsG

		4.4. Site Preloader #4	/	#fountainG

		4.5. Site Preloader #5	/	#floatingCirclesG

	5. Site Logo & Site Slogan	/	.site-logo, .site-slogan

	6. Social buttons	/	.header-soc-btns

	7. Header contacts	/	.header-contacts

	8. Header navigation	/	nav.header-nav

	9. Site Header	/	header[data-position="page-top"]

	10. Background Images

	11. Homepage Banner

	12. Magnis Buttons	/	.m-btn

	13. Call To Actions

		13.1. Call To Action #1		/	.cta1

		13.2. Call To Action #2		/	.cta2

	14. Icon Box #1	/	.icon-box-1

	15. Project Block #1	/	.project-block-1

	16. Project Item 	/	.project-item

	17. Post 	/	.post

	18. Testimonils		/	.testimonials-item

	19. Newsletters #1	/	.newsletters-1

	20. Widgets	/	.widget

	21. Logo item 	/	.logo-item

	22.	Header search 	/	.header-search

	23. Mobile menu button 	/	.mobile-menu-btn

	24. Twitter block	/	.twitter-block

	25. Page title bar 	/	.page-title-bar

	26. Accoordion	/	.m-accordion

	27. Skills	/	.m-skills

	28. Team 	/	.team-item

	29. Tabs 	/	.m-tabs

	30. Brochure	/	.m-brochure

	31. Sidebar		/	.sidebar

	32. Content box 	/	.content-box

	33. Pagination		/	.m-pagination

	34. Pricing #1	/	.pricing-1

	35. Pricing #2	/	.pricing-2

	36. Pricing #3	/	.pricing-3

	37. Page 404	/	.page-404

	38.	Coming Soon 	/	.coming-soon

	39. Portfolio project	/	.portfolio-project

	40. Blog list #1	/	.blog-list-1

	41. Comment item 	/	.comment-item

	42. Shop	/	.shop-listing

	43. Map canvas	/	.map-canvas

	44. Simplex Form 	/	.simplexform

	45. Twitter block	/	.twitter-block

	46. M Menu 	/	.mm-menu 

	47. LayerSlider		/	.layerslider1, .layerslider2, .layerslider3

	48. To the top 	/	.move-to-the-top

	49. Footer	/	footer.site-footer

	50. Riva Site Wrapper	/	#riva-site-wrapper

		50.1. Dark Theme	/	#riva-site-wrapper.dark-theme

		50.2. Boxed Version	/	#riva-site-wrapper.boxed-layout

		50.3. Boxed Version	/	#riva-site-wrapper.boxed-shadow

		50.4. RTL	/	#riva-site-wrapper.use-rtl

	51. Media Queries

	52. Riva Styles

------------------------------------------------------------------*/

/*
	1. Reset Styles
*/

html, body {
	border: 0;
	font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
	margin: 0;
	padding: 0;
}
div, span, object, iframe, img, table, caption, thead, tbody,
tfoot, tr, tr, td, article, aside, canvas, details, figure, hgroup, menu,
nav, footer, header, section, summary, mark, audio, video {
	border: 0;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cit, code,
del, dfn, em, ins, q, samp, small, strong, sub, sup, b, i, hr, dl, dt, dd,
ol, ul, li, fieldset, legend, label {
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	caption, th, td {
		text-align: left;
		vertical-align: middle;
	}
}
p {
}
a img {
	border: 0;
}
:focus {
	outline: 0;
}
img {
	max-width: 100%;
}
ul {
	list-style: inside;
}
ul.no-style {
	list-style: none;
}

/*
	2. Less Vars
*/	

@screen-xs-min: 480px;														// Extra-small screens
@screen-xs-max: 767px;														// 
@screen-sm-min: 768px;															// Small screens
@screen-sm-max: 991px;														// 
@screen-md-min: 992px;														// Medium screens
@screen-md-max: 1199px;														// 
@screen-lg-min: 1200px;														// Large screens
@body_font_family: 'Ubuntu', sans-serif;									// Body font family
@body_font_size: 14px;														// Body font site
@body_text_color: rgba(000,000,000,0.5);														// Body text color
@body_bg_color: #ccc;														// Body background color
@body_bg_img: url(../../img/body/img/1.jpg);									// Body background image
@body_bg_pattern: url(../../img/body/pat/swirl_pattern.png);					// Body background pattern image
@content_bg_color: #ffffff;													// Content background color
@line_height: 1.5;															// Line height
@leading: @line_height * @body_font_size * 1.5;								// Elements margin
@h_font_family: 'Ubuntu Condensed', sans-serif;								// Headers font family
@h_font_weight: bold;														// Headers font weight
@h_text_transform: uppercase;												// Headers text transform
@h_text_color: #111;														// Headers text color
@color_primary: #f76700;													// Primary color ( default: 37c879 )
@color_secondary: #594f47;													// Secondary color ( default: #111111 )
@link_text_color: #222;													// Link text color
@link_text_decoration: none;												// Link text decoration
@link_hover_text_color: #f76700;											// Link hover text color
@preloader_first_color: #f76700;											// Preloader first color
@preloader_second_color: #594f47;											// Preloader second color
@preloader_bg_color: #fff;													// Preloader background color
@color_transparency: 60%;													// Transparency of the overlay color
@header_menu_font_family: 'Ubuntu', sans-serif;								// Header menu links font family
@header_menu_font_size: 16px;												// The size of header menu links
@header_menu_font_weight: normal;											// Thickness of header menu link text
@header_menu_text_transform: capitalize;									// Transformation of header menu link text
@header_menu_text_decoration: none;											// Decoration of header menu link text
@header_menu_text_color: #111111;											// Colors of header menu link text
@header_menu_hover_text_color: #f76700;										// Colors of hovered header menu link text
@header_menu_hover_text_decoration: none;										// Decoration of hovered header menu link text
@dropdown_menu_width: 200px;												// Width of drop down menu
@decor_font_family: 'Euphoria Script', cursive;								// Decorative font
@dark_theme_content_bg_color: #333;											// Content background color in dark theme
@dark_theme_body_text_color: rgba(255,255,255,0.5);											// Body text color in dark theme
@dark_theme_h_text_color: #fff;												// Headers text color in dark theme
@dark_theme_link_text_color: #fff;											// Link text color in dark theme
@dark_theme_link_hover_text_color: #f76700;									// Link hover text color in dark theme
@dark_theme_header_menu_text_color: #fff;									// Colors of header menu link text
@dark_theme_link_text_decoration: none;												// Link text decoration
@transition: all ease 0.4s;													// Full transition
@transition_timing_function: ease;											// Transition timing function
@transition_duration: 0.4s;													// Transition duration
@section-padding: 70px;
@button_font_weight: bold;
@button_text_transform: uppercase;
@widget_title_font_size: 24px;

/*
	3. General Settings
*/

html {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: auto;
	-moz-text-size-adjust: auto;
	-ms-text-size-adjust: auto;
	-o-text-size-adjust: auto;
	text-size-adjust: auto;
}
body {
	font-family: @body_font_family;
	font-size: @body_font_size;
	background-color: @body_bg_color;
	color: @body_text_color;
	line-height: @line_height;
	overflow-x: hidden;
	text-align: center;
}
a {
	color: @link_text_color;
	text-decoration: @link_text_decoration;
	transition: @transition;
}
a:hover {
	color: @link_hover_text_color;
}
h1 {
	font-size: @body_font_size * 2.57;
}
h2 {
	font-size: @body_font_size * 2.14;
}
h3 {
	font-size: @body_font_size * 1.71;
}
h4 {
	font-size: @body_font_size * 1.28;
}
h5 {
	font-size: @body_font_size * 1;
}
h6 {
	font-size: @body_font_size * 0.85;
}
h1, h2, h3, h4, h5, h6 {
	text-transform: @h_text_transform;
	font-weight: @h_font_weight;
	color: @h_text_color;
	font-family: @h_font_family;
}
small {
	font-size: 80%;
	color: @body_text_color;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote, table, audio, video, figure {
	margin-top: @leading;
}
figure {

	figcaption {
		width: 100%;
		text-align: center;
		display: inline-block;
		font-style: italic;
		margin-top: @leading / 4;

		span {
			color: @h_text_color;
		}
	}
}
h1, h2, h3, h4, h5, h6 {

	.decor-font {
		text-transform: capitalize !important;
	}
}
form {

	label {
		font-weight: normal;
		color: @h_text_color;
	}
}
select,
input[type="input"],
input[type="text"],
input[type="html"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="month"],
input[type="week"] {
	line-height: 40px;
	height: 40px;
	box-sizing: border-box;
	border: 1px solid darken(@content_bg_color, 7%) !important;
	transition: @transition !important;
	padding: 0 10px;
	background-color: transparent;
	border-radius: 0;
	color: @h_text_color;
	box-shadow: inset 0 0 0 0 @content_bg_color !important;
}
textarea {
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid darken(@content_bg_color, 7%) !important;
	transition: @transition !important;
	min-height: 200px;
	background-color: transparent;
	border-radius: 0 !important;
	box-shadow: inset 0 0 0 0 @content_bg_color !important;
}
select:focus,
textarea:focus,
input[type="input"]:focus,
input[type="text"]:focus,
input[type="html"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="month"]:focus,
input[type="week"]:focus {
	border: 1px solid @color_primary !important;
	box-shadow: 0 0 0 !important;
	background-color: transparent !important;
}
textarea:focus {
	border: 1px solid @color_primary !important;
	box-shadow: 0 0 0 !important;
	background-color: transparent !important;
}
section {
	width: 100%;
	float: left;
	padding-top: @section-padding - @leading;
	padding-bottom: @section-padding;

	.section-subtitle {
		color: @color_primary;
		font-style: italic;
		font-size: 120%;
	}

	.section-subtitle-2 {
		font-size: 120%;
		font-style: italic;
		color: @h_text_color;
	}
}
[data-background="image"] {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
[data-background="parallax"] {
	width: 100%;
	background-size: cover;
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: 0 0;
	position: relative;
	background-color: @content_bg_color;
}
[data-background="pattern"] {
	background-position: left top;
	background-repeat: repeat;
	background-size: auto;
	background-image: @body_bg_pattern;
	background-attachment: fixed;
}
[data-transparent] {
	position: relative;

	.transparent-wrapper {
		position: relative;
		z-index: 2;
	}

	.transparent-bg {
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
}
[data-transparent="secondary"] {

	.transparent-bg {
		background-color: rgba( red(@color_secondary), green(@color_secondary), blue(@color_secondary), @color_transparency);
	}
}
[data-transparent="primary"] {

	.transparent-bg {
		background-color: rgba( red(@color_primary), green(@color_primary), blue(@color_primary), @color_transparency);
	}
}
[data-transparent="white"] {

	.transparent-bg {
		background-color: rgba( 255,255,255, @color_transparency);
	}
}
.small {
	font-size: 80%;
}
.w-100 {
	width: 100%;
}
.w-auto {
	width: auto;
}
.relative {
	position: relative;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.align-center {
	text-align: center;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.color-primary {
	color: @color_primary !important;
}
.color-red {
	color: #c00;
}
.color-secondary {
	color: @color_secondary !important;
}
.bg-primary {
	background-color: @color_primary !important;
	color: rgba(255,255,255,0.5) !important;
}
.bg-secondary {
	background-color: @color_secondary !important;
	color: rgba(255,255,255,0.5) !important;
}
.decor-font {
	font-family: @decor_font_family;
}
.content-divider {
	margin-top: @section-padding;
}
.plugin-container {
	position: relative;
	width: 100%;
	display: inline-block;
}
.border-bottom-1 {
	border-bottom: 1px solid darken(@content_bg_color, 7%);
}
.mobile-typo-fix {
	margin-top: @section-padding - @leading;
	float: left;
	width: 100%;
}
.margin-top-leading {
	margin-top: @leading !important;
}
.sort-span {
	margin-left: 20px;
	color: @h_text_color;
}

/*
	4. Riva Preloader	/	#riva-preload
*/

#riva-preload {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	background-color: @preloader_bg_color;
	z-index: 100001;
	border: 50px solid rgba(000,000,000,0.05);
}

	/*
		4.1. Site Preloader #1	/	.windows8
	*/

	.windows8 {
		position: relative; width: 90px; left: 50%; top: 50%; margin-left: -45px; margin-top: -45px; height:90px;

		.wBall {
			position: absolute; width: 86px; height: 86px; opacity: 0; -moz-transform: rotate(225deg); -moz-animation: orbit 7.15s infinite; -webkit-transform: rotate(225deg); -webkit-animation: orbit 7.15s infinite; -ms-transform: rotate(225deg); -ms-animation: orbit 7.15s infinite; -o-transform: rotate(225deg); -o-animation: orbit 7.15s infinite; transform: rotate(225deg); animation: orbit 7.15s infinite;

			.wInnerBall {
				position: absolute; width: 11px; height: 11px; background: @preloader_first_color; left:0px; top:0px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; border-radius: 11px;
			}
		}

		#wBall_1 {
			-moz-animation-delay: 1.56s; -webkit-animation-delay: 1.56s; -ms-animation-delay: 1.56s; -o-animation-delay: 1.56s; animation-delay: 1.56s;
		}

		#wBall_2 {
			-moz-animation-delay: 0.31s; -webkit-animation-delay: 0.31s; -ms-animation-delay: 0.31s; -o-animation-delay: 0.31s; animation-delay: 0.31s;
		}

		#wBall_3 {
			-moz-animation-delay: 0.62s; -webkit-animation-delay: 0.62s; -ms-animation-delay: 0.62s; -o-animation-delay: 0.62s; animation-delay: 0.62s;
		}

		#wBall_4 {
			-moz-animation-delay: 0.94s; -webkit-animation-delay: 0.94s; -ms-animation-delay: 0.94s; -o-animation-delay: 0.94s; animation-delay: 0.94s;
		}

		#wBall_5 {
			-moz-animation-delay: 1.25s;  -webkit-animation-delay: 1.25s; -ms-animation-delay: 1.25s; -o-animation-delay: 1.25s; animation-delay: 1.25s;
		}
	}
	@-moz-keyframes orbit {
		0% { opacity: 1; z-index:99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; }
		7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-origin:0%; }
		30% { opacity: 1; -moz-transform:rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-origin:7%; }
		39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-origin:30%; }
		70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-origin:39%; }
		75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-origin:70%; }
		76% { opacity: 0; -moz-transform:rotate(900deg); }
		100% { opacity: 0; -moz-transform: rotate(900deg); }
	}
	@-webkit-keyframes orbit {
		0% { opacity: 1; z-index:99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; }
		7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-origin:0%; }
		30% { opacity: 1; -webkit-transform:rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-origin:7%; }
		39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-origin:30%; }
		70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-origin:39%; }
		75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-origin:70%; }
		76% { opacity: 0; -webkit-transform:rotate(900deg); }
		100% { opacity: 0; -webkit-transform: rotate(900deg); }
	}
	@-ms-keyframes orbit {
		0% { opacity: 1; z-index:99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; }
		7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-origin:0%; }
		30% { opacity: 1; -ms-transform:rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-origin:7%; }
		39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-origin:30%; }
		70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-origin:39%; }
		75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-origin:70%; }
		76% { opacity: 0; -ms-transform:rotate(900deg); }
		100% { opacity: 0; -ms-transform: rotate(900deg); }
	}
	@-o-keyframes orbit {
		0% { opacity: 1; z-index:99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; }
		7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-origin:0%; }
		30% { opacity: 1; -o-transform:rotate(410deg); -o-animation-timing-function: ease-in-out; -o-origin:7%; }
		39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-origin:30%; }
		70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-origin:39%; }
		75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-origin:70%; }
		76% { opacity: 0; -o-transform:rotate(900deg); }
		100% { opacity: 0; -o-transform: rotate(900deg); }
	}
	@keyframes orbit {
		0% { opacity: 1; z-index:99; transform: rotate(180deg); animation-timing-function: ease-out; }
		7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; origin:0%; }
		30% { opacity: 1; transform:rotate(410deg); animation-timing-function: ease-in-out; origin:7%; }
		39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; origin:30%; }
		70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; origin:39%; }
		75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; origin:70%; }
		76% { opacity: 0; transform:rotate(900deg); }
		100% { opacity: 0; transform: rotate(900deg); }
	}

	/*
		4.2. Site Preloader #2	/	.bubblingG
	*/

	.bubblingG {
		text-align: center; width:80px; height:50px; left: 50%; top: 50%; margin-left: -40px; margin-top: -25px; position: relative;

		span {
			display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 25px auto; background: @preloader_first_color; -moz-border-radius: 50px; -moz-animation: bubblingG 1.3s infinite alternate; -webkit-border-radius: 50px; -webkit-animation: bubblingG 1.3s infinite alternate; -ms-border-radius: 50px; -ms-animation: bubblingG 1.3s infinite alternate; -o-border-radius: 50px; -o-animation: bubblingG 1.3s infinite alternate; border-radius: 50px; animation: bubblingG 1.3s infinite alternate;
		}

		#bubblingG_1 {
			-moz-animation-delay: 0s; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s;
		}

		#bubblingG_2 {
			-moz-animation-delay: 0.39s; -webkit-animation-delay: 0.39s; -ms-animation-delay: 0.39s; -o-animation-delay: 0.39s; animation-delay: 0.39s;
		}

		#bubblingG_3 {
			-moz-animation-delay: 0.78s; -webkit-animation-delay: 0.78s; -ms-animation-delay: 0.78s; -o-animation-delay: 0.78s; animation-delay: 0.78s;
		}
	}
	@-moz-keyframes bubblingG {
		0% { width: 10px; height: 10px; background-color: @preloader_second_color; -moz-transform: translateY(0); }
		100% { width: 24px; height: 24px; background-color: @preloader_first_color; -moz-transform: translateY(-21px); }
	}
	@-webkit-keyframes bubblingG {
		0% { width: 10px; height: 10px; background-color: @preloader_second_color; -moz-transform: translateY(0); }
		100% { width: 24px; height: 24px; background-color: @preloader_first_color; -moz-transform: translateY(-21px); }
	}
	@-ms-keyframes bubblingG {
		0% { width: 10px; height: 10px; background-color: @preloader_second_color; -moz-transform: translateY(0); }
		100% { width: 24px; height: 24px; background-color: @preloader_first_color; -moz-transform: translateY(-21px); }
	}
	@-o-keyframes bubblingG {
		0% { width: 10px; height: 10px; background-color: @preloader_second_color; -moz-transform: translateY(0); }
		100% { width: 24px; height: 24px; background-color: @preloader_first_color; -moz-transform: translateY(-21px); }
	}
	@keyframes bubblingG {
		0% { width: 10px; height: 10px; background-color: @preloader_second_color; -moz-transform: translateY(0); }
		100% { width: 24px; height: 24px; background-color: @preloader_first_color; -moz-transform: translateY(-21px); }
	}

	/*
		4.3. Site Preloader #3	/	#followingBallsG
	*/

	#followingBallsG {
		position:relative; width:256px; height:20px; left: 50%; top: 50%; margin-left: -128px; margin-top: -10px;
	}
	.followingBallsG {
		background-color:@preloader_second_color; position:absolute; top:0; left:0; width:20px; height:20px; -moz-border-radius:10px; -moz-animation-name:bounce_followingBallsG; -moz-animation-duration:1.6s; -moz-animation-iteration-count:infinite; -moz-animation-direction:normal; -webkit-border-radius:10px; -webkit-animation-name:bounce_followingBallsG; -webkit-animation-duration:1.6s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:normal; -ms-border-radius:10px; -ms-animation-name:bounce_followingBallsG; -ms-animation-duration:1.6s; -ms-animation-iteration-count:infinite; -ms-animation-direction:normal; -o-border-radius:10px; -o-animation-name:bounce_followingBallsG; -o-animation-duration:1.6s; -o-animation-iteration-count:infinite; -o-animation-direction:normal; border-radius:10px; animation-name:bounce_followingBallsG; animation-duration:1.6s; animation-iteration-count:infinite; animation-direction:normal;
	}
	#followingBallsG_1{
		-moz-animation-delay:0s;
	}
	#followingBallsG_1{
		-webkit-animation-delay:0s;
	}
	#followingBallsG_1{
		-ms-animation-delay:0s;
	}
	#followingBallsG_1{
		-o-animation-delay:0s;
	}
	#followingBallsG_1{
		animation-delay:0s;
	}
	#followingBallsG_2{
		-moz-animation-delay:0.16s; -webkit-animation-delay:0.16s; -ms-animation-delay:0.16s; -o-animation-delay:0.16s; animation-delay:0.16s;
	}
	#followingBallsG_3{
		-moz-animation-delay:0.32s; -webkit-animation-delay:0.32s; -ms-animation-delay:0.32s; -o-animation-delay:0.32s; animation-delay:0.32s;
	}
	#followingBallsG_4{
		-moz-animation-delay:0.48s; -webkit-animation-delay:0.48s; -ms-animation-delay:0.48s; -o-animation-delay:0.48s;animation-delay:0.48s;
	}
	@-moz-keyframes bounce_followingBallsG{
		0%{ left:0px; background-color:@preloader_second_color; }
		50%{ left:236px; background-color:@preloader_first_color; }
		100%{ left:0px; background-color:@preloader_second_color; }
	}
	@-webkit-keyframes bounce_followingBallsG{
		0%{ left:0px; background-color:@preloader_second_color; }
		50%{ left:236px; background-color:@preloader_first_color; }
		100%{ left:0px; background-color:@preloader_second_color; }
	}
	@-ms-keyframes bounce_followingBallsG{
		0%{ left:0px; background-color:@preloader_second_color; }
		50%{ left:236px; background-color:@preloader_first_color; }
		100%{ left:0px; background-color:@preloader_second_color; }
	}
	@-o-keyframes bounce_followingBallsG{
		0%{ left:0px; background-color:@preloader_second_color; }
		50%{ left:236px; background-color:@preloader_first_color; }
		100%{ left:0px; background-color:@preloader_second_color; }
	}
	@keyframes bounce_followingBallsG{
		0%{ left:0px; background-color:@preloader_second_color; }
		50%{ left:236px; background-color:@preloader_first_color; }
		100%{ left:0px; background-color:@preloader_second_color; }
	}

	/*
		4.4. Site Preloader #4	/	#fountainG
	*/

	#fountainG{
		position:relative; width:240px; height:29px; left: 50%; top: 50%; margin-left: -120px; margin-top: -24px;
	}
	.fountainG{
		position:absolute; top:0; background-color:@preloader_second_color; width:29px; height:29px; -moz-animation-name:bounce_fountainG; -moz-animation-duration:1.6s; -moz-animation-iteration-count:infinite; -moz-animation-direction:normal; -moz-transform:scale(.3); -moz-border-radius:19px; -webkit-animation-name:bounce_fountainG; -webkit-animation-duration:1.6s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:normal; -webkit-transform:scale(.3); -webkit-border-radius:19px; -ms-animation-name:bounce_fountainG; -ms-animation-duration:1.6s; -ms-animation-iteration-count:infinite; -ms-animation-direction:normal; -ms-transform:scale(.3); -ms-border-radius:19px; -o-animation-name:bounce_fountainG; -o-animation-duration:1.6s; -o-animation-iteration-count:infinite; -o-animation-direction:normal; -o-transform:scale(.3); -o-border-radius:19px; animation-name:bounce_fountainG; animation-duration:1.6s; animation-iteration-count:infinite; animation-direction:normal; transform:scale(.3); border-radius:19px;
	}
	#fountainG_1{
		left:0; -moz-animation-delay:0.64s; -webkit-animation-delay:0.64s; -ms-animation-delay:0.64s; -o-animation-delay:0.64s; animation-delay:0.64s;
	}
	#fountainG_2{
		left:30px; -moz-animation-delay:0.8s; -webkit-animation-delay:0.8s; -ms-animation-delay:0.8s; -o-animation-delay:0.8s; animation-delay:0.8s;
	}
	#fountainG_3{
		left:60px; -moz-animation-delay:0.96s; -webkit-animation-delay:0.96s; -ms-animation-delay:0.96s; -o-animation-delay:0.96s; animation-delay:0.96s;
	}
	#fountainG_4{
		left:90px; -moz-animation-delay:1.12s; -webkit-animation-delay:1.12s; -ms-animation-delay:1.12s; -o-animation-delay:1.12s; animation-delay:1.12s;
	}
	#fountainG_5{
		left:120px; -moz-animation-delay:1.28s; -webkit-animation-delay:1.28s; -ms-animation-delay:1.28s; -o-animation-delay:1.28s; animation-delay:1.28s;
	}
	#fountainG_6{
		left:150px; -moz-animation-delay:1.44s; -webkit-animation-delay:1.44s; -ms-animation-delay:1.44s; -o-animation-delay:1.44s; animation-delay:1.44s;
	}
	#fountainG_7{
		left:180px; -moz-animation-delay:1.6s; -webkit-animation-delay:1.6s; -ms-animation-delay:1.6s; -o-animation-delay:1.6s; animation-delay:1.6s;
	}
	#fountainG_8{
		left:210px; -moz-animation-delay:1.76s; -webkit-animation-delay:1.76s; -ms-animation-delay:1.76s; -o-animation-delay:1.76s; animation-delay:1.76s;
	}
	@-moz-keyframes bounce_fountainG{
		0%{ -moz-transform:scale(1); background-color:@preloader_first_color; }
		100%{ -moz-transform:scale(.3); background-color:@preloader_second_color; }
	}
	@-webkit-keyframes bounce_fountainG{
		0%{ -moz-transform:scale(1); background-color:@preloader_first_color; }
		100%{ -moz-transform:scale(.3); background-color:@preloader_second_color; }
	}
	@-ms-keyframes bounce_fountainG{
		0%{ -moz-transform:scale(1); background-color:@preloader_first_color; }
		100%{ -moz-transform:scale(.3); background-color:@preloader_second_color; }
	}
	@-o-keyframes bounce_fountainG{
		0%{ -moz-transform:scale(1); background-color:@preloader_first_color; }
		100%{ -moz-transform:scale(.3); background-color:@preloader_second_color; }
	}
	@keyframes bounce_fountainG{
		0%{ -moz-transform:scale(1); background-color:@preloader_first_color; }
		100%{ -moz-transform:scale(.3); background-color:@preloader_second_color; }
	}

	/*
		4.5. Site Preloader #5	/	#floatingCirclesG
	*/

	#floatingCirclesG{
		position:relative; width:128px; height:128px; -moz-transform:scale(0.6); -webkit-transform:scale(0.6); -ms-transform:scale(0.6); -o-transform:scale(0.6); transform:scale(0.6); left: 50%; top: 50%; margin-left: -64px; margin-top: -64px;
	}
	.f_circleG{
		position:absolute; background-color:@preloader_first_color; height:23px; width:23px; -moz-border-radius:12px; -moz-animation-name:f_fadeG; -moz-animation-duration:1.04s; -moz-animation-iteration-count:infinite; -moz-animation-direction:normal; -webkit-border-radius:12px; -webkit-animation-name:f_fadeG; -webkit-animation-duration:1.04s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:normal; -ms-border-radius:12px; -ms-animation-name:f_fadeG; -ms-animation-duration:1.04s; -ms-animation-iteration-count:infinite; -ms-animation-direction:normal; -o-border-radius:12px; -o-animation-name:f_fadeG; -o-animation-duration:1.04s; -o-animation-iteration-count:infinite; -o-animation-direction:normal; border-radius:12px; animation-name:f_fadeG; animation-duration:1.04s; animation-iteration-count:infinite; animation-direction:normal;
	}
	#frotateG_01{
		left:0; top:52px; -moz-animation-delay:0.39s; -webkit-animation-delay:0.39s; -ms-animation-delay:0.39s; -o-animation-delay:0.39s; animation-delay:0.39s;
	}
	#frotateG_02{
		left:15px; top:15px; -moz-animation-delay:0.52s; -webkit-animation-delay:0.52s; -ms-animation-delay:0.52s; -o-animation-delay:0.52s; animation-delay:0.52s;
	}
	#frotateG_03{
		left:52px; top:0; -moz-animation-delay:0.65s; -webkit-animation-delay:0.65s; -ms-animation-delay:0.65s; -o-animation-delay:0.65s; animation-delay:0.65s;
	}
	#frotateG_04{
		right:15px; top:15px; -moz-animation-delay:0.78s; -webkit-animation-delay:0.78s; -ms-animation-delay:0.78s; -o-animation-delay:0.78s; animation-delay:0.78s;
	}
	#frotateG_05{
		right:0; top:52px; -moz-animation-delay:0.91s; -webkit-animation-delay:0.91s; -ms-animation-delay:0.91s; -o-animation-delay:0.91s; animation-delay:0.91s;
	}
	#frotateG_06{
		right:15px; bottom:15px; -moz-animation-delay:1.04s; -webkit-animation-delay:1.04s; -ms-animation-delay:1.04s; -o-animation-delay:1.04s; animation-delay:1.04s;
	}
	#frotateG_07{
		left:52px; bottom:0; -moz-animation-delay:1.17s; -webkit-animation-delay:1.17s; -ms-animation-delay:1.17s; -o-animation-delay:1.17s; animation-delay:1.17s;
	}
	#frotateG_08{
		left:15px; bottom:15px; -moz-animation-delay:1.3s; -webkit-animation-delay:1.3s; -ms-animation-delay:1.3s; -o-animation-delay:1.3s; animation-delay:1.3s;
	}
	@-moz-keyframes f_fadeG{
		0%{ background-color: @preloader_first_color; }
		100%{ background-color: @preloader_second_color; }
	}
	@-webkit-keyframes f_fadeG{
		0%{ background-color: @preloader_first_color; }
		100%{ background-color: @preloader_second_color; }
	}
	@-ms-keyframes f_fadeG{
		0%{ background-color: @preloader_first_color; }
		100%{ background-color: @preloader_second_color; }
	}
	@-o-keyframes f_fadeG{
		0%{ background-color: @preloader_first_color; }
		100%{ background-color: @preloader_second_color; }
	}
	@keyframes f_fadeG{
		0%{ background-color: @preloader_first_color; }
		100%{ background-color: @preloader_second_color; }
	}

/*
	5. Site Logo & Site Slogan	/	.site-logo, .site-slogan
*/

.site-logo, .site-slogan {
	.w-auto;
	.float-left;

	a, a:hover {
		text-decoration: none;

		img {
			border: 0;
		}
	}
}
.site-slogan {
	box-sizing: border-box;

	p {
		margin: 0;
	}
}

/*
	6. Social buttons	/	.header-soc-btns
*/

.header-soc-btns {
	.w-auto;
	.float-left;
	list-style: none;
	margin: 0;
	padding: 0;

	li {
		float: left;
		width: 30px;
		height: 30px;
		margin-right: 3px;
		overflow: hidden;

		a {
			height: 30px;
			width: 30px;
			line-height: 30px;
			text-align: center;
			float: left;
			.bg-secondary;
			font-size: 14px;

			i {
				line-height: 30px;
				color: #fff !important;
			}
		}

		a:hover {
			.bg-primary;
		}
	}

	> :last-child {
		margin-right: 0;
	}
}

/*
	7. Header contacts	/	.header-contacts
*/

.header-contacts {
	width: auto;
	float: left;

	> li {
		float: left;
		margin-right: 15px;
		.small;
		line-height: 30px;
		list-style: none;
		color: @h_text_color;

		i {
			color: @color_primary;
		}
	}

	> :last-child {
		margin-right: 0;
	}
}

/*
	8. Header navigation	/	nav.header-nav
*/

nav.header-nav {
	width: auto;
	float: left;
	margin: 0;
	padding: 0;

	ul#main-nav {
		width: auto;
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;

		> li {
			width: auto;
			float: left;
			margin: 0;
			padding: 0;
			margin-right: 30px;
			position: relative;

			> a {
				font-family: @header_menu_font_family;
				font-size: @header_menu_font_size;
				font-weight: @header_menu_font_weight;
				text-transform: @header_menu_text_transform;
				text-decoration: @header_menu_text_decoration;
				color: @header_menu_text_color;
				float: left;
			}

			> a:hover {
				color: @header_menu_hover_text_color;
				text-decoration: @header_menu_hover_text_decoration;
			}

			ul {
				position: absolute;
				left: 0;
				top: 21 + @header_menu_font_size * 1.5;
				background-color: @color_secondary;
				width: @dropdown_menu_width;
				list-style: none;
				margin: 0;
				padding: 0;
				border-top: 3px solid @color_primary;
				display: none;
				box-shadow: 4px 4px 4px rgba(000,000,000,0.5);

				> li {
					border-bottom: 1px solid rgba(255,255,255,0.15);
					padding: 10px 0;
					transition: background-color @transition_timing_function @transition_duration;

					a {
						color: #fff;
						text-transform: capitalize;
						padding: 0 20px;
					}

					a:hover {
						text-decoration: none;
						color: @color_primary;
					}
				}

				> li:hover {
					background-color: rgba(255,255,255,0.05);
				}

				> :last-child {
					border-bottom-width: 0;
				}
			}
		}

		> :last-child {
			margin-right: 0;
		}

		> li.active {
			position: relative;

			span.arrow {
				position: absolute;
				bottom: -1px;
				left: 50%;
				margin-left: -5px;
				width: 0;
				height: 0;
				border-left: 5px solid transparent;
				border-right: 5px solid transparent;
				border-bottom: 5px solid darken(@content_bg_color, 7%);
			}
		}
	}
}

/*
	9. Site Header	/	header[data-position="page-top"]
*/

header.site-header {
	position: relative;
	z-index: 1000001;
	border-bottom: 3px solid darken(@content_bg_color, 7%);
	border-top: 5px solid @color_primary;
	background-color: @content_bg_color;
	width: 100%;
	float: left;

	.site-header-left {
		width: auto;
		float: left;
	}

	.site-header-right {
		width: auto;
		float: right;
	}
}
header.site-header[data-version="1"] {
	.w-100;
	.float-left;

	.site-logo {
		margin: 40px 0;
		transition: margin @transition_duration @transition_timing_function;
	}
	.site-slogan {
		.small;
		margin-left: 30px;
		padding: 30px 0;
		width: 150px;
	}

	.header-soc-btns, .mobile-menu-btn {
		.float-right;
		margin: 20px 0;
	}

	.mobile-menu-btn {
		margin-left: 3px;

		i {
			line-height: 30px;
		}
	}

	.header-contacts {
		.float-right;
		margin: 20px 0;
		margin-right: 30px;
	}

	nav.header-nav {
		float: right;

		ul#main-nav {

			> li {

				> a {
					transition: padding-top 0.2 @transition_timing_function;
					padding-bottom: 20px;
				}
			}

		}
	}
}
header.site-header.scrolled[data-version="1"] {

	.mobile-menu-btn {
		margin: 10px 0;
	}

	.site-logo {
		margin: 10px 0;
	}

	nav.header-nav {

		ul#main-nav {

			> li {

				> a {
					padding-top: 15px;
					padding-bottom: 15px;
				}

				ul {
					top: 31 + @header_menu_font_size * 1.5;
				}
			}

		}
	}
}
header.site-header[data-version="2"] {

	.site-logo {
		margin: 45px 0;
		float: left;
	}

	nav.header-nav {
		margin-left: @leading;
		float: left;

		ul#main-nav {

			> li {

				> a {
					padding: 50px 0;
					position: relative;
				}

				ul {
					top: 101 + @header_menu_font_size * 1.5;
				}
			}
		}
	}

	.header-soc-btns, .mobile-menu-btn {
		margin: 20px 0;
		margin-bottom: 10px;
		float: right;
	}

	.mobile-menu-btn {
		margin-left: 3px;

		i {
			line-height: 30px;
		}
	}

	.header-contacts {
		width: auto;
		float: right;
		margin: 0;
		margin-bottom: 20px;

		li {
			text-align: right;
			line-height: normal;
			float: right;
			margin: 0;
		}

		> :first-child {
			margin-bottom: 10px;
		}
	}
}
header.site-header.scrolled[data-version="2"] {

	.site-header-left {
		width: 100%;
	}

	.site-logo {
		margin: 10px 0;
	}

	.mobile-menu-btn {
		margin: 10px 0;
	}

	nav.header-nav {
		float: right;

		ul#main-nav {

			> li {

				> a {
					padding-top: 15px;
					padding-bottom: 15px;
				}

				ul {
					top: 31 + @header_menu_font_size * 1.5;
				}
			}

		}
	}
}
header.site-header[data-version="3"] {

	.mobile-menu-btn {
		float: right;
		margin: 30px 0;
		margin-left: 3px;

		i {
			line-height: 30px;
		}
	}

	.mobile-menu-btn.second {
		display: none;
	}

	.site-logo {
		margin: 30px 0;
	}

	.header-contacts {
		margin: 30px 0 30px @leading;

		li {
			width: 100%;
			float: left;
			line-height: normal;
		}

		> :first-child {
			margin-bottom: 5px;
		}
	}

	.header-search, .header-soc-btns {
		float: right;
		margin: 30px 0;

		input {
			border: 0 !important;
			padding: 0 !important;
		}
	}

	.header-search {
		margin-right: 3px;
	}

	nav.header-nav {
		float: left;

		ul#main-nav {

			> li {

				> a {
					padding: 15px 0;
					position: relative;
				}

				ul {
					top: 31 + @header_menu_font_size * 1.5;
				}
			}
		}
	}
}
header.site-header.scrolled[data-version="3"] {

	.mobile-menu-btn.second {
		margin: 10px 0;
		display: block;
	}
}

/*
	10. Background Images
*/

.bg-img-1 {
	background-image: url(../../img/m-slider-bg.jpg);
}
.bg-img-2 {
	background-image: url(../../img/m-slider-bg.jpg);
}
.bg-img-3 {
	background-image: url(../../img/m-slider-bg.jpg);
}
.bg-img-4 {
	background-image: url(../../img/m-slider-bg.jpg);
}
.bg-img-5 {
	background-image: url(../../img/m-slider-bg.jpg);
}
.bg-img-6 {
	background-image: url(../../img/m-slider-bg.jpg);
}
.bg-img-7 {
	background-image: url(../../img/m-slider-bg.jpg);
}
.bg-img-8 {
	background-image: url(../../img/m-slider-bg.jpg);
}
.bg-img-9 {
	background-image: url(../../img/m-slider-bg.jpg);
}
.bg-pattern-1 {
	background-image: url(../../img/m-slider-bg.jpg);
}

/*
	11. Homepage Banner
*/

.homepage-banner {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

/*
	12. Magnis Buttons	/	.m-btn
*/

.m-btn {
	display: inline-block !important;
	transition: @transition !important;
	text-transform: @button_text_transform !important;
	font-weight: @button_font_weight !important;
	border: 0 !important;
	box-sizing: border-box !important;
	width: auto !important;
	font-style: normal !important;
}
.m-btn:hover {
	text-decoration: none !important;
}
.m-btn[data-color="primary"] {
	background-color: @color_primary !important;
	color: #fff !important;
}
.m-btn[data-color="secondary"] {
	background-color: @color_secondary !important;
	color: #fff !important;
}
.m-btn[data-color="white"] {
	background-color: #fff !important;
	color: @h_text_color !important;
}
.m-btn[data-color="primary"]:hover {
	background-color: darken(@color_primary, 10%) !important;
	color: #fff !important;
}
.m-btn[data-color="secondary"]:hover {
	background-color: darken(@color_secondary, 10%) !important;
	color: #fff !important;
}
.m-btn[data-color="white"]:hover {
	background-color: darken(#fff, 10%) !important;
	color: @h_text_color !important;
}
.m-btn[data-size="normal"] {
	line-height: 40px !important;
	padding: 0 20px !important;

	i {
		line-height: 40px !important;
	}
}
.m-btn[data-size="large"] {
	line-height: 55px !important;
	padding: 0 25px !important;
	font-size: 120% !important;

	i {
		line-height: 55px !important;
	}
}
.m-btn[data-size="small"] {
	line-height: 30px !important;
	padding: 0 15px !important;
	font-size: 80% !important;

	i {
		line-height: 30px !important;
	}
}
.m-btn[data-color="primary"][data-border] {
	background-color: transparent !important;
	box-shadow: inset 0 0 0 2px @color_primary !important;
	color: @color_primary !important;
}
.m-btn[data-color="primary"][data-border]:hover {
	background-color: darken(@color_primary, 10%) !important;
	color: #fff !important;
}
.m-btn[data-color="secondary"][data-border] {
	background-color: transparent !important;
	box-shadow: inset 0 0 0 2px @color_secondary !important;
	color: @color_secondary !important;
}
.m-btn[data-color="secondary"][data-border]:hover {
	background-color: darken(@color_secondary, 10%) !important;
	color: #fff !important;
}

/*
	13. Call To Actions
*/

	/*
		13.1. Call To Action #1		/	.cta1
	*/

	.cta1 {
		width: 100%;
		float: left;
		padding: @leading 0;

		h1, h2, h3, h4, h5, h6 {
			margin: 0;

			span {
				text-transform: capitalize;
				font-weight: normal;
			}
		}

		p {
			margin: 0;
		}

		.m-btn {
			margin-top: 5px;
			float: right;
		}
	}
	.cta1[data-style="dark"] {
		.bg-secondary;

		h1, h2, h3, h4, h5, h6 {
			color: @dark_theme_h_text_color !important;
		}
	}
	.cta1[data-style="light"] {
		background-color: darken(@content_bg_color, 7%);

		h1, h2, h3, h4, h5, h6 {
			color: @h_text_color !important;
		}
	}

	/*
		13.2. Call To Action #2		/	.cta2
	*/

	.cta2 {
		.border-bottom-1;

		width: 100%;
		float: left;
		text-align: center;
		padding:  50px 0;
		background: -moz-linear-gradient(top, rgba(000,000,000,0.15) 0%, rgba(000,000,000,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(000,000,000,0.15)), color-stop(100%,rgba(000,000,000,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(000,000,000,0.15) 0%,rgba(000,000,000,0) 100%); /* Chrome10+,Safari`+ */
		background: -o-linear-gradient(top, rgba(000,000,000,0.15) 0%,rgba(000,000,000,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(000,000,000,0.15) 0%,rgba(000,000,000,0) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(000,000,000,0.15) 0%,rgba(000,000,000,0) 100%); /* W3C */

		h1, h2, h3, h4, h5, h6 {
			margin-top: 0;

			.decor-font {
				text-transform: capitalize;
			}
		}

		p {
			margin-top: @leading / 2;
		}
	}


/*
	14. Icon Box #1	/	.icon-box-1
*/

.icon-box-1 {
	width: 100%;
	float: left;
	margin-top: @leading;
	position: relative;
	box-sizing: border-box;
	padding-left: 90px;
	min-height: 70px;

	> i {
		width: 70px;
		height: 70px;
		line-height: 70px;
		position: absolute;
		left: 0;
		top: 0;
		color: @color_primary;
		text-align: center;
		font-size: 32px;
		box-shadow: @color_primary 0 0 0 2px;
		transition: @transition;
	}

	p {
		margin-top: 0;
	}

	p.title {
		color: @h_text_color;
		text-transform: capitalize;
		font-size: 120%;
		margin-bottom: 10px;
	}
}
.icon-box-1:hover {

	> i {
		background-color: @color_primary;
		color: #fff;
	}
}
.icon-box-1[data-version="2"] {
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
	min-height: 0;
	padding-top: 90px;

	> i {
		top: 0;
		left: 50%;
		margin-left: -35px;
	}
}
.icon-box-1.help-item {
	padding-left: 40px;

	> i {
		box-shadow: 0 0 0 0;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		color: @color_primary;
		font-size: 24px;
	}
}

/*
	15. Project Block #1
*/

.project-block-1 {
	background-color: @color_primary;
	width: 100%;
	float: left;

	.project-item {
		margin-top: 0;
	}

	.project-block-1-nav {
		margin-top: @leading / 2;

		> a {
			color: #fff;
			padding: 2px 5px;
			box-shadow: inset 0 0 0 1px #fff;
			font-size: 12px;
		}

		> :last-child {
			margin-left: 5px;
		}

		> a:hover {
			background-color: @color_secondary;
			box-shadow: inset 0 0 0 1px @color_secondary;
		}
	}

	.projects-desc {
		width: 100%;
		float: left;
		box-sizing: border-box;
		padding: @leading;
		padding-right: 0;
		color: #fff;

		h1, h2, h3, h4, h5, h6 {
			margin: 0;
			color: #fff;
		}

		p {
			margin-top: @leading / 2;
		}
	}
}

/*
	16. Project Item
*/

.project-item {
	width: 100%;
	float: left;
	position: relative;
	margin-top: @leading;
	overflow: hidden;

	figure {
		background-color: @color_secondary;
		width: 100%;
		float: left;
		margin: 0;
		transition: @transition;
		position: relative;
		z-index: 1;

		img {
			opacity: 1;
			width: 100%;
			float: left;
			transition: @transition;
		}
	}

	.buttons {
		position: absolute;
		z-index: 10;
		left: 50%;
		top: 50%;
		width: 90px;
		margin-left: -45px;
		margin-top: -20px;
		opacity: 0;
		transition: @transition;
		transition-delay: 0.3s;

		a {
			float: left;
			width: 40px !important;
			padding: 0 !important;
			text-align: center;

			i {
				line-height: 40px !important;
				width: 100% !important;
				text-align: center !important;
			}
		}

		a.link {
			margin-right: 10px;
		}
	}

	> p.title {
		position: absolute;
		width: 100%;
		left: 0;
		top: -40px;
		z-index: 10;
		text-align: center;
		margin: 0;
		transition: @transition;
		transition-delay: 0.5s;

		a {
			color: #fff;
			text-transform: capitalize;
		}

		a:hover {
			color: @color_primary;
		}
	}

	> p.tags {
		position: absolute;
		width: 100%;
		left: 0;
		bottom: -40px;
		z-index: 10;
		text-align: center;
		margin: 0;
		color: @color_primary;
		font-style: italic;
		text-transform: lowercase;
		transition: @transition;
		transition-delay: 0.6s;
	}
}
.project-item:hover {

	figure {
		box-shadow: inset 0 0 0 3px @color_primary;

		img {
			opacity: 0.2;
		}
	}

	.buttons {
		opacity: 1;
	}

	> p.title {
		top: 40px;
	}

	> p.tags {
		bottom: 40px;
	}
}

/*
	17. Post
*/

.post {
	text-align: left;
	box-sizing: border-box;
	position: relative;

	> .date {
		width: 60px;
		height: 60px;
		position: absolute;
		left: 0;
		top: 0;
		background-color: @color_primary;
		text-align: center;

		span {
			width: 100%;
			float: left;
		}

		span.day {
			line-height: 25px;
			font-weight: bold;
			color: #fff;
			font-size: 24px;
			margin-top: 10px;
		}

		span.month {
			line-height: 15px;
			font-weight: bold;
			color: @h_text_color;
			font-size: 12px;
			text-transform: uppercase;
		}
	}

	> .type {
		background-color: @color_secondary;
		text-align: center;
		line-height: 60px;
		width: 60px;
		height: 60px;
		color: #fff;
		position: absolute;
		left: 0;
		top: 60px;
		font-size: 18px;

		i {
			line-height: 60px;
		}
	}

	> header, > footer {
		width: 100%;
		float: left;

		p {
			margin: 0;
		}
	}

	> .content {
		width: 100%;
		float: left;
		margin-top: @leading;

		> :first-child {
			margin-top: 0;
		}
	}

	> header {

		p {
			font-size: 120%;
		}
	}

	> footer {
		border-top: 1px solid rgba(000,000,000,0.05);
		margin-top: @leading;
		padding-top: @leading;

		p {
			.small;
			font-style: italic;

			> i {
				margin-right: 5px;
				color: @color_primary;
			}

			a {
				text-transform: capitalize;
			}

			a.read-more {
				float: right;

				i {
					color: @color_primary;
				}
			}
		}
	}
}
.post[data-style="preview"] {
	width: 100%;
	float: left;
	position: relative;
	box-sizing: border-box;
	padding-left: 200px;
	min-height: 120px;
	margin-top: @leading;

	> figure {
		width: 120px;
		height: 120px;
		position: absolute;
		left: 60px;
		top: 0;
		margin: 0;
		overflow: hidden;
		background-color: @color_secondary;

		.img-ghost {
			width: 100%;
			height: 100%;
			float: left;
			background-size: cover;
			position: absolute;
			left: 0;
			top: 0;
			opacity: 1;
			transition: @transition;
		}
	}

	> figure:hover {

		.img-ghost {
			opacity: 0.3;
		}
	}

	> .content, footer {
		margin-top: @leading / 2;
	}

	> footer {
		padding-top: @leading / 4;
	}
}
.post.no-figure[data-style="preview"] {
	padding-left: 80px;
}
.post[data-style="full"] {
	padding-left: 60px;
	width: 100%;
	float: left;

	> figure {
		margin: 0;
		background-color: @color_secondary;

		img {
			opacity: 1;
			transition: @transition;
		}
	}

	> figure:hover {

		img {
			opacity: 0.4;
		}
	}

	> header {
		margin-top: @leading;
	}

	> footer {

		p {
			margin: 0 !important;

			span {
				width: auto;
				float: left;
				margin-right: @leading;
			}
		}
	}

	.content {

		blockquote {
			background-color: darken(@content_bg_color, 4%);
			border-bottom: 3px solid darken(@content_bg_color, 15%);
			box-sizing: border-box;
			padding: @leading;
			font-style: italic;
			color: @h_text_color;
			position: relative;

			> i.glyphicon {
				position: absolute;
				left: 15px;
				top: -15px;
				width: 30px;
				height: 30px;
				line-height: 30px;
				border-radius: 50%;
				background-color: @color_primary;
				color: #fff;
				font-size: 14px;
				text-align: center;
			}
		}
	}
}
.post.no-figure[data-style="full"] {
	padding-left: 80px;

	> header {
		margin-top: 0;
	}
}
.section-header-nav {
	width: auto;
	display: inline;
	float: left;margin-left: @leading;

	a {
		box-shadow: inset 0 0 0 1px @h_text_color;
		color: @h_text_color;
		width: @body_font_size * 1.71;
		height: @body_font_size * 1.71;
		font-size: 12px;
		text-align: center;
		line-height: @body_font_size * 1.71;
		float: left;
		margin-top: 1px;

		i {
			line-height: @body_font_size * 1.71;
		}
	}

	a:hover {
		color: #fff;
		box-shadow: inset 0 0 0 2px @color_primary;
		background-color: @color_primary;
	}

	> :last-child {
		margin-left: 5px;
	}
}
.section-header-nav.center {
	width: 100%;
	float: left;
	margin: 0;
	margin-top: @leading;
	text-align: center;

	a {
		display: inline-block;
		float: none;
	}

	> :first-child {
		margin-right: 2px;
	}

	> :last-child {
		margin-left: 3px;
	}
}
.bullets-nav-1 {
	margin-top: @leading / 2;

	a {
		font-size: 0;
		box-shadow: inset 0 0 0 1px @color_secondary;
		width: 15px;
		height: 15px;
	}

	a:hover {
		background-color: @color_primary;
		box-shadow: inset 0 0 0 1px @color_primary;
	}

	a.active {
		background-color: @color_secondary;
		box-shadow: inset 0 0 0 1px @color_secondary, inset 0 0 0 4px @content_bg_color;
	}
}
.bullets-nav-1.center {
	width: 100%;
	display: inline-block;
	text-align: center;

	a {
		display: inline-block;
	}
}
.bullets-nav-1.light {

	a {
		box-shadow: inset 0 0 0 1px #fff;
	}

	a:hover {
		background-color: @color_primary;
		box-shadow: inset 0 0 0 1px @color_primary;
	}

	a.active {
		background-color: #fff;
		box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 4px @color_secondary;
	}
}

/*
	18. Testimonils
*/

.testimonials-item {
	width: 100%;
	float: left;
	position: relative;
	box-sizing: border-box;
	padding-left: 200px;
	min-height: 120px;
	margin-top: @leading;

	p {
		margin-top: @leading / 2;
	}

	> figure {
		position: absolute;
		left: 0;
		top: 0;
		width: 120px;
		height: 120px;
		overflow: hidden;
		margin: 0;

		> img {
			display: none;
		}

		.img-ghost {
			width: 100%;
			height: 100%;
			float: left;
			background-size: cover;
			position: absolute;
			left: 0;
			top: 0;
		}
	}

	> i {
		position: absolute;
		left: 140px;
		top: 0;
		width: 40px;
		color: @color_primary;
		font-size: 48px;
		line-height: auto;
	}

	.content {
		font-style: italic;

		> :first-child {
			margin-top: 0;
		}
	}

	p.author {
		.decor-font;
		font-size: 36px;
		color: @color_primary;
	}

	p.position {
		.small;
		margin-top: 0;
		color: @h_text_color;
	}
}

/*
	19. Newsletters #1	/	.newsletters-1
*/

.newsletters-1 {
	background-color: @color_primary;
	padding: 40px 0;

	h1, h2, h3, h4, h5, h6, p {
		margin-top: 0;
		color: #fff;
	}

	input {
		width: 100%;
		float: left;
	}

	width: 100%;
	float: left;

	input {
		border: 0 !important;
		padding: 0 !important;
		border-bottom: 2px solid rgba(255,255,255,0.5) !important;
		color: rgba(255,255,255,0.5) !important;
		box-shadow: border-box !important;
		font-size: 120% !important;
		display: inline-block !important;
		float: none !important;
	}

	input:focus {
		border: 0 !important;
		border-bottom: 2px solid rgba(255,255,255,1) !important;
		color: rgba(255,255,255,1) !important;
	}

	button[type=submit] {
		width: 100% !important;
		display: inline-block !important;
	}

	::-moz-placeholder {
	  color: rgba(255,255,255,0.5);
	  opacity: 1;
	}
	:-ms-input-placeholder {
	  color: rgba(255,255,255,0.5);
	}
	::-webkit-input-placeholder {
	  color: rgba(255,255,255,0.5);
	}
}
.newsletters-1.transparent-bg {
	width: 100%;
	float: left;
	background-color: rgba(255,255,255,0) !important;

	form {
		border: 1px solid #f00;
		width: 100%;
		display: inline-block;
	}
}

/*
	20. Widgets	/	.widget
*/

.widget {
	width: 100%;
	display: inline-block;

	.widget-content {
		width: 100%;
		float: left;
		margin-top: @leading;

		.content-box {
			margin-top: 0 !important;
		}


		ul {
			list-style: none;

			li {
				margin-top: @leading / 4;
				box-sizing: border-box;
				position: relative;

				> i {
					position: absolute;
					left: 0;
					top: 0;
					line-height: @body_font_size * 1.5;
					color: @color_primary;
				}
			}

			> :first-child {
				margin-top: 0;
			}
		}

		> :first-child {
			margin-top: 0;
		}

		.site-logo {
			margin: 0;
			margin-top: @leading;
		}
	}
}
.widget.widget-twitter {

	.tweet {
		padding-left: 60px;
		box-sizing: border-box;
		position: relative;

		i.fa {
			position: absolute;
			left: 0;
			top: 0;
			width: 40px;
			height: 40px;
			line-height: 40px;
			border-radius: 50%;
			background-color: @color_primary;
			color: #fff;
			text-align: center;
			font-size: 16px;
		}
	}
	span {
		width: 100%;
		display: inline-block;
	}

	span.date {
		font-style: italic;
		margin-top: @leading / 2;
	}
}
.widget.no-title {

	.widget-content {
		margin-top: 0;
	}
}
.widget.widget-flickr {

	.widget-content {

		img {
			float: left;
			margin: 0 5px 5px 0;
			opacity: 1;
			transition: @transition;
		}

		img:hover {
			opacity: 0.3;
		}
	}
}
.widget.widget-contacts {

	.widget-content {

		ul {
			margin: 0;
			padding: 0;
			list-style: none;
			width: 100%;
			float: left;
			margin-top: @leading;

			li {
				float: left;
				margin: 0;
				padding: 0;
			}

			> :first-child {
				width: 30%;
				color: #fff;
				text-transform: uppercase;
			}

			> :last-child {
				width: 70%;
				float: right;
			}
		}

		> :first-child {
			margin-top: 0;
		}
	}
}
.widget.widget-contact-info {

	.widget-content {

		p {
			position: relative;
			padding-left: 40px;
			box-sizing: border-box;
			color: @h_text_color;

			i {
				position: absolute;
				left: 0px;
				top: 0;
				width: 30px;
				text-align: center;
				color: @color_primary;
				line-height: 1.5;
			}
		}
	}
}
.widget.widget-search {

	form {
		width: 100%;
		float: left;
		position: relative;
		padding-left: 40px;
		margin: 0;
		border: 1px solid darken(@content_bg_color, 7%);
		transition: @transition;

		> i {
			position: absolute;
			width: 40px;
			text-align: center;
			left: 0;
			top: 10px;
			line-height: 20px;
			height: 20px;
			border-right: 1px solid darken(@content_bg_color, 7%);
			color: darken(@content_bg_color, 7%);
			color: @h_text_color;
		}

		input[type] {
			border: 0 !important;
		}

		input:focus {
			border: 0 !important;
			box-shadow: 0 0 0 0 !important;
		}
	}
}
.widget.widget-search.focused {

	form {
		border: 1px solid @color_primary;

		input[type] {
			color: @h_text_color;
		}
	}
}
.widget.widget-categories {

	.widget-content {

		ul {

			li {
				padding-left: @body_font_size * 1.5;
			}
		}
	}
}
.widget.widget-tabs {

	.widget-content {
		padding: 20px;
		background-color: darken(@content_bg_color, 4%);
		border-bottom: 3px solid darken(@content_bg_color, 15%);

		> header {
			width: 100%;
			float: left;
			color: @h_text_color;
			text-transform: capitalize;
			font-weight: @h_font_weight;

			span {
				float: left;
				width: auto;
				margin-right: 20px;
				cursor: pointer;
				transition: @transition;
			}

			> :last-child {
				margin-right: 0;
			}

			span.active {
				color: @color_primary;
				border-bottom: 1px dashed @color_primary;
			}
		}

		section {
			width: 100%;
			float: left;
			padding: 0;
			margin-top: 20px;

			.post[data-style="preview"] {
				padding-left: 100px;
				min-height: 60px;
				margin: 0;
				margin-bottom: 20px;

				header {

					p {
						font-size: 100%;
						margin: 0;
						margin-bottom: 10px;
					}
				}

				footer {
					margin: 0;
				}

				> figure {
					width: 60px;
					height: 60px;
					left: 30px;
				}

				> .date {
					width: 30px;
					height: 30px;

					span.day {
						font-size: 12px;
						line-height: 16px;
						margin-top: 0px;
					}

					span.month {
						font-size: 10px;
						line-height: 12px;
					}
				}

				> .type {
					top: 30px;
					width: 30px;
					height: 30px;
					line-height: 30px;
					font-size: 12px;

					> i {
						line-height: 30px;
					}
				}
			}

			.post.comment[data-style="preview"] {
				padding-left: 40px;

				.content {
					margin-bottom: 10px;
					font-style: italic;
					margin-top: 0;
				}
			}

			> :last-child {
				margin-bottom: 0 !important;
			}
		}
	}
}
.widget.widget-shopping-cart {

	.widget-content {

		ul {
			width: 100%;
			display: inline-block;

			li {
				width: 100%;
				float: left;
				border-bottom: 1px solid darken(@content_bg_color, 7%);
				margin: 0;
				padding-bottom: @leading / 2;
				margin-bottom: @leading / 2;
				position: relative;
				padding-right: 150px;
				box-sizing: border-box;

				> span {
					width: 130px;
					right: 0;
					top: 0;
					position: absolute;
					text-align: right;
					color: @color_primary;
					font-weight: bold;
				}
			}

			> :last-child {
				border-bottom-width: 0;
				padding: 0;
				margin: 0;
			}
		}
	}
}

/*
	21. Logo item 	/	.logo-item
*/

.logo-item {
	margin-top: @leading;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 0 40px;

	img {
		opacity: 0.5;
		transition: @transition;
	}

	img:hover {
		opacity: 1;
	}
}

/*
	22.	Header search 	/	.header-search
*/

.header-search {
	width: 175px;
	padding: 4px 5px;
	padding-left: 40px;
	box-sizing: border-box;
	position: relative;
	border: 1px solid darken(@content_bg_color, 7%);
	transition: @transition;

	> i.glyphicon-search {
		position: absolute;
		left: 0;
		top: 5px;
		width: 30px;
		height: 20px;
		line-height: 20px;
		border-right: 1px solid darken(@content_bg_color, 7%);
		text-align: center;
	}

	form {
		width: 100%;
		float: left;

		input {
			width: 100%;
			float: left;
			border: 0;
			height: 20px;
			line-height: 20px;
		}
	}
}
.header-search.focused {
	border: 1px solid @color_primary;
}

/*
	23. Mobile menu button 	/	.mobile-menu-btn
*/

.mobile-menu-btn {
	height: 30px;
	width: 30px;
	line-height: 30px;
	color: @color_primary;
	box-shadow: inset 0 0 0 2px @color_primary;
	text-align: center;
	float: left;
	font-size: 14px;
}
.mobile-menu-btn:hover {
	background-color: @color_primary;
	color: #fff;
}

/*
	24. Twitter block	/	.twitter-block
*/

.twitter-block {
	width: 100%;
	float: left;
	padding: 40px 0;
	background-color: darken(@content_bg_color, 7%);
}

/*
	25. Page title bar 	/	.page-title-bar
*/

.page-title-bar {
	width: 100%;
	float: left;
	padding: @leading 0;

	.page-title-bar-wrapper {
		position: relative;
		padding-right: 200px;
		box-sizing: border-box;
	}

	p {
		margin: 0;
	}

	p.title {
		font-size: @body_font_size * 2.57;
		color: #fff;
		text-transform: @h_text_transform;
		font-weight: @h_font_weight;
	}

	.breadcrumbs {
		.small;
		width: 100%;
		float: left;

		a {
			color: rgba(255,255,255,0.3) !important;
			text-transform: uppercase;
			text-decoration: none;
			transition: @transition;
		}

		a:hover {
			color: @color_primary;
		}

		span {
			color: rgba(255,255,255,0.3) !important;
			transition: @transition;
		}

		span.divider {
			margin: 0 10px;
		}
	}

	.search {
		width: 200px;
		position: absolute;
		right: 0;
		top: 0;
		margin-top: 15px;

		form {
			width: 100%;
			float: left;
			position: relative;
			padding-right: 40px;
			box-sizing: border-box;

			[type=submit] {
				width: 40px;
				height: 40px;
				line-height: 40px;
				padding: 0;
				float: right;
				position: absolute;
				right: 0;
				top: 0;
			}

			[type="search"] {
				float: left;
				width: 100%;
				border: 1px solid rgba(255,255,255,0.3) !important;
				border-right-width: 0px;
				color: #fff;
			}

			[type="search"]:focus {
				border: 1px solid @color_primary !important;
				border-right-width: 0px;
			}
		}
	}
}
.page-title-bar:hover {

	.breadcrumbs {
		text-shadow: 1px 1px 1px rgba(000,000,000,0.6);

		a {
			color: #fff !important;
		}

		a:hover {
			color: @color_primary !important;
		}

		span.divider {
			color: @color_primary;
		}

		span.last {
			color: @body_text_color;
		}
	}
}

/*
	26. Accoordion	/	.m-accordion
*/

.m-accordion {
	margin-top: @leading;
	display: inline-block;

	> section {
		width: 100%;
		float: left;
		padding: 0;
		margin-bottom: 5px;
		border: 1px solid darken( @content_bg_color, 10%);
		border-top: 1px solid @h_text_color;
		transition: @transition;

		> header, > div {
			width: 100%;
			float: left;
			padding: @leading / 2 @leading;
			padding-left: 60px;
		}

		> header {
			position: relative;
			color: @h_text_color;
			cursor: pointer;
			transition: @transition;

			> i {
				position: absolute;
				left: 0;
				top:5;
				padding: @leading / 2 0;
				width: 60px;
				text-align: center;
			}
		}

		> div {
			padding-top: 0;
			padding-left: 60px;
			display: none;

			> :first-child {
				margin-top: @leading / 2;
			}
		}
	}

	> section:hover {
		background-color: darken(@content_bg_color, 3%);
	}

	> section.active {
		border-top: 1px solid @color_primary;
		background-color: darken(@content_bg_color, 3%);

		> header {
			color: @color_primary;
		}
	}

	> :last-child {
		margin-bottom: 0;
	}
}

/*
	27. Skills	/	.m-skills
*/

.m-skills {
	width: 100%;
	display: inline-block;
	margin-top: @leading;

	> section {
		padding: 0;
		margin-bottom: 5px;
		background-color: darken(@content_bg_color, 7%);
		height: 30px;
		position: relative;
		box-sizing: border-box;
		padding-left: 100px;

		> .name {
			font-size: 12px;
			text-transform: uppercase;
			font-weight: normal;
			color: #fff;
			background-color: @color_secondary;
			line-height: 30px;
			height: 30px;
			position: absolute;
			left: 0;
			top: 0;
			width: 100px;
			box-sizing: border-box;
			padding: 0 10px;
		}

		> .value {
			font-size: 16px;
			text-transform: uppercase;
			font-weight: bold;
			color: #fff;
			background-color: @color_primary;
			line-height: 30px;
			height: 30px;
			float: left;
			box-sizing: border-box;
			padding: 0 10px;
			transition: @transition;
		}
	}

	> section:hover {

		> .value {
			background-color: darken(@color_primary, 7%);
		}
	}

	> :last-child {
		margin-bottom: 0;
	}
}

/*
	28. Team 	/	.team-item
*/

.team-item {
	width: 100%;
	float: left;
	background-color: @color_secondary;
	margin-top: @leading;

	> figure {
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
		position: relative;

		img {
			opacity: 1;
			transition: @transition;
		}
	}

	> figure:hover {

		img {
			opacity: 0.3;
		}
	}

	p {
		width: 100%;
		float: left;
		text-align: center;
		margin: 0;
		padding: 0 @leading / 2;
		padding-bottom: @leading / 2;
		color: rgba(255,255,255,0.5);
	}

	p.sb {
		background-color: @color_primary;
		padding: 0;

		a {
			color: #fff;
			padding: @leading / 2;
			display: inline-block;
		}

		a:hover {
			background-color: darken(@color_primary, 7%);
		}
	}

	p.name {
		padding: @leading / 2;
		.decor-font;
		font-size: 200%;
		color: #fff;
	}
}

/*
	29. Tabs 	/	.m-tabs
*/

.m-tabs {
	width: 100%;
	display: inline-block;
	margin-top: @leading;
	border: 1px solid darken(@content_bg_color, 7%);

	header, section {
		width: 100%;
		float: left;
	}

	header {

		span {
			position: relative;
			width: auto;
			float: left;
			padding: @leading / 2 @leading;
			border-right: 1px solid darken(@content_bg_color, 7%);
			border-bottom: 1px solid @content_bg_color !important;
			transition: @transition;
			font-family: @h_font_family;
			text-transform: @h_text_transform;
			font-weight: @h_font_weight;
			color: @h_text_color;
			cursor: pointer;
			font-size: 120%;
		}

		span:hover {
			background-color: darken(@content_bg_color, 3%);
		}

		span.active {
			border: 1px solid @color_primary;
			z-index: 2;
			color: @color_primary;
			background-color: @content_bg_color;
		}
	}

	section {
		position: relative;
		z-index: 1;
		border-top: 1px solid @color_secondary;
		margin-top: -1px;
		padding: @leading;
		padding-top: 0;
	}
}

/*
	30. Brochure	/	.m-brochure
*/

.m-brochure {
	width: 100%;
	display: inline-block;
	margin-top: @leading;
	background-color: darken(@content_bg_color, 4%);
	padding: @leading;
	box-sizing: border-box;
	text-align: center;
	border-bottom: 3px solid darken(@content_bg_color, 15%);

	p {
		width: 100%;
		float: left;
	}

	.title {
		margin-top: 0;
		font-family: @h_font_family;
		text-transform: @h_text_transform;
		font-weight: @h_font_weight;
		color: @h_text_color;
		font-size: 120%;
	}

	.file {
		background-color: @content_bg_color;
		border: 1px solid darken(@content_bg_color, 7%);
		padding: @leading / 2;
		margin-top: @leading / 2;
		transition: @transition;
	}

	.link, .small {
		margin-top: @leading / 2;
	}

	.small {
		font-style: italic;
	}
}
.m-brochure:hover {

	.file {
		box-shadow: 0 5px 5px rgba(000,000,000,0.3);
	}
}

/*
	31. Sidebar		/	.sidebar
*/

.sidebar {

	> :first-child {
		margin-top: @leading !important;

		.widget-title {
			margin-top: 0 !important;
		}
	}

	.widget {
		margin-top: @section-padding - @leading;
		margin-bottom: 0;
	}
}

/*
	32. Content box 	/	.content-box
*/

.content-box {
	width: 100%;
	float: left;
	padding: @leading;
	padding-top: 0;
	box-shadow: inset 0 0 0 1px darken(@content_bg_color, 7%);
	margin-top: @leading;

	.content-box-title {
		text-transform: @h_text_transform;
		color: @h_text_color;
		font-weight: @h_font_weight;
		font-family: @h_font_family;
		font-size: 120%;
	}
}
.content-box[data-style="secondary"] {
	background-color: @color_secondary;
	box-shadow: inset 0 0 0 0;

	.content-box-title {
		color: #fff;
	}
}
.content-box[data-style="primary"] {
	background-color: @color_primary;
	box-shadow: inset 0 0 0 0;
	color: rgba(255,255,255,0.7);

	.content-box-title {
		color: #fff;
	}
}

/*
	33. Pagination
*/

.m-pagination {
	width: 100%;
	display: inline-block;
	list-style: none;

	li {
		width: auto;
		float: left;
		margin-right: 10px;
	}

	li.active {
		line-height: 30px;
		box-shadow: inset 0 0 0 2px darken(@content_bg_color, 7%);
		padding: 0 15px;
		color: @h_text_color;
	}
}

/*
	34. Pricing #1	/	.pricing-1
*/

.pricing-1 {
	width: 100%;
	display: inline-block;
	margin-top: @leading;
	text-align: center;
	background-color: darken(@content_bg_color, 4%);
	padding-bottom: @leading;
	transition: @transition;

	.title {
		background-color: @color_secondary;
		padding: @leading;
		font-weight: lighter;
		color: #fff;
		font-size: 200%;
		text-transform: capitalize;
	}

	.price {
		background-color: darken(@content_bg_color, 8%);
		padding: @leading / 2 @leading;
		color: @h_text_color;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 120%;
	}

	.features {
		padding: 0 @leading * 2;
		box-sizing: border-box;

		ul {
			list-style: none;
			color: @h_text_color;
			text-align: left;

			li {
				padding-bottom: 10px;
			}

			> :last-child {
				padding-bottom: 0;
			}
		}
	}
}
.pricing-1.featured {
	margin-top: 0;

	.title {
		padding: @leading * 2 @leading;
		background-color: @color_primary;
	}
}
.pricing-1:hover {
	box-shadow: 0 10px 10px rgba(000,000,000,0.2);
	margin-top: @leading - 10;
}
.pricing-1.featured:hover {
	box-shadow: 0 10px 10px rgba(000,000,000,0.2);
	margin-top: -10px;
}

/*
	35. Pricing #2	/	.pricing-2
*/

.pricing-2 {
	width: 100%;
	display: inline-block;
	margin-top: @leading;
	text-align: center;
	transition: @transition;

	.featured {
		background-color: @color_primary;
		color: #fff;
		font-size: 100%;
		font-weight: bold;
		text-transform: uppercase;
		padding: 10px;
	}

	.title {
		background-color: @color_secondary;
		color: #fff;
		font-size: 120%;
		font-weight: bold;
		text-transform: uppercase;
		padding: @leading / 2 @leading;
	}

	.price, .features {
		border: 1px solid darken(@content_bg_color, 7%);
		border-top-width: 0;
		width: 100%;
		box-sizing: border-box;
		transition: @transition;
	}

	.price {
		padding: @leading / 2 @leading;
		background-color: darken(@content_bg_color, 4%);
		box-shadow: inset 0 0 0 5px @content_bg_color;

		span {
			width: 100%;
			display: inline-block;
		}

		.sp1 {
			font-size: 200%;
			color: @h_text_color;
			font-weight: bold;
		}

		.sp2 {
			color: @color_primary;
			text-transform: capitalize;
		}

	}

	.features {
		padding: @leading;

		ul {
			color: @h_text_color;
			list-style: none;

			li {
				margin-bottom: 10px;
				padding-bottom: 10px;
				border-bottom: 1px solid darken(@content_bg_color, 7%);
			}

			> :last-child {
				margin-bottom: 0;
				padding-bottom: 0;
				border-bottom-width: 0;
			}
		}

		> :first-child {
			margin-top: 0;
		}
	}
}
.pricing-2.featured {

	.price {
		background-color: @color_primary;

		span {
			color: #fff;
		}
	}

	.price, .features {
		border-color: @color_primary;
	}
}
.pricing-2:hover {
	box-shadow: 0 10px 10px rgba(000,000,000,0.2);
	margin-top: @leading - 10;
}

/*
	36. Pricing #3	/	.pricing-3
*/
.pricing-3 {
	width: 100%;
	margin-top: @leading;
	border-collapse: separate;
	border-top: 1px solid darken(@content_bg_color, 7%);

	thead {

		tr > :first-child {
			background-color: @color_secondary;
			color: #fff;
			text-align: left;
		}

		th {
			text-align: center;
			color: @h_text_color;
			text-transform: @h_text_transform;
			box-sizing: border-box;
			padding: 10px 20px;
			border-bottom: 3px solid @color_primary;
			border-right: 1px solid darken(@content_bg_color, 7%);
		}
	}

	tbody {

		td {
			box-sizing: border-box;
			padding: 10px 20px;
			border-right: 1px solid darken(@content_bg_color, 7%);
			border-bottom: 1px solid darken(@content_bg_color, 7%);
			text-align: center;
			color: @h_text_color;
		}

		tr {

			> :first-child {
				background-color: @color_secondary;
				border-bottom: 1px solid lighten(@color_secondary, 10%);
				color: #fff;
				text-transform: capitalize;
				text-align: left;
			}
		}
	}
}

/*
	37. Page 404	/	.page-404
*/

.page-404 {
	padding-top: @section-padding - @leading;
	padding-bottom: @section-padding;
	text-align: center;

	.title {
		font-size: 1000%;
		color: @h_text_color;
		font-weight: bold;
		text-shadow: 4px 4px 0 rgba(000,000,000,0.15);
	}

	.widget-search {
		margin-top: @leading;

		input {
			width: 100%;
		}
	}

	.links {

		a {
			margin: 0 30px;
			text-transform: uppercase;
		}
	}
}

/*
	38.	Coming Soon 	/	.coming-soon
*/

.coming-soon {
	padding-top: @section-padding * 3 - @leading;
	padding-bottom: @section-padding * 3;
	text-align: center;

	.site-logo {
		padding: @leading / 2 @leading;
		background-color: #fff;
		display: inline-block;
		float: none;
		outline: 10px solid rgba(255,255,255,0.1);
	}

	.title {
		color: #fff;
	}

	p {
		color: #fff;
		font-size: 100%;
	}

	#riva-countdown {
		width: 100%;
		display: inline-block;

		.riva-countdown-item {
			width: 25%;
			float: left;
			padding: 0 20px;
			box-sizing: border-box;
			margin-top: @leading;

			.inner {
				background-color: rgba(255,255,255,0.1);
				width: 100%;
				float: left;
				padding-bottom: @leading;
			}

			.value {
				font-size: 500%;
			}

			.value, .label {
				width: 100%;
				float: left;
			}

			.label {
				font-size: 100%;
				font-weight: bold;
				text-transform: uppercase;
			}
		}
	}
}

/*
	39. Portfolio project	/	.portfolio-project
*/

.portfolio-project {

	.project-details {
		background-color: darken(@content_bg_color, 4%);
		border-bottom: 3px solid darken(@content_bg_color, 15%);
		box-sizing: border-box;
		padding: @leading;
		margin-top: @leading;

		p {
			border-bottom: 1px solid darken(@content_bg_color, 7%);
			width: 100%;
			margin: 0;
			padding: 0;
			padding-bottom: 10px;
			padding-left: 100px;
			margin-bottom: 10px;
			position: relative;
			min-height: 30px;

			> span {
				position: absolute;
				left: 0;
				top: 0;
				width: 80px;
				color: @h_text_color;
				text-transform: uppercase;
			}
		}

		> :last-child {
			margin-bottom: 0;
			padding-bottom: 0;
			border-bottom-width: 0;
		}
	}
}

/*
	40. Blog list #1	/	.blog-list-1
*/

.blog-list {
	width: 100%;
	float: left;

	.listing {
		width: 100%;
		float: left;
		margin-top: @section-padding;

		> :first-child {
			margin-top: 0 !important;
		}
	}

	.post, .m-pagination {
		margin-top: @section-padding !important;
	}
}
.blog-article {

	.post {
		margin-top: @leading !important;
	}
}

/*
	41. Comment item 	/	.comment-item
*/

.comment-item-wrapper {
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	margin-top: @leading;

	.comment-item {
		width: 100%;
		display: inline-block;
		box-sizing: border-box;
		padding-left: 120px;
		min-height: 120px;
		position: relative;

		> figure {
			width: 100px;
			height: 100px;	
			position: absolute;
			left: 0;
			top: 0;
			margin: 0;
			overflow: hidden;
			background-color: @color_secondary;

			.img-ghost {
				width: 100%;
				height: 100%;
				float: left;
				background-size: cover;
				position: absolute;
				left: 0;
				top: 0;
				opacity: 1;
				transition: @transition;
			}
		}

		> figure:hover {

			.img-ghost {
				opacity: 0.3;
			}
		}

		.meta {
			border-bottom: 1px solid @h_text_color;
			width: 100%;
			display: inline-block;
			padding-bottom: @leading / 2;
			font-style: italic;
		}
	}

	.comment-item-wrapper {
		padding-left: 60px;
	}
}

/*
	42. Shop	/	.shop-listing
*/

.shop-listing {
	width: 100%;
	display: inline-block;
}
.shop-item {
	width: 100%;
	display: inline-block;
	margin-top: @leading;
	border: 1px solid darken(@content_bg_color, 7%);
	transition: @transition;

	> figure {
		margin: 0;
		overflow: hidden;
		background-color: @color_secondary;
		position: relative;

		.buttons {
			position: absolute;
			z-index: 10;
			left: 50%;
			top: 50%;
			width: 90px;
			margin-left: -45px;
			margin-top: -20px;
			opacity: 0;
			transition: @transition;
			transition-delay: 0.3s;

			a {
				float: left;
				width: 40px !important;
				padding: 0 !important;
				text-align: center;

				i {
					line-height: 40px !important;
				}
			}

			a.link {
				margin-right: 10px;
			}
		}

		img {
			opacity: 1;
			transition: @transition;
		}
	}

	> figure:hover {

		.buttons {
			opacity: 1;
		}

		img {
			opacity: 0.3;
		}
	}

	.details {
		width: 100%;
		display: inline-block;
		padding: 0 @leading / 2;
		padding-bottom: @leading / 2;
		box-sizing: border-box;
		border-top-width: 1px solid darken(@content_bg_color, 7%);

		p {
			margin-top: @leading / 2;

			.m-btn {
				width: 50%;
				float: left;
				text-align: center;
			}
		}

		p.price {
			color: @color_primary;
			font-size: 150%;
			font-weight: bold;

			span {
				width: 100%;
				display: inline-block;
				.small;
				text-decoration: line-through;
				color: @h_text_color;
				font-weight: normal;
			}
		}
	}
}
.shop-item:hover {
	box-shadow: 0 5px 5px rgba(000,000,000,0.2);
	margin-top: @leading - 10;
	border: 1px solid darken(@content_bg_color, 15%);

	.details {
		border-top: 1px solid darken(@content_bg_color, 15%);
	}
}
.single-product {

	.single-product-images {

		.project-img {
			background-color: @color_secondary;
			width: 100%;
			display: inline-block;
		}

		img {
			opacity: 1;
			transition: @transition;
		}

		img:hover {
			opacity: 0.3;
		}
	}

	.product-title {
		font-size: 150%;
		color: @h_text_color;
	}

	.stf {
		.small;
	}

	.price {
		font-size: 200%;
		color: @color_primary;

		span.old {
			width: 100%;
			display: inline-block;
			color: @h_text_color;
			text-decoration: line-through;
			.small;
		}
	}
}
.cart-totals {

	p {
		border-bottom: 1px solid darken(@content_bg_color, 7%);
		width: 100%;
		padding-bottom: @leading / 2;

		span {
			float: right;
			color: @h_text_color;
		}
	}

	p.total {
		border-bottom: 1px solid @color_secondary;

		span {
			font-weight: bold;
		}
	}
}
.shopping-cart {
	width: 100%;
	margin-top: @leading;

	.item-desc {
		width: 100%;
		box-sizing: border-box;
		padding-left: 120px;
		position: relative;
		overflow: hidden;
		padding-right: @leading;
		min-height: 100px;

		> figure {
			width: 100px;
			height: 100px;
			position: absolute;
			left: 0;
			top: 0;
			margin: 0;
			background-color: @color_secondary;

			img {
				opacity: 1;
				transition: @transition;
			}

			img:hover {
				opacity: 0.3;
			}
		}

		p.title {
			margin-top: @leading / 2;
		}

		p.desc {
			margin-top: @leading / 2;
			.small;
		}
	}

	.w1 {
		width: 55%;
	}

	.w2 {
		width: 10%;
		box-sizing: border-box;
		padding-right: @leading;
	}

	.w3 {
		width: 5%;
		text-align: center;
	}

	td.w2 {
		color: @h_text_color;
	}

	th {
		font-family: @h_font_family;
		font-weight: @h_font_weight;
		color: @h_text_color;
		text-transform: @h_text_transform;
		padding-bottom: @leading / 2;
		border-bottom: 3px solid @color_primary;
	}

	tr {
		transition: @transition;
	}

	tbody {

		tr:hover {
			background-color: darken(@content_bg_color, 4%);
		}
	}

	tbody {

		td {
			margin-top: @leading / 2;
			padding: @leading / 2 0;
			border-bottom: 1px solid darken(@content_bg_color, 7%);

			input {
				width: 100%;
			}
		}

		> :last-child {
			padding-bottom: 0;

			td {
				border-bottom: 0;
			}
		}
	}
}
.shopping-cart.checkout {

	.w1 {
		width: 60%;
	}
}

/*
	43. Map canvas	/	.map-canvas
*/

.map-canvas {
	width: 100%;
	height: 300px;
	float: left;
}

/*
	44. Simplex Form 	/	.simplexform
*/

.simplexform {
	margin-top: @leading !important;
	text-align: left !important;

	input, select, textarea {
		text-align: left !important;
	}

	.group-title {
		border-bottom: 1px solid @color_primary !important;
		padding: 0 !important;
		padding-bottom: @leading / 2 !important;
		font-weight: @h_font_weight !important;
		color: @h_text_color !important;
		text-transform: @h_text_transform !important;
		font-size: 120% !important;
	}

	.acm-field {
		padding-left: 0 !important;

		label {
			color: @h_text_color !important;
		}

		.addfile {
			background-color: @color_secondary !important;
		}
	}

	.acm-field.submitbtn {
		background-color: transparent !important;
	}
}
.widget {

	.widget-content {

		.simplexform {
			margin-top: 0 !important;

			.acm-field {

				label {
					color: @dark_theme_h_text_color !important;
				}

				textarea {
					min-height: 100px !important;
				}
			}

			.acm-field.submitbtn {
				padding: 0 !important;
			}
		}
	}
}

/*
	45. Twitter block	/	.twitter-block
*/

.twitter-block {

	.twitter-block-inner {
		width: 100%;
		box-sizing: border-box;
		padding-right: 80px;

		.rivaCarouselNav {
			position: absolute;
			right: 0;
			top: 0;
		}
	}

	.tweet {
		position: relative;
		padding-left: 110px;
		min-height: 50px;

		.ava {
			position: absolute;
			width: 48px;
			height: 48px;
			overflow: hidden;
			left: 0;
			top: 0;
		}

		i.fa {
			position: absolute;
			left: 60px;
			top: 0;
			width: 30px;
			height: 30px;
			line-height: 30px;
			color: @color_primary;
			font-size: 24px;
		}

		.content, .meta {
			width: 100%;
			display: inline-block;
		}

		.content {
			font-size: 120%;
			font-style: italic;
		}

		.meta {
			margin-top: @leading / 4;
			color: @h_text_color;
		}
	}
}

/*
	46. M Menu 	/	.mm-menu 
*/

.mm-menu {

	.mm-navbar, a {
		text-transform: capitalize;
	}

	.mm-listview {
		margin: 0;

		li {

			text-align: left;

			.mm-counter {
				text-align: left;
				margin-right: 20px;
			}
		}
	}
}

/*
	47. LayerSlider		/	#layerslider
*/

.layerslider1, .layerslider2, .layerslider3 {
	height: 550px;
	max-width: 100%;
	width: 100%;

	.slide-title {
		font-family: @h_font_family;
		text-transform: @h_text_transform;
		color: @h_text_color;
		color: #fff;
		font-weight: @h_font_weight;
		font-size: 96px;
	}

	.slide-desc-1 {
		font-size: 24px;
		width: 650px;
		text-transform: @h_text_transform;
		color: @h_text_color;
		color: #fff;
		font-weight: @h_font_weight;
	}

	.slide-desc-2 {
		font-size: 18px;
		width: 650px;
		color: @color_primary;
		font-style: italic;
	}
}
.layerslider2 {
	height: 600px;

	.slide-title {
		font-size: 48px;
		color: @h_text_color;
		width: 400px;
	}

	.slide-desc-1 {
		border-top: 1px solid @color_primary;
		border-bottom: 1px solid @color_primary;
		padding: @leading / 2 0;
		font-size: 100%;
		color: @h_text_color;
		text-transform: none;
		font-weight: normal;
	}
}
.layerslider3 {

	.slide-title {

		span {
			background-color: @color_primary;
			color: #fff;
			font-size: 48px;
			line-height: 60px;
			float: left;
			padding: 0 @leading;
		}
	}

	.slide-desc-1 {
		background-color: @color_secondary;
		padding: @leading;
		box-sizing: border-box;
		width: 500px;
		color:rgba(255,255,255,0.5);
		font-weight: normal;
		text-transform: none;
		font-size: 100%;
		line-height: 1.5;

		a.m-btn {
			margin-top: @leading;
		}
	}
}

/*
	48. To the top 	/	.move-to-the-top
*/

.move-to-the-top {
	position: fixed;
	top: 50%;
	margin-top: -20px;
	right: -40px;
	width: 40px;
	height: 40px;
	background-color: @content_bg_color;
	z-index: 1000000001;
	transition: @transition;
	cursor: pointer;
	box-shadow: inset 0 0 0 2px @h_text_color;
	opacity: 0.5;

	i {
		width: 100%;
		line-height: 40px;
		color: @h_text_color;
		font-size: 14px;
	}
}
.move-to-the-top:hover {
	opacity: 1;
}
.move-to-the-top.show {
	right: 20px;
}

/*
	49. Footer	/	footer.site-footer
*/

footer.site-footer {
	width: 100%;
	float: left;
	background-color: @color_secondary;
	padding-top: @section-padding - @leading;
	color: rgba(255,255,255,0.5);

	select,
	input[type="input"],
	input[type="text"],
	input[type="html"],
	input[type="password"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="tel"],
	input[type="time"],
	input[type="url"],
	input[type="month"],
	input[type="week"] {
		border: 1px solid rgba(255,255,255,0.1) !important;
		color: @dark_theme_h_text_color;
		border-radius: 0 !important;
		box-shadow: inset 0 0 0 0 @color_secondary !important;
	}
	textarea {
		border: 1px solid rgba(255,255,255,0.1) !important;
		color: @dark_theme_h_text_color;
		box-shadow: inset 0 0 0 0 @color_secondary !important;
	}
	select:focus,
	textarea:focus,
	input[type="input"]:focus,
	input[type="text"]:focus,
	input[type="html"]:focus,
	input[type="password"]:focus,
	input[type="date"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="email"]:focus,
	input[type="number"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="time"]:focus,
	input[type="url"]:focus,
	input[type="month"]:focus,
	input[type="week"]:focus {
		border: 1px solid @color_primary !important;
		box-shadow: 0 0 0 !important;
		background-color: transparent !important;
	}
	textarea:focus {
		border: 1px solid @color_primary !important;
		box-shadow: 0 0 0 !important;
		background-color: transparent !important;
	}

	a {
		color: @color_primary;
	}

	a:hover {
		color: #fff;
	}

	.widget {

		.widget-title {
			color: #fff;
		}
	}

	.copyrights {
		margin-top: @section-padding;
		background-color: rgba(000,000,000,0.15);
		width: 100%;
		float: left;

		.left {
			text-align: left;
		}

		.right {
			text-align: right;
		}

		p {
			margin: @leading 0;

			.divider {
				margin: 0 @leading / 2;
			}
		}
	}
}
footer.site-footer.site-footer-cs {

	.copyrights {
		text-align: center;
	}

	.header-soc-btns {
		margin-top: @leading;

		li {
			float: left;
			width: auto;
			margin: 0;
			padding: 0;
			margin-right: 3px;

			a {
				background-color: rgba(000,000,000,0.4) !important;
				color: #fff;
			}

			a:hover {
				background-color: @color_primary !important;
			}
		}
	}
}

/*
	50. Riva Site Wrapper	/	#riva-site-wrapper
*/

#page {
	overflow: hidden;
	width: 100%;
	background-color: @body_bg_color;
}
#page[data-background="image"] {
	background-image: @body_bg_img;
}
#page[data-background="pattern"] {
	background-image: @body_bg_pattern;
}
#riva-site-wrapper {
	display: inline-block;
	width: 100%;
	margin: auto 0;
	float: left;
	text-align: left;
	background-color: @content_bg_color;
	float: left;
	position: relative;
	z-index: 10;
	position: relative;
}

	/*
		50.1. Dark Theme	/	#riva-site-wrapper.dark-theme
	*/

	#riva-site-wrapper.dark-theme {
		background-color: @dark_theme_content_bg_color;
		color: @dark_theme_body_text_color;

		.comment-item-wrapper {

			.comment-item {

				.meta {
					border-bottom: 1px solid @dark_theme_h_text_color;
				}
			}
		}

		.portfolio-project {

			.project-details {
				background-color: lighten(@dark_theme_content_bg_color, 4%);
				border-bottom: 3px solid lighten(@dark_theme_content_bg_color, 15%);

				p {
					border-bottom: 1px solid lighten(@dark_theme_content_bg_color, 7%);

					> span {
						color: @dark_theme_h_text_color;
					}
				}

				> :last-child {
					border-bottom-width: 0;
				}
			}
		}

		.single-product {

			.product-title {
				color: @dark_theme_h_text_color;
			}

			.price {
				color: @color_primary;

				span.old {
					color: @dark_theme_h_text_color;
				}
			}
		}

		.shop-item {
			border: 1px solid lighten(@dark_theme_content_bg_color, 7%);

			.details {

				p.price {

					span {
						color: @dark_theme_h_text_color;
					}
				}
			}

			> figure:hover {

				.buttons {
					opacity: 1;
				}

				img {
					opacity: 0.3;
				}
			}
		}
		.shop-item:hover {
			border: 1px solid lighten(@dark_theme_content_bg_color, 15%);

			.details {
				border-top: 1px solid lighten(@dark_theme_content_bg_color, 15%);
			}
		}

		.sort-span {
			color: @dark_theme_h_text_color;
		}

		.cart-totals {

			p {
				border-bottom: 1px solid lighten(@dark_theme_content_bg_color, 7%);

				span {

					color: @dark_theme_h_text_color;
				}
			}

			p.total {
				border-bottom: 1px solid @color_secondary;
			}
		}

		form {

			.form-group {

				label {
					color: @dark_theme_h_text_color;
				}
			}
		}

		.shopping-cart {

			td.w2 {
				color: @dark_theme_h_text_color;
			}

			th {
				color: @dark_theme_h_text_color;
			}

			tbody {

				tr:hover {
					background-color: lighten(@dark_theme_content_bg_color, 4%);
				}
			}

			tbody {

				td {
					border-bottom: 1px solid lighten(@dark_theme_content_bg_color, 7%);

					input {
						width: 100% !important;
					}
				}
			}
		}

		.m-brochure {
			background-color: lighten(@dark_theme_content_bg_color, 4%);
			border-bottom: 3px solid lighten(@dark_theme_content_bg_color, 15%);

			.title {
				color: @dark_theme_h_text_color;
			}

			.file {
				background-color: @dark_theme_content_bg_color;
				border: 1px solid lighten(@dark_theme_content_bg_color, 7%);
			}
		}

		.m-tabs {
			border: 1px solid lighten(@dark_theme_content_bg_color, 7%);

			header {

				span {
					border-right: 1px solid lighten(@dark_theme_content_bg_color, 7%);
					border-bottom: 1px solid @dark_theme_content_bg_color !important;
					color: @dark_theme_h_text_color;
				}

				span:hover {
					background-color: lighten(@dark_theme_content_bg_color, 3%);
				}

				span.active {
					background-color: @dark_theme_content_bg_color;
				}
			}
		}

		.pricing-3 {
			width: 100%;
			border-top: 1px solid lighten(@dark_theme_content_bg_color, 7%);

			thead {

				th {
					color: @dark_theme_h_text_color;
					border-right: 1px solid lighten(@dark_theme_content_bg_color, 7%);
				}
			}

			tbody {

				td {
					border-right: 1px solid lighten(@dark_theme_content_bg_color, 7%);
					border-bottom: 1px solid lighten(@dark_theme_content_bg_color, 7%);
					color: @dark_theme_h_text_color;
				}
			}
		}

		.pricing-2 {

			.featured {
				background-color: @color_primary;
				color: #fff;
			}

			.price, .features {
				border: 1px solid lighten(@dark_theme_content_bg_color, 7%);
			}

			.price {
				background-color: lighten(@dark_theme_content_bg_color, 4%);
				box-shadow: inset 0 0 0 5px @dark_theme_content_bg_color;

				.sp1 {
					color: @dark_theme_h_text_color;
				}

				.sp2 {
					color: @color_primary;
				}

			}

			.features {

				ul {
					color: @dark_theme_h_text_color;

					li {
						border-bottom: 1px solid lighten(@dark_theme_content_bg_color, 7%);
					}
				}
			}
		}
		.pricing-2.featured {

			.price {
				background-color: @color_primary;

				span {
					color: #fff;
				}
			}

			.price, .features {
				border-color: @color_primary;
			}
		}

		.widget.widget-tabs {

			.widget-content {
				background-color: lighten(@dark_theme_content_bg_color, 4%);
				border-bottom: 3px solid lighten(@dark_theme_content_bg_color, 15%);

				> header {
					color: @dark_theme_h_text_color;

					span.active {
						color: @color_primary;
						border-bottom: 1px dashed @color_primary;
					}
				}
			}
		}

		.widget.widget-search {

			form {
				border: 1px solid lighten(@dark_theme_content_bg_color, 7%);

				> i {
					border-right: 1px solid lighten(@dark_theme_content_bg_color, 7%);
					color: lighten(@dark_theme_content_bg_color, 7%);
					color: @dark_theme_h_text_color;
				}

				input[type] {
					border: 0 !important;
				}

				input:focus {
					border: 0 !important;
					box-shadow: 0 0 0 0 !important;
				}
			}
		}
		.widget.widget-search.focused {

			form {
				border: 1px solid @color_primary;

				input[type] {
					color: @dark_theme_h_text_color;
				}
			}
		}

		figure {

			figcaption {

				span {
					color: @dark_theme_h_text_color;
				}
			}
		}

		.content-box {
			box-shadow: inset 0 0 0 1px darken(@dark_theme_content_bg_color, 7%);
		}

		.riva-sorting {

			> .filters {

				> span {
					color: @dark_theme_h_text_color !important;
				}

				> span.active {
					color: @color_primary !important;
				}
			}
		}

		.widget.widget-contact-info {

			.widget-content {

				p {
					color: @dark_theme_h_text_color;
				}
			}
		}

		select,
		input[type="input"],
		input[type="text"],
		input[type="html"],
		input[type="password"],
		input[type="date"],
		input[type="datetime"],
		input[type="datetime-local"],
		input[type="email"],
		input[type="number"],
		input[type="search"],
		input[type="tel"],
		input[type="time"],
		input[type="url"],
		input[type="month"],
		input[type="week"] {
			border: 1px solid lighten(@dark_theme_content_bg_color, 7%) !important;
			color: @dark_theme_h_text_color;
			box-shadow: inset 0 0 0 0 @dark_theme_content_bg_color !important;
		}
		textarea {
			border: 1px solid lighten(@dark_theme_content_bg_color, 7%) !important;
			color: @dark_theme_h_text_color;
			box-shadow: inset 0 0 0 0 @dark_theme_content_bg_color !important;
			background-color: transparent !important;
		}
		select:focus,
		textarea:focus,
		input[type="input"]:focus,
		input[type="text"]:focus,
		input[type="html"]:focus,
		input[type="password"]:focus,
		input[type="date"]:focus,
		input[type="datetime"]:focus,
		input[type="datetime-local"]:focus,
		input[type="email"]:focus,
		input[type="number"]:focus,
		input[type="search"]:focus,
		input[type="tel"]:focus,
		input[type="time"]:focus,
		input[type="url"]:focus,
		input[type="month"]:focus,
		input[type="week"]:focus {
			border: 1px solid @color_primary !important;
			box-shadow: 0 0 0 !important;
			background-color: transparent !important;
		}
		textarea:focus {
			border: 1px solid @color_primary !important;
			box-shadow: 0 0 0 !important;
			background-color: transparent !important;
		}

		.simplexform {

			.group-title {
				color: @dark_theme_h_text_color !important;
			}

			.acm-field {

				label {
					color: @dark_theme_h_text_color !important;
				}
			}
		}

		section {

			.section-subtitle-2 {
				color: @dark_theme_h_text_color;
			}
		}

		.m-skills {

			> section {
				background-color: lighten(@dark_theme_content_bg_color, 7%);
			}
		}

		.m-accordion {

			> section {
				border: 1px solid lighten( @dark_theme_content_bg_color, 7%);
				border-top: 1px solid @dark_theme_h_text_color;

				> header {
					color: @dark_theme_h_text_color;
				}
			}

			> section:hover {
				background-color: lighten( @dark_theme_content_bg_color, 3%);
			}

			> section.active {
				border-top: 1px solid @color_primary;
				background-color: lighten( @dark_theme_content_bg_color, 3%);

				> header {
					color: @color_primary;
				}
			}

			> :last-child {
				margin-bottom: 0;
			}
		}

		.page-404 {

			.title {
				color: @dark_theme_h_text_color;
			}
		}

		.twitter-block {
			background-color: lighten(@dark_theme_content_bg_color, 7%);

			.tweet {

				.meta {
					color: @dark_theme_h_text_color;
				}
			}
		}

		.bullets-nav-1 {

			a {
				box-shadow: inset 0 0 0 1px @dark_theme_h_text_color;
			}

			a.active {
				background-color: @dark_theme_h_text_color;
				box-shadow: inset 0 0 0 1px @dark_theme_h_text_color, inset 0 0 0 4px @dark_theme_content_bg_color;
			}
		}

		.border-bottom-1, .cta2 {
			border-bottom: 1px solid lighten( @dark_theme_content_bg_color, 7%) !important;
		}

		.post {

			> footer {
				border-top: 1px solid lighten( @dark_theme_content_bg_color, 7%);
			}
		}

		.post[data-style="full"] {

			.content {

				blockquote {
					background-color: lighten(@dark_theme_content_bg_color, 4%);
					border-bottom: 3px solid lighten(@dark_theme_content_bg_color, 15%);
					color: @dark_theme_h_text_color;
				}
			}
		}

		.testimonials-item {

			p.position {
				color: @dark_theme_h_text_color;
			}
		}

		a {
			color: @dark_theme_link_text_color;
		}

		a:hover {
			color: @dark_theme_link_hover_text_color
		}

		.section-header-nav {

			a {
				box-shadow: inset 0 0 0 1px @dark_theme_h_text_color;
				color: @dark_theme_h_text_color;
			}

			a:hover {
				box-shadow: inset 0 0 0 1px @color_primary;
				color: #fff;
			}
		}

		.icon-box-1 {

			p.title {
				color: @dark_theme_h_text_color;
			}
		}

		h1, h2, h3, h4, h5, h6 {
			color: @dark_theme_h_text_color;
		}

		nav.header-nav {

			ul#main-nav {

				> li {

					> a {
						color: @dark_theme_header_menu_text_color;
					}
				}

				> li.active {

					span.arrow {
						border-bottom: 5px solid lighten(@dark_theme_content_bg_color, 7%);
					}
				}
			}
		}

		header.site-header {
			border-bottom: 3px solid lighten(@dark_theme_content_bg_color, 7%);
			background-color: @dark_theme_content_bg_color;
		}

		[data-background="parallax"] {
			background-color: @dark_theme_content_bg_color;
		}

		.header-contacts {

			> li {
				color: @dark_theme_h_text_color;
			}
		}

		.page-title-bar {

			.search {

				form {

					[type="search"] {
						border: 1px solid rgba(255,255,255,0.3) !important;
						color: #fff;
					}

					[type="search"]:focus {
						border: 1px solid @color_primary !important;
					}
				}
			}
		}

		.newsletters-1 {

			input {
				border: 0 !important;
				padding: 0 !important;
				border-bottom: 2px solid rgba(255,255,255,0.5) !important;
				color: rgba(255,255,255,0.5) !important;
				box-shadow: border-box !important;
				font-size: 120% !important;
				display: inline-block !important;
				float: none !important;
			}

			input:focus {
				border: 0 !important;
				border-bottom: 2px solid rgba(255,255,255,1) !important;
				color: rgba(255,255,255,1) !important;
			}
		}
	}

	/*
		50.2. Boxed Version	/	#riva-site-wrapper.boxed-layout
	*/

	#riva-site-wrapper.boxed-layout  {
	  margin: 0 auto;
	  position: relative;
	  float: none;
	}

	/*
		50.3. Boxed Version Shadow	/	#riva-site-wrapper.boxed-shadow
	*/

	#riva-site-wrapper.boxed-shadow  {
		box-shadow: rgba(000,000,000,0.3) 0 0 10px;
	}

	/*
		50.4. RTL	/	#riva-site-wrapper.use-rtl
	*/

	#riva-site-wrapper.use-rtl  {
		text-align: right;

		.widget {

			.widget-content {

				ul {

					li {
						padding-left: 0;
						padding-right: 20px;

						> i {
							left: auto;
							right: 0;
						}
					}
				}
			}
		}

		.post[data-style="full"] {
			padding-right: 60px;
			padding-left: 0;

			.content {

				blockquote {

					> i.glyphicon {
						left: auto;
						right: 15px;
					}
				}
			}
		}
		.post.no-figure[data-style="full"] {
			padding-right: 80px;
			padding-left: 0;
		}

		.cart-totals {

			p {

				span {
					float: left;
				}
			}
		}

		.post[data-style="preview"] {
			padding-right: 200px;
			padding-left: 0;
			text-align: right;

			> figure {
				left: auto;
				right: 60px;
			}
		}
		.post.no-figure[data-style="preview"] {
			padding-left: 0;
			padding-right: 80px;
		}
		.post.comment[data-style="preview"] {
			padding-right: 40px;
		}

		.widget.widget-tabs {

			.widget-content {

				section {

					.post[data-style="preview"] {
						padding-right: 100px;
						padding-left: 0;

						> figure {
							width: 60px;
							height: 60px;
							left: auto;
							right: 30px;
						}

					}

					.post.comment[data-style="preview"] {
						padding-right: 40px;
						padding-left: 0;
					}
				}
			}
		}

		.riva-sorting {

			> .filters {

				> span {
					width: auto;
					float: right;
					margin-right: 0;
					margin-left: 10px;
				}
			}
		}

		.m-skills {

			> section {
				padding-left: 0;
				padding-right: 100px;

				> .name {
					left: auto;
					right: 0;
					top: 0;
				}

				> .value {
					float: right;
				}
			}
		}

		.m-accordion {

			> section {

				> header, > div {
					padding-left: 0;
					padding-right: 60px;
				}

				> header {

					> i {
						left: auto;
						right: 0;
						top:5;
					}
				}
			}
		}

		.page-title-bar {

			.page-title-bar-wrapper {
				padding-right:0;
				padding-left: 200px;
			}

			.search {
				right: auto;
				left: 0;
				top: 0;

				form {

					[type=submit] {
						width: 40px !important;
						height: 40px !important;
						line-height: 40px !important;
						padding: 0 !important;
					}
				}
			}
		}

		.twitter-block {

			.twitter-block-inner {
				padding-right: 0px;
				padding-left: 80px;

				.rivaCarouselNav {
					right: auto;
					left: 0;
					top: 0;
				}
			}

			.tweet {
				padding-left: 0;
				padding-right: 110px;

				.ava {
					left: auto;
					top: 0;
					right: 0;
				}

				i.fa {
					right: 60px;
					left: auto;
					top: 0;
				}
			}
		}

		nav.header-nav {

			ul#main-nav {

				> li {
					margin-right: 0;
					padding-left: 0;
					margin-left: 30px;

					ul {
						left: auto;
						right: 0;
					}
				}

			}
		}

		.widget.widget-twitter {

			.tweet {
				padding-left: 0;
				padding-right: 60px;

				i.fa {
					left: auto;
					right: 0;
					top: 0;
				}
			}
		}

		.bullets-nav-1 {
			float: right;
		}

		select,
		input[type="input"],
		input[type="text"],
		input[type="html"],
		input[type="password"],
		input[type="date"],
		input[type="datetime"],
		input[type="datetime-local"],
		input[type="email"],
		input[type="number"],
		input[type="search"],
		input[type="tel"],
		input[type="time"],
		input[type="url"],
		input[type="month"],
		input[type="week"],
		textarea {
			text-align: right;
		}

		.section-header-nav {
			float: right;
			margin-left: 0;
			margin-right: @leading;
		}

		.section-header-nav.center {
			margin: 0;
			margin-top: @leading;
		}

		section {

			h1, h2, h3, h4, h5, h6 {

				span.float-left {
					float: right !important;
				}
			}
		}

		.project-block-1-nav {
			float: right;
		}

		.icon-box-1 {
			margin-top: @leading;
			padding-left: 0px;
			padding-right: 90px;

			> i {
				left: auto;
				right: 0;
				top: 0;
			}
		}
		.icon-box-1[data-version="2"] {

			p {
				width: 100% !important;
			}

			> i {
				top: 0;
				left: auto;
				right: 50%;
				margin-right: -35px;
			}
		}
		.icon-box-1.help-item {
			padding-left: 0;
			padding-right: 40px;

			> i {
				left: auto;
				right: 0;
			}
		}

		.post {
			text-align: right;
			padding-right: 200px;
			padding-left: 0;

			> figure {
				left: auto;
				right: 60px;
			}

			> .date {
				left: auto;
				right: 0;
			}

			> .type {
				left: auto;
				right: 0;
			}

			> footer {

				p {

					a.read-more {
						float: left;
					}
				}
			}
		}

		.testimonials-item {
			padding-left: 0px;
			padding-right: 200px;

			> figure {
				left: auto;
				right: 0;
				top: 0;
			}

			> i {
				left: auto;
				right: 140px;
				top: 0;
			}
		}

	}

/*	
	51. Media Queries
*/

@media (min-width: @screen-xs-min) and (max-width: @screen-xs-max) {

	.layerslider1, .layerslider2, .layerslider3 {
		height: 300px;
	}

	.layerslider3 {

		.slide-title {
			span {
				font-size: 24px !important;
			}
		}

		.slide-desc-1 {
			display: none;
		}
	}

	.cta1 {

		p {
			margin-top: @leading;
		}

		.m-btn {
			margin-top: @leading;
			float: left;
		}
	}

	#riva-site-wrapper.boxed-layout {
		max-width: 380px !important;
	}

	header.site-header[data-version="1"] {

		.site-slogan {
			display: none;
		}

		.header-contacts {
			margin-right: 0;
			margin-top: 0;
		}
	}

	header.site-header[data-version="3"] {

		.header-contacts {
			display: none !important;
		}
	}

	footer.site-footer {

		.copyrights {

			.right, .left {
				text-align: center;
			}
		}
	}
}
@media (max-width: @screen-xs-max) {

	.layerslider1, .layerslider2, .layerslider3 {
		height: 350px !important;
	}

	.layerslider3 {

		.slide-title {
			span {
				font-size: 24px !important;
			}
		}

		.slide-desc-1 {
			display: none !important;
		}
	}

	#riva-site-wrapper.boxed-layout {

		.layerslider1, .layerslider2, .layerslider3 {
			height: 250px !important;
		}
	}

	.pricing-1.featured {
		margin-top: @leading;
	}

	.pricing-1:hover {
		margin-top: @leading;
	}

	.pricing-1.featured:hover {
		margin-top: @leading;
	}

	.page-title-bar {
		width: 100%;
		float: left;
		padding: @leading 0;

		.page-title-bar-wrapper {
			position: relative;
			padding-right: 0;
			box-sizing: border-box;
		}

		.search {
			width: 100%;
			float: left;
			position: relative;
			right: auto;
			top: auto;
			margin-top: 15px;
		}
	}

	.site-header-left {
		width: auto !important;
	}

	.cta1 {

		p {
			margin-top: @leading;
		}

		.m-btn {
			margin-top: @leading;
			float: left;
		}
	}

	#riva-site-wrapper.boxed-layout {
		max-width: 460px;
	}

	header.site-header[data-version="1"] {

		.site-slogan {
			display: none !important;
		}

		.header-contacts {
			margin-right: 0;
			margin-top: 0;
		}
	}

	header.site-header[data-version="3"] {

		.header-soc-btns, .mobile-menu-btn {
			margin-top: 20px;
			margin-bottom: 10px;
		}

		.header-search {
			margin-bottom: 20px;
			margin-top: 0;
			margin-right: 0;
		}
	}

	footer.site-footer {

		.copyrights {

			.right, .left {
				text-align: center;
			}
		}
	}
}
@media (max-width: @screen-xs-min) {

	.layerslider3 {

		.slide-title {

			span {
				font-size: 24px !important;
			}
		}

		.slide-desc-1 {
			display: none;
		}
	}

	.layerslider1, .layerslider2, .layerslider3 {
		height: 300px !important;
	}

	#riva-site-wrapper.boxed-layout {

		.layerslider1, .layerslider2, .layerslider3 {
			height: 250px !important;
		}
	}
}
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {

	.layerslider1, .layerslider2, .layerslider3 {
		height: 450px;
	}

	.pricing-1.featured {
		margin-top: @leading;
	}

	.pricing-1:hover {
		margin-top: @leading;
	}

	.pricing-1.featured:hover {
		margin-top: @leading;
	}

	.page-title-bar {
		width: 100%;
		float: left;
		padding: @leading 0;

		.page-title-bar-wrapper {
			position: relative;
			padding-right: 0;
			box-sizing: border-box;
		}

		.search {
			width: 100%;
			float: left;
			position: relative;
			right: auto;
			top: auto;
			margin-top: 15px;
		}
	}

	.site-header-left {
		width: auto !important;
	}

	.cta1 {

		p {
			margin-top: @leading;
		}

		.m-btn {
			margin-top: @leading;
			float: left;
		}
	}

	#riva-site-wrapper.boxed-layout {
		max-width: 780px;
	}

	header.site-header[data-version="1"] {

		.site-slogan {
			display: none;
		}

		.header-contacts {
			margin-right: 0;
			margin-top: 0;
		}
	}

	header.site-header[data-version="3"] {

		.header-soc-btns, .mobile-menu-btn {
			margin-top: 20px;
			margin-bottom: 10px;
		}

		.header-search {
			margin-bottom: 20px;
			margin-top: 0;
			margin-right: 0;
		}
	}

	footer.site-footer {

		.copyrights {

			.right, .left {
				text-align: center;
			}
		}
	}
}
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {

	#riva-site-wrapper.boxed-layout {
		max-width: 970px;
	}
}
@media (min-width: @screen-lg-min) {

	#riva-site-wrapper.boxed-layout {
		max-width: 1200px;
	}
}

/*
	52. Riva Styles
*/

div.rivaCarouselNav {
	float: left;
	width: auto;

	a {
		cursor: pointer;
		display: inline-block;

		i.fa {
			float: left;
			line-height: inherit;
		}
	}

	a:last-child {
	}
}
div.rivaCarouselNavBullets {
	float: left;

	a {
		margin: 0px 3px;
		display: inline-block;
	}
}
div.rivaCarouselWrapper {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;

	div.rivaCarouselWrapperInner {
		width: 100000px;
		position: absolute;
		left: 0px;
		top: 0px;
	}
}
div.rivaCarouselWrapperVertical {

	div.rivaCarouselItem {
		width: 100%;
	}

	div.rivaCarouselWrapperInner {
		width: 100%;
		height: 10000px;
	}
}
div.rivaCarouselItem {
	float: left;
	box-sizing: border-box;
}
div.rivaCarouselItem.cloned {
	border: 0px solid #f00;
}
.riva-sorting {
	width: 100%;
	margin-top: @leading;
	display: inline-block;

	.listing {
		margin-top: @leading;
	}

	.project-item, .m-accordion {
		margin-top: 0;
	}

	> .filter-form {
		display: none;
	}

	> .filters.st2 {

		> span {
			background-color: transparent !important;
			border: 1px solid rgba(255,255,255,0.3) !important;
			color: rgba(255,255,255,0.3) !important;
		}

		> span.active {
			background-color: @color_primary !important;
			color: #fff !important;
			border: 1px solid @color_primary !important;
		}
	}

	> .filters {
		width: 100%;
		float: left;
		text-align: center;

		> span {
			width: auto;
			float: left;
			margin-right: 10px;
			text-transform: uppercase;
			font-family: @h_font_family;
			color: @h_text_color;
			cursor: pointer;
			transition: @transition;
		}

		> span.active {
			border-bottom: 1px dashed @color_primary;
			color: @color_primary;
		}

		> :last-child {
			margin-right: 0;
		}
	}

	> .listing {
		width: 100%;
		float: left;
	}
}