/* -------------------------------------------------------------------
Stylesheet Guide
----------------------------------------------------------------------

01. Reset

02. Basic Elements
	1. Clearfix
	2. General Classes
	3. Typography
	4. Dropcap
	5. Loader
	6. Images
	7. Dividers
	8. Forms
	9. Contact and Comments Form
	10. Buttons

03. Header
	1. Logo
	2. Main Navigation

04. Slider
	1. Slides

05. Wrapper

06. Main
	1. Section
		- Slogan Title Group
		- Slogan Group
		- Content Title
		- Parallax
		- Video Full Container
		- Team
		- Counter Box
		- Twitter
		- Clients
		- Pricing Table

07. Blog
	1. Single Post Navigation
	2. Image Post Slider
	3. Pagenavi
	4. Comments
	5. Respond

08. Portfolio
	1. Portfolio Filter
	2. Portfolio Items
	3. Portfolio Single

09. Sidebar
	1. Widgets
		- Default Widgets
		- Recent Posts
		- Tags Cloud
		- Search

10. Footer 
	1. Widgets
	2. Logo In Footer
	3. Bottom Footer

11. Widgets + Shortcodes
	1. Social Icons
	2. Progress Bar
	3. Accordion and Toggle
	4. Quotes
	5. Tabs
	6. Notifications
	7. List
	8. Map

12. Other
	1. Back To Top


 */

/* ---------------------------------------------------------------------- */
/*	Reset
/* ---------------------------------------------------------------------- */
	
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
*, *:after, *:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}
ul, ol {
	list-style-position: inside;
}
ul li {
	list-style: disc;
	list-style-position: inside;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	outline: none;
	text-decoration: none;
	background: transparent;
	vertical-align: baseline;
}
a, a > * {
	text-decoration: none;
	color: #aaa;
}
a:hover {
	color: #0090ff;
}
.not-ie a {
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
img {
	border: 0;
	height: auto;
	width: 100%;
	-ms-interpolation-mode: bicubic;
}
/* ---------------------------------------------------------------------- */
/*	Basic Elements
/* ---------------------------------------------------------------------- */

body {
	color: #8c8c8c;
	font-weight: 300;
	font-size: 14px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	line-height: 1.87em;
}
.no-touch body.disable-hover {
	pointer-events: none;
}
/* -------------------------------------------------- */
	/*	Clearfix
	/* -------------------------------------------------- */

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}
.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}
/* -------------------------------------------------- */
	/*	General Classes
	/* -------------------------------------------------- */
	
.align-center {
	text-align: center;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
img.alignleft {
	margin-right: 20px;
}
img.alignright {
	margin-left: 20px;
}
.hide {
	display: none;
}
.show {
	display: block;
}
.invisible {
	visibility: hidden;
}
.affix {
	position: fixed;
}
/* -------------------------------------------------- */
	/*	Typography
	/* -------------------------------------------------- */
	
p {
	margin: 0 0 1.5em;
	padding: 0;
	line-height: 1.87em;
}
.lead {
	margin-bottom: 5px;
	font-size: 20px;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 15px;
	color: #262626;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	line-height: 1.35em;
	font-weight: normal;
}
h1 {
	font-size: 48px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
}

	::-moz-selection {
 background-color: #f8b637;
 color: #fff;
}
::selection {
	background-color: #999999;
	color: #fff;
}
.highlight {
	padding: 0 3px;
	background-color: #f85c37;
	color: #fff !important;
}
blockquote {
	font-size: 18px;
	font-style: italic;
}
blockquote.quote-text {
	position: relative;
	padding-left: 80px;
}
.parallax blockquote {
	color: #fff;
}
blockquote.quote-text:before {
	position: absolute;
	left: 10px;
	top: 0;
	color: #acacac;
	font-size: 100px;
	font-family: 'Courgette', cursive;
	content: "“";
	line-height: 1em;
	font-style: normal;
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}
.parallax blockquote:before {
	color: #fff;
}
blockquote p {
	margin-bottom: .7em;
	line-height: 2em;
}
blockquote.type-1,  blockquote.type-2 {
	margin-bottom: 20px;
	padding: 25px 20px 20px 80px;
}
blockquote.type-1:before,  blockquote.type-2:before {
	left: 10px;
	top: 30px;
}
blockquote.type-1 {
	background-color: #ededed;
}
blockquote.type-2 {
	background-color: #f85c37;
	color: #fff;
}
blockquote.type-2:before {
	color: #fff;
	color: rgba(255,255,255,.7);
}
/* -------------------------------------------------- */
	/*	Dropcap
	/* -------------------------------------------------- */	
.fixed_column {
	display: inline-block;
	vertical-align: top;
}
.dropcap::first-letter {
	display: block;
	float: left;
	margin: 10px 15px 0 0;
	color: #262626;
	font-weight: 700;
	font-size: 48px;
}
/* -------------------------------------------------- */
	/*	Images
	/* -------------------------------------------------- */
	
.slide-image {
	position: relative;
	display: block;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}
.slide-image img {
	display: block;
	-webkit-transition: -webkit-transform .7s ease;
	transition: transform .7s ease;
}
.slide-image:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.slide-image .curtain {
	position: absolute;
	top: -1%;
	left: -1%;
	visibility: hidden;
	width: 102%;
	height: 102%;
	background-color: #fff;
	background-color: rgba(255,255,255, .8);
	opacity: 0;
	filter: alpha(opacity = 0);
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	-webkit-perspective: 400px;
	perspective: 400px;
}
.slide-image:hover .curtain {
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity = 80);
}
.ch-curtain {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
	margin: -20px 0 0 -20px;
	width: 40px;
	height: 40px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .7s ease;
	transition: all .7s ease;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.slide-image:hover .ch-curtain {
	-webkit-transform: rotate3d(0, 1, 0, -180deg);
	transform: rotate3d(0, 1, 0, -180deg);
}
.ch-curtain > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #f85c37;
	color: #fff;
	text-align: center;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.ch-curtain > div:after {
	font-family: 'fontello';
	line-height: 40px;
}
.slide-image.link-icon .ch-curtain > div:after {
	content: '\e9ad';
	font-size: 20px;
}
.slide-image.plus-icon .ch-curtain > div:after {
	content: '\ec72';
	font-size: 21px;
}
.ch-curtain .ch-back {
	-webkit-transform: rotate3d(0, 1, 0, 180deg);
	transform: rotate3d(0, 1, 0, 180deg);
}
.single-image {
	display: block;
	-webkit-backface-visibility: hidden;
}
.item-overlay .single-image {
	position: absolute;
	z-index: 9;
	bottom: 30px;
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	text-align: center;
	background-color: transparent;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.single-image.plus-icon {
	/*right: 75px;*/
	text-align: center;
  justify-content: center; /* Centers horizontally along the main axis */
  align-items: center;   /* Centers vertically along the cross axis */  
}
.single-image.link-icon {
	right: 30px;
}
.item-overlay .single-image:hover {
	background-color: #fff;
}
.item-overlay .single-image:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	font-size: 21px;
	font-family: 'fontello';
	line-height: 40px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.single-image.plus-icon:after {
	content: '\ec72';
}
.single-image.link-icon:after {
	content: '\e9ad';
	font-size: 20px;
}
.item-overlay .single-image:hover:after {
	color: #000;
}
/* -------------------------------------------------- */
	/*	Dividers
	/* -------------------------------------------------- */
	
.divider {
	margin: 40px auto;
	width: 22%;
	height: 1px;
	text-align: center;
	background-color: #e8e8e8;
}
.dark-footer .divider {
	background-color: #3a3a3a;
}
.separator {
	margin: 65px auto;
	width: 100%;
	height: 1px;
	background-color: #e8e8e8;
}
/* -------------------------------------------------- */
	/*	Forms
	/* -------------------------------------------------- */

button,  input[type="button"],  input[type="reset"],  input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
 button::-moz-focus-inner,  input::-moz-focus-inner {
 padding: 0;
 border: 0;
}
button,  input,  select,  textarea {
	margin: 0;
	border: none;
	vertical-align: baseline;
	font-size: 100%;
}
button {
	display: inline-block;
	margin-bottom: 15px;
	padding: 6px 13px;
	outline: none;
	background-color: transparent;
	color: #fff;
	vertical-align: baseline;
	text-align: center;
	text-decoration: none;
	font: 11px/1.5 Arial;
	cursor: pointer;
}
label {
	display: inline-block;
	cursor: pointer;
}
input,  textarea,  select,  button {
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}
input[type="text"],  input[type="password"],  input[type="datetime"],  input[type="datetime-local"],  input[type="date"],  input[type="month"],  input[type="time"],  input[type="week"],  input[type="number"],  input[type="email"],  input[type="url"],  input[type="search"],  input[type="tel"],  input[type="color"],  textarea, select {
	display: inline-block;
	padding: 11px;
	width: 100%;
	outline: none;
	border-width: 1px;
	border-style: solid;
	border-color: #d6d6d6;
	background-color: transparent;
	color: #999;
	font-size: 12px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.dark-footer input[type="text"],  .dark-footer input[type="password"],  .dark-footer input[type="datetime"],  .dark-footer input[type="datetime-local"],  .dark-footer input[type="date"],  .dark-footer input[type="month"],  .dark-footer input[type="time"],  .dark-footer input[type="week"],  .dark-footer input[type="number"],  .dark-footer input[type="email"],  .dark-footer input[type="url"],  .dark-footer input[type="search"],  .dark-footer input[type="tel"],  .dark-footer input[type="color"],  .dark-footer textarea, .dark-footer select {
	border-color: #737373;
	color: #646464;
}
input[type="text"]:focus,  input[type="password"]:focus,  input[type="datetime"]:focus,  input[type="datetime-local"]:focus,  input[type="date"]:focus,  input[type="month"]:focus,  input[type="time"]:focus,  input[type="week"]:focus,  input[type="number"]:focus,  input[type="email"]:focus,  input[type="url"]:focus,  input[type="search"]:focus,  input[type="tel"]:focus,  input[type="color"]:focus,  textarea:focus,  select:focus {
	border-color: #f85c37;
}
textarea {
	resize: both;
	min-height: 90px;
	max-width: 100%;
}
input[type="radio"],  input[type="checkbox"] {
	margin: 4px 0 0;
	line-height: normal;
}
input[type="image"],  input[type="submit"],  input[type="reset"],  input[type="button"],  input[type="radio"],  input[type="checkbox"] {
	width: auto;
}
.wrong-data {
	border-color: #fe5214;
}
/* Fix for Mobile Safari */
input[type="checkbox"] {
	-webkit-appearance: checkbox;
}
input[type="radio"] {
	-webkit-appearance: radio;
}

	/* Chrome, Safari */
	input::-webkit-input-placeholder,  textarea::-webkit-input-placeholder {
color: #d1d1d1;
}

	/* Firefox */
	input:-moz-placeholder,  textarea:-moz-placeholder {
color: #d1d1d1;
}

	/* Chrome, Safari */
	.dark-footer input::-webkit-input-placeholder,  .dark-footer textarea::-webkit-input-placeholder {
color: #646464;
}

	/* Firefox */
	.dark-footer input:-moz-placeholder,  .dark-footer textarea:-moz-placeholder {
color: #646464;
}
/* ---------------------------------------- */
	/*	Contact and Comments Forms
	/* ---------------------------------------- */
	
.contact-form {
	font-size: 0;
}
.input-block {
	margin-bottom: 10px;
}
#captcha {
	display: none;
}
.contact-form .submit i {
	font-size: 18px;
}
.inputs-block,  .textarea-block {
	display: inline-block;
	font-size: 0;
	vertical-align: top;
}
.inputs-block {
	margin-right: 2%;
	width: 33%;
}
.textarea-block {
	margin-left: 1%;
	width: 64%;
}
.full-inputs-block {
	font-size: 0;
}
.full-inputs-block .input-block {
	display: inline-block;
	margin-left: 1%;
	width: 32.65%;
}
.full-inputs-block .input-block:first-child {
	margin-left: 0;
}
.full-textarea-block textarea {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	min-height: 260px;
}
				
		/* HTML5 Validation Styles */	
		
		.comments-form input:required:valid,  .contact-form input:required:valid,  .comments-form textarea:required:valid,  .contact-form textarea:required:valid {
border-color: #f85c37;
}
 .comments-form input:focus:invalid,  .contact-form input:focus:invalid,  .comments-form textarea:focus:invalid,  .contact-form textarea:focus:invalid {
border-color: #e27152;
}
/* -------------------------------------------------- */
	/*	Buttons
	/* -------------------------------------------------- */	

.button {
	display: inline-block;
	margin-bottom: 15px;
	padding: 10px 15px;
	outline: none;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	background-color: transparent;
	color: #fff;
	vertical-align: baseline;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 11px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	line-height: 1em;
	cursor: pointer;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}
.button-overflow {
	overflow: hidden;
}
.button-roll {
	position: relative;
	display: inline-block;
	vertical-align: text-bottom;
	-webkit-perspective: 275px;
	perspective: 275px;
	-webkit-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
}
.button-roll span {
	position: relative;
	display: inline-block;
	padding: 8px 20px;
	background-color: #fff;
	color: #282828;
	text-transform: uppercase;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	line-height: 1.9;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transform-origin: 50% 0 0;
	transform-origin: 50% 0 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
}
.orange-roll span {
	background-color: #f85c37;
	color: #fff;
}
.button-roll:hover span {
	-webkit-transform: translate3d(0, 0, -40px) rotateX(90deg);
	transform: translate3d(0, 0, -40px) rotateX(90deg);
}
.button-roll span:after {
	position: absolute;
	top: 100%;
	left: 0;
	padding: 8px 20px;
	width: 100%;
	height: 100%;
	background-color: #262626;
	color: #fff;
	content: attr(data-hover);
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background-color .3s ease;
	transition: background-color .3s ease;
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0 0;
	transform-origin: 50% 0 0;
}
.button.middle {
	padding: 14px 20px;
	font-size: 14px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.button.large {
	padding: 15px 30px;
	font-size: 19px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.button.default {
	border-color: #cfcfcf;
	color: #fff;
}
.button.default:hover {
	border-color: transparent;
	background-color: #000;
	color: #fff;
}
.button.submit {
	margin-bottom: 0;
	padding: 9px 20px;
	width: 100%;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.button.orange {
	border-color: transparent;
	background-color: #000;
	color: #fff;
}
.button.orange:hover {
	border-color: #cfcfcf;
	background-color: transparent;
	color: #000;
}
.dark-footer .button.orange:hover {
	border-color: #737373;
}
.button.white {
	border-color: #fff;
	background-color: #fff;
	color: #f85c37;
}
.button.white:hover {
	color: #fff;
	background-color: transparent;
}
/* ---------------------------------------------------------------------- */
/*	Wrapper
/* ---------------------------------------------------------------------- */

#wrapper {
	position: relative;
	z-index: 2;
	overflow: hidden;
}
/* ---------------------------------------------------------------------- */
/*	Top Bar
/* ---------------------------------------------------------------------- */
	
#top-bar {
	/*position: relative;*/
	/*z-index: 6;*/
	background-color: #f8f8f8;
	-webkit-box-shadow: inset 0 -1px 3px 1px rgba(0,0,0, .05);
	box-shadow: inset 0 -1px 3px 1px rgba(0,0,0, .05);
}
/* -------------------------------------------------- */
	/*	Mini Contacts
	/* -------------------------------------------------- */	

.mini-contacts {
	padding: 7px 0;
}
.header-type-out .mini-contacts {
	text-align: right;
}
.mini-contacts li {
	display: inline-block;
	margin-right: 30px;
	color: #aaa;
	font-size: 12px;
}
.mini-contacts li:last-child {
	margin-right: 0;
}
.mini-contacts li:before {
	margin-right: 7px;
	color: #c8c8c8;
	font-family: 'fontello';
	font-size: 13px;
}
.mini-contacts .address:before {
	content: '\e881';
}
.mini-contacts .email:before {
	content: '\ebdc';
}
.mini-contacts .phone:before {
	content: '\e9df';
}
/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

#header {
	position: relative;
	top: 0;
	z-index: 11;
	width: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .30s;
	transition: all .30s;
}
.header-type-fixed #header {
	position: fixed;
	z-index: 99;
}
.header-type-fixed #header.header-shrink-fixed {
	bacground-color: #000;
	background-color: rgba(0, 0, 0, .85);
}
#header.header-shrink-out {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
}
#header.header-shrink-in {
	position: fixed;
	z-index: 99;
	bacground-color: #FFF;
	background-color: rgba(255, 255, 255, .9);
}
.header-type-out .header-out {
	width: 100%;
	border-top: 1px solid #ebebeb;
	background-color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: background-color .30s ease;
	transition: background-color .30s ease;
}
.header-type-out .header-shrink-out .header-out {
	position: fixed;
	top: 0;
	width: 100%;
	border-top-width: 0;
	background-color: #f8f8f8;
}
.header-in {
	position: relative;
	text-align: justify;
}
.header-in {
	font: 0/0 a;
}
 @media screen and (min-width: 0\0) {
 .not-ie .header-in {
 font-size: 14px;
}
}
.header-type-in #header .header-in {
	/*border-bottom: 1px solid #ebebeb;
	padding-top: 16px;*/
	padding-top: 30px;
	padding-bottom: 10px;
	-webkit-transition: padding .25s ease;
	transition: padding .25s ease;
}
.header-type-in #header.header-shrink-in .header-in {
	border-bottom-width: 0;
	padding-top: 10px !important;
	padding-bottom: 10px;
}
.header-type-fixed .header-in {
	padding-top: 30px;
	-webkit-transition: padding .25s ease;
	transition: padding .25s ease;
}
.header-type-fixed .header-shrink-fixed .header-in {
	padding-top: 10px;
	padding-bottom: 10px;
}
.header-in:after {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	content: "";
}
#header > .space,  #wrapper > .space {
	height: 0;
	-webkit-transition: height .35s;
	transition: height .35s;
}
/* -------------------------------------------------- */
	/*	Logo
	/* -------------------------------------------------- */

