/*

Theme Name: Blessed

Author: Anthea Mathieson for Design Impact

Author URI: http://designimpact.net.nz/

Description: This theme was created for the new Design Impact website for 2014...

Version: 1.0

*/

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

   HTML5 Boilerplate - http://html5boilerplate.com/

   Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,

   Kroc Camen, and the H5BP dev community and team.

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

article, aside, details, figcaption, figure, footer, header, hgroup, main,

nav, section, summary { display: block;}

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1;}

audio:not([controls]) { display: none; height: 0;}

[hidden] { display: none;}

html {font-size: 100%; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}

html, button, input, select, textarea {font-family: sans-serif;}

body { margin: 0;}

a:focus {outline: thin dotted; }

a:active, a:hover {outline: 0;}

abbr[title] {border-bottom: 1px dotted;}

b, strong { font-weight: bold;}

blockquote {margin: 1em 40px;}

dfn {font-style: italic;}

hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}

mark { background: #ff0; color: #000;}

p, pre { margin: 1em 0;}

code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;}

pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none;}

q:before, q:after { content: '';content: none;}

small {font-size: 80%;}

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}

sup {top: -0.5em;}

sub { bottom: -0.25em;}

/*dl, menu, ol, ul { margin: 1em 0;}*/

dd { margin: 0 0 0 40px;}

menu, ol, ul { padding: 0;}

nav ul, nav ol { list-style: none; list-style-image: none;}

img { border: 0; -ms-interpolation-mode: bicubic;}

svg:not(:root) { overflow: hidden;}

figure { margin: 0;}

form {margin: 0;}

fieldset { border: 1px solid #c0c0c0; margin: 0 2px;padding: 0.35em 0.625em 0.75em;}

legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px;}

button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input {line-height: normal;}

button, select {text-transform: none;}

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible;}

button[disabled], html input[disabled] {cursor: default;}

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0;}

.chromeframe { margin: 0.2em 0; padding: 0.2em 0;}

.chromeframe{ 

	color: #b94a48;

	background-color: #f2dede;

	border-color: #eed3d7;

	padding: 20px;

	margin:0;

	border: 1px solid #f2d5d5;

	text-align:center;

	position:fixed;

	z-index:2000;

	top:0;

	left:0;

	width:100%;

}

.chromeframe a{

	color:#b94a48!important;

	font-style:italic;

} 

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

   Helper classes

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

.ir {background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;}

.ir:before {content: ""; display: block; width: 0; height: 150%;}

.hidden {display: none !important;visibility: hidden;}

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}

.invisible { visibility: hidden; }

.clearfix:before,

.clearfix:after { content: " "; display: table; }

.clearfix:after {clear: both;}

.clearfix {*zoom: 1;}

.right{float:right;}

.left{float:left;}

.inline li{display:inline;}

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

   EMBEDDED FONTS

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

@font-face {

  font-family: 'Bebas';

  src: url('fonts/bebas_regular/BEBAS-webfont.eot');

  src: url('fonts/bebas_regular/BEBAS-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebas_regular/BEBAS-webfont.woff') format('woff'), url('fonts/bebas_regular/BEBAS-webfont.ttf') format('truetype'), url('fonts/bebas_regular/BEBAS-webfont.svg#BEBAS-webfont') format('svg');

  font-weight: normal;

  font-style: normal;

}

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

   Basestyles

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

*{margin:0;	padding:0;}

body{

	font-size:100%/*16px*/;	

	background:#f9f9f9 url('images/nav-tile.png') repeat-y top left;

	font-family:Arial, Helvetica, sans-serif;

	color:#4d4e53;

	width: 100%;

	position:relative;

}

a{color:inherit; text-decoration:none;}

a:linked{text-decoration:none;}

a:visited{text-decoration:none;}

a:hover{color:#e82126; text-decoration:underline;}

a:active{text-decoration:underline;}

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

/*=========COPY HEADINGS/SYTLES=========*/

h1,h2,h3,h4,h5,h6, nav#global-site-nav, header, #about quote,#contact #details{

	 font-family: 'Bebas', sans-serif;

	 font-weight:normal;

	 text-transform:uppercase;

	 word-spacing:3px;

	 line-height: 1.275em;

}

