/*
Theme Name: Agile
Theme URI: http://www.portfoliotheme.org/austin
Description: A clean, responsive multi-purpose flat-style theme from LiveMesh. Follow us on <a href="http://twitter.com/live_mesh">Twitter</a> for updates
Version: 2.0
Author: <a href="http://portfoliotheme.org">LiveMfesh</a>
Author URI: http://www.portfoliotheme.org/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, theme-options, threaded-comments, translation-ready,portfolio,mobile,app,one-page,single-page,ios,android,tags
*/
@import url("//fonts.googleapis.com/css?family=lato:300,400,700,900");
@import url(//fonts.googleapis.com/css?family=merriweather:400,400italic,700,700italic);
/* --------- Reset default browser CSS. http://meyerweb.com/eric/tools/css/reset/index.html ----------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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 {
	border: 0;
	/* TODO - revisit. Leads to lots of inheritance and overriding. See csswizardry for better reset. font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; */
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
}
ol, ul, nav ul {
	list-style: none;
}
table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;/*text-align: left;*/ 
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
	display: block;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
/*----------- Clearfix for floats ----------- */
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix {
	zoom: 1;
}
.clearfix:before {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
/* --- Default fonts to be used unless overridden by user in theme options panel --*/
/* ------------------------ Base CSS ----------------------------------- */
/*--------- General ------------ */
body {
	color: #515151;
	font-size: 16px;
	line-height: 28px;
	font-family: "Merriweather", "Arvo", Georgia, Times, serif;
	font-weight: 400;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#container {
	width: 100%;
	clear: both;
}
body.boxed {
	height: 100%;
	width: 100%;
}
.boxed #container {
	max-width: 1180px;
	width: 96%;
	margin: 0px auto;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.hidden {
	display: none;
	visibility: hidden;
}
.invisible {
	visibility: hidden;
}
/*--------- Alignment ------------ */
.center {
	text-align: center;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.alignleft {
	float: left;
	margin: 0 20px 5px 0;
}
.alignright {
	float: right;
	margin: 0 0 0 20px;
}
.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
	clear: both;
}
.block, .alignnone {
	display: block;
	margin: 0 0 20px 0;
}
/*------------------- Basic Styling ------------------------------------*/
/* Heading styling */
h1, h2, h3, h4, h5, h6 {
	font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 900;
	padding: 0;
	color: #292929;
}
h1 {
	font-size: 40px;
	line-height: 48px;
}
h2 {
	font-size: 18px;
	line-height: 44px;
}
h3 {
	font-size: 28px;
	line-height: 36px;
}
h4 {
	font-size: 24px;
	line-height: 34px;
}
h5 {
	font-size: 18px;
	line-height: 28px;
}
h6 {
	font-size: 16px;
	line-height: 24px;
}
h1, h2 {
	margin-bottom: 20px;
}
h3, h4, h5, h6 {
	margin-bottom: 10px;
}
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg a {
	color: #fafafa !important;
}
.dark-bg p, .dark-bg div {
	color: #e5e5e5;
}
/* List Style */
ul {
	list-style-type: square;
}
ul ul {
	list-style-type: disc;
}
ul ul ul {
	list-style-type: circle;
}
ol {
	list-style-position: outside;
	list-style-type: decimal;
}
ol ol {
	list-style: upper-roman;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: upper-alpha;
}
ol ol ol ol ol {
	list-style: lower-alpha;
}
ul {
	margin: 0 0 20px 18px;
}
ol {
	margin: 0 0 20px 28px;
}
ul li, ol li {
	margin: 5px;
}
ul ol {
	margin-bottom: 0;
}
ol ul, ol ol {
	margin-bottom: 0;
}
ul ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 18px 3px;
}
dl dt {
	font-weight: bold;
	margin: 12px 0 0 0;
}
dl dd {
	margin: 6px 0 0 24px;
}
.small {
	font-size: 12px;
}
.large {
	font-size: 14px;
}
cite, em, i {
	font: italic 13px/20px "Merriweather", "Arvo", Georgia, Times, serif;
}
/* Paragraphs */
p {
	/* 12px */
  /* 20px */
	margin: 0 0 20px 0;
}
p:empty {
	display: none;
}
/* Input Boxes */
input, textarea {
	display: block;
	padding: 5px;
	border: 1px solid #DEDEDE;
	font-family: inherit;
}
/* Abbreviations */
abbr[title], dfn[title] {
	border-bottom: 0;
	cursor: auto;
}
/*---------------- Media Styles ------------ */
img {
	display: block;
	height: auto;
}
img.alignleft {
	margin: 5px 20px 10px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 10px 0;
}
img.alignright, .wp-caption.alignright {
	margin: 5px 5px 10px 20px;
}
img.aligncenter, .wp-caption.aligncenter {
	display: block;
	margin: 0 auto;
}
img.alignnone, .wp-caption.alignnone {
	display: block;
	margin: 5px 0 20px 0;
}
.entry-content img, .comment-content img {
	overflow: hidden;
}
.entry-content .thumbnail.large {
	float: none;
	margin: 0;
	padding: 0;
	width: 620px;
}
.img-circle {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
/*------------------- Image captions --------- */
.wp-caption {
	max-width: 98%;
/* To help prevent overflow of images and captions */ }
.wp-caption .wp-caption-text {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	text-align: center;
}
.entry-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	text-align: center;
}
.wp-caption.alignleft + ul, .wp-caption.alignleft + ol {
	list-style-position: inside;
}
/*----------- Links ---------------- */
a {
	color: #fe5000;
	text-decoration: none;
}
a:active, a:visited {
	color: #fe5000;
	text-decoration: none;
}
a:hover {
	color: #888;
	text-decoration: none;
}
/*----------------------- Table Styling --------- */
table {
	border: 1px solid #ddd;
	line-height: 20px;
	margin: 5px 0 15px 0;
	text-align: left;
	padding: 0;
}
thead, th {
	font-weight: bold;
	line-height: 20px;
}
table .even {
	background: #e5e5e5;
}
/*tr {
  border-bottom: 1px solid #ccc; }*/

th, td {
	padding: 10px;
	/*text-align: left;*/
	vertical-align: middle;
}
th {
	color: #fff;
	background: #fe5000;
}
/*----------------- Code and Pre Styling ---------------- */
code, .code, pre, .pre {
	font: normal 13px / 1.6 Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", monospace, Courier, "Courier New";
}
pre, .pre {
	display: block;
	overflow: auto;
	clear: both;
	padding: 10px;
	color: #555;
	background: #FFF;
	border: 1px solid #e5e5e5;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	width: 90%;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-left: 6px solid #E9E7E0;
}
code {
	background-color: #f9f9f9;
}
.code {
	background-color: #f9f9f9;
	background: url("images/bg-pre.gif") repeat scroll 0 0 white;
	padding: 19px 10px;
}
/* ------------------------ Forms, Input boxes ----------------------------------- */
input, textarea {
	background: #FDFDFD;
	color: #48484A;
	border: solid 1px #ccc;
	padding: 10px 10px;
/* box-shadow: inset 0 0 10px #EAEAEA; */ }
input, textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	font-size: 14px;
	line-height: 24px;
}
input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="file"] {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}
input:focus, textarea:focus {
	border: 1px solid rgba(254, 80, 0, 0.8);
}
input[type="radio"], input[type="checkbox"] {
	display: inline;
}
input[type="submit"], input[type="file"] {
	width: auto;
}
input[type="number"], input[type="date"] {
	padding: 10px 10px;
	height: auto;
}
input[type="number"], input[type="date"], input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="range"] {
	width: 300px;
	max-width: 100%;
}
textarea {
	width: 300px;
	max-width: 100%;
}

::-webkit-input-placeholder, ::-moz-placeholder, ::-moz-placeholder {
 text-transform: none;
 color: #b2b2b1;
 font-size: 16px;
 line-height: 16px;
 font-style: normal;
 -webkit-font-smoothing: antialiased;
}
/* Helps make the height of input boxes uniform across browsers */
input[type="submit"], input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="file"] {
	line-height: normal !important;
}
input[type="submit"] {
	border-radius: 0;
}

/* Let button styles handle border radius */
/* Removes inner padding and border in Firefox 4+.*/
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
/* Select box styling */
select {
	display: block;
	outline: none;
	width: 300px;
	border: 1px solid #e7e7e7;
	padding: 10px 5px 10px 10px;
	margin: 0;
	max-width: 100%;
	font-family: inherit;
	color: inherit;
	background-image: url(images/select.png);
	background-position: center right;
	background-repeat: no-repeat;
	background-color: white;
	border-radius: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: auto;
	font-size: 14px;
	line-height: 20px;
}
select[multiple] {
	background: none;
	height: auto;
}
/*---------- Form Styles ------- */
.contact-form, .wpcf7-form {
	margin-bottom: 25px;
}
.contact-form label, .wpcf7-form label {
	text-transform: uppercase;
	display: block;
	font-size: 16px;
	display: none;
/* Hide the labels */ }
.contact-form label.form-error, .wpcf7-form label.form-error {
	float: left;
	color: #EB6666;
	font-style: normal;
	font-size: 13px;
	text-transform: none;
	display: block;
	margin-bottom: 10px;
}
.contact-form input[type=text], .contact-form input[type=tel], .contact-form input[type=url], .contact-form input[type=email], .contact-form input[type=number], .wpcf7-form input[type=text], .wpcf7-form input[type=tel], .wpcf7-form input[type=url], .wpcf7-form input[type=email], .wpcf7-form input[type=number] {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.contact-form textarea, .wpcf7-form textarea {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
 .contact-form ::-webkit-input-placeholder, .wpcf7-form ::-webkit-input-placeholder {
 color: #4c5152;
}
.contact-form ::-moz-placeholder, .wpcf7-form ::-moz-placeholder {
 color: #4c5152;
}
.contact-form :-ms-input-placeholder, .wpcf7-form :-ms-input-placeholder {
 color: #4c5152;
}
.contact-form.dark-bg ::-webkit-input-placeholder, .wpcf7-form.dark-bg ::-webkit-input-placeholder {
 color: #eee;
}
.contact-form.dark-bg ::-moz-placeholder, .wpcf7-form.dark-bg ::-moz-placeholder {
 color: #eee;
}
.contact-form.dark-bg :-ms-input-placeholder, .wpcf7-form.dark-bg :-ms-input-placeholder {
 color: #eee;
}
label.form-error {
	float: left;
	color: #EB6666;
	font-style: normal;
	font-size: 13px;
	text-transform: none;
	display: block;
	margin-bottom: 10px;
}
.success-msg {
	margin-bottom: 20px;
	font-weight: 500;
}
div.form-error {
	display: none;
}
input.form-error {
	border: 1px dotted #dd1e0e;
	margin-bottom: 10px !important;
}
/* -------- Contact Us etc. -------- */
#content .contact-form input[type=text], #content .contact-form input[type=tel], #content .contact-form input[type=url], #content .contact-form input[type=email], #content .contact-form input[type=number], #content .contact-form input[type=range], #content .contact-form textarea, #content .wpcf7-form input[type=text], #content .wpcf7-form input[type=tel], #content .wpcf7-form input[type=url], #content .wpcf7-form input[type=email], #content .wpcf7-form input[type=number], #content .wpcf7-form input[type=range], #content .wpcf7-form textarea {
	padding: 16px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	line-height: 24px;
	background: #f9f9f9;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
#content .contact-form input[type=text]:focus, #content .contact-form input[type=text]:hover, #content .contact-form input[type=tel]:focus, #content .contact-form input[type=tel]:hover, #content .contact-form input[type=url]:focus, #content .contact-form input[type=url]:hover, #content .contact-form input[type=email]:focus, #content .contact-form input[type=email]:hover, #content .contact-form input[type=number]:focus, #content .contact-form input[type=number]:hover, #content .contact-form input[type=range]:focus, #content .contact-form input[type=range]:hover, #content .contact-form textarea:focus, #content .contact-form textarea:hover, #content .wpcf7-form input[type=text]:focus, #content .wpcf7-form input[type=text]:hover, #content .wpcf7-form input[type=tel]:focus, #content .wpcf7-form input[type=tel]:hover, #content .wpcf7-form input[type=url]:focus, #content .wpcf7-form input[type=url]:hover, #content .wpcf7-form input[type=email]:focus, #content .wpcf7-form input[type=email]:hover, #content .wpcf7-form input[type=number]:focus, #content .wpcf7-form input[type=number]:hover, #content .wpcf7-form input[type=range]:focus, #content .wpcf7-form input[type=range]:hover, #content .wpcf7-form textarea:focus, #content .wpcf7-form textarea:hover {
	background: #f7f7f7 !important;
}
#content .contact-form textarea, #content .wpcf7-form textarea {
	height: 130px;
}
#content .contact-form input[type=text]:focus, #content .contact-form input[type=email]:focus, #content .contact-form input[type=password]:focus, #content .contact-form input[type=url]:focus, #content .contact-form input[type=number]:focus, #content .wpcf7-form input[type=text]:focus, #content .wpcf7-form input[type=email]:focus, #content .wpcf7-form input[type=password]:focus, #content .wpcf7-form input[type=url]:focus, #content .wpcf7-form input[type=number]:focus {
	background: #f8f8f8;
}
#content .contact-form input[type=text]:hover, #content .contact-form input[type=email]:hover, #content .contact-form input[type=password]:hover, #content .contact-form input[type=url]:hover, #content .contact-form input[type=number]:hover, #content .wpcf7-form input[type=text]:hover, #content .wpcf7-form input[type=email]:hover, #content .wpcf7-form input[type=password]:hover, #content .wpcf7-form input[type=url]:hover, #content .wpcf7-form input[type=number]:hover {
	background: #eee;
}
#content .contact-form textarea:focus, #content .wpcf7-form textarea:focus {
	background: #fff;
}
#content .contact-form .human-check label, #content .wpcf7-form .human-check label {
	display: inline-block;
}
#content .contact-form .human-check input, #content .wpcf7-form .human-check input {
	display: inline-block;
	margin-left: 15px;
	font-style: normal;
}
#content .contact-form p, #content .wpcf7-form p {
	display: inline-block;
	margin-right: 2%;
	width: 48%;
	position: relative;
}
#content .contact-form p.subject, #content .wpcf7-form p.subject {
	width: 98%;
}
#content .contact-form p.human-check, #content .wpcf7-form p.human-check {
	display: block;
	clear: both;
}
#content .contact-form p.text-area, #content .wpcf7-form p.text-area {
	display: block;
	width: 98%;
}
.push-pilot {
	text-align: center;
}
.push-pilot span {
	display: inline-block;
}
.push-pilot p {
	font-size: 16px;
	text-align: left;
}
#content .wpcf7-form {
	margin-left: 4px;
}
#content .wpcf7-form p {
	margin-left: -4px;
	/* inline-block whitespace hack - float hack has too many issues */
	vertical-align: top;
}
#content .wpcf7-form p.full-width {
	width: 98%;
}
#content .wpcf7-form input, #content .wpcf7-form .wpcf7-list-item-label {
	vertical-align: middle;
}
/* Footer contact us widget --------*/
#footer .contact-form input, #footer .contact-form textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	height: auto;
	line-height: 24px;
}
#footer .contact-form textarea {
	height: 100px;
}
#footer .contact-form .text-input, #footer .contact-form textarea {
	width: 100%;
	font-size: 14px;
	padding: 10px;
	float: left;
	background: #606163;
	border-color: #606163;
	margin-bottom: 10px;
	color: #cdcdcd;
}
#footer .sixcol .contact-form p {
	width: 46%;
	margin: 0 2% 0 0;
	float: left;
}
#content .contact-form input:focus, #content .contact-form textarea:focus, #footer .contact-form input:focus, #footer .contact-form textarea:focus {
	border: 1px solid rgba(254, 80, 0, 0.8);
}
/*------------ Comment Form ---------------- */
#commentform label {
	display: inline;
}
#commentform input[type="text"], #commentform textarea {
	padding: 10px;
	margin: 0;
	height: auto;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	line-height: 24px;
}
#commentform input[type="text"] {
	float: none;
	width: 38%;
	margin-right: 2%;
	margin-bottom: 15px;
}
#commentform textarea {
	width: 80%;
	clear: both;
}
.layout-1c #commentform textarea {
	width: 50%;
	height: 98px;
}
p.form-allowed-tags {
	display: none;
}
/* ------------------------ Buttons ----------------------------------- */
/* ----- ---- --- -- - Default buttons - -- --- ---- ----- */
button, .button, input[type=button], input[type="submit"], input[type="reset"] {
	display: inline-block;
	padding: 12px 22px;
	margin: 0;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	color: #fff !important;
	background-color: #fe5000;
	border: 1px solid #fe5000;
	border-color: #fe5000 #fe5000 #fe5000 #fe5000;
}
 .button::-moz-focus-inner, input[type="submit"].button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
.button:hover, .button:active, button:hover, button:active {
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	transition: 0.3s linear;
}
.button img, button img {
	display: inline-block !important;
	border: none;
	vertical-align: middle;
	width: auto !important;
}
.button [class^="icon-"], .button [class*=" icon-"], button [class^="icon-"], button [class*=" icon-"] {
	padding: 8px;
}
.button.small, button.small {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 22px;
}
.button.small [class^="icon-"], .button.small [class*=" icon-"], button.small [class^="icon-"], button.small [class*=" icon-"] {
	margin-top: 0;
}
.button.large, button.large {
	padding: 12px 20px;
	font-size: 12px;
	line-height: 28px;
}
.button.large.rounded, button.large.rounded {
	border-radius: 36px;
}
.button.large [class^="icon-"], .button.large [class*=" icon-"], button.large [class^="icon-"], button.large [class*=" icon-"] {
	margin-top: 2px;
	padding-left: 10px;
}
.button.small.rounded, button.small.rounded {
	border-radius: 30px;
}
.button.rounded, button.rounded {
	border-radius: 36px;
}
.button.default [class^="icon-"], .button [class*=" icon-"], button.default [class^="icon-"], button [class*=" icon-"] {
	font-size: 12px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	transition: 0.3s linear;
	color: #FFF !important;
	background-color: #4B4B4B !important;
	border-color: #4B4B4B !important;
}
/*---------- - Color Variations --------------- */
.button.black {
	background-color: #363636;
	border-color: #222222 #222222 black;
}
.button.blue {
	background-color: #46a5d5;
	border-color: #37b4ee #1c8bbe #1c8bbe #37b4ee;
}
.button.cyan {
	background-color: #57c0dc;
	border-color: #61cfec #48a7c0 #48a7c0 #61cfec;
}
.button.green {
	background-color: #00a57d;
	border-color: #07b98e #028866 #028867 #07b98e;
}
.button.orange {
	background-color: #e87151;
	border-color: #f88f73 #ca5a3b #ca5a3b #f88f73;
}
.button.pink {
	background-color: #dd5679;
	border-color: #f0678a #c64a6a #c64a6a #f0678a;
}
.button.red {
	background-color: #da4f49;
	border-color: #ec5e58 #c4403a #c4403a #ec5e58;
}
.button.teal {
	background-color: #28c2ba;
	border-color: #2dcdc5 #23b1aa #20a59e #2dcdc5;
}
.button.trans {
	color: #fff !important;
	background-color: #fff;
	/* IE */
	background-color: transparent !important;
	border-color: #eee;
	/* IE */
	border: 1px solid rgba(255, 255, 255, 0.8) !important;
}
.button.black, .button.blue, .button.cyan, .button.green, .button.orange, .button.pink, .button.red, .button.teal {
	color: #fff !important;
}
/* @debug $skin-hover-elements; */
.button:hover, .button.default:hover, .button.black:hover, .button.blue:hover, .button.cyan:hover, .button.green:hover, .button.orange:hover, .button.pink:hover, .button.red:hover, .button.teal:hover {
	color: #fff !important;
	background-color: #4b4b4b !important;
	border-color: #4b4b4b !important;
	background-image: none;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	transition: 0.3s linear;
}
#footer .button:hover, #footer button:hover, #footer input[type="button"]:hover, #footer input[type="submit"]:hover, #footer input[type="reset"]:hover {
	background-color: #4D5A5C !important;
	border-color: #4D5A5C !important;
}
/* Transparent button */
.button.trans:hover {
	background-color: #f9f9f9;
	/* IE */
	background-color: rgba(255, 255, 255, 0.1) !important;
}
/* ------------- Custom Styling for Buttons -------- */
#button-gallery .button {
	margin-left: 10px;
	margin-bottom: 10px;
}
.portfolio-link .button {
	line-height: 30px;
	padding: 4px 20px;
	margin-bottom: 30px;
}
.contact-form .button, .wpcf7-form input[type=submit] {
	padding: 20px 40px;
	line-height: 16px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
/*---------- Rounded css3 buttons ------- */
.rounded-button {
	display: inline-block;
	position: relative;
	background: #52b3e3;
	background: -webkit-gradient(linear, left top, left bottom, from(#dc4637), to(#52b3e3));
	background: -webkit-linear-gradient(top, #dc4637, #52b3e3);
	background: -moz-linear-gradient(top, #dc4637, #52b3e3);
	background: -ms-linear-gradient(top, #dc4637, #52b3e3);
	background: -o-linear-gradient(top, #dc4637, #52b3e3);
	padding: 5px 15px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	color: white !important;
	text-decoration: none;
	vertical-align: middle;
	-webkit-transition: all 0.4s ease-out, 0;
	-moz-transition: all 0.4s ease-out, 0;
	transition: all 0.4s ease-out, 0;
}
.rounded-button:hover {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.rounded-button:active {
	background: #327ba8;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
/* ------------------------ Images and WP Gallery ----------------------------------- */
/*-------------- Gallery Styling - Credit: Twenty Thirteen Theme ---------- */
.wp-smiley {
	margin: 0;
}
.gallery {
	margin-bottom: 20px;
	margin-left: -4px;
}
.gallery:after {
	clear: both;
}
.gallery:before, .gallery:after {
	content: "";
	display: table;
}
.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}
dl.gallery-item dt {
	margin: 0;
}
.gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail {
	display: table;
	margin: 0 auto 20px;
}
.gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail {
	display: table;
	margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item {
	text-align: center;
}
/* Account for 4px margin on the right when calculating width */
.gallery-columns-2 .gallery-item {
	width: 49%;
	width: -webkit-calc(50% -4px);
	width: calc(50% -4px);
}
.gallery-columns-3 .gallery-item {
	max-width: 31%;
	max-width: -webkit-calc(33% -4px);
	max-width: calc(33% -4px);
}
.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% -4px);
	max-width: calc(25% -4px);
}
.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% -4px);
	max-width: calc(20% -4px);
}
.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% -4px);
	max-width: calc(16.7% -4px);
}
.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% -4px);
	max-width: calc(14.28% -4px);
}
.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% -4px);
	max-width: calc(12.5% -4px);
}
.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% -4px);
	max-width: calc(11.1% -4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}
