/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */

/* cform.css */

div.wpcf7 {

	margin: 0;

	padding: 0;

}

div.wpcf7-response-output {

	margin: 2em 0.5em 1em;

	padding: 0.2em 1em;

}

div.wpcf7 .screen-reader-response {

	position: absolute;

	overflow: hidden;

	clip: rect(1px, 1px, 1px, 1px);

	height: 1px;

	width: 1px;

	margin: 0;

	padding: 0;

	border: 0;

}

div.wpcf7-mail-sent-ok {

	border: 2px solid #398f14;

}

div.wpcf7-mail-sent-ng {

	border: 2px solid #ff0000;

}

div.wpcf7-spam-blocked {

	border: 2px solid #ffa500;

}

div.wpcf7-validation-errors {

	border: 2px solid #f7e700;

}

span.wpcf7-form-control-wrap {

	position: relative;

}

span.wpcf7-not-valid-tip {

	color: #f00;

	font-size: 1em;

	display: block;

}

.use-floating-validation-tip span.wpcf7-not-valid-tip {

	position: absolute;

	top: 20%;

	left: 20%;

	z-index: 100;

	border: 1px solid #ff0000;

	background: #fff;

	padding: .2em .8em;

}

span.wpcf7-list-item {

	margin-left: 0.5em;

}

.wpcf7-display-none {

	display: none;

}

div.wpcf7 img.ajax-loader {

	border: none;

	vertical-align: middle;

	margin-left: 4px;

}

div.wpcf7 div.ajax-error {

	display: none;

}

div.wpcf7 .placeheld {

	color: #888;

}

/* tp_twitter_plugin.css */

.tp_recent_tweets {

	float: left;

	clear: left;

}

.tp_recent_tweets li {

	background-image: url('../images/tweet.png');

	background-repeat: no-repeat;

	background-position: 0px 4px;

	padding-left: 30px;

	padding-bottom: 20px;

	float: left;

	clear: left;

	line-height: 20px;

	list-style-type: none;

}

.tp_recent_tweets li a {

	font-weight: bold;

}

.tp_recent_tweets .twitter_time {

	color: #999;

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

}

/* style.css */



/******************* Background ********************/



html {

	background-color: #fff;

}

/********************** Fonts **********************/

body, button, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea, select {

	font-family: Open Sans, Arial, Tahoma, "Microsoft YaHei", sans-serif;

	font-weight: normal;

}

#menu > ul > li > a {

	font-family: Open Sans, Arial, Tahoma, "Microsoft YaHei", sans-serif;

	font-weight: normal;

}

h1 {

	font-family: Open Sans, Arial, Tahoma, "Microsoft YaHei", sans-serif;

	font-weight: 300;

}

h2 {

	font-family: Open Sans, Arial, Tahoma, "Microsoft YaHei", sans-serif;

	font-weight: 300;

}

h3 {

	font-family: Open Sans, Arial, Tahoma, "Microsoft YaHei", sans-serif;

	font-weight: 300;

}

h4 {

	font-family: Open Sans, Arial, Tahoma, "Microsoft YaHei", sans-serif;

	font-weight: 300;

}

h5 {

	font-family: Open Sans, Arial, Tahoma, "Microsoft YaHei", sans-serif;

	font-weight: 300;

}

h6 {

	font-family: Open Sans, Arial, Tahoma, "Microsoft YaHei", sans-serif;

	font-weight: 300;

}

/********************** Font sizes **********************/

/* Body */

body {

	font-size: 13px;

	line-height: 20px;

}

#menu > ul > li > a {

	font-size: 13px;

}

/* Headings */

h1 {

	font-size: 43px;

	line-height: 43px;

}

h2 {

	font-size: 40px;

	line-height: 40px;

}

h3 {

	font-size: 28px;

	line-height: 30px;

}

h4 {

	font-size: 25px;

	line-height: 29px;

}

h5 {

	font-size: 19px;

	line-height: 24px;

}

h6 {

	font-size: 15px;

	line-height: 18px;

}

/* responsiveslides.css */

/*! http://responsiveslides.com v1.32 by @viljamis */

.rslides {

	position: relative;

	list-style: none;

	overflow: hidden;

	width: 100%;

	padding: 0;

	margin: 0;

}

.rslides li {

	position: absolute;

	display: none;

	width: 100%;

	left: 0;

	top: 0;

}

.rslides li:first-child {

	position: relative;

	display: block;

	float: left;

}

.rslides img {

	display: block;

	height: auto;

	float: left;

	width: 100%;

	border: 0;

}

/* base.css */



/* Table of Content

==================================================

	#Reset & Basics

	#Basic Styles

	#Site Styles

	#Typography

	#Links

	#Lists

	#Images

	#Buttons

	#Forms

	#Misc */





/* #Reset & Basics (Inspired by E. Meyers)

================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/* #Basic Styles

================================================== */

body {

	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */

	-webkit-text-size-adjust: 100%;

	overflow-x: hidden;

}

/* #Typography

================================================== */



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

	font-weight: inherit;

}

h1 {

	margin-bottom: 0;

}

h2 {

	margin-bottom: 15px;

}

h3 {

	margin-bottom: 15px;

}

h4 {

	margin-bottom: 15px;

}

h5 {

	margin-bottom: 15px;

}

h6 {

	margin-bottom: 15px;

}

p {

	margin: 0 0 15px 0;

}

em, i {

	font-style: italic;

}

b, strong {

	font-weight: bold;

}

small {

	font-size: 80%;

}

hr {

	display: block;

	border: none;

	outline: none;

	height: 1px;

	width: 100%;

	margin-bottom: 15px;

	clear: both;

	background-color: #EBEAEA;

	color: #EBEAEA;

}

.highlight {

	padding: 0 8px;

}

/* #Links

================================================== */

a, a:visited, a:focus {

	text-decoration: none;

	outline: 0;

}

a:hover {

	text-decoration: underline;

}

p a, p a:visited {

	line-height: inherit;

}

/* #Images

================================================== */



img.scale-with-grid, #Content img {

	max-width: 100%;

	height: auto;

}

iframe {

	max-width: 100%;

}

/* #Buttons

================================================== */



a.tp-button {

	background: none;

	font-family: inherit !important;

	height: auto !important;

	line-height: inherit !important;

	border-radius: 0px;

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px;

	letter-spacing: 0 !important;

	text-shadow: 0 0 0 !important;

	font-weight: normal;

}

.tp-button:hover {

}

a.button, a.tp-button {

	display: inline-block;

	padding: 9px 18px;

	text-transform: uppercase;

	font-size: 13px;

	line-height: 13px;

	margin-bottom: 15px;

	-webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.25) inset !important;

	box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.25) inset !important;

	-webkit-border-radius: 4px;

	border-radius: 4px;

}

a.button, a.tp-button span {

	margin-right: 10px;

}

a.button_small {

	font-size: 13px;

	padding: 8px 23px;

}

a.button_large {

	font-size: 16px;

	padding: 13px 30px;

}

a:hover.button, a:hover.tp-button {

	text-decoration: none;

}

#comments .commentlist > li .reply a.comment-reply-link {

	-webkit-box-shadow: inset 0px -15px 15px 0px rgba(0, 0, 0, 0.10);

	box-shadow: inset 0px -15px 15px 0px rgba(0, 0, 0, 0.10);

}

#comments .commentlist > li .reply a:hover.comment-reply-link {

	-webkit-box-shadow: inset 0px -15px 15px 0px rgba(0, 0, 0, 0.15);

	box-shadow: inset 0px -15px 15px 0px rgba(0, 0, 0, 0.15);

}

button, input[type="submit"], input[type="reset"], input[type="button"] {

	border-width: 0px;

	border-style: solid;

	display: inline-block;

	padding: 9px 21px;

	font-size: 14px;

	line-height: 14px;

	margin-bottom: 15px;

	text-decoration: none;

	cursor: pointer;

	overflow: visible;

	-webkit-box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.13) inset;

	box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.13) inset;

}

button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {

}

/* #Control Button

	================================================== */

a.control_button, span.control_button {

	display: block;

	float: left;

	margin: 0 2px;

	overflow: hidden;

	background: #ccc;

	-webkit-border-radius: 22px;

	-moz-border-radius: 22px;

	border-radius: 22px;

	border-width: 1px;

	border-style: solid;

}

a.control_button span, span.control_button span {

	display: block;

	width: 22px;

	height: 22px;

	overflow: hidden;

	text-indent: -9999px;

}

.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {

	width: 100%;

	padding-left: 0 !important;

	padding-right: 0 !important;

	text-align: center;

}



	/* Fix for odd Mozilla border & padding issues */

	button::-moz-focus-inner, input::-moz-focus-inner {

 border: 0;

 padding: 0;

}

/* #Forms

================================================== */



form {

	margin-bottom: 0;

}

fieldset {

	margin-bottom: 0;

}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select {

	border: 0;

	padding: 10px;

	outline: none;

	margin: 0;

	width: 230px;

	max-width: 100%;

	display: block;

	margin-bottom: 20px;

	font-size: 13px;

	border-bottom-width: 1px;

	border-style: solid;

}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {

}

textarea {

	min-height: 60px;

}

label, legend {

	display: block;

	font-weight: bold;

	font-size: 13px;

}

input[type="checkbox"] {

	display: inline;

}

/* #Misc

================================================== */

.remove-bottom {

	margin-bottom: 0 !important;

}

.half-bottom {

	margin-bottom: 10px !important;

}

.add-bottom {

	margin-bottom: 20px !important;

}

/* buttons.css */



/* Button red */

a.button.button_red, a.tp-button.red {

	background-color: #FC2A2A;

	color: #fff;

}

a:hover.button.button_red, a:hover.tp-button.red {

	background-color: #E31212;

	color: #fff;

}

/* Button orange */



a.button.button_orange, a.tp-button.orange {

	background-color: #FF6E00;

	color: #fff;

}

a:hover.button.button_orange, a:hover.tp-button.orange {

	background-color: #FF5500;

	color: #fff;

}

/* Button green */



a.button.button_green {

	background-color: #1BB852;

	color: #fff;

}

a:hover.button.button_green {

	background-color: #02AE3F;

	color: #fff;

}

/* Button green */



a.tp-button.green {

	background-color: #60d1c7;

	color: #fff;

}

a:hover.tp-button.green {

	background-color: #3fb4aa;

	color: #fff;

}

/* Button blue */



a.button.button_blue, a.tp-button.blue {

	background-color: #058BD3;

	color: #fff;

}