#logo,  #navigation,  .header-in .social-icons {
	display: inline-block;
	vertical-align: middle;
}
#logo {
	position: relative;
	max-width: 35%;
	font-family: 'Courgette', cursive;
	font-size: 36px;
	width: 80px;
	height: 80px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}
#logo a {
	-webkit-transition: color .35s ease;
	transition: color .35s ease;
}
#logo .color-1 {
	color: #f85c37;
}
#logo .color-2 {
	color: #f88437;
}
#logo .color-3 {
	color: #f89f37;
}
#logo .color-4 {
	color: #f8b637;
}
.header-type-in .logo-bluth #logo,  .header-type-fixed .logo-bluth #logo {
	font-size: 22px;
}

@media only screen and (max-width: 768px) {
.header-type-out .header-out #logo {
	display: none;
}
	ul.social-icons {
	text-align: center !important;
}
}

@media only screen and (min-width: 993px) {
.header-type-out .header-out #logo {
	font-size: 0;
	opacity: 0;
	-webkit-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}
.header-type-out .logo-bluth .header-out #logo {
	padding-right: 40px;
	font-size: 22px;
	opacity: 1;
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
}
}
#logo a,  #logo span {
	display: block;
	color: #262626;
}
.header-type-fixed #logo a,  .header-type-fixed #logo span {
	color: #fff;
}
/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */
	
