/*
Theme Name: High Res Digital
Description: Semantic, SEO Optimised, Custom Wordpress Theme for High Res Digital
Author: BBL Digital
Author URI: http://bbldigital.com.au
Version: 1.0
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, img, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#069}
a:hover {}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
body {background:#FFF;color:#000;font:17px Helvetica, Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1{
	font-size:35px;
	font-weight:normal;
	margin:0 0 60px;
	padding:0 15px 35px;
	border-bottom:1px solid #e4e4e4;
	text-transform:uppercase;
}
h2{
	font-size:35px;
	color:#000;
	font-weight:normal;
	margin:0 0 45px;
	padding:0;
	text-transform:uppercase;
}
h3{
	color:#000;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 20px;
}
hr {margin:0 0 0.5em}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
th {background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
td {border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
table {border:solid #CCC;border-width:0 1px 1px 0}
#home-banner .bottom{position:absolute;bottom:20px;left:50%;width:41px;height:41px;text-indent:-9999px;overflow:hidden;background:url('images/bg-bottom-ar.png') no-repeat;margin:0 0 0 -20px;z-index:32;}
#home-banner .bottom:hover{background-position:0 -41px;}
#page{width:100%;overflow:hidden}
.content{max-width:978px;width:100%;margin:0 auto}
#footer .content{max-width:984px}
.home .content,#header .content{max-width:1138px}
.home #main{border-color:#23211f;padding-bottom:0}
#main{border-bottom:22px solid #000;padding-bottom:60px}
#header{width:100%;background:url(images/bg-header.jpg);border-bottom:1px solid #d4d4d4;margin:0 0 65px;position:relative}
#header:after{clear:both;content:'';display:block}
#header #logo{float:left;margin:-30px 60px -30px 0}
#header ul{font-size:13px;float:left;text-transform:uppercase;font-family:Helvetica,Arial,sans-serif;margin-top:32px;}
#header ul.menu-left{font-size:15px;}
#header ul.menu-left li a{color:#414141 ;}
#header ul.right{float:right;margin-right:10px;margin-top: 34px;}
#header ul a{color:#414141;text-decoration:none;float:left;padding:0 0 15px;transition:border-width .1s ease 0;-moz-transition:border-width .1s ease 0;-webkit-transition:border-width .1s ease 0;-o-transition:border-width .1s ease 0}
#header .content{position:relative;padding:32px 0 30px}
#header .content:after{clear:both;content:'';display:block}
#header ul.menu-left li a:hover,#header .desktop ul.menu-left li.current_page_item a,
#header ul a:hover,#header .desktop ul li.current_page_item a{padding:0 0 11px;color:#000;border-bottom:4px solid #000}
#header ul .fb-menu-item > a {background: url(images/facebook.png) no-repeat top left; width: 33px; height: 33px; text-indent: -9999px; display: inline-block; padding: 0; margin-top: -7px; margin-left: 8px; padding-bottom: 0px; }
#header ul .fb-menu-item > a:hover {background-position: bottom left;text-decoration: none;border: none;}
#header ul li{float:left;padding:0 0 0 12px}
#header a.share-files{position:absolute;top:0;right:0;background:#000 url(images/icon.png) no-repeat 12px 5px;padding:0 20px 0 45px;height:32px;line-height:32px;color:#fff;text-transform:uppercase;font-size:12px;font-family:Helvetica,Arial,sans-serif;text-decoration:none;border:solid #d6d6d6;border-width:0 1px 1px}
#header a.share-files:hover{background-color:#686868}
#banner{margin-top:-65px}
#banner img{width:100%;height:auto;}
#home-banner{width:100%;overflow:hidden;position:relative;border-bottom:1px solid #232323;font-size:14px;margin-top:-65px}
#home-banner img{position:absolute;top:0;left:0;width:100%;height:100%}
#home-banner .text-hold{width:884px;margin:0 auto;display:table;height:100%}
#home-banner .text-wrapper{width:884px;margin:0 auto;position:relative;display:table-cell;vertical-align:middle;z-index:20;text-align:center;overflow:hidden}
#home-banner .left-section{width:359px;display:inline-block;overflow:hidden;text-align:left;vertical-align:top;padding:44px 40px 25px;background:url(images/bg-banner.png) repeat-y 0 0}
#home-banner .left-section:hover{background:#000}
#home-banner .left-section a span.more{width:217px;height:39px;display:block;padding:1px 0 0;margin:0 0 1px;color:#fff;text-indent:-9999px;font-style:italic;font-size:22px;background:url(images/more-btn.png) no-repeat 0 1px}
#home-banner .left-section a{display:block;height:100%;margin:-44px -40px -25px;padding:44px 40px 25px;text-decoration:none}
#home-banner .left-section a:hover span.more{background-position:0 -39px;margin:0;height:40px}
#home-banner .left-section h1{color:#e9e9e9;font-size:35px;font-weight:300;letter-spacing:-1px;margin:0 0 17px;border-bottom:1px solid #a1a1a0;padding:0 0 17px}
#home-banner .right-section{width:360px;padding:44px 40px 25px;color:#1f1b12;background:url(images/bg-banner.png) repeat-y 100% 0;display:inline-block;text-align:left;vertical-align:top}
#home-banner .right-section p{font-size:17px}
#intro{width:100%;overflow:hidden;padding:52px 0 0;background:#000}
#intro .content{border-bottom:1px solid #2b2a28;padding-bottom:35px}
.home #main #intro h2{margin-bottom:38px}
.home #main h2{color:#fff;font-size:35px;text-transform:uppercase;margin:0 0 55px;padding:0;font-weight:400;text-align:center}
.home #main p{color:#9c9991;font-size:15px;margin:0 0 35px;padding:0}
.home #main a.btn{background:#23211f url(images/icon2.png) no-repeat 195px 26px;height:92px;font-style:italic;color:#c8c8c8;min-width:217px;float:right;font-size:22px;text-transform:uppercase;text-decoration:none;line-height:92px;padding:0 0 0 35px;font-weight:300;margin-left:40px}
.home #main p{line-height:16px}
.home #main a.btn:hover{background-color:#43403e}
#services{width:100%;overflow:hidden;background:#000;padding:35px 0 0}
#services .item{width:215px;height:190px;float:left;margin:0 15px 15px 0;position:relative;overflow:hidden}
#services .item img{position:absolute;top:0;left:0}
#services .items{width:110%}
#services .content{padding:0 0 27px;border-bottom:1px solid #2b2a28;overflow:hidden}
#services .items a{text-decoration:none}
#services .items p{position:relative;text-transform:uppercase;color:#fff;z-index:200;text-align:center;background:url(images/line.png) no-repeat 50% 100%;padding:85px 0 21px;margin:0;width:100%;font-size:19px}
#services .items span.hover{width:100%;height:190px;background:url(images/hover.png);position:absolute;top:0;opacity:1;filter:alpha(opacity=100);left:0;transition:.5s all ease;-moz-transition:.5s all ease;-webkit-transition:.5s all ease;z-index:150}
#services .items a:hover span.hover{opacity:0;filter:alpha(opacity=0)}
.home #main .module.testimonials{width:100%;overflow:hidden;background:#000;padding:80px 0 75px}
.home #main .testimonial{width:554px;float:left;margin:0 30px 40px 0}
.home #main .testimonial a{width:300px;height:224px;float:left;position:relative;overflow:hidden;margin:0 20px 0 0}
.home #main .testimonial a img{position:absolute;top:0;left:0;height:100%}
.home #main .testimonial h3{color:#fff;font-size:20px;text-transform:uppercase;font-weight:400;padding:0;margin:0 0 20px}
.home #main .testimonial p{line-height:16px;color:#9c9991;font-size:15px;margin:0;padding:0;font-style:italic}
.home #main .module.testimonials .testi-holder{width:110%}
.home #main .module.testimonials .btn{width:372px;float:none!important;margin:0 auto;display:block;clear:both;background-position:326px 26px}
.caption{font-style:italic;text-align:right;font-size:13px;color:#000;padding:15px 0 0}
#content-testimonials{width:980px;margin:0 auto 75px;border-bottom:1px solid #e4e4e4}
#content-testimonials p{margin:0 0 40px}
.page-template-pt-testimonials-php #content-testimonials h1{margin:0 0 40px}
.page-template-pt-testimonials-php #main .testimonials{width:100%;overflow:hidden;width:1148px;margin:0 0 0 -60px}
.page-template-pt-testimonials-php #main .testimonial{width:554px;display:inline-block;vertical-align:top;margin:0 23px 48px 0}
.testimonial .text-wrapper{width:40%;float:left;}
.page-template-pt-testimonials-php #main .testimonial a.fancybox{float:left;margin:0 20px 0 0}
.page-template-pt-testimonials-php #main .testimonial h3{color:#000;font-size:20px;font-weight:400;text-transform:uppercase;margin:0 0 20px}
.page-template-pt-testimonials-php #main .testimonial p{color:#67635b;font-size:15px;line-height:16px;font-style:italic}
.testi-holder{width:110%}
.faqs{width:100%;overflow:hidden;padding:60px 0 0;margin:0!important}
#main .faqs li{overflow:hidden;padding:0;margin:0}
#main .faqs li p{margin:0;padding:0px 15px 20px}
#main .faqs h3.opener{background:#000 url(images/bot-arrow.png) no-repeat 98% 50%;color:#fff;font-size:20px;padding:9px 30px;margin:0 0 2px;cursor:pointer;text-transform:none;font-weight:700}
#main .faqs li.selected .opener{background:#000 url(images/top-arrow.png) no-repeat 98% 50%}
#content p{padding:0 15px;margin:0 0 20px}
.contact-content{width:980px;margin:0 auto;overflow:hidden}
dl.left{float:left;font-size:22px;color:#000;width:440px}
dl dt{font-weight:400;float:left;width:160px;text-transform:uppercase}
dl dd.address{margin-bottom:14px}
dl dd{float:none;margin:0;overflow:hidden}
.content-holder{width:434px;float:right;margin:0 0 50px}
.contact-content a.share-btn{display:block;width:431px;height:115px;background:url(images/share-btn.png) no-repeat;text-indent:-9999px;margin:0 0 22px}
.contact-content a.share-btn:hover{background-position:0 -115px}
.contact-content p{font-size:15px;line-height:17px;padding-right:10px}
.contact-content .email{margin-top:26px}
.contact-content  dd a{color:#000;text-decoration:none;}
.email a{text-decoration:none;color:#000}
.contact-content  dd a:hover,
.email a:hover{text-decoration:underline}
a.map-placer{width:980px;display:block;margin:0 auto;padding:4px 0 0;border-top:1px solid #e4e4e4;overflow:hidden}
#slideshow-holder{width:533px;float:left;position:relative;margin:0 0 26px}
#slideshow-holder .sl-prev,#slideshow-holder .sl-next{width:39px;height:39px;background:url(images/arrows.png) no-repeat;text-indent:-9999px;top:200px;position:absolute;cursor:pointer}
#slideshow-holder .sl-next{background-position:-39px 0;right:25px}
#slideshow-holder .sl-next:hover{background-position:-39px -39px}
#slideshow-holder .sl-prev{left:-57px}
#slideshow-holder .sl-prev:hover{background-position:0 -39px}
#slideshow{float:left;width:450px;position:relative}
#slideshow .slide{width:450px;height:450px}
#slideshow .slide .caption{position:absolute;bottom:0;left:0;z-index:20;background:#000;width:100%;padding:17px 0;text-align:left}
#main #slideshow .slide .caption p{padding:0 25px;color:#fff;font-size:13px;font-style:italic;margin:0}
#slideshow .slide img{position:absolute;top:0;left:0;width:100%;height:100%}
#main .slide p{padding-left:0;padding-right:0}
#main #content .module{border-top:1px solid #e4e4e4;padding:54px 0 0}
#main #content .module:after{clear:both;content:'';display:block}
#main #content .module.first{padding:0;border:none}
#main #content .module.faqs{border:none;padding-top:60px}
#main #content .module.faqs .hold .spacing{padding-top:20px;}
#main #content .module .sidebar{width:354px}
#main #content .module .sidebar .img{width:100%;overflow:hidden;margin:0 0 12px}
#main #content .module .sidebar .img img{margin:0 0 7px}
#main #content .module .sidebar .img p{font-size:14px;color:#000;font-style:italic;padding:0 7px;margin:0}
#main #content .module.left,#main #content .module.right{overflow:hidden}
#main #content .module.left .sidebar{float:left;margin:0 38px 0 0}
#main #content .module.clients ul{list-style:none;width:30%;display:inline-block;font-size:19px;padding:0 32px 0 0;margin:0 0 10px;vertical-align:top}
#main #content .module.clients ul.last{padding-right:0}
#main #content .module.clients ul li{margin:0 0 10px;overflow:hidden}
#main #content .module.clients ul li a{float:left;margin:0 10px 0 0;text-decoration:none;color:#000;}
#main #content .module.clients ul li a:hover{text-decoration:underline;}
#content ul{list-style:disc;margin:0 0 1em 18px}
#content ol{list-style:decimal;margin:0 0 1em 22px}
#content .post{border-bottom:1px solid #CCC;margin:0 0 25px}
#content .post .meta{font-style:italic}
#content .post h1{border:0;margin:0}
#content .sticky{background:#f5efca}
#content #prev-next{list-style:none}
#content #prev-next #prev{float:left}
#content #prev-next #next{float:right}
#sidebar{float:right;padding:10px 0 20px;width:200px}
#sidebar ul{list-style:none;margin:0 0 1em 18px}
#sidebar ul ul{list-style:disc}
#footer{width:100%;overflow:hidden;padding:45px 0}
#footer ul.footer-menu{width:440px;float:left;text-transform:uppercase;font-size:12px}
#footer ul.footer-menu li{width:132px;float:left;margin:0 85px 0 0}
#footer ul.footer-menu a{color:#1f1b12;text-decoration:none}
#footer ul.footer-menu a:hover{text-decoration:underline}
#footer p{color:#1f1b12;font-size:12px;float:left}
#footer p a{color:#1f1b12;text-decoration:none;}
#footer p a:hover{text-decoration:underline;}
#footer p.address{margin:12px 75px 0 0}
#footer p.contacts{width:180px}
#footer a#bbl{float:right;width:61px;height:45px;text-indent:-9999px;background:url(images/site-by.png) no-repeat;margin:9px 0 0}
#footer a#bbl:hover{background-position:0 -45px}

/* Image Alignment */
img.aligncenter {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* 2.7+ Comments */
#comments_wrap ol {list-style:none}
#comments_wrap ol li {border-bottom:1px solid #CCC;margin:0 0 5px}
#comments_wrap .commentmetadata {margin:0 0 10px}
#comments_wrap .comment-author {border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;}
#comments_wrap .comment-author img {float:left;margin:0 10px 0 0}
#comments_wrap .comment-author cite {font-weight:bold}
.module.faqs img{max-width:100%;display:block;height:auto;}

/* Captions */
.wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;margin:10px;-moz-border-radius:3px;padding-top:4px;text-align:center;-webkit-border-radius:3px}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.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: #f9f9f9;
	color: #444;
	text-shadow: none;

}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.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('images/fancybox/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/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('images/fancybox/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: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.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 !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('images/fancybox/fancybox_overlay.png');
}