.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.3;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 2px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	-webkit-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
	width: 100%;
}
.gallery-caption:before {
	box-shadow: 0 -10px 15px black inset;
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.gallery-item:hover .gallery-caption {
	opacity: 1;
}
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
	display: none;
}
/*---------------- 16-7-2015 --------------*/
.wrapiframe {
	width: 80%;
	margin: 0 auto;
}

/* ------ Gallery Styling for mobile resolutions ------*/
  
  /*added by me------------------------ 28-7-2015--------------*/
  .page-curl{
    max-width:1140px;
    background:url(images/page-curl-bg.jpg) 0 50% no-repeat;
    /*height:180px;*/
	height:235px;
    margin:15px auto;
}
.page-curl h2{
    font-family: 'Lato', sans-serif;
    font-size:30px;
    text-transform:uppercase;
    text-align:center;
    font-weight:400;
    background:url(images/stroke.jpg) 50% 100% no-repeat;
    padding:8px 0 5px;
}
.flippy {
    position: relative;
}
.flippy > * {
    position: absolute;
    opacity: 0;
    top: -50px;
}
.flippy > *:first-child {
    opacity: 1;
    top: 0;
}
.page-curl ul.flippy{
    margin:0px;
    padding:0px;
}
.page-curl ul.flippy li{
    font-family: 'Lato', sans-serif;
    color:#626262;
    font-size:16px;
    list-style-type:none;
    padding:0px 100px 0 70px;
    text-align:center;
    line-height:28px;
    font-style:italic;
    overflow:hidden;
	width:82%;
}
.page-curl ul.flippy li span{
    display:block;
    text-align:right;
	margin:0 50px 0 0;
}
.page-curl .coma{
    background:url(images/comma-end.png) 95% 60% no-repeat;
    /*min-height:120px;*/
}
 
/*---- 10-8-2015 ------*/
 
.management-team-profile-pic{
	float:left;
	margin:0px 15px 0 0;
	padding:5px;
	border:1px solid #d1d1d1;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
}
.management-team-profile-pic p{
	margin:0px;
}
 
/*=== 14-8-2015 Case study===*/ 
 
.inner .case_study{
	position:relative;
}
.inner .case_study .banner{
	position:absolute;
	right:0%;
	top:-133px;
}
.inner .case_study .highlight{
	/*color:#1f1f1f;
	font-weight:bold;*/
	font-size:16px;
	font-style:italic;
}
.inner .case_study .ditech_logo{
	float:right;
}
.inner .case_study .rean_logo{
	float:left;
	margin-right:20px;
}
/*.inner .case_study a{
	text-decoration:underline;
}
.inner .case_study a:hover{
	text-decoration:none;
}*/
.inner .case_study h2{
	font-size:20px;
	color:#292929;
	font-weight:500;
	text-transform:none;
	margin:30px 0 0;
	padding:0px;
	letter-spacing: normal;
}
.inner .case_study h3{
	font-size:20px;
	color:#fe5000;
	font-weight:500;
	text-transform:none;
	margin:0px;
	padding:0px;
	letter-spacing: normal;
}
h1.cloud::after {
    background: #ef6925 none repeat scroll 0 0;
    bottom: -5px;
    content: "";
    display: inline-block;
    height: 3px;
    left: 45%;
    position: absolute;
    width: 90px;
}
h1.cloud {
    float: left;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    width: 100%;
	text-transform:none;
	letter-spacing:normal;
	margin-top:35px;
}
.formRow img{
    margin-bottom:8px;
} 
div.wpcf7-validation-errors{
    border:none!important;
} 
.formRow input[type="submit"]{
    margin:6px 0 0 0!important;
} 
div.wpcf7-mail-sent-ok{
    border:none!important;  
}

/*=== 18-8-2015 Cloud-consulting-Services === */

.cloud-const-services{
	padding:40px 0;
}
.cloud-const-services h3{
    color: #292929;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    text-transform:capitalize;
}    
.cloud-const-services ul{
	margin:0px 0px 20px;
	padding:0px;
}
.cloud-const-services ul li{
	list-style-position:inside;
}
.cloud-const-services .cloud-const-icon{
	float:right;
	padding-left:20px;
}
  
 .wrapiframe {
  clear: both;
  margin: 0 auto;
  width: 100%;
} 
  .wrapiframe {
  clear: both;
  margin: 0 auto;
  width: 100%;
}
.cloud-partner-cont { padding:10px 0 30px 0;}
.cloud-partner-cont h2.cloud {
  float: left;
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  text-transform: none;
  width: 100%;
}
.cloud-partner-cont span , .cloud-partner-cont a { color:#fe5000;}
.cloud-partner-cont .logo-text {
  color: #292929;
  padding: 0 5px;
}
.cloud-partner-cont .logo-text em {
  color: #fe5000;
  font-family: "Lato",Arial,Helvetica,Verdana,sans-serif;
  font-size: 30px;
  font-style: normal;
  position: relative;
}
.cloud-partner-cont .logo-text em::after {
  background: #fe5000;
  content: " ";
  height: 3px;
  left: 4px;
  overflow: hidden;
  position: absolute;
  top: 2px;
  width: 12px;
}

.slider-btn-aws{
    background: #f9af34;
    border-radius: 3px;
    color: #000 !important;
    font-size: 14px;
    line-height: 24px;
    padding: 7px 6px;
    position: relative;
}
.slider-btn-aws:hover{
    color:#000;
}
  
/*===== 28-8-2015 =======*/

.cloud-const-services .logo-text em::after {
    background: #fe5000 none repeat scroll 0 0;
    content: " ";
    height: 3px;
    left: 4px;
    overflow: hidden;
    position: absolute;
    top: 2px;
    width: 12px;
}
.cloud-const-services .logo-text em {
    color: #fe5000;
    font-family: "Lato",Arial,Helvetica,Verdana,sans-serif;
    font-size: 30px;
    font-style: normal;
    position: relative;
} 
  
/*========== 1-9-2015 ===========*/

.patner-program h2{
	font-size:15px;
	color:#fe5000;
	font-weight:700;
	text-transform:capitalize;
	letter-spacing:normal;
	margin:0px;
	padding:0px;
}
.patner-program .our-patners{
	margin:0px;
	padding:0px;
}
.patner-program .our-patners li{
	margin:0px;
	padding:0px;
	width:33%;
	list-style-type:none;
	display:inline-block;
	text-align:center;
	min-height:81px;
	line-height:81px;
	background:url(http://reancloud.com/wp-content/themes/agile/images/dotted.jpg) 0 0 repeat-x;
	font-size:24px;
	font-weight:700;
	color:#000;
}
.patner-program .our-patners-icons{
	border:1px solid #ccc;
	overflow:hidden;
	margin:15px 0 20px 0;
	padding:2%;
}
.patner-program .our-patners-icons #patner-logo-scroll{
	display:inline-block;
	width:33%;
	/*background:url(http://reancloud.com/wp-content/themes/agile/images/divider-patner-program.jpg) 0 50% no-repeat;*/
}
.patner-program .our-patners-icons #patner-logo-scroll-sec{
	display:inline-block;
	width:33%;
	background:url(http://reancloud.com/wp-content/themes/agile/images/divider-patner-program.jpg) 0 50% no-repeat;
}
.patner-program .our-patners-icons #patner-logo-scroll-third{
	display:inline-block;
	width:33%;
	background:url(http://reancloud.com/wp-content/themes/agile/images/divider-patner-program.jpg) 0 50% no-repeat;
}
.patner-program .our-patners-icons ul{
	margin:0px;
	padding:0px;
	width:100%;
}
/*.patner-program .our-patners-icons ul:first-child{
	background:none;
}*/
.patner-program .our-patners-icons ul li{
	margin:0px auto!important;
	padding:10px 0;
	list-style-type:none;
	display:table;
}
.patner-program .our-patners-icons ul li span{
	display: table-cell;
    margin: 0 auto;
    height: 100px;
	vertical-align:middle;
}
.patner-program .our-patners-icons ul li span img{
	/*max-height:95px;
    width: 135px;*/
	max-width:170px;
}
.patner-program h3{
    font-family: 'Lato', sans-serif;
    font-size: 40px;
    text-transform:inherit;
    text-align: center;
    font-weight: 700;
    background: url(images/stroke.jpg) 50% 100% no-repeat;
    padding: 8px 0 12px;
	margin-bottom:40px;
}
.patner-program .aws-badge-row{
	background:#f3f3f3;
	padding:1% 2%;
	margin:20px 0px;
}
.patner-program .reg-patner-from{
	max-width:440px;
	margin:0 auto;
}
.patner-program .reg-patner-from label{
	display: inline-block;
    width: 120px;
    text-align: right;
    margin: 0 20px 0 0;
	font-size:14px;
	text-transform:capitalize;
}
.patner-program .reg-patner-from label span{
	color:#ff0000;
	font-size:14px;
}
.patner-program .reg-patner-from input[type="text"]{
	display:inline;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	height:32px;
	margin:0 0 12px;
	width:60%;
}
.patner-program .reg-patner-from textarea{
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin:0 0 12px;
	width:98%;
}
.patner-program .reg-patner-from p{
	font-size:15px;
	margin:0px;
	padding:0px 0 8px;
}

.rervises_rean{
}
.rervises_rean ul{
	margin-left:25px;
}
.rervises_rean ul li{
	list-style-type:disc;
	list-style-position: outside !important;
	padding:0 !important;
	line-height:normal !important;
}

.rervises_rean ul li li{
	list-style-type:circle;
}

.rervises_rean ul li{
	margin-bottom:10px;
}
.rervises_rean ul li p{
	margin-bottom:10px !important;
}
.rervises_rean ul li strong{
	font-size:17px;
	font-weight:700;
}
.rervises_rean h3{
	font-size:17px !important;
	color:#EF6A25;
	font-weight:bold;
	margin-bottom:10px !important;
}

.logo-text em::after {
    background: #fe5000 none repeat scroll 0 0;
    content: " ";
    height: 3px;
    left: 4px;
    overflow: hidden;
    position: absolute;
    top: 2px;
    width: 12px;
}
.logo-text em {
    color: #fe5000;
    font-family: "Lato",Arial,Helvetica,Verdana,sans-serif;
    font-size: 30px;
    font-style: normal;
    position: relative;
}
.manage-service-prod h2.cloud::after {
    background: none repeat;
    bottom: -5px;
    content: "";
    display: inline-block;
    height: 3px;
    left: 45%;
    position: absolute;
    width: 90px;
}
.manage-service-prod h2.cloud {
	text-align:left;
	text-transform: initial;
	font-weight:700;
	font-size:34px;
}
.manage-service-prod h2 .logo-text{
	font-weight:500;
}
.partners_logo{
}
.partners_logo ul{
	padding:0 !important;
}
.partners_logo ul.patnership-logo{
	text-align:left !important;
}
.rervises_rean_video_area{
}
.rervises_rean_video{
	width:560px;
	height:315px;
	margin:20px 0;
}
.rervises_rean_video_area p{
	font-size:13px !important;
	margin:5px 0 20px;
}
.rervises_rean_video a{
	display:inline-block;
	color:#5A87C5 !important;
}

/*==== 18-9-2015 ====*/

.dev-pipeline{
}

.dev-pipeline h3{
	font-size: 15px;
    color: #FE5000;
    margin: 20px 0 0 0;
    padding: 0px;
    letter-spacing: normal;
    font-weight: 700;
}

/*==== 24-9-2015 ====*/

.dropdown-menu-wrap ul ul ul.sub-menu {
    border-top: 3px solid #fe5000!important;
    left: 180px;
    margin: -1px;
    top: -3px !important;
}

/*@media Start---------------*/   
	
@media only screen and (max-width: 767px) {
.gallery-columns-1 .gallery-item {
	margin-right: 0;
	width: 100%;
}
.gallery-caption {
	display: none;
}
.wrapiframe {
	width: 100%;
	margin: 0 auto;
}
#portfolio-section ul li {
	float: none !important;
	width: 45% !important;
	padding:5px!important;
} 
}

@media only screen and (max-width: 359px) {
.gallery {
	margin-left: 0;
}
.gallery .gallery-item {
	max-width: none;
	width: 49%;
	width: -webkit-calc(50% -4px);
	width: calc(50% -4px);
}
.gallery-columns-2.gallery-size-thumbnail .gallery-item {
	max-width: none;
	width: 49%;
	width: -webkit-calc(50% -4px);
	width: calc(50% -4px);
}
.gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail {
	display: block;
}
.gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail {
	display: block;
}
.gallery-columns-1 .gallery-item, .gallery-columns-1.gallery-size-medium .gallery-item, .gallery-columns-1.gallery-size-thumbnail .gallery-item {
	text-align: center;
	width: 98%;
	width: -webkit-calc(100% -4px);
	width: calc(100% -4px);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 4px;
}
.gallery br {
	display: none;
}
.gallery .gallery-item:nth-of-type(even) {
	margin-right: 0;
}
}
/*--------- Isotope Portfolio Filtering ------------- */
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/* Isotope CSS3 transitions */
.isotope {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-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-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: top, left, opacity;
	transition-property: transform, opacity;
}
.isotope.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
.isotope.no-transition .isotope-item {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
/* disabling Isotope CSS3 transitions */
/* infinite scroll loading message styling */
#infscr-loading {
	position: fixed;
	text-align: center;
	bottom: 30px;
	left: 42%;
	z-index: 100;
	background: white;
	background: rgba(255, 255, 255, 0.9);
	padding: 20px;
	color: #222;
	font-size: 15px;
	font-weight: bold;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#infscr-loading img {
	float: left;
	width: auto !important;
}
#infscr-loading div {
	float: left;
	padding-left: 10px;
}
/* ------------ Image Frame Styles ---------------- */
.image-box {
	display: block;
}
.custom-img.image-box, .photo-frame.image-box {
	display: table;
/* Use sparingly to avoid firefox max-width issue */ }
.image-area {
	position: relative;
	overflow: hidden;
/* line-height: 0; */ }
.image-area a {
	display: block;
	text-decoration: none;
	color: #fff;
}
.image-area img {
	width: 100%;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}
.image-area:hover .thumbnail {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}
.image-area:hover .image-info {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
	opacity: 1;
}
.image-overlay {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.image-area .image-overlay {
	background: url(images/thumbnail-hover.png) no-repeat scroll 50% 50% transparent;
}
.rounded-img {
	border-radius: 50%;
}
/*---------- Image Info Hover --------------------------*/
.image-info-buttons {
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: -22px;
	z-index: 100;
}
.image-info-buttons i {
	font-size: 16px;
	color: #fff;
	display: block;
	padding: 15px;
	border-radius: 24px;
	background: rgba(254, 80, 0, 0.9);
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out 0s;
	-moz-transition: opacity 0.4s ease-in-out 0s;
	-ms-transition: opacity 0.4s ease-in-out 0s;
	transition: opacity 0.4s ease-in-out 0s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.image-area:hover .image-info-buttons i {
	opacity: 1;
}
.image-info {
	display: block;
	z-index: 120;
	position: absolute;
	padding: 10px 0;
	width: 100%;
	top: auto;
	left: 0;
	bottom: 0;
	text-align: center;
	background: #fe5000;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}
.image-info h3 {
	position: relative;
	top: 20%;
	padding: 10px;
	margin: 0;
	font-size: 18px;
	line-height: 28px;
	color: #fff;
}
.image-info h3 a {
	color: #fff;
}
.image-info h3 a:hover {
	color: #eee;
}
.image-info .terms {
	position: relative;
	top: 20%;
	display: block;
	color: #f9f9f9;
}
.image-info .terms a {
	color: #f9f9f9;
	position: relative;
	display: inline;
	zoom: 1;
	font-size: 14px;
	line-height: 26px;
}
.image-info .terms a:hover {
	color: #e5e5e5;
}
.type-portfolio .image-info .terms {
	display: block;
}
/* Four column layouts require less information to be shown in the image info 
since not everything will fit there */
.image-grid .threecol .image-info .terms {
	display: none;
}
.image-grid .threecol .image-info h3 {
	padding: 5px 0;
}
.image-grid .threecol .image-info-buttons {
	top: 20%;
}
/* ------------------------ Sliders - Nivo, Flex and Revolution Slider ----------------------------------- */
#slider-area {
	clear: both;
	margin: 0 auto;
	width: 100%;
	background: #3F3B39;
}
#slider-area .image-area {
	background: none;
	box-shadow: none;
	border: none;
}
#slider-area #slider-error {
	padding: 240px 0;
	color: #bbb;
}
/*--------------------------------------------------------------------*/
/*	Responsive Flex Slider Styles
/*--------------------------------------------------------------------*/
/* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* FlexSlider Necessary Styles *********************************/
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
/*-webkit-backface-visibility: hidden; */ }
.flexslider .slides img {
	display: block;
}
/* Causes issues with fixed backgrounds in Chrome/Safari */
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {
	text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}
/* FlexSlider Default Theme *********************************/
.flexslider {
	background: transparent;
	padding: 0;
	max-width: 100%;
	position: relative;
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 2s ease 1s;
	-moz-transition: all 2s ease 1s;
	transition: all 2s ease 1s;
}
.loading .flex-viewport {
	max-height: 300px;
}
.flexslider .slides {
	zoom: 1;
}
.carousel li {
	margin-right: 5px;
}
.flexslider .slides > li {
	margin: 0;
	position: relative;
}
.flexslider .slides .image-area {
	float: none;
}
.flexslider .slides img {
	display: block;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
/* Caption styles */
.flex-caption {
	position: absolute;
	left: 150px;
	bottom: 30%;
	width: 35%;
	max-width: 450px;
	z-index: 89;
}
.flex-caption a, .flex-caption .flex-summary {
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=55);
/*IE*/ }
.flex-caption a {
	display: inline !important;
	font-size: 36px;
	font-weight: 500;
	line-height: 50px;
	color: #EFEFEF !important;
	padding: 2px 15px;
}
.flex-caption .flex-summary {
	color: #ccc;
	margin-top: 5px;
	padding: 10px 15px 10px 15px;
	margin: 10px 0 0;
	font-size: 18px;
	line-height: 26px;
}
/* Direction Nav */
.flex-direction-nav {
 *height: 0;
	display: block;
}
.flex-direction-nav li {
	margin: 0;
}
.flex-direction-nav a {
	display: block;
	position: absolute;
	text-indent: -9999px;
	background-color: #888;
	z-index: 10;
	/* IE */
	background-color: rgba(77, 76, 76, 0.6);
	height: 25px;
	width: 25px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.flex-direction-nav .flex-next {
	right: 10px;
	bottom: 10px;
}
.flex-direction-nav .flex-prev {
	right: 40px;
	bottom: 10px;
}
.flex-direction-nav a:hover {
	background-color: #666;
	/* IE */
	background-color: rgba(51, 51, 51, 0.8);
}
.flex-direction-nav .flex-prev span {
	top: 5px;
	right: 9px;
	position: absolute;
	display: block;
	height: 12px;
	width: 8px;
	background-image: url("images/sliders/arrows-sliders.png");
	background-position: right bottom;
}
.flex-direction-nav .flex-next span {
	top: 5px;
	right: 9px;
	position: absolute;
	display: block;
	height: 12px;
	width: 8px;
	background-image: url("images/sliders/arrows-sliders.png");
	background-position: right bottom;
	background-position: right bottom;
}
.flex-direction-nav .flex-prev span {
	background-position: left bottom;
}
/* Control Nav */
.flex-control-nav {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	text-align: center;
}
#slider-area .flex-control-nav, .segment .flex-control-nav {
	bottom: 0;
}
.flex-control-nav li {
	margin: 0 4px;
	display: inline-block;
	zoom: 1;
 *display: inline;
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	background-color: #ddd;
	/* IE */
	background-color: rgba(218, 218, 218, 0.8);
	width: 14px;
	height: 14px;
	border-radius: 14px;
}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active {
	background-color: #fafafa;
	/* IE */
	background-color: rgba(255, 255, 254, 0.9);
}
.flex-control-nav li a.flex-active, .flex-control-nav li a:hover {
	background-color: #fafafa;
	/* IE */
	background-color: rgba(255, 255, 254, 0.9);
}
ol.flexlite-control-nav.flexlite-control-paging {
	display: none;
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}
.flex-control-thumbs img:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	cursor: default;
}
.segment .flex-control-nav li a {
	width: 20px;
	height: 20px;
}
.segment .flex-control-nav li a:hover, .segment .flex-control-nav li a.flex-active {
	background-color: #fe5000;
}
/* ----- Inline flex slider styling ----------*/
.flex-slider-container.loading {
	background: #202834 url(images/sliders/ajax-loader.gif) no-repeat 50% 50%;
}
.flex-slider-container .flexslider {
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}
.flex-slider-container.loading .flexslider {
	visibility: hidden;
	opacity: 0;
}
/* --------- Slider Area styling ------ */
#slider-area .flex-direction-nav a {
	width: 40px;
	height: 40px;
	bottom: 50%;
	top: 45%;
}
#slider-area .flex-direction-nav .flex-next span, #slider-area .flex-direction-nav .flex-prev span {
	height: 18px;
	width: 12px;
	top: 10px;
	left: 14px;
}
#slider-area .flex-direction-nav .flex-next span {
	background-position: right top;
}
#slider-area .flex-direction-nav .flex-prev span {
	background-position: left top;
}
#slider-area .flexslider .flex-next {
	right: 0;
}
#slider-area .flexslider .flex-prev {
	right: inherit;
}
#slider-area .rev_slider_wrapper {
	border-bottom: none;
}
#slider-area .flex-caption a {
	font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 900;
}
#slider-area .widget {
	margin-bottom: 0;
}
#slider-area .widget ul li {
	border-top: none;
}
#slider-area .widget ul li:hover {
	padding-left: 0;
}
#slider-area .widget-title {
	display: none;
}
/*--------------------------------------------------------------------*/
/*	OTHER SLIDERS - NIVO
/*--------------------------------------------------------------------*/
/* === The Nivo Slider styles - do not modify unless you know what you are doing == */
/* === For customization, see below === */
.nivoSlider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important;
	width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
	background: white;
	filter: alpha(opacity=0);
	opacity: 0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
	top: 0;
}
.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
	overflow: hidden;
}
.nivo-box img {
	display: block;
}
/* Caption styles - customized */
.nivo-caption {
	position: absolute;
	left: 150px;
	bottom: 35%;
	color: #EFEFEF;
	font-weight: normal;
	width: 40%;
	max-width: 400px;
	z-index: 8;
	overflow: hidden;
	display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nivo-caption .nivo-summary {
	margin: 15px 0 0;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 26px;
	padding: 5px 15px;
}
.nivo-caption a {
	padding: 6px 15px;
}
.nivo-caption .nivo-summary, .nivo-caption a {
	background: #333;
	opacity: 0.6;
	-moz-opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
	filter: alpha(opacity=60);
}
.nivo-html-caption {
	display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position: absolute;
	top: 45%;
	z-index: 9;
	cursor: pointer;
}
.nivo-prevNav {
	left: 0px;
}
.nivo-nextNav {
	right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align: center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor: pointer;
}
.nivo-controlNav a.active {
	font-weight: bold;
}
/* ===== Nivo Slider Custom styles - modify below if required === */
#nivo-slider-wrap {
	position: relative;
	background: #202834 url(images/sliders/ajax-loader.gif) no-repeat 50% 50%;
}
#nivo-slider {
	position: relative;
	margin: 0 auto;
	display: block;
	color: black;
	height: auto;
	overflow: hidden;
	-webkit-transition: opacity 0.4s ease-in-out 0s;
	-moz-transition: opacity 0.4s ease-in-out 0s;
	transition: opacity 0.4s ease-in-out 0s;
}
#nivo-slider.loading {
	height: 500px;
	visibility: hidden;
	opacity: 0;
}
#content .wpcf7-form p{
	margin:2px 0px!important;
}