.navigation {
	position: relative;
	-webkit-transition: padding .35s ease;
	transition: padding .35s ease;
}
.header-shrink-in .navigation,  .header-type-out .navigation,  .header-type-fixed .navigation {
	padding-top: 0;
}
.navigation > ul {
	display: inline-block;
	vertical-align: middle;
}
.navigation > ul > li {
	position: relative;
	display: block;
	float: left;
	margin: 0 1px;
	/*padding-bottom: 30px;*/
	-webkit-transition: padding .35s ease;
	transition: padding .35s ease;
}
.header-shrink-in .navigation > ul > li,  .header-type-out .navigation > ul > li,  .header-type-fixed .navigation > ul > li {
	padding-bottom: 0;
}
.navigation > ul > li.is-mega-menu {
	position: static;
}
.navigation > ul > li > a {
	display: block;
	margin: 0;
	padding: 17px 20px;
	color: #AAAAAA;
	font-size: 14px;
	line-height: 1em;
	-webkit-transition: color 100ms linear, background-color .25s ease-out;
	transition: color 100ms linear, background-color .25s ease-out;
}
.header-type-fixed .navigation > ul > li > a {
	color: #fff;
	/*font-weight: 400;*/
}
.navigation li {
	list-style: none;
}
.navigation a {
	font-weight: 300;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
/* Dropdown */
	
.navigation ul ul {
	position: absolute;
	top: 100%;
	width: 194px;
	pointer-events: none;
}
.ie8 .navigation ul ul {
	display: none;
}
.navigation li:hover > ul,  .navigation li:hover > .mega-menu ul {
	pointer-events: auto;
}
.ie8 .navigation ul > li:hover > ul,  .ie8 .navigation ul > li:hover .mega-menu ul ul {
	display: block;
}
.ie8 .navigation > ul > li.is-mega-menu:hover .mega-menu > ul {
	display: table;
}
.navigation > ul > li:last-child > ul {
	right: 0;
	left: auto;
}
.navigation ul ul li {
	position: relative;
	top: 15px;
	right: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .25s ease, top .25s ease-out;
	transition: opacity .25s ease, top .25s ease-out;
}
.navigation ul > li > ul > li:nth-child(1) {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.navigation ul > li > ul > li:nth-child(2) {
	-webkit-transition-delay: .10s;
	transition-delay: .10s;
}
.navigation ul > li > ul > li:nth-child(3) {
	-webkit-transition-delay: .20s;
	transition-delay: .20s;
}
.navigation ul > li > ul > li:nth-child(4) {
	-webkit-transition-delay: .30s;
	transition-delay: .30s;
}
.navigation ul > li > ul > li:nth-child(5) {
	-webkit-transition-delay: .40s;
	transition-delay: .40s;
}
.navigation ul > li > ul > li:nth-child(6) {
	-webkit-transition-delay: .50s;
	transition-delay: .50s;
}
.navigation ul > li > ul > li:nth-child(7) {
	-webkit-transition-delay: .60s;
	transition-delay: .60s;
}
.navigation ul > li > ul > li:nth-child(8) {
	-webkit-transition-delay: .70s;
	transition-delay: .70s;
}
.navigation ul > li > ul > li:nth-child(9) {
	-webkit-transition-delay: .80s;
	transition-delay: .80s;
}
.navigation ul > li > ul > li:nth-child(10) {
	-webkit-transition-delay: .90s;
	transition-delay: .90s;
}
.navigation ul > li > ul > li:nth-child(11) {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.navigation ul > li > ul > li:nth-child(12) {
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
.navigation ul > li > ul > li:nth-child(13) {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
.navigation ul > li > ul > li:nth-child(14) {
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}
.navigation ul > li > ul > li:nth-child(15) {
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
.navigation ul > li > ul > li:nth-child(16) {
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.navigation ul > li > ul > li:nth-child(17) {
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
.navigation ul > li > ul > li:nth-child(18) {
	-webkit-transition-delay: 1.7s;
	transition-delay: 1.7s;
}
.navigation ul > li > ul > li:nth-child(19) {
	-webkit-transition-delay: 1.8s;
	transition-delay: 1.8s;
}
.navigation ul > li > ul > li:nth-child(20) {
	-webkit-transition-delay: 1.9s;
	transition-delay: 1.9s;
}
/* Dropdown 2 Level */	
		
.navigation ul ul ul {
	top: 0;
	left: 194px;
}
/* Mega Menu */
	
.navigation .mega-menu {
	position: absolute;
	top: 100%;
	right: 0;
	left: auto;
	pointer-events: none;
	width: 100%;
	-webkit-transition: opacity .25s ease, top .35s ease;
	transition: opacity .25s ease, top .35s ease;
}
.navigation > ul > li:hover > .mega-menu {
	top: 100%;
	pointer-events: auto;
}
.navigation .mega-menu ul ul {
	position: relative;
	left: 0;
	visibility: visible;
	display: block;
	opacity: 1;
	width: 224px;
}
.navigation .mega-menu > ul {
	display: table;
	overflow: hidden;
	width: auto;
}
.header-type-in .navigation .mega-menu > ul,  .header-type-fixed .navigation .mega-menu > ul {
	right: 0;
}
.navigation .mega-menu > ul > li {
	top: 0;
	display: table-cell;
	width: 100%;
	visibility: visible;
	vertical-align: top;
	opacity: 1;
}
.navigation .mega-menu > ul li li {
	padding: 3px 10px;
	border-left: 1px solid #414141;
	background-color: #262626;
}
.navigation .mega-menu > ul li li:last-child {
	padding-bottom: 15px;
}
.navigation .mega-menu span {
	display: block;
	padding: 17px 20px 15px;
	border-left: 1px solid #414141;
	background-color: #262626;
	opacity: 0;
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
	font-size: 13px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	line-height: 1em;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}
.ie8 .navigation .mega-menu span {
	display: none;
}
.navigation .mega-menu > ul > li:hover span,  .navigation .mega-menu .current-menu-item > span,  .navigation .mega-menu .current-menu-parent > span,  .navigation .mega-menu .current-menu-ancestor > span,  .navigation .mega-menu .current_page_item > span,  .navigation .mega-menu .current_page_parent > span {
	color: #f85c37;
}
.ie8 .navigation li.is-mega-menu:hover span {
	display: block;
}
.navigation ul ul li a {
	position: relative;
	display: block;
	padding: 10px;
	background-color: #262626;
	color: #bebebe;
	font-size: 13px;
	line-height: 1.4em;
}
.navigation .mega-menu a {
	padding: 5px 10px;
}
.navigation ul li:hover > a:not(.nothing),  .navigation ul .current-menu-item > a,  .navigation ul .current-menu-parent > a,  .navigation ul .current-menu-ancestor > a,  .navigation ul .current_page_item > a,  .navigation ul .current_page_parent > a,  .navigation ul .current_page_ancestor > a {
	background-color: #000;
	color: #fff;
}
.navigation ul ul .arrowright > a:after {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -10px;
	color: #fff;
	font-size: 13px;
	font-family: 'fontello';
	content: "\e8b8";
}
/* Responsive Button */

.responsive-nav-button {
	display: none;
	width: 40px;
	height: 40px;
	background-color: #000;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	font-size: 21px;
	font-family: 'fontello';
	line-height: 40px;
	vertical-align: middle;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.responsive-nav-button:after {
	content: "\ed38";
	color: #fff;
}
/* -------------------------------------------------- */
	/* Mobile Menu
	/* -------------------------------------------------- */	

.mobile-advanced {
	display: none;
}
#wrapper #advanced-menu-hide {
	visibility: hidden;
	pointer-events: none;
	-webkit-transform: translateX(200%);
	transform: translateX(200%);
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}
/* -------------------------------------------------- */
	/* Search Box
	/* -------------------------------------------------- */	

#header .search-box {
	display: inline-block;
	margin-left: 40px;
	vertical-align: middle;
}
.search-icon {
	display: block;
	font-size: 20px;
}
.navigation .search-icon {
	padding-bottom: 30px;
}
#header.header-shrink-in .navigation .search-icon,  .header-type-fixed .navigation .search-icon {
	padding-bottom: 0;
}
#header .search-icon:before {
	color: #aaa;
	font-family: 'fontello';
	content: "\e825";
}
.header-type-fixed #header .search-icon:before {
	color: #fff;
}
#header .inner-tooltip {
	position: absolute;
	right: 0;
	top: 60px;
	z-index: 5;
	display: none;
	padding: 10px;
	background-color: #f8f8f8;
	-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.09);
	box-shadow: 0 0 3px 1px rgba(0,0,0,.09);
}
.header-type-in #navigation .inner-tooltip {
	top: 90px;
}
.header-type-in .header-shrink-in #navigation .inner-tooltip {
	top: 60px;
}
.not-ie #header .inner-tooltip.active {
	-webkit-animation: tooltipScale .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	animation: tooltipScale .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#header .inner-tooltip:after {
	position: absolute;
	top: -19px;
	right: -5px;
	width: 22px;
	height: 19px;
	background-image: url(../images/arrow-search-box.png);
	background-repeat: no-repeat;
	content: "";
}
#header #searchform input[type="text"] {
	padding: 8px 15px;
	background-color: #fff;
}
 @-webkit-keyframes tooltipScale {
 0% {
-webkit-transform: scale(0.5);
}
 100% {
-webkit-transform: scale(1);
}
}
 @keyframes tooltipScale {
 0% {
transform: scale(0.5);
}
 100% {
transform: scale(1);
}
}
/* ---------------------------------------------------------------------- */
/*	Page Header
/* ---------------------------------------------------------------------- */

.page-header {
	margin-bottom: 60px;
	padding: 30px 0 35px;
	border-bottom: 1px solid #ebebeb;
	text-align: center;
}
.page-header h1 {
	margin-bottom: 0;
	font-weight: 100;
	font-size: 54px;
	line-height: 1.2em;
}
.page-header h2 {
	color: #8c8c8c;
	font-weight: 200;
	font-size: 28px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	line-height: 1.4em;
}
/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */

.sbr#content #main {
	float: left;
}
.sbl#content #main {
	float: right;
}
#main {
	padding-bottom: 50px;
}
/* ---------------------------------------------------------------------- */
	/*	Section
	/* ---------------------------------------------------------------------- */
	
.section {
	position: relative;
	z-index: 2;
	padding: 40px 0;
	background-color: #fff;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.padding-off {
	padding: 0;
}
.padding-top-15 {
    margin-top: -10em !important;
}
.padding-top-off {
	padding-top: 0;
}
.padding-bottom-off {
	padding-bottom: 0;
}
.padding-bottom-40 {
	padding-bottom: 40px;
}
.padding-top-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.padding-top-20 {
	padding-top: 20px;
}

/* -------------------------------------------------- */
		/* Fullscreen
		/* -------------------------------------------------- */	
		
.full-screen {
	position: relative;
	z-index: 8;
}
.fullscreen-entry {
	height: 100%;
	left: 0;
	padding: 40px 80px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 11;
}
.fullscreen-entry:before {
	height: 40%;
	display: inline-block;
	vertical-align: middle;
	content: " ";
}
.extra-entry {
	width: 100%;
	display: inline-block;
}
/* -------------------------------------------------- */
		/* Reading Box
		/* -------------------------------------------------- */	

.reading-box {
	position: relative;
	z-index: 99;
	padding: 45px 0;
	text-align: justify;
	font: 0/0 a;
}
.reading-box.align-center {
	text-align: center;
}
.reading-box:after {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	content: "";
}
[class^="col-box-"] {
	display: inline-block;
	padding: 0 20px;
	vertical-align: middle;
}
.col-box-8 {
	width: 75%;
}
.col-box-4 {
	width: 25%;
}
.reading-box h3 {
	display: inline-block;
    font-style: italic;
    margin-top: 2%;
	margin-bottom: 0;
	vertical-align: bottom;
	color: #FFF;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	line-height: 1.3em;
    letter-spacing: 4px;
	/*text-transform: uppercase;*/
}
.reading-box h6 {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: bottom;
	color: #FFF;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	line-height: 1.3em;
}
.reading-box .button {
	border-color: #fff;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 10px;
}
.bg-light-gray-color .reading-box h3 {
	color: #262626;
	font-size: 19px;
}
.reading-box .button.default {
	color: #fff;
}
.reading-box .button.default:hover {
	background-color: #fff;
	color: #000;
}
/* -------------------------------------------------- */
		/* Row Title
		/* -------------------------------------------------- */
		