.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);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('images/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('images/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

.mobile-menu{display:none;}

/* Responsive */
@media screen and (max-width:1180px){
	.page-template-pt-testimonials-php #main .testimonials{
		width:auto;
		margin:0;
	}
	.page-template-pt-testimonials-php #main .testimonial,.page-template-pt-testimonials-php #main .testi-holder{
		margin:0;
		width:auto;
	}
	.page-template-pt-testimonials-php #main .testimonial{margin:0 0 30px;display:block;overflow:hidden;}
}

@media screen and (max-width:1148px){
	#services .items{width:925px;margin:0 auto;}
	#services .items .item{
		float:none;
		display:inline-block;
		margin:0 0.5% 1%;
	}
}
@media screen and (max-width:1138px){
	.desktop{display:none;}
	.mobile-menu{display:block;}
	.home .content, #header .content{
		width:auto;
		padding-left:15px;
		padding-right:15px;
	}
	.home #main .module.testimonials .testi-holder{width:auto;}
	.home #main .testimonial{
		width:554px;
		margin:0 auto 30px;
		float:none;
		overflow:hidden;
	}
	#header .menu-toggle-button{float:right;padding:6px 10px;margin:32px 0 0;}

}
@media screen and (max-width:1105px){
	#slideshow{float:none;margin:0 0 0 45px;}
	#slideshow-holder{
		float:none;
		margin:0 auto 26px;
	}
	#slideshow-holder .sl-next{right:-8px;}
	#slideshow-holder .sl-prev{left:0px;}
}
@media screen and (max-width:980px) {
	#home-banner img{
		height:auto;
		width:auto;
	}
	.module.content{padding-left:0px !important;padding-right:0px !important;}
	.content{
		width:auto;
		padding:0 15px;
	}
	.home #main a.btn{margin-bottom:20px;}
	#footer{padding:15px 0;}
	#footer ul.footer-menu{display:none;}
	#main{padding-bottom:20px;}
	#footer p{
		text-align:center;
		float:none !important;
		margin:0 0 15px !important;
		width:auto !important;
	}
	#footer a#bbl{margin:0 auto !important;float:none;display:block;}
	#content-testimonials{
		width:auto;
		padding-left:15px;
		padding-right:15px;
	}
	.contact-content{
		width:auto;
		padding-left:15px;
		padding-right:15px;
	}
	dl.left{
		float:none;
		margin:0 auto 60px;
	}
	.content-holder{
		float:none;
		margin:0 auto 30px;
	}
	a.map-placer{
		width:100%;
		height:auto;
	}
	a.map-placer img{
		width:100%;
		height:auto;
	}

}
@media screen and (max-width:925px){#services .items{width:800px;}}
@media screen and (max-width:800px){#services .items{width:700px;}}
@media screen and (max-width:680px){#services .items{width:462px;}}
@media screen and (max-width:320px){
	#services .items{width:300px;}
	#services .items .item{
		float:none;
		margin:0 auto 15px;
		display:block;
	}
}
@media screen and (max-width:884px){
	#home-banner .text-hold{
		width:360px;
	}

	#home-banner .right-section{display:none;}
	#main #content .module.clients ul{width:100%;overflow:hidden;}
}
@media screen and (max-width:580px){
			#home-banner .bottom{display:none;}

	.home #main .testimonial{width:auto;}
	.home #main .testimonial h3{text-align:center;}
	.home #main .testimonial p{text-align:center;}
	.home #main .testimonial a{
		display:block;
		float:none;
		margin:0 auto 30px;
	}
	.page-template-pt-testimonials-php #main .testimonial a.fancybox{
		float:none;
		display:block;
		margin:0 auto 20px;
		width:300px;
		overflow:hidden;
	}
	.testimonial .text-wrapper{float:none;width:auto;}
	.page-template-pt-testimonials-php #main .testimonial h3{text-align:center;}
	.page-template-pt-testimonials-php #main .testimonial p{text-align:center;}
	#slideshow-holder .sl-next,#slideshow-holder .sl-prev{display:none;}
	#main #content .module.left .sidebar,#main #content .module.right .sidebar{
		float:none;
		margin:0 auto;
	}
	h2{font-size:23px;}
	#slideshow,#slideshow-holder,#slideshow .slide{margin-left:0px;width:100% !important;height:300px !important;}
	#slideshow img{width:100% !important; height:300px !important;}
	#home-banner img{position:static;width:100%;}
	#home-banner .text-hold{display:block;}
	#home-banner .text-wrapper{width:100%;display:block;}
	#home-banner .text-hold{width:100%;}
	#home-banner .left-section{width:auto;background:#6b6b6c;}
	#home-banner{height:auto!important}
}
@media screen and (max-width:480px){
	#home-banner .left-section a{padding:44px 10px 25px;}
	#home-banner .left-section h1{font-size:28px;}
	#home-banner .left-section{width:auto;}
	.home #main .module.testimonials .btn{
		width:280px;
		margin:0 auto 20px;
		display:block;
		background-image:none;
		float:none;
		padding:0;
		text-align:center;
	}
	h1 {
		font-size:23px;
		margin:0 0 30px;
		padding-bottom:20px;
	}
	#banner .caption{padding-bottom:15px;}
	#banner .content{max-width:285px;margin:0 auto;}
	#banner{position:relative;margin:-65px -9999px 0;text-align:center;}
	#banner img{
		height:200px;
		width:auto;
	}
	dl.left{
		width:auto;
		font-size:16px;
	}
	.contact-content a.share-btn,
	.contact-content a.share-btn:hover{
		width:300px;
		background-position:100% 0;
		margin:0 auto 60px;
		display:block;
		float:none;
	}
	.content-holder{width:auto;}
}
@media screen and (max-width:320px){
	.home #main #intro a.btn{
		float:none;
		margin:0 auto 20px;
		display:block;
	}
	dl.left dt{width:95px !important;margin:0 10px 0 0;}
	#main #content .module.clients ul li span{float:none;text-align:center;font-size:14px;}
	#main #content .module.clients ul li a{text-align:center;float:none;padding:0 5px;}
}