.reg-patner-from .wpcf7-form input[type="submit"]{
	float:none;
	background:url(images/arrow-white.png)5px 50% no-repeat #fe5000;
}


@media only screen and (max-width: 1400px) {
#nivo-slider.loading {
	height: 350px;
}
}

@media only screen and (max-width: 1024px) {
#nivo-slider.loading {
	height: 310px;
}
}

@media only screen and (max-width: 980px) {
.page-curl{
    max-width:100%;
    background:#f8f8f6!important;
    height:auto!important;
    margin:15px auto;
}
.page-curl .coma{
	background:none;
}
}


@media only screen and (max-width: 767px) {
#nivo-slider.loading {
	height: 230px;
}
}

@media only screen and (max-width: 479px) {
#nivo-slider.loading {
	height: 140px;
}
#content .contact-form p, #content .wpcf7-form p {
	display: block;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}
}
.nivo-caption h3 {
	margin: 0;
}
.nivo-caption a {
	font-size: 32px;
	line-height: 1.3em;
	margin: 0;
	color: #EFEFEF !important;
}
#nivo-slider a {
	border: 0;
}
.nivo-controlNav {
	position: absolute;
	left: 50%;
	bottom: -5px;
	z-index: 8;
	margin-left: -30px;
}
.nivo-controlNav a {
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	margin-right: 8px;
	float: left;
	text-indent: -9999px;
	background-color: #bbb;
	/* IE */
	background: rgba(180, 180, 180, 0.7);
}
.nivo-controlNav a.active, .nivo-controlNav a:hover {
	background: rgba(255, 255, 255, 0.8);
}
.nivo-directionNav a {
	display: block;
	text-indent: -9999px;
	border: 0;
	width: 40px;
	height: 40px;
	bottom: 50%;
	top: 45%;
	background-color: #888;
	/* IE */
	background: rgba(77, 76, 76, 0.6);
	position: absolute;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.nivo-directionNav a:hover {
	background-color: #666;
	/* IE */
	background: rgba(51, 51, 51, 0.8);
}
/* Direction nav styles (e.g. Next & Prev) */
a.nivo-nextNav {
	right: 0;
}
a.nivo-prevNav {
	left: 0;
}
.nivo-directionNav .nivo-prevNav span {
	position: absolute;
	height: 18px;
	width: 12px;
	top: 10px;
	left: 14px;
	display: block;
	background-image: url("images/sliders/arrows-sliders.png");
}
.nivo-directionNav .nivo-nextNav span {
	position: absolute;
	height: 18px;
	width: 12px;
	top: 10px;
	left: 14px;
	display: block;
	background-image: url("images/sliders/arrows-sliders.png");
	background-position: right top;
}
.nivo-directionNav .nivo-prevNav span {
	background-position: left top;
}
/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com by Steven Wanderski
*/
/** RESET AND LAYOUT ===================================*/
.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
 *zoom: 1;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bx-wrapper .bx-viewport {
	border: solid #fff 5px;
	left: -5px;
	background: #fff;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	background: url(images/sliders/bx_loader.gif) center center no-repeat white;
}
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
 *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
 *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fe5000;
}
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/sliders/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/sliders/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background-color: #888;
	/* IE */
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
/** THEME ===================================*/
/* LOADER */
/* PAGER */
/* AUTO CONTROLS (START / STOP) */
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
/* IMAGE CAPTIONS */
/* DIRECTION CONTROLS (NEXT / PREV) */
.carousel-container .bx-wrapper .bx-prev, .carousel-container .bx-wrapper .bx-next {
	background-image: url("images/sliders/carousel-nav.png");
}
.carousel-container .bx-wrapper .bx-prev {
	background-position: 0px 0px;
	margin-right: 6px;
}
.carousel-container .bx-wrapper .bx-next {
	background-position: -42px 0px;
}
.carousel-container .bx-wrapper .bx-prev:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}
.carousel-container .bx-wrapper .bx-next:hover {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
.carousel-container .bx-wrapper .bx-controls-direction {
	position: absolute;
	display: block;
	top: auto;
	bottom: -35px;
	margin-left: 5px;
	list-style: none;
}
.carousel-container .bx-wrapper .bx-controls-direction a {
	display: inline-block;
	width: 32px;
	height: 26px;
	text-indent: -9999px;
	cursor: pointer;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
/* Preload of carousel */
.carousel-wrap.loading {
	background: whitesmoke url(images/sliders/preloader.gif) no-repeat 50% 50%;
	height: 160px;
	overflow: hidden;
}
.carousel-container {
	-webkit-transition: opacity 0.4s ease-in-out 0s;
	-moz-transition: opacity 0.4s ease-in-out 0s;
	transition: opacity 0.4s ease-in-out 0s;
}
.carousel-wrap.loading .carousel-container {
	visibility: hidden;
	opacity: 0;
}
.carousel-container {
	padding-bottom: 40px;
}
/* TODO: Remove references to iphone-slider-container - kept for compatibility to previous versions of theme */
.smartphone-slider, .iphone-slider-container {
	position: relative;
	margin: 0 auto;
}
.smartphone-slider .flex-next, .iphone-slider-container .flex-next {
	right: 10px;
	bottom: 10px;
	border-radius: 50%;
}
.smartphone-slider .flex-prev, .iphone-slider-container .flex-prev {
	right: 40px;
	bottom: 10px;
	border-radius: 50%;
}
.smartphone-slider .flex-prev, .smartphone-slider .flex-next, .iphone-slider-container .flex-prev, .iphone-slider-container .flex-next {
	display: none;
}
.smartphone-slider .flex-slider-container:hover .flex-prev, .smartphone-slider .flex-slider-container:hover .flex-next, .iphone-slider-container .flex-slider-container:hover .flex-prev, .iphone-slider-container .flex-slider-container:hover .flex-next {
	display: block;
}
.smartphone-slider .flex-slider-container.loading, .iphone-slider-container .flex-slider-container.loading {
	background-color: #333;
}
.smartphone-slider .flex-slider-container {
	position: absolute;
	overflow: hidden;
}
.iphone-slider-container {
	max-width: 534px;
}
.iphone-slider-container .flex-slider-container {
	position: absolute;
	overflow: hidden;
}
.ipad-slider-container {
	max-width: 738px;
}
.galaxys4-slider-container, .htcone-slider-container {
	max-width: 331px;
}
.iphone-slider-container .flex-slider-container {
	top: 16.3%;
	left: 16.8%;
	width: 63.5%;
	height: 62%;
}
.ipad-slider-container .flex-slider-container {
	top: 11.3%;
	left: 10.2%;
	width: 80%;
}
.galaxys4-slider-container .flex-slider-container {
	top: 9.2%;
	left: 4.8%;
	width: 90.8%;
	height: 81.6%;
}
.htcone-slider-container .flex-slider-container {
	top: 9.5%;
	left: 6.5%;
	width: 87%;
	height: 76.4%;
}
/* ------------------------ WordPress Widgets ----------------------------------- */
.widget {
	font-size: 14px;
	line-height: 26px;
	margin: 0 0 20px 0;
	overflow: hidden;
}
.widget ol, .widget ul, .widget ol li, .widget ul li {
	margin: 0;
	list-style: none;
}
.widget li {
	padding: 12px 0;
	-webkit-transition: padding 0.3s ease-in-out 0s;
	-moz-transition: padding 0.3s ease-in-out 0s;
	transition: padding 0.3s ease-in-out 0s;
	padding-left: 18px;
	background: url("http://reancloud.com/wp-content/themes/agile/images/icons/bullet.png") no-repeat 4px 20px;
	border-top: 1px dotted #aaa;
}
.widget li:hover {
	padding-left: 22px;
}
ul.post-list .widget li:hover {
	padding-left: 0;
}
.widget li:first-child {
	border: none !important;
	padding-top: 0;
	background-position: 4px 8px;
}
#footer .widget li:first-child {
	border: none;
}
#footer .widget li {
	background-image: url("images/icons/bullet-footer.png");
	background-repeat: no-repeat;
	border-top: 1px solid #555557;
}
.widget-title {
	color: #292929;
	font-size: 24px;
	font-weight: 700;
	padding: 0 0 10px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #bbb;
}
#sidebar-header .widget-title {
	display: none;
/* Do not display titles for header widgets */ }
.widget .post-list .entry-text-wrap {
	float: none;
}
/*--------- 125x125 Advertisement Styling --------- */
#advertisement-125 {
	padding: 0;
	overflow: hidden;
}
#advertisement-125 a {
	display: block;
	float: left;
	padding: 0;
	margin: 10px 9px 0 9px;
}
#advertisement-125 img {
	padding: 2px;
	background: #FEFEFE;
	border: 1px solid #ccc;
	width: 125px;
	height: 125px;
}
/*---------- Social List ---------- */
ul.social-list {
	list-style: none;
	margin: 0;
	display: block;
}
ul.social-list.center {
	margin: 5px auto;
}
ul.social-list li {
	padding: 0;
	list-style: none;
	margin: 0 10px 0 0;
	background: none !important;
	display: inline-block;
	float: left;
}
ul.social-list li:last-child {
	margin-right: 0;
}
ul.social-list a {
	color: #777;
	display: block;
	margin-right: 5px;
	-webkit-transition: color 0.2s ease-in-out 0s;
	-moz-transition: color 0.2s ease-in-out 0s;
	transition: color 0.2s ease-in-out 0s;
}
ul.social-list a i {
	font-size: 24px;
	line-height: 28px;
}
ul.social-list a:hover i {
	color: #888;
}
.widget ul.social-list a {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
	filter: alpha(opacity=70);
}
.widget ul.social-list li {
	border: none !important;
	padding-left: 0 !important;
}
.widget ul.social-list a:hover {
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
#footer .widget ul.social-list {
	display: table;
}
#footer .widget ul.social-list a {
	margin: 0 20px 10px 0;
}
#footer .widget ul.social-list a i {
	font-size: 32px;
	color: #999;
}

@media only screen and (max-width: 479px) {
#footer .widget ul.social-list a {
	margin: 0 8px 5px 0;
}
#footer .widget ul.social-list a i {
	font-size: 24px;
}
}
#footer .widget ul.social-list a:hover {
	color: #d3d3d3;
}
#footer .widget ul.social-list a:hover i {
	color: #d3d3d3;
}
/* ------ Nav menu widget --------*/
.widget.widget_nav_menu ul li:hover, .widget.widget_rss ul li:hover {
	padding-left: 18px;
}
.widget.widget_nav_menu ul li:hover > a {
	padding-left: 4px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
/*-------------- Search Widget ----------------- */
.widget-search {
	margin: 0 0 20px;
	padding: 0;
}
.widget-search h3 {
	display: none;
}
.search-form {
	position: relative;
	max-width: 233px;
	border: none;
	-moz-box-shadow: 0 0 3px white;
	-webkit-box-shadow: 0 0 3px white;
	box-shadow: 0 0 3px white;
	width: 100%;
}
#footer .search-form {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}
.search-form label {
	display: none;
}
.search-form .search-text {
	display: block;
	position: relative;
	right: 0;
	width: 100%;
	height: 35px;
	margin: 0;
	border: none;
	padding: 5px 5px 5px 30px;
	font-size: 13px;
	line-height: 24px;
	font-weight: 500;
	color: #777777;
	background-color: #Fbfbfb;
	border-bottom: 1px solid rgba(196, 196, 196, 0.4);
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	border-radius: 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: inset 0px 1px 2px rgba(79, 79, 79, 0.5);
	-moz-box-shadow: inset 0px 1px 2px rgba(79, 79, 79, 0.5);
	-ms-box-shadow: inset 0px 1px 2px rgba(79, 79, 79, 0.5);
	box-shadow: inset 0px 1px 2px rgba(79, 79, 79, 0.5);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.search-form .search-text:focus {
	color: #696969;
	background-color: #fff;
	font-style: normal;
}
.search-form .submit {
	background: url(images/icons/search-icon.png) no-repeat center transparent !important;
	display: block;
	margin: 0;
	padding: 5px 5px 5px 28px;
	position: absolute;
	left: 0;
	top: 0;
	border: none;
	cursor: pointer;
	height: 35px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}
.search-form .submit:hover {
	background-color: transparent !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}
/* Text Widget */
#widget-text {
	margin: 0 0 20px 0;
}
/*------------- Flickr Widget -------------- */
#flickr-widget {
	margin: 10px 0 0 0;
}
#flickr-widget .flickr_badge_image {
	float: left;
	line-height: 100%;
	margin: 0 6px 6px 0;
}
#footer #flickr-widget .flickr_badge_image {
	margin: 0 10px 10px 0;
}
#flickr-widget .flickr_badge_image img {
	display: block;
	width: 75px;
	height: 75px;
	-webkit-transition: padding 0.2s ease-in-out 0s;
	-moz-transition: padding 0.2s ease-in-out 0s;
	transition: padding 0.2s ease-in-out 0s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#flickr-widget .flickr_badge_image img:hover {
	background-color: #f4f4f4;
	border: 4px solid #fe5000;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
/* ------------ Author Widget ------ */
#author-widget .widget-title {
	border-bottom: none;
}
#author-widget .avatar-wrap {
	float: left;
	margin-right: 40px;
}
#author-widget .avatar-wrap img {
	border-radius: 50%;
}
#author-widget .author-name {
	font-size: 18px;
	line-height: 22px;
	font-family: "Merriweather", "Arvo", Georgia, Times, serif;
	font-weight: 500;
	margin-right: 10px;
}
/* Make an exception for author widget */
#sidebar-after-singular #author-widget {
	padding: 0;
}
/* Calendar Widget */
.widget_calendar caption {
	margin-bottom: 10px;
	font-weight: 600;
}
/*--------- Contact Info Widget ---------- */
.contact-info p span {
	display: block;
}
.contact-info .mini-separator {
	margin-bottom: 30px;
}
.widget .contact-info p {
	margin-bottom: 10px;
}
/* ---------- Recent Comments ---------- */
ul#recentcomments li.recentcomments {
	background: url(images/icons/comment-icon-sidebar.png) left center no-repeat transparent;
	padding-left: 26px;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