h2.row-title {
	margin-bottom: 35px;
	font-weight: 300;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
h4.row-title {
	margin-bottom: 5px;
	font-weight: 500;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
/* -------------------------------------------------- */
		/* Slogan Title
		/* -------------------------------------------------- */
		
.section-title {
	position: relative;
	overflow: hidden;
	margin-bottom: 50px;
	text-align: center;
}
.section-title * {
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	padding: 0 45px;
	font-weight: 300;
	line-height: 1.3em;
}
.section-title h3 {
	color: #777;
}
.section-title *:after,  .section-title *:before {
	position: absolute;
	top: 50%;
	width: 300%;
	height: 1px;
	background-color: #ebebeb;
	content: '';
}
.section-title *:after {
	right: -300%;
}
.section-title *:before {
	left: -300%;
}
/* -------------------------------------------------- */
		/* Simple Title
		/* -------------------------------------------------- */
			
.simple-title {
	margin-bottom: 60px;
	color: #8c8c8c;
	font-weight: 300;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
.simple-title a {
	color: #f85c37;
}
.simple-title a:hover {
	color: #262626;
}

/* -------------------------------------------------- */
		/* Slogan
		/* -------------------------------------------------- */
		
@media screen and (min-width: 993px) {
.slogan {
	padding: 0 100px;
}
}
.slogan h1 {
	margin-bottom: 30px;
	font-family: 'Courgette', cursive;
	line-height: 1.3em;
}
.slogan h2 {
	margin-bottom: 25px;
	font-size: 32px;
}
.slogan h3 {
	font-size: 25px;
}
.slogan h2,  .slogan h3,  .slogan h4,  .slogan h5,  .slogan h6 {
	color: #000;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	font-weight: 100;
	line-height: 1.4em;
}
.slogan span {
	display: inline-block;
}
/* -------------------------------------------------- */
		/*  Extra Radius
		/* -------------------------------------------------- */
		
.extra-radius {
	margin: 20px auto;
	width: 400px;
	height: 400px;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.ls-slide .extra-radius {
	margin: 0;
	width: 370px;
	height: 370px;
}
.extra-radius.bg-yellow {
	background-color: #f8b637;
	background-color: rgba(248, 182, 55, .9);
}
.extra-radius.bg-orange {
	background-color: #f88437;
	background-color: rgba(248, 132, 55, .8);
}
.extra-radius.bg-red {
	background-color: #f85c37;
	background-color: rgba(248, 92, 55, .7);
}
.extra-radius.bg-black {
	background-color: #000;
	background-color: rgba(0, 0, 0, .3);
}
.inner-extra,  .inner-content {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.inner-extra {
	display: table;
}
.inner-content {
	display: table-cell;
}
.extra-radius .inner-content > * {
	color: #fff;
	font-weight: 400;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	line-height: 1;
}
.inner-content h2 {
	font-size: 54px;
}
.inner-content h4,  .inner-content h5,  .inner-content h6 {
	text-transform: uppercase;
}
.inner-content h3 {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 32px;
}
.ls-layer .inner-content h3 {
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.2em;
	font-size: 30px;
}
/* -------------------------------------------------- */
		/* Content Title
		/* -------------------------------------------------- */	
		
.content-title {
	margin-bottom: 25px;
	font-weight: 500;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
h2.content-title {
	margin-bottom: 15px;
	font-weight: 400;
}
/* -------------------------------------------------- */
		/* Parallax
		/* -------------------------------------------------- */
		
			/* BG Overlay Grid  */
			
.parallax {
	background-color: rgba(0, 0, 0, 0);
	z-index: 0;
}
.section > .parallax-overlay {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/overlay-pattern.png);
	background-repeat: repeat;
}
/* BG Color */
		
.bg-orange-color {
	background-color: #ffb145;
}
.bg-yellow-color {
	background-color: #f8b637;
}
.bg-gray-color {
	background-color: #f9f9f9;
}
.bg-light-gray-color {
	background-color: #f0f0f0;
}
.bg-dark-color {
	background-color: #282828;
}
.bg-black-color {
	background-color: #000;
}
/* BG Image */
		
.full-bg-image {
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: repeat;
}
.no-touch .full-bg-image {
	background-attachment: fixed;
	background-size: cover;
}
.touch .full-bg-image {
	background-size: cover;
}
.parallax-bg-1 .full-bg-image {
	background-image: url(../images/parallax/parallax-1.jpg);
}
.parallax-bg-2 .full-bg-image {
	background-image: url(../images/parallax/parallax-2.jpg);
}
.parallax-bg-3 .full-bg-image {
	background-image: url(../images/parallax/parallax-3.jpg);
}
.bg-black-color .full-bg-image {
	opacity: .8;
}
/* -------------------------------------------------- */
		/*	Quotes
		/* -------------------------------------------------- */

.quotes {
	position: relative;
}
.quotes .item {
	display: none;
}
.quotes .item:first-child {
	display: block;
}
.quote-meta {
	color: #262626;
	text-align: right;
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}
.parallax .quote-meta {
	color: #f85c37;
}
.quote-author {
	display: inline-block;
	margin-right: 20px;
	font-weight: 300;
	font-style: italic;
	font-size: 18px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	vertical-align: middle;
}
.parallax .quote-author {
	color: #fff;
}
.quote-author:before {
	content: " - ";
}
.quote-image {
	display: inline-block;
	vertical-align: middle;
}
.quote-image img {
	overflow: hidden;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
/* Quote Navigation */

.quotes-control-nav {
	position: absolute;
	left: 0;
	bottom: -20px;
	z-index: 3;
	padding: 10px 0 0;
	width: 100%;
	text-align: center;
	font-size: 0;
}
.quotes-control-nav a {
	display: inline-block;
	margin: 2px 8px;
	width: 10px;
	height: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	background-color: #d8d8d8;
	cursor: pointer;
	vertical-align: middle;
	-webkit-transition: background-color .25s linear;
	transition: background-color .25s linear;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.quotes-control-nav .activeSlide {
	margin: 0 8px;
	padding: 7px;
	border-color: #d9d9d9;
	background-color: transparent;
	cursor: default;
}
/* -------------------------------------------------- */
		/* Cycle Rotator
		/* -------------------------------------------------- */	

.cycle-rotator .item {
	overflow: hidden;
}
.cycle-rotator .item h1 {
	margin-bottom: 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 74px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	line-height: 1.1em;
	opacity: 0;
	-webkit-transition-duration: .35s;
	transition-duration: .35s;
}
.cycle-rotator .item h1 > span {
	color: #f8b637;
}
.cycle-rotator .owl-item h1 {
	opacity: 1;
}
/* -------------------------------------------------- */
		/* Services Style Icons
		/* -------------------------------------------------- */	
		
.ca-shortcode {
	margin-bottom: 10px;
}
.ca-shortcode:last-child {
	margin-bottom: 0;
}
i.ca-icon {
	float: left;
	margin-right: 15px;
	width: auto;
}
i.ca-icon:before {
	padding-top: 7px;
	color: #f85c37;
	font-size: 36px;
}
.ca-content {
	display: table;
}
.ca-title {
	margin-bottom: 0;
	font-weight: 500;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
/* -------------------------------------------------- */
		/* Iconbox Style Icons
		/* -------------------------------------------------- */	
		
.iconbox {
	margin-bottom: 25px;
}
i[class^="circle-icon"],  i[class*=" circle-icon"] {
	position: relative;
	display: block;
	float: left;
	margin-right: 25px;
	width: 80px;
	height: 80px;
	background-color: #f0f0f0;
	text-align: center;
	font-size: 0;
	-webkit-transition: background-color .35s ease, -webkit-transform .35s cubic-bezier(0.745, 0.045, 0.110, 1.605);
	transition: background-color .35s ease, transform .35s cubic-bezier(0.745, 0.045, 0.110, 1.605);
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.iconbox:hover i[class^="circle-icon"],  .iconbox:hover i[class*=" circle-icon"] {
	background-color: #f85c37;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
i[class^="circle-icon"]:before,  i[class*=" circle-icon"]:before {
	color: #f85c37;
	font-size: 24px;
	line-height: 80px;
	text-align: center;
	-webkit-transition: color .35s ease;
	transition: color .35s ease;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.iconbox:hover i[class^="circle-icon"]:before,  .iconbox:hover i[class*=" circle-icon"]:before {
	color: #fff;
}
.iconbox i[class^="circle-icon"],  .iconbox i[class*=" circle-icon"] {
	margin-top: 5px;
}
.iconbox-entry {
	display: table;
}
.iconbox .iconbox-content-title {
	margin-bottom: 5px;
}
.iconbox p {
	margin-bottom: .3em;
}
.iconbox .read-more {
	text-transform: uppercase;
	color: #f85c37;
	font-weight: 500;
	font-family: 'Relaway', sans-serif;
}
/* -------------------------------------------------- */
		/* Team
		/* -------------------------------------------------- */	
		
.team-entry-image {
	margin-bottom: 25px;
}
.team-entry-image img {
	display: block;
}
.team-entry-title {
	margin-bottom: 0;
	font-weight: 600;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	line-height: 1em;
}
.team-position {
	text-transform: uppercase;
	color: #aaa;
	font-weight: 400;
	font-size: 12px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
/* -------------------------------------------------- */
		/* Counter Box
		/* -------------------------------------------------- */			

.counter-box {
	text-align: center;
	font-size: 0;
}
.counter-box .counter {
	display: inline-block;
	width: 25%;
	vertical-align: top;
	text-align: center;
}
.counter .count {
	position: relative;
	display: block;
	margin-bottom: 15px;
	padding-bottom: 20px;
	color: #262626;
	font-weight: 500;
	font-size: 60px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	line-height: 1em;
}
.counter .count:after {
	position: absolute;
	left: 50%;
	bottom: 0;
	display: block;
	margin-left: -25px;
	background-color: #e8e8e8;
	width: 50px;
	height: 1px;
	text-align: center;
	content: "";
}
.counter .details {
	margin-bottom: 0;
	color: #aaa;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 12px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
.parallax .counter .details {
	color: #fff;
}
/* -------------------------------------------------- */
		/* Twitter 
		/* -------------------------------------------------- */	

.tweets-container > ul {
	margin: 0;
	padding: 0;
}
.tweets-container li {
	list-style: none;
	position: relative;
	margin-bottom: 15px;
	padding-left: 30px;
	font-size: 14px;
}
.tweets-container li .tweet {
	margin-bottom: 5px;
}
.tweets-container li:before {
	position: absolute;
	top: 0;
	left: 0;
	color: #1fc3ff;
	font-size: 20px;
	font-family: 'fontello';
	content: '\e980';
}
/* -------------------------------------------------- */
		/*	Clients
		/* -------------------------------------------------- */	

.clients-items {
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
	font-size: 0;
	text-align: center;
}
.clients-items .item {
	display: none;
}
.clients-items .item:first-child {
	display: block;
}
.clients-items li {
	display: inline-block;
	padding: 0 1%;
	width: 15%;
	list-style: none;
	vertical-align: middle;
	-webkit-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}
.clients-items li:hover {
	opacity: .5;
}
/* -------------------------------------------------- */
		/* Pricing Tables
		/* -------------------------------------------------- */	

.simple-pricing-table {
	font-size: 0;
}
.simple-pricing-table * {
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}
.simple-pricing-table .column {
	display: inline-block;
	margin-left: -1px;
	margin-top: -1px;
	width: 25%;
	border: 1px solid #cfcfcf;
	background-color: #fff;
	text-align: center;
}
.simple-pricing-table.col-2 .column {
	width: 50%;
}
.simple-pricing-table.col-3 .column {
	width: 33.33333333333333%;
}
.simple-pricing-table.col-4 .column {
	width: 25%;
}
.simple-pricing-table .column:hover,  .simple-pricing-table .featured {
	z-index: 2;
	border-color: transparent;
	background-color: #f85c37;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.simple-pricing-table .title {
	margin: 0;
	padding: 22px 5px;
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
.simple-pricing-table .column:hover .title,  .simple-pricing-table .featured .title {
	color: #fff;
}
.simple-pricing-table .price {
	padding: 26px 0 15px;
	border-top: 1px solid #e7e7e7;
	background-color: #f7f7f7;
	border-bottom: 1px solid #e7e7e7;
}
.simple-pricing-table .column:hover .price,  .simple-pricing-table .featured .price {
	border-color: #fb9981;
	background-color: #f96d4b;
}
.simple-pricing-table .cost {
	margin: 0;
	font-weight: 300;
	font-size: 44px;
	line-height: .7em;
}
.simple-pricing-table .column:hover .cost,  .simple-pricing-table .featured .cost {
	color: #fff;
}
.simple-pricing-table .description {
	color: #a8a8a8;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 11px;
}
.simple-pricing-table .column:hover .description,  .simple-pricing-table .featured .description {
	color: #fff;
}
.simple-pricing-table .features {
	padding: 0 25px;
}
.simple-pricing-table .features li {
	position: relative;
	padding: 9px 20px;
	border-top: 1px solid #ebebeb;
	font-weight: 300;
	font-size: 15px;
	list-style: none;
}
.simple-pricing-table .features li:first-child {
	border: none;
}
.simple-pricing-table .column:hover .features li,  .simple-pricing-table .featured .features li {
	border-top-color: #fa8d73;
	color: #fff;
}
.simple-pricing-table .footer {
	padding: 30px 0;
	border-top: 1px solid #e9e9e9;
	background-color: #fcfcfc;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
.simple-pricing-table .column:hover .footer,  .simple-pricing-table .featured .footer {
	border-top-color: #fb9981;
	background-color: #f96d4b;
}
.simple-pricing-table .button {
	margin: 0;
}
.simple-pricing-table .column:hover .button,  .simple-pricing-table .featured .button {
	border-color: transparent;
	background-color: #fff;
	color: #f85c37;
}
/* ---------------------------------------------------------------------- */
/*	Blog
/* ---------------------------------------------------------------------- */

#post-area {
	position: relative;
}
.entry-item {
	position: relative;
}
.post-item {
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ebebeb;
}
.post-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom-width: 0;
}
.entry-item .entry-meta {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
}
.entry-item .entry-date {
	display: block;
	margin-bottom: 18px;
	padding-bottom: 13px;
	border-bottom: 1px solid #ebebeb;
	text-align: center;
}
.entry-item .entry-date a,  .entry-item .entry-date span {
	display: block;
	font-weight: 400;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
.entry-item .entry-date a {
	margin-bottom: 12px;
	font-size: 44px;
	line-height: .8em;
}
.entry-item .entry-date span {
	text-transform: uppercase;
	color: #262626;
	font-size: 12px;
}
.post-format-type {
	display: block;
	text-align: center;
}
.post-format:before {
	color: #dcdcdc;
	font-style: normal;
	font-family: 'fontello';
	-webkit-transition: color .2s ease;
	transition: color .2s ease;
}
.post-item .post-format:before {
	font-size: 21px;
}
.entry-meta .post-format:before {
	font-size: 27px;
}
.post-format-type:hover .post-format:before {
	color: #f85c37;
}
.post-format.picture-icon:before {
	content: '\e834';
}
.post-format.grid-post-icon:before {
	content: '\ed39';
}
.post-format.gallery-icon:before {
	content: '\e999';
}
.post-format.quote-icon:before {
	content: '\e86c';
}
.post-format.audio-icon:before {
	content: '\e8a1';
}
.post-format.video-icon:before {
	content: '\ec16';
}
.post-format.noimage-icon:before {
	content: '\e888';
}
.entry-item .entry-body {
	margin-left: 95px;
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #ebebeb;
}
.ie8 .entry-item .entry-body {
	margin-left: 125px;
}
.entry-item:last-child .entry-body {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom-width: 0;
}
.entry-media {
	margin-bottom: 25px;
}
.entry-media iframe {
	max-width: 100%;
	max-height: 100%;
}
.project-single-entry .entry-media {
	margin-bottom: 0;
}
.post-item .entry-date {
	display: inline-block;
	padding: 0;
}
.entry-title {
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	line-height: 1em;
}
.entry-item .entry-title {
	margin-bottom: 10px;
	font-weight: 400;
}
.post-item .entry-title {
	margin-bottom: 5px;
	font-weight: 600;
}
.widget .entry-title {
	margin-bottom: 5px;
	line-height: 1.5em;
}
.entry-title a {
	color: #262626;
}
.entry-title a:hover {
	color: #f85c37;
}
.post-meta {
	line-height: 1.2em;
}
.entry-item .post-meta {
	margin-bottom: 25px;
}
.post-item .post-meta {
	margin-top: 8px;
	margin-bottom: 10px;
}
.post-meta span {
	display: block;
	float: left;
	vertical-align: middle;
	color: #aaa;
	font-weight: 400;
	font-size: 12px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	text-transform: uppercase;
	line-height: 1em;
}
.post-meta a:hover {
	color: #f85c37;
}
.post-meta span:after {
	padding: 0 4px 0 4px;
	content: "/"
}
.post-meta .post-format:after {
	margin-right: 8px;
	padding: 0;
	content: '';
}
.post-meta span:last-child:after {
	padding: 0;
	content: "";
}
.entry-item .button,  .post-item .button {
	margin: 0;
}
.post-footer {
	margin-top: 20px;
}
.post-footer .button {
	float: left;
}
.post-footer .share-entry {
	float: right;
	margin: 2px 0 0 0;
}
.post-footer .social-icons {
	position: absolute;
	top: 100%;
	right: 12%;
	visibility: hidden;
	padding: 6px;
	background-color: #f8f8f8;
	opacity: 0;
	/*pointer-events: none;*/
					
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0, .18);
	box-shadow: 0 0 2px 0 rgba(0,0,0, .18);
}
.post-footer .social-icons:after,  .post-footer .social-icons:before {
	position: absolute;
	bottom: 100%;
	left: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: " ";
	pointer-events: none;
}
.post-footer .social-icons:after {
	margin-left: -6px;
	border-width: 6px;
	border-color: rgba(248, 248, 248, 0);
	border-bottom-color: #f8f8f8;
}
.post-footer .social-icons:before {
	margin-left: -7px;
	border-width: 7px;
	border-color: rgba(226, 226, 226, 0);
	border-bottom-color: #e2e2e2;
}
.no-touch .post-footer .side-share:hover .social-icons,  .touch .post-footer .social-share:hover + .social-icons {
	visibility: visible;
	opacity: 1;
}
.post-footer .side-share .social-icons li {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
/* -------------------------------------------------- */
	/*	Masonry Blog 
	/* -------------------------------------------------- */
	
#post-area {
	position: relative;
	margin-bottom: 50px;
}
#main > #post-area.masonry,  .col-xs-12 > #post-area.masonry {
	margin-left: -2%;
	margin-right: -2%;
}
#post-area.masonry {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
#post-area.masonry.init {
	opacity: 1;
	filter: alpha(opacity=100);
}
.masonry .post-item {
	position: relative;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	min-height: 1px;
	width: 45.33%;
}
.masonry.col-3 .post-item {
	margin-left: 2%;
	margin-right: 2%;
	width: 29%;
}
.masonry.col-4 .post-item {
	margin-left: 1%;
	margin-right: 1%;
	width: 22.8%;
}
/* -------------------------------------------------- */
	/*	Post Type Grid
	/* -------------------------------------------------- */
		
.grid-post {
	font-size: 0;
}
.grid-post li {
	display: inline-block;
	width: 50%;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	vertical-align: top;
}
.grid-post .grid-col-third {
	width: 33.33333333333333%;
}
.grid-post .grid-col-four {
	width: 25%;
}
.grid-post .grid-col-half {
	width: 50%;
}
/* -------------------------------------------------- */
	/*	Post Type Quote
	/* -------------------------------------------------- */
			
.quote-inner {
	position: relative;
	padding: 0 20px 35px 0;
	background-color: #ededed;
	-webkit-transition: background-color .3s ease;
	transition: background-color .3s ease;
}
.post-item .quote-inner {
	padding-bottom: 30px;
}
.quote-inner:hover {
	background-color: #f85c37;
	color: #fff;
}
.quote-inner .whole-link {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: block;
	width: 100%;
	height: 100%;
}
.quote-inner blockquote {
	padding: 25px 0 0 80px;
	background-color: transparent;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}
.quote-inner:hover blockquote:before {
	color: #fff;
}
.post-item .quote-inner blockquote {
	margin-bottom: 0;
	padding: 20px 0 0 50px;
	font-size: 16px;
}
.post-item .quote-inner p {
	line-height: 1.85em;
}
.post-item .quote-inner blockquote:before {
	top: 26px;
	font-size: 60px;
}
.post-item .quote-meta {
	line-height: 1em;
}
.post-item .quote-author {
	font-size: 14px;
}
.quote-inner:hover .quote-meta {
	color: #fff;
}
/* -------------------------------------------------- */
	/*	Tags Holder
	/* -------------------------------------------------- */

.tags-holder {
	margin-bottom: 40px;
	padding: 10px 0;
	font-size: 0;
}
.tags-holder .tags-list {
	position: relative;
	padding-left: 45px;
}
.tags-holder .tags-list:before {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -13px;
	margin-right: 6px;
	color: #aaa;
	font-weight: 400;
	font-size: 12px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	text-transform: uppercase;
	content: attr(data-title);
}
.tags-holder li {
	display: inline-block;
	margin: 0 2px 2px 0;
}
.tags-holder a {
	display: block;
	background-color: #ededed;
	padding: 0 10px;
	color: #262626;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 11px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
.tags-holder a:hover {
	background-color: #f85c37;
	color: #fff;
}
/* -------------------------------------------------- */
	/*	Single Post Navigation
	/* -------------------------------------------------- */

.single-post-nav {
	margin-bottom: 50px;
	padding: 33px 0;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}
.single-post-nav a {
	position: relative;
	color: #262626;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 13px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
}
.single-post-nav .prev {
	float: left;
	padding-left: 27px;
}
.single-post-nav .next {
	float: right;
	padding-right: 27px;
}
.single-post-nav a:after {
	position: absolute;
	color: #262626;
	font-size: 36px;
	font-family: 'fontello';
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
}
.single-post-nav .prev:after {
	left: 0;
	content: "\ea07";
}
.single-post-nav .next:after {
	right: 0;
	content: "\ea08";
}
.single-post-nav a:hover,  .single-post-nav a:hover:after {
	color: #f85c37;
}
/* -------------------------------------------------- */
	/*	Slogan Group Slider
	/* -------------------------------------------------- */
	
.slogan-group {
	position: relative;
	display: none;
	margin-bottom: 20px;
}
.slogan-group .slides {
	overflow: hidden;
}
.slide-wrapper {
	position: relative;
}
.slogan-group .wrapper-outer {
	overflow: hidden;
}
.slogan-group .wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease;
	transition: height 500ms ease;
}
.not-ie .slide-wrapper,  .not-ie .slide-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}
.slide-item {
	position: relative;
	float: left;
}
.not-ie .slogan-group .item {
	display: none;
}
.slogan-group .item:first-child {
	display: block;
}
.slogan-group .control-nav {
	width: 100%;
	text-align: center;
	font-size: 0;
}
.slogan-group .control-nav .page {
	display: inline-block;
	margin: 0;
	zoom: 1;
}
.slogan-group .control-nav span {
	display: inline-block;
	margin: 2px 8px;
	width: 10px;
	height: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	background-color: #d8d8d8;
	cursor: pointer;
	vertical-align: middle;
	-webkit-transition: all .25s ease-in;
	transition: all .25s ease-in;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.slogan-group .control-nav span:hover,  .slogan-group .control-nav .active > span {
	border-color: #d9d9d9;
	background-color: transparent;
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}
/* -------------------------------------------------- */
			/*	Fade
			/* -------------------------------------------------- */

.text-fade-out {
	z-index: 10;
	-webkit-animation: textFadeOut .8s both ease;
	animation: textFadeOut .8s both ease;
}
.text-fade-in {
	-webkit-animation: textFadeIn .5s both ease .5s;
	animation: textFadeIn .5s both ease .5s;
}
			
			/* -------------------------------------------------- */
			/*	Keyframes for Fade
			/* -------------------------------------------------- */

			@-webkit-keyframes textFadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @keyframes textFadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-webkit-keyframes textFadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
 @keyframes textFadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
/* -------------------------------------------------- */
	/*	Image Slider
	/* -------------------------------------------------- */

.image-slider {
	position: relative;
	overflow: hidden;
}
.image-slider .item {
	display: none;
}
.image-slider .item:first-child {
	display: block;
}
.image-slider .item img {
	display: block;
	width: 100%;
    padding-bottom: 2%;
	height: auto;
}
/* -------------------------------------------------- */
	/*	Pagenavi
	/* -------------------------------------------------- */
	
.pagenavbar {
	margin-top: 50px;
	margin-bottom: 75px;
	padding-top: 50px;
	border-top: 1px solid #ebebeb;
}
.pagenavi {
	font-size: 0;
}
.pagenavi .page-numbers {
	display: inline-block;
	margin-right: 5px;
	width: 35px;
	height: 35px;
	background-color: #ededed;
	color: #262626;
	text-align: center;
	font-weight: 500;
	font-size: 18px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	line-height: 35px;
}
.pagenavi .current,  .pagenavi .page-numbers:hover {
	background-color: #f85c37;
	color: #fff;
}
/* -------------------------------------------------- */
	/*	Comments
	/* -------------------------------------------------- */

#comments {
	margin-left: 95px;
	margin-bottom: 40px;
}
#comments h3 {
	margin-bottom: 5px;
	font-weight: 400;
	font-size: 24px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
.comment {
	padding-top: 30px;
	list-style: none;
	border-bottom: 1px solid #ebebeb;
}
.comment .gravatar {
	float: left;
	margin-right: 20px;
}
.comment-body {
	display: table;
}
.comment .comment-author h6 {
	margin-bottom: 0;
}
.comment .comment-author a {
	color: #f85c37;
	font-weight: 400;
	text-transform: uppercase;
}
.comment .comment-date {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 10px;
	line-height: 1;
}
.comment .comment-date a {
	color: #aaa;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 12px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
.comment-reply-link {
	color: #f85c37;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 12px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
/* Children */

.comment .children {
	margin: 0;
	padding-left: 80px;
}
.children .comment {
	padding-top: 30px;
	border-bottom-width: 0;
	border-top: 1px solid #ebebeb;
}
/* -------------------------------------------------- */
	/*	Respond
	/* -------------------------------------------------- */
	
#respond {
	margin-left: 95px;
}
#respond h3 {
	margin-bottom: 30px;
	font-weight: 400;
	font-size: 24px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
#respond input[type="text"],  #respond input[type="email"],  #respond input[type="url"] {
	width: 50%;
}
#respond .full-inputs-block input[type="text"],  #respond .full-inputs-block input[type="email"],  #respond .full-inputs-block input[type="url"] {
	width: 100%;
}
#respond textarea {
	width: 75%;
	min-width: 75%;
	min-height: 160px;
}
#respond .full-textarea-block textarea {
	width: 100%;
	min-width: 100%;
	min-height: 200px;
}
/* ---------------------------------------------------------------------- */
/*	Portfolio
/* ---------------------------------------------------------------------- */

	/* -------------------------------------------------- */
	/*	Portfolio Filter
	/* -------------------------------------------------- */
	
.filter-container {
	text-align: center;
}
.portfolio-filter {
	display: inline-block;
	margin-bottom: 45px;
	font-size: 0;
}
.portfolio-filter li {
	display: inline-block;
	vertical-align: top;
}
.portfolio-filter li a {
	display: block;
	margin: 1px;
	padding: 3px 10px;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 12px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	cursor: pointer;
	-webkit-transition: background-color .35s ease;
	transition: background-color .35s ease;
}
.portfolio-filter li:hover a,  .portfolio-filter .active {
	background-color: #000;
	color: #fff;
}
/* -------------------------------------------------- */
	/*	Portfolio Items
	/* -------------------------------------------------- */
	
.portfolio-items {
	width: 70%;
	font-size: 0;
}
.portfolio-items article {
	position: relative;
	display: inline-block;
	padding:5px;
    vertical-align: top;
	/*width: 25%;	
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%);*/
}
.portfolio-items.col-1 article {
	width: 70%;
    padding-bottom: 5%;
}
.portfolio-items.col-2 article {
	width: 60%;
    padding-bottom: 5%;
}
.portfolio-items.col-3 article {
	width: 33.33333333333333%;
}
.portfolio-items.col-4 article {
	width: 25%;
}
.portfolio-items.col-5 article {
	width: 20%;
}
.portfolio-items.col-6 article {
	width: 16.666666666666664%;
}
.portfolio-items.list article {
	width: 100%;
}
.portfolio-items .mix {
	display: none;
}
.portfolio-items img {
	display: block;
}
.portfolio-paging {
	position: relative;
	width: 100%;
	line-height: 60px;
	text-align: center;
	background-color: transparent;
	-webkit-transition: background-color .25s ease;
	transition: background-color .25s ease;
}
.portfolio-paging:hover {
	background-color: #262626;
}
.portfolio-paging .load-more {
	display: block;
	color: #262626;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 13px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}
.portfolio-paging:hover .load-more {
	color: #fff;
}
.work-item::before {
  position: absolute;    
/*  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  border: 10px solid #FFF;*/
  content: '';
  z-index: 5;
}
.work-item {
	position: relative;
	overflow: hidden;
	z-index: 7;
    border-radius: 10px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.item-overlay {
	position: absolute;
    z-index: 99;	
	width: 100%;
	height: 100%;
	background-color: #000;
	background-color: rgba(0,0,0, .95);
}
.item-overlay .extra-content {
	position: relative;
	overflow: hidden;
	display: table;
	padding: 30px;
	width: 100%;
	height: 100%;
}
 
.extra-title {	
	color: #fff;
	font-weight: 500;
	font-size: 17px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	text-transform: uppercase;
	word-spacing: 1px;
    margin-bottom: 0px;
}
.container .portfolio-items.col-4 .extra-title {
	font-size: 15px;
}
.extra-category {  
	color: #fff;
	font-size: 14px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	font-weight: 500;
}
.extra-center {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
    }
/* -------------------------------------------------- */
	/*	Portfolio Single
	/* -------------------------------------------------- */
	
.project-single-entry {
	margin-bottom: 10px;
}
.project-single-entry + .tabs-holder {
	margin-bottom: 20px;
}
.project-page-header {
	position: relative;
	margin-bottom: 55px;
}
.project-page-header .project-title {
	padding-right: 115px;
	color: #5b5e60;
	font-weight: 100;
	font-size: 60px;
	text-transform: uppercase;
}
/* Project Meta */
	
.project-meta {
	display: table;
	margin-bottom: 30px;
}
.project-meta li {
	margin-bottom: 5px;
	list-style: none;
}
.project-meta h4 {
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
.project-meta b {
	display: table-cell;
	padding-right: 10px;
	width: 80px;
	color: #262626;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
.project-meta span {
	display: table-cell;
	color: #282828;
	font-weight: 400;
	font-size: 14px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
/* Project Similar Posts */
	
.project-similar {
	font-size: 0;
}
.project-similar li {
	display: inline-block;
	width: 25%;
	border: 1px solid #fff;
	vertical-align: top;
}
/* -------------------------------------------------- */
	/*	Social Share
	/* -------------------------------------------------- */	
			
.share-entry {
	margin-top: 30px;
	margin-bottom: 55px;
}
.side-share {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.social-like,  .social-share {
	display: inline-block;
	padding: 0 20px;
	vertical-align: middle;
	color: #aaa;
	font-size: 14px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
.social-like span,  .social-share span {
	padding-left: 10px;
}
.social-like {
	padding-left: 0;
	border-right: 1px solid #ebebeb;
}
.social-share {
	text-transform: uppercase;
	font-size: 12px;
}
.social-like:before,  .social-share:before {
	color: #d3d3d3;
	font-size: 18px;
	font-family: 'fontello';
	-webkit-transition: color .35s ease;
	transition: color .35s ease;
}
.social-like:before {
	content: "\ee67";
}
.social-share:before {
	content: "\e9e2";
}
.social-like:hover:before,  .social-share:hover:before {
	color: #f85c37;
}
.share-entry .social-icons {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}

@media only screen and (min-width: 993px) {
.no-touch .side-share .social-icons li {
	opacity: 0;
	-webkit-transform: translateX(30px);
	transform: translateX(30px);
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
}
.no-touch .side-share:hover .social-icons li {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}
.side-share .social-icons li:nth-child(1) {
	-webkit-transition-delay: 1.25s;
	transition-delay: 1.25s;
}
.side-share .social-icons li:nth-child(2) {
	-webkit-transition-delay: 1.10s;
	transition-delay: 1.10s;
}
.side-share .social-icons li:nth-child(3) {
	-webkit-transition-delay: .95s;
	transition-delay: .95s;
}
.side-share .social-icons li:nth-child(4) {
	-webkit-transition-delay: .80s;
	transition-delay: .80s;
}
.side-share .social-icons li:nth-child(5) {
	-webkit-transition-delay: .65s;
	transition-delay: .65s;
}
.side-share .social-icons li:nth-child(6) {
	-webkit-transition-delay: .50s;
	transition-delay: .50s;
}
.side-share .social-icons li:nth-child(7) {
	-webkit-transition-delay: .35s;
	transition-delay: .35s;
}
.side-share .social-icons li:nth-child(8) {
	-webkit-transition-delay: .20s;
	transition-delay: .20s;
}
.side-share:hover .social-icons li:nth-child(1) {
	-webkit-transition-delay: .20s;
	transition-delay: .20s;
}
.side-share:hover .social-icons li:nth-child(2) {
	-webkit-transition-delay: .35s;
	transition-delay: .35s;
}
.side-share:hover .social-icons li:nth-child(3) {
	-webkit-transition-delay: .50s;
	transition-delay: .50s;
}
.side-share:hover .social-icons li:nth-child(4) {
	-webkit-transition-delay: .65s;
	transition-delay: .65s;
}
.side-share:hover .social-icons li:nth-child(5) {
	-webkit-transition-delay: .80s;
	transition-delay: .80s;
}
.side-share:hover .social-icons li:nth-child(6) {
	-webkit-transition-delay: .95s;
	transition-delay: .95s;
}
.side-share:hover .social-icons li:nth-child(7) {
	-webkit-transition-delay: 1.10s;
	transition-delay: 1.10s;
}
.side-share:hover .social-icons li:nth-child(8) {
	-webkit-transition-delay: 1.25s;
	transition-delay: 1.25s;
}
}
/* -------------------------------------------------- */
	/*	Image List
	/* -------------------------------------------------- */	

.image-list {
	margin-bottom: 70px;
}
.image-list li {
	margin-bottom: 20px;
	list-style: none;
}
.image-list img {
	display: block;
}
/* ---------------------------------------------------------------------- */
/*	Sidebar
/* ---------------------------------------------------------------------- */

.sbr#content #sidebar {
	float: right;
}
.sbl#content #sidebar {
	float: left;
}
/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */

.widget {
	margin-bottom: 60px;
}
.widget-title {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
}
.dark-footer .widget-title {
	color: #a0a0a0;
}
/* ---------------------------------------- */
		/*	Default Widgets
		/* ---------------------------------------- */
		
		/* read-more links */
.more-link {
}
/* blogroll links */
.linkcat {
}
.blogroll {
}
/* text widget */
.textwidget {
}
.widget_text {
}
.textwidget p {
}
.widget .sub-menu {
	padding-top: 5px;
}
.widget_categories ul li,  .widget_archive ul li,  .widget_links ul li,  .widget_meta ul li,  .widget_pages ul li,  .widget_recent_entries ul li {
	padding: 8px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e6e6e6;
	list-style: none;
}
.dark-footer .widget_categories ul li,  .dark-footer .widget_archive ul li,  .dark-footer .widget_links ul li,  .dark-footer .widget_meta ul li,  .dark-footer .widget_pages ul li,  .dark-footer .widget_recent_entries ul li {
	border-top-color: #3a3a3a;
}
.widget_categories ul li:first-child,  .widget_archive ul li:first-child,  .widget_links ul li:first-child,  .widget_meta ul li:first-child,  .widget_pages ul li:first-child,  .widget_recent_entries ul li:first-child {
	border-top-width: 0;
}
/* ---------------------------------------- */
		/*	Recent Posts
		/* ---------------------------------------- */
		
.widget_recent_posts .entry {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e6e6;
}
.widget_recent_posts .entry:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: "";
}
.widget_recent_posts .entry:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom-width: 0;
}
.widget_recent_posts .entry-media {
	float: left;
	margin-right: 15px;
	margin-bottom: 0;
}
.widget_recent_posts .post-holder {
	display: table;
}
/* ---------------------------------------- */
		/*	Tags Cloud
		/* ---------------------------------------- */		
			
.widget_tag_cloud .tagcloud {
	font-size: 0;
}
.widget_tag_cloud .tagcloud a {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 3px 18px;
	border: 1px solid #cfcfcf;
	color: #f85c37;
	font-weight: 400;
	font-size: 13px;
	text-transform: uppercase;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}
.widget_tag_cloud .tagcloud a:hover {
	border-color: transparent;
	background-color: #f85c37;
	color: #fff;
}
/* ---------------------------------------- */
		/*	Search
		/* ---------------------------------------- */	
		
#searchform {
	position: relative;
}
#searchform input[type="text"] {
	padding-right: 40px;
	font-style: italic;
	font-size: 14px;
}
#searchform .submit-search {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	width: 40px;
	height: 100%;
	text-align: center;
}
#searchform .submit-search:before {
	display: block;
	color: #aaa;
	text-align: center;
	font-size: 15px;
	font-family: 'fontello';
	line-height: 42px;
	content: '\e825';
	-webkit-transition: color .25s ease;
	transition: color .25s ease;
}
#searchform input[type="text"]:focus + .submit-search:before {
	color: #f85c37;
}
/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer {
}
#footer.light-footer {
	padding: 80px 0;
	background-color: #f9f9f9;
}
#footer.dark-footer {
	padding: 80px 0;
	background-color: #282828;
	color: #6e6e6e;
}
#footer.dark-footer p {
	color: #6e6e6e;
}
#footer .widget a {
	color: #8c8c8c;
}
#footer .widget a:hover {
	color: #f85c37;
}
#footer.dark-footer .widget a {
	color: #6e6e6e;
}
#footer.dark-footer .widget a:hover {
	color: #f85c37;
}
/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */

