/*
Theme Name: AccordInc
Theme URI: http://www.madeinebor.com
Version: 1.0.1
Description: AccordInc - A unique accordion based 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
Tags: white, custom-background, threaded-comments, translation-ready, custom-menu
*/


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

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)

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

/* =RESET
--------------------------------------------------------------------------------------------------------*/
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,img,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{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}
/* =PLUGINS
--------------------------------------------------------------------------------------------------------*/
.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 {margin: 0; padding: 0; width:940px; float:left; margin-bottom:20px; }
.hentry .flexslider {
	width: 100%; margin-bottom: 0;
}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block; border:1px solid #cecece; background:#fff; padding:4px; float:left; width:600px}
.hentry .flexslider .slides > li {
	list-style: none; margin-left: 0;
}
.hentry .flexslider .slides img { width: 100%; }
.flex-pauseplay span {text-transform: capitalize;}
.hentry .flexslider * { box-sizing: border-box; }
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider { position:relative; margin-top:9px;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
.hentry .flex-direction-nav { position: absolute; margin: -25px 0 0 0; top: 50%; }
.flex-direction-nav {*height: 0; z-index:20;}
.flex-direction-nav a { margin: 0px 0 0; z-index:20; display: block; position: absolute; top: 50%; margin-top:-39px; cursor: pointer; text-indent: -9999px; opacity: 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; display:inline-block; width:46px; height:78px; border:1px solid #fff;}
.flex-direction-nav .flex-next {background:url(images/bg-next.png) center no-repeat; background-size:15px 22px; left:544px; border: 0; border-left:1px solid #fff; }
.flex-direction-nav .flex-prev {background:url(images/bg-prev.png) center no-repeat; background-size:15px 22px; left:20px; border: 0; border-right:1px solid #fff; }
.flexslider:hover .flex-next {opacity: 1;}
.flexslider:hover .flex-prev {opacity: 1;}
.flex-control-nav { display:none !important;}
.hentry .flexslider .flex-direction-nav li { list-style: none; }

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #fff;
	color: #444;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(images/ajax-loader.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-close {
	position: absolute;
	top: 35px;
	right: -43px;
	width: 48px;
	height: 48px;
	background: url(images/bg-close.png) center no-repeat #fff;
	background-size:18px 18px;
	cursor: pointer;
	z-index: 8040;
	
}


.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width:46px; height:78px;
	margin-top: -39px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 20px;
	width:46px; height:78px;
	background: url(images/bg-prev.png) center no-repeat;
	background-size:15px 22px;
	 border-right:1px solid #fff;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-next span {
	right: 20px;
	width:46px; height:78px;
	background: url(images/bg-next.png) center no-repeat;
	background-size:15px 22px;
	 border-left:1px solid #fff;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background-color: rgba(68,68,68,0.97);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}


/* =Clearfix
--------------------------------------------------------------------------------------------------------*/
.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; }
.centered { text-align:center; }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =Contact
--------------------------------------------------------------------------------------------------------*/
#contact { display: block; position:relative; width: auto; margin: 0; padding: 0px; border: none; overflow:visible }
#contact label { display: none; float: none; height:0px; }
#contactform {margin-top:6px; padding-bottom:26px; }
input, textarea { width:568px; padding:15px 20px 16px 20px; letter-spacing:-1px; font: 20px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#444; border:0; border:1px solid #D0CECA; -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; float:none; display:block; margin:0px 0px 6px 0; background:#fff; font-weight:400; line-height:25px; -webkit-appearance: none; border-radius: none !important; }
#contact textarea { margin-bottom:0px; margin-right:0px !important; }
textarea { height: 158px; }
input.submit, input[type="submit"] { display:block; position:relative; width:auto; border:0px; color:#191a22; letter-spacing:0px; background:#fff; border:1px solid #D0CECA; cursor:pointer; font-weight:700; padding:9px; font-size:12px; text-transform:uppercase; margin-top:10px;}
#contact .padding-right {padding-right:20px; }
#comments {height: 105px; }
select { width: 100%; padding: 10px 15px; display: block; border-radius: none !important; }
input { max-width: 100%; }
#searchform input { width: 85%; }
/* =End Contact
--------------------------------------------------------------------------------------------------------*/


/* =Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #444; z-index: 99999; }
#status { width: 32px; height: 32px; position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -16px; }
.windows8 { position: relative; width: 32px; height: 32px; }
.windows8 .wBall { position: absolute; width: 30px; height: 30px; opacity: 0; -moz-transform: rotate(225deg); -moz-animation: orbit 7.15s infinite; -webkit-transform: rotate(225deg); -webkit-animation: orbit 7.15s infinite; -ms-transform: rotate(225deg); -ms-animation: orbit 7.15s infinite; -o-transform: rotate(225deg); -o-animation: orbit 7.15s infinite; transform: rotate(225deg); animation: orbit 7.15s infinite; }
.windows8 .wBall .wInnerBall { position: absolute; width: 4px; height: 4px; background: #fff; left: 0px; top: 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.windows8 #wBall_1 { -moz-animation-delay: 1.56s; -webkit-animation-delay: 1.56s; -ms-animation-delay: 1.56s; -o-animation-delay: 1.56s; animation-delay: 1.56s; }
.windows8 #wBall_2 { -moz-animation-delay: 0.31s; -webkit-animation-delay: 0.31s; -ms-animation-delay: 0.31s; -o-animation-delay: 0.31s; animation-delay: 0.31s; }
.windows8 #wBall_3 { -moz-animation-delay: 0.62s; -webkit-animation-delay: 0.62s; -ms-animation-delay: 0.62s; -o-animation-delay: 0.62s; animation-delay: 0.62s; }
.windows8 #wBall_4 { -moz-animation-delay: 0.94s; -webkit-animation-delay: 0.94s; -ms-animation-delay: 0.94s; -o-animation-delay: 0.94s; animation-delay: 0.94s; }
.windows8 #wBall_5 { -moz-animation-delay: 1.25s; -webkit-animation-delay: 1.25s; -ms-animation-delay: 1.25s; -o-animation-delay: 1.25s; animation-delay: 1.25s; }
@-moz-keyframes orbit { 
	0% { opacity: 1; z-index: 99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; }
	7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-origin: 0%; }
	30% { opacity: 1; -moz-transform: rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-origin: 7%; }
	39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-origin: 30%; }
	70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-origin: 39%; }
	75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-origin: 70%; }
	76% { opacity: 0; -moz-transform: rotate(900deg); }
	100% { opacity: 0; -moz-transform: rotate(900deg); }
}
@-webkit-keyframes orbit { 
	0% { opacity: 1; z-index: 99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; }
	7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-origin: 0%; }
	30% { opacity: 1; -webkit-transform: rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-origin: 7%; }
	39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-origin: 30%; }
	70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 39%; }
	75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 70%; }
	76% { opacity: 0; -webkit-transform: rotate(900deg); }
	100% { opacity: 0; -webkit-transform: rotate(900deg); }
}
@-ms-keyframes orbit { 
	0% { opacity: 1; z-index: 99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; }
	7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-origin: 0%; }
	30% { opacity: 1; -ms-transform: rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-origin: 7%; }
	39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-origin: 30%; }
	70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-origin: 39%; }
	75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-origin: 70%; }
	76% { opacity: 0; -ms-transform: rotate(900deg); }
	100% { opacity: 0; -ms-transform: rotate(900deg); }
}
@-o-keyframes orbit { 
	0% { opacity: 1; z-index: 99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; }
	7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-origin: 0%; }
	30% { opacity: 1; -o-transform: rotate(410deg); -o-animation-timing-function: ease-in-out; -o-origin: 7%; }
	39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-origin: 30%; }
	70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-origin: 39%; }
	75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-origin: 70%; }
	76% { opacity: 0; -o-transform: rotate(900deg); }
	100% { opacity: 0; -o-transform: rotate(900deg); }
}
@keyframes orbit { 
	0% { opacity: 1; z-index: 99; transform: rotate(180deg); animation-timing-function: ease-out; }
	7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; origin: 0%; }
	30% { opacity: 1; transform: rotate(410deg); animation-timing-function: ease-in-out; origin: 7%; }
	39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; origin: 30%; }
	70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; origin: 39%; }
	75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; origin: 70%; }
	76% { opacity: 0; transform: rotate(900deg); }
	100% { opacity: 0; transform: rotate(900deg); }
}
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#444; background:#edece8; }
strong { font-weight:bold; }
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; color:#f05c45; text-decoration:none }
p { font-weight:normal; font-size:14px; line-height:21px; margin:0 0 20px 0;}
h6 {font-size:20px; line-height:30px; letter-spacing:-1px; margin-bottom: 20px; }
p.paddingtop-5 {padding-top:5px; }
p span {color:#818181; font-size:11px; text-transform:uppercase; letter-spacing:1px; }
p.small {margin-bottom:6px; }
p.small span {color:#fff !important; }
p.button a {background:#fff; border:1px solid #d0ceca; padding:6px 10px 5px 10px; color:#191a22; font-weight:600; margin-top:6px; display:inline-block; text-decoration:none }
p.button a span {color:#191a22; }
span.arrow {font-size:13px; }
span.bullet {background:url(images/bg-bullet.png) no-repeat 0px 5px; background-size:6px 6px; padding-left:16px; margin-left:10px; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { position:relative; margin-left:10px; padding-top:35px; height:64px; float:left; }
h1#logo a { display:block; height:64px; }
h3, h4 {font-family:'Bitter', Georgia, "Times New Roman", Times, serif; }
h3 {font-size:32px; font-style:italic; color:#191a22; line-height:48px; letter-spacing:-1px; margin:0 0 20px 0; }
h3.no-marginbottom {margin-bottom:0px; }
h4 {font-size:24px; color:#f05c45; font-weight:bold; line-height:39px; margin:0px 0 15px 0; }
.project-detail h4, .team-detail h4 {margin:0 0 0 0; }
.works h4 {margin:10px 0 0 0}
h4.next-to-tab {margin:0px 0 0px 0; }
h4 a {text-decoration:none; }
h5 {font-size:18px; font-weight:600; color:#fff; line-height:1; display:inline-block; padding:8px 15px 3px 15px; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
header { width:100%; position:relative; height:136px; border-bottom:1px solid #d0ceca; }
.container { padding:0px; width:960px; position:relative; margin:0 auto;}
.col1-1 { width:940px; margin:10px; }
.col1-2 { width:460px; margin:10px; float:left; }
.col1-2.paddingright-20 {padding-right:20px; width:440px; }
.col1-2.paddingleft-20 {padding-left:20px; width:440px; }
.col2-3 { width:620px; margin:10px; float:left; }
.col1-3 { width:300px; margin:10px; float:left; }
.col1-3.works { width:300px; margin:10px 30px 10px 0; float:left; }
.col1-3.works.last { margin-right: 0; }
.col1-3.paddingright-20 {padding-right:20px; width:280px; }
.col1-3.pics { width:300px; height:auto; margin:5px; float:left; }
#blog .col1-3 {height:166px; }
.col1-3.blog {padding-top:1px }
.col1-3.team { margin-left: 0; margin-right: 20px; }
.break { height:53px; position:relative; }
.images, img[class*='wp-image'], .wp-post-image, .builder-column img { display:block; position:relative; padding:4px; border:1px solid #cecece; background:#fff;}
.wp-post-image { margin-bottom: 12px; }
.attachment-client.wp-post-image { margin: 0; padding: 0; background: none; border: none; }
.images.with-border { padding:4px; border:1px solid #d0ceca; background:#fff; margin:10px 0;}
.overflow {overflow:hidden; }
.logo { width:147px; text-align:center; padding-top:37px; float:left; margin-right:6px; margin-bottom:6px;}
.barrier {height:4px; width:100%; background:#d0ceca; display:inline-block; margin: 10px 0 20px; }
.project-detail {width:300px; float:left; margin-left:30px; }
.team-detail {width:250px; float:left; margin-left:20px; margin-top:10px; }
.news-detail {width:220px; float:left; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------------*/
.toggle, .fixed {height:102px; width:100%; border-bottom:1px solid #d0ceca; font-size:48px; font-weight:600; text-transform:uppercase; line-height:98px; cursor:pointer; background:url(images/bg-toggle.png) no-repeat center; }
.number {font-size:72px; font-weight:300; padding-right:21px; float:right; color:#D0CECA;}
.number i { font-size: 50px; line-height: 0px; position: relative; top: -26px;
}
.name {float:right; background:#edece8; height:102px; padding-left:32px; }
.current .name {color:#f05c45; }
.hidden {background:#f6f5f1; border-bottom:1px solid #d0ceca; padding:0px; display: none; }
.hidden.show-this {
	display: block;
}
.hidden .space, .space {position:relative; display:block; height:30px; }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images img { display: block; max-width: 100% !important; width:100%; z-index:9 }
.tab:before {content:''; height:0; width:0; border-width:6px 6px 6px 6px; border-style:solid; border-color:#444 rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0); position:absolute; bottom:-12px; left:50%; margin-left:-6px; }
.tab.news:before {content:''; height:0; width:0; border-width:6px 6px 6px 6px; border-style:solid; border-color:rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0) #444; position:absolute; left:56px; top:19px;  }
.tab { background-color:#444; width:50px; height:50px; position:relative; display:inline-block; float:left; margin:9px 20px 0px 0px; }
.tab.fontawesome i { color: white; font-size: 30px; font-weight: normal; text-align: center; line-height: 48px; }
.tab.fontawesome { text-align: center; }
.tab.news { height:101px;}
.tab.news.fontawesome i { position: absolute; top: 0; width: 100%; text-align: center; display: block; font-size: 26px; }
.date { background:#444; padding:7px 0px 0 0px; color:#f6f5f1; font-size:22px; font-weight:600; text-align:center}
.date span {font-size:11px; text-transform:uppercase; letter-spacing:1px; display:block }
.news .border {width:34px; background:#666; height:1px; display:block; margin:0 auto; margin-top:50px; }
.icons { position:absolute !important; left:0px; top:0px; height:50px; width:50px; }
.close {background:url(images/bg-close.png) center no-repeat; background-size:18px 18px; width:48px; height:48px; position:absolute; right:0px; top:0px; border:1px solid #c7c7c7;}
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =jCarousel
--------------------------------------------------------------------------------------------------------*/
.jcarousel-skin-tango2 .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango2 .jcarousel-container-horizontal { width: 960px; }
.jcarousel-skin-tango2 .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango2 .jcarousel-item-placeholder { background: #fff; color: #000; position:relative }
.jcarousel-skin-tango2 .jcarousel-next-horizontal { margin: 0px 0 0; z-index:20; display: block; position: absolute; top: 116px; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; display:inline-block; width:46px; height:78px; background:url(images/bg-next.png) center no-repeat; background-size:15px 22px; right:20px; border: 0; border-left:1px solid #fff }
.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal {background:none !important; border:0; cursor:default }
.jcarousel-skin-tango2 .jcarousel-prev-horizontal { margin: 0px 0 0; z-index:20; display: block; position: absolute; top: 116px; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; display:inline-block; width:46px; height:78px; background:url(images/bg-prev.png) center no-repeat; background-size:15px 22px; left:20px; border: 0; border-right:1px solid #fff }
.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal {background:none !important; border:0; cursor:default }
/* End jCarousel
--------------------------------------------------------------------------------------------------------*/


/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.list, .widget_categories ul, .hentry ul, .widget_archive ul, .widget ul { position:relative; margin:0px 0px 20px 0px; }
ul.category, .widget_categories ul, .widget_archive ul, .widget ul { position:relative; margin:0px 0px 25px 0px; }
ul.list li, .widget_categories li, .hentry li, .widget_archive li, .widget li { margin-left:25px; list-style: disc; font-weight:normal; font-size:14px; line-height:21px; }
ul.check li, .widget ul.check li { background:url(images/bg-check.png) no-repeat 3px 5px; background-size:13px 11px; margin-left: 0; padding-left: 25px; list-style: none; }
ul.category li, .widget_categories li, .widget_archive li, .widget li {background:none !important; padding-left:0; border-bottom:1px solid #d0ceca; padding-bottom:5px; margin-bottom:4px; }
ul.category li span {float:right; }
ul.list li a, ul.list li a span, .widget_categories li a, .hentry li a, .widget_archive li a, .widget li a {color:#444; }
ul.list li a:hover, ul.list li a span:hover, li a:hover, .hentry li a:hover {color:#f05c45; }
.widget_categories li, .widget_archive li { text-align: right; margin-left: 0; list-style: none; }
.widget_categories li a, .widget_archive li a { text-align: left; float: left; }
.hentry ol li { list-style: decimal; }
.widget li { list-style: none; margin-left: 0;
}
.widget li ul {
	margin: 0;
}
.widget li ul li {
	margin-left: 0;
}
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer { height:120px; padding:52px 0 0 0px; position:relative; font-size:12px; color:#818181; line-height:18px; }
footer .alignright {text-align:right; margin-right:10px; }
footer .alignleft {margin-left:10px; }
footer .alignright p, footer .alignleft p { font-size: 12px; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Social
--------------------------------------------------------------------------------------------------------*/
ul.social { margin-bottom:9px; display:block;}
header ul.social {float:right; margin-right:9px; padding-top:56px; }
ul.social.team {float:left; width:25px; margin-top:19px; margin-left:5px; }
.social li { display:inline-block; margin:0px 1px;}
.social li i { font-size: 28px; color: #444; }
.social li a { display:block; }
ul.social a { text-decoration:none; height:24px; width:24px;}
ul.social.team li {margin:3px 0; }
/* End Social
--------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	WORDPRESS STYLES
/*-----------------------------------------------------------------------------------*/
.sticky {}/*--STICKY STYLING IS HANDLES VIA JQUERY--*/
.bypostauthor img.avatar {}/*--HANDLED IN STYLES.PHP--*/
img.alignleft, img.aligncenter, img.alignright, img.alignnone { margin: 15px 0; }
img.alignnone { display: block; }
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 { margin: 40px 0; max-width: 100%; text-align: center; color: #999; padding: 0 40px; }
.gallery-caption { margin: 40px 0; max-width: 100%; text-align: center; color: #999; padding: 0 40px; position: absolute; top: 0; left: 0; z-index: 999; }
.wp-caption-text, .gallery-caption-text { margin: 6px 0; font-style: italic; font-size: 95%; line-height: 120%; }
.aligncenter { text-align: center }
table#wp-calendar { border: 1px solid #cccccc }
table#wp-calendar * {
	border-collapse: collapse;
}
table#wp-calendar>tbody>tr>td>a { text-decoration: underline }
table#wp-calendar thead>tr>th { width: 35px; height: 20px; text-align: center; border: 1px solid #cccccc; }
table#wp-calendar tbody>tr>td { width: 35px; height: 20px; text-align: center; border: 1px solid #cccccc; }
table#wp-calendar tfoot>tr>td>a, tfoot>tr>td>a:link, tfoot>tr>td>a:visited, tfoot>tr>td>a:hover, tfoot>tr>td>a:active { text-decoration: underline; height: 23px; nowhitespace: afterproperty; margin-left: 10px; padding-bottom: 3px; }
table#wp-calendar tfoot>tr>td#prev { width: 58px; height: 20px; text-align: left; }
table#wp-calendar tfoot>tr>td#next { width: 58px; height: 20px; text-align: right; }
.column-first { margin-left: 0 !important; }
.builder-column { margin-bottom: 30px; }
.clear { clear: both; }
.alert[class*="span"] { padding: 8px 35px 8px 14px !important; }
.remove-bottom { margin-bottom: 0px; }
.centered * {
	text-align: center;
}

.divide50 {
	width: 100%; height: 50px; clear: both;
}

.map {
	height: 420px;
}

.span6 .map, .span4 .map, .span3 .map {
	height: 220px;
}

.map img {
	max-width: none;
}

.one_half, .span6 { width: 48%; }
.one_third, .span4 { width: 30.66%; }
.two_thirds, .span8 { width: 65.33%; }
.one_fourth, .span3 { width: 22%; }
.three_fourths, .span9 { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth, .span2 { width: 110px; }
.five_sixth, .span10 { width: 82.67%; }

.one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth, .span2, .span3, .span4, .span6, .span8, .span9, .span10 {
	position: relative;
	margin-left: 4%;
	margin-bottom: 20px;
	float: left;
}

.page-template-page_home-php .span12.builder-column.column-first.centered, .page-template-page_home-php .span12.builder-column.column-first.centered a {
	margin-bottom: 0;
}

.social.team li:before {
	display: none !important;
}

img {
	max-width: 100%; height: auto;
}

.widget {
	margin-bottom: 30px;
}

.avatar {
	padding:4px; border:1px solid #cecece; background:#fff; float: left; margin-right: 25px; position: relative;
}

#respond {
	padding-top: 30px;
}

.comment-content {
	overflow: hidden; margin-bottom: 30px;
}

.comments {
	padding-top: 30px;
}

#comments li {
	margin-left: 0; padding: 30px 0 10px;
}

#comments ul {
	padding-left: 50px;
}

#reply-title {
	font-size: 24px;
}

hr {
	width: 100%; height: 1px; background: #d0ceca; clear: both; border: none;
}

ol#comments {
	height: auto;
}

.meta {
	font-size: 14px;
}

#menu li, .pagination li {
	float: left;
}

#menu a, .pagination a {
	display: inline-block; background: #fff; border:1px solid #d0ceca; padding: 10px; color:#191a22; margin-right: 8px;
}

.pagination a {
	padding: 10px 13px;
}

#menu a:hover, #menu .current-menu-item a, #menu .current-menu-parent a, .pagination a:hover, .pagination li.active a {
	color: #f05c45;
}

li.team {
	list-style: none;
}

.fixed .name {
	width: 96%;
}

.video-container {
	position: relative;
	padding-bottom: 54%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.soundcloud-container {
	position: relative;
	padding-bottom: 22%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}

.soundcloud-container iframe,  
.soundcloud-container object,  
.soundcloud-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 960px) {
.span3, .span4, .span6, .span2, .span10, .span8, .span9 { width: 100%; margin-left: 0; }
}
/*-----------------------------------------------------------------------------------*/
/*	END WORDPRESS STYLES
/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	CONTACT FORM 7
/*-----------------------------------------------------------------------------------*/

div.wpcf7 {
	margin-top: 10px; margin-bottom: -40px;
}

div.wpcf7 .wpcf7-not-valid { 
	border-color: #f9bbb8;
	border-width: 1px;
	background: #ffe5e3;
}

span.wpcf7-not-valid-tip { display: none !important }

div.wpcf7-validation-errors {
	margin: 0;
	padding: 5px 10px;
	color: #c4690e;
	background: #fffdf3;
	border: 1px solid #e6bf4a;
}

div.wpcf7-mail-sent-ok {
	margin: 0;
	padding: 10px;
	background: #cef0cb;
	color: #698733;
	border: 1px solid #91cc8c;
}

.widget ul.children {
	margin: 6px 0 -8px 0; text-indent: 25px;
}

.widget ul.children li:last-child{
	border-bottom: none;
}

.widget_rss li {
	margin-bottom: 20px; padding-bottom: 20px;
}

.widget_rss li .rsswidget, .widget_rss li cite {
	font-weight: bold; display: block;
}

.widget_rss li .rss-date {
	display: block; margin-bottom: 10px;
}

.widget_rss li cite {
	margin-top: 10px;
}

/*-----------------------------------------------------------------------------------*/
/*	END CONTACT FORM 7
/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	.close {background:url(images/bg-close@2x.png) center no-repeat; background-size:18px 18px;}
	span.bullet {background:url(images/bg-bullet@2x.png) no-repeat 0px 5px; background-size:6px 6px; }
	ul.list li { background:url(images/bg-bullet@2x.png) no-repeat 3px 5px; background-size:6px 6px; }
	ul.check li { background:url(images/bg-check@2x.png) no-repeat 3px 5px; background-size:13px 11px; }
	.flex-direction-nav .flex-next {background:url(images/bg-next@2x.png) center no-repeat; background-size:15px 22px; }
	.flex-direction-nav .flex-prev {background:url(images/bg-prev@2x.png) center no-repeat; background-size:15px 22px; }
	.fancybox-close {background: url(images/bg-close@2x.png) center no-repeat #fff; background-size:18px 18px;}
	.fancybox-prev span {background: url(images/bg-prev@2x.png) center no-repeat; background-size:15px 22px;}
	.fancybox-next span {background: url(images/bg-next@2x.png) center no-repeat; background-size:15px 22px;}
	.jcarousel-skin-tango2 .jcarousel-next-horizontal { background:url(images/bg-next@2x.png) center no-repeat; background-size:15px 22px; }
	.jcarousel-skin-tango2 .jcarousel-prev-horizontal { background:url(images/bg-prev@2x.png) center no-repeat; background-size:15px 22px; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container, .jcarousel-skin-tango2 .jcarousel-container-horizontal { width:640px; }
	.barrier, .col1-1, .col1-2, .col1-2.paddingright-20, .col1-2.paddingleft-20 {width:620px; }
	.col1-2.paddingleft-20, .col1-2.paddingright-20 {padding:0}
	.logo { padding-top:20px; }
	.break {height:23px; }
	#contactform {padding-bottom:6px }
	.flexslider {width:620px }
	.col1-2 .images {width:430px; }
	.project-detail {width:620px; margin-left:0px; margin-top:25px; }
	.flex-direction-nav a {top:205px }
	.sidebar.blog {display:none; }
	.col1-3.works:nth-of-type(even) { margin-right: 0; }
	.col1-3.works:nth-of-type(2n+1) { margin-right: 30px; }
	.grid-blog .col1-3:nth-of-type(2n-1) {
		clear: both;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) {
	.container, .jcarousel-skin-tango2 .jcarousel-container-horizontal { width:320px; }
	.social li {display:block; margin:5px 1px; }
	header ul.social {padding-top:8px }
	.number {display:none; }
	.toggle, .name, .fixed {background:none }
	.name { padding-left:10px; width:310px !important;}
	.logo {margin-right:3px; padding-top:20px; }
	.barrier, .col1-1, .col1-2, .col1-2.paddingright-20, .col1-2.paddingleft-20, .col2-3 {width:300px; }
	.col1-2.paddingleft-20, .col1-2.paddingright-20 {padding:0}
	.break {height:23px; }
	#contactform {padding-bottom:6px }
	.flexslider {width:300px }
	.flex-direction-nav .flex-next {left:234px }
	.col1-2 .images, .flexslider .slides img {width:290px; }
	.project-detail {width:300px; margin-left:0px; margin-top:25px; }
	.flex-direction-nav a {top:102px }
	input, textarea, select {width:258px; }
	.col1-3.blog {display:none; }
	.jcarousel-skin-tango2 .jcarousel-next-horizontal, .jcarousel-skin-tango2 .jcarousel-prev-horizontal, .flex-direction-nav a {opacity:1 !important; }
}

/*-----------------------------------------------------------------------------------*/
/*	END MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/