ul#recentcomments li.recentcomments:first-child {
	background-position: 0 5px;
}
ul#recentcomments li.recentcomments a {
	display: inline !important;
	padding: 0;
	margin: 0;
	color: #fe5000;
	font-style: normal;
}
ul#recentcomments li.recentcomments a:hover {
	color: #666;
}
#footer ul#recentcomments li.recentcomments a:hover {
	color: #DBDBD9;
}
ul#recentcomments li.recentcomments a.url {
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
ul#recentcomments li.recentcomments:after {
	font-family: 'icomoon';
	speak: none;
	line-height: 1;
}
/* ------------ Tag Cloud - Tag/Category/Taxonomy Term Cloud widget ----------------*/
.term-cloud {
	margin: 0;
	padding: 0 4px 10px;
}
.term-cloud a {
	display: inline;
	color: #55585b;
	float: left;
	padding: 2px 6px;
	margin: 0 5px 5px 0;
	font-size: 12px !important;
	text-transform: none;
	line-height: 20px;
	background-color: #eaeaea;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.term-cloud a:hover {
	color: #fff !important;
	background-color: #fe5000;
}
#footer .term-cloud a {
	color: #d5d5d5;
	background-color: #555;
}
#footer .term-cloud a:hover {
	color: #fff !important;
}
/* --------- Mailchimp integration ---------- */
div.mc_merge_var, div.mc_signup_submit {
	display: inline-block;
	margin-top: 10px;
}
#mc_signup_form .mc_var_label {
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
}
#mc_signup_form .mc_input {
	display: inline-block;
	padding: 8px;
	margin: 0 15px 0 0;
	line-height: 20px;
}
#footer #mc_signup_form .mc_input {
	background: #686868;
	border: 1px solid #444;
}
#mc_signup_submit {
	color: #ffffff !important;
	background-color: #fe5000 !important;
	border-color: #37b4ee #1c8bbe #1c8bbe #37b4ee;
	padding: 8px 30px;
	margin: 0;
}
#mc-indicates-required {
	margin: 10px 0 0;
	display: none;
}
/* ------------------------ WordPress Shortcodes ----------------------------------- */
/*----------------- Highlighting --------------- */
.highlight1 {
	background: #ffff99;
}
.highlight2 {
	background: #555;
	color: #FFF;
}
/*----------------------- Pull Quotes --------- */
.pullquote {
	font: normal 18px/32px "Merriweather", "Arvo", Georgia, Times, serif;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	padding: 0;
	color: #555;
}
.quote-wrap.alignleft {
	float: left;
	width: 230px;
	margin: 0 20px 0 0;
	border-top: 1px solid #555;
	padding: 2px 0;
}
.quote-wrap.alignleft .pullquote {
	border-top: 1px dotted #555;
	padding-top: 14px;
}
.quote-wrap.alignright {
	float: right;
	width: 230px;
	margin: 0 0 0 20px;
	border-top: 1px solid #555;
	padding: 2px 0;
}
.quote-wrap.alignright .pullquote {
	border-top: 1px dotted #555;
	padding-top: 14px;
}
.quote-wrap.alignnone {
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	padding: 2px 0;
}
.quote-wrap.alignnone .pullquote {
	border-top: 1px dotted #555;
	border-bottom: 1px dotted #555;
	padding-top: 21px;
	padding-bottom: 21px;
}
blockquote {
	font: normal 18px/32px "Merriweather", "Arvo", Georgia, Times, serif;
	font-weight: normal;
	font-style: italic;
	color: #555;
	padding: 5px 15px 5px 50px;
	background: url("images/quote.png") no-repeat scroll 0 0 transparent;
	overflow: hidden;
}
blockquote .author, blockquote em, blockquote i, blockquote cite {
	color: #292929;
	font-style: normal;
	font-size: 13px;
	font-weight: 400;
}
blockquote.alignleft {
	margin: 0px 20px 0 0;
	width: 230px;
}
blockquote.alignright {
	margin: 0px 0 0 20px;
	width: 230px;
}
blockquote p {
	margin-bottom: 10px;
}
.dark-bg blockquote {
	color: #eeeeee;
}
.dark-bg blockquote > p {
	color: #eeeeee;
}
/*--------------------- Begin Typography: List Styles ----------------- */
ul.list1, ul.list2, ul.list3, ul.list4, ul.list5, ul.list6, ul.list7, ul.list8, ul.list9, ul.list10, ul.list11, ul.list12, ul.list13 {
	position: relative;
	overflow: hidden;
	margin: 5px 0px 5px 4px;
}
ul.list1 li, ul.list2 li, ul.list3 li, ul.list4 li, ul.list5 li, ul.list6 li, ul.list7 li, ul.list8 li, ul.list9 li, ul.list10 li, ul.list11 li, ul.list12 li, ul.list13 li, ul.list-none li {
	margin: 0 0 5px 0;
	padding: 0 0 2px 28px;
	list-style: none outside none;
}
ul.list1 li {
	background: url("images/icons/bullet-arrow.png") no-repeat -2px 5px;
	padding-left: 20px;
}
ul.list2 li {
	background: url(images/icons/check.png) no-repeat scroll 3px 5px transparent;
}
ul.list3 li {
	background: url(images/icons/fugue/arrow.png) no-repeat scroll 0 3px transparent;
}
ul.list4 li {
	background: url(images/icons/fugue/heart.png) no-repeat scroll 0 3px transparent;
}
ul.list5 li {
	background: url(images/icons/fugue/light-bulb.png) no-repeat scroll 0 3px transparent;
}
ul.list6 li {
	background: url(images/icons/fugue/share.png) no-repeat scroll 0 3px transparent;
}
ul.list7 li {
	background: url(images/icons/fugue/sticky-note-pin.png) no-repeat scroll 0 3px transparent;
}
ul.list8 li {
	background: url(images/icons/fugue/medal.png) no-repeat scroll 0 3px transparent;
}
ul.list9 li {
	background: url(images/icons/fugue/fire.png) no-repeat scroll 0 3px transparent;
}
ul.list10 li {
	background: url(images/icons/fugue/star.png) no-repeat scroll 0 3px transparent;
}
ul.list11 li {
	background: url(images/icons/fugue/feed.png) no-repeat scroll 0 3px transparent;
}
ul.list12 li {
	background: url(images/icons/fugue/balloon-twitter.png) no-repeat scroll 0 3px transparent;
}
ul.list13 li {
	background: url(images/icons/fugue/card-address.png) no-repeat scroll 0 3px transparent;
}
ul.list-none li {
	position: relative;
	overflow: hidden;
}
list-none {
	position: relative;
	overflow: hidden;
	margin: 5px 0px 5px 4px;
}
/** ---------------------------------- RSS Block --------------- */
.rss-block {
	background: #EAEAFF;
	border: 1px solid #CCCCFF;
	padding: 10px;
	margin: 10px 0;
	clear: both;
	font: normal 13px/1.5 "Merriweather", "Arvo", Georgia, Times, serif;
	word-spacing: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/** ---------------------------------- Paypal Donate Button --------------- */
.donate-button {
	display: block;
	text-indent: -9999px;
	background: url(images/btn_donate_lg.gif) no-repeat scroll 0 3px transparent;
	width: 100px;
	height: 36px;
}
.donate-button-plus {
	display: block;
	text-indent: -9999px;
	background: url(images/btn_donatecc_lg.gif) no-repeat scroll 0 3px transparent;
	width: 155px;
	height: 55px;
}
/*----------------------- Divider Styling --------------------------------------------*/
.divider {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	padding-top: 19px;
	margin-bottom: 40px;
	margin-top: 40px;
}
.divider-space {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.divider-line {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	border-bottom: 1px solid #bbb;
	margin-bottom: 19px;
	line-height: 0;
}
.divider-fancy {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	margin-top: 60px;
	margin-bottom: 39px;
	height: 1px;
	background: url("images/border-gradient.png") no-repeat center center;
}
.header-fancy {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	padding: 0 10px;
	margin-top: 35px;
	margin-bottom: 40px;
	background: url("images/content-horizontal-seperator.png") no-repeat center center;
	text-align: center;
	height: 28px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 3px;
}
.header-fancy span {
	display: inline-block;
	padding: 4px 16px;
	background-image: none !important;
	background-color: #fe5000;
	color: #fff;
	font-size: 12px;
	word-spacing: 3px;
}
.mini-separator {
	height: 1px;
	width: 105px;
	background-color: #808080;
}
.mini-separator-thick {
	height: 4px;
	width: 85px;
	background-color: #808080;
	margin-top: 20px;
}
.heading2 .mini-separator {
	margin-bottom: 20px;
}
h3.fancy-header {
	color: #fefefe;
	background-color: #fe5000;
	text-align: center;
	margin: 0 auto;
	display: inline-block;
	padding: 12px 60px;
	font-size: 16px;
	line-height: 16px;
}
.top-of-page {
	position: relative;
	text-align: right;
	font-size: 10px;
	margin-bottom: 25px;
	line-height: 1.2;
}
.top-of-page a {
	color: #999;
}
.top-of-page a:active, .top-of-page a:visited {
	color: #999;
}
.top-of-page a:hover {
	color: #fe5000;
}
/*-------------------- Box Styles ---------- */
.message-box {
	padding: 25px 55px 5px 25px !important;
	margin: 20px 0 !important;
	background: #EEE;
	word-spacing: 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #555;
	overflow: auto;
	position: relative;
}
.message-box .contents {
	margin: 0 0 15px 0;
}
.message-box code {
	background: transparent;
	margin: 0 2px;
}
.message-box .title {
	text-transform: uppercase;
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: bolder;
}
.message-box p {
	margin: 0 0 10px 0;
}
.message-box a.close {
	position: absolute;
	right: 20px;
	top: 40%;
}
.message-box a.close i {
	color: #999;
	font-size: 24px;
}
.info {
	background: #E8F8FF;
	border: 1px solid #c6ebfb;
}
.note {
	background: #FEFED6;
	border: 1px solid #EDED03;
}
.attention {
	background: #F0F4F9;
	border: 1px solid #C9B8BD;
}
.warning {
	background: #FCF5E2;
	border: 1px solid #F4DC9D;
}
.tip {
	background: #FAF2EF;
	border: 1px solid #ECCDC1;
}
.success {
	background: #E8F8D8;
	border: 1px solid #cae88c;
}
.errors {
	background: #FFF4F4;
	border: 1px solid #ffd9d9;
}
/* ----------- Box Frame ----------*/
.box-frame {
	position: relative;
	border: 1px solid #d9d9d9;
	margin: 20px 0;
	background: #FAFAFA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 1024px) {
.box-frame {
	max-width: 280px;
	margin: 0 auto;
}
.page-curl{
    max-width:100%;
    background:url(images/page-curl-bg.jpg) 0 50% no-repeat;
	background-size:cover;
    height:150px;
    margin:15px auto;
}
.page-curl h2{
	margin:0px;
}
.page-curl ul.flippy li{
	padding-top:0px;
}

}

@media only screen and (max-width: 767px) {
.box-frame {
	margin-bottom: 15px;
}
}
.box-frame .box-header {
	font-size: 16px;
	border-bottom: 1px solid #D1D1D1;
	border-radius: 5px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #FFF;
	padding: 8px 30px;
	text-shadow: 0 1px #eee;
	text-align: center;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	background-image: -moz-linear-gradient(top, white, #f1f1f1);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f1f1f1), color-stop(1, white));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');
}
.box-frame .box-contents {
	padding: 10px 20px;
}
.threecol .box-frame .box-contents {
	padding: 15px 10px;
}
.fourcol .box-frame .box-contents {
	padding: 20px;
}
/*---------------- Column shortcodes ------------------------------------------------------------------------------------*/
/* ------- Based on the 1140px Grid V2 by Andy Taylor \ http://cssgrid.net ------ */
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
	margin-right: 3.8%;
	float: left;
	min-height: 1px;
}
.onecol {
	width: 4.85%;
}
.twocol {
	width: 13.45%;
}
.threecol {
	width: 22.05%;
}
.fourcol {
	width: 30.75%;
}
.fivecol {
	width: 39.45%;
}
.sixcol {
	width: 48%;
}
.sevencol {
	width: 56.75%;
}
.eightcol {
	width: 65.4%;
}
.ninecol {
	width: 74.05%;
}
.tencol {
	width: 82.7%;
}
.elevencol {
	width: 91.35%;
}
.twelvecol, .fullwidth {
	width: 100%;
	float: none;
}
.last {
	margin-right: 0px !important;
}
/*--------- No margin columns ----*/
.zero-margin {
	margin-left: 0;
}
#content .zero-margin {
	margin-right: 0 !important;
}
.onecol.zero-margin, .twocol.zero-margin, .threecol.zero-margin, .fourcol.zero-margin, .fivecol.zero-margin, .sixcol.zero-margin, .sevencol.zero-margin, .eightcol.zero-margin, .ninecol.zero-margin, .tencol.zero-margin, .elevencol.zero-margin {
	margin-right: 0;
}
.onecol.zero-margin {
	width: 8.33%;
}
.twocol.zero-margin {
	width: 16.66%;
}
.threecol.zero-margin {
	width: 24.96%;
}
.fourcol.zero-margin {
	width: 33.3%;
}
.fivecol.zero-margin {
	width: 41.66%;
}
.sixcol.zero-margin {
	width: 50%;
}
.sevencol.zero-margin {
	width: 58.33%;
}
.eightcol.zero-margin {
	width: 66.6%;
}
.ninecol.zero-margin {
	width: 75%;
}
.tencol.zero-margin {
	width: 83.3%;
}
.elevencol.zero-margin {
	width: 91.66%;
}
/*---------- Grid for portfolio items and posts grid layout ------------------*/
.image-grid .sixcol, .image-grid .fourcol, .image-grid .threecol {
	padding: 0 !important;
	margin: 0;
	margin-right: 1.9% !important;
	margin-bottom: 22px;
}
.image-grid .sixcol {
	width: 48%;
}
.image-grid .fourcol {
	width: 31.2%;
}
.image-grid .threecol {
	width: 22.9%;
}
.image-grid .sixcol.zero-margin {
	width: 49.9%;
}
.image-grid .fourcol.zero-margin {
	width: 33.3%;
}
.image-grid .threecol.zero-margin {
	width: 24.96%;
}
.image-grid .twocol.zero-margin {
	width: 16.64%;
}

@media only screen and (max-width: 1024px) {
.image-grid .twocol.zero-margin {
	width: 24.96%;
}
}
.image-grid .sixcol.zero-margin, .image-grid .fourcol.zero-margin, .image-grid .threecol.zero-margin, .image-grid .twocol.zero-margin {
	padding: 0 !important;
	margin: 0 !important;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.image-grid .sixcol.zero-margin, .image-grid .fourcol.zero-margin, .image-grid .threecol.zero-margin, .image-grid .twocol.zero-margin {
	width: 49.8%;
}
}

@media only screen and (max-width: 479px) {
.image-grid .sixcol.zero-margin, .image-grid .fourcol.zero-margin, .image-grid .threecol.zero-margin, .image-grid .twocol.zero-margin {
	width: 100%;
}
}
/* Count the last column too for now */
/*----- Rounded portfolio changes -----*/
ul.image-grid.rounded .portfolio img {
	border-radius: 50%;
}
ul.image-grid.rounded .portfolio .image-info {
	border-radius: 50%;
}
ul.image-grid.rounded .portfolio .image-info h3 a {
	max-width: 80%;
	text-align: center;
	margin: 0 auto;
}
ul.image-grid.rounded li.fourcol.showcase-item {
	width: 26%;
	margin-right: 10.8% !important;
	margin-bottom: 40px !important;
}
ul.image-grid.rounded li.fourcol.showcase-item:nth-child(3n+3) {
	margin-right: 0 !important;
}
/* ---- Segment styles ------- */
.segment, .segment-content {
	position: relative;
}
.segment {
	padding: 50px 0;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 20px;
}
.first-segment {
	border-top: 10px solid #eaeaea;
}
.first-segment.regular-heading {
	padding-top: 60px;
}
.last-segment {
	border-bottom: 10px solid #eaeaea;
}
.segment .floating-text {
	position: absolute;
	top: 0;
	left: 50%;
	right: 50%;
	/* Align in the center and leave position to individual elements */
	overflow: hidden;
}
/* Dual margin columns with margins on both sides used mainly for drawing middle lines/borders */
.threecol.dual-margin, .fourcol.dual-margin, .sixcol.dual-margin {
	padding-right: 1.9%;
	padding-left: 1.9%;
	margin: 0;
}
.dual-margin.first, .dual-margin:first-child {
	padding-left: 0;
}
.dual-margin.last, .dual-margin:last-child {
	padding-right: 0;
}
.mini-column, .maxi-column {
	float: left;
	position: relative;
}
.mini-column {
	width: 16.8%;
	margin-right: 4%;
}
.maxi-column {
	width: 79.2%;
}
/* --------- Toggle ------------------------*/
.toggle {
	position: relative;
	margin: 0;
	background: white;
}
.toggle.first {
	margin-top: 25px;
}
.toggle.get-code {
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	background: #FEFEFE;
}
.toggle-label {
	cursor: pointer;
	background: url("images/toggle-button-plus.png") no-repeat scroll right bottom #f8f8f8;
	padding: 15px 25px 15px 15px;
	margin: 1px 0;
	border: 1px solid #eee;
}
.toggle-label:hover {
	background-color: #fafafa;
}
.active-toggle .toggle-label {
	background-image: url("images/toggle-button-minus.png");
	margin-bottom: 0;
	border-bottom: 0;
}
.active-toggle .toggle-label:hover {
	background-color: #fafafa;
}
.toggle-content {
	display: none;
	padding: 15px 0 10px 40px;
	border: 1px solid #eee;
	clear: both;
	overflow: hidden;
}
/* -------- jQuery Tabs ---------- */
/* root element for tabs */
.tabs {
	list-style: none;
	margin: 0 !important;
	padding: 0;
}
.tabs li {
	float: left;
	padding: 0;
	margin: 0 2px -1px 0 !important;
	background: white;
	height: 34px;
	border-radius: 0;
}
.tabs li:first-child {
	margin-left: 0 !important;
}
.tabs a {
	display: block;
	height: 24px;
	text-align: center;
	text-decoration: none;
	padding: 4px 20px 4px;
	margin: 0;
	position: relative;
	background: #F7F7F7;
	vertical-align: middle;
	color: #666 !important;
	border: 1px solid #DDD;
}
.tabs a:active {
	outline: none;
}
.tabs a:hover {
	background: #Fff;
}
.tabs a.current {
	cursor: default !important;
	color: #555 !important;
	background: #fff;
	border-bottom: none;
}
.tabs .current, .tabs .current:hover, .tabs li.current a {
	border-top: 2px solid #fe5000;
}
/* single tab */
.panes {
	clear: both;
}
.panes .pane {
	padding: 20px;
	border: 1px solid #DDD;
	display: block;
	background: #fff;
	-moz-box-shadow: 1px 1px 1px #eee;
	-webkit-box-shadow: 1px 1px 1px #eee;
	box-shadow: 1px 1px 1px #eee;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	overflow: hidden;
}
/* initially all panes are hidden */
/*--------------- Image shortcodes --------------- */
.photo-frame {
	padding: 4px;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
/* ------- Skill Bar --------- */
.skill-bar {
	width: 100%;
	display: block;
	margin: 0 0 15px;
	overflow: hidden;
}
.skill-title {
	margin: 0;
	display: block;
	font-style: italic;
}
.dark-bg .skill-title {
	color: #fff;
}
.skill-bar-content {
	background: #fe5000;
	display: block;
	height: 15px;
	width: 0;
}
/*---- Pie Charts --------- */
.piechart {
	position: relative;
	text-align: center;
	float: left;
	margin-left: 20px;
	overflow: hidden;
}
.piechart canvas {
	position: relative;
	top: 0;
	left: 0;
}

@media only screen and (max-width: 479px) {
.piechart canvas {
	margin-bottom: 15px;
}
}
.piechart .label {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 55%;
	max-width: 65%;
}
.piechart .percentage span {
	position: absolute;
	top: 25%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	font-size: 60px;
	line-height: 60px;
	font-weight: 300;
	text-align: center;
}
.piechart .percentage sup {
	font-size: 18px;
	vertical-align: super;
}
.piechart.dark-bg .label {
	color: #fff;
}
.piechart.dark-bg .percentage span {
	color: #eee;
}
/* --- Animate Numbers ---- */
.animate-numbers {
	font-size: 0;
/* inline-block hack */ }
.animate-numbers .stats {
	display: inline-block;
	width: 22%;
	margin-right: 3%;
	min-width: 200px;
	box-sizing: border-box;
	vertical-align: top;
}
.animate-numbers .stats .number {
	font-size: 72px;
	line-height: 72px;
	font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 900;
	color: #fe5000;
	letter-spacing: 1px;
}
.animate-numbers .stats .stats-title {
	font-size: 18px;
	line-height: 32px;
	font-style: italic;
	margin-top: 10px;
}
.animate-numbers .stats .stats-title i {
	font-size: 32px;
	margin-right: 10px;
	vertical-align: middle;
	color: #D2B48C;
}

@media only screen and (max-width: 1024px) {
.animate-numbers .stats {
	text-align: center;
	width: 48.5%;
	margin-bottom: 30px;
}
.animate-numbers .stats:nth-child(even) {
	margin-right: 0;
}
}

@media only screen and (max-width: 600px) {
.animate-numbers .stats {
	width: 100%;
	margin-right: 0;
}
.animate-numbers .stats:last-child {
	margin-bottom: 0;
}
}
/* ---------- tooltip styling. by default the element to be styled is .tooltip ------------ */
.tooltip {
	display: none;
	font-size: 12px;
	line-height: 24px;
	height: auto;
	background: rgba(0, 0, 0, 0.9);
	color: #FFF;
	width: auto;
	padding: 8px 15px;
	border-radius: 4px;
	max-width: 300px;
	position: absolute;
	margin-top: -20px;
	z-index: 800;
	-webkit-animation: fadeIn 0.4s;
	-moz-animation-duration: 3s;
	-moz-animation-name: fadeIn;
	/* Fix for Firefox */
	animation: fadeIn 0.4s;
}
.tooltip:after {
	content: " ";
	border-width: 10px;
	border-style: solid;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-top-color: rgba(0, 0, 0, 0.9);
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	height: 0;
	width: 0;
	display: block;
}

@media only screen and (max-width: 767px) {
.tooltip {
	display: none !important;
/* Hide them completely on mobile */ }
}
/* ------------------------ Animations ----------------------------------- */
.delay1 {
	-webkit-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	-ms-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
.delay2 {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-ms-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.delay3 {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	-ms-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
#title-area .inner, #custom-title-area .inner, #content, .sidebar-right-nav, .sidebar-left-nav {
	-webkit-transition: opacity, 0.5s, ease-in-out 0s;
	-moz-transition: opacity, 0.5s, ease-in-out 0s;
	transition: opacity, 0.5s, ease-in-out 0s;
}
/* Delay should come after transition specified above for opacity */
#title-area .inner, #custom-title-area .inner {
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-ms-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
#content {
	-webkit-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	-ms-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
.sidebar-left-nav, .sidebar-right-nav {
	-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
/* ----------- Wrapper to help dim the elements on scroll -----------*/
.dim-wrap {
	background: #fe5000;
}
/* ----------- Headers, Menus, Page/Post Titles/Headings -------------------------*/
#header {
	display: block;
	position: relative;
	z-index: 600;
	/* Higher than the sidebar widget and widget container, sliders */
	margin: 0;
	padding: 0;
	width: 100%;
	background: #fff;
}
#header > .inner {
	position: relative;
}
#header > .inner > .wrap {
	position: relative;
	min-height: 100px;
}

@media only screen and (max-width: 1024px) {
#header > .inner > .warp {
	min-height: 80px;
}
}

@media only screen and (max-width: 767px) {
#header > .inner {
	text-align: center;
}
#header > .inner > .wrap {
	min-height: 40px;
}
}
#header.sticky {
	position: fixed;
	z-index: 999;
	width: 100%;
	border-bottom: 1px solid #CCC;
	-webkit-box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3);
	-moz-box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3);
	box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3);
}

@media only screen and (max-width: 767px) {
#header.sticky {
	display: none !important;
}
}
#header.sticky .wrap {
	min-height: 0;
}
.boxed #header.sticky {
	max-width: 1180px;
	width: 96%;
}
.admin-bar #header.sticky {
	top: 32px;
}
#header.sticky #site-logo, #header.sticky #primary-menu {
	top: 0;
	display: inline-block !important;
}
#site-logo {
	position: relative;
	display: inline-block;
	float: left;
	left: 0;
	top: 30px;
	line-height: 0;
	margin: 0 30px 0 0;
}
#site-logo a {
	font-size: 28px;
	color: #494D4E;
	line-height: 36px;
	direction: ltr;
	display: block;
	text-align: left;
	/* Do not let logo get bigger than the header */
	font-family: 'Lato', 'Open Sans', Arial, Helevtica, Verdana, sans-serif;
}

@media only screen and (max-width: 1024px) {
#site-logo {
	display: block;
	top: 20px;
}
}