h4{

	margin-bottom:0.500em;

}

h1{line-height:1.3em;}

.copy{max-width:960px; line-height:1.3em;}

.copy h1, h1.page-title{color:#e82126;}

.copy h1{

	font-size:1.71428571429em;/*24px/14px*/

	margin-bottom:1em;

}

.copy h1.websites{

	margin-bottom:0.313em;

}

.copy h1.reduce-margin{

	margin-bottom:0.5em;

}

.copy ul{

	margin:15px 10px 15px 40px;

}

.copy ul li{padding:2px 0;}

/*=========GLOBAL NAVIGATION=========*/

#logo{

	display:block;

	width:140px;

	height:58px;

	margin:0 auto 20px;

}

#responsive-nav-switch, #responsive-nav{display:none;}

#content{

	margin-left: 198px;

	position: relative;

	padding: 0;

}

#page{

	overflow: hidden;

	position: relative;

}

nav#global-site-nav{

	color:#afafaf;

	text-transform:uppercase;

	position: fixed;

	top: 0;

	left: 0;

	width: 198px;

	z-index:1500;

}

.menu-sidebar-menu-container>ul{

	padding:0 0 0 35px;

}

/* Top Bar */

#filter-cats{

	border-bottom:1px solid #ddd;

	padding-bottom:30px;

}

#filter-cats ul{

	float:left;

}

#filter-cats ul li{

	list-style:none;

	display:inline;

}

#filter-cats ul li a{

	border-radius:25px;

	background:#7f7f7f;

	-webkit-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1);

	box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1);

	display:inline-block;

	text-transform:uppercase;

	color:#fff;

	padding:0 17px 1px;

	font-size:0.875em;

}

#filter-cats #searchform{

	float:right;

	margin-left:20px;

}

.categories h2{

	margin-bottom:15px;

}

#filter-cats #searchform input{

	border-radius:25px;

	background:#eee url('images/search.png') right center no-repeat;

	-webkit-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1);

	box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1);

	display:inline-block;

	color:#7f7f7f;

	outline:none;

	padding:4px 25px 4px 14px;

	font-size:0.875em;

	width:141px;

	border:none;

}

#filter-cats ul li a:hover, #filter-cats ul li.current-cat a{

	background:#ef1d41;

	text-decoration:none;

}

nav#global-site-nav ul.sub-menu{padding:0; margin:0 0 15px 10px;}

nav#global-site-nav ul.sub-menu li{padding:1px 0;}

nav#global-site-nav .sub-menu li.current_page_item a, nav#global-site-nav .sub-menu li.current-menu-item a{font-weight:bold; padding:5px; text-transform:uppercase;}

.sub-menu {display: none;}

.current_page_item .sub-menu, .current_page_parent .sub-menu {display: block;}

#menu-portfolio-menu li, #menu-services-menu li{margin:5px 5px 5px 0;}

nav#global-site-nav ul ul a{

	color:#fff;

	padding:0.5px 0;

	font-family:Arial, sans-serif;

	text-transform:capitalize;

	font-size:0.75em;

}

.cut-edge{	

	background: url('images/nav-corner.png');

	height:81px;

}

nav#global-site-nav #nav-wrapper{

	background:#1e1e1e;

	padding:35px 20px;

}

nav#global-site-nav li a{

	color:#afafaf;

	padding:5px 0;

	display:block;

}

nav#global-site-nav a:hover{color:#f7f9fa;}

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

.center{

	width: 96%;/*1100px*/

	/*max-width:1366px;*/

	margin:0 auto;

	/*padding:0 80px;*/

}

.center.mini{max-width:1000px;}

.space{

	padding:100px 0;

}

header{

	background:#fff url('images/header-tile.png');

	opacity:0.97;

	color:#d4d4d4;

	border-bottom:1px solid #d3d4d4;

	width:100%;

	height:60px;

	position:fixed;

	top:0;

	right:0;

	margin-bottom:50px;

	z-index:1000;

}

header ul{float:right;}

header ul li{display:inline-block;}

header ul li{font-size:0.75em;/*12px/16px*/}