a:hover.button.button_blue, a:hover.tp-button.blue {

	background-color: #0375B3;

	color: #fff;

}

/* Button seagreen */



a.button.button_yellow {

	background-color: #FFCC28;

	color: #885a29;

}

a:hover.button.button_yellow {

	background-color: #FFC200;

	color: #885a29;

}

/* Button darkgrey */



a.tp-button.darkgrey {

	background-color: #555555;

	color: #fff;

}

a:hover.tp-button.darkgrey {

	background-color: #4c4c4c;

	color: #fff;

}

/* Button lightgrey */



a.tp-button.lightgrey {

	background-color: #878787;

	color: #fff;

}

a:hover.tp-button.lightgrey {

	background-color: #7f7f7f;

	color: #fff;

}

/* grid.css */



/* #Base 1200 Grid

================================================== */



body {

	min-width: 1240px;

}

#Wrapper {

	width: 1240px;

	margin: 0px auto;

	background-color: #fff;

}

.layout-full-width {

	padding: 0;

}

.layout-full-width #Wrapper {

	width: 100% !important;

	margin: 0 !important;

}

/* #Content

=============================== */



#Content {

	width: 100%;

	padding: 30px 0;

}

.section {

}

.section_wrapper, .container {

	width: 1200px;

	margin: 0 auto;

	position: relative;

}

.section_wrapper:after, .container:after {

	clear: both;

	content: " ";

	display: block;

	height: 0;

	visibility: hidden;

}

.column, .columns {

	float: left;

	margin: 0 1% 20px;

}

.column.divider {

	margin: 0;

}

.the_content_wrapper {

	margin: 0 1%;

}

/* .with_aside */



.single-post .content_wrapper, .single-portfolio .content_wrapper, .with_aside .content_wrapper {

	width: 1200px;

	margin: 0 auto;

}

.with_aside .sections_group {

	width: 75%;

	float: left;

}

.single-post .section_wrapper, .single-portfolio .section_wrapper, .with_aside .section_wrapper {

	width: 100%;

}

.with_aside .four.columns {

	float: right;

}

.aside_left .sections_group {

	float: right;

}

.aside_left .four.columns {

	float: left;

}

/* sidebars for sections */



.right-sidebar .items_group {

	width: 75%;

	float: left;

}

.right-sidebar .four.columns {

	float: right;

}

.left-sidebar .items_group {

	width: 75%;

	float: right;

}

.left-sidebar .four.columns {

	float: left;

}

/* #Base Grid

=============================== */



.four.columns, .one-fourth.column {

	width: 23%;

}			/* 1/4 */

.one-third.column {

	width: 31.333%;

}		/* 1/3 */

.one-second.column {

	width: 48%;

}			/* 1/2 */

.two-third.column {

	width: 64.666%;

}		/* 2/3 */

.three-fourth.column {

	width: 73%;

}			/* 3/4 */

.one.column {

	width: 98%;

}			/* 1/1 */

/* #Clearing

================================================== */



/* Self Clearing Goodness */

.container:after {

	content: "\0020";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */

.clearfix:before, .clearfix:after, .row:before, .row:after {

	content: '\0020';

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}

.row:after, .clearfix:after {

	clear: both;

}

.row, .clearfix {

	zoom: 1;

}

/* You can also use a <br class="clear" /> to clear columns */

.clear {

	clear: both;

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}

/* layout.css */



/* #Global

================================================== */



.the_content pre {

	margin-bottom: 20px

}

.rev_slider iframe {

	max-width: 1220px;

}

/* #Slider controls

================================================== */

a.slider_control, a.rslides_nav {

	width: 20px !important;

	height: 40px !important;

	display: block;

	overflow: hidden;

	cursor: pointer;

	background: url("../images/slider_pager.png");

}

a.slider_control_prev, a.rslides_nav.prev {

	background-position: left top !important;

}

a.slider_control_next, a.rslides_nav.next {

	background-position: right top !important;

}

a.slider_control, a.rslides_nav {

	opacity: 0.05;

	filter: alpha(opacity=5);

}

.column:hover a.slider_control, .column:hover a.rslides_nav {

	opacity: 0.20;

	filter: alpha(opacity=20);

}

a:hover.slider_control, a:hover.rslides_nav {

	opacity: 0.40 !important;

	filter: alpha(opacity=40) !important;

}

ul.rslides_tabs {

	text-align: center;

	width: 100%;

}

ul.rslides_tabs li {

	display: inline-block;

	margin: 0 5px;

}

ul.rslides_tabs li a {

	display: block;

	width: 20px;

	height: 2px;

	text-indent: -9999px;

	overflow: hidden;

	background: #fff;

	opacity: 0.20;

	filter: alpha(opacity=20);

}

ul.rslides_tabs li.rslides_here a {

	opacity: 1;

	filter: alpha(opacity=100);

}

a.prev_page, a.next_page {

	width: 32px;

	height: 32px;

	overflow: hidden;

	text-indent: -9999px;

	background: url("../images/pager.png");

}

a:hover.prev_page, a:hover.next_page {

}

a.prev_page {

	background-position: left top;

}

a.next_page {

	background-position: right top;

}

a:hover.prev_page {

	background-position: left bottom;

}

a:hover.next_page {

	background-position: right bottom;

}

/* #Pager

================================================== */

.container .the_content .one.column.pager_wrapper {

	margin: 0 !important;

	width: 100% !important;

}

.pager {

	overflow: hidden;

	padding: 0px 55px 0px;

	position: relative;

	height: 32px;

}

.pager a {

	display: inline-block !important;

}

.pager a.active {

	font-weight: bold;

}

.pager a.page {

	line-height: 32px;

	margin: 0 3px;

}

.pager .next_page {

	position: absolute;

	right: 0px;

	top: 0px;

	text-indent: -9999px;

}

.pager .prev_page {

	position: absolute;

	left: 0px;

	top: 0px;

	text-indent: -9999px;

}

/* #Rev slider controls

================================================== */

.tp-leftarrow.default, .tp-rightarrow.default {

	width: 42px;

	height: 64px;

	background: url("../images/rev_slider_controls.png") no-repeat;

}

.tp-leftarrow.default {

	background-position: 0 0 !important;

}

.tp-leftarrow.default:hover {

	background-position: -42px 0 !important;

}

.tp-rightarrow.default {

	background-position: -84px 0 !important;

}

.tp-rightarrow.default:hover {

	background-position: -126px 0 !important;

}

/* #Top bar

================================================== */

#top_bar {

	background: #373737;

	color: #BEBEBE;

	padding: 8px 15px;

	font-size: 12px;

	overflow: hidden;

}

#top_bar p {

	margin-bottom: 0;

	display: inline-block;

}

#top_bar i {

	color: #fff;

}

#top_bar .slogan {

	float: left;

}

#top_bar .contact_info {

	float: right;

}

#top_bar .contact_info p {

	margin-left: 10px;

}

#top_bar .contact_info p i {

	margin-right: 6px;

}

/* #Header

================================================== */

#Header {

}

#Header .one {

	z-index: 201;

	margin-bottom: 0;

}

#Header a.responsive-menu-toggle {

	display: none;

}

#Header .logo {

	float: left;

}

#Header .logo h1 {

	line-height: 0;

	font-size: 0;

}

#Header #logo {

	display: block;

	overflow: hidden;

	height: 110px;

	line-height: 110px;

	padding: 10px 20px

}

#Header #logo:hover {

	text-decoration: none;

}

#Header #logo img {

	vertical-align: middle;

}

#Header .addons {

	position: absolute;

	right: 0;

	top: 15px;

}

#Header .social {

	float: right;

	margin-right: 15px;

	padding-top: 2px;

}

#Header #searchform {

	float: right;

	position: relative;

	min-width: 26px;

}

#Header #searchform input[type="text"] {

	width: 0px;

	padding: 9px 0 9px 0px;

	color: rgba(255,255,255, 0);

	background: none !important;

	margin: 0;

	-webkit-transition: all 0.4s linear 0s;

	-moz-transition: all 0.4s linear 0s;

	-o-transition: all 0.4s linear 0s;

	transition: all 0.4s linear 0s;

}

#Header #searchform a.icon {

	position: absolute;

	left: 0;

	top: 3px;

	width: 23px;

	height: 23px;

	line-height: 21px;

	font-size: 14px;

	text-align: center;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	display: block;

}

#Header #searchform a:hover.icon {

	text-decoration: none;

}

#Header #searchform.focus input[type="text"] {

	width: 150px;

	padding: 9px 5px 9px 33px;

	color: #9CA8AB;

}

#Header .language {

	float: right;

	margin-right: 20px;

	position: relative;

}

#Header .language > a {

	line-height: 30px;

	display: block;

	color: #aaa;

}

#Header .language > a:hover {

	text-decoration: none;

}

#Header .language > a i {

	margin-right: 5px;

}

#Header .language .language_select {

	position: absolute;

	left: 0px;

	top: 100%;

	width: 120px;

	z-index: 205;

	margin-left: -20px;

	display: none;

}

#Header .language:hover .language_select {

	display: block;

}

#Header .language .language_select span.arrow {

	margin: 0 auto;

	width: 0px;

	height: 0px;

	display: block;

	border-bottom: 8px solid #F9F9F9;

	border-right: 8px solid transparent;

	border-left: 8px solid transparent;

}

#Header .language .language_select ul {

	padding: 7px;

	background: #F9F9F9;

}

#Header .language .language_select ul li {

	border-bottom: 1px solid rgba(0, 0, 0, 0.05);

}

#Header .language .language_select ul li:last-child {

	border-bottom: 0;

}

#Header .language .language_select ul li a {

	font-size: 12px;

	display: block;

	text-align: center;

	padding: 1px 0px;

	color: #8B8B8B;

}

#Header .language .language_select ul li a:hover {

	text-decoration: none;

	color: #5F5F5F;

	background: rgba(255, 255, 255, 0.8);

}

/* main menu 1st level */

#Header #menu {

	float: right;

	margin: 60px 0 20px;

	display: block;

}

#Header .menu {

	position: relative;

	text-align: center;

}

#Header .menu > li {

	margin: 0;

	position: relative;

	z-index: 203;

	display: inline-block;

	color: rgba(0, 0, 0, .2);

	padding-bottom: 1px;

}

#Header .menu > li em {

	font-style: normal;

}

#Header .menu > li.hover {

	z-index: 204;

	padding-bottom: 0;

}

#Header .menu > li.hover > a {

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