@media only screen and (max-width: 767px) {
#site-logo {
	position: relative;
	margin: 0 auto;
	top: 0;
	padding: 10px 0;
}
#site-logo a {
	display: inline-block;
	text-align: center;
}
}
#site-logo a img {
	max-height: 100%;
	max-width: 100%;
}
#site-description {
	margin: 0;
}
#container, #header {
	background: #fff;
}
/* --------- Header Styling - Display of Phone and Email on the header ------------------ */
#contact-header {
	position: absolute;
	top: 20px;
	right: 0;
}
#contact-header ul {
	margin: 0;
	padding: 8px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #083643;
}
#contact-header li {
	display: inline;
	padding-left: 10px;
	margin: 0 0 0 10px;
	border-left: 1px solid #999;
}
#contact-header li:first-child {
	padding: 0;
	margin: 0;
	border: none;
}
#contact-header span:before {
	padding-right: 10px;
}
/*----------------------------------- Dropdown Menus ---------------------------------------------------*/
/* Primary menu dropdown styling*/
.dropdown-menu-wrap > ul.menu {
	margin: 0 auto;
}
.dropdown-menu-wrap > ul.menu > li {
	display: inline-block;
}
.dropdown-menu-wrap > ul.menu > li:hover > ul.sub-menu {
	left: 0;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.dropdown-menu-wrap ul {
	list-style-type: none;
}
.dropdown-menu-wrap ul li {
	position: relative;
	float: left;
	margin: 0;
}
.dropdown-menu-wrap ul li a {
	text-decoration: none;
	display: block;
	text-transform: none;
}
.dropdown-menu-wrap ul.sub-menu {
	position: absolute;
	top: -9999em;
	width: 180px;
	background: #373737;
	z-index: 9999;
	padding: 0;
	margin: 0;
}
.dropdown-menu-wrap ul.sub-menu li {
	width: 100%;
	border-top: 1px solid #404040;
	border-bottom: 1px solid #313131;
}
.dropdown-menu-wrap ul.sub-menu li:first-child {
	border-top-color: #373737;
}
.dropdown-menu-wrap ul.sub-menu li a {
	color: #aaa;
	font-size: 13px;
	font-weight: 400;
	padding: 10px 20px;
}
.dropdown-menu-wrap ul.sub-menu li:hover, .dropdown-menu-wrap ul.sub-menu li.sfHover {
	background: #3C3C3C;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}
.dropdown-menu-wrap ul.sub-menu li:hover > a {
	color: #fff;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}
.dropdown-menu-wrap ul.sub-menu li:hover > ul.sub-menu {
	left: 181px;
	top: 0;
	border: none;
	border-color: #fe5000;
}
/* Primary menu styling*/
#primary-menu {
	padding: 0;
	position: relative;
	/*right: 0;*/
	right: 50px;
	bottom: 0;
	display: inline-block;
	float: right;
}

@media only screen and (max-width: 1024px) {
#primary-menu {
	display: block;
	float: none;
	margin-right: 0;
	padding-top: 15px;
}
}

@media only screen and (max-width: 767px) {
#primary-menu {
	display: none !important;
}
}
#primary-menu > ul.menu > li > a {
	font-size: 18px;
	font-style: italic;
	letter-spacing: 1px;
	color: #292929;
	padding: 0 22px 0;
	display: block;
	float: left;
	text-transform: none;
	line-height: 100px;
}

@media only screen and (max-width: 1024px) {
#primary-menu > ul.menu > li > a {
	font-size: 16px;
	line-height: 60px;
}
}
#primary-menu > ul.menu > li:hover > ul.sub-menu {
	top: 96px;
	border-top: 3px solid #fe5000;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

@media only screen and (max-width: 1024px) {
#primary-menu > ul.menu > li:hover > ul.sub-menu {
	top: 56px;
}
}
.header-social-links #primary-menu {
	float: left;
}
#header.sticky #primary-menu {
	margin: 0;
	padding: 0;
}
#header.sticky #primary-menu > ul.menu > li > a {
	line-height: 50px;
	font-size: 16px;
}
#header.sticky #primary-menu > ul.menu > li:hover > ul.sub-menu {
	top: 46px;
}
/*---- Lava Lamp Effect ---- */
#primary-menu .hover-bg {
	border-color: #fe5000;
	position: absolute;
	bottom: 0;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: visible !important;
	border-width: 0 0 3px;
	border-color: #fe5000;
	border-style: solid;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* ---------- Footer Menu styling ---------------*/
#menu-footer {
	list-style: none;
	float: none;
	display: block;
	padding: 30px 0 0;
	margin: 0;
}
#menu-footer ul {
	margin: 0;
}
#menu-footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#menu-footer ul li:before {
	content: "|";
	margin: 0 12px 0 6px;
}
#menu-footer ul li:first-child {
	background: none;
	padding-left: 0;
}
#menu-footer ul li:first-child:before {
	content: "";
	margin: 0;
}
#menu-footer ul li a {
	color: #bbb;
}

@media only screen and (max-width: 479px) {
#menu-footer {
	float: left;
	padding: 20px 0 20px 0;
}
}
/* --------- Mobile Menu - styling properties in responsive.css and used when needed only ---------- */
#mobile-menu {
	display: none;
	/* Hide on desktop */
	position: fixed;
	top: 0;
	margin: 0;
	width: 240px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 10000;
	background: #4e5052;
	left: -240px;
}
#mobile-menu .menu-header {
	font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 900;
	font-size: 22px;
	line-height: 34px;
	letter-spacing: 2px;
	color: #EEE;
	padding: 5px 0 5px 25px;
	margin: 0;
	background: #4e5052;
}
#mobile-menu.slide-open {
	left: 0;
}
#mobile-menu ul {
	display: none;
	/* Hide all - the outermost parent is shown later - see below */
	list-style: none;
	text-transform: none;
}
#mobile-menu ul li {
	border-top: 1px solid #5E5F61;
	border-bottom: 1px solid #3D3F41;
	margin: 0;
}
#mobile-menu ul li:first-child {
	border-top: none;
}
#mobile-menu ul li:last-child {
	border-bottom: none;
}
#mobile-menu ul li a {
	color: #ccc;
	display: block;
	padding: 10px 5px;
}
#mobile-menu ul li a:hover {
	color: #eee;
}
#mobile-menu ul li span i {
	font-size: 10px;
	color: #bbb;
	float: right;
	line-height: 24px;
}
#mobile-menu > ul {
	display: block;
	/* Display only the first level elements initially while the children are hidden*/
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #5E5F61;
	margin: 0 auto;
	max-width: 380px;
}
#mobile-menu-toggle {
	display: none;
	/* Hide on desktop */
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	width: 24px;
	padding: 10px 12px;
	background: #4e5052;
	border: none;
	z-index: 10000;
}
#mobile-menu-toggle i {
	font-size: 24px;
	color: #ddd;
}

@media only screen and (max-width: 767px) {
#mobile-menu, #mobile-menu-toggle {
	display: block;
/* Show on mobile only */ }
#mobile-menu, body {
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
/* For slide out effect */ }
body {
	overflow-x: hidden;
	position: relative;
	left: 0;
}
body.push-right {
	left: 240px;
}
}
/* ------------------ Header Area Styling ---------------------*/
#title-area {
	display: block;
	padding: 40px 0 25px;
	background: #fe5000;
}
#title-area h1, #title-area h2 {
	color: #F9F9F9;
}
#title-area p {
	width: 60%;
	color: #f8f8f8;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
}

@media only screen and (max-width: 959px) {
#title-area p {
	width: 100%;
}
}
#title-area a {
	color: #fe5000;
}
#title-area a:active, #title-area a:visited {
	color: #fe5000;
}
#title-area a:hover {
	color: #666;
}

@media only screen and (max-width: 767px) {
#title-area h3 {
	font-size: 22px;
}
#title-area h1, #title-area h2 {
	font-size: 32px;
	line-height: 38px;
}
}
#custom-title-area {
	overflow: hidden;
	clear: both;
	background: #fe5000;
}
/* ------------ Main content area styling -----------------------------*/
/* Content */
#content {
	float: left;
	padding: 20px 0;
}
#main .inner {
	display: block;
}
/*----------- Breadcrumb trail ---------- */
#breadcrumbs {
	margin: 0 0 20px 0;
	color: #9A9A9A;
	font-size: 13px;
	font-style: italic;
}
#breadcrumbs .sep {
	margin: 0 2px;
}
/*------------ Page Sections -------------- */
.single-page-template .type-page_section {
	position: relative;
}
.single-page-template .type-page_section .edit-button {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}
.single-page-template .type-page_section:hover .edit-button {
	display: block;
}
/* -------------------------------- Default widths ------------------------------- */
/* The sidebar fixed widths dictate how much space the #content gets */
.layout-1c #content {
	width: 100%;
}
.layout-2c #content {
	max-width: 820px;
}
.inner {
	padding-left: 20px;
	padding-right: 20px;
	max-width: 1140px;
	margin: 0 auto;
}
body.fluid-width-page #breadcrumbs, body.fluid-width-page .segment-content {
	padding-left: 20px;
	padding-right: 20px;
	max-width: 1140px;
	margin: 0 auto;
}
/*body.fluid-width-page #main .inner {
  max-width: none;
  padding: 0 !important;
  margin: 0; }*/
body.page-id-6662 #main .inner, body.page-id-6730 #main .inner, body.page-id-6749 #main .inner {
	max-width: 1140px;
	margin: auto;
}
#custom-title-area .wide {
	max-width: none;
	padding: 0 !important;
	margin: 0;
}
body.fluid-width-page #content, body.fluid-width-page .entry-content {
	padding: 0;
	margin: 0;
}
body.fluid-width-page #breadcrumbs {
	display: none;
}
/* Disable the distracting breadcrumbs on full width pages */
/*--------- Post List Styling for category pages ------------ */
.post-list .byline span i {
	display: none;
}
#content div.post-list .hentry {
	padding: 15px 0;
	margin: 0;
}
#content div.post-list .hentry .entry-title {
	font-size: 16px;
}
ul.post-list li .entry-title {
	font-size: 16px;
}
#content div.post-list .hentry .entry-title a {
	color: #545454;
}
#content div.post-list .hentry .entry-summary {
	margin-top: 10px;
}
#content div.post-list .thumbnail {
	display: block;
	float: left;
	margin: 0 10px 5px 0;
}
ul.post-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.post-list li {
	padding: 14px 0 15px;
	margin: 0;
	background: none !important;
	border-top: 1px dotted #aaa;
	overflow: hidden;
}
ul.post-list li:first-child {
	border-top: 0 !important;
	padding-top: 0 !important;
}
ul.post-list .thumbnail {
	display: block;
	max-width: 100%;
}
ul.post-list .image-area {
	float: left;
	margin: 0 15px 5px 0;
	background: #FEFEFE;
}
ul.post-list .image-area img {
	width: 90px;
}
ul.post-list.medium-size .image-area {
	margin: 0 15px 5px 0;
	background: #FEFEFE;
}
ul.post-list.medium-size .image-area img {
	width: 121px;
}
ul.post-list .entry-title a {
	font-style: normal;
	border: none;
	-webkit-transition: color 0.2s ease-in-out 0s;
	-moz-transition: color 0.2s ease-in-out 0s;
	transition: color 0.2s ease-in-out 0s;
}
ul.post-list .published, ul.post-list .byline {
	font-size: 12px;
	line-height: 20px;
	font-family: "Merriweather", "Arvo", Georgia, Times, serif;
	font-style: normal;
}
ul.post-list .entry-meta {
	font-size: 12px;
	line-height: 20px;
	font-family: "Merriweather", "Arvo", Georgia, Times, serif;
	font-style: normal;
	color: #757777;
	margin-top: 10px;
	border-bottom: 0;
	text-transform: none;
}
ul.post-list .entry-summary {
	margin-top: 10px !important;
	font-size: 14px;
}
ul.post-list .published {
	margin-right: 10px;
	background: none;
	padding-right: 10px;
	border-right: 1px solid #888;
}
#footer ul.post-list .published {
	border-color: #aaa;
}
.widget ul.post-list .published {
	margin-right: 0;
	padding-right: 0;
	border: none;
}
.widget ul.post-list .published:after {
	content: '//';
	padding-left: 5px;
	margin-right: 5px;
}
#sidebars-footer .widget ul.post-list .image-area {
	padding: 0;
	background: none;
	border: 1px solid #bbb;
}
.widget ul.post-list .thumbnail {
	padding: 0;
	border: none;
}
.post-list .entry-title a:hover, .post-list .entry-title a:visited {
	color: #fe5000;
	font-style: normal;
	border: none;
	-webkit-transition: color 0.2s ease-in-out 0s;
	-moz-transition: color 0.2s ease-in-out 0s;
	transition: color 0.2s ease-in-out 0s;
}
.post-list .byline {
	color: #757777;
	margin-top: 10px;
	border-bottom: 0;
	text-transform: none;
}
.post-list .byline a, .post-list .byline a:active, .post-list .byline a:visited {
	color: #fe5000;
}
#footer ul.post-list .entry-meta, #footer .post-list .byline {
	color: #888;
}
/** --------------------- Default Archive List styles ------------------------ **/
#content.default-list .hentry {
	margin-bottom: 80px;
	padding: 0;
	position: relative;
}
.default-list .image-area {
	margin-bottom: 20px;
}
.default-list .entry-text-wrap {
	width: 100%;
	clear: both;
}
.default-list .image-area {
	display: block;
	margin: 0;
}
.default-list .thumbnail {
	float: none;
	margin: 0;
	padding: 0;
}
.default-list img {
	width: 100%;
}
/*------------------- Posts List for Widgets etc.-------------- */
ul.post-list {
	margin: 0;
}
ul.post-list li {
	margin: 0;
}
ul.post-list .entry-title a {
	color: #55585b !important;
}
ul.post-list .entry-title a:active, ul.post-list .entry-title a:visited {
	color: #55585b !important;
}
#footer ul.post-list .entry-title a {
	color: #B3B3B1 !important;
}
#footer ul.post-list .entry-title a:active, #footer ul.post-list .entry-title a:visited {
	color: #B3B3B1 !important;
}
#footer ul.post-list li a:hover, #footer ul.post-list li .entry-title a:hover {
	color: #DBDBD9 !important;
}
/** ---------------------------- Grid List styles -------------------------------- **/
.start-row {
	clear: both;
	border-bottom: 1px solid #eee;
}
/* ----------- Single Post Styling ------------ */
.single img.featured {
	margin-bottom: 20px;
	width: 100%;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
}
.single .featured-slider-container {
	margin-bottom: 40px;
}
.single .thumbnail-slider-container {
	margin-bottom: 20px;
}
/*----------------- Entry Content Styling ---------- */
.entry-content {
	margin-top: 20px;
}
/*----- Required WP styling ---- */
.bypostauthor {
	-webkit-font-smoothing: antialiased;
}
.sticky .entry-snippet {
	background: none;
	border-right: 5px solid #fe5000;
	padding: 12px;
}
/*--------------- Generic Post and Archive Title Styling ---------------- */
.post h1.entry-title {
	margin: 0;
}
#content .hentry h2.entry-title {
	margin: 0;
}
#content .hentry h2.entry-title a {
	color: #292929;
	margin: 0;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
#content .hentry h2.entry-title a:hover {
	color: #fe5000;
}
#content .hentry .entry-summary {
	margin-top: 25px;
}
#content .hentry .entry-meta {
	padding-top: 15px;
	border-top: 1px solid #bbb;
	margin-top: 15px;
	color: #56595c;
	font-size: 14px;
	font-style: normal;
	margin-bottom: 20px;
}
#content .hentry .entry-meta a {
	font-style: italic;
}
#content .taglist {
	display: inline-block;
}
#content .taglist i {
	display: inline-block;
	font-size: 24px;
	padding-right: 6px;
	color: #666;
	vertical-align: middle;
}
.entry-snippet {
	width: 100%;
	float: left;
}
.entry-meta span {
	display: inline-block;
	padding: 0;
	margin: 2px 1px 2px 0;
}
.entry-meta span a {
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	font-family: "Merriweather", "Arvo", Georgia, Times, serif;
	font-weight: 300;
}
.entry-meta span.author {
	border: none;
	padding-left: 0;
}
.entry-meta span.author:after {
	content: '/';
	padding-left: 9px;
	padding-right: 8px;
}
.entry-meta span i {
	color: #fe5000;
}
.entry-meta span.published:after, .entry-meta span.category:after {
	content: '/';
	padding-left: 9px;
	padding-right: 8px;
}
abbr.published {
	cursor: default;
}
.entry-header {
	float: left;
	position: absolute;
	left: 0;
	height: 100px;
	width: 100px;
}
.entry-header span a {
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	font-family: "Merriweather", "Arvo", Georgia, Times, serif;
}
.entry-header .published {
	position: relative;
	font-size: 32px;
	line-height: 48px;
	text-transform: uppercase;
	padding: 10px;
	display: block;
	color: #Fefefe;
	background: none;
	border: 1px double #CCC;
	box-shadow: 1px 1px 1px #eeeeee;
	color: #444;
}
.entry-header .published abbr span {
	display: block;
	text-align: center;
	letter-spacing: 1px;
}
.entry-header .published abbr span.month {
	font-size: 20px;
	line-height: 26px;
	font-weight: 300;
}
.entry-header .published abbr span.date {
	font-size: 32px;
	line-height: 38px;
}
.entry-header .comments-link {
	display: block;
	margin-top: 15px;
	text-align: left;
}
.entry-header .comments-link a {
	font-size: 14px;
	font-style: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}

@media only screen and (max-width: 479px) {
.entry-header {
	width: auto;
	display: block;
	height: auto;
	position: relative;
	border: 1px solid #5B9AA9;
	margin-bottom: 15px;
}
.entry-header .published {
	font-size: 16px;
	line-height: 24px;
	padding: 2px 10px;
	border-radius: 0;
	display: inline-block;
}
.entry-header .published abbr span {
	display: block;
	text-align: center;
}
.entry-header .published abbr span.month {
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	display: inline;
	padding-right: 5px;
	letter-spacing: 1px;
}
.entry-header .published abbr span.date {
	font-size: 16px;
	line-height: 24px;
	display: inline;
}
.entry-header .comments-link {
	display: inline;
	padding: 10px;
	margin: 0;
}
}
.entry-meta span a:hover, .entry-header span a:hover {
	color: #999 !important;
}
.byline span i {
	color: #fe5000;
	padding-right: 5px;
}
.byline span:hover i {
	color: #888;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
/*-------------- starter1 styles -------------- */
.starter1 .entry-text-wrap {
	width: 390px;
}
.starter1 .entry-text-wrap.nothumbnail {
	width: 620px !important;
}
/* --------- Read More Link ------------------ */
a.more-link {
	margin-top: 10px !important;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	background: url(http://reancloud.com/wp-content/themes/agile/images/arrow-more.png) right center no-repeat;
	padding-right: 25px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
a.more-link:hover {
	padding-right: 30px;
	color: #fe5000;
}
div.more-link {
	clear: both;
	padding-top: 20px;
}
/* --------- Read More Link -----------------------------------*/
.read-more {
	margin-top: 30px;
	display: block;
}
.read-more a {
	color: #fe5000;
}
/* Loop Meta */
/*------------------- In Page Page Links Styling ----------------- */
.page-links, .pagination {
	clear: both;
	margin: 60px 0 60px 0;
	text-transform: uppercase;
}
.page-links a, .page-links a:visited {
	padding: 10px 15px;
	margin: 0 2px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
}
.pagination a, .pagination a:visited, .pagination span.current {
	padding: 10px 15px;
	margin: 0 2px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
}
.pagination span.current {
	color: #f8f2f2;
	background: #444;
}
.pagination span.pages {
	float: right;
}
.page-links a, .page-links a:visited, .pagination a, .pagination a:visited {
	background: #fe5000;
}
.page-links a:hover, .pagination a:hover {
	background: #444 !important;
	color: #f8f2f2;
}
.page-links a:active, .pagination a:active {
	position: relative;
}
.ajax-portfolio .pagination, .ajax-gallery .pagination {
	visibility: hidden;
	margin: 0;
}
/*------------- Loop Navigation - Next/Previous Links ------------- */
.loop-nav {
	border-top: 1px dotted #AAA;
	margin-top: 25px;
	padding-top: 25px;
}
.loop-nav .next {
	margin-top: 20px;
}
.loop-nav a {
	color: #666;
}
.loop-nav a:active, .loop-nav a:visited {
	color: #666;
}
.loop-nav a:hover {
	color: #fe5000;
}
/* ------------------------ Post page comments styling ----------------------------------- */
#comments-number, #reply-title {
	font-size: 32px;
	clear: both;
	line-height: 48px;
}
#comments-number {
	line-height: 48px;
}
#comments-number .number {
	display: block;
	text-align: center;
	float: left;
	padding: 0;
}
#reply-title {
	line-height: 42px;
	background: none;
	padding-left: 0;
	margin-bottom: 20px;
}
.comments-header {
	background: none;
	padding: 0;
}
#cancel-comment-reply-link {
	text-transform: none;
	margin: 0 0 0 10px;
}
.comment-list {
	list-style: none outside none;
	margin: 25px 0 0;
	clear: both;
}
.comment ol.children {
	list-style: none outside none;
	margin: 25px 0 0;
	clear: both;
	margin-left: 40px;
	margin-top: 40px;
/* Keep this value same as margin set between list elements. See next element */ }
.comment ol.children li {
	margin-left: 15px;
}
.comment ol.children li .line {
	display: block;
	position: absolute;
	width: 15px;
	height: 1px;
	border-bottom: 1px solid #EFEFEF;
	margin: 35px 0 0 -15px;
}
.comment-list .line {
	display: none;
}
li.comment, li.trackback, li.pingback {
	margin: 0 0 40px 0;
}
.comment-meta-section {
	display: block;
	position: relative;
}
.comment-wrap {
	position: relative;
}
.comment-list .avatar-wrap {
	display: block;
	float: left;
	height: 80px;
	width: 80px;
	position: relative;
	margin-right: 50px;
}
.comment-list .pingback .avatar-wrap {
	margin-right: -78px;
}
.comment-list .avatar {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}
.comment-text-wrap {
	display: block;
	width: 100%;
/* Helps avoid setting individual values for each layout */ }
.comment-text-wrap .entry-content {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 26px;
}
.comment-box-wrap {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	display: block;
	position: relative;
	padding: 0 0 30px 0;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-bottom: 1px dotted #AAA;
}
.comment-list > li:last-child > .comment-wrap > .comment-box-wrap {
	border-bottom: none;
}
.comment-box-wrap .comment-text p:last-child {
	margin-bottom: 0;
}
.comment-arrow {
	position: absolute;
	top: 30px;
	left: 111px;
	height: 0;
	width: 0;
	border-right: 10px solid #fff;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	z-index: 10;
}
.pingback .comment-arrow {
	display: none;
}
.comment-meta {
	margin-bottom: 10px;
}
.comment-meta .published {
	padding: 2px 0;
	line-height: 32px;
}
.comment-byline {
	display: inline;
	overflow: hidden;
	font-size: 14px;
}
.comment-byline abbr[title], .comment-byline dfn[title] {
	border-bottom: 0;
	cursor: auto;
}
.comment-author {
	display: block;
	float: left;
	margin-right: 10px;
}
.comment-author cite {
	font-size: 20px;
	line-height: 32px;
	display: block;
	font-style: normal;
	font-family: "Merriweather", "Arvo", Georgia, Times, serif;
}
.comment-reply-link, .comment-edit-link {
	font-size: 14px;
	font-style: italic;
	margin: 0 0 0 5px;
	color: #f4f4f4;
	padding: 2px 12px 2px 10px;
	background-color: #fe5000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	float: right;
	font-family: "Merriweather", "Arvo", Georgia, Times, serif;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.comment-reply-link:visited, .comment-edit-link:visited {
	margin: 0 0 0 3px;
	color: #f4f4f4;
	padding: 2px 10px;
	background-color: #fe5000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	float: right;
	font-family: "Merriweather", "Arvo", Georgia, Times, serif;
}
.comment-reply-link:hover, .comment-edit-link:hover {
	color: #fff;
	background: #4B4B4B;
}
#comments-template {
	margin: 0;
}
.comments-wrap {
	border-top: 1px solid #bbb;
}
#comments {
	margin-top: 0;
	padding-top: 30px;
	max-width: 820px;
}
.layout-1c #comments {
	max-width: 1020px;
}
#respond {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #bbb;
}
#respond .comment-notes {
	display: none;
}
#respond input[type=submit] {
	padding: 20px 40px;
}
/* ----------------------- Sidebar Styling ---------------------------------- */
.sidebar-right-nav, .sidebar-left-nav {
	position: relative;
	display: block;
	min-height: 230px;
	margin-top: 70px;
}
.sidebar-right-nav {
	float: right !important;
}
.sidebar-left-nav {
	float: left;
}
.sidebar-right-nav div, .sidebar-left-nav div {
	position: relative;
	z-index: 2;
/* Make sure the widgets themselves have higher priority in rendering */ }
.sidebar li > a {
	color: #55585b;
	font-size: 14px;
	-webkit-transition: color 0.2s ease-in-out 0s;
	-moz-transition: color 0.2s ease-in-out 0s;
	transition: color 0.2s ease-in-out 0s;
}
.sidebar li > a:active, .sidebar li > a:visited {
	color: #55585b;
	-webkit-transition: color 0.2s ease-in-out 0s;
	-moz-transition: color 0.2s ease-in-out 0s;
	transition: color 0.2s ease-in-out 0s;
}
.sidebar li > a:hover {
	color: #fe5000;
}
.sidebar li:hover > a {
	color: #fe5000;
}
.sidebar ul.post-list .entry-meta, .sidebar .post-list .byline {
	margin-top: 6px !important;
}
.sidebar .hentry .entry-summary {
	margin-top: 5px !important;
}
#sidebar-after-singular .post-list li, #sidebar-primary .post-list li {
	padding: 16px 0;
}
/* Custom Singular Widgets Styling */
#sidebar-after-singular {
	margin-top: 0;
}
#sidebar-after-singular .widget {
	float: none;
	clear: both;
	border-top: 1px dotted #AAA;
	margin: 20px 0 0 0;
	margin-bottom: 0;
	padding: 25px 0;
	padding-bottom: 25px;
}
/*------------------ Post Level Layouts ---------------------------------------------------------*/
#content {
/* Two column layout with content to the right and sidebars on left */
  /* Two column layout with content to the left and sidebars on right - Theme default layout */ }