header .number{

	background:#1e1e1e;

	font-size:1.3125em;/* 21px / 16px*/

	letter-spacing:0.03125em;

	border-left:1px solid #d3d4d4;

	color:#999;	

	text-transform:uppercase;

	padding:15px 70px 15px 20px;

	margin:0 0 0 15px;

	height:30px;

}

header li.number span{color:#fff; padding-left:5px;}

#social-btns li>div>{display:table;}

#social-btns li>div>*{

	vertical-align:middle;

	border-spacing:5px;

    border-collapse:separate;

	margin: 0 3px;

}

#social-btns li>div>span{margin-right:12px;}

#social-btns a{

	background:#d4d4d4;

	height:28px;

	width:28px;

	margin:0 3px;

	text-indent:-9999px;

	display:inline-block;

	-webkit-border-radius: 28px;

	-moz-border-radius: 28px;

	border-radius: 28px;

	background-position:center center;

	background-repeat:no-repeat;

}

#social-btns a:hover{

	transition: background-color 0.5s ease;

	background-color:#e12129;

}

#social-btns #facebook{background-image: url('images/icon-facebook.png');}

#social-btns #pinterest{background-image: url('images/icon-pinterest.png');}

#social-btns #instagram{background-image: url('images/icon-instagram.png');}

#social-btns #google-plus{background-image: url('images/icon-googleplus.png');}

#fb-like{position:relative; width:81px; height:21px; top:0; right:0;}

footer{

	background:#1f1f1f url('images/bg-pattern-ftr.jpg');

	color:#999;

	padding-top:6px;

	position:fixed;

	bottom:0;

	left:0;

	width:100%;

	z-index:1500;

}

footer .wrap{

	border-top:2px dashed #525252;

	padding:12px 20px;

	max-w

}

footer #updates-signup{float:right;}

footer #updates-signup input{float:left;}

footer #updates-signup label{

	font-family:'Bebas';

    color:#cecece;

	font-size:13px;

	text-transform:uppercase;

	float:left;

	margin-right:6px;

}

footer #updates-signup #mce-EMAIL{

	background:#3e3e3e;

	color:#999;

	border:none;

	padding:3px 5px;

	margin-right:8px;

	font-size:12px;

}

footer #updates-signup #mc-embedded-subscribe{

	color:#fff;

	background:#e82126 url('images/next-arrow.png') no-repeat center center;

	text-align:center;

	text-indent:-9999px;

	font-size:24px;

	height:21px;

	width:20px;

	padding:5px 5px 8px 5px;

	border:none;

	float:left;	

}

footer ul{

	float:left;

}

footer ul li{

	display:inline;

	font-size:0.6875em;

	text-transform:uppercase;

}

footer a{

	color:#dad8d8;	

	text-transforms:uppercase;

}

footer a:hover{color:#e71a1f;}

/*========= HOME PAGE =========*/

/*----- Process -----*/

#process{

	background:#e7262b url('images/bg-chevron-tile.png') repeat;

	color:#fff;

	text-align:center;

	padding:80px 40px;

	box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1);

	max-height:350px;

	font-size:1.25em;/*20px/16px*/

}

#process p{

	max-width:690px;

	margin:30px auto 20px auto;

}

#process h1{font-size:2.85em;/*57px/20px*/}

#process h1 span{

	background:url('images/custom-dot.png') center bottom no-repeat;

	display:inline-block;

	height:9px;

	width:10px;

	margin:0 5px;

}

/*----- About Us -----*/

#about{

	background:#fff;

	padding:9px 0;

}

#about h1{color:inherit;}

#about .wrap{	

	border-top:1px dashed #d6d6d6;	

	border-bottom:1px dashed #d6d6d6;

	padding:50px 40px;

}

#about .col-1{width:50%; padding-right:5%; padding-left:5%;}

#about .col-2{width:35%;}



#about .col-1, #about .col-2{

	float:left;

}

.col-2 quote{	

	font-size:2em;

	color:#000;

	text-align:center;

	padding-top:100px;

	width:100%;

	max-width:300px; 

	margin:0 auto;

	display:block;

}