#Header .menu > li > a {

	font-weight: bold;

	text-transform: uppercase;

	display: inline-block;

	white-space: nowrap;

	margin: 0 13px;

	padding: 15px 0px;

}

#Header .menu > li > a:hover {

	text-decoration: none;

}

/* main menu 2nd level */

#Header .menu li ul {

	position: absolute;

	left: 0px;

	top: 100%;

	z-index: 205;

	margin: 0;

	padding: 10px 0 10px 0;

	display: none;

	text-align: center;

}

#Header .menu li ul li {

	padding: 0 0;

	width: 180px;

	position: relative;

	font-weight: normal;

}

#Header .menu li ul li a {

	padding: 5px 20px 5px 15px;

	display: block;

}

#Header .menu li ul li a:hover {

	text-decoration: none;

}

#Header .menu li ul li a .menu-arrow {

	display: block;

	position: absolute;

	right: 10px;

	top: 6px;

	font-size: 7px;

}

#Header .menu li ul li.hover .menu-arr-top {

	width: 0;

	height: 0;

	position: absolute;

	right: -6px;

	top: 10px;

	z-index: 206;

	display: block !important;

	border-left: 6px solid #fff;

	border-top: 6px solid transparent;

	border-bottom: 6px solid transparent;

}

#Header .menu li ul li.hover .menu-arr-bottom {

	width: 0;

	height: 0;

	position: absolute;

	right: -7px;

	top: 9px;

	z-index: 205;

	display: block !important;

	border-left: 7px solid rgba(0, 0, 0, 0.14);

	border-top: 7px solid transparent;

	border-bottom: 7px solid transparent;

}

/* main menu 3rd level */

#Header .menu li ul li ul {

	position: absolute;

	left: 180px;

	top: -10px;

	z-index: 204;

	padding: 10px 0 10px 0;

	border-left: 1px solid rgba(0, 0, 0, 0.1);

}

/* main menu .last-item */

#Header .menu li ul li.last-item > a, #Header .menu li ul li ul li.last-item > a {

	border-bottom-width: 0px;

}

/* main menu .last */

#Header .menu li.last ul li ul {

	right: 180px;

	left: auto;

	border-left: 0;

	border-right: 1px solid rgba(0, 0, 0, 0.1);

}

#Header .menu li.last ul li.hover .menu-arr-top {

	display: none !important;

}

#Header .menu li.last ul li.hover .menu-arr-bottom {

	display: none !important;

}

#menu_responsive {

	display: none;

}

/* Mega menu */

#megaMenu {

	float: right !important;

	margin: 70px 0 20px;

}

#megaMenu.megaFullWidth {

	margin: 0 0 20px;

}



/* sticky header - desktop only */

@media only screen and (min-width: 960px) {

#Header.is-sticky {

	position: fixed;

	width: 100%;

	left: 0;

	top: 0;

	background: rgba(255,255,255,.95);

	z-index: 701;

}

#Header.is-sticky #menu {

	margin: 0;

}

#Header.is-sticky #megaMenu {

	margin: 5px 0;

}

#Header.is-sticky #logo {

	line-height: 33px;

	height: 33px;

}

#Header.is-sticky #logo img {

	max-height: 100%;

	width: auto !important;

	transition: .20s ease-in-out;

	-o-transition: .20s ease-in-out;

	-moz-transition: .20s ease-in-out;

	-webkit-transition: .20s ease-in-out;

}

}

/* #subpage header

================================================== */

#Subheader {

	background-position: top center;

	background-repeat: no-repeat;

}

#Subheader .one {

	margin-bottom: 0;

}

#Subheader .title {

	margin: 30px 0;

	font-size: 43px;

	line-height: 45px;

}

/* #breadcrumbs

================================================== */

#Breadcrumbs {

}

#Breadcrumbs .one {

	margin-bottom: 0;

	border-bottom-width: 1px;

	border-style: solid;

}

#Breadcrumbs ul.breadcrumbs {

	overflow: hidden;

	padding: 15px 0;

}

#Breadcrumbs ul.breadcrumbs li {

	display: inline-block;

	margin-left: 10px;

	margin-bottom: 0;

}

#Breadcrumbs ul.breadcrumbs li span {

	padding-left: 5px;

	opacity: 0.6;

	filter: alpha(opacity=60);

}

#Breadcrumbs ul.breadcrumbs li.home, ul.breadcrumbs li.last {

	background: none;

	padding-right: 0;

}

#Breadcrumbs ul.breadcrumbs li.last span {

	display: none;

}

/* #Content

================================================== */

.widget-area {

	position: relative;

	padding: 0px;

}

.the_content {

	margin: 0;

	overflow: hidden;

	clear: both;

}

/* #Error 404

================================================== */

#Error_404 {

	width: 100%;

}

#Error_404 .error {

	clear: both;

	text-align: center;

	padding: 30px 0 30px;

}

#Error_404 .error h2 {

	font-size: 70px;

	line-height: 70px;

	margin-bottom: 25px;

}

#Error_404 .error h4 {

	margin-bottom: 55px;

	font-size: 24px;

	line-height: 27px;

}

#Error_404 .error p {

	margin-bottom: 0;

}

#Error_404 .error p .check {

	line-height: 45px;

	font-size: 16px;

}

#Error_404 .error p em {

	font-style: italic;

	font-size: 17px;

	font-family: Georgia, "Microsoft YaHei", serif;

	padding: 0 15px;

}

#Error_404 .error p a.button {

	position: relative;

}

/* #Blog

================================================== */

.post {

	margin-bottom: 40px;

	overflow: hidden;

}

.post > .photo {

	width: 33%;

	float: left;

	margin-right: 2%;

	line-height: 0;

}

.post > .desc {

	width: 65%;

	float: left;

}

.post > .desc > h3 {

	margin: 0;

	font-size: 40px;

	line-height: 42px;

	margin: 0 0 10px;

}

.post > .desc h3 a {

	text-decoration: none;

}

.post > .desc .meta {

	border-bottom-width: 1px;

	border-style: solid;

	padding: 10px 0;

	margin: 0 0 20px;

}

.post > .desc .meta i {

	margin-right: 3px;

}

.post > .desc .meta div {

	display: inline-block;

}

.post > .desc .meta span.sep {

	display: inline-block;

	margin: 0 10px;

}

.post > .desc .post_content {

}

.post > .desc .post_content a.button {

	margin-bottom: 0px;

}

.post > .desc .footer {

	padding: 0px 0 10px;

	font-size: 12px;

	border-bottom-width: 1px;

	border-style: solid;

}

.post > .desc .footer p.tags {

	margin: 0;

}

.post.no-photo > .desc {

	width: 100%;

	float: none;

}

.post .share {

	margin: 15px 0 0;

}

.post > .photo iframe {

	width: 100%;

}

.one-second.post, .one-third.post, .one-fourth.post {

}

.one-second.post > .photo, .one-third.post > .photo, .one-fourth.post > .photo {

	width: 100%;

	float: none;

	margin-bottom: 15px;

}

.one-second.post > .desc, .one-third.post > .desc, .one-fourth.post > .desc {

	width: 100%;

	float: none;

}

.one-second.post > .desc h3, .one-third.post > .desc h3, .one-fourth.post > .desc h3 {

	margin-bottom: 5px;

	font-size: 23px;

	line-height: 23px;

}

.one-second.post > .desc .post_content, .one-third.post > .desc .post_content, .one-fourth.post > .desc .post_content {

	display: none;

}

.one-second.post > .desc .footer, .one-third.post > .desc .footer, .one-fourth.post > .desc .footer {

	display: none;

}

.single-post .post {

	padding: 0 10px;

}

/* #Comments

================================================== */

#comments {

	margin-top: 20px;

}

#comments .commentlist {

	margin-left: 0;

	list-style-type: none;

}

#comments .commentlist > li {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	margin-bottom: 15px;

}

#comments .commentlist > li > .children {

	margin-bottom: 15px;

}

#comments .commentlist > li .photo {

	display: block;

	width: 64px;

	height: 64px;

	float: left;

	margin-right: 15px;

	overflow: hidden;

	padding: 2px;

	border-width: 1px;

	border-style: solid;

	line-height: 0;

}

#comments .commentlist > li .comment-author {

	font-size: 13px;

	font-weight: bold;

}

#comments .commentlist > li .comment-author a {

}

#comments .commentlist > li .comment-meta {

	font-size: 12px;

	font-style: italic;

}

#comments .commentlist > li .comment-meta a {

}

#comments .commentlist > li .comment-meta a.comment-edit-link {

	float: right;

	padding-right: 52px;

	position: relative;

	top: -20px;

}

#comments .commentlist > li p {

	padding-left: 80px;

	margin: 4px 0 10px;

}

#comments .commentlist > li .reply {

	position: absolute;

	right: 0;

	top: 0;

}

#comments .commentlist > li .reply a.comment-reply-link {

	font-size: 11px;

	padding: 3px 6px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

#comments .commentlist > li .reply a:hover.comment-reply-link {

	text-decoration: none;

}

#comments .commentlist li {

	overflow: hidden;

}

#comments .commentlist li .comment-body {

	margin-bottom: 15px;

	position: relative;

	padding-bottom: 15px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

}

#comments .commentlist li .comment-body.last {

	padding-bottom: 0;

}

#comments .commentlist li .comment-body.lastBorder {

	border-bottom: 0;

	margin-bottom: 0;

}

#comments .commentlist .children {

	margin-bottom: 0px;

	margin-left: 30px;

	padding-left: 50px;

}

#comments .commentlist .children li {

	margin-bottom: 0;

}

#comments #comments-title {

	font-size: 26px;

	line-height: 28px;

	margin-bottom: 20px;

}

#comments #comments-title span {

	font-style: italic;

}

/* #Respond

================================================== */

#respond {

	overflow: hidden;

}

#respond p {

	margin-bottom: 5px;

	padding-left: 0 !important;

}

#respond .comment-notes .required {

	position: static;

}

#respond input[type="text"] {

	margin-bottom: 0;

}

#respond label {

	margin-bottom: 3px;

}

#respond .required {

	position: absolute;

	right: 10px;

	top: 30px;

}

#respond .comment-form-author {

	width: 31%;

	margin-right: 2% !important;

	float: left;

	position: relative;

}

#respond .comment-form-email {

	width: 31%;

	margin-right: 2% !important;

	float: left;

	position: relative;

}

#respond .comment-form-url {

	width: 33%;

	float: left;

	position: relative;

}

#respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select {

	width: 91%;

}

#respond .comment-form-comment {

	width: 98%;

}