.layout-default #content {
	float: left;
}
.layout-1c #content {
	margin: 0;
}
.layout-2c-r #content {
	float: right;
	margin-bottom: 40px;
}
.layout-2c-l #content {
	float: left;
}
.layout-1c .sidebar-left-nav {
	clear: left;
	float: left;
}
.layout-1c .sidebar-right-nav {
	clear: none;
	float: right;
}
.layout-1c .sidebar-left-nav, .layout-1c .sidebar-right-nav {
	width: 470px;
	margin-top: 25px;
	padding: 5px 0 0 5px;
}
/* ------------------------ Footer Area ----------------------------------- */
/*---- Back to top button --------*/
#go-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	text-indent: -999em;
	/* Hide text */
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	background-image: url(images/back-to-top.png);
	padding: 0;
	height: 50px;
	width: 50px;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	z-index: 999;
	display: none;
	-webkit-transition: opacity 0.4s ease-in-out 0s;
	-moz-transition: opacity 0.4s ease-in-out 0s;
	transition: opacity 0.4s ease-in-out 0s;
}
#go-to-top:hover {
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	background-color: rgba(0, 0, 0, 0.6);
}
/*--------- Footer Widget Area ------------ */
#footer {
	border-bottom: 1px solid #464647;
	background: #353739;
}
#footer .inner {
	color: #bbb;
	display: block;
	padding-top: 0;
	padding-bottom: 0;
/* Helps the area not show up with its background painted if there are no widgets in footer area */ }
#footer a {
	color: #B3B3B1;
	font-style: normal;
}
#footer a:visited {
	color: #B3B3B1;
	font-style: normal;
}
#footer a:active, #footer a:hover {
	color: #DBDBD9;
}
#sidebars-footer {
	clear: both;
	margin: 0;
	padding: 50px 0 40px 0;
}
#sidebars-footer .widget-title {
	color: #e5e5e5;
	border-bottom: 1px solid #555557;
}
#sidebars-footer .widget_text a.small {
	color: #fe5000;
}
#sidebars-footer .widget_text a.small:visited {
	color: #fe5000;
}
#sidebars-footer .widget_text a.small:hover {
	color: #e5e5e5 !important;
}
/*--------- Footer ------------ */
#footer-bottom {
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	color: #b3b3b1;
	border-top: none;
	margin: 0 auto;
	overflow: hidden;
	background-color: #353739;
}
#footer-bottom .inner {
	overflow: hidden;
	position: relative;
	text-align: center;
}
#footer-bottom a:active, #footer-bottom a:hover {
	color: #DBDBD9;
}
#footer-bottom-text {
	display: block;
	float: none;
	margin: 0 auto;
	padding: 20px 0;
}
/* ------------------------ Theme Pages including Home Page, About Us etc. ----------------------------------- */
img.hideOnHover {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
}
img.replacer {
	opacity: 0;
	/* Hide the replacer initially */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	filter: alpha(opacity=0);
}
img.replacer, img.hideOnHover {
	-webkit-transition-property: opacity, background-color;
	-moz-transition-property: opacity, background-color;
	transition-property: opacity, background-color;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
/* ------ Headings -------- */
.slogan1 {
	font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 48px;
	line-height: 60px;
	font-weight: 900;
	color: #292929;
}
.slogan1 .highlight, .slogan1 .highlight h2 {
	font-weight: 700;
	color: #fe5000;
}
.slogan1.big {
	font-size: 72px;
	line-height: 80px;
	font-weight: 300;
}

@media only screen and (max-width: 767px) {
.slogan1 {
	font-size: 36px;
	line-height: 50px;
}
.slogan1.big {
	font-size: 48px;
	line-height: 60px;
}
}

@media only screen and (max-width: 479px) {
.slogan1 {
	font-size: 24px;
	line-height: 36px;
}
.slogan1.big {
	font-size: 36px;
	line-height: 44px;
}
}
.heading2 {
	text-align: center;
	margin: 0 auto 60px;
}
.heading2 .title {
	font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 48px;
	line-height: 60px;
	margin: 0 0 15px 0;
}

@media only screen and (max-width: 767px) {
.heading2 .title {
	font-size: 28px;
	line-height: 36px;
}
}
.heading2 .title.separator {
	padding-bottom: 40px;
	text-transform: uppercase;
	background: url(images/separator-fancy.png) no-repeat center bottom transparent;
	margin-bottom: 40px;
}
.heading2 .pitch {
	word-spacing: 0;
	margin: 25px auto 0;
	max-width: 70%;
}

@media only screen and (max-width: 767px) {
.heading2 .pitch {
	max-width: none;
}
}
.heading2 .button {
	margin-top: 60px;
}
.heading2 .button-section {
	margin-top: 60px;
}
.heading2 .button-section .button {
	margin-top: 0;
}
.heading2 .subtitle {
	position: relative;
	overflow: hidden;
	text-align: center;
	width: 70%;
	margin: 0 auto;
}
.heading2 .subtitle span {
	display: inline-block;
	vertical-align: baseline;
	zoom: 1;
 *display: inline;
 *vertical-align: auto;
	position: relative;
	padding: 0 20px;
	color: #fe5000;
	font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.heading2 .subtitle span:before, .heading2 .subtitle span:after {
	content: '';
	display: block;
	width: 1000px;
	position: absolute;
	top: 0.73em;
	border-top: 1px solid #808080;
}
.heading2 .subtitle span:before {
	right: 100%;
}
.heading2 .subtitle span:after {
	left: 100%;
}
#footer .heading2 {
	margin-bottom: 35px;
}
#footer .heading2 .title {
	color: #e5e5e5;
}
#footer .heading2 .subtitle span:after, #footer .heading2 .subtitle span:before {
	border-color: #5d5f61;
}
/* Thinner headings */
.heading2 .button-section span {
	margin-top: 0;
}
/* ------ Slogan Headings ------*/
.slogan .heading2 {
	margin-bottom: 0;
}
.slogan h2, .slogan h1, .slogan h3 {
	margin: 0 auto;
}
.segment.slogan {
	padding: 205px 0;
}
.segment.slogan blockquote {
	color: #fff;
	font-size: 46px;
	line-height: 66px;
	letter-spacing: 0.5px;
	font-style: italic;
	padding: 0;
	background: none;
}
.segment.slogan blockquote .footer {
	margin: 0 auto;
	text-align: center;
}
.segment.slogan blockquote .footer cite {
	font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #fe5000;
	font-size: 30px;
	line-height: 30px;
	font-weight: 700;
}

@media only screen and (max-width: 1024px) {
.segment.slogan {
	padding: 160px 0;
}
.segment.slogan blockquote {
	font-size: 32px !important;
	line-height: 48px !important;
}
.segment.slogan blockquote .footer cite {
	font-size: 18px;
	line-height: 28px;
}
}

@media only screen and (max-width: 767px) {
.segment.slogan {
	padding: 130px 0;
}
.segment.slogan blockquote {
	font-size: 26px !important;
	line-height: 36px !important;
}
.segment.slogan blockquote .footer cite {
	font-size: 16px;
	line-height: 24px;
}
}
/* ---------- Pricing table --------- */
.pricing-table {
	padding: 0;
	margin: 0;
}
.pricing-table .pricing-plan {
	padding: 0;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-o-transition: all 0.1s ease-in-out 0s;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	background-color: #e5e5e5;
}
.pricing-table .pricing-plan:hover {
	background: #d5d5d5;
}
.pricing-table .pricing-plan.highlight {
	background: #d5d5d5;
	margin-top: -10px;
}
.pricing-table .pricing-plan.highlight .top-header {
	background-color: #fe5000;
	padding-top: 30px;
}
.pricing-table .pricing-plan.highlight .purchase {
	padding-bottom: 40px;
}
.pricing-table .top-header {
	padding: 20px 0;
	background-color: #aaa;
	border-bottom: 10px solid #2e2e2e;
}
.pricing-table .top-header .tagline {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 5px;
	letter-spacing: 2px;
	color: #EDEDED;
	font-size: 14px;
}
.pricing-table .pricing-plan .plan-header {
	padding: 30px 0 10px;
}
.pricing-table .pricing-plan .plan-price sup {
	font-size: 18px;
	line-height: 32px;
	vertical-align: top;
}
.pricing-table .pricing-plan h3 {
	font-size: 24px;
	margin: 0;
	color: #fefefe;
}
.pricing-table .pricing-plan h4 {
	color: #2b2b2b;
	font-size: 60px;
	line-height: 60px;
	font-weight: 700;
	margin: 0;
}
.pricing-table .pricing-plan h4 span {
	font-size: 14px;
}
.pricing-table .plan-details ul {
	margin: 0;
	padding: 0;
}
.pricing-table .plan-details ul li {
	color: #292929;
	font-size: 14px;
	line-height: 28px;
	display: block;
	padding: 5px;
	list-style: none;
}
.pricing-table .plan-details ul li:first-child {
	border: none;
}
.pricing-table .plan-details ul li i {
	color: #fe5000;
	margin-right: 6px;
}
.pricing-table .plan-details ul li i.tick {
	padding: 5px 7px;
	height: 10px;
	background: url(images/icons/tick.png) no-repeat 0 7px transparent;
}
.pricing-table .plan-details ul li i.cross {
	padding: 5px 5px;
	background: url(images/icons/cross.png) no-repeat 0 7px transparent;
}
.pricing-table .plan-details ul li s {
	color: #b4c9d3;
}
.pricing-table .plan-details ul .highlight1 {
	background: #EDFCFF;
	padding: 2px;
}
.pricing-table .purchase {
	text-align: center;
	text-transform: uppercase;
	padding: 30px 0;
}
.pricing-table .purchase a {
	padding: 12px 45px;
}
.pricing-table .plan-details li {
	box-sizing: border-box;
}
.pricing-table li, .pricing-table .purchase {
	text-align: center;
	margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
.pricing-table .threecol {
	width: 48%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.pricing-table .threecol.zero-margin {
	width: 50%;
	margin-right: 0%;
}
}

@media only screen and (max-width: 479px) {
.pricing-table .pricing-plan h4 {
	font-size: 48px;
	line-height: 48px;
}
.pricing-table .threecol, .pricing-table .threecol.zero-margin {
	width: 100%;
	margin: 0 0 20px 0 !important;
}
}
/* ----------- Miscelleneous Home Page styling ------------- */
#sitemap-template h2, #archives-template h2, .archive h2 {
	font-size: 38px;
	line-height: 50px;
}
.testimonials2-slider-container blockquote {
	padding: 20px 0 0;
	margin: 0;
	text-align: left;
	background: none;
}
.testimonials2-slider-container blockquote cite {
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 28px;
	font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	letter-spacing: 2px;
	font-weight: 700;
}
.testimonials2-slider-container blockquote cite i {
	display: inline-block;
	padding: 25px;
	margin-right: 20px;
	background: url("images/quote2.png") no-repeat scroll 50% 50% #fe5000;
	vertical-align: middle;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
	letter-spacing:normal;
	display:table;
	float:left;
}
.testimonials2-slider-container blockquote .text {
	position: relative;
	font-size: 22px;
	line-height: 36px;
	text-align: left;
	color: #797979;
	margin: 25px 0 40px;
}

@media only screen and (max-width: 767px) {
.testimonials2-slider-container blockquote {
	padding: 0;
}
.testimonials2-slider-container blockquote p {
	font-size: 18px !important;
	line-height: 32px !important;
}
.testimonials2-slider-container blockquote cite {
	font-size: 13px !important;
}
.testimonials2-slider-container blockquote cite i {
	padding: 20px;
	margin-right: 15px;
}
.testimonials2-slider-container blockquote .text {
	margin: 20px 0 0;
}
}
.testimonials2-slider-container p {
	display: inline-block;
}
.testimonials2-slider-container .fourcol span {
	display: inline-block;
	margin-top:60px;
}
.testimonials2-slider-container .fourcol img {
	border-radius:0;
	max-width: 255px;
	margin: 0;
}

@media only screen and (max-width: 1024px) {
.testimonials2-slider-container .fourcol img {
	max-width: 100%;
}
}
.testimonials2-slider-container {
	z-index: 2;
	position: relative;
}
.testimonials2-slider-container .flexslider .slides {
	z-index: 2;
}
.testimonials2-slider-container .flex-control-nav {
	position: relative;
}
.testimonials2-slider-container .flex-control-nav li a {
	width: 15px;
	height: 15px;
}
.testimonials2-slider-container .flex-direction-nav a {
	background: transparent;
	width: 30px;
	height: 30px;
}
.testimonials2-slider-container .flex-direction-nav .flex-next {
	right: 0;
	top: 45%;
}
.testimonials2-slider-container .flex-direction-nav .flex-prev {
	left: 0;
	bottom: 50%;
}
.testimonials2-slider-container .flex-direction-nav span {
	background-image: url("images/sliders/slider-testimonial-nav.png");
	position: absolute;
	display: block;
	height: 19px;
	width: 14px;
}
.testimonials2-slider-container .flex-direction-nav .flex-prev span {
	background-position: left bottom;
}
.testimonials2-slider-container .flex-direction-nav .flex-next span {
	background-position: right bottom;
}

@media only screen and (max-width: 767px) {
.testimonials2-slider-container .flex-direction-nav {
	display: none;
}
}
.client-testimonials2 ul.slides {
	max-width: 800px;
	margin: 0 auto;
}
.client-testimonials2 .header img {
	max-width: 120px;
	margin: 0 30px 20px 0;
}
.client-testimonials2 .header .title {
	font-family: "Merriweather", "Arvo", Georgia, Times, serif;
	text-transform: none;
	color: #fe5000;
	font-style: italic;
	letter-spacing: 1px;
	padding-top: 10px;
}
.client-testimonials2 .header .title:before {
	content: open-quote;
}
.client-testimonials2 .header .title:after {
	content: close-quote;
}
.client-testimonials2 .header cite {
	text-transform: uppercase;
	font-style: normal;
	font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
	color: #292929;
}
.client-testimonials2 .quote {
	clear: both;
}
.client-testimonials2 .quote blockquote {
	padding: 0;
}

@media only screen and (max-width: 767px) {
.client-testimonials2 .header img {
	margin: 0 20px 20px 0;
}
.client-testimonials2 .header .title {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 10px;
}
}

@media only screen and (max-width: 479px) {
.client-testimonials2 .header {
	text-align: center;
}
.client-testimonials2 .header img {
	float: none;
	margin: 0 auto;
}
.client-testimonials2 .header .title {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 10px;
}
.client-testimonials2 blockquote p {
	text-align: center;
	font-size: 16px !important;
	line-height: 28px !important;
	margin-top: 15px;
}
}
#our-premium-clients .heading2 {
	margin-bottom: 60px;
}
#our-premium-clients img.photo-frame {
	margin: 15px 0;
	border-radius: 0;
	border: none;
	padding: 0;
}

@media only screen and (max-width: 767px) {
#our-premium-clients .twocol {
	width: 30%;
	margin-right: 3.2%;
}
}
#home-intro {
	padding-bottom: 0;
}
#home-intro h2 {
	text-transform: uppercase;
	max-width: 370px;
}
#home-intro p {
	max-width: 370px;
}
#home-intro h2 span {
	color: #fe5000;
}
#home-intro .intro-img {
	position: relative;
	bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -60px;
	z-index: 99;
}
#services-home {
	padding-top: 120px;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E0e0e0;
}
#team-intro h2 {
	color: #dbdbdb;
}
#team-intro p {
	color: #aaa;
}
#team-intro .fourcol {
	padding-top: 80px;
}
#team-intro .eightcol {
	position: relative;
}
#team-intro .poster1 {
	position: relative;
	left: 100px;
	top: -15px;
}
#team-intro .poster2 {
	position: absolute;
	top: 0;
	right: 0;
}
#services-icon-list {
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E0E0E0;
}
#services-icon-list div.icon {
	float: left;
	display: inline;
	font-size: 40px;
	color: #fe5000;
	margin-top: 10px;
	width: 60px;
}
#services-icon-list h3 {
	display: inline;
	font-size: 20px;
	line-height: 38px;
	color: #2a2d31;
}
#services-icon-list .sub {
	color: #fe5000;
	font-family: "Merriweather", "Arvo", Georgia, Times, serif;
	font-style: normal;
	font-size: 12px;
	line-height: 22px;
}
#services-icon-list p {
	margin: 0;
}
.action-call {
	padding: 35px 0;
	background: #ededed;
	border-top: 1px solid #E3E3E3;
}
.action-call h2 {
	margin: 0;
	text-align: center;
}

/*--------- Featured List ------------ */
@media only screen and (max-width: 767px) {
#featured-sources .twocol {
	width: 46%;
	margin-right: 3%;
}
}
.featured-list img {
	margin: 0 auto;
	-webkit-transition: opacity 0.3s ease-in-out 0s;
	-moz-transition: opacity 0.3s ease-in-out 0s;
	transition: opacity 0.3s ease-in-out 0s;
}
.featured-list img:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}
.widget .featured-list img {
	margin-right: 60px;
	margin-bottom: 20px;
	float: left;
}
#featured-app {
	overflow: hidden;
	background-color: #bdd7db;
	z-index: 2;
}
#featured-app .app-screenshot {
	position: relative;
	top: -30px;
	left: 50px;
	margin-bottom: -350px;
}
#featured-app .side-text {
	font-style: italic;
	color: #fe5000;
}
#featured-app .button {
	margin-top: 15px;
}

@media only screen and (max-width: 959px) {
#featured-app .app-screenshot {
	left: 20px;
}
}

@media only screen and (max-width: 767px) {
#featured-app .app-screenshot {
	left: 0;
	top: 30px;
	margin-bottom: -280px;
}
}
.features-list-alternate {
	z-index: 2;
}
.features-list-alternate i {
	font-size: 24px;
	line-height: 32px;
	float: left;
	margin-right: 18px;
	color: #fe5000;
}
.features-list-alternate h3 {
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 2px;
}
.features-list-alternate p {
	margin-bottom: 30px;
}
.features-list-alternate .row {
	margin-bottom: 30px;
}
.features-list-alternate .row.last {
	margin-bottom: 0;
}
.features-list-alternate .iphone-slider-container, .features-list-alternate .ipad-slider-container {
	margin-top: -350px;
}