.col-2 quote span{color:#e51b24;}

/*#about quote:before, #about quote:after{	

	font-size:2em;

	color:#e51b24;

	font-family:Georgia;

	font-weight:bold;

}

#about quote:before{

	content:'\201C';

}	

#about quote:after{

	content:'\201D';

}*/

#about .polariod{

	width:311px;

	height:351px;

	padding:13px 0 0 13px;

	background:#f9f7f2 url('images/bg-pattern-polariod.jpg');

	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);

}

#about .polariod img{

	max-width:300px;

	height:300px;

}

#about .polariod span{

	text-align:center;

	display:block;

	padding:7px 0;

	font-family:'TheGreatEscape';

	color:#000;

}

.team-grid{list-style:none; max-width:1064px; margin-top:40px;}

.team-grid li{width:21.25%; padding-right:5%; float:left;text-align:center;}

.team-grid li:nth-child(4n){padding-right:0;}

.team-grid h2{font-size:16px; color:#e82126;margin:15px 0 7px 0;}

.team-grid h3{font-size:12px; color:#828282; text-transform:uppercase;}

.team-grid .blurb{padding:20px 0;text-align:left; font-size:14px; line-height:1.3em;}



/*----- Contact Us -----*/

/*#google-map{margin-top:30px;}*/

#google-map iframe{width:100%;}

#contact span.wpcf7-not-valid-tip {

	color: #fff;

	font-size: 12px;

	padding-bottom:8px;

}

#contact p{margin:15px 0;}

#contact div.wpcf7-validation-errors {

	background: #ffe2e2;

	border: 1px solid #ff8a8a;

	color: #ec3c06;

	font-size:12px;

	padding:10px;

	margin-top:10px;

	text-align:center;

}

#contact  div.wpcf7-mail-sent-ok {

	border: 2px solid #30b33d;

	background:#e5ffde;

	color:#25892e;

	font-size:12px;

	padding:10px;

	text-align:center;

}

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

	float:inline-block;

}

#contact .wpcf7-form-control.wpcf7-quiz{

	padding:5px 7px;

}

#contact{

	/*box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1);*/

	/*background:#525252;*/

	color:#fff;

	text-align:center;

	padding:0 20px 50px 20px;	

}

/*#contact .col-1{width:55%; padding-right:5%;}

#contact .col-2{width:30%;}*/

#contact .col-2{float:right;width:50%;}

#enquiry{

	background:#4f4f4f;

	/*border:#818181 1px solid;*/

	padding:40px 25px 20px 25px;

	border-radius:11px;

	text-align:left;

}

#contact #details{

	text-align:left;

	font-size:1.3125em;

	padding:50px 50px 50px 0;

	line-height:1.5em;

	float:left;
	
	color: #4f4f4f;

}

#contact #details h1{

	color: #e82126;

}

#contact #details span{

	font-weight:lighter;

	color:#afafaf;

	margin-right:7px;

}

input, select, textarea {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/*----- Services -----*/

#services{

	padding:70px 0 115px 0;	

	font-size:0.8em;

}

#services ul{

	list-style: none outside url('images/bullet-redCircle.png');

	/*font-size:1.375em;*/

	font-size:120%;

	margin:2% 0 0 5%;

	float:right;

}

#services ul li{

	padding:10px;

}

#services img{

	float:left;

}

/*=========OUR WORK=========*/

.btn-view-all{	

	background: url('images/btn-view-all.png') no-repeat 0 0;	

	height:27px;

	width:27px;

	display:block;

	float:left;

	text-indent:-9999px;

}

.btn-view-all:hover{background-position:0 -27px;}

.frame-it img{

	background: #fff;

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

	padding: 1%;

	width:100%;

	margin:0 auto;

}

#post{

	margin-top:100px;

	padding:0 50px 50px 50px;

}

.project-description .featured-img{

	float:right;	

	width:60%;

	margin-bottom:50px;

	max-width:750px;

}

.project-description .copy{

	width:35%;

	font-size:0.875em;	

	padding-right:5%;

	float:left;

}

.error404 .copy{padding-top:50px; padding-left:50px;}

.project-description .copy p{line-height:1.250em;}

a.web{

	font-weight:bold;

	padding:5px 0;

	display:inline-block;

}

#showcase{

	margin:30px 0;

}

/*----- Grid Layout -----*/

.preview-grid{

	list-style:none;

}