#respond .comment-form-comment textarea {

	width: 98%;

	margin-bottom: 10px;

}

#respond .form-submit {

	overflow: hidden;

}

#respond .form-submit input[type="submit"] {

	float: right !important;

}

#respond .form-allowed-tags {

}

#respond .form-allowed-tags code {

	margin-top: 10px;

}

/* #Single portfolio

================================================== */

#Content .single-portfolio {

	padding: 0 10px;

}

.single-portfolio .photo {

	line-height: 0;

	margin-bottom: 15px;

}

.single-portfolio .sp-inside {

	overflow: hidden;

	position: relative;

	min-height: 260px;

}

.single-portfolio .sp-inside .sp-inside-left {

	border-right-width: 1px;

	border-right-style: solid;

	padding-right: 20px;

	position: absolute;

	left: 0;

	top: 0;

	padding-top: 10px;

	width: 180px;

}

.single-portfolio .sp-inside .sp-inside-right {

	padding-left: 220px;

	padding-top: 10px;

	padding-bottom: 0px;

}

.single-portfolio .sp-inside .sp-inside-left dt {

	font-weight: bold;

	display: block;

}

.single-portfolio .sp-inside .sp-inside-left dd {

	display: block;

	padding: 5px 0 10px 10px;

}

.single-portfolio .sp-inside .sp-inside-left dd.date {

	font-style: italic;

}

.single-portfolio .sp-inside .sp-inside-right footer {

	overflow: hidden;

}

.single-portfolio .sp-inside .sp-inside-right footer .button {

	float: right;

	margin-bottom: 0;

}

.single-portfolio .photo iframe {

	width: 100%;

	height: 535px;

}

.with_aside .single-portfolio .photo iframe {

	height: 397px;

}

/* #Social

================================================== */

.social li {

	display: inline-block;

	margin: 1px 3px;

}

.social li a {

	width: 23px;

	height: 23px;

	line-height: 23px;

	font-size: 23px;

	text-align: center;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	font-family: "Socialico";

	display: block;

	text-decoration: none;

	transition: opacity .20s ease-in-out;

	-o-transition: opacity .20s ease-in-out;

	-moz-transition: opacity .20s ease-in-out;

	-webkit-transition: opacity .20s ease-in-out;

}

.social li a:hover {

}

/* #Contact form

================================================== */

.wpcf7 span.wpcf7-form-control-wrap {

	width: 100%;

}

.wpcf7-not-valid-tip {

	position: absolute !important;

	left: -50px !important;

	top: 0 !important;

	width: 44px !important;

	height: 38px !important;

	padding: 0 !important;

	background: url("../images/contact_form_error.png") !important;

	overflow: hidden;

	text-indent: -9999px !important;

	padding: 0;

	border: none !important;

}

.wpcf7-validation-errors {

	border: 0;

	display: none !important;

}

.wpcf7-mail-sent-ok {

	border: none !important;

	margin: 25px 0 0 0 !important;

	padding: 7px 10px !important;

	background: #7DCC68 !important;

	color: #fff;

	font-size: 14px;

	text-align: center;

}

.wpcf7-captchar {

	margin-bottom: 0;

}

span.wpcf7-form-control-wrap {

	position: relative !important;

	display: inline-block;

	margin-bottom: 2px;

}

span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-textarea {

	width: 100%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	margin-bottom: 0;

}

.wpcf7-submit {

	margin-bottom: 0;

}

#popup_contact {

	position: fixed;

	right: 20px;

	bottom: 20px;

	z-index: 701;

}

#popup_contact > a {

	display: block;

	width: 45px;

	height: 45px;

	line-height: 43px;

	font-size: 20px;

	text-align: center;

}

#popup_contact > a:hover {

	text-decoration: none;

}

#popup_contact .popup_contact_wrapper {

	width: 250px;

	padding: 20px;

	background: #fbfbfb;

	position: absolute;

	bottom: 60px;

	right: 0;

	display: none;

}

#popup_contact.focus .popup_contact_wrapper {

	display: block;

}

#popup_contact .popup_contact_wrapper span.arrow {

	position: absolute;

	right: 15px;

	bottom: -8px;

	margin: 0 auto;

	width: 0px;

	height: 0px;

	display: block;

	border-top: 8px solid #fbfbfb;

	border-right: 8px solid transparent;

	border-left: 8px solid transparent;

}

#popup_contact .popup_contact_wrapper form {

}

#popup_contact .popup_contact_wrapper form input[type="text"], #popup_contact .popup_contact_wrapper form input[type="email"], #popup_contact .popup_contact_wrapper form textarea {

	background: #fff;

	margin-bottom: 10px;

}

#popup_contact .popup_contact_wrapper form textarea {

	resize: vertical;

	min-height: 100px;

}

#popup_contact .popup_contact_wrapper form input[type="submit"] {

	margin: 0;

	float: right;

}

#popup_contact .wpcf7-form.invalid > p:after {

	display: block;

}

#popup_contact .wpcf7-form-control-wrap {

	display: inline-block;

	margin-right: 0;

	width: 100%;

}

#popup_contact div.wpcf7 img.ajax-loader {

	margin-top: 10px;

}

/* #Widgets

================================================== */



.widget {

	clear: both;

	padding: 15px;

}

.widget h3 {

	margin-bottom: 15px;

}

.widgets_wrapper {

}

.widgets_wrapper .column {

	margin-bottom: 0;

}

.widgets_wrapper .widget {

	padding: 30px 0;

	background: none;

}

.widget ul.menu {

}

.widget ul.menu li {

}

.widget ul.menu li a {

	padding: 7px 25px 7px 10px;

	border-bottom-width: 1px;

	border-style: solid;

	display: block;

	position: relative;

}

.widget ul.menu li a .arrow {

	position: absolute;

	left: 5px;

	top: 6px;

}

.widget ul.menu li.current_page_item a, .widget ul.menu li a:hover {

	text-decoration: none;

	background: rgba(255, 255, 255, 0.03);

}

.widget ul.menu li.current_page_item a {

}

.widget ul.menu li.last a, .widget ul.menu li.last-child a {

	border-bottom: 0;

}

.widget_mfn_menu ul.menu li a {

	padding: 7px 25px 7px 35px;

	border-bottom: 1px solid rgba(255, 255, 255, 0.30);

}

.widget_categories {

}

.widget_categories li {

	text-align: right;

	border-bottom: 1px solid rgba(255, 255, 255, 0.30);

	padding: 7px 10px 7px 10px;

	overflow: hidden;

}

.widget_categories li a {

	display: inline-block;

	width: 85%;

	float: left;

	position: relative;

	text-align: left;

}

.widget_categories li a i.icon-angle-right {

	position: absolute;

	right: 10px;

	top: 10px;

	font-size: 12px;

}

.widget_categories li a:hover {

	text-decoration: none;

}

.widget_categories li.last, .widget_categories li:last-child {

	border-bottom: 0;

}

.widget_meta ul {

}

.widget_meta ul li {

}

.widget_meta ul li a {

	padding: 7px 25px 7px 10px;

	border-bottom-width: 1px;

	border-style: solid;

	display: block;

	position: relative;

}

.widget_meta ul li a:hover {

	text-decoration: none;

	background: rgba(255, 255, 255, 0.03);

}

.widget_meta ul li:last-child a {

	border-bottom: 0;

}

.widget_archive {

}

.widget_archive ul {

	overflow: hidden;

}

.widget_archive li {

	width: 50%;

	float: left;

}

.widget_archive li a {

	padding: 7px 5px 7px 10px;

	display: block;

	position: relative;

}

.widget_archive li a:hover {

	text-decoration: none;

	background: rgba(255, 255, 255, 0.03);

}

.widget_archive li:last-child a {

}

.widget_calendar td, .widget_calendar th {

	padding: 2px;

}

.widget_calendar caption {

	padding: 5px;

	font-weight: bold;

}

.dropdown-menu-widget {

}

.dropdown-menu-widget select {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	margin-bottom: 0;

	width: 100%;

}

.widget_tp_widget_recent_tweets {

	overflow: hidden;

}

.widget_tp_widget_recent_tweets ul {

}

.widget_tp_widget_recent_tweets ul li {

	border-bottom-width: 1px;

	border-style: solid;

	padding-bottom: 10px;

	margin-bottom: 10px;

}

.widget_tp_widget_recent_tweets ul li:last-child {

	border-bottom: 0px;

	padding-bottom: 0px;

	margin-bottom: 0px;

}

.widget_search {

}

.widget_search form {

	position: relative;

}

.widget_search input[type="text"] {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	margin-bottom: 0;

	width: 100%;

	padding: 10px 10px 11px;

}

.widget_search input[type="submit"] {

	position: absolute;

	right: 0;

	top: 0px;

	padding: 10px 12px !important;

	margin-bottom: 0;

}

.widget_mfn_call_to_action {

	padding: 0;

}

.widget_mfn_tag_cloud {

}

.widget_mfn_tag_cloud ul {

	margin-bottom: 0;

	overflow: hidden;

}

.widget_mfn_tag_cloud ul li {

	margin: 0;

	padding: 0;

	float: left;

	margin: 0 5px 2px 0;

}

.widget_mfn_tag_cloud a {

	overflow: hidden;

	white-space: nowrap;

	display: inline-block;

	height: 22px;

	text-shadow: 1px 1px 0 #fff;

	font-size: 12px;

	padding-right: 8px;

	margin-right: 1px;

}

.widget_mfn_tag_cloud a:hover {

	text-decoration: none;

}

.widget_mfn_tag_cloud a span {

	padding-left: 8px;

	height: 22px;

	line-height: 22px;

	display: block;

	float: left;

}

#Footer .copyrights {

	overflow: hidden;

	margin: 15px 0 0;

	font-size: 13px;

}

#Footer .copyrights .column {

	margin-bottom: 0;

}

#Footer .copyrights p {

	float: left;

	padding-top: 4px;

}

#Footer .copyrights .social {

	float: right;

	margin-bottom: 15px;

}

/* #Dark

================================================== */

.dark, .dark .latest_posts ul li .desc h6 a, .dark blockquote a, .dark blockquote a:hover {

	color: #fff;

}

.dark h1, .dark h1 a, .dark h1 a:hover {

	color: #fff;

}

.dark h2, .dark h2 a, .dark h2 a:hover {

	color: #fff;

}

.dark h3, .dark h3 a, .dark h3 a:hover {

	color: #fff;

}

.dark h4, .dark h4 a, .dark h4 a:hover {

	color: #fff;

}

.dark h5, .dark h5 a, .dark h5 a:hover {

	color: #fff;

}