@media only screen and (max-width: 959px) {
.features-list-alternate .iphone-slider-container, .features-list-alternate .ipad-slider-container {
	margin-top: 0;
}
}

@media only screen and (max-width: 767px) {
.features-list-alternate .sixcol, .features-list-alternate .threecol {
	margin-bottom: 0;
}
}
#home2-heading, #home3-heading {
	padding: 100px 0 280px;
}
#home2-heading .heading2 h2, #home3-heading .heading2 h2 {
	background: #fe5000;
	background: rgba(254, 80, 0, 0.7);
}
#home2-heading .slogan1, #home2-heading .slogan1 p, #home3-heading .slogan1, #home3-heading .slogan1 p {
	display: inline;
	line-height: 68px;
	font-weight: 300;
	color: #FFF;
}
#home2-heading .slogan1 .ticker, #home3-heading .slogan1 .ticker {
	overflow: hidden;
	height: 68px;
}
#home2-heading .slogan1 .ticker div, #home3-heading .slogan1 .ticker div {
	display: table;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
#home2-heading .slogan1 p, #home2-heading .slogan1 .ticker, #home3-heading .slogan1 p, #home3-heading .slogan1 .ticker {
	margin: 0;
}
#home2-heading .slogan1 p, #home2-heading .slogan1 .ticker div, #home3-heading .slogan1 p, #home3-heading .slogan1 .ticker div {
	padding: 0 5px;
	background: rgba(0, 0, 0, 0.3);
}
#home2-heading .slogan1.center p, #home2-heading .slogan1.center .ticker div, #home3-heading .slogan1.center p, #home3-heading .slogan1.center .ticker div {
	margin-left: auto;
	margin-right: auto;
	display: table;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
#home2-heading, #home3-heading {
	padding: 100px 0px;
}
}

@media only screen and (max-width: 767px) {
#home2-heading, #home3-heading {
	padding: 80px 0px;
}
#home2-heading .heading2 h2, #home3-heading .heading2 h2 {
	font-size: 28px;
	line-height: 36px;
}
#home2-heading .slogan1, #home2-heading .slogan1 p, #home3-heading .slogan1, #home3-heading .slogan1 p {
	line-height: 50px;
}
#home2-heading .slogan1 .ticker, #home3-heading .slogan1 .ticker {
	height: 50px;
}
}

@media only screen and (max-width: 479px) {
#home2-heading .heading2 h2, #home3-heading .heading2 h2 {
	font-size: 24px;
	line-height: 32px;
}
#home2-heading .slogan1, #home2-heading .slogan1 p, #home3-heading .slogan1, #home3-heading .slogan1 p {
	line-height: 36px;
}
#home2-heading .slogan1 .ticker, #home3-heading .slogan1 .ticker {
	height: 36px;
}
}
.heading2.download-app {
	margin-bottom: 30px;
}
ul.download-buttons {
	list-style: none;
	margin: 0;
}
ul.download-buttons > li {
	display: inline-block;
}
ul.download-buttons > li a img:hover {
	opacity: 0.8;
}
/* -------- Other Pages styling ----------*/
#column-shortcode-section p {
	color: #fff;
	line-height: 80px;
	background: #fe5000;
	text-align: center;
	margin: 0;
}
#column-shortcode-section .divider-space {
	margin: 0;
}
#pricing-contact {
	padding-top: 20px;/* stroke */
  /* layer fill content */ }
#pricing-contact h2 {
	float: right;
	font-size: 38px;
	line-height: 60px;
}
#careers-segment .flexslider .img-wrap {
	padding: 8px;
	background: #fafafa;
}
#contact-details .label {
	margin-bottom: 20px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}
#contact-details p {
	margin-bottom: 0;
}
#contact-us-section .heading-section {
	padding-bottom: 0;
}
#contact-us-section .form-section {
	padding-top: 50px;
}
 #contact-us-section ::-webkit-input-placeholder {
 color: #4c5152;
}
#contact-us-section ::-moz-placeholder {
 color: #4c5152;
}
#contact-us-section :-ms-input-placeholder {
 color: #4c5152;
}
#contact-us-section.dark-bg ::-webkit-input-placeholder {
 color: #eee;
}
#contact-us-section.dark-bg ::-moz-placeholder {
 color: #eee;
}
#contact-us-section.dark-bg :-ms-input-placeholder {
 color: #eee;
}
.employee-title {
	padding: 2px 0;
	font-size: 14px;
	line-height: 28px;
	font-style: italic;
	color: #848585;
	display: inline-block;
	margin-bottom: 10px;
}
#blog-header {
	padding: 80px 0;
}
#blog-header h1 {
	color: #f4f4f4;
	font-size: 48px;
	line-height: 52px;
}
#blog-header p {
	color: #e5e5e5;
	max-width: 600px;
}
/* ---- Pricing page ------- */
#pricing-faq {
	background-color: #373d43;
}
#pricing-faq h4 {
	color: #cfd1d5;
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	margin-top: 50px;
}
#pricing-faq h4.first-row {
	margin-top: 0;
}

@media only screen and (max-width: 767px) {
#pricing-faq h4 {
	margin-top: 0 !important;
}
}
#pricing-faq p {
	color: #85898d;
}
#pricing-faq-header {
	margin-bottom: -20px;
	text-align: center;
	position: relative;
	z-index: 10;
}
#pricing-action .heading2 {
	margin-bottom: 0;
}
#pricing-header h1 {
	color: #E0E3E8;
	font-size: 48px;
	line-height: 60px;
}
#pricing-header .details {
	color: #fff;
	margin-bottom: 30px;
}
/* ----- Our team -------- */
#team-page-slogan {
	padding-top: 20px;
}
#team-info-header {
	position: relative;
	height: 310px;
}
#team-info-header blockquote {
	font-size: 36px;
	line-height: 48px;
	color: #e0e3e8;
	background: none;
	position: absolute;
	left: 20%;
	top: 60px;
	width: 60%;
	padding: 0;
	margin: 0;
}
.team-member h3 {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 26px;
}
.team-member h3 a {
	color: #666;
}
.team-member:hover h3 a {
	color: #fe5000;
}
.team-member .image-area {
	background-color: transparent;
}
.team-member .img-wrap {
	position: relative;
	margin: 0 auto 10px;
	display: inline-block;
	overflow: hidden;
}
.team-member .img-wrap:hover {
	overflow: hidden;
}
.team-member .img-wrap p {
	margin: 0;
}
.team-member img {
	margin: 0 auto;
	border-radius: 50%;
}
.team-member:hover a {
	color: #888;
}
.team-member .aligncenter {
	margin-bottom: 0;
}
.team-member img, .team-member a {
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.team-member .mini-separator {
	margin-left: auto;
	margin-right: auto;
}
.team-member .img-wrap:hover .team-member-hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
	filter: alpha(opacity=100);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.team-member-hover {
	display: block;
	position: absolute;
	top: 0;
	margin: 0 auto;
	text-align: center;
	background: rgba(220, 70, 55, 0.7);
	color: white;
	width: 100%;
	height: 100%;
	z-index: 230;
	border-radius: 50%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.team-member-hover .text {
	position: relative;
	top: 40%;
	font-size: 18px;
}
.team-member-hover .social-wrap {
	position: relative;
	top: 45%;
}
.team-member-hover .social-list {
	position: relative;
	display: inline-block;
	top: 40%;
	margin: 0 auto;
}
.team-member-hover .social-list a i {
	color: #fff;
}
.team-member-hover .social-list a:hover i {
	color: #ccc;
}
.team-member .team-member-hover {
	background: #fe5000;
	background: rgba(254, 80, 0, 0.7);
}
.team-member p:last-child.bio {
	margin-bottom: 0;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
/* Make the grid blog layout two column in smaller tablets but not phones */
.team-info .fourcol, .team-info .threecol, .team-info .fourcol.last, .team-info .threecol.last {
	width: 46%;
	margin-right: 4%;
}
}
/* ----- Our Clients ---- */
#clients-heading {
	padding-bottom: 0;
}
#client-list {
	border-bottom: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	overflow: hidden;
}
#client-list .twocol {
	width: 16.66%;
	margin: 0;
	border-top: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
#client-list .twocol:hover {
	background: rgba(128, 128, 128, 0.1);
}
#client-list .twocol img {
	width: 100%;
	margin: 0;
}
#client-list .twocol p {
	margin: 0;
}

@media only screen and (max-width: 767px) {
#client-list .twocol {
	width: 33.33%;
}
}
/* ------ Video styling --------------*/
#content .video-box {
	margin-bottom: 15px;
}
.video-play-button {
	background: url(images/video-play-button.png) center center no-repeat;
	width: 64px;
	height: 64px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.video-play-button:hover {
	background-image: url(images/video-play-hover.png);
}
/*------- Miscelleneous ------------- */
.circle {
	display: inline-block;
	width: 100px;
	height: 100px;
	font-size: 16px;
	color: #fff;
	line-height: 100px;
	text-align: center;
	background: #aaa;
	margin: 0 10px;
	padding: 0;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}
.circle.small {
	font-size: 13px;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	line-height: 50px;
}
.circle.tiny {
	font-size: 11px;
	width: 30px;
	height: 30px;
	border-radius: 25px;
	line-height: 30px;
}
.rounded-bg {
	display: inline-block;
	margin: 15px 30px;
	padding: 10px;
	float: left;
	background: #aaa;
	color: #333;
	border-radius: 50%;
	font-weight: 700;
	line-height: 20px;
	width: 20px;
	height: 20px;
}
/* Video Header */
.video-header {
	color: #fff;
	position: relative;
	overflow: hidden;
}
.video-header .media {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 0;
}
.video-header .media .img-bg {
	display: none;
}
.mobile-device .video-header .media .video-bg {
	display: none;
}
.mobile-device .video-header .media .img-bg {
	display: block;
}
.video-header .media * {
	width: 100%;
	height: 100%;
	line-height: 0;
}
.video-header .header-content {
	z-index: 1;
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
.video-header .header-content h3, .video-header .header-content .text {
	color: #fff;
	width: 100%;
}
.video-header .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-repeat: repeat;
	z-index: 1;
}
.video-bg iframe, .video-bg object, .video-bg embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Styling for the top page header video */
.video-showcase .video-header .header-content, .ytp-video-showcase .video-header .header-content {
	max-width: 800px;
}
.video-showcase .video-header .header-content h3, .ytp-video-showcase .video-header .header-content h3 {
	font-size: 86px;
	line-height: 86px;
	font-weight: 700;
	text-shadow: 0 -1px 0 #000;
	margin-bottom: 20px;
}
.video-showcase .video-header .header-content .text, .ytp-video-showcase .video-header .header-content .text {
	font-size: 28px;
	line-height: 42px;
	font-weight: 300;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

@media only screen and (max-width: 1024px) {
.video-showcase .video-header .header-content h3, .ytp-video-showcase .video-header .header-content h3 {
	font-size: 60px;
	line-height: 72px;
}
.video-showcase .video-header .header-content .text, .ytp-video-showcase .video-header .header-content .text {
	font-size: 24px;
	line-height: 32px;
}
}

@media only screen and (max-width: 767px) {
.video-showcase .video-header .header-content, .ytp-video-showcase .video-header .header-content {
	top: 25%;
}
.video-showcase .video-header .header-content h3, .ytp-video-showcase .video-header .header-content h3 {
	font-size: 48px;
	line-height: 54px;
}
.video-showcase .video-header .header-content .text, .ytp-video-showcase .video-header .header-content .text {
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 0;
}
.video-showcase .video-header .header-content a.button, .ytp-video-showcase .video-header .header-content a.button {
	padding: 10px 20px;
}
}

@media only screen and (max-width: 479px) {
.video-showcase .video-header .header-content h3, .ytp-video-showcase .video-header .header-content h3 {
	font-size: 28px;
	line-height: 36px;
}
.video-showcase .video-header .header-content .text, .ytp-video-showcase .video-header .header-content .text {
	display: none;
}
}

@media only screen and (min-width: 1525px) {
.video-showcase .video-header {
	max-height: 950px;
}
}

/* Youtube videos are not responsive */
@media only screen and (min-width: 1400px) {
.ytp-video-showcase .video-header {
	max-height: 950px;
}
}

@media only screen and (max-width: 1399px) {
.ytp-video-showcase .video-header {
	max-height: 800px;
}
}
/* Shown in mobile devices only for YTP videos */
.video-header .media .video-placeholder {
	height: auto;
}
/* Styling for the individual sections with video backgrounds */
.video-section .video-header .header-content, .ytp-video-section .video-header .header-content {
	max-width: 1140px;
}
.video-section .video-header .header-content .text, .ytp-video-section .video-header .header-content .text {
	font-size: 46px;
	line-height: 66px;
	font-weight: 300;
	font-style: italic;
	margin-bottom: 30px;
}

@media only screen and (max-width: 1024px) {
.video-section .video-header .header-content .text, .ytp-video-section .video-header .header-content .text {
	font-size: 32px;
	line-height: 48px;
}
}

@media only screen and (max-width: 767px) {
.video-section .video-header .header-content, .ytp-video-section .video-header .header-content {
	top: 25%;
}
.video-section .video-header .header-content .text, .ytp-video-section .video-header .header-content .text {
	font-size: 26px;
	line-height: 36px;
	margin-bottom: 20px;
}
.video-section .video-header .header-content a.button, .ytp-video-section .video-header .header-content a.button {
	padding: 10px 20px;
}
}

@media only screen and (max-width: 479px) {
.video-section .video-header .header-content, .ytp-video-section .video-header .header-content {
	top: 20%;
}
.video-section .video-header .header-content .text, .ytp-video-section .video-header .header-content .text {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 15px;
}
.video-section .video-header .header-content a.button, .ytp-video-section .video-header .header-content a.button {
	padding: 6px 15px;
}
}

@media only screen and (min-width: 1400px) {
.video-section .video-header {
	max-height: 650px;
}
}

@media only screen and (min-width: 1400px) {
.ytp-video-section .video-header {
	max-height: 650px;
}
}

@media only screen and (max-width: 1399px) {
.ytp-video-section .video-header {
	max-height: 550px;
}
}
.video-bg .ytp-player {
	display: block;
	margin: auto;
}
.ytp-video-showcase .video-bg .ytp-player {
	height: 950px;
}
.ytp-video-section .video-bg .ytp-player {
	height: 650px;
}
.video-header .video-controls {
	position: absolute;
	bottom: 0;
	right: 0;
}
.video-header .video-controls button {
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0;
	text-align: center;
	margin: 3px;
	padding: 0;
	width: 40px;
	height: 40px;
	color: #FFF !important;
	background: none;
	border: 2px solid #FFF;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	opacity: .3;
}
.video-header .video-controls button:hover {
	opacity: 0.8;
}
.mobile-device .video-header .video-controls {
	display: none;
}
#team2 .heading2 {
	margin-bottom: 25px;
}
.call-to-action {
	position: relative;
	z-index: 2;
	padding-bottom: 60px;
}
.call-to-action .fourcol a {
	overflow: hidden;
	display: block;
}
.call-to-action .fourcol img {
	width: 100%;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.call-to-action .fourcol img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.call-to-action .fourcol .bottom {
	padding: 0 10px;
	text-align: left;
}
.call-to-action .fourcol .bottom p {
	width: 80%;
}
.call-to-action .fourcol h3 {
	margin: 25px 0 10px;
	font-size: 24px;
	line-height: 36px;
}
.call-to-action .fourcol .external-link {
	font-style: italic;
	text-decoration: underline;
	-webkit-transition: color 0.4s ease-in-out 0s;
	-moz-transition: color 0.4s ease-in-out 0s;
	transition: color 0.4s ease-in-out 0s;
}
.showcase-section {
	position: relative;
	/*overflow:hidden;*/
}
.showcase-section .button {
	padding: 15px 55px;
}
.showcase-section #showcase-filter {
	position: relative;
	top: 0;
	right: 40px;
	margin: 10px 0 0 330px;
}
.showcase-section #showcase-filter li {
	margin: 10px 0 0;
}

@media only screen and (max-width: 767px) {
.showcase-section .heading2 {
	margin-bottom: 20px;
}
.showcase-section #showcase-filter {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
}
}

@media only screen and (min-width: 768px) {
#portfolio-section.showcase-section #showcase-filter {
	position: absolute;
	top: 55px;
}
}
/*---- Our Team section -----------*/
ul.member-list {
	border-bottom: 1px solid #fe5000;
	margin: 0 0 20px 0;
}
ul.member-list li {
	display: inline;
	margin: 0 50px 0 0;
}
ul.member-list li a {
	color: #292929;
	display: inline-block;
	font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 900;
	letter-spacing: 2px;
	line-height: 52px;
	-webkit-transition: color 0.2s ease-in-out 0s;
	-moz-transition: color 0.2s ease-in-out 0s;
	transition: color 0.2s ease-in-out 0s;
}
ul.member-list li a.visible, ul.member-list li a.flex-active {
	border-bottom: 3px solid #fe5000;
}
ul.member-list li a:hover {
	color: #fe5000;
}
.team-slider-profiles {
	margin-top: 60px;
	overflow: hidden;
	z-index: 2;
/* Fixed background fix */ }
.team-slider-profiles .employee-title {
	font-style: italic;
}
.team-slider-profiles .member-title {
	padding-bottom: 15px;
	margin-top: 35px;
	margin-bottom: 20px;
	border-bottom: 1px solid #b7b7b7;
	font-size: 36px;
	line-height: 48px;
}

@media only screen and (max-width: 1024px) {
.team-slider-profiles .member-title {
	font-size: 28px;
	line-height: 42px;
}
}

@media only screen and (max-width: 959px) {
.team-slider-profiles .member-title {
	margin-top: 0;
}
}

@media only screen and (max-width: 767px) {
.team-slider-profiles .member-title {
	font-size: 24px;
	line-height: 36px;
}
}
.team-slider-profiles .team-member h3 {
	font-size: 24px;
	line-height: 36px;
}

@media only screen and (max-width: 767px) {
.team-slider-profiles .team-member h3 {
	font-size: 20px;
	line-height: 32px;
}
}
.team-slider-profiles .member-content {
	margin-bottom: 20px;
	border-bottom: 1px solid #b7b7b7;
}
.team-slider-profiles .footer .follow-text {
	display: inline;
	float: left;
	margin-right: 20px;
	font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 900;
}
.team-slider-profiles > ul > li {
	display: none;
	position: relative;
}
.profile {
	position: relative;
	margin: 0 0 50px;
	overflow: hidden;
}
.profile-header {
	position: relative;
	display: inline-block;
}
.profile-header .image-area {
	display: inline-block;
}
.profile-header img {
	float: left;
	max-width: 320px;
}
.profile-header img:hover {
	background: #fe5000;
}
.profile-header .img-hover {
	position: absolute;
	width: 100%;
	height: 100%;
}
.profile-header .socials {
	visibility: hidden;
	display: table;
	background: #fe5000;
	/* The Fallback */
	background: rgba(254, 80, 0, 0.7);
	width: auto;
	margin: 0 auto;
	position: relative;
	top: -90px;
	padding: 2px 5px;
}
.profile-header .socials a {
	line-height: 18px;
	margin: 0 3px;
	display: inline-block;
	color: #fff;
}
.profile-header .socials a:hover i {
	color: #ddd;
}
.profile-header .socials a:active i {
	color: #000;
}
.profile-header .socials i {
	font-size: 16px;
	position: relative;
}
.profile-header:hover .socials {
	visibility: visible;
}

@media only screen and (max-width: 767px) {
.profile-header {
	display: block;
	width: 100%;
	color: #f29c74;
}
}
.profile-content {
	margin: 10px 0 0;
}
.profile-content h3 {
	margin: 0;
}
.profile-content p.employee-title {
	display: block;
	text-align: left;
}
.profile-content p {
	margin: 0 0 10px;
	text-align: left;
}
/* Make that flip-flop possible */
.profile:nth-child(even) {
	clear: left;
}
.profile:nth-child(even) .fivecol {
	float: right;
}
.profile:nth-child(even) .fivecol .profile-header {
	float: right;
}
.profile:nth-child(even) .profile-content h3 {
	text-align: left;
}
.profile:nth-child(even) .profile-content p.employee-title {
	display: block;
	text-align: left;
}
.profile:nth-child(even) .profile-content p {
	margin: 0 0 10px;
	text-align: left;
}