.preview-grid li{

	background:#fff;

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

	/*width:31.58333333333333%;*/

	width:300px;

	min-height:340px;

	padding:0.5%;

	margin:0 0.75% 0.75% 0;

	float:left;

	position:relative;

}

/*.preview-grid.services li{min-height: 300px;}*/

.preview-grid li a:hover{

	text-decoration:none;

	color:#4d4e53;

}

.preview-grid li .text{

	font-size:0.813em;

	padding:3%;

}

.preview-grid li img{width:100%; /*height:210px;*/}

.preview-grid li h1{

	font-size:1.23076923077em;/*16px/13px*/

	margin:0 0 10px 0;

	color:#ea252d;

}

.preview-grid li .label{

	background:#e82126;

	color:#fff;

	padding:4px 10px;

	text-transform:uppercase;

	position:absolute;

	top:0;

	left:0;

	font-size:0.750em;/*12px*/

}

.list-of-services{

	margin:10px 0;

	padding:10px 0;

	/*text-transform:uppercase;

	font-weight:bold;*/

	border-top:1px solid #c3c3c3;

	border-bottom:1px solid #c3c3c3;

	font-size:0.875em;

	list-style:none;

	line-height:1.5em;

}

.inner-page{

	padding:80px 20px 100px 20px;

	min-height:500px;

}

.inner-page.slimFit{

	width:85%;

	/*max-width:1320px;*/

}

#related-projects{margin:20px 0;}

#related-projects .preview-grid{

	margin:30px 0;

}

#related-projects .preview-grid li{

	width:22.58333333333333%%;

}

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

   BACK TO TOP

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

.back-to-top{

	position: fixed;

	z-index:1500;

	bottom: 5em;

	right: 0;

	width:25px;

	height:25px;

	text-decoration: none;

	text-indent:-9999px;

	background: #e82126 url('images/up-arrow-lrg.png') no-repeat center center;	

	padding: 8px;

	display: none;

	cursor:pointer;

	outline:0!important;

}

.back-to-top:hover{background-color: #df2029;}

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

   CONTACT FORM

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

#contact form{width:100%;}

.wpcf7-form-control.wpcf7-quiz{display:inline-block;width:30px!important;margin-left:7px;}

span.small{font-size:14px;}

#contact  form div:first-child{margin-right:15px;}

#contact  input, #contact  textarea, #contact select{	

	border:1px solid #c5c5c5;

	padding:7px 30px;

	width:100%;

	border-radius:5px;

	margin-bottom:10px;

	background:#fff no-repeat 8px center;

}

#contact select{width:100%;}

#contact #name{background-image:url('images/icon-name.png');}

#contact #email{background-image:url('images/icon-email.png');}

#contact #number{background-image:url('images/icon-number.png');}

#contact #company{background-image:url('images/icon-company.png');}

#contact #hear{background-image:url('images/icon-hear.png');}

#contact #project{background-image:url('images/icon-project.png');}

#contact #message{background-image:url('images/icon-message.png');}



#contact textarea{height:6em; background-position:10px 14px; resize:vertical;}

#contact input[type=submit]{

	background:transparent url('images/btn-send.png') no-repeat center center;

	width:117px;

	height:36px;

	margin-top:5px;

	text-indent:-9999px;

	float:right;

}

#contact select{color: #aaa;}

#contact option{color: #000;}

#contact option:first-child{color: #aaa;}

.button{

	padding: 5px 9px;

	margin:5px 0;

	display:inline-block;

    background: #e82126;

    color: #FFF;

    border: solid 1px #e82126;

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

    -webkit-transition-duration: 0.2s;

    -moz-transition-duration: 0.2s;

    transition-duration: 0.2s;

    -webkit-user-select:none;

    -moz-user-select:none;

    -ms-user-select:none;

    user-select:none;

}

 .button:hover{

    background: #d91f24;

    text-decoration: none;

	color:#fff;

}

.button:active{background: #c41c20;}

.intro{margin-bottom:50px; max-width:1060px;}

/* Top Bar */

#top-bar{

	padding:20px 0 30px 0;

	float:left;

}

#top-bar li{

	list-style:none;

	float:left;

}