#footer .widget {
	margin-bottom: 25px;
}
/* -------------------------------------------------- */
		/*	Recent Entries
		/* -------------------------------------------------- */
	
#footer .widget_recent_entries a {
	color: #262626;
	font-weight: 400;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
#footer .widget_recent_entries .post-date {
	color: #aaa;
	font-size: 12px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
/* -------------------------------------------------- */
		/*	Newsletter
		/* -------------------------------------------------- */	
		
.newsletter-form input[type="text"] {
	color: #8c8c8c;
	font-style: italic;
}
 .newsletter-form input::-webkit-input-placeholder {
color: #555;
}
 .newsletter-form input::-moz-placeholder {
color: #555;
}
 .dark-footer .newsletter-form input::-webkit-input-placeholder {
color: #949494;
}
 .dark-footer .newsletter-form input::-moz-placeholder {
color: #949494;
}
/* -------------------------------------------------- */
	/*	Bottom Footer
	/* -------------------------------------------------- */	
	
.bottom-footer {
	padding: 33px 0 0 0;
	background-color: #232323;
}
.copyright {
	font-size: 12px;
}
.developed {
	font-size: 11px;
}
/* ---------------------------------------------------------------------- */
/*	Widgets + Shortcodes
/* ---------------------------------------------------------------------- */

	/* -------------------------------------------------- */
	/*	Social Icons
	/* -------------------------------------------------- */
	