/* responsive layout */
@media only screen and (max-width: 767px) {
.profile-header, .profile-content, .profile .fivecol {
	width: 100% !important;
	float: none !important;
}
.profile .fivecol {
	display: block;
	text-align: center;
}
.profile-content h3, .profile-content p.employee-title {
	text-align: center !important;
}
.profile-header .socials {
	visibility: visible;
	top: 0;
}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.profile .profile-content {
	margin-top: 0;
	padding-left: 20px;
	box-sizing: border-box;
}
.profile:nth-child(even) .profile-content {
	padding-right: 20px;
}
}
/* ------- JQuery Parallax -----------------*/
.parallax-section {
	position: relative;
	overflow: hidden;
}
.normal-background, .parallax-background {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}
.normal-background {
	background-position: center center;
}
.parallax-background.fixed {
	background-attachment: fixed !important;
}
/* ------------------------ Portfolio Support ----------------------------------- */
/*-------------- Portfolio Templates -------------- */
#showcase-full-width .entry-text-wrap, #showcase-template .entry-text-wrap, .post-snippets .hentry .entry-text-wrap {
	text-align: left;
	padding-top: 20px;
}
#showcase-full-width .entry-title, #showcase-template .entry-title, .post-snippets .hentry .entry-title {
	font-size: 18px;
	line-height: 28px;
}
#showcase-full-width .portfolio .entry-summary, #showcase-template .portfolio .entry-summary, .post-snippets .hentry .entry-summary {
	padding: 10px 0;
	border-top: 1px solid #bbb;
	margin: 10px 0 0;
}
#showcase-template .hfeed .clear {
	padding: 25px 0;
}
#showcase-full-width .hfeed .clear {
	padding: 35px 0;
}
#showcase-full-width .thumbnail {
	width: 100%;
}
#showcase-template .thumbnail, .post-snippets img {
	width: 100%;
}
/*----------- Portfolio Isotope support ------- */
ul.image-grid {
	list-style-type: none;
	margin: 0;
}
ul.image-grid li {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
div.image-grid .hentry, .post-snippets .hentry {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
ul.image-grid img {
	width: 100%;
}
#content #showcase-items {
	margin-bottom: 60px;
}
#showcase-filter, #showcase-links {
	list-style-type: none;
	margin: 40px 0 40px 0;
	padding-bottom: 30px;
	text-align: right;
}
#showcase-template #showcase-filter, #showcase-template #showcase-links {
	margin: 15px 0;
}
#showcase-filter li, #showcase-links li {
	display: inline-block;
	margin: 0 0px 0 0;
}
#showcase-filter .filter-text, #showcase-links .filter-text {
	font-size: 13px;
}
#showcase-filter a, #showcase-links a {
	color: #292929;
	text-transform: none;
	display: inline-block;
	cursor: pointer;
	padding: 0 8px;
	margin-right: 10px;
	margin-bottom: 5px;
	font-size: 14px;
	font-style: italic;
	letter-spacing: 1px;
	border: 1px solid #292929;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	border-background-clip: padding-box;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#showcase-filter a:hover, #showcase-filter a.active, #showcase-links a:hover, #showcase-links a.active {
	color: #fefefe !important;
	background: #fe5000;
	border-color: #fe5000;
}
/*----------- Portfolio Single Post ------- */
.portfolio-info {
	margin: 10px 0;
}
.portfolio-label {
	text-transform: uppercase;
	display: block;
	color: #999790;
	border-top: 1px dashed #b3b0a8;
	padding: 0;
	margin: 0;
}
.portfolio-sidebar p {
	margin: 15px 0 5px;
	font-size: 14px;
	font-weight: 600;
	color: #555050;
}
.portfolio-description {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 13px;
}
.portfolio-description .portfolio-label {
	margin-top: 10px;
}
/* The next and previous portfolio entries in a single portfolio page */
.single-portfolio .loop-nav {
	clear: both;
	font-weight: 600;
}
/*---------- Full Width Snippets of Posts, raw HTML etc. ---------- */
.post-snippets .clear {
	margin: 20px 0;
	display: block;
	height: 1px;
}
/*---------------- Post Snippets ----------------------------------------------*/
.post-snippets-title {
	margin-bottom: 15px;
	word-spacing: 0;
}
.post-snippets .hentry .entry-title {
	word-spacing: 0;
	margin: 0;
	font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 900;
	color: #2c2c2c;
	margin: 10px 0 5px;
}
.post-snippets .hentry .entry-title a {
	display: block;
	color: #292929;
	-webkit-transition: color 0.3s ease-in-out 0s;
	-moz-transition: color 0.3s ease-in-out 0s;
	transition: color 0.3s ease-in-out 0s;
}
.post-snippets .hentry .entry-title a:hover {
	color: #fe5000;
}
.post-snippets .hentry .entry-summary {
	margin-top: 10px !important;
}
.post-snippets .byline {
	color: #56595C;
	font-size: 14px;
	margin: 0;
	border: none;
	padding: 0;
}
.post-snippets .byline a {
	font-style: italic;
}
.post-snippets .published {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #aaa;
}
/* =============================== Common responsive styles ============================== */
img, object, embed {
	max-width: 100%;
/* fit within the available area instead of overflowing */ }
audio {
	max-width: 100%;
}
video {
	width: 100% !important;
	height: auto !important;
}

/* ========================= Media Queries ====================== */
/* --------------------- Desktops and laptops -------------------------------- */
@media screen and (min-width: 1400px) {
.boxed #container, .boxed #header.sticky {
	max-width: 1220px;
}
}

@media only screen and (max-width: 1100px) {
/* Fix for iOS devices to disable parrallax scroll and fixed positioning */
.segment {
	background-attachment: scroll !important;
	background-position: center center !important;
}
}

/* -------------------------- Small screens -------------------------------------- */
@media only screen and (max-width: 1024px) {
.image-grid .sixcol, .image-grid .fourcol, .image-grid .threecol {
	margin-bottom: 18px;
}
.type-portfolio .image-info h3.post-title {
	font-size: 16px;
	line-height: 24px;
}
}

/* -------------------------------------- Smaller than standard 960 (devices and browsers) -------------------------------------- */
/* --------------------------------------Tablet Portrait size to standard 960 (devices and browsers)-------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.flex-caption, .nivo-caption {
	left: 70px;
	bottom: 20%;
}
.flex-caption a, .nivo-caption a {
	font-size: 26px;
	line-height: 30px;
}
}

@media only screen and (max-width: 767px) {
h1, h2, h3 {
	margin-bottom: 20px;
}
h1 {
	font-size: 28px;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 22px;
}
body {
	-webkit-text-size-adjust: none;
/* do not adjust size of text on iPhone */ }
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .sixcol.zero-margin, .fourcol.zero-margin {
	margin: 0 0 25px 0;
	width: 100%;
}
.threecol.zero-margin {
	margin: 0 0 25px 0;
	width: 100%;
}
.threecol.equal-margin {
	padding: 30px 0;
}
.fourcol.equal-margin, .sixcol.equal-margin {
	padding: 30px 0;
}
.threecol.dual-margin, .fourcol.dual-margin, .sixcol.dual-margin {
	padding-right: 0;
	padding-left: 0;
	margin: 0;
	border: none;
}
/*No need to worry about sticky menu in mobile */
.sticky-wrapper {
	height: auto !important;
}
/* Do not disturb the post lists */
ul.post-list .image-area {
	float: left !important;
}
#content .image-area img {
	width: 100% !important;
}
#content ul.post-list.medium-size .image-area img {
	width: 124px !important;
}
/*  Sidebars */
.sidebar-right-nav, .sidebar-left-nav {
	background: none;
}
#content, .sidebar-left-nav, .sidebar-right-nav {
	float: none !important;
}
.sidebar-left-nav, .sidebar-right-nav {
	padding: 20px 0 !important;
}
#sidebar-after-singular .widget {
	float: none;
	margin: 0 0 25px 0;
}
/* Comments */
.comment-wrap .comment-arrow {
	top: 80px;
	left: 30px;
	border-bottom-color: #FFF;
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color: transparent;
}
.comment-box-wrap, .comment-list .avatar-wrap {
	float: none;
	display: block;
}
.comment-box-wrap {
	max-width: 100%;
	width: 100%;
	top: 20px;
}
.comment ol.children {
	margin-left: 10px;
}
/* Use touch controls */
.layout-1c #commentform textarea {
	width: 80%;
}
#styleswitcher, .image-info .terms {
	display: none;
}
#showcase-template .hfeed .clear, #showcase-full-width .hfeed .clear, #showcase-template .sixcol, #showcase-full-width .sixcol, #showcase-template .fourcol, #showcase-full-width .fourcol, #showcase-template .threecol, #showcase-full-width .threecol {
	padding: 0;
}
.carousel-container .entry-summary {
	display: none;
}
.carousel-container .flexslider .slides .image-area {
	padding: 2px;
}
.quote-wrap.alignright, .quote-wrap.alignleft {
	width: 180px;
}
.pullquote, blockquote {
	font-size: 14px !important;
	line-height: 24px !important;
}
.quote-wrap.alignright, blockquote.alignright {
	margin-left: 15px;
}
.quote-wrap.alignleft, blockquote.alignleft {
	margin-right: 15px;
}
/* Sliders */
#nivo-slider-wrap {
	padding: 0;
}
.nivo-controlNav {
	display: none;
}
.nivo-caption {
	left: 50px;
	bottom: 20%;
	width: 50%;
}
.nivo-caption a {
	font-size: 22px;
}
.flex-caption .flex-summary, .nivo-caption .nivo-summary {
	padding: 5px 10px;
	font-size: 14px;
	line-height: 20px;
}
.nivo-directionNav a {
	height: 30px;
	width: 30px;
}
.nivo-directionNav .nivo-prevNav span, .nivo-directionNav .nivo-nextNav span {
	left: 9px;
	top: 6px;
}
.flex-caption {
	left: 0;
	bottom: 20px;
	max-width: 60%;
	padding: 0 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 50%;
}
.flex-caption a {
	font-size: 16px;
}
#slider-area .flex-control-nav, #slider-area .flex-direction-nav {
	display: none;
}
}

/* --------------------------------------Mobile Landscape Size to Tablet Portrait (devices and browsers)-------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
	width: 100%;
}
.sixcol.zero-margin, .fourcol.zero-margin, .threecol.zero-margin {
	width: 50%;
}
.image-grid .sixcol, .image-grid .fourcol, .image-grid .threecol {
	width: 48%;
	height: auto;
	margin-bottom: 12px;
}
ul.image-grid.rounded li.fourcol.showcase-item {
	width: 40%;
	margin-right: 0 !important;
}
ul.image-grid.rounded li.fourcol.showcase-item:nth-child(odd) {
	margin-right: 19% !important;
}
blockquote.alignleft, blockquote.alignright {
	width: 200px;
	padding: 5px 5px 5px 42px;
}
}

@media only screen and (max-width: 600px) {
html #wpadminbar {
	top: -46px;
}
}

/* --------------------------------------Mobile Portrait Size to Mobile Landscape Size (devices and browsers) --------------------------------------*/
@media only screen and (max-width: 479px) {
body {
	font-size: 14px;
	line-height: 24px;
}
#content .image-area {
	float: none;
}
.image-wrapper.alignleft, .image-wrapper.alignright {
	float: none;
	margin: 0;
}
.image-grid .sixcol, .image-grid .fourcol, .image-grid .threecol {
	width: 100% !important;
	height: auto;
	margin: 0 0 20px 0 !important;
}
#commentform p {
	margin-bottom: 10px;
}
#commentform input[type="text"] {
	float: none;
	width: 90%;
	margin: 0;
}
#commentform textarea {
	width: 90%;
	clear: both;
}
/* Posts Lists - Blog */
#content.default-list .hentry {
	margin-bottom: 60px;
	padding-left: 0;
}
.image-info h3.post-title {
	font-size: 16px;
	line-height: 24px;
}
#sitemap-template h2, #archives-template h2, .archive h2 {
	font-size: 24px;
	line-height: 32px;
}
.entry-snippet {
	width: auto;
	display: block;
	height: auto;
}
#content .hentry .entry-meta {
	padding-top: 10px;
	margin-top: 15px;
	margin-bottom: 20px;
}
.entry-meta span {
	font-size: 14px;
	line-height: 22px;
}
#blog-header h1 {
	font-size: 36px;
	line-height: 48px;
}
#blog-header p {
	font-size: 14px;
	line-height: 24px;
}
/* SLiders */
.flex-caption a, .nivo-caption a {
	font-size: 18px;
	padding: 5px;
}
.flex-caption .flex-summary, .nivo-caption .nivo-summary {
	display: none;
}
#footer .contact-form .text-input, #footer .contact-form textarea {
	width: 100% !important;
}
.carousel-container .type-portfolio .image-info .image-info-buttons {
	display: none;
}
.carousel-container .type-portfolio .image-info h3.post-title {
	top: 25%;
}
}
/* -------------------------------------- Retina displays like iPhone 4+ and iPad 3+ --------------------------------------*/
.ios-device input[type=button], .ios-device input[type="submit"], .ios-device input[type="reset"] {
	color: #48484A !important;
	border: none;
	font-size: 12px;
	line-height: 12px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.search-form .submit {
	background-image: url(images/icons/search-icon-2x.jpg);
	background-size: 34px 37px;
}
.widget li {
	background-image: url("images/icons/bullet-2x.jpg");
	background-size: 6px 8px;
}
#footer .widget li {
	background-image: url("images/icons/bullet-footer-2x.jpg");
}
}

/* -------------------------------------- prettyPhoto styling for small screens --------------------------------------*/
@media only screen and (max-width: 767px) {
.pp_pic_holder.pp_default {
	width: 100% !important;
	left: 0 !important;
	overflow: hidden;
}
div.pp_default .pp_content_container .pp_left {
	padding-left: 0 !important;
}
div.pp_default .pp_content_container .pp_right {
	padding-right: 0 !important;
}
.pp_content {
	width: 100% !important;
	height: auto !important;
}
.pp_fade {
	width: 100% !important;
	height: 100% !important;
}
.pp_fade iframe {
	width: 100% !important;
}
a.pp_expand, a.pp_contract {
	display: none !important;
}
.pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom {
	display: none !important;
}
#pp_full_res img {
	width: 100% !important;
	height: auto !important;
}
.pp_details {
	width: 94% !important;
	padding-left: 3%;
	padding-right: 4%;
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #fff;
	margin-top: -2px !important;
}
a.pp_close {
	right: 10px !important;
	top: 10px !important;
}
}
/*# sourceMappingURL=style.css.map */
#text-2.widget, #text-3.widget {
	background: #e7ecf2;
	padding: 15px;
}
#text-2.widget h3, #text-3.widget h3 {
	color: #000;
	font-size: 20px;
	letter-spacing: -0.01em;
	line-height: 25px;
}
#text-2.widget ul li, #text-3.widget ul li {
	list-style: none;
	border: none;
	background: url(../../uploads/2015/03/bullet-green.png) 0 6px no-repeat;
	background-size: 18px auto;
	line-height: 20px;
	padding: 3px 0 3px 25px;
}
#text-2.widget p, #text-3.widget p {
	padding: 10px 0 0 0;
	line-height: 20px;
}
#text-2.widget input[type="text"], #text-3.widget input[type="text"] {
	margin: 5px 0;
}
#text-2.widget input[type="submit"], #text-3.widget input[type="submit"] {
	float: right;
	font-size: 18px;
	letter-spacing: 0;
	margin-top: 10px;
	padding: 7px 20px;
}

@media only screen and (max-width: 767px) {
#header > .inner > .wrap {
	min-height: inherit;
	text-align: center;
}
#site-logo {
	top: 0 !important;
	float: none;
	text-align: center;
}
/*#portfolio-section ul{ width:100% !important;}*/
.sixcol > div {
	float: none !important;
}
#content .hentry h2.entry-title {
	font-size: 28px !important;
	line-height: normal !important;
}
.leftContetnCloud, .orbiteraForm {
	float: none !important;
	width: 100% !important;
	margin-left: 0px !important;
}
.entry-content img, .comment-content img {
	float: none;
	margin: 0 auto;
	width: auto;
}
.page-curl .coma{
    min-height:125px;
}
}

@media only screen and (max-width:640px) {   
.page-curl .coma {
    min-height: 150px;
}  
}

@media only screen and (max-width: 480px) {
h2.cloud {
	font-size: 25px;
}
#portfolio-section ul li {
	float: none !important;
	width: 100% !important;
}
#portfolio-section ul li:nth-child(5), #managed-services #portfolio-section ul li:nth-child(9) {
	margin-left: 0px !important;
}
.segment-content a br {
	display: none;
}
.entry-content ul {
	margin-left: 0px;
}
ul.teams > li {
	margin: 15px 0;
}
#content .hentry h2.entry-title {
	font-size: 24px !important;
	line-height: normal !important;
}
.entry-content img, .comment-content img {
	float: none;
	margin: 0 auto;
	/*width: 50%;*/ /*-- commented on 16-9-2015*/
}
 .page-curl ul.flippy li{
  padding:0 5px;
  font-size:12px;  
}
}

@media only screen and (max-width: 320px) {
#footer-bottom-text {
	font-size: 12px;
}
#content .hentry h2.entry-title {
	font-size: 18px !important;
	line-height: normal !important;
}

.page-curl ul.flippy li{
  padding:0 5px;
  font-size:12px;  
}
.page-curl .coma{
   min-height:190px; 
}
}
/*====== 6-19-2015 ====== */

/*#customers li:hover #for-logo1{
	display:block;
	background:#000;
}

#for-logo1{
	display:none;
}
*/
ul.patnership-logo {
	margin: 0px 0px 35px;
	padding: 0px;
	text-align: center;
}
ul.patnership-logo li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline-block;
	float: none;
}
.customer-success table img {
	max-height: 100px;
	max-width: 150px;
	margin: 0 auto;
}
ul.patnership-logo img {
	max-height: 160px;
}
.cust-fullwidth {
	padding: 80px 0 0;
}
.cust-fullwidth h2 {
	padding: 10px 0;
}
.manage-service-prod table tr:nth-of-type(odd) {
	background: #eee;
}
/* 
	Generic Styling, for Desktops/Laptops 
	*/
.customer-success table {
	width: 100%;
	border-collapse: collapse;
}
/* Zebra striping */
.customer-success table tr:nth-of-type(odd) {
/*background: #eee;*/ 
}
.customer-success table tr {
	border: none;
}
.customer-success table .overlay {
	display: none;
	text-align: center;
	color: #fff;
	vertical-align: middle;
}
.customer-success table td:hover .overlay {
	display: block;
	background: rgba(0, 0, 0, 0.5) 0 0 no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.customer-success table td:hover .overlay a {
	color: #fff;
	margin: 35px 0px;
	display: inline-block;
}
.customer-success table td:hover .overlay a:hover {
	color: #fe5000;
}
.customer-success table th {
	background: none;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
}
.customer-success table th a {
	color: #292929;
}
.customer-success table th a:hover {
	color: #292929;
}
.customer-success table td, .customer-success table th {
	padding: 6px;
	border-right: 1px solid #ccc;
	text-align: center;
	position: relative;
}
.manage-service-prod h3 {
	font-size: 15px;
	color: #FE5000;
	margin: 20px 0 0 0;
	padding: 0px;
    letter-spacing:normal;
    font-weight:700;
}
.manage-service-prod ul {
	margin: 0px;
	padding: 0px 20px;
	min-height: 120px;
}
.manage-service-prod ul li {
	font-size: 15px;
	line-height: 26px;
	margin: 0;
	padding: 5px 0;
	position: relative;
	list-style-position: inside;
}
.manage-service-prod {
	padding: 40px 0;
	overflow: hidden;
}
/*===== 24-6-2015 ====*/	

.manage-service-prod #portfolio-section ul li div {
	position: absolute;
	top: -100px;
	left: 50%;
	background: #fbfbfb;
	border: 1px solid #ccc;
	padding: 10px;
	width: 258px;
	margin-left: -140px;
	z-index: 9999;
	box-shadow: 1px 0 17px rgba(20, 20, 20, 0.08) inset;
}
.manage-service-prod #portfolio-section ul li div h2 {
	padding: 0px;
	margin: 0px;
	font-size: 15px;
	line-height: 26px;
}
.manage-service-prod #portfolio-section ul li div .more a {
	color: #fe5000;
	font-size: 12px;
	padding: 0px 15px;
	background: url("http://reancloud.com/wp-content/themes/agile/images/arrow-orange.png")100% 3px no-repeat;
	background-size: 10px auto;
}
.manage-service-prod #portfolio-section ul li p {
	margin: 0px;
	padding: 0px;
}
.manage-service-prod #portfolio-section ul li div {
	display: none;
}
.manage-service-prod table th {
	width: 25%;
}
.manage-service-prod ul li ul {
	margin: 0 0 0 10px;
	min-height: auto;
}
.pull-left {
	float: left;
}
.manage-service-prod .left-image {
	max-width: 280px;
	margin-right: 30px;
}
.cl-mg-service {
	width: 100%;
	float: left;
}
#client-testimonials1 .text p {
	font-size: 16px;
	font-family: "Lato";
	text-align:left;
}
.customer-success p {
	text-align: center;
}

@media  only screen and (max-width: 1023px) {
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
	display: block;
	clear:both;/*---*/
}
/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
/*tr { border: 1px solid #ccc; }*/
		
td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #e3e2e2;
	position: relative;
	padding-left: 50%;
	text-align: center;
}
td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 12px;
	left: 5px;
	width: 45%;
	padding-right: 10px;
	white-space:wrap;
	text-align:left;
	color:#fe5000;
}

.customer-success table td:nth-of-type(1):before {
	content: "";
}
.customer-success table td:nth-of-type(2):before {
	content: "";
}
.customer-success table td:nth-of-type(3):before {
	content: "";
}
.customer-success table td:nth-of-type(4):before {
	content: "";
}
.customer-success table td:nth-of-type(5):before {
	content: "";
}
.customer-success table td:nth-of-type(6):before {
	content: "";
}
.cl-mg-service table td:nth-of-type(1):before {
	content: "Cloud Managed Services";
}
.cl-mg-service table td:nth-of-type(2):before {
	content: "Developer";
}
.cl-mg-service table td:nth-of-type(3):before {
	content: "Business";
}
.cl-mg-service table td:nth-of-type(4):before {
	content: "Enterprise";
}



.manage-service-prod table td:nth-of-type(1):before {
	content: "REAN Managed Services (MGS)";
}
.manage-service-prod td:nth-of-type(2):before {
	content: "Developer";
}
.manage-service-prod table td:nth-of-type(3):before {
	content: "Business";
}
.manage-service-prod table td:nth-of-type(4):before {
	content: "Enterprise";
}
}

@media only screen and (max-width:360px) {
.cl-mg-service table td {
	font-size: 12px;
}
}