/*
Theme Name: 360Complete
Theme URI: http://www.madeinebor.com
Version: 1.0.5
Description: 360Complete - A Multipurpose Blog & Portfolio Theme
Author: Tom Rhodes
Author URI: http://www.madeinebor.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

@import url('css/reset.css');
@import url('css/flexslider.css');
@import url('css/layerslider.css');
@import url('css/prettyPhoto.css');
@import url('css/tipsy.css');
/*
To enable theme options we include and fix this import below
@import url('/app/themes/360complete/styles.php');
*/

/*
* STYLES.PHP IMPORT START
*/

@font-face {
	font-family: 'FuturistFW';
	src: url('/app/themes/360complete/fonts/futrfw-webfont.eot');
	src: url('/app/themes/360complete/fonts/futrfw-webfont.eot?#iefix') format('embedded-opentype'),
			 url('/app/themes/360complete/fonts/futrfw-webfont.woff') format('woff'),
			 url('/app/themes/360complete/fonts/futrfw-webfont.ttf') format('truetype'),
			 url('/app/themes/360complete/fonts/futrfw-webfont.svg#futurist_fixed-widthregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


body { }
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
img { display:block; position:relative; padding:0; }

/* =Typography
--------------------------------------------------------------------------------------------------------*/
body { font: 12px Helvetica, Arial, Tahoma, sans-serif; color:#3f3f3f; background:#dbdcd9; text-rendering:optimizelegibility}
strong { font-weight:700; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h2 span {color:#3f3f3f; }
h2.heading {margin:40px 0px 0px 0px;}
h2 a, h3 a, h4 a, h5 a, h6 a { color:#823d54; text-decoration:none}
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#2c2c2c; text-decoration:none}
h2, h2 .button { font-size: 22px; }
h3, h3 .button { font-size: 17px; }
h4, h4 .button { font-size: 15px; }
h5, h5 .button { font-size: 12px; }
h6, h6 .button { font-size: 11px; }
h2, h3, h4, h5, h6 {line-height:1.3; color:#823d54; }
h4 {line-height:1.45 }
h2, h3, h5 { font-weight:900; font-family:"Arial Black", Helvetica, sans-serif; text-transform:uppercase; }
dl,hr,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 20px; }

h5.carousel-header { padding:20px 20px 15px 0; border-bottom:1px solid #e9e9e9; margin-bottom:0px; display:block;}
.specification { margin-bottom:5px; }
article h3 {padding-top:19px; }
.extra-space {padding-top:10px; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Branding
--------------------------------------------------------------------------------------------------------*/
a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
p { display:inline-block; line-height:20px; }
p span { color:#888; }
p a { color:#3f3f3f; text-decoration:underline; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; }
p a:hover { text-decoration:underline; color:#3f3f3f;  }
p.specification {font-size:11px; text-transform:uppercase; color:#3f3f3f; font-weight:bold; padding-top:0px; }
p.subline {font-size:11px; text-transform:uppercase; color:#bbb; font-weight:bold; padding-top:0px; }
p.all { background:url(images/buttons/bg-all.png) no-repeat right 7px; padding-right:25px; padding-top:5px; position:absolute; right:50px; margin-top:-50px; }
p.all-blog { padding-top:5px; position:absolute; right:50px; margin-top:-50px; }
p a.button { display: inline-block; text-decoration:none; color:#888; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8;  margin-right:4px; margin-top:5px; padding:9px 10px 8px 10px; font-weight:bold; background:#fff; line-height:1.0; cursor:pointer !important }
p a.button.green { color:#fff; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0); box-shadow:0 1px 0 rgba(180, 180, 180, 0); border: 1px solid #3f3f3f; background:#3f3f3f; }
p a.button.black { color:#fff; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0); box-shadow:0 1px 0 rgba(180, 180, 180, 0); border: 1px solid #2c2c2c; background:#2c2c2c; }
p a.button.big { padding:11px 17px; padding:12px 17px 10px 17px\9; line-height:1.0; font-size:14px; }
p a.button:hover { color:#fff; cursor:default; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0); box-shadow:0 1px 0 rgba(180, 180, 180, 0); border: 1px solid #3f3f3f; background:#3f3f3f; }
p a.button.green:hover { color:#fff; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0); box-shadow:0 1px 0 rgba(180, 180, 180, 0); border: 1px solid #2c2c2c; background:#2c2c2c; }
p a.button.black:hover { color:#fff; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0); box-shadow:0 1px 0 rgba(180, 180, 180, 0); border: 1px solid #3f3f3f; background:#3f3f3f; }
p a.map-button { padding:11px 17px; line-height:1.0; font-size:14px; color:#fff; background:#2c2c2c; -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); box-shadow:0 0 30px rgba(0, 0, 0, 0.1); text-decoration:none; font-weight:bold; }
h1#logo { display:inline-block; margin-top:23px; }
h1#logo a { display:block; width:109px; text-decoration:none; height:68px; }
hr { color:#e9e9e9; background:#e9e9e9; margin:5px 0px 25px 0px; height:1px; clear:both; border:none; max-width: 940px;}
.border { height:1px; width:auto; background:#e9e9e9; margin:0px 10px 75px 10px; }
.border-top { height:1px; width:auto; background:#e9e9e9; margin:20px 10px 40px 10px; }
.border-single-work { height:1px; width:auto; background:#e9e9e9; margin:20px 10px 15px 10px; }
.border-blog { height:1px; width:auto; background:#e9e9e9; margin:20px 0px 50px 0px; }
.border-portfolio { height:1px; width:auto; background:#e9e9e9; margin:0px 10px 20px 10px; }
.within { margin-left:0px; margin-right:0px; }
.borderline { height:1px; width:auto; background:#474747; margin:0px auto; width:230px; margin-top:7px; }
.headline { background:url(images/bg-headline.png) 0 50% repeat-x; display:block; margin-top:10px; margin-bottom:20px; }
.headline.single-post {margin-top:20px; }
.headline h5, .headline h3 {background:#fff; padding-right:10px; display:inline-block; margin-bottom:0px !important; }
/* End Branding
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------------*/
ul#nav { margin-top:38px; }
ul#nav li { float:left; }
ul#nav li a { color:#2c2c2c; font-size:11px; font-weight:bold; text-decoration:none; text-transform:uppercase; margin:0px 0px 0px 20px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; display:inline-block;  z-index:15; padding-bottom:20px; }
ul#nav li a:hover {  }
ul#nav li.current-menu-item > a, ul#nav li.current-menu-parent > a { color:#bbb; }
ul#nav li a:hover, ul#nav li a.active, ul#nav li a.stays-active { /*color:#bbb; */ }
ul#nav li a.cursor {cursor:default; }

ul#nav ul { position:absolute; height:auto; width:125px; background:#fff; -webkit-box-shadow:0 0px 0px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0px 0px 1px rgba(0, 0, 0, 0.1); box-shadow:0 0px 0px 1px rgba(0, 0, 0, 0.1); padding:5px 15px 9px 15px; top:70px; margin-left:4px; z-index:200; list-style:none; }
ul#nav ul li { display:block; z-index:191 !important; float:none; padding:0px; margin:0px; position:relative;}
ul#nav ul li.last { border-bottom:0px; }
ul#nav ul li a { position:relative; display:block; width:auto; float:none; padding:8px 0px; margin:0px; color:#888; z-index:191 !important; text-decoration:none; text-transform:none; font-weight:normal; border-bottom:1px solid #e9e9e9; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;/* font-size:12px;*/}
ul#nav li.active ul a { color:#888; }
ul#nav ul li a:hover { color:#3f3f3f; text-decoration:none; border-bottom:1px solid #3f3f3f; }

ul#nav li ul { display:none; }
ul#nav ul ul li {position:relative; }
ul#nav ul ul { top:-7px !important; margin-left:110px; z-index:200; list-style:none; }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
.wrapper { padding:0px 40px; width:960px; position:relative; background-color:#fff; margin:60px auto; margin-bottom:0px; -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); box-shadow:0 0 30px rgba(0, 0, 0, 0.1); }
.postage {background:url(images/bg-postage2.jpg) no-repeat right top #fff; z-index:0}
header {height:90px; border-bottom:1px solid #e9e9e9; margin:0 10px; width:940px; }
.container {width:960px;}
.col1-1 { width:940px; margin:0px 10px; float:none; display:inline-block; }
.col1-2 { width:460px; margin:0px 10px; float:left; }
.col1-3 { width:300px; margin:0px 10px; float:left; }
.col2-3 { width:620px; margin:0px 10px; float:left; }
.col1-4 { width:220px; margin:0px 10px; float:left; }
.col3-4 { width:700px; margin:0px 10px; float:left; }
.col1-6 { width:140px; margin:0px 10px; float:left; }
.padding-top { padding-top:40px; }
.padding-single-work { padding-top:30px; }
.margin-top { margin-top:6px; }
.padding-bottom { padding-bottom:10px; }
.margin-bottom { padding-bottom:50px; }
.break { height:80px; position:relative; }
.dots {background:url(images/bg-dots.jpg) no-repeat; height:7px; width:25px; float:left; margin:7px 5px 0px 5px; }
/* End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Twitter Widget
--------------------------------------------------------------------------------------------------------*/
#twitter {background:url(images/bg-twitter-border.png) no-repeat; padding-top:58px; margin:32px 10px 0 10px; padding-bottom:25px;}
#twitter_update_list { width:auto;}
ul.jta-tweet-list { margin-bottom:0px; }
ul.jta-tweet-list li { display:block; padding:2px 0; padding-right:10px; margin-right:30px; line-height:25px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#888; font-style:italic }
ul.jta-tweet-list li a.jta-tweet-link { color:#3f3f3f; text-decoration:none; font-size:14px !important; font-weight:400; text-transform:none; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-right:4px; line-height:20px; }
ul.jta-tweet-list li a.jta-tweet-link:hover { text-decoration:none; color:#2c2c2c; }
ul.jta-tweet-list li a.jta-tweet-timestamp-link { font-size:16px !important; color:#888; text-decoration:none; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; text-transform:uppercase; line-height:20px; padding-left:5px; }
ul.jta-tweet-list li a.jta-tweet-timestamp-link:hover { text-decoration:none; color:#2c2c2c; }
span.jta-tweet-twitter-bird-icon, span.jta-tweet-twitter-bird-icon:hover { display:none }
a.jta-tweet-a {color:#3f3f3f; text-decoration:none; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; }
a.jta-tweet-a:hover { text-decoration:none; color:#2c2c2c; }
.jta-clear {height:5px; }

.sidebar-feed ul.jta-tweet-list { margin-bottom:0px; }
.sidebar-feed ul.jta-tweet-list li { display:block; padding:0px 0 !important; padding-right:10px; margin-right:0px; line-height:20px !important; font: 12px Helvetica, Arial, Tahoma, sans-serif; color:#2c2c2c; background: none; }
.sidebar-feed ul.jta-tweet-list li a.jta-tweet-link { color:#3f3f3f; text-decoration:none; font-size:12px !important; font-weight:400; text-transform:none; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-right:4px; line-height:20px; }
.sidebar-feed ul.jta-tweet-list li a.jta-tweet-link:hover { text-decoration:none; color:#2c2c2c; }
.sidebar-feed ul.jta-tweet-list li a.jta-tweet-timestamp-link { font-size:11px !important; color:#888; text-decoration:none; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; text-transform:uppercase; line-height:20px; padding-left:0px; display:block }
.sidebar-feed ul.jta-tweet-list li a.jta-tweet-timestamp-link:hover { text-decoration:none; color:#2c2c2c; }
.sidebar-feed span.jta-tweet-twitter-bird-icon, span.jta-tweet-twitter-bird-icon:hover { display:none }
.sidebar-feed a.jta-tweet-a {color:#3f3f3f; text-decoration:none; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; }
.sidebar-feed a.jta-tweet-a:hover { text-decoration:none; color:#2c2c2c; }
.sidebar-feed .jta-clear {height:5px; }
/* End Twitter Widget
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/
#intro { position:fixed; width:100%; height:100%; display:block; top:0; left:0; background:url(images/bg-intro.jpg) no-repeat center center; background-size: cover; z-index:1000; }
#googlemaps { position:fixed; width:100%; height:100%; display:block; top:0; left:0; }
.works, .services h4 {text-align:center; border-bottom:1px solid #e9e9e9; display:block; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-bottom:20px;}
.works h4 {padding:0px; padding-top:10px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-bottom:0px; display:block !important}
.works p {padding:0px; padding-bottom:20px; margin-bottom:0px; display:block !important}
.works a {text-decoration:none;}
.works:hover a  h4 {color:#3f3f3f; }
.works:hover, .services:hover h4 { border-bottom:1px solid #3f3f3f; }
.works.team {margin-bottom:25px; }
.team-member {margin-bottom:20px; }
.services h4 { padding-bottom: 12px; margin-bottom: 15px;}
.services p:first-of-type, .services p:last-of-type { margin-bottom: 0; padding-bottom: 0 !important;}
/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =jCarousel
--------------------------------------------------------------------------------------------------------*/
#carousel-logos { margin-top:20px !important; float: left; display: block; vertical-align: bottom; }

.jcarousel-skin-tango2 .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango2 .jcarousel-container-horizontal { width: 960px; padding:15px 0 15px 0; }
.jcarousel-skin-tango2 .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango2 .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-tango2 .jcarousel-next-horizontal { position: absolute; top: -36px; right: 10px; cursor: pointer; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background:url(images/buttons/bg-arrow-right.png) center no-repeat #fff; text-indent:-9999px; display:inline-block; width:20px; height:19px; }
.jcarousel-skin-tango2 .jcarousel-next-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-next-horizontal:focus { border:1px solid #c4c4c4; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); }
.jcarousel-skin-tango2 .jcarousel-next-horizontal:active { border:1px solid #d8d8d8; }
.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:active { cursor: default; border:1px solid #d8d8d8; background:url(images/buttons/bg-arrow-right2.png) center no-repeat #fff; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); }
.jcarousel-skin-tango2 .jcarousel-prev-horizontal { position: absolute; top: -36px; right: 35px; cursor: pointer; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background:url(images/buttons/bg-arrow-left.png) center no-repeat #fff; text-indent:-9999px; display:inline-block; width:20px; height:19px; }
.jcarousel-skin-tango2 .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-prev-horizontal:focus { border:1px solid #c4c4c4; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); }
.jcarousel-skin-tango2 .jcarousel-prev-horizontal:active { border:1px solid #d8d8d8; }
.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:active { cursor: default; border:1px solid #d8d8d8; background:url(images/buttons/bg-arrow-left2.png) center no-repeat #fff; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); }
/* End jCarousel
--------------------------------------------------------------------------------------------------------*/


/* =Accordion
--------------------------------------------------------------------------------------------------------*/
#accordion { width:auto; padding:5px 0 20px 0; }
#accordion div.ui-accordion-content { padding:0px 0 5px 0px; }
#accordion .break { height:10px; position:relative; }
#accordion h5 { padding:0px; padding:3px 0px 3px 0px; width:auto; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-bottom:5px; color:#2c2c2c; line-height:35px; display:block}
#accordion h5 a { cursor:pointer; display:block; text-decoration:none; line-height:20px; width:auto; display:inline-block; color:#888; }
#accordion h5:hover a, #accordion h5:hover { color:#2c2c2c; cursor:pointer; border:1px solid #c4c4c4; }
#accordion h5:hover a { color:#2c2c2c; cursor:pointer; border:0px !important; }
#accordion h5.ui-state-active { background:/*url(images/buttons/bg-close.png) no-repeat 15px 11px */#fbfbfb; }
#accordion h5.ui-state-active a { color:#2c2c2c; cursor:default; }
#accordion h5.ui-state-active:hover { cursor:default; color:#1e1e1e; border: 1px solid #d8d8d8; }
#accordion h5.ui-corner-all { background:/*url(images/buttons/bg-open.png) no-repeat 15px 11px */#fbfbfb; }
h5 span.ui-icon.ui-icon-triangle-1-s {background:url(images/buttons/bg-close.png) center center no-repeat #fff; height:41px; width:48px; display:inline-block; float:left; margin-top:-3px; border-right:1px solid #d8d8d8; margin-right:20px;}
h5 span.ui-icon.ui-icon-triangle-1-e {background:url(images/buttons/bg-open.png) center center no-repeat #fff; height:41px; width:48px; display:inline-block; float:left; margin-top:-3px; border-right:1px solid #d8d8d8; margin-right:20px;}
/* =End Accordion
--------------------------------------------------------------------------------------------------------*/


/* =Tabs
--------------------------------------------------------------------------------------------------------*/
.hide { display: none; }
.clear { clear: both; }
#tabs { background: #fff; margin:65px 0 20px 0; border:1px solid #d8d8d8; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); }
#tabs .nav { overflow: hidden; margin-bottom:10px; margin-top:-41px; margin-left:-1px; position:absolute; }
#tabs .nav li { width: auto; float: left; margin: 0; }
#tabs .nav li:last-of-type { margin-right: 10px; border-right:1px solid #d8d8d8; }
#tabs .nav li.first { }
#tabs .nav li a { font-size:12px; font-weight:900; font-family:"Arial Black", Helvetica, sans-serif; text-transform:uppercase; color:#888; height:14px; border-bottom:1px solid #d8d8d8; width:auto; text-decoration:none; }
#tabs .nav li a:hover { text-decoration:none; color:#2c2c2c; }
#tabs .list-wrap { padding:25px 20px 5px 20px; }
#tabs ul li a { display: block; padding:11px 20px 14px 20px; }
#tabs ul li.nav-li a { background-color: #f8f8f8; border-bottom:0px; padding-bottom:14px; text-decoration:none; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8 }
#tabs ul li.nav-li a.current { background-color: #fff; border-bottom:0px; padding-bottom:15px; cursor:default; text-decoration:none; color:#2c2c2c; }
/* =End Tabs
--------------------------------------------------------------------------------------------------------*/


/* =Notice
--------------------------------------------------------------------------------------------------------*/
.notice {padding:25px 20px 5px 20px; background:#f8f8f8; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border:1px solid #d8d8d8; margin:5px 0 20px 0; display:inline-block }
.notice h3 {font-size:22px; font-family:Helvetica, Arial, Tahoma, sans-serif; text-transform:none }
/* =End Notice
--------------------------------------------------------------------------------------------------------*/


/* =Price Table
--------------------------------------------------------------------------------------------------------*/
.table-standard { -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; height:auto; width:188px; float:left; text-align:center; padding:25px 15px 0px 15px; margin-right:5px; margin-top:39px; background:#f8f8f8; }
.table-featured { border:1px solid #3f3f3f; border-top:4px solid #3f3f3f; height:auto; width:202px; float:left; text-align:center; padding:25px 30px 10px 30px; margin-right:5px; margin-top:10px; margin-bottom:20px; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.05); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.05); box-shadow:0 0 10px rgba(0, 0, 0, 0.05); }
.last-table { margin-right:0px !important; }
.table-standard h3 { padding:0px; margin-bottom:5px; }
.table-featured h3 { padding:15px 0px 0 0; text-transform:uppercase; margin-bottom:5px; }
.table-standard ul { padding:18px 0 0px 0; }
.table-featured ul { padding:18px 0 15px 0; }
.table-standard ul li, .table-featured ul li { line-height:20px; padding:4px 0px 6px 0px; width:auto; border-bottom:1px solid #e9e9e9; }
.table-standard ul li:first-of-type, .table-featured ul li:first-of-type { border-top:1px solid #e9e9e9; }
.table-standard p a.button, .table-featured p a.button { color:#fff; cursor:default; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0); box-shadow:0 1px 0 rgba(180, 180, 180, 0); border: 1px solid #3f3f3f; background:#3f3f3f; }
.table-standard p a.button:hover, .table-featured p a.button:hover { color:#fff; cursor:default; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0); box-shadow:0 1px 0 rgba(180, 180, 180, 0); border: 1px solid #2c2c2c; background:#2c2c2c; }
/* =Price Table
--------------------------------------------------------------------------------------------------------*/


/* =Images
--------------------------------------------------------------------------------------------------------*/
.images img { width:100%; height: auto; display:block; }
.images { display:block; padding:10px 0 10px 0; position:relative; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
/* End Images
--------------------------------------------------------------------------------------------------------*/


/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.list { display:inline-block; position:relative; }
ul.list li, li.cat-item, div.check li, aside li{ line-height:20px; width:auto; padding-left:20px; }
ul.float li { margin-right:15px; }
ul.bullet li, li.cat-item, aside li { background:url(images/list-bullet.png) no-repeat 7px 8px; }
ul.check li, div.check li { background:url(images/list-check.png) no-repeat 1px 5px; }
ul.list li a, li.cat-item a, aside li a { text-decoration:none; color:#2c2c2c; }
ul.list li a:hover, ul.normal li a:hover, li.cat-item a:hover, aside li a:hover { color:#3f3f3f; text-decoration:none; }
li.no-style { list-style: none; }

ul.sidebar-navi { height:auto; width:auto; background:#fff; border-right: 1px solid #d8d8d8; padding:5px 15px 9px 0px; z-index:200; list-style:none; margin:40px 13px 0 0; }
ul.sidebar-navi li { display:block; z-index:191 !important; float:none; padding:0px; margin:0px; position:relative;}
ul.sidebar-navi li.last { border-bottom:0px; }
ul.sidebar-navi li a { position:relative; display:block; width:auto; float:none; padding:10px 0px; margin:0px; color:#888; z-index:191 !important; text-decoration:none; text-transform:none; font-weight:normal; border-bottom:1px solid #e9e9e9; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; font-size:15px;}
ul.sidebar-navi li.active a { color:#2c2c2c; }
ul.sidebar-navi li a:hover { color:#3f3f3f; text-decoration:none; border-bottom:1px solid #3f3f3f; }
ul.sidebar-navi li ul.sub-menu { margin-bottom: 0; }

/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Blog
--------------------------------------------------------------------------------------------------------*/
p.dates { background:url(images/bg-dates.png) no-repeat 0px 7px; padding-left:25px; }
p.users { background:url(images/bg-users.png) no-repeat 0px 7px; padding-left:25px; }
p.comments { background:url(images/bg-comments.png) no-repeat 0px 8px; padding-left:25px; }
#navi-blog { padding:25px 0 90px 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
#navi-blog .page a, #navi-blog .page span { font-size:12px; color:#888; text-decoration:none; padding:3px 7px; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; margin-right:4px; text-align:center; float:left; }
#navi-blog .page a:hover, #navi-blog .page span:hover { text-decoration:none; border:1px solid #c4c4c4; }
#navi-blog .active a, #navi-blog .active span { background:#3f3f3f; color:#fff; font-weight:700; border:1px solid #3f3f3f; }
#navi-blog .active a:hover, #navi-blog .active span:hover { cursor:default; color:#fff; border:1px solid #3f3f3f; }
/*article .images { margin:10px 10px 10px 0;}*/
.avatar { margin:5px 0px 0 0; padding:16px 16px; background:#fff; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8; max-width: 15px; max-height: 15px; }
.reply { margin:0px 0 0px 66px; }
.no-wrap { margin-left:66px; }
li.comment hr, .col3-4 hr { margin-left:0; }
.when { margin-top:-10px; }

.quotation, blockquote {font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; border-left:1px solid #888; padding:0px 0px 0px 13px; }
.blogpost h4 {padding:1px 5px 5px 0px; margin-bottom:5px; }
.blog-stats {width:130px; height:90px; margin-top:14px; text-align:right; }
.blog-stats p a {color:#2c2c2c; text-decoration:none }
.blog-stats p a:hover { color:#3f3f3f; }
.blog-icon {width:34px; height:33px; margin-top:4px; }
.bubble {background:url(images/buttons/bg-bubble.png) no-repeat #3f3f3f; }
a:hover .bubble {background:url(images/buttons/bg-bubble.png) no-repeat #2c2c2c; }
.quote {background:url(images/buttons/bg-quote.png) no-repeat #3f3f3f; }
a:hover .quote {background:url(images/buttons/bg-quote.png) no-repeat #2c2c2c; }
.slideshow {background:url(images/buttons/bg-slideshow.png) no-repeat #3f3f3f; }
a:hover .slideshow {background:url(images/buttons/bg-slideshow.png) no-repeat #2c2c2c; }
.link {background:url(images/buttons/bg-link.png) no-repeat #3f3f3f; }
a:hover .link {background:url(images/buttons/bg-link.png) no-repeat #2c2c2c; }
.video {background:url(images/buttons/bg-video.png) no-repeat #3f3f3f; }
a:hover .video {background:url(images/buttons/bg-video.png) no-repeat #2c2c2c; }
.pen {background:url(images/buttons/bg-pen.png) no-repeat #3f3f3f; }
a:hover .pen {background:url(images/buttons/bg-pen.png) no-repeat #2c2c2c; }
.blog-teaser {margin-left:47px; }
.blog-content {margin-left:150px; }

ul.tags {display:inline-block }
.tags li { float:left; padding-bottom:5px;}
.tags li a { display: inline-block; text-decoration:none; color:#888; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8;  margin-right:4px; padding:8px 10px 9px 10px; padding:9px 10px 8px 10px\9; font-weight:bold; background:#fff; line-height:1.0; cursor:pointer !important }
.tags li a:hover { color:#fff; cursor:default; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0); box-shadow:0 1px 0 rgba(180, 180, 180, 0); border: 1px solid #3f3f3f; background:#3f3f3f;}
/* End Blog
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
#footer { padding:55px 40px 40px 40px; background:#191919; width:960px; position:relative; margin:0px auto; margin-bottom:50px; -webkit-box-shadow:0 30px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 30px 30px rgba(0, 0, 0, 0.1); box-shadow:0 30px 30px rgba(0, 0, 0, 0.1); text-align:center; color: white;}
#footer h3 {font-size:24px; color:#fff; }
#footer p { color:#e9e9e9; margin:17px 0 17px 0; }
#footer p span {color:#e9e9e9; padding-top:5px; padding-bottom:5px; }
#footer p a, footer a {color:#e9e9e9; text-decoration:none; }
#footer p a:hover, #footer p a span:hover {color:#e9e9e9; }
#logo-footer { margin-bottom:100px;}
#logo-footer a { display:block; margin:0 auto; width:109px; text-decoration:none; text-indent:-9999px; height:90px; }
#footer .pointer { background:url(images/bg-pointer.png) 5px 4px no-repeat; padding-left:26px; padding-right:15px; }
#footer .email { background:url(images/bg-mail.png) 2px 7px no-repeat; padding-left:26px; }
#footer .phone { background:url(images/bg-phone.png) 5px 4px no-repeat; padding-left:26px; padding-right:15px; }
.footer-margin { margin-bottom: 60px; }
footer a:hover { color: #3f3f3f; }
footer ul { margin: 17px 0 5px; }
footer li { line-height:20px; margin: 0 0 12px; }
footer li.cat-item { line-height:20px; width:auto; padding: 0; }
footer li.cat-item { background: none; }
footer li.cat-item a { text-decoration:none; color: white; }
footer li.cat-item a:hover { color:#3f3f3f; text-decoration:none; }
footer #searchform { text-align: center; margin-top: 23px; }
footer input { float: none; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Social
--------------------------------------------------------------------------------------------------------*/
ul.social {margin-top:15px; margin-bottom:0px; }
.social li { display:inline-block; }
.social li a { margin:10px 0 10px 15px; display:block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.social li.first a { margin:10px 0 0 0; }
ul.social .facebook a { text-indent:-9000px; text-decoration:none; width:16px; height:16px; background:url(images/buttons/bg-facebook.png) no-repeat 0px -16px; }
ul.social .facebook a:hover { background:url(images/buttons/bg-facebook.png) no-repeat 0px 0px; }
ul.social .dribble a { text-indent:-9000px; text-decoration:none; width:16px; height:16px; background:url(images/buttons/bg-dribble.png) no-repeat 0px -16px; }
ul.social .dribble a:hover { background:url(images/buttons/bg-dribble.png) no-repeat 0px 0px; }
ul.social .flickr a { text-indent:-9000px; text-decoration:none; width:16px; height:16px; background:url(images/buttons/bg-flickr.png) no-repeat 0px -16px; }
ul.social .flickr a:hover { background:url(images/buttons/bg-flickr.png) no-repeat 0px 0px; }
ul.social .vimeo a { text-indent:-9000px; text-decoration:none; width:17px; height:16px; background:url(images/buttons/bg-vimeo.png) no-repeat 0px -16px; }
ul.social .vimeo a:hover { background:url(images/buttons/bg-vimeo.png) no-repeat 0px 0px; }
ul.social .google a { text-indent:-9000px; text-decoration:none; width:16px; height:16px; background:url(images/buttons/bg-google.png) no-repeat 0px -16px; }
ul.social .google a:hover { background:url(images/buttons/bg-google.png) no-repeat 0px 0px; }
ul.social .skype a { text-indent:-9000px; text-decoration:none; width:16px; height:16px; background:url(images/buttons/bg-skype.png) no-repeat 0px -16px; }
ul.social .skype a:hover { background:url(images/buttons/bg-skype.png) no-repeat 0px 0px; }
ul.social .email a { text-indent:-9000px; text-decoration:none; width:16px; height:16px; background:url(images/buttons/bg-email.png) no-repeat 0px -16px; }
ul.social .email a:hover { background:url(images/buttons/bg-email.png) no-repeat 0px 0px; }
ul.social .twitter a { text-indent:-9000px; text-decoration:none; width:16px; height:16px; background:url(images/buttons/bg-twitter.png) no-repeat 0px -16px; }
ul.social .twitter a:hover { background:url(images/buttons/bg-twitter.png) no-repeat 0px 0px; }

.social.team {border-top:1px solid #e9e9e9; margin-top:0px; }
.social.team a {text-decoration:none; border:none; }
.social.team li a {margin:13px 0 13px 12px; }
.social.team li.first a, .social.team li:first-of-type a { margin:10px 0 0 0; }
/* End Social
--------------------------------------------------------------------------------------------------------*/


/* =Backtotop Navi
--------------------------------------------------------------------------------------------------------*/
#backtotop { height:auto; position:fixed; right:30px; bottom:30px; display:none; z-index:30; }
#backtotop ul { padding:15px 0px; }
#backtotop ul li a { background:url(images/buttons/bg-arrow-up.png) center 48% no-repeat #3f3f3f; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; display:block; width:49px; height:48px; float:right; right:10px; text-indent:-9000px; -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); box-shadow:0 0 30px rgba(0, 0, 0, 0.1);}
#backtotop ul li a:hover { background:url(images/buttons/bg-arrow-up.png) center 47% no-repeat #2c2c2c; }
/* End Backtotop Navi
--------------------------------------------------------------------------------------------------------*/


/* =Isotope
--------------------------------------------------------------------------------------------------------*/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; -ms-transition-property:     -ms-transform, opacity; -o-transition-property:         top, left, opacity; transition-property:         transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
#options { margin: 10px; margin-bottom:0px; float:none; padding-bottom:40px;}
#options.standalone { padding-bottom:20px; margin-bottom:60px; margin-top:40px; }
#options ul { margin: 0; list-style: none; }
#options ul ul { }
#options li { float: left; padding:0px 0 5px 0px; }
#options li a { display: inline-block; text-decoration:none; color:#888; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8;  margin-right:4px; padding:9px 10px 8px 10px; font-weight:bold; background:#fff; line-height:1.0; cursor:pointer !important }
#options li a:hover {  border: 1px solid #c4c4c4; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); box-shadow:0 1px 0 rgba(180, 180, 180, 0.2);}
#options li a.selected { color:#fff; cursor:default; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0); box-shadow:0 1px 0 rgba(180, 180, 180, 0); border: 1px solid #3f3f3f; background:#3f3f3f;  }
.select-menu { display:inline-block; margin:22px 20px 0 0; margin-left:-20px !important; }
.description { background:#fff; border-bottom:1px solid #e7e7e7; margin-top:-9px; padding:7px 20px 8px 10px; z-index:5; }
/* End Isotope
--------------------------------------------------------------------------------------------------------*/

/* =WORDPRESS STYLING
--------------------------------------------------------------------------------------------------------*/
.tagcloud {display:inline-block }
.tagcloud a { float:left; margin-bottom:5px; display: inline-block; text-decoration:none; color:#888; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); border: 1px solid #d8d8d8;  margin-right:4px; padding:8px 10px 9px 10px; padding:9px 10px 8px 10px\9; font-weight:bold; background:#fff; line-height:1.0; cursor:pointer !important }
.tagcloud a:hover { color:#fff; cursor:default; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0); box-shadow:0 1px 0 rgba(180, 180, 180, 0); border: 1px solid #3f3f3f; background:#3f3f3f;}
#reply-title { display: none; }
ul.children { margin-bottom: 0; padding-left: 65px; }
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-top: 10px; margin-bottom: 11px; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; left: 0; width: 100%; height: 100%; }
div.check p { margin: 0; line-height: 0; display: none; }
div.check { display: inline; }
.bypostauthor img.avatar { border-color: #3f3f3f; }
span.required { display: none !important; }
a[rel="prev"] { margin-right: 10px; }
#flickr-widget li img { width: 30%;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 2%;
border: 1px solid #d8d8d8;
margin-right: 3%;
margin-bottom: 3%;
-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1);
}
#flickr-widget li img:hover { background: #3f3f3f; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0); box-shadow:0 1px 0 rgba(180, 180, 180, 0); border: 1px solid #3f3f3f; }
.caption a:hover { color:#888; }
/*ZILLASOCIALSTYLING*/
.zilla-social {text-align: center; max-width: 400px; margin: 0 auto;}
.zilla-social a {display: inline-block; margin: 3px;}
/* END WORDPRESS STYLING
--------------------------------------------------------------------------------------------------------*/


.preloader { background:url(images/ajax-loader.gif) center center no-repeat #ffffff; }
.selectnav { display:none; }
.responsive-map {display:none; }



.contact p { margin-bottom:5px !important;  }


.contact { display: block; width: auto; padding: 0px 0 35px 0; margin: 0px; border: none;  }

/* Form style */

.contact label { display: none; float: none; height:0px; }
/*.contact */input, textarea, select { width: 194px; padding: 9px 12px; border: 1px solid #d8d8d8; margin: 0px 20px 0px 0; font: 12px Helvetica, Arial, Tahoma, sans-serif; color:#888;  float:left; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); box-shadow:0 1px 0 rgba(180, 180, 180, 0.1); -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
.contact textarea { width: 674px !important; margin-top:5px; margin-bottom:4px; margin-right:0px !important;}
.contact #subject { width: 292px !important; }
/*.contact */input:focus, textarea:focus, select:focus { -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2) ; box-shadow:0 1px 0 rgba(180, 180, 180, 0.2); border: 1px solid #c4c4c4; }
/*.contact */input:hover, textarea:hover, select:hover { -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2) !important; -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0.2) !important; box-shadow:0 1px 0 rgba(180, 180, 180, 0.2) !important; border: 1px solid #c4c4c4 !important; }
.contact input.submit, #commentform input#submit  { display:block; cursor:pointer; position:relative; margin:16px 0 18px 0; font-weight:bold;  color:#fff; text-align:center; font-size:12px; line-height:20px; -webkit-transition: all 0.1s ease-in-out 0s; background-color:#3f3f3f; width:auto !important; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; border:0px; padding:9px 15px 9px 14px !important; line-height:1.0; font-size:14px; -webkit-box-shadow:0 1px 0 rgba(180, 180, 180, 0); -moz-box-shadow:0 1px 0 rgba(180, 180, 180, 0); box-shadow:0 1px 0 rgba(180, 180, 180, 0);}
.contact input.submit:hover, #commentform input#submit:hover  {  background-color:#322b23; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; border: 0px solid #888 !important; }


.contact fieldset { padding-left:0px;}

.contact span.required { padding-left:28px; background:url(../images/bg-bullet.png) no-repeat 12px 5px; margin-left:-28px; }

#message { margin: 0px 0 20px 0; padding-bottom: 0px; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11; border: 1px solid #FBC2C4; -webkit-border-radius:5px;  }

.loader { padding: 22px 0 0 10px; }

input.search {background:url(images/bg-search.png) 10px center no-repeat; padding-left:30px; margin:0px 0 30px 0; width:176px; }

#commentform input.third, #contactform input.third { margin: 0px 0px 0px 0 !important; }

ul li #commentform input, li #commentform textarea  {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

ul li #commentform input {
	margin-bottom: 4px;
}


body {font-size:14px; font-family: Verdana, Geneva, sans-serif; color: #5E5E5E}

/*iPad & iPhone telephone css overide*/
a[href^=tel]{color:inherit;
    text-decoration:none;}

@font-face {
    font-family: 'FuturistFW';
    src: url('fonts/futrfw-webfont.eot');
    src: url('fonts/futrfw-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futrfw-webfont.woff') format('woff'),
         url('fonts/futrfw-webfont.ttf') format('truetype'),
         url('fonts/futrfw-webfont.svg#futurist_fixed-widthregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2 {font-size: 40px; color: #823d54; text-transform:none}
h3 {font-family: FuturistFW; font-size: 18px; color: #544a41; font-weight: 500}
h2, h5 {font-family: Verdana, Geneva, sans-serif; font-weight: 400}
.Futurist {font-family: FuturistFW;}
.main.flexslider {margin: 20px 0 35px;}
.col1-1 {width: 960px; margin: 0px;}
.col1-3 {width: 290px; margin: 0px 45px 0 0; float: left;}
.col1-3.last{margin:0}
big {font-size: 120%}
p a {color: #823d54;}
p.all {background: url(/wp-content/uploads/2013/01/viewall.png) no-repeat right 7px;}
h1 a {text-decoration: none; color:#823d54;}
h1 a:hover {text-decoration: none; color:#2c2c2c;}

ul.list li, li.cat-item, div.check li, aside li {margin-bottom: 10px;}
p, ul.list {display: block;}
span.pointer {color: #2c2c2c;}

.flex-direction-nav .flex-prev {right: 105px; background: url(images/bg-arrow-left.png) center no-repeat rgba(0,0,0,0.7);}
.flex-direction-nav .flex-next {
background: url(images/bg-arrow-right.png) center no-repeat rgba(0,0,0,0.7);}
.flex-direction-nav a {width: 42px; height: 41px; opacity: 1!important; display:block}
.flexslider .caption {bottom: 85px;}
.home .flex-direction-nav {display: none;}

/*----Notice Shortcode----*/
.notice {background:#ffffff}
.notice h3 {font-family: Verdana, Geneva, sans-serif; }
.notice .headline h5, .notice .headline h3 {padding-left:10px;}


hr{max-width:960px}
/*---- Header ----*/
header{height: 140px;border-bottom: 0px;background-color: #d4ddc7;width: 940px;padding: 0 50px;position: relative;left: -40px;margin: 0;}
h1#logo {margin-top: 27px;}
header nav {margin-top:57px;}
ul#nav li a {color: #823d54}
ul#nav li.current-menu-item > a, ul#nav li.current-menu-parent > a {color: #5b6659}

/*-------Body--------*/
div.border{display: none;}
.wrapper, footer {-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;}

/*------Homepage-----*/
.main.flexslider {margin: 50px 0 35px;}
.main.flexslider .slides > li {height:430px}
.homelogos{margin-top: 30px}
.homelogos ul li{display:inline-block; margin-right: 60px}
.homeleft {float: left; width: 682px;}
.homeright{float:right; margin-bottom:40px;padding-top: 26px;}
.homeright h3{font-size: 14px;border-bottom: 1px solid #e9e9e9; text-align: center; padding-bottom: 22px; margin-bottom: 27px; color:#823d54}
.maroon{color:#823d54}


/*----Profile----*/
.profimgs {margin:45px 0}
.profimgs ul li{display: inline-block; margin-right:40px}
.profimgs ul li:nth-child(3){margin-right:0px}
.profimgs ul li img{width: 290px; height: 291px;}
.logodrop {
-webkit-box-shadow: 0 8px 17px -1px #eeeeee;
-moz-box-shadow: 0 8px 17px -1px #eeeeee;
box-shadow: 0 8px 17px -1px #eeeeee;
height: 122px;
margin-bottom:40px}
.logodrop img {height: 68px;padding-top: 30px;}
.qualifications .serviceimg {max-width: 137px;
height: auto; display: block; background-color: #fff; border: 10px solid #e3e8de; padding: 10px;}
.qualifications {padding: 5px 0; float: left; width: 50%; }
.qualifications div {padding-right: 15px}
.toggle h3 {padding-bottom: 20px; border-bottom: 1px solid #e9e9e9; padding-left:40px; background: url(/app/uploads/2013/02/toggleplus.png) no-repeat; background-position: 0px 3px;}
.toggle h3:hover {cursor:pointer;  border-bottom: 1px solid #6c3d4c; color: #2c2c2c}
#toggle {padding-bottom: 40px;}
.toggle{margin-top: 40px}
.page-id-12 .main.flexslider .slides > li {height:242px}

/*-----Portfolio-----*/
.post-type-archive-portfolio .col1-3 {width: 300px; margin: 0 10px; float: left;}
#options li a.selected {border: 1px solid #f1f5ed; background: #f1f5ed; color: #2c2c2c}
#options li a {font-size: 120%; font-family: 'FuturistFW'; text-transform: none; letter-spacing: -4px;}
.works:hover a h4 {color: #2c2c2c;}
.works:hover, .services:hover h4 {border-bottom: 1px solid #823d54}
h5.carousel-header {font-family:'FuturistFW';}
.post-type-archive-portfolio #options, .works p {visibility: hidden;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;height: 540px;overflow: hidden;background-image: url(/wp/wp-admin/images/spinner.gif);background-repeat: no-repeat;background-position: center;}
.flexslider .caption {opacity: 1}
.images img {opacity: 1!important;}
.swipe{display: block;text-align: center;width: 100%;font-family: Verdana; margin-top: 15px; }
.swipe h3 {color: #823d54;font-size: 15px;text-align: right;letter-spacing: -2px;}
.flexslider .slides img{bottom: 0px;
position: absolute;}
.portnav {padding: 20px 0}
.portnav a {color: #823d54;}
.portnav a:hover {color: #2c2c2c;}
.portnav span{float:right}

/*-----Services-----*/
#accordion h5 a {font-size: 120%; font-family: 'FuturistFW'; text-transform: none; letter-spacing: -4px;}
#accordion h5.ui-corner-all {
background: /*url(images/buttons/bg-open.png) no-repeat 15px 11px */#ffffff;
}
#accordion h5.ui-state-active {
background: /*url(images/buttons/bg-close.png) no-repeat 15px 11px */#f1f5ed;
}
.serviceimg{padding: 20px;
background-color: #e3e8de;
-webkit-box-shadow: 0 1px 0 rgba(180, 180, 180, 0.1);
-moz-box-shadow: 0 1px 0 rgba(180, 180, 180, 0.1);
box-shadow: 0 1px 0 rgba(180, 180, 180, 0.1);
border: 1px solid #f1f5ed;}
#accordion div.ui-accordion-content {
padding: 30px 0 5px 0px!important;
}
.ui-accordion-content hr {margin: 40px 0 50px}

/*----News----*/
.bubble {background-color: #d4ddc7;}
a:hover .bubble {background-color: #823d54}
.email a {color: #823d54;}
.blog-stats p a:hover {color: #d4ddc7;}
.blog-stats {display: none;}
.blog-content {margin-left: 0px;}
.blog-content  h3 {font-family: Verdana, Geneva, sans-serif; text-transform:none; font-size: 175%}

/*-----Contact-----*/
.postage {background:#ffffff;}
.contact input.submit, #commentform input#submit {background-color: #d4ddc7; color:#2c2c2c; font-family: 'FuturistFW'}
input#submit:hover{color:#ffffff}
p.specification {font-size: 11px;text-transform: uppercase;color: #823d54;padding-left: 5px; font-family: 'FuturistFW'}
.contactimg{position: absolute; top: 25px; right: 10px;}
.contactlogos{margin-top: 16px;float: right;}
.contactlogos ul li {display: inline-block;  margin-left: 60px;}
/*IE footer bug .page-template-page-contact-php strong strong h5 {display: none;}*/
#googlemaps {display:none}
.map-button {display:none}

/*-----Footer-----*/
#footer {background: #6c3d4c;}
footer h1 {font-size: 31px!important; font-family: Verdana, Geneva, sans-serif; color: #ffffff; margin-bottom: 10px}
footer h3 {font: 15px Verdana, Geneva, sans-serif!important; color: #ffffff; text-transform: none}
footer h1 img, footer h3 img {display: inline; margin-right: 10px;}
.footer-margin {margin-bottom: 0px;}
footer h1 a {color:#fff; font-size: 31px!important; -webkit-text-size-adjust:none;}
#logo-footer a {width: 440px}
#backtotop {visibility:hidden;}
footer a:hover {color: #bebebe;}

/*
* STYLES.PHP IMPORT END
*/



.sticky{}/*--STICKY STYLING IS HANDLES VIA JQUERY--*/
.bypostauthor img.avatar { border: 1px solid; }
img.alignleft, img.aligncenter, img.alignright, img.alignnone { margin-bottom: 15px; }
img.alignleft { float: left; margin-right: 30px; }
img.alignright { float: right; margin-left: 30px; }
img.aligncenter {display: block; margin-right: auto; margin-left: auto; text-align: center; }
.wp-caption, .gallery-caption{ margin: 40px 0; max-width: 100%; text-align: center; color: #999; }
.wp-caption-text, .gallery-caption-text { margin: 6px 0; font-style: italic; font-size: 95%; line-height: 120%; }



/* Neils' Code */
.swipe {display:none;}
@media screen and (max-device-width: 768px)
{
	.swipe {display:block;}
}


/* Add and Modify Contact Form 7 - Jan 2016 */

.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.third {
margin: 0;
}

.wpcf7-form-control-wrap.your-name, .wpcf7-form-control-wrap.your-email, .wpcf7-form-control-wrap.tel-944 {
	display: block;
	float: left;
padding:9px 12px;
	position: relative;
	width: 194px;
margin:0 22px 0 0;
}
.wpcf7-form-control-wrap.your-name {
	padding: 9px 12px 9px 0;
}
.wpcf7-form-control-wrap.tel-944 {
	margin:0;
}
span.wpcf7-not-valid-tip{
font-size:10px;
padding:2px;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
clear:both;
}
div.wpcf7 img.ajax-loader {
padding:23px 10px;
display:block;
float:left;
}
div.wpcf7-mail-sent-ok {
	border:0;
	border: 0;
		padding-top: 340px;
		margin: 0;
}