ul.social-icons {
	margin-bottom: 40px;
	font-size: 0;
	text-align: right;
}
#footer ul.social-icons {
	margin-bottom: 0;
}
ul.social-icons li {
	position: relative;
	display: inline-block;
	vertical-align: top;
}
ul.social-icons li a {
	position: relative;
	display: block;
	margin: 3px;
	width: 45px;
	height: 45px;
	font: 0/0 a;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}
ul.social-icons li:first-child a {
	margin-left: 0;
}
ul.social-icons li a:hover {
	border-color: transparent;
}
ul.social-icons .twitter a:after {
	content: '\e980';
}
ul.social-icons .twitter a:before {
	content: '\e980';
}
ul.social-icons .facebook a:after {
	content: '\e967';
}
ul.social-icons .facebook a:before {
	content: '\e967';
}
ul.social-icons .linkedin a:after {
	content: '\e975';
}
ul.social-icons .linkedin a:before {
	content: '\e975';
}
ul.social-icons .pinterest a:after {
	content: '\e977';
}
ul.social-icons .pinterest a:before {
	content: '\e977';
}
ul.social-icons .rss a:after {
	content: '\e88f';
}
ul.social-icons .rss a:before {
	content: '\e88f';
}
ul.social-icons .gplus a:after {
	content: '\e970';
}
ul.social-icons .gplus a:before {
	content: '\e970';
}
ul.social-icons .instagram a:after {
	content: '\e972';
}
ul.social-icons .instagram a:before {
	content: '\e972';
}
ul.social-icons .dribbble a:after {
	content: '\e965';
}
ul.social-icons .dribbble a:before {
	content: '\e965';
}
ul.social-icons .flickr a:after {
	content: '\ea78';
}
ul.social-icons .flickr a:before {
	content: '\ea78';
}
ul.social-icons .dropbox a:after {
	content: '\e966';
}
ul.social-icons .dropbox a:before {
	content: '\e966';
}
ul.social-icons .youtube a:after {
	content: '\e986';
}
ul.social-icons .youtube a:before {
	content: '\e986';
}
ul.social-icons .blogger a:after {
	content: '\ee4d';
}
ul.social-icons .blogger a:before {
	content: '\ee4d';
}
ul.social-icons .evernote a:after {
	content: '\ea96';
}
ul.social-icons .evernote a:before {
	content: '\ea96';
}
ul.social-icons .behance a:after {
	content: '\eaa0';
}
ul.social-icons .behance a:before {
	content: '\eaa0';
}
ul.social-icons .skype a:after {
	content: '\e97a';
}
ul.social-icons .skype a:before {
	content: '\e97a';
}
ul.social-icons .vimeo a:after {
	content: '\ea7a';
}
ul.social-icons .vimeo a:before {
	content: '\ea7a';
}
ul.social-icons .digg a:after {
	content: '\edf8';
}
ul.social-icons .digg a:before {
	content: '\edf8';
}
ul.social-icons .appstore a:after {
	content: '\edfd';
}
ul.social-icons .appstore a:before {
	content: '\edfd';
}
ul.social-icons .stumbleupon a:after {
	content: '\ef68';
}
ul.social-icons .stumbleupon a:before {
	content: '\ef68';
}
ul.social-icons .deviantart a:after {
	content: '\ee4f';
}
ul.social-icons .deviantart a:before {
	content: '\ee4f';
}
ul.social-icons .github a:after {
	content: '\e96b';
}
ul.social-icons .github a:before {
	content: '\e96b';
}
ul.social-icons .mail a:after {
	content: '\ebdc';
}
ul.social-icons .mail a:before {
	content: '\ebdc';
}
ul.social-icons .twitter a:after {
	background-color: #47c0d8;
}
ul.social-icons .facebook a:after {
	background-color: #49699f;
}
ul.social-icons .linkedin a:after {
	background-color: #2c7cb7;
}
ul.social-icons .pinterest a:after {
	background-color: #c21c21;
}
ul.social-icons .rss a:after {
	background-color: #fe9900;
}
ul.social-icons .gplus a:after {
	background-color: #c33d19;
}
ul.social-icons .flickr a:after {
	background-color: #e82c88;
}
ul.social-icons .instagram a:after {
	background-color: #517fa3;
}
ul.social-icons .dropbox a:after {
	background-color: #5da3e8;
}
ul.social-icons .youtube a:after {
	background-color: #b72d24;
}
ul.social-icons .blogger a:after {
	background-color: #f38f33;
}
ul.social-icons .evernote a:after {
	background-color: #73b122;
}
ul.social-icons .dribbble a:after {
	background-color: #e65992;
}
ul.social-icons .behance a:after {
	background-color: #18a3fe;
}
ul.social-icons .lastfm a:after {
	background-color: #be0607;
}
ul.social-icons .skype a:after {
	background-color: #24b0e4;
}
ul.social-icons .vimeo a:after {
	background-color: #568799;
}
ul.social-icons .forrst a:after {
	background-color: #628267;
}
ul.social-icons .digg a:after {
	background-color: #2882c6;
}
ul.social-icons .appstore a:after {
	background-color: #606060;
}
ul.social-icons .wordpress a:after {
	background-color: #33759d;
}
ul.social-icons .stumbleupon a:after {
	background-color: #eb4924;
}
ul.social-icons .deviantart a:after {
	background-color: #5f7162;
}
ul.social-icons .github a:after {
	background-color: #7292a2;
}
ul.social-icons .mail a:after {
	background-color: #65a413;
}
ul.social-icons .love a:after {
	background-color: #f85c37;
}
ul.social-icons a:hover:after {
	color: #fff !important;
}
/* Style Fall Vertical */
			