#top-bar li a{

	border-radius:4px;

	background:#afafaf;

	box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1);

	display:inline-block;

	text-transform:uppercase;

	color:#fff;

	padding:4px 7px 5px 7px;

	font-size:0.813em;

}

#top-bar li a:hover, #menu-portfolio-menu li.current_page_item a{

	background:#7f7f7f;

	text-decoration:none;

}

.term-description p:first-line{

	font-size:1em;/*16px*/

	font-weight:bold;

}

.term-description{

	padding:15px 0 20px 0;

	font-size:0.844em;/*13px*/

	max-width:800px;

}

/* Pagination */

#nav-posts{

	margin-bottom:30px;

	list-style:none;	

	float:right;

}

#nav-posts li{display:inline-block;}

li.nextPage a, li.prevPage a, a.next, .page-numbers, a.prev, span.page-numbers.current{	

	font-weight:bold;

	color:#f02243!important;

}

/*.page-numbers.prev{

	background:url('img/icon/arrow-prev.png') no-repeat center center;

}

.page-numbers.next{

	

}*/

span.page-numbers.current{

	text-decoration:underline;

}

#nav-posts{

}

.nextPage span, .prevPage span { color:#ccc;} /* lighter than the normal anchor text */

li.nextPage a, .nextPage span{

	height:28px;

	width:28px;

	margin:0 3px;

	float:left;

	text-indent:-9999px;

	display:inline-block;

	border-radius: 28px;

	background:#1e1e1e url('images/next-arrow.png') no-repeat center center;

}

.nextPage span{

	background:#d4d4d4 url('images/next-arrow.png') no-repeat center center;

}

li.prevPage a, .prevPage span{

	height:28px;

	width:28px;

	margin:0 3px;

	float:left;

	text-indent:-9999px;

	display:inline-block;

	border-radius: 28px;

	background:#1e1e1e url('images/prev-arrow.png') no-repeat center center;

}

.prevPage span{

	background:#d4d4d4 url('images/prev-arrow.png') no-repeat center center;

}

li.nextPage a:hover, li.prevPage a:hover{

	transition: background-color 0.2s ease;

	background-color:#e12129;	

}

ul.page-numbers{

	margin: 15px 0 30px 0;

	width: 100%;

	padding: 0;

	font-size: 22px;

	list-style:none;

}    

ul.page-numbers li{

	float: left!important;

}

ul.page-numbers a,

ul.page-numbers span {

	background: #f02243;

	padding: 3px 11px; 

	margin: 3px;

	text-decoration: none;

	border: 2px solid #f02243;

	color: #fff!important;

	font-weight:normal;

}

ul.page-numbers a:hover,

ul.page-numbers span.current {	

	border: 2px solid #f02243;

	color: #f02243!important;

	background:#fff;

	text-decoration:none;

	font-weight:normal;

}

#testimonies{

	font-size: 0.875em;

	background:#f1f1f1;

	padding:35px;

	margin:30px 0;

}

/* cycle pager */

#slideWrapper{

	position:relative;

}

.cycle-pager { 

    text-align: center; width: 100%; z-index: 500; position:abolsute; top:-10px; right:10px; overflow: hidden;

}

.cycle-pager span { 

    font-family: arial; font-size: 50px; width: 16px; height: 16px; 

    display: inline-block; color: #ddd; cursor: pointer;

}