.dark h6, .dark h6 a, .dark h6 a:hover {

	color: #fff;

}

.dark a, .dark a:hover {

	color: #fff;

}

/* Borders */

.dark .Recent_comments ul li, .dark .ui-tabs, .get_in_touch ul li, .dark .info_box .inside ul li, .dark code, .dark pre, .dark .widget_calendar td, .dark .widget_calendar th, .dark .widget_tp_widget_recent_tweets ul li, .dark .quick_facts ul li, .dark .widget_nav_menu li a, .dark .widget_meta li a, .dark .Recent_posts ul li {

	border-color: rgba(255, 255, 255, 0.10) !important;

}

/* Recent works */

.dark .recent_works ul li h6 {

	border-top: 1px solid rgba(255, 255, 255, 0.15);

}

.dark .recent_works ul li:hover h6 {

	border-top: 1px solid rgba(255, 255, 255, 0.80);

}

/* Arrows */

.dark .recent_works a.slider_control, .dark .testimonials a.rslides_nav {

	background: url("../images/slider_pager_w.png");

}

.dark .recent_works a.slider_control, .dark .testimonials a.rslides_nav {

	opacity: 0.30;

	filter: alpha(opacity=30);

}

.dark .column:hover .recent_works a.slider_control, .dark .column:hover .testimonials a.rslides_nav {

	opacity: 0.50;

	filter: alpha(opacity=50);

}

.dark .recent_works a:hover.slider_control, .dark .testimonials a:hover.rslides_nav {

	opacity: 0.90 !important;

	filter: alpha(opacity=90) !important;

}

/* Overlays */

.dark .wp-caption .photo .photo_wrapper a .mask, .dark .gallery .gallery-item .gallery-icon .mask, .dark .da-thumbs li a div {

	background: rgba(255, 255, 255, 0.85);

}

.dark .wp-caption .photo .photo_wrapper a i, .dark .gallery .gallery-item .gallery-icon i, .dark .da-thumbs li a div span {

	color: #2c3e50;

}





/* variables.css */



/********************** Backgrounds **********************/

 

	@media only screen and (min-width: 768px) and (max-width: 959px) {

#Header #menu {

	background: #fff;

}

}

	

/************************ Colors *************************/	

	

/* Selections */

	*::-moz-selection {

 color: #fff;

}

*::selection {

	color: #fff;

}

/* Breadcrumbs */	

#Breadcrumbs ul.breadcrumbs li, #Breadcrumbs ul.breadcrumbs li.home a {

	color: #c8cccf;

}

/* Faq & Accordion & Tabs */

.ui-tabs .ui-tabs-nav li {

	border-right: 1px solid #fff;

}

/* Reply button */

#comments .commentlist > li .reply a.comment-reply-link {

	background-color: #C5C9CB;

	color: #fff !important;

}

/* Inputs */

input[type="text"], input[type="tel"], input[type="password"], input[type="email"], textarea, select {

	background: #FdFdFd;

	color: #8E989A;

	border-color: #EBEFF2;

}

input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus {

	border-color: #96CCED;

	background: #E9F5FC !important;

	background: #29A8E1 !important;

	color: #1477B4;

}

/* Team */

.team .links a.link {

	background: #fff;

	color: #565A62 !important;

}

.team .links a:hover.link {

	background: #bac4c5;

	color: #F8F8F8 !important;

}

/* Portfolio */

.Projects_header .categories ul li a {

	color: #636262;

	background: #F8F8F8;

}

/* Widgets */

.widgets_wrapper .Recent_comments ul li, .widgets_wrapper .quick_facts ul li, .widgets_wrapper .widget_calendar td, .widgets_wrapper .widget_calendar th, .widgets_wrapper .Recent_comments ul li, .widgets_wrapper .Recent_posts ul li, .widgets_wrapper .widget ul.menu li a, .widgets_wrapper .widget_categories li, .widgets_wrapper .widget_meta li a, .widgets_wrapper .widget_tp_widget_recent_tweets ul li {

	border-color: rgba(255,255,255, 0.10) !important;

}

/* Menu hover */

.widgets_wrapper .widget ul.menu li.current_page_item a, .widgets_wrapper .widget ul.menu li a:hover, .widgets_wrapper .widget_categories li:hover, .widgets_wrapper .widget_meta li a:hover {

	background: rgba(255, 255, 255, 0.05) !important;

}

/* Portfolio */

.Projects_header .categories ul li.current-cat a {

	color: #fff;

}

.da-thumbs li .title h6 {

	color: #34495E;

}

/* Get in touch */

.get_in_touch ul li i {

	color: #aeb8c1;

}

/* Pricing box */

.pricing-box .plan-header .price {

	color: #5B5B5B;

}

.pricing-box {

	border-color: #F4F4F4;

}

/* Image overlays */

.wp-caption .photo .photo_wrapper a i, .gallery .gallery-item .gallery-icon i, .da-thumbs li a div span {

	color: #fff;

}

/* widget_archive  */

.widget-area .widget_archive {

	background: #F5F5F5;

}

.widget-area .widget_archive h3, .widget-area .widget_archive li a {

	color: #384E65;

}

.widget-area .widget_archive li a:hover {

	color: #112030;

}



/********************** Responsive **********************/



@media only screen and (max-width: 959px) {

#Header .responsive-menu-toggle {

	background: #eff1f2;

	color: #5b6977;

}

#Header #menu > ul > li.current-menu-item > a, #Header #menu > ul > li.current_page_item > a, #Header #menu > ul > li.current-menu-ancestor > a, #Header #menu > ul > li.current_page_ancestor > a {

	background: rgba(0,0,0,.02);

}

}

/* shortcodes.css */



/* Alerts */

.alert {

	margin-bottom: 20px;

	padding: 20px 55px 20px 70px;

	position: relative;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}

.alert .alert_icon {

	font-size: 30px;

	line-height: 30px;

	color: rgba(0,0,0,.4);

	position: absolute;

	left: 30px;

	top: 15px;

	text-align: center;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}

.alert_warning {

	background: #ffe38b;

	color: #9b812e;

}

.alert_warning a, .alert_warning a:hover {

	color: #645012;

}

.alert_warning .alert_icon {

	left: 36px;

}

.alert_error {

	background: #fb5455;

	color: #fff;

}

.alert_error a, .alert_error a:hover {

	color: #9f2e2e;

}

.alert_info {

	background: #3097db;

	color: #fff;

}

.alert_info a, .alert_info a:hover {

	color: #b1e0ff;

}

.alert_info .alert_icon {

	left: 34px;

}

.alert_success {

	background: #a5de5c;

	color: #fff;

}

.alert_success a, .alert_success a:hover {

	color: #5d9514;

}

/* Tooltip */

.tooltip {

	display: inline;

	position: relative;

	cursor: help;

	border-bottom-width: 1px;

	border-style: dotted;

}

.tooltip:hover:after, .tooltip.hover:after {

	content: attr(data-tooltip);

	font-size: 13px;

	line-height: 18px;

	text-align: center;

	border-radius: 5px;

	padding: 5px 15px;

	width: 140px;

	position: absolute;

	left: 50%;

	bottom: 110%;

	z-index: 98;

	margin-left: -85px;

	background: #444;

	color: #fff;

}

/* Progress bars */

.progress_bars {

}

.progress_bars .bars_list {

}

.progress_bars .bars_list li {

	margin-bottom: 15px;

}

.progress_bars .bars_list li:last-child {

	margin-bottom: 0px;

}

.progress_bars .bars_list li h6 {

	margin-bottom: 7px;

	position: relative;

	padding-right: 40px;

	line-height: 20px;

	font-size: 14px;

}

.progress_bars .bars_list li h6 .label {

	font-size: 12px;

	position: absolute;

	right: 5px;

	top: 0;

	font-size: 12px;

}

.progress_bars .bars_list li .bar {

	position: relative;

	width: 100%;

	height: 25px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	overflow: hidden;

	background-color: rgba(0, 0, 0, .1);

	background-image: url("../images/pattern_slashes_3.html");

	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0, .15) inset;

	box-shadow: 2px 2px 3px rgba(0,0,0, .15) inset;

}

.progress_bars .bars_list li .bar .progress {

	height: 25px;

	line-height: 25px;

	display: block;

	background: #2E3B48;

	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0, .15) inset;

	box-shadow: 2px 2px 3px rgba(0,0,0, .15) inset;

}

.progress_bars .bars_list li .bar .progress {

	-webkit-border-radius: 5px;

	border-radius: 5px;

	overflow: hidden;

	-webkit-transition: all 1.3s ease-in-out;

	-moz-transition: all 1.3s ease-in-out;

	-o-transition: all 1.3s ease-in-out;

	transition: all 1.3s ease-in-out;

}

/* Article box */

.article_box {

}

.article_box .photo {

	line-height: 0;

	margin-bottom: 15px;

}

.article_box .photo a {

	display: block;

}

.article_box .desc {

}

.article_box .desc a.button {

	margin-bottom: 0;

}

/* Blockquote */

blockquote {

}

blockquote p {

	padding: 15px;

	display: block;

	margin: 0;

	background: rgba(0, 0, 0, 0.07);

	font-style: italic;

	position: relative;

}

blockquote a:hover {

	text-decoration: none;

}

blockquote .arrow {

	margin: 0 auto;

	width: 0px;

	height: 0px;

	display: block;

	border-top: 15px solid rgba(0, 0, 0, 0.07);

	border-right: 15px solid transparent;

	border-left: 15px solid transparent;

}

blockquote .author {

	margin-top: 15px;

}

blockquote .author .photo {

	width: 80px;

	height: 80px;

	overflow: hidden;

	margin: 0 auto 8px;

	-webkit-border-radius: 50%;

	border-radius: 50%;

}

blockquote .author .desc {

	text-align: center;

}

blockquote .author .desc h6 {

	margin-bottom: 2px;

	font-size: 15px;

	font-weight: bold;

}

blockquote .author .desc span {

	margin-bottom: 0;

}

.column > .testimonials {

	margin: 0 10px;

	position: relative;

}

.testimonials blockquote .author .desc {

	min-height: 40px;

}

.testimonials a.prev {

	position: absolute;

	left: 10px;

	bottom: 66px;

}

.testimonials a.next {

	position: absolute;

	right: 10px;

	bottom: 66px;

}

.testimonials-page {

}

.testimonials-page li {

	margin-bottom: 20px;

}

/* Latest posts */

.latest_posts {

	overflow: hidden;

}

.latest_posts ul {

}