ul.style-fall li a:before,  ul.style-fall li a:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #d6d6d6;
	color: #c8c8c8;
	text-align: center;
	font-size: 20px;
	font-family: 'fontello';
	line-height: 45px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, color .3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, color .3s ease;
}
.dark-footer ul.style-fall li a:before,  .dark-footer ul.style-fall li a:after {
	border-color: #a0a0a0;
	color: #a0a0a0;
}
ul.style-fall li a:after {
	opacity: 0;
	border-width: 0;
	pointer-events: none;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
.ie8 ul.style-fall li a:after {
	display: none;
}
ul.style-fall li a:hover:after {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
.ie8 ul.style-fall li a:hover:after {
	display: block;
}
ul.style-fall li a:hover:before {
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
/* Style Square for Header */

#top-bar ul.social-icons {
	float: right;
	margin-bottom: 0;
}
#header ul.social-icons {
	margin: 0;
	padding: 32px 0;
}
#top-bar ul.social-icons li,  #header ul.social-icons li {
	overflow: hidden;
}
#top-bar ul.social-icons li a,  #header ul.social-icons li a {
	margin: 0;
	width: 40px;
	height: 40px;
	border-width: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#top-bar ul.social-icons li a:before,  #top-bar ul.social-icons li a:after,  #header ul.social-icons li a:before,  #header ul.social-icons li a:after {
	border-width: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#top-bar ul.social-icons li a:after,  #top-bar ul.social-icons li a:before,  #header ul.social-icons li a:after,  #header ul.social-icons li a:before {
	line-height: 40px;
}
/* Style Square for Masonry Posts */
			