/* Menu Styles */

/* Init Logic */
.menu-toggle-button{padding:1em;border:1px solid #000;cursor:pointer;}
.menu-toggle-button{display:none;}
.menu-toggle-button.active{border:1px solid #777;color:#777;}

ul.menu-list{background:#fff; z-index:200; list-style:none;position:absolute;display:inline-table;padding:0px;margin:0 !important;top:156px;left:0;width:110%;}
ul.menu-list li{
	float:none;
	display:block;
	padding:0 !important;
	margin:0;
	width:100%;
}

ul.menu-list li a,
ul.menu-list li a:hover,
ul.menu-list li a:active{
	display:block !important;
	padding:10px !important;
	border:none !important;
	float:none !important;
}
ul.menu-list li a:hover,
ul.menu-list li a:active,
ul.menu-list li.current_page_item a{
	color:#fff !important;
	background:#000;
	padding:10px !important;
	border:none !important;
}

/* Handling Submenu */
ul.menu-list ul{display:none;padding:0px;margin:0px;position:absolute;top:100%;left:0%;list-style:none;z-index: 700}
ul.menu-list ul li{position:relative;float:none;padding:0px;margin:0px;}
ul.menu-list ul ul{position:absolute;top:0%;left:100%;z-index: 700}
ul.menu-list li:hover>ul{display:inline-block;}
/* End Init Logic */

/* Style */

ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */

/* Submenu Expand Icon */
ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.6em;float:right;padding-left:10px;line-height:2.2em;} /* All levels */
ul.menu-list li.has-submenu>a>span.menu-expand{float:none\9;} /* Fix for IE9 and below */
ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */
ul.menu-list>li.has-submenu>a>span.menu-expand:after{content:'\25BC'} /* Level 1 */
ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'\25BA'} /* Level 2 */

/* You can manage with of elements by width of a-tag */
ul.menu-list li a{color:#333;text-decoration:none;padding:5px;} /* All levels */
ul.menu-list li>a{} /* Level 1 */
ul.menu-list li li>a{width:150px;} /* Level 2 */
ul.menu-list li li li>a{} /* Level 3 */

/* First Level*/
ul.menu-list>li{margin:0px 5px 0px 0px;border:1px solid #000;}
ul.menu-list>li>a{}
ul.menu-list>li:hover{background:#000}
ul.menu-list>li:hover>a{color:#fff;}
ul.menu-list>li>a:hover{}
/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul{border:1px solid #000;}
ul.menu-list>li>ul>li{background:#f7f7f7;}
ul.menu-list>li>ul>li>a{}
ul.menu-list>li>ul>li:hover{background:#ddd;}
ul.menu-list>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>a:hover{}
/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul{border:1px solid #777;}
ul.menu-list>li>ul>li>ul>li{background:#e7e7e7;}
ul.menu-list>li>ul>li>ul>li>a{}
ul.menu-list>li>ul>li>ul>li:hover{background:#ddd;}
ul.menu-list>li>ul>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>ul>li>a:hover{}
/* End Third Level*/

/* End Style */


/* End Menu Styles */


/* RESPONSIVE MEDIA QUERIES */
@media screen and (max-width: 1138px){

/* Menu Styles */

/* Init Logic */
.menu-toggle-button{display:block;}
.show-for-devices{display:block!important;}

ul.menu-list{display:none;}
ul.menu-list li{clear:both;float:none;}

/* Handling Submenu */
ul.menu-list ul{display:none;position:relative;}
ul.menu-list ul li{}
ul.menu-list ul ul{position:relative;top:100%;left:0%;}
ul.menu-list li:hover>ul{display:none;}
/* End Init Logic */

/* Style */

ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */

/* Submenu Expand Icon */
ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.6em;padding:0.8em;line-height:1em;position:absolute;right:0;z-index: 700} /* All levels */
ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */
ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'\25BC';} /* Level 2 */

/* You can manage with of elements by width of a-tag */
ul.menu-list li a{color:#333;position:relative} /* All levels */
ul.menu-list li>a{} /* Level 1 */
ul.menu-list li li>a{width:auto;} /* Level 2 */
ul.menu-list li li li>a{} /* Level 3 */

/* First Level*/
ul.menu-list>li{margin:0px;border:none;border-bottom:1px solid #000;}
ul.menu-list>li>a{}
ul.menu-list>li:hover{background:#000}
ul.menu-list>li:hover>a{color:#fff;}
ul.menu-list>li>a:hover{}
/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul{border:none;}
ul.menu-list>li>ul>li{padding-left:5px;}
ul.menu-list>li>ul>li>a{}
ul.menu-list>li>ul>li:hover{background:#ddd;}
ul.menu-list>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>a:hover{}
/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul{border:none;}
ul.menu-list>li>ul>li>ul>li{padding-left:5px;}
ul.menu-list>li>ul>li>ul>li>a{}
ul.menu-list>li>ul>li>ul>li:hover{background:#ddd;}
ul.menu-list>li>ul>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>ul>li>a:hover{}
/* End Third Level*/

/* End Style */


/* End Menu Styles */

}

.fancybox-title span{
	font-size:17px;
	color:#000;
	text-transform:uppercase;
}
.fancybox-title em{color:#000;}
.fancybox-title-inside-wrap{padding:20px 0 30px 20px;}


#content img{max-width:100%;height:auto;}