.latest_posts ul li {

	min-height: 60px;

	position: relative;

	margin-bottom: 20px;

	overflow: hidden;

}

.latest_posts ul li:last-child {

	margin-bottom: 0;

}

.latest_posts ul li .photo {

	width: 39%;

	float: left;

	line-height: 0;

}

.latest_posts ul li .desc {

	padding: 3px 0px 0px 0px;

	width: 56%;

	margin-left: 5%;

	float: left;

}

.latest_posts ul li .desc.no_img {

	margin-left: 0%;

	width: 100%;

}

.latest_posts ul li .desc h6 {

	margin-bottom: 0;

}

.latest_posts ul li .desc span.comments {

	margin-bottom: 0;

	font-size: 13px;

	line-height: 14px;

	padding-top: 6px;

	display: block;

}

.latest_posts ul li.last {

	margin-bottom: 0;

}

.latest_posts a.button {

	margin-top: 20px;

}

/* Icon box */

.icon_box {

	text-align: center;

}

.icon_box .ico {

	width: 80px;

	height: 80px;

	line-height: 80px;

	font-size: 55px;

	margin: 0 auto 15px;

	text-align: center;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: #2C3E50;

	color: #fff;

	padding: 15px;

}

.icon_box h5 {

	margin-bottom: 10px;

}

/* Recent works */

.recent_works {

}

.recent_works h3 {

	margin-bottom: 20px;

}

.recent_works .inside {

	position: relative;

	overflow: hidden;

}

.with_aside .recent_works .inside {

	margin: 0 1px !important;

}

.recent_works ul {

}

.recent_works ul li {

	width: 100%;

}

.recent_works ul li a {

	display: block;

	line-height: 0;

	margin: 0 10px;

}

.recent_works ul li a:hover {

	text-decoration: none;

}

.recent_works ul li h6 {

	min-height: 36px;

	border-top: 1px solid rgba(0, 0, 0, 0.10);

	margin: 0 10px 10px;

	padding-top: 15px;

}

.recent_works ul li:hover h6 {

	border-top: 1px solid rgba(0, 0, 0, 0.30);

}

.recent_works .inside a.slider_control_prev {

	position: absolute;

	left: 0px;

	bottom: -80px;

}

.recent_works .inside a.slider_control_next {

	position: absolute;

	right: 0px;

	bottom: -80px;

}

.recent_works .more {

	text-align: center;

	margin-top: 40px;

}

.recent_works .more a.button {

	margin: 0;

}

/* Timeline */

.timeline_items {

	background: url(../images/timeline.png) repeat-y top center;

}

.timeline_items li {

	min-height: 90px;

	padding: 30px 0;

	position: relative;

	overflow: hidden;

}

.timeline_items li h5 {

	margin: 30px 0 0 0;

}

.timeline_items li h5 span {

	width: 90px;

	height: 90px;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	line-height: 90px;

	text-align: center;

	display: block;

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -45px;

	top: 30px;

}

.timeline_items li .desc {

	position: relative;

	min-height: 90px;

	background: rgba(0, 0, 0, 0.07);

	width: 40%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 15px;

}

.timeline_items li .desc:after {

	content: "";

	display: block;

	width: 0;

	height: 0;

	position: absolute;

	top: 35px;

	border-left: 10px solid rgba(0, 0, 0, 0.07);

	border-top: 10px solid transparent;

	border-bottom: 10px solid transparent;

}

.timeline_items li h5 {

	float: right;

	width: 40%;

}

.timeline_items li h5 span {

	background: #425C78;

	color: #fff;

}

.timeline_items li .desc {

	float: left;

}

.timeline_items li .desc:after {

	right: -10px;

}

.timeline_items li:nth-child(odd) h5 {

	float: left;

	width: 40%;

	text-align: right;

}

.timeline_items li:nth-child(odd) h5 span {

	background: #2c3e50;

	color: #fff;

}

.timeline_items li:nth-child(odd) .desc {

	float: right;

}

.timeline_items li:nth-child(odd) .desc:after {

	left: -10px;

	border-left: none;

	border-right: 10px solid rgba(0, 0, 0, 0.07);

}

/* Recent_comments */

.Recent_comments {

}

.Recent_comments ul {

}

.Recent_comments ul li {

	margin-bottom: 20px;

	border-bottom-width: 1px;

	border-style: solid;

}

.Recent_comments ul li:last-child {

	border-bottom: 0;

}

.Recent_comments ul li .text {

	padding: 0;

	margin: 0 0 5px 0;

}

.Recent_comments ul li .text p {

	margin-bottom: 0;

	font-style: italic;

}

.Recent_comments ul li p.author {

	text-align: left;

	font-size: 12px;

}

.Recent_comments ul li.last {

	margin-bottom: 0;

}

/* Call to action */

.call_to_action {

}

.call_to_action.short h4 {

	margin-bottom: 0 !important;

}

.call_to_action a {

	display: block;

}

.call_to_action a:hover {

	text-decoration: none;

}

.call_to_action .inner-padding {

	overflow: hidden;

	text-align: center;

	padding: 30px 20px;

}

.call_to_action .inner-padding h4 {

	margin-bottom: 50px;

	font-size: 28px;

	line-height: 30px;

	font-family: Georgia, "Microsoft YaHei", serif;

	font-style: italic;

}

.call_to_action .inner-padding p {

	margin: 0;

	font-size: 16px;

	line-height: 20px;

	text-transform: uppercase;

}

.call_to_action .inner-padding .button {

	margin: 50px 0 0px;

	display: block;

	font-size: 18px;

	font-size: 18px;

	font-family: Georgia, "Microsoft YaHei", serif;

	font-style: italic;

	text-transform: none;

}

/* Info box */

.info_box {

}

.info_box h4 {

}

.info_box .inside {

}

.info_box .inside ul {

}

.info_box .inside ul li {

	border-bottom-width: 1px;

	border-style: solid;

	padding: 13px 0 13px 40px;

	background: url(../images/infobox_li.png) no-repeat left center;

}

.info_box .inside ul li:last-child {

	border-bottom: 0px;

}

/* Quick facts */

.quick_facts {

}

.quick_facts ul {

}

.quick_facts ul li {

	padding: 7px 0;

	border-bottom-width: 1px;

	border-style: solid;

}

.quick_facts ul li:first-child {

	padding-top: 0;

}

.quick_facts ul li:last-child {

	border-bottom: 0;

}

.quick_facts ul li span {

	font-weight: bold;

	margin: 0 10px 0 3px;

	display: inline-block;

	min-width: 37px;

}

.quick_facts ul li span i {

	margin-right: 5px;

	width: 15px;

	display: inline-block;

	text-align: center;

	color: #9A9A9A;

}

/* Skills */

.skills {

}

.skills .skills_list {

}

.skills .skills_list li {

	margin-bottom: 15px;

}

.skills .skills_list li h6 {

	margin-bottom: 7px;

	position: relative;

	padding-right: 40px;

}

.skills .skills_list li h6 .label {

	font-size: 12px;

	position: absolute;

	right: 5px;

	top: 0;

	font-size: 12px;

}

.skills .skills_list li .bar {

	position: relative;

	width: 100%;

	height: 30px;

	-webkit-border-radius: 30px;

	border-radius: 30px;

	overflow: hidden;

}

.skills .skills_list li .bar .progress {

	height: 30px;

	line-height: 30px;

	display: block;

}

.skills .skills_list:not(.hover) li .bar .progress {

	width: 0 !important;

}

.skills .skills_list.hover li .bar .progress {

	-webkit-border-radius: 30px;

	border-radius: 30px;

	overflow: hidden;

	-webkit-transition: all 1.3s ease-in-out;

	-moz-transition: all 1.3s ease-in-out;

	-o-transition: all 1.3s ease-in-out;

	transition: all 1.3s ease-in-out;

}

/* Gallery */

.gallery .gallery-item {

	width: 23% !important;

	margin-right: 1% !important;

	margin-left: 1% !important;

	overflow: hidden;

}

.gallery .gallery-item .gallery-icon {

	overflow: hidden;

	line-height: 0;

	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);

	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);

}

.gallery .gallery-item img {

	border: 0 !important;

	line-height: 0;

	display: block;

}

.gallery .gallery-item .gallery-icon {

	transition: opacity .20s ease-in-out;

	-o-transition: opacity .20s ease-in-out;

	-moz-transition: opacity .20s ease-in-out;

	-webkit-transition: opacity .20s ease-in-out;

}

.gallery .gallery-item .gallery-icon:hover {

	text-decoration: none;

}

.gallery .gallery-item .gallery-icon a:hover {

	text-decoration: none;

}

.gallery .gallery-item .gallery-icon .mask {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	display: none;

}

.gallery .gallery-item .gallery-icon:hover .mask {

	display: block;

	-webkit-animation: moveFromBottom 300ms ease;

	-moz-animation: moveFromBottom 300ms ease;

	-ms-animation: moveFromBottom 300ms ease;

}

.gallery .gallery-item .gallery-icon i {

	display: none;

	font-size: 40px;

	line-height: 40px;

	text-decoration: none !important;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -20px;

	margin-top: -20px;

}

.gallery .gallery-item .gallery-icon:hover i {

	text-decoration: none;

	display: block;

	-webkit-animation: moveFromLeft 400ms ease;

	-moz-animation: moveFromLeft 400ms ease;

	-ms-animation: moveFromLeft 400ms ease;

}

.gallery .gallery-item .gallery-icon {

	-webkit-transform: scaleY(1);

	-moz-transform: scaleY(1);

	-ms-transform: scaleY(1);

	-o-transform: scaleY(1);

	transform: scaleY(1);

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	opacity: 0.99;

	filter: alpha(opacity=99);

}

.gallery .gallery-item .gallery-icon:hover {

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-ms-transform: scale(1.2);

	-o-transform: scale(1.2);

	transform: scale(1.2);

}

.DOP_ThumbnailGallery_ImageWrapper, .DOP_ThumbnailGallery_Background, .DOP_ThumbnailGallery_ThumbnailsB, .DOP_ThumbnailGallery_ThumbContainer, .DOP_ThumbnailGallery_Thumb, .DOP_ThumbnailGallery_ImageBg, .DOP_ThumbnailGallery_Image, .DOP_ThumbnailGallery_Image img, .DOP_ThumbnailGallery_LightboxBg, .DOP_ThumbnailGallery_Lightbox img, .DOP_ThumbnailGallery_LightboxNavigation_Info {

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

}

/* Team */

.team {

	text-align: center;

	padding: 0 0 20px;

}