.cycle-pager span.cycle-pager-active { color: #4d4e53;}

.cycle-pager > * { cursor: pointer;}

/* Carousel */
.carousel {
	padding: 0px 30px 100px 30px;
}
.carousel_top {
	padding-top: 50px;
}
.carousel_bot {
	padding-bottom: 50px;
}
/* Custom Carousel Styles */
.owl-item {
    opacity: 0;
    transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
 .owl-item.active {
    opacity: 1;
    transition: opacity 1s cubic-bezier(0.7, 0, 0.3, 1) 0.6s;
}

.owl-stage {
	-webkit-transition: 0.8s !important;
	   -moz-transition: 0.8s !important;
	     -o-transition: 0.8s !important;
	        transition: 0.8s !important;
}

.owl-dots {text-align: center;}

.owl-dot {
     width: 8px;
     height: 8px;
     border-radius: 100%;
     background: #4d4e53;
     margin-right: 5px;
	 margin-top: 15px;
     display: inline-block;
}

.owl-dot:hover, .owl-dot.active {background: #e82126;}

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

   RESPONSIVE

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

/*Description: Enhance curent theme to allow the site to display on different device.

Author: Anthea Mathieson for Design Impact

*/

@media screen and (max-width: 1366px)

{	

	.project-description .featured-img {width: 60%;}
	
	#contact .col-2 {width: 45%;}

}

@media screen and (max-width: 1180px)

{	

	#contact #details{padding:0 20px 40px 20px;}
	
	#contact .col-2 {width: 86%; margin: 0 auto; float: none; clear: both;}

}

@media screen and (max-width: 1024px)

{

	.project-description .featured-img, .project-description .copy{

		float:none;

		width:100%;

	}

}

@media screen and (max-width:960px)

{

	.team-grid li{width: 40%;padding: 5%;}	

	.team-grid{margin:0;}

}

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

	footer #updates-signup{margin-top:5px; float:left;}

	header .number{padding: 15px 20px 15px 20px;}			

	#enquiry{

		background:#4f4f4f;

		border:#818181 1px solid;

		padding:40px 25px 20px 25px;

		border-radius:11px;

		text-align:left;

	}

	#contact #details, #contact .col-2{float:none;}

	#contact form{width:100%;}

	#contact input[type=text], #contact input[type=tel], #contact input[type=email], #contact textarea, #contact select{

		width:80%;

		-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */

		-moz-box-sizing: content-box; /* Firefox, other Gecko */

		box-sizing: content-box; /* Opera/IE 8+ */

		padding:7px 10%;

	}

	#contact .frame{width:100%;}

	#contact input[type=submit]{

		float:left;

	}	

}

@media screen and (max-width:768px)

{

	header .number{	padding: 15px 20px;}		

	#global-site-nav{display:none;}	

	header ul#social-btns{display:none;}

	#responsive-nav.active{

		display:block;

	}

	#responsive-nav ul{padding:10px 0 20px 0; float:none; background:#343434;}

	#responsive-nav ul.sub-menu{padding:5px 0;}

	#responsive-nav ul li{

		display:block;

		padding:5px 16px;

		font-size:1.125em;

	}

	#responsive-nav ul.sub-menu li{font-size:0.750em; color:#fff; font-family:Arial, sans-serif; text-transform:capitalize; padding:2px 10px;}

	.inner-page{

		width:94%;		

		min-height:700px;

	}

	#content{

		display:block;

		position:static;

		margin-left:auto;

	}

	.space {padding: 80px 5px;}

	body{

		background-image:none;

	}

	#responsive-nav-switch{

		background:#1e1e1e;	

		display:block;

		height:60px;

		clear:both;

	}

	#responsive-nav-switch #show-hide-menu{

		background:url('images/menu-show.png') no-repeat;

		background-size:100%;

		font-weight:bold;

		width:34.5px;

		height:36.5px;

		margin:12px 0 0 12px;

		cursor:pointer;

	}

	#responsive-nav-switch #show-hide-menu.active{

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

	}

	#switch-wrap{background:#3a3a3a; height:60px; width:60px; float:left;}

	#device-logo{

		display:block;

		padding:10px 10px 7px 10px;

		height:46px;

		max-width:120px;

		margin:0 auto;

	}

	.preview-grid li{

		min-height:350px;

		width: 47.5%;

	}	
	
	#contact #details{padding:0 20px 20px 20px;}

	footer{ position:static;}

}

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

	#about .col-2{display:none;}	

	#about .wrap{padding:50px 0;}

	#about .col-1{float:none; width:auto; padding:0 10px;}
	
	.preview-grid li{

		min-height:290px;

		width: 95.5%;

	}
}

@media screen and (max-width: 480px)

{	

	.inner-page{padding:100px 0;}
	
	#contact .col-2 {width: 83%; }

	footer .center{padding: 0 10px;}

	.team-grid li{width: 90%;padding: 5%;}

	.team-grid .blurb{text-align:center;}

}

@media screen and (max-width: 420px)

{		

	#process h1{font-size:150%;}

	#process{padding:30px 40px;}

}

@media screen and (max-width: 360px)

{		

}

@media screen and (max-width: 320px)

{	

}