ul.style-square li {
	display: block;
}
ul.style-square li a {
	margin: 0;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 0;
	border-radius: 0;
}
ul.style-square li a:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #c8c8c8;
	text-align: center;
	font-size: 20px;
	font-family: 'fontello';
	line-height: 40px;
	-webkit-transition: background-color 0.3s ease, color .3s ease;
	transition: background-color 0.3s ease, color .3s ease;
}
ul.social-icons.style-square li a:after {
	background-color: transparent;
}
ul.style-square .twitter a:hover:after {
	background-color: #47c0d8;
}
ul.style-square .facebook a:hover:after {
	background-color: #49699f;
}
ul.style-square .linkedin a:hover:after {
	background-color: #2c7cb7;
}
ul.style-square .pinterest a:hover:after {
	background-color: #c21c21;
}
ul.style-square .rss a:hover:after {
	background-color: #fe9900;
}
ul.style-square .gplus a:hover:after {
	background-color: #c33d19;
}
ul.style-square .flickr a:hover:after {
	background-color: #e82c88;
}
ul.style-square .instagram a:hover:after {
	background-color: #517fa3;
}
ul.style-square .dropbox a:hover:after {
	background-color: #5da3e8;
}
ul.style-square .youtube a:hover:after {
	background-color: #b72d24;
}
ul.style-square .blogger a:hover:after {
	background-color: #f38f33;
}
ul.style-square .evernote a:hover:after {
	background-color: #73b122;
}
ul.style-square .dribbble a:hover:after {
	background-color: #e65992;
}
ul.style-square .behance a:hover:after {
	background-color: #18a3fe;
}
ul.style-square .lastfm a:hover:after {
	background-color: #be0607;
}
ul.style-square .skype a:hover:after {
	background-color: #24b0e4;
}
ul.style-square .vimeo a:hover:after {
	background-color: #568799;
}
ul.style-square .forrst a:hover:after {
	background-color: #628267;
}
ul.style-square .digg a:hover:after {
	background-color: #2882c6;
}
ul.style-square .appstore a:hover:after {
	background-color: #606060;
}
ul.style-square .wordpress a:hover:after {
	background-color: #33759d;
}
ul.style-square .stumbleupon a:hover:after {
	background-color: #eb4924;
}
ul.style-square .deviantart a:hover:after {
	background-color: #5f7162;
}
ul.style-square .github a:hover:after {
	background-color: #7292a2;
}
ul.style-square .mail a:hover:after {
	background-color: #65a413;
}
ul.style-square .love a:hover:after {
	background-color: #f85c37;
}
/* -------------------------------------------------- */
	/*	Content Boxes
	/* -------------------------------------------------- */		

.content-boxes {
	font-size: 0;
}
.content-boxes > ul > li {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 60px 15px;
	width: 25%;
	border: 1px solid #fff;
	background-color: #f85c37;
	color: #fff;
	vertical-align: top;
	text-align: center;
}
.content-icon {
	display: block;
	margin-bottom: 50px;
}
.content-icon[class^="icon-"]:before,  .content-icon[class*=" icon-"]:before {
	font-size: 60px;
}
.content-boxes h2 {
	margin-bottom: 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 1.2em;
}
.content-boxes .hover-box {
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #262626;
	color: #fff;
	font-size: 14px;
	-webkit-transition: top .20s ease;
	transition: top .20s ease;
}
.content-boxes li:hover > .hover-box,  .touch .content-boxes li.active > .hover-box {
	top: 0;
}
.content-boxes .extra-content {
	position: absolute;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	bottom: -100%;
	-webkit-transition: bottom .20s ease, opacity .15s ease;
	transition: bottom .20s ease, opacity .15s ease;
}
.content-boxes li:hover > .extra-content,  .touch .content-boxes li.active > .extra-content {
	bottom: 0;
	opacity: 1;
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
}
.content-boxes .extra-table {
	display: table;
	overflow: hidden;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
.content-boxes .extra-inner {
	display: table-cell;
	padding: 0 30px;
	width: 100%;
	height: 100%;
	font-size: 14px;
	vertical-align: middle;
}
.content-boxes .extra-inner h4 {
	text-transform: uppercase;
}
.content-boxes .extra-inner * {
	color: #fff;
}
/* -------------------------------------------------- */
	/*	Progress Bar
	/* -------------------------------------------------- */		
	
.progress-bar {
	position: relative;
	margin-bottom: 18px;
}
.progressbar-title {
	margin-bottom: 3px;
	color: #aaa;
	font-weight: 300;
	font-size: 16px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
.percent {
	position: absolute;
	top: -5px;
	right: 0;
	display: block;
	color: #aeaeae;
	font-size: 16px;
	line-height: 35px;
}
.bar-outer {
	position: relative;
	width: 100%;
	height: 12px;
	border: 1px solid #cfcfcf;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bar {
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 2;
	width: 0%;
	height: 12px;
	background-color: #f85c37;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* -------------------------------------------------- */
	/*	Accordion and Toggle
	/* -------------------------------------------------- */
		
.acc-box {
	margin-bottom: 20px;
}
.acc-trigger {
	position: relative;
	display: block;
	margin-bottom: 4px;
	padding: 7px 55px 7px 20px;
	background-color: #ededed;
	cursor: pointer;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}
.acc-trigger:hover {
	background-color: #262626;
}
.acc-trigger.active {
	background-color: #000;
}
.acc-trigger:after {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 48px;
	height: 100%;
	color: #262626;
	text-align: center;
	font-size: 18px;
	font-family: 'fontello';
	line-height: 40px;
	content: '\e9a1';
}
.acc-trigger:hover:after,  .acc-trigger.active:after {
	color: #fff;
}
.acc-trigger.active:after {
	content: '\e9a4';
}
.acc-trigger a {
	color: #262626;
	font-weight: 500;
	font-size: 12px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
.acc-trigger:hover a,  .acc-trigger.active a {
	color: #fff;
}
.acc-trigger.active + .acc-container p {
	margin: 0 0 10px 0;
}
.acc-container {
	padding: 15px 0;
	display: none;
}
/* -------------------------------------------------- */
	/*	Tabs
	/* -------------------------------------------------- */

.tabs-nav {
	margin-bottom: 10px;
	font-size: 0;
}
.tabs-nav li {
	position: relative;
	display: inline-block;
}
.widget .tabs-nav li {
	width: 50%;
}
.tabs-nav li a {
	position: relative;
	display: block;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 14px 35px;
	background-color: #ededed;
	color: #262626;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 12px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
	line-height: 1em;
	cursor: pointer;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}
.widget .tabs-nav li a {
	padding: 14px 10px;
}
.tabs-nav li a:hover {
	background-color: #262626;
	color: #fff;
}
.tabs-nav li.active a {
	background-color: #000;
	color: #fff;
}
.tabs-container {
	overflow: hidden;
}
.tab-content {
	display: none;
	padding: 10px 0;
}
.tab-content:first-child {
	display: block;
}
/* -------------------------------------------------- */
	/*	Notifications
	/* -------------------------------------------------- */

.error, .success, .info, .notice {
	position: relative;
	margin-bottom: 10px;
	padding: 12px 15px 12px 50px;
	display: block;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 12px;
	font-family: 'Roboto', 'Microsoft JhengHei', 'sans-serif';
}
.error {
	background-color: #fac9cf;
	color: #ce717c;
}
.success {
	background-color: #e0f2cd;
	color: #8aaa67;
}
.info {
	background-color: #c6e7f4;
	color: #66aac4;
}
.notice {
	background-color: #feefc5;
	color: #c8a749;
}
.error:before,  .success:before,  .info:before,  .notice:before {
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -13px;
	font-size: 18px;
	font-family: 'fontello';
}
.error:before {
	color: #ce717c;
	content: '\ee83';
}
.success:before {
	color: #8aaa67;
	content: '\ee80';
}
.info:before {
	color: #66aac4;
	content: '\ece2';
}
.notice:before {
	color: #c8a749;
	content: '\ecf1';
}
.alert-close {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -9px;
	line-height: 1;
}
.alert-close:before {
	font-size: 18px;
	font-family: 'fontello';
	content: "\e83e";
}
.error .alert-close {
	color: #ce717c;
}
.success .alert-close {
	color: #8aaa67;
}
.info .alert-close {
	color: #66aac4;
}
.notice .alert-close {
	color: #dec47b;
}
/* -------------------------------------------------- */
	/*	List
	/* -------------------------------------------------- */

ul.list {
	margin-bottom: 20px;
}
ul.list li {
	position: relative;
	padding-left: 30px;
}
ul.list li,  ol.list li {
	margin-bottom: 4px;
}
ul.list li {
	list-style: none;
}
ul.list li:before {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	font-family: 'fontello';
}
ul.list li.type-1:before {
	content: '\ed4d';
	font-size: 13px;
}
ul.list li.type-2:before {
	content: '\eb43';
}
ul.list li.type-3:before {
	content: '\e8c0';
}
ul.list li.type-4:before {
	content: '\ec84';
}
ul.list li.type-5:before {
	content: '\e8b2';
}
.no-list {
	margin-bottom: 40px;
}
.no-list li {
	list-style: none;
}
/* -------------------------------------------------- */
	/*	Map
	/* -------------------------------------------------- */
	
.google_map {
	position: relative;
	width: 100%;
	height: 400px;
}
.google_map img {
	max-width: none;
}
.google_map_expand {
	position: relative;
	overflow: hidden;
}
.google_map_toggle {
	position: relative;
	width: 100%;
	height: 140px;
	cursor: pointer;
}
.google_map_toggle:after {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.5);
	visibility: visible;
	content: "";
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
}
.google_map_toggle.expand:after {
	visibility: hidden;
	opacity: 0;
}
.google_map_toggle:hover:after {
	background-color: rgba(255,255,255,.2);
}
.google_map_close {
	position: absolute;
	left: 50%;
	bottom: -40px;
	display: block;
	margin-left: -25px;
	width: 50px;
	height: 40px;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
	-webkit-transition: bottom .35s ease;
	transition: bottom .35s ease;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.google_map_close.active {
	bottom: 0;
	-webkit-transition: bottom .35s ease .35s;
	transition: bottom .35s ease .35s;
}
.google_map_close:before {
	color: #f85c37;
	content: "\e83e";
	text-align: center;
	font-size: 21px;
	font-family: 'fontello';
	line-height: 42px;
}
/* ---------------------------------------------------------------------- */
/*	Other
/* ---------------------------------------------------------------------- */

	/* -------------------------------------------------- */
	/*	Back Top
	/* -------------------------------------------------- */

#back-top {
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 999;
	overflow: hidden;
	display: none;
	width: 50px;
	height: 50px;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	background-color: rgba(255,255,255,.25);
	text-align: center;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}
#back-top:after {
	display: block;
	text-align: center;
	color: #e1e1e1;
	font-size: 20px;
	font-family: 'fontello';
	content: "\ed4e";
	line-height: 48px;
	-webkit-transition: color .25s ease, -webkit-transform 2s ease;
	transition: color .25s ease, transform 2s ease;
}
#back-top:hover {
	border-color: transparent;
	background-color: #000;
}
#back-top:hover:after {
	color: #fff;
}