.team .photo {

	overflow: hidden;

	line-height: 0;

	position: relative;

}

.team .desc {

	margin-top: 10px;

}

.team h4 {

	margin-bottom: 4px;

	font-size: 20px;

	line-height: 22px;

}

.team p {

	margin-bottom: 8px;

}

.team .photo .mask {

	display: none;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

.team .links {

	text-align: center;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -15px;

	width: 100%;

}

.team .links a.link {

	display: none;

	margin: 0 2px;

	width: 30px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	font-size: 15px;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	text-decoration: none;

	transition: opacity .20s ease-in-out;

	-o-transition: opacity .20s ease-in-out;

	-moz-transition: opacity .20s ease-in-out;

	-webkit-transition: opacity .20s ease-in-out;

}

.team .links a:hover.link {

}

.team:hover .photo .mask {

	display: block;

	-webkit-animation: moveFromBottom 300ms ease;

	-moz-animation: moveFromBottom 300ms ease;

	-ms-animation: moveFromBottom 300ms ease;

}

.team:hover .photo .links a.link {

	display: inline-block;

	-webkit-animation: moveFromBottom 500ms ease;

	-moz-animation: moveFromBottom 500ms ease;

	-ms-animation: moveFromBottom 500ms ease;

}

/* Get in touch */

.get_in_touch {

}

.get_in_touch .photo {

	line-height: 0;

	margin-bottom: 5px;

}

.get_in_touch ul {

}

.get_in_touch ul li {

	overflow: hidden;

	position: relative;

	padding: 13px 0 13px 40px;

	border-bottom-width: 1px;

	border-style: solid;

	font-size: 13px;

}

.get_in_touch ul li:last-child {

	border-bottom: 0;

}

.get_in_touch ul li i {

	display: block;

	width: 32px;

	height: 32px;

	line-height: 32px;

	text-align: center;

	font-size: 17px;

	-webkit-border-radius: 100%;

	border-radius: 100%;

	overflow: hidden;

	position: absolute;

	left: 0;

	top: 8px;

	background: rgba(0, 0, 0, 0.07);

}

.get_in_touch ul li p {

	margin-bottom: 0;

}

/* Image frames */

.wp-caption {

	display: inline-block;

	line-height: 0;

}

.wp-caption.scale-with-grid {

	max-width: 100%;

}

.wp-caption a {

	line-height: 0;

	display: block;

	position: relative;

	overflow: hidden;

	z-index: 1;

}

.wp-caption a img {

	padding: 0;

}

.wp-caption .wp-caption-text {

	display: block;

	font-size: 13px;

	text-align: center;

	margin: 0;

	padding: 12px 0 6px;

	line-height: normal;

}

.wp-caption.no-border .photo {

	background: none !important;

}

.wp-caption.border .photo, .wp-caption.border > img, .wp-caption.border > a > img {

	line-height: 0;

}

.wp-caption .photo .photo_wrapper {

	position: relative;

	overflow: hidden;

	width: auto;

	height: auto;

}

.wp-caption .photo .photo_wrapper img {

	display: inline-block;

}

.wp-caption .photo .photo_wrapper i {

	display: none;

	font-size: 70px;

	line-height: 70px;

	text-decoration: none;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -35px;

	margin-top: -35px;

}

.wp-caption .photo .photo_wrapper a .mask {

	display: none;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

.wp-caption .photo .photo_wrapper a:hover i {

	display: block;

	-webkit-animation: moveFromLeft 400ms ease;

	-moz-animation: moveFromLeft 400ms ease;

	-ms-animation: moveFromLeft 400ms ease;

}

.wp-caption .photo .photo_wrapper a:hover .mask {

	display: block;

	-webkit-animation: moveFromBottom 300ms ease;

	-moz-animation: moveFromBottom 300ms ease;

	-ms-animation: moveFromBottom 300ms ease;

}

.wp-caption .photo .photo_wrapper a img {

	-webkit-transform: scaleY(1);

	-moz-transform: scaleY(1);

	-ms-transform: scaleY(1);

	-o-transform: scaleY(1);

	transform: scaleY(1);

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	opacity: 0.99;

	filter: alpha(opacity=99);

}

.wp-caption .photo .photo_wrapper a:hover img {

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-ms-transform: scale(1.2);

	-o-transform: scale(1.2);

	transform: scale(1.2);

}

.alignleft {

	float: left;

	margin: 15px 15px 15px 0px;

}

.alignright {

	float: right;

	margin: 15px 0px 15px 15px;

}

.aligncenter {

	text-align: center;

	margin: 0 auto;

	display: block;

}

.aligncenter img {

	display: inline;

}

.sticky, .gallery-caption, .bypostauthor {

}

/* FAQ / Accordion */

.accordion .question {

}

.accordion .question h5 {

	margin: 0px 0px 1px 0px;

	cursor: pointer;

	padding: 20px 50px 20px 20px;

	font-size: 14px;

	line-height: 18px;

	position: relative;

}

.accordion .question h5 span.icon {

	width: 40px;

	height: 40px;

	overflow: hidden;

	position: absolute;

	right: 10px;

	top: 9px;

}

.accordion .active h5 span.icon {

	top: auto;

	bottom: -15px;

}

.accordion .question .answer {

	padding: 25px 20px 20px 20px;

	overflow: hidden;

	margin-bottom: 1px;

}

.accordion .active h5 {

	margin-bottom: 0px;

}

.accordion .active h5 span.icon {

}

.faq .question {

}

.faq .question h5 {

	margin: 0px 0px 1px 0px;

	cursor: pointer;

	padding: 20px 50px 20px 20px;

	font-size: 14px;

	line-height: 18px;

	position: relative;

}

.faq .question h5 span.icon {

	width: 40px;

	height: 40px;

	overflow: hidden;

	position: absolute;

	right: 10px;

	top: 9px;

}

.faq .active h5 span.icon {

	top: auto;

	bottom: -15px;

}

.faq .question .answer {

	padding: 20px 25px 20px 20px;

	overflow: hidden;

	margin-bottom: 1px;

}

.faq .active h5 {

	margin-bottom: 0px;

}

.faq .active h5 span.icon {

}

/* Code Hightlighter */

code, pre {

	background: #ffffff; /* Old browsers */

	background: -moz-linear-gradient(top, #ffffff 50%, #f2f2f2 50%); /* FF3.6+ */

	background: -webkit-linear-gradient(top, #ffffff 50%, #f2f2f2 50%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #ffffff 50%, #f2f2f2 50%); /* Opera 11.10+ */

	background: linear-gradient(top, #ffffff 50%, #f2f2f2 50%); /* W3C */

	background-size: 42px 42px;

	padding: 21px 15px 20px;

	display: block;

	white-space: pre-wrap;

	white-space: -moz-pre-wrap;

	white-space: -pre-wrap;

	white-space: -o-pre-wrap;

	line-height: 21px !important;

	border-width: 1px;

	border-style: solid;

	font-family: monospace !important;

}

.light code, .light pre {

	background: #333333; /* Old browsers */

	background: -moz-linear-gradient(top, #333333 50%, #292929 50%); /* FF3.6+ */

	background: -webkit-linear-gradient(top, #333333 50%, #292929 50%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #333333 50%, #292929 50%); /* Opera 11.10+ */

	background: linear-gradient(top, #333333 50%, #292929 50%); /* W3C */

	color: #D2D2D2;

}

code p, pre p {

	margin-bottom: 0 !important;

}

/* Table */

/*table { width: 100%; margin-bottom: 15px; border-collapse: collapse; border-spacing: 0; }

table th,

table td { padding: 10px; text-align: center; border: 1px solid #EBEBEB; }

table th { font-size:120%; background:rgba(0,0,0,0.03); }

table tr td td {}

table tr:nth-child(2n+1) td { background:rgba(0,0,0,0.02);}*/



/* Lists */

ul.list, ol.list {

	margin-bottom: 15px;

}

ul.list ul, ul.list ol, ol.list ul, ol.list ol {

	margin: 5px 0 5px 30px;

}

ul.list li, ol.list li {

	margin-bottom: 5px;

}

ul.list {

	list-style: disc outside;

}

ul.list li {

	margin-left: 25px;

}

ol.list {

	list-style: decimal outside;

}

ol.list li {

	margin-left: 0px;

}

ol.list_roman {

	list-style: upper-roman outside;

}

ol.list_roman li {

	margin-left: 0px;

}

ol.list_alpha {

	list-style: upper-alpha outside;

}

ol.list_alpha li {

	margin-left: 0px;

}

ul.list_tick {

	list-style: none;

	margin-left: 10px;

}

ul.list_tick li {

	padding-left: 27px;

	margin-left: 0;

	background: url(../images/list_tick.png) no-repeat 0 1px;

	overflow: hidden;

}

ul.list_info {

	list-style: none;

	margin-left: 10px;

}

ul.list_info li {

	padding-left: 27px;

	margin-left: 0;

	background: url(../images/list_info.png) no-repeat 0 1px;

	overflow: hidden;

}

ul.list_warning {

	list-style: none;

	margin-left: 10px;

}

ul.list_warning li {

	padding-left: 27px;

	margin-left: 0;

	background: url(../images/list_warning.png) no-repeat 0 1px;

	overflow: hidden;

}

ul.list_plus {

	list-style: none;

	margin-left: 10px;

}

ul.list_plus li {

	padding-left: 27px;

	margin-left: 0;

	background: url(../images/list_add.png) no-repeat 0 1px;

	overflow: hidden;

}

ul.list_minus {

	list-style: none;

	margin-left: 10px;

}

ul.list_minus li {

	padding-left: 27px;

	margin-left: 0;

	background: url(../images/list_minus.png) no-repeat 0 1px;

	overflow: hidden;

}

ul.list_arrow {

	list-style: none;

	margin-left: 10px;

}

ul.list_arrow li {

	padding-left: 27px;

	margin-left: 0;

	background: url(../images/list_arrow.png) no-repeat 0 1px;

	overflow: hidden;

}

ul.list_help {

	list-style: none;

	margin-left: 10px;

}

ul.list_help li {

	padding-left: 27px;

	margin-left: 0;

	background: url(../images/list_help.png) no-repeat 0 1px;

	overflow: hidden;

}

ul {

	list-style: none outside;

}

ol {

	list-style: decimal;

}

ol, ul.square, ul.circle, ul.disc {

	margin-left: 30px;

}

ul.square {

	list-style: square outside;

}

ul.circle {

	list-style: circle outside;

}

ul.disc {

	list-style: disc outside;

}

/* Pricing box */

.pricing-box {

	border-width: 5px;

	border-style: solid;

	overflow: hidden;

	margin-top: 10px;

}

.pricing-box-featured {

	margin-top: 0px !important;

	padding-bottom: 20px;

}

.pricing-box .plan-header {

	text-align: center;

	padding-bottom: 5px;

	margin-bottom: 5px;

}

.pricing-box .plan-header h3 {

	margin: 0 20px 8px;

	padding: 10px 5px 20px;

	font-size: 27px;

	line-height: 27px;

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.pricing-box.no-price .plan-header h3 {

	padding: 15px 5px 20px;

}

.pricing-box .plan-header .price {

	font-size: 48px;

	line-height: 48px;

	padding: 25px 0 0;

}

.pricing-box .plan-header .price > span {

	position: relative;

	padding: 2px 10px;

}

.pricing-box .plan-header .price sup {

	font-size: 15px;

	font-weight: 100;

	opacity: 0.5;

	filter: alpha(opacity=50);

}

.pricing-box .plan-header .price sup.period {

	font-size: 10px;

	font-weight: 100;

	opacity: 0.85;

	filter: alpha(opacity=85);

	margin-left: 3px;

}

.pricing-box .plan-header .period {

	padding-bottom: 7px;

	margin-bottom: 3px;

}

.pricing-box .plan-header .period a.button {

	margin-bottom: 10px;

}

.pricing-box .plan-inside {

	padding-bottom: 15px;

}

.pricing-box .plan-inside ul {

	text-align: center;

}

.pricing-box .plan-inside ul li {

	text-align: center;

	padding: 8px 10px;

	display: block;

	margin: 0 20px;

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.pricing-box .plan-inside ul li.last {

	border-bottom: 0;

}

.pricing-box .btn a.button {

	margin-bottom: 15px;

	margin-right: 0;

}

/* Our clients slider */

.Our_clients_slider {

	overflow: hidden;

	position: relative;

}

.Our_clients_slider .container .column {

	margin-bottom: 30px;

}

.Our_clients_slider a.slider_control_prev {

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -34px;

	padding-right: 0;

	border: 0;

}

.Our_clients_slider a.slider_control_next {

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -34px;

}

.Our_clients_slider div.inside {

	margin: 0 39px !important;

	overflow: hidden;

}

.Our_clients_slider ul {

}

.Our_clients_slider li {

	width: 100%;

	height: 90px !important;

	margin-right: 0 !important;

	line-height: 90px !important;

	text-align: center;

}

.Our_clients_slider li .slide-wrapper {

	padding: 0 20px;

}

.Our_clients_slider li .slide-wrapper a {

	display: block;

}

.Our_clients_slider li .slide-wrapper img {

	vertical-align: middle;

}

.Our_clients_slider .slide-wrapper img {

	opacity: .5;

}

.Our_clients_slider .slide-wrapper:hover img {

	opacity: .99;

}

/* Da-thumbs */

.da-thumbs li {

	position: relative;

	float: left;

}

.da-thumbs li a, .da-thumbs li a img {

	display: block;

	position: relative;

}

.da-thumbs li a {

	overflow: hidden;

}

.da-thumbs li a div {

	position: absolute;

	width: 100%;

	height: 100%;

	text-align: center;

}

.da-thumbs li a div span {

	display: block;

	width: 60px;

	height: 60px;

	line-height: 60px;

	text-align: center;

	font-size: 60px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin: -30px 0 0 -30px;

}

.da-thumbs li a div h6 {

	font-size: 15px;

	width: 180px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin: 15px 0 0 -90px;

}

.da-thumbs li a:hover, .da-thumbs li a {

	text-decoration: none;

}

.da-thumbs li .title {

	text-align: center;

	padding-top: 10px;

}

.da-thumbs li .title h6 {

	margin-bottom: 0;

}

/* Isotope Filtering */

.isotope-item {

	z-index: 2;

}

.isotope-hidden.isotope-item {

	pointer-events: none;

	z-index: 1;

}

/* Recent work */

.Projects .column {

	margin-bottom: 10px;

}

.Projects .Projects_inside {

	margin-bottom: 15px;

}

.Projects_inside {

	float: left;

	width: 100%;

}

.Projects_header {

}

.Projects_header .categories {

	width: 100%;

	float: none;

}

.Projects_header .categories ul {

	float: left;

}

.Projects_header .categories ul li {

	float: left;

	margin: 0 2px;

	font-size: 13px;

}

.Projects_header .categories ul li.label h6 {

	line-height: 40px;

	margin: 0 7px 0 0;

	color: #aaa;

}

.Projects_header .categories ul li a {

	display: block;

	line-height: 39px;

	padding: 0 15px;

	overflow: hidden;

	margin-bottom: 2px;

}

.Projects_header .categories ul li a:hover, .Projects_header .categories li.current-cat a {

	text-decoration: none;

}

.Projects_header .categories ul li.current-cat a {

}

/* Latest twitter */

.Twitter {

}

.Twitter ul {

	margin-bottom: 0

}

.Twitter ul li {

	padding: 0;

	margin-bottom: 10px;

}

.Twitter ul li p {

	margin-bottom: 0;

}

.Twitter ul li span {

	padding-left: 0px;

	display: block;

	text-transform: uppercase;

}

.Twitter ul li span a {

	padding: 3px 0 3px 0;

	text-transform: none;

}

.Twitter ul li a {

	display: block;

	font-style: italic;

	font-weight: normal;

	padding-left: 0px;

}

.Twitter ul li.last {

	margin-bottom: 0;

}

.Twitter ul li.first {

	padding-top: 0;

}

.Twitter ul li > a {

	font-style: normal;

}

/* Recent posts */

.Recent_posts {

}

.Recent_posts ul {

}

.Recent_posts ul li {

	min-height: 45px;

	position: relative;

	margin-bottom: 10px;

	padding-bottom: 10px;

	border-bottom-width: 1px;

	border-style: solid;

}

.Recent_posts ul li.last {

	margin-bottom: 0;

	padding-bottom: 0;

	border-bottom: 0;

}

.Recent_posts ul li .photo {

	width: 65px;

	height: 45px;

	position: absolute;

	left: 0;

	top: 0;

}

.Recent_posts ul li .desc {

	padding: 0px 0px 0px 80px;

}

.Recent_posts ul li .desc.no_img {

	padding-left: 0px;

}

.Recent_posts ul li .desc h6 {

	margin-bottom: 0;

	font-size: 14px;

}

.Recent_posts ul li .desc p {

	margin-bottom: 0;

	font-size: 12px;

}

.Recent_posts ul li.last {

	margin-bottom: 0;

}

/* Flickr */

.Flickr {

	overflow: hidden;

}

.Flickr .flickr_badge_image {

	margin: 0;

	padding: 0;

	float: left;

	margin: 0 1% 2% 1%;

	width: 23%;

}

.Flickr .flickr_badge_image a {

	display: block;

	line-height: 0;

}

.Flickr .flickr_badge_image a img {

	width: 57px;

	height: 57px;

}

/* animations.css */



/**** Isotope CSS3 transitions ****/



.isotope, .isotope .isotope-item {

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	-ms-transition-duration: 0.8s;

	-o-transition-duration: 0.8s;

	transition-duration: 0.8s;

}

.isotope {

	-webkit-transition-property: height, width;

	-moz-transition-property: height, width;

	-ms-transition-property: height, width;

	-o-transition-property: height, width;

	transition-property: height, width;

}

.isotope .isotope-item {

	-webkit-transition-property: -webkit-transform, opacity;

	-moz-transition-property: -moz-transform, opacity;

	-ms-transition-property: -ms-transform, opacity;

	-o-transition-property: -o-transform, opacity;

	transition-property: transform, opacity;

}

/**** disabling Isotope CSS3 transitions ****/



.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {

	-webkit-transition-duration: 0s;

	-moz-transition-duration: 0s;

	-ms-transition-duration: 0s;

	-o-transition-duration: 0s;

	transition-duration: 0s;

}

/**** miscelous ****/

#mfn-offer-slider .rslides_nav {

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	-ms-transition-duration: 0.8s;

	-o-transition-duration: 0.8s;

	transition-duration: 0.8s;

}



/**** featured box CSS3 transitions ****/



/* moveFromLeft */

@-webkit-keyframes moveFromLeft {

 from {

-webkit-transform: translateX(-100%);

}

to {

	-webkit-transform: translateX(0%);

}

}

@-moz-keyframes moveFromLeft {

 from {

-moz-transform: translateX(-100%);

}

to {

	-moz-transform: translateX(0%);

}

}

@-ms-keyframes moveFromLeft {

 from {

-ms-transform: translateX(-100%);

}

to {

	-ms-transform: translateX(0%);

}

}

@-o-keyframes moveFromLeft {

 from {

-o-transform: translateX(-100%);

}

to {

	-o-transform: translateX(0%);

}

}

@keyframes moveFromLeft {

 from {

transform: translateX(-100%);

}

to {

	transform: translateX(0%);

}

}



/* moveFromRight */

@-webkit-keyframes moveFromRight {

 from {

-webkit-transform: translateX(100%);

}

to {

	-webkit-transform: translateX(0%);

}

}

@-moz-keyframes moveFromRight {

 from {

-moz-transform: translateX(100%);

}

to {

	-moz-transform: translateX(0%);

}

}

@-ms-keyframes moveFromRight {

 from {

-ms-transform: translateX(100%);

}

to {

	-ms-transform: translateX(0%);

}

}

@-o-keyframes moveFromRight {

 from {

-o-transform: translateX(100%);

}

to {

	-o-transform: translateX(0%);

}

}

@keyframes moveFromRight {

 from {

transform: translateX(100%);

}

to {

	transform: translateX(0%);

}

}



/* moveFromBottom */

@-webkit-keyframes moveFromBottom {

 from {

-webkit-transform: translateY(100%);

}

to {

	-webkit-transform: translateY(0%);

}

}

@-moz-keyframes moveFromBottom {

 from {

-moz-transform: translateY(100%);

}

to {

	-moz-transform: translateY(0%);

}

}

@-ms-keyframes moveFromBottom {

 from {

-ms-transform: translateY(100%);

}

to {

	-ms-transform: translateY(0%);

}

}

@-o-keyframes moveFromBottom {

 from {

-o-transform: translateY(100%);

}

to {

	-o-transform: translateY(0%);

}

}

@keyframes moveFromBottom {

 from {

transform: translateY(100%);

}

to {

	transform: translateY(0%);

}

}