/* 
	Version: 2.5.4
	
	
*/


/*
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0;  font-family:'Roboto', sans-serif;}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

*, html, div, a {
	box-sizing: border-box;
}


/* =============================================================================
   Links
   ========================================================================== */

a { color: rgb(49, 150, 179); text-decoration:none;}
a:visited { color: rgb(49, 150, 179); }
a:hover { color: #2fa6af; }

a:focus { outline: none; }
a {-webkit-tap-highlight-color:#e53b2c}
a:hover, a:active { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */

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

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }
.page blockquote { background:#fff; margin:0 0 20px 0; padding:2.5%; width:95%; }
.page blockquote p { margin:0; font-size:18px}

.post blockquote, .single-projects blockquote { padding:20px; background:#fff; margin:0 0 15px 0; text-align:center; }
.post blockquote p, .single-projects blockquote p { font-size:1.15em; margin:0}

.pagearea ul, .post ul { font-size:1em; list-style:none; padding-left:20px;}
.post ul li, .pagearea li { margin-bottom:15px; padding-left:25px; background:url(_/img/circlebullet.png) no-repeat left 5px; line-height: 150%;}
.post ol li { margin-bottom:35px; padding-left:15px;line-height:1.85em}

.pagearea .gform_wrapper li {
	background: none;
	padding: 0;
}




dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, 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: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

h5 { font-weight:normal; font-size:1.5em; color:#343434; line-height:1; margin:0; padding:0}

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; overflow:auto; }
ul li { margin-bottom:8px}
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */


#mc-embedded-subscribe { padding:12px 7px}

/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author:	Brian Joseph Studios (http://brianjosephstudios.com)
   ========================================================================== */


.newhome-intro-main {
	text-align: center;
}
.newhome-intro-main span {
	opacity: 1;
    font-size: 51px;
    line-height: 42px;
    font-weight: 500;
    color: rgb(255, 255, 255);
    letter-spacing: 2px;
    font-family: 'Roboto';
    background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.2) 100%);
    background-position: 0px 77%;
    background-repeat: repeat-x;
    background-size: 26% 26%;
    border-width: 0px;
    margin: 0px 10px;
    padding: 10px 8px 17px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    position: relative;
}

.newhome-intro {
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 150%;
}

#cs-content .max45.x-container.max, #cs-content .max45{
	max-width: 45em;
	margin: auto;
}

#cs-content .max55.x-container.max {
	max-width: 55em;
	margin: auto;
}

body.cornerstone-v2_0_5.single-post .post {
	max-width: 100%;
}

.new-homeintro-h1 {
	text-align: center;
	font-size: 16px;
}

.new-homeintro-h1 a {
	color: rgba(255,255,255,0.5);
}


#cs-content #home-accordion  .x-accordion-group {
	background-color: rgba(255,255,255,0.05)
}

#cs-content #home-accordion .x-accordion-heading .x-accordion-toggle {
	color: #fff;
}

#cs-content #home-accordion .x-accordion-body {
	color: rgba(255,255,255,0.8)
}

#cs-content #home-accordion .x-accordion-body a {
	color: #fff;
}


#cs-content ol li {
	margin-bottom: 15px;
}





.button_container {
		float: right;
		position: relative;
		margin:13px 7px 10px 0px;
		height: 27px;
		width: 35px;
		cursor: pointer;
		z-index: 100;
		-webkit-transition: opacity .25s ease;
		transition: opacity .25s ease;
		z-index: 100;
		border
	}
	
	
	#header.tiny .button_container {
		float: right;
	  position: relative;
	  margin:5px 15px 10px 0px;
	  height: 27px;
	  width: 35px;
	  cursor: pointer;
	  z-index: 100;
	  -webkit-transition: opacity .25s ease;
	  transition: opacity .25s ease;
	  z-index: 100;
	}
	.button_container:hover {
	  opacity: .7;
	}
	.button_container.active .top {
	  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
	          transform: translateY(11px) translateX(0) rotate(45deg);
	  background: #FFF;
	}
	.button_container.active .middle {
	  opacity: 0;
	  background: #FFF;
	}
	.button_container.active .bottom {
	  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
	          transform: translateY(-11px) translateX(0) rotate(-45deg);
	  background: #FFF;
	}
	.button_container span {
	  background: #fff;
	  border: none;
	  height: 5px;
	  width: 100%;
	  position: absolute;
	  top: 0;
	  left: 0;
	  border-radius: 3px;
	  -webkit-transition: all .35s ease;
	  transition: all .35s ease;
	  cursor: pointer;
	}
	.button_container span:nth-of-type(2) {
	  top: 11px;
	}
	.button_container span:nth-of-type(3) {
	  top: 22px;
	}
	
	.nav-overlay {
	  position: fixed;
	  background: #df474d;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 0%;
	  opacity: 0;
	  visibility: hidden;
	  -webkit-transition: opacity .35s, visibility .35s, height .35s;
	  transition: opacity .35s, visibility .35s, height .35s;
	  overflow: hidden;
	  z-index: 99
	}
	.nav-overlay.open {
	  opacity: .9;
	  visibility: visible;
	  height: 100%;
	}
	.nav-overlay.open li {
	  -webkit-animation: fadeInRight .5s ease forwards;
	          animation: fadeInRight .5s ease forwards;
	  -webkit-animation-delay: .35s;
	          animation-delay: .35s;
	}
	.nav-overlay.open li:nth-of-type(2) {
	  -webkit-animation-delay: .4s;
	          animation-delay: .4s;
	}
	.nav-overlay.open li:nth-of-type(3) {
	  -webkit-animation-delay: .45s;
	          animation-delay: .45s;
	}
	.nav-overlay.open li:nth-of-type(4) {
	  -webkit-animation-delay: .50s;
	          animation-delay: .50s;
	}
	.nav-overlay.open li:nth-of-type(5) {
	  -webkit-animation-delay: .55s;
	          animation-delay: .55s;
	}
	.nav-overlay.open li:nth-of-type(6) {
	  -webkit-animation-delay: .60s;
	          animation-delay: .60s;
	}
	.nav-overlay.open li:nth-of-type(7) {
	  -webkit-animation-delay: .65s;
	          animation-delay: .65s;
	}
	
	.nav-overlay nav {
	  position: relative;
	  height: 70%;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	          transform: translateY(-50%);
	  font-size: 30px;
	  font-weight: 400;
	  text-align: center;
	}
	.nav-overlay ul {
	  list-style: none;
	  padding: 0;
	  margin: 0 auto;
	  display: inline-block;
	  position: relative;
	  overflow: hidden;
	  width: auto;
	  height: 100%;
	}
	.nav-overlay ul li {
	  display: block;
	  position: relative;
	  opacity: 0;
	  line-height: 150%;
	}
	.nav-overlay ul li a {
	  display: block;
	  position: relative;
	  color: #FFF;
	  text-decoration: none;
	  overflow: hidden;
	}
	.nav-overlay ul li a:hover:after, .nav-overlay ul li a:focus:after, .nav-overlay ul li a:active:after {
	  width: 100%;
	}
	.nav-overlay ul li a:after {
	  content: '';
	  position: absolute;
	  bottom: 0;
	  left: 50%;
	  width: 0%;
	  -webkit-transform: translateX(-50%);
	          transform: translateX(-50%);
	  height: 3px;
	  background: #FFF;
	  -webkit-transition: .35s;
	  transition: .35s;
	}
	
	@-webkit-keyframes fadeInRight {
	  0% {
	    opacity: 0;
	    left: 20%;
	  }
	  100% {
	    opacity: 1;
	    left: 0;
	  }
	}
	
	@keyframes fadeInRight {
	  0% {
	    opacity: 0;
	    left: 20%;
	  }
	  100% {
	    opacity: 1;
	    left: 0;
	  }
	}
	
	
	

body { color:#5b5b5b; overflow-x:hidden;}

em { font-style:italic;}

h1 { font-weight:normal; font-size:2.25em; margin:0; padding:0;}

h2 { font-weight:normal; font-size:2em; margin:0 0 15px 0; padding:0; }

h3 { font-weight:normal; font-size:1.75em; margin:0 0 15px 0; padding:0; }

h4 { font-weight:normal; font-size:1.85em; margin:0 0 15px 0; padding:0; }

h5 { font-weight:normal; font-size:1.75em; margin-bottom:15px;}

h6 {font-family: 'Roboto', sans-serif; font-weight:normal; font-size:1.25em; margin:0 0 15px 0;}

.sectiontitle h5, .sectiontitle h6 {
	text-align: center;
    text-transform: uppercase;
    
    font-size: 1.25em;
    background: #eeeeee;
    display: block;
    font-weight: normal;
    margin: -19px auto 0 auto;
    padding: 5px;
}

.page-id-3590 .block {
	max-width: 920px;
}

.page-id-3590 .sectiontitle {
	width: auto;
}
.page-id-3590 blockquote {
	width: 100%;
}

.highlighttext, .highlight { font-size:1.25em; line-height:1.45em;}

.btngrey { font-size:12px; padding:5px 15px; background:#eee; border:1px solid #dadada; color:#aeaeae; margin-top:-30px auto 0 auto;position: absolute; left: 46.6%;bottom: -20px;z-index: 999; }

p, .x-columnize { margin:0 0 20px 0; font-size:1em; line-height:1.45em}

body.elementor-page p {
	margin-bottom: 30px;
	font-size: inherit;
	line-height: inherit;
}



#pagecont #cs-content .x-columnize {
	margin-bottom: 2.75em;
}

#top { width:100%;background:rgb(49, 150, 179); z-index:1000; padding:10px 20px;  }
#slidedownmenu {
display: none;
}

#slidedownmenu .handle {
display:none;
}
#mobilenav  { height:0;}
#mobilenav ul { display:none;}
#nav { float:right; width:63%; margin-top: 5px; }

#header { float:left; width:35%; }

#nav ul li.contactnav a, .overlay-menu .contactnav a { background: #65be75; border-radius:5px;}


.overlay-menu .contactnav a {
	padding: 10px 15px;
}

.site-header {
	position: fixed;
	z-index: 99;
	width: 100%;
	top:0;
}

header.site-header.affix.no-trans {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

header.site-header.affix {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
-webkit-transition: top 0.2s;
-moz-transition: top 0.2s;
-o-transition: top 0.2s;
transition: top 0.2s;
}
html.ie8 header.site-header.affix {
  top: -100%;
}


#header a {
	color: #fff;
    border: 1px solid #fff;
    padding: 11px 11px 11px 15px;
    display: inline-block;
    font-family: 'Roboto';
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 5px;
}


#navcontainer { position:absolute; margin:auto; width:100%; }

#navtoggle { display:none;}
#btnmenu { z-index:1000; text-align: right; }

.fix {position: fixed;top: 0;z-index: 1000;}
.tinylogo { display:none;}
.fixed .tinylogo { display:block; width:71px; position:absolute; left:5%; top:12px }

.gf-hide-field {display:none;}
.mobileonly { display:none;}

#nav ul { width:100%; margin:auto; list-style:none; text-align:right; padding:0; overflow:hidden;}
#nav ul li { display:inline; text-align:center; margin:0; padding:0;}
#nav ul li a { font-size: 1em; font-family:'Roboto', sans-serif; color:#fff; text-decoration:none;  padding:10px 15px; text-transform:uppercase; border-bottom:none; display:inline-block;border-bottom: 1px solid rgb(49, 150, 179);}
#nav ul li a:hover, #nav ul li a.active { color:#fff;border-bottom: 1px solid #fff;}

#pagecont {  width:100%; padding-bottom:70px; background: #f8f6f2; padding-top: 62px;}

.headershadow { background:url(_/img/headershadow.png) repeat-x; margin-top:2px; width:4px; height:8px; width:100%;}
.block { width:1200px; padding: 30px 15px 30px 15px; margin:auto;}

.home #headline { display:none;}
.home #homepageservices #headline { display:block;}
.home section { padding-bottom:30px;}

#homepageservices h2 {
	font-size: 26px;
	text-align: center;
}
#homepageservices p {
	text-align: center;
}



.breadcrumbs {font-family: 'Roboto', sans-serif; font-size:.85em; text-align:center;}

img.alignleft, img.alignright, img.alignnone, img.aligncenter { max-width:100%;}
img.alignleft { float:left; margin: 0 20px 7px 0}
img.aligncenter { display:block; margin:auto;}

#journey { padding-bottom:0; position:relative; }
.madefor { display:none}

#journey ul { list-style:none; width:980px; padding:0; margin-bottom:15px;}
#journey li { padding:0; margin:0;}
#journey .hooray { font-weight:bold; font-size:3em;  text-align:left; width:600px; margin:auto;text-shadow: 0px 0px 10px #666;}
#journey .hooraysub {   font-size:2em; text-align:left; font-weight:normal; line-height:1em; top:95px; width: 100%;text-shadow: 0px 0px 10px #666;}

#household {color:#fff;  font-size:2.25em; text-align:left; font-weight:normal; line-height:1em}
#householdsub {color:#fff;  font-size:1.5em; text-align:left; font-weight:normal; line-height:1em; top:50px; width: 100%;}

#komenlogo { right:15%; top:10%;}

.enoughtext { font-size:3em; text-align:left; font-weight:normal; line-height:1em}

#slide1 {left:4%; text-align:left; color:#fff; width:80%; top:95px;}
#slide2 {left:10%; text-align:left; color:#33383e; width:50%; top: 145px;}
#slide3 {left:15%; text-align:center; color:#33383e; width:500px; top: 145px;}
#slide4 {left:45%; text-align:center; color:#33383e; width:500px; top: 120px;}
#slide5 {left:25%; text-align:center; color:#fff; width:800px; top: 80px;}

#slidebtn {top:90px; left: 33%; width:200px}
#slidebtn2 {top:90px; left: 45%; width:200px}

.smalladdress { font-size:11px; width:100%:}

.page-id-130 #gform_wrapper_1 {
	background: rgb(49, 150, 179);
	padding: 20px;
	border-radius:3px;
}
.page-id-130 #gform_wrapper_1 label {
	color: #8cc9d2;
	text-transform: uppercase;
}

.page-id-130 #gform_wrapper_1 .gfield_checkbox label, .page-id-130 #gform_wrapper_1 .gfield_radio label {
	text-transform: inherit;
	color: #fff;
}

.page-id-130 #gform_wrapper_1 #input_1_7 li {
	width: 24%;
}

.page-id-130 #gform_wrapper_1 #input_1_7 li.gchoice_1_7_2 {
	width: 40%;
}


.single-post .post {
	max-width: 1040px;
	margin: auto;
}


/* ==|== slider styles =====================================================
   
   ========================================================================== */


.tp-caption.big_white{
			position: absolute;
  			text-align: right;
			color: #fff; 
			text-shadow: 1px 1px #333333; 
			font-weight: 600; 
			font-size: 36px; 
			line-height: 42px; 
			font-family: 'Roboto', sans-serif; 
			padding: 0px 4px; 
			padding-top: 1px;
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 									
		}
.tp-caption.big_whiteleft{
			position: absolute;
  			text-align: left;
			color: #fff; 
			text-shadow: 1px 1px #333333; 
			font-weight: 600; 
			font-size: 36px; 
			line-height: 42px; 
			font-family: 'Roboto', sans-serif; 
			padding: 0px 4px; 
			padding-top: 1px;
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 									
		}
.tp-caption.bigger_whiteleft{
			position: absolute;
  			text-align: left;
			color: #fff; 
			text-shadow: 1px 1px #333333; 
			font-weight: 600; 
			font-size: 50px; 
			line-height: 60px; 
			font-family: 'Roboto', sans-serif; 
			padding: 0px 4px; 
			padding-top: 1px;
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 									
		}
.tp-caption.small_white{
			position: absolute;
  			text-align: right;
			color: #fff; 
			text-shadow: 1px 1px #333333;  
			font-weight: normal; 
			font-size: 19px; 
			line-height: 28px; 
			font-family: 'Roboto', sans-serif; 
			padding: 0px 4px; 
			padding-top: 1px;
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 									
		}

.tp-caption.big_orange{
			position: absolute; 
			color: #ff7302; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 36px; 
			line-height: 36px; 
			font-family: Arial; 
			padding: 0px 4px; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			background-color:#fff;	
			letter-spacing: -1.5px;															
		}	
					
.tp-caption.big_black{
			position: absolute; 
			color: #000; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 36px; 
			line-height: 36px; 
			font-family: Arial; 
			padding: 0px 4px; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			background-color:#fff;	
			letter-spacing: -1.5px;															
		}		

.tp-caption.medium_grey{
			position: absolute; 
			color: #fff; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 20px; 
			line-height: 20px; 
			font-family: Arial; 
			padding: 2px 4px; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			background-color:#888;		
			white-space:nowrap;	
			text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);		
		}	
					
.tp-caption.small_text{
			position: absolute; 
			color: #fff; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 14px; 
			line-height: 20px; 
			font-family: Arial; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			white-space:nowrap;	
			text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);		
		}
					
.tp-caption.medium_text{
			position: absolute; 
			color: #fff; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 20px; 
			line-height: 20px; 
			font-family: Arial; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			white-space:nowrap;	
			text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);		
		}
					
.tp-caption.large_text{
			position: absolute; 
			color: #fff; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 40px; 
			line-height: 40px; 
			font-family: Arial; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			white-space:nowrap;	
			text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);		
		}	
					
.tp-caption.very_large_text{
			position: absolute; 
			color: #fff; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 60px; 
			line-height: 60px; 
			font-family: Arial; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			white-space:nowrap;	
			text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
			letter-spacing: -2px;		
		}
					
.tp-caption.very_big_white{
			position: absolute; 
			color: #fff; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 60px; 
			line-height: 60px; 
			font-family: Arial; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			white-space:nowrap;	
			padding: 0px 4px; 
			padding-top: 1px;
			background-color:#000;		
					}	
					
.tp-caption.very_big_black{
			position: absolute; 
			color: #000; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 60px; 
			line-height: 60px; 
			font-family: Arial; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			white-space:nowrap;	
			padding: 0px 4px; 
			padding-top: 1px;
			background-color:#fff;		
					}
					
.tp-caption.boxshadow{
		-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	}
											
.tp-caption.black{
		color: #000; 
		text-shadow: none;		
	}	
					
.tp-caption.noshadow {
		text-shadow: none;		
	}	
					
.tp-caption a { 
	color: #ff7302; text-shadow: none;	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;	 
}			
	
.tp-caption a:hover { 
	color: #ffa902; 
}




/* ==|== end of slider styles =====================================================
   
   ========================================================================== */



#banner-rotator .tintButton {
background: no-repeat 0 0;
background-color: #9d3f4a;
color: #EAEAEA;
cursor: pointer;
padding: 9px 20px;
-webkit-transition: background-color .2s ease-out;
-moz-transition: background-color .2s ease-out;
-o-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
text-decoration: none;
}
#banner-rotator .tintButton:hover {
	background-color:#802a34;
	color:#fff;
}


#headline { padding: 40px 80px 60px 80px;}

#headline .title, .largetext { font-weight:300; font-size:2.75em; text-align:center; width:100%; margin:0 auto 10px auto; line-height:1em; color:rgb(49,150,179)}

.fullwidthwhite .largetext {color:#fff}

.fullwidthwhite .sectiontitle h5, .fullwidthwhite .sectiontitle h6 {
	color: #454545	
}


#pagecont .gform_wrapper .gfield_checkbox li label, 
#pagecont .gform_wrapper .gfield_radio li label {
	font-size: 1em;
}



.largetext { margin-bottom:50px;}

#headline .subtitle { font-size:2em; text-align:center; font-weight:500;}

#recentwork { padding-top:50px;}


.break { width:100%; height:3px;  margin:0; background:#e5e4e1}
.sectiontitle { width:inherit; margin:0 auto 40px auto; text-align:center;}
.sectiontitle h2, .sectiontitle h1 { text-align:center; text-transform:uppercase;  font-size:1.25em;
background: #eeeeee; /* Old browsers */
display:block; font-weight:normal; margin:-19px auto 0 auto; padding:5px }

.sectiontitle h2 a, .sectiontitle h1 a {border-bottom:none}

.homebox { width: 50%;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
   }
   
.page-id-6 .homebox {
	width: 100%;
}
    
#ipad1 {
	padding: 0 20px 0 0;
	box-sizing: border-box;
}

#ipad2 {
	padding: 0 0 0 20px;
	box-sizing: border-box;
}

.homebox .left {
	overflow: hidden;
}
.homebox .right {
	margin-top: 20px;
}

.subtext {
	font-size: 12px;
	text-align: center;
}

.serv-learnmore {
	font-size: 13px;
	font-style: italic;
	text-align: center;
	display: block;
	padding: 8px 15px;
	border: 1px solid #ccc;
	border-radius:3px;
	margin-bottom: 20px;
}


#services .fullwidthwhite .block { padding-bottom:0}
#services .fullwidthwhite .homebox { margin-bottom:0}

.page-template-template-services h2 {
	margin-bottom: 5px;
}


.fullwidthwhite { width:100%; background:rgb(49, 150, 179); color: #fff; border-top:1px solid #e5e4e1; border-bottom:1px solid #e5e4e1; margin-bottom:0;}

#someservices .block, #services .block, #bloglatest, #letstalk .block, #project-testimonial .block { padding-top:0; padding-bottom:50px;}
#featuredwork { padding-top:0; padding-bottom:120px;}

#someservices { padding-top: 0px;}

#someservices .left img, #services .left img { float:left; margin-right:4%;width: 30%;}
#someservices .left h3, #services .left h3 { float:left; display:inherit; font-size:2.5em; line-height:1em;  font-weight:normal; margin:0; padding:35px 0 0 0;}
#someservices .left h3 span, #services .left h3 span { display:block; font-size:.65em;} 


#allservices ul { width: 100%; list-style: none; padding: 0; margin: 0;}
#allservices li { float: left; width: 30%; padding:0 10px 5px 0;}
#allservices .block { padding-top: 0;}

#bloglatest { margin-bottom:0;}
#bloglatest ul { list-style:none; margin:0; padding:0}
#bloglatest li { float:left; width:45%; margin-right:10%; margin-bottom:20px;}
#bloglatest li.alt { margin-right:0;}
#bloglatest li h4 { font-size:1.15em; font-family:'Roboto', sans-serif; margin:0 0 10px 0; padding:0; font-weight:400; float:none;}
#bloglatest li h4 a { border-bottom:none}

/*
=========================================
PORTFOLIO
=========================================
*/

.page-id-9 #journey, .services #journey, .page-id-1784 #journey { padding-top:30px; margin-bottom:65px;}
.page-id-9 .filter, .page-id-1784 .filter, .parent-pageid-145 .filter { float:left; width:100%; list-style:none; margin:0;}
.page-id-9 .filter li, .page-id-1784 .filter li, .parent-pageid-145 .filter li { float:left; margin:0 15px 15px 0; }
.portfoliogrid { width:100%;}
.filterable-grid { text-align: center; list-style:none; padding: 0 40px; margin: auto;}
.filterable-grid h3 { font-family:'Roboto', sans-serif; font-weight:normal; font-size:18px; margin:0 0 5px 0}
.page-id-9 .filterable-grid li,
.page-id-1784 .filterable-grid li
 
 { 
		font-size: .75em;
	    display: inline-block;
	    width: 24%;
	    margin-bottom: 35px;
	    padding: 0 12px;
	    background: none;
	    vertical-align: top;
	    text-align: left;
	 }


.page-id-9 .filterable-grid li img,
.page-id-1784 .filterable-grid li img,
.parent-pageid-145 .filterable-grid li img { margin-bottom:12px; display:block; width:100%; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20)}

.page-id-9 .filterable-grid li img:hover,
.page-id-1784 .filterable-grid li img:hover,
.parent-pageid-145 .filterable-grid li img:hover
 { box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5)}

.greybtn,
.page-id-9 .filter li a,
.page-id-1784 .filter li a,
.parent-pageid-14 .filter li a {
	font-size: .85em;
	color: #802a34;
	padding: 5px 7px;
	background: -moz-linear-gradient(
		top,
		#ebeaea 0%,
		#dfe0df);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ebeaea),
		to(#dfe0df));
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #ffffff;
	-moz-box-shadow:
		0px 1px 3px rgba(059,058,059,0.2),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(059,058,059,0.2),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px 1px 0px rgba(255,255,255,1);
}
.filterttl { float:left; margin:0 15px 15px 0; font-size:1.5em;}
.featurecaption { position:absolute; bottom:-45px; width:675px; height:125px; background:url(_/img/bgfeatured.png) no-repeat; z-index:10; overflow:hidden;}

#portfoliotag {font-size:2em; text-align:center; color: #5dbec3; margin-bottom:45px;}
#portfoliotag a {  color: #fff; font-size: .85em; font-weight: 600}
#portfoliotag a:hover {
	color: #802a34
}


.effectContainer { height:150px;}
.effectContainer blockquote{ padding:0; margin:0;}

#testimonialsfade {position: relative;}
#portfoliotag #testimonialsfade em { font-size:14px;}
#nexttesti { position: absolute; top:-50px; right:0; width:50px;
height:50px;
background-color: #e6e6e6;
display:block;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
-khtml-border-radius:25px;
font-size:14px;
color:#fff;
line-height:50px;
text-align:center;
z-index: 100}
#back { position: absolute; top:-50px; right: 65px; width:50px;
height:50px;
background-color: #e6e6e6;
display:block;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
-khtml-border-radius:25px;
font-size:14px;
color:#fff;
line-height:50px;
text-align:center;
z-index: 100}

#nexttesti:hover, #back:hover { text-decoration: none; background-color: #802a34}


.parent-pageid-145 .filterable-grid {
	padding: 0;
	text-align: left;
}

.parent-pageid-145 .filterable-grid li {
	width: 32%;
	padding: 0 7px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
}

.parent-pageid-145 .filterable-grid h3 {
	font-size: 11px;
}




/*
=========================================
SERVICES
=========================================
*/
#webdesign .left, #logodesign .left, #wordpressdesign .left { float:left; width:343px; text-align:center;}
#webdesign .right, #logodesign .right, #wordpressdesign .right { float:right; width:717px; padding-top: 0px;}
.page-id-6 #portfoliotag { margin-bottom:20px; text-align:center;}
.page-id-1784 #portfoliotag { margin-bottom:45px; text-align:center;}
#logodesign { margin-bottom:60px;}

.needwebsitecont { float:left;}
ul.needwebsitecont:after { clear:both;}
.needwebsite { width:325px; height:46px; background:url(_/img/needwebsite.png) 0 0 no-repeat; float:left;text-indent: 100%;white-space: nowrap; overflow: hidden;}
.needwebsite:hover {background:url(_/img/needwebsite.png) 0 -48px no-repeat;}
.needwebsite:active {background:url(_/img/needwebsite.png) 0 -98px no-repeat;}

.needlogo { width:325px; height:46px; background:url(_/img/needlogo.png) 0 0 no-repeat; float:left;text-indent: 100%;white-space: nowrap; overflow: hidden;}
.needlogo:hover {background:url(_/img/needlogo.png) 0 -48px no-repeat;}
.needlogo:active {background:url(_/img/needlogo.png) 0 -98px no-repeat;}

.btnwhite { float:left;border:1px solid #b7b9b9; padding:7px 9px; background:#fff; font-size:.65em; color:#606161; text-transform:uppercase; text-align:center;margin:0 0 15px 0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; }
.postnav a { float:left;border:1px solid #b7b9b9; padding:7px 9px; background:#F6F6F6; font-size:.65em; color:#606161; text-transform:uppercase; text-align:center;margin:0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; margin-top:5px; margin-right:0; }

.projectsite a { border:1px solid #b7b9b9; padding:7px 9px; background:#F6F6F6; font-size:.65em; color:#606161; text-transform:uppercase; text-align:center;margin:0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; margin-top:5px; margin-right:0; }

.btnwhite:hover, .postnav a:hover, .projectsite a:hover {
	border-color:#c2c0c0;
    -moz-box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.2) ;
    -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
  	cursor:pointer}

.btnred, .btnred:visited { 
	border:1px solid #9f4651;
	padding:10px 18px;
	background:none; 
	font-size:.85em; 
	color:#9f4651; 
	text-transform:uppercase; 
	text-align:center;
	margin:0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
	margin-top:5px;
	display: inline-block;
	 
}
	
a.btnred:active { border:1px solid #fff;-moz-box-shadow: 0 ;
    -webkit-box-shadow:0;
    box-shadow: 0;
  	cursor:pointer}
  	
  	
.btnred:hover, .btnred:visited:hover, #footer .btnred:hover {
	color:#fff;
	border-color:#c2c0c0;
	background:#802a34;
    -moz-box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.4) ;
    -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  	cursor:pointer}
  	
  	
#footer .btnred {
	border: 1px solid #fff;
	color: #fff;
	background: none;
	-webkit-transition: all 0.5s;
	-moz-transition:    all 0.5s;
	-o-transition:      all 0.5s;
	transition:	all 0.5s;
}
	
.page-id-6 h4 { float:left; margin-right:25px; margin-bottom:10px;}

.webdesignservices { list-style:none; margin:0 0 20px 0; padding:0; clear:both;}
.webdesignservices li { padding: 0 3% 5px 4%; background:url(_/img/bgstar.png) no-repeat left top; font-size:13px; width:33%; display:inline-block; vertical-align: top;}

.jquerypad { padding-top:20px;}

.appblock .alt { margin-right:0;}


/*
=========================================
SERVICES TEST
=========================================
*/

.page-id-1798 .container{
	opacity:0;
	width:100%;
	overflow:hidden;
	height:100%;
	position:fixed;
	z-index:2;
}


.firstslide {
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
	position:fixed;
	z-index:2;
	height:100%;
	width:100%;
}


/*
=========================================
PROJECT DETAILS
=========================================
*/

#projectdetails { margin-bottom:30px;}
#projectdetails .lefthalf { float:left; width:428px; margin-bottom:20px}
#projectdetails .sectionttl, .whyus h4, .postdate { color:#a6a7a6; font-size:15px; padding-bottom: 5px; margin-bottom:10px; border-bottom:1px solid #a6a7a6; width:100%; text-transform:uppercase;}

.blogpostdate { color:#a6a7a6; font-size:15px; padding-bottom: 5px; margin-bottom:10px; width:100%; text-transform:uppercase; text-align:center}

.altpostdate { border:0; margin-bottom:5px;  color:#a6a7a6; font-size:15px; padding-bottom: 5px; width:100%; text-transform:uppercase;}

#projectdetails .righthalf { float:right; width:692px; position:relative;}
#projectdetails .lefthalf li a { font-size:12px; }
#projectdetails .lefthalf ul { list-style:none; margin:0; padding:0;}

#projectdetails .lefthalf h1 {
	font-size: 1.5em;
}
.project-subttl {
	font-size: .75em;
	font-family: 'Roboto';
	margin-bottom: 0;
	display: inline-block;
}

.project-subttl h2  {
	font-size: 1em;
	font-family: 'Roboto';
	margin-bottom: 0;
	display: inline-block;
}
.project-subttl {
	margin-bottom: 20px;
}



#projectdetails #slider-ajax-container {border: 1px solid white;
-webkit-box-shadow: 0px 1px 2px 1px #ccc;
-moz-box-shadow: 0px 1px 2px 1px #ccc;
box-shadow: 0px 1px 2px 1px #ccc; margin-bottom:40px;}

#project-testimonial {}
#project-testimonial iframe{
border: 1px solid white;
-webkit-box-shadow: 0px 1px 2px 1px #ccc;
-moz-box-shadow: 0px 1px 2px 1px #ccc;
box-shadow: 0px 1px 2px 1px #ccc;}
/*
=========================================
FOOTER
=========================================
*/

#footer { background:rgb(49, 150, 179); width:100%;}
.footerlogo { margin: 20px auto; display: block;}
#footer .cont { width:1008px; margin:auto;}
#footer .subscribe { float:left; width:416px; height:196px; padding:36px 20px 0 44px; margin:-21px 0 0 -5px; background:url(_/img/bg-subscribe.png) no-repeat}
#footer .subscribe p { font-size:.85em;}
#footer .subscribe .textfield {float:left; border:1px solid #d7d8d8; background:#fff; padding:5px; width:72%; height:30px; margin-right:3%}
#footer .subscribe .submitbtn { border:1px solid #b7b9b9; padding:12px 7px; background:#e1e2e2; font-size:.85em; color:#606161; text-transform:uppercase; text-align:center; width:20%; margin:0 }

#footer .letstalk { font-size:3em; line-height:1em; color:#fff;font-family:'Roboto', sans-serif; padding:40px 20px; margin-bottom:20px; text-align: center;}
.letstalk a, .letstalk a:hover { color:#fff; font-weight:bold;}
#letstalk { margin-top:30px; }
#letstalk .block { background:url(_/img/bgemail.png) no-repeat 0 50px}

#footer .letstalk p { font-size:.5em; color:#f3f2ee; }

.footerlocations p { line-height: 120%;}
.footerlocations em { font-size: 12px;}



.btnstep1 {
	display: inline-block;
	float:right;
	position:relative;
	width: 151px;
	height: 56px;
	text-indent: -9999px;
	background: url(_/img/btnstep1.gif) no-repeat 0 0;
}
.btnstep1 span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(_/img/btnstep1.gif) no-repeat;
	background-position: 0 -56px;
}
.captiontitle { font-family:'Roboto', sans-serif; font-size:24px; color:#fff;}

#gform_fields_7 input,
#gform_fields_7 textarea,
#gform_fields_8 input,
#gform_fields_8 textarea {
	outline:none; border:1px solid #dddddd;padding: 10px; border-radius:3px;
}

#gform_fields_7 input .gfield_description,
#gform_fields_7 textarea .gfield_description,
#gform_fields_8 input .gfield_description,
#gform_fields_8 textarea .gfield_description {
	color: #ccc;
    font-size: 12px;
}




#gform_wrapper_9, #gform_wrapper_1 { margin: 0; max-width:100%;}
#gform_fields_9 { list-style: none;}
#gform_fields_9 li { padding: 0;}
#input_9_1_3, #input_9_1_6 {border: 1px solid #d7d8d8;padding: 10px;}



#gform_wrapper_1 .top_label .gfield_label,
#gform_wrapper_9 .top_label .gfield_label
{ font-family:'Roboto', sans-serif; font-weight:normal; margin:0 0 4px 0;}
#gform_wrapper_1 .textarea,
#gform_wrapper_9 .textarea {border: 1px solid #d7d8d8; background:#fff; padding:10px; font-size:14px; box-sizing:border-box;width:100%}
#gform_wrapper_1 .medium,
#gform_wrapper_9 .medium
 {border: 1px solid #d7d8d8; background:#fff; padding:10px; font-size:17px; box-sizing:border-box;width:100%; color: #5a8d92;}

#gform_wrapper_1 #input_1_6 li,
#gform_wrapper_5 #input_5_1 li
{ float:left; width:45%; font-size:14px;}

#gform_wrapper_1 #input_1_7 li {
	float:left;width: 30%; font-size: 14px;
}

#gform_wrapper_1 #input_1_6 li.gchoice_6_1, #gform_wrapper_1 #input_1_7 li.gchoice_7_0, #gform_wrapper_1 #input_1_7 li.gchoice_7_1 { width:23%;}
#gform_wrapper_1 #input_1_6 li.gchoice_6_2 { width:33%;}
#gform_wrapper_1 #input_1_6 li.gchoice_6_4 { width:23%;}
#gform_wrapper_1 #input_1_6 li.gchoice_6_5, #gform_wrapper_1 #input_1_7 li.gchoice_7_2 { width:49%;}
#gform_wrapper_1 .gfield_description,
 { font-size: 12px; color:#6fb5b9; padding:4px 0 0 0}

#gform_wrapper_1 #input_1_7 li input { margin-left:2px; display:inline}

#gform_wrapper_1 #input_1_8 { width:100%;}

.gform_wrapper .gfield_required {
	display: none;
}


#letstalkform .textfield {float:left; border:1px solid #d7d8d8; background:#fff; padding:5px; width:72%; height:30px; margin-right:3%}

#gform_1 input.gform_button,
#gform_7 input.gform_button
 {
  background: transparent url(_/img/btnsubmit.png) no-repeat 0 0;
  border: none;
  padding: 0;
  display: block;
  height: 56px!important; /* Set to height of image */
  width: 151px!important; /* Set to width of image */
  text-indent: -9999px;
  font-size: 1px;
}





#gform_7 input.gform_button:hover,
#gform_1 input.gform_button:hover {
	background: transparent url(_/img/btnsubmit.png) no-repeat 0 -57px;
	cursor: pointer;
}

#projectdetails li { font-size:.85em}



#gform_wrapper_1 li.gfield.gfield_error, #gform_wrapper_1 li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { padding:0!important; border:none; background:none;}

#gform_wrapper_1 li.gfield.gfield_error input, #gform_wrapper_1 li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning input, #gform_wrapper_1 .gfield_error textarea { border:1px solid red;}

#gform_wrapper_1 li.gfield.gfield_error.gfield_contains_required label.gfield_label, #gform_wrapper_1 li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top:0;}

#gform_wrapper_1 .top_label li.gfield.gfield_error.gf_left_half, #gform_wrapper_1 .top_label li.gfield.gfield_error.gf_right_half { width:49%; padding:0;}

#gform_wrapper_1 .top_label .gfield_description.validation_message, #gform_wrapper_1 .gfield_description.validation_message { padding:0;}

#gform_wrapper_1 .top_label .gfield_error .ginput_container, #gform_wrapper_1 .top_label .ginput_container { width:100%;}

#gform_wrapper_1 .top_label li.gfield.gfield_error.gf_right_half { margin:0}

.breaker {
	background: #e7e7e7;
	height:3px;
	margin-bottom: 25px;
}

body.single-post .breaker{
	margin: 40px 0;
}

/*======================================
ABOUT V2
======================================*/
.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ch-img-1 { 
	background-image: url(_/img/about-brian.jpg);
}

.ch-img-2 { 
	background-image: url(_/img/about-colin.jpg);
}

.ch-img-3 { 
	background-image: url(_/img/about-jenni.jpg);
}
.ch-img-4 { 
	background-image: url(_/img/about-michael.jpg);
}
.ch-img-5 { 
	background-image: url(_/img/about-sarah.jpg);
}
.ch-img-6 { 
	background-image: url(_/img/about-steve.jpg);
}
.ch-img-7 { 
	background-image: url(_/img/about-mark.jpg);
}
.ch-img-8 { 
	background-image: url(_/img/about-brew.jpg);
}
.ch-img-9 { 
	background-image: url(_/img/about-you.jpg);
}

.ch-info {
	position: absolute;
	background: rgba(63,147,147, 0.8);
	width: inherit;
	height: inherit;
	border-radius: 50%;
	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden;

}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 45px 0 0 0;
	font-family: 'Roboto', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 14px;
	line-height:1.25em;
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	padding-top: 10px;
	font-family: 'Roboto', Arial, sans-serif;
}

.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.ch-item:hover .ch-info p {
	opacity: 1;
}

.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
	margin: 20px;
}








#aboutmap { text-align:center;}
.aboutmap { max-width: 100%;}

ul.bjsteam {
				list-style: none;
				padding: 0;
				margin: 0 auto;
				width: 90%;
				height: 400px;
				overflow:hidden
			}
			ul.bjsteam li {
				height: 186px;
				width: 259px;
				text-align: center;
				cursor: pointer;
			}
				ul.bjsteam li img {
					width: 100%;
				}
				ul.bjsteam li.roundabout-in-focus {
					cursor: default;
				}
			
	#bjsteam .block, #aboutmap .block { padding-top:0}	
#teambrian { width:100%; height:100%; background:url(_/img/teambrian.png) no-repeat; display: inline-block; position: relative; text-indent: -9999px;-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;}
#teambrian span {position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(_/img/teambrian.png) no-repeat;
	background-position: 0 100%;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
}
#teamjenni { width:100%; height:100%; background:url(_/img/teamjennifer.png) no-repeat; display: inline-block; position: relative; text-indent: -9999px;-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;}
#teamjenni span {position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(_/img/teamjennifer.png) no-repeat;
	background-position: 0 100%;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
}
#teamcolin { width:100%; height:100%; background:url(_/img/teamcolin.png) no-repeat; display: inline-block; position: relative; text-indent: -9999px;-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;}
#teamcolin span {position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(_/img/teamcolin.png) no-repeat;
	background-position: 0 100%;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
}
#teamsteve { width:100%; height:100%; background:url(_/img/teamsteve.png) no-repeat; display: inline-block; position: relative; text-indent: -9999px;-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;}
#teamsteve span {position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(_/img/teamsteve.png) no-repeat;
	background-position: 0 100%;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
}
#teamsarah { width:100%; height:100%; background:url(_/img/teamsarah.png) no-repeat; display: inline-block; position: relative; text-indent: -9999px;-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;}
#teamsarah span {position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(_/img/teamsarah.png) no-repeat;
	background-position: 0 100%;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
}

#teammichael { width:100%; height:100%; background:url(_/img/teammichael.png) no-repeat; display: inline-block; position: relative; text-indent: -9999px;-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;}
#teammichael span {position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(_/img/teammichael.png) no-repeat;
	background-position: 0 100%;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
}
#teambrewster { width:100%; height:100%; background:url(_/img/teambrewster.png) no-repeat; display: inline-block; position: relative; text-indent: -9999px;-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;}
#teambrewster span {position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(_/img/teambrewster.png) no-repeat;
	background-position: 0 100%;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
}
#teambjs { width:100%; height:100%; background:url(_/img/teambjs.png) no-repeat; display: inline-block; position: relative; text-indent: -9999px;-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;}
#teambjs span {position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(_/img/teambjs.png) no-repeat;
	background-position: 0 100%;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
}
#teambrian:hover span, #teamsteve:hover span, #teamjenni:hover span, #teamcolin:hover span, #teamsarah:hover span, #teammichael:hover span, #teambrewster:hover span, #teambjs:hover span { opacity:1;}

.biobox { display:none;}
.roundabout-in-focus .biobox { position:absolute; width:100%; display:block;}

.projectwork li { float:left; width:33%;}
.left_half { float:left; width:48%; margin-bottom:20px; }
.right_half { float:right; width:48%; margin-bottom:20px;}
.mediumtext { font-size: 1.25em;line-height: 1.85em;}
.projectabout { font-size:12px;}

#project-testimonial .left { float:left; width:560px;}
#project-testimonial .right { float:right; width:314px; padding-right:15px;}

.whyusbox { margin-bottom:80px;}
.whyus {}
.whyus .left { float: left; width:410px;background: #fff; padding:5px; border: 1px solid white; -webkit-box-shadow: 0px 1px 2px 1px #CCC; -moz-box-shadow: 0px 1px 2px 1px #ccc; box-shadow: 0px 1px 2px 1px #CCC;}
.whyus .right .testiclient { font-style: normal; font-size: 24px; float: left; padding-right: 10px;} 
.whyus .right em { font-size: 12px; float: left; margin-bottom: 20px; width:100%;}
.whyus .right {float: right; width:710px;}
.whyus .left img { max-width:100%;}
/*
=========================================
BLOG
=========================================
*/

#posttags, #posttags a { font-size: .75em; color:#8a8989}
#posttags a:hover { color: #018694}

.newestpost { width: 100%; padding:2%; margin-bottom: 30px; background: #fff; -webkit-box-shadow: 0px 1px 2px 1px #CCC; -moz-box-shadow: 0px 1px 2px 1px #ccc; box-shadow: 0px 1px 2px 1px #CCC; }

.newestpost .left { float: left; width:648px;}
.newestpost .right { float: right; width: 390px; padding: 10px 10px 0 0;}
.newestpost .right h4 { line-height: 1em; margin-bottom:15px;}
.newestpost .right .title {font-style: normal; font-family:'Opens Sans', sans-serif; font-size: 24px; padding-right: 10px; display:block;}
.newestpost p { line-height: 1.25em}
.blogheader { color:#A6A7A6; font-size: 20px; padding-bottom: 5px; margin-bottom: 10px; width: 100%; text-transform: uppercase;}

.morerecent ul { list-style: none; padding: 0; margin: 0;}
.morerecent li { 
	width:31%; 
	margin-right: 2%; 
	margin-bottom: 20px; 
	display:inline-block;
	vertical-align: top;
}
.morerecent li p {
	font-size: 14px;
	line-height: 20px;
	color: #808080;
}
	
.morerecent img { max-width: 100%; margin-bottom: 15px;box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.20)}
.morerecent img:hover { box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5)}


.morerecent .secondpost {}
.morerecent .thirdpost {margin-right:0;}
.morerecent .sixthpost {margin-right:0;}

.morerecent li h4 { font-size: 20px; font-family: 'Roboto', sans-serif; line-height: 26px; margin-bottom: 5px;}
.postdate span, .blogpostdate span { font-size: 13px; text-transform: lowercase; padding-left: 10px;}
.morerecent .postdate { font-size: 13px;}
.morerecent li a { display:block;}

.projectnav { float:left; width:100%; position:relative;}
#prevpost em { float:left; font-size:12px; padding-top: 10px;width: 100%; color:#999999}
#nextpost em { float:right; font-size:12px; padding-top: 10px;width: 100%; color:#999999; text-align:right;}
#prevpost { float:left;}
#nextpost { float:right;}
#nextpost a { margin-right:0; float:right;}
#tabs ul {
    list-style:none;
    margin:0; 
    padding:0;
}
 
    #tabs ul li {
        float:left;
    }
     
    #tabs ul li a {
        display:block;
        padding:10px 20px 10px 20px;
        color:#7f7e7e;
		background:#faf9f7;
        text-decoration:none;
        font-size:14px;
		text-align:center;
		margin-bottom:20px;
		margin-right:20px;
		text-transform:uppercase;
    }       
    #tabs ul li.active a {
        background:#fff;
		color:#444545
    }
	#tabs ul li a:hover {
        background:#fff;
    } 
#panels {
    width:100%;
}
    #panels .panel-wrapper {
        padding:30px 0 15px 0;
    }
 
    #panels .panel {
         
    }
 
    #panels .panel h2 {
        margin:0 0 10px 0;  
    }       

#tabs ul li a { 
    border-top-left-radius : 2px;      
    border-top-right-radius : 2px;              
}
#panels {      
}
.monthcolumn {width:22%; float:left; margin-right:3%;}

.panel-wrapper  ul { list-style:none; margin:0; padding:0;}
.panel-wrapper ul li { float:left; width:21%; margin-right:2%; margin-bottom:1%;}

.panel-wrapper .months ul li { float:none;}
.panel-wrapper .months h3	{ clear:left; font-size:4em; margin:0; float:left; width:100%; font-family:'Playfair Display', sans-serif; font-weight:normal;}
.panel-wrapper .archive-list			{ margin:2px 0 3em 0; padding:5px 0 0 0; left:0; float:left; width:100%;}
.panel-wrapper .archive-list a			{ border-bottom:1px dotted #918f8f; display:block; width:100%; line-height:1; height:14px;}
.panel-wrapper .archive-list li		{ height:21px; list-style:none; margin:0 0 2px 0; width:100%;}
.panel-wrapper .archive-list span		{ }
.archive-list .archive-month	{ float:left;}
.archive-list .archive-count	{ float:right;}

#somerecentwork { background:url(_/img/bgrecent.jpg) repeat; width:100%; text-align: center; padding: 30px 0 0 0; margin-bottom: 50px;}
#somerecentwork .sectiontitle { margin-bottom:30px;}
#somerecentwork .sectiontitle h2 { font-size: 2em; background: none; color: #fff; width:300px;}

#letstalkform.sectiontitle h2 {color: #175f63;}

#bjsport { list-style: none; margin: 0 0 50px 0; padding: 0; overflow:inherit; }
#bjsport li {-webkit-transition: width .15s, padding-bottom .15s;-moz-transition: width .15s, padding-bottom .15s;-ms-transition: width .15s, padding-bottom .15s;-o-transition: width .15s, padding-bottom .15s;transition: width .15s, padding-bottom .15s;float: left;width: 18%;padding-bottom: 6.7%;display: block;text-align: left; margin-bottom:0; overflow: hidden;}

#bjsport li:nth-child(even) { background:rgba(255,255,255,0.1)}
#bjsport li:nth-child(odd) { background:rgba(255,255,255,0.13)}
#bjsport .clientname { font-size:.85em; display:inline; letter-spacing: 1px; text-transform: uppercase; display: block; text-align: center; padding: 30px 0; color: #fff;}

#bjsport li.big { width: 28%; padding-bottom: 0;  background:rgba(255,255,255,0.2)}
#bjsport li img { max-width: 100%; width:100%; }
#bjsport .info {color: #fff; display: block;font-size: 1em;height: 100px;padding: 20px 10px 20px 20px;}
#bjsport .info a:hover { color:#138591}
#bjsport .big .info {color:#fff}

.selectnav { display: none; }


/*
=========================================
WEB DESIGN
=========================================
*/

.page-id-139 .left { float: left; width: 40%;}
.page-id-139 .left img { max-width: 100%;}

.page-id-139 .right { float: right; width: 48%; padding-right:10%; padding-top:30px;}
#web-design-development { padding-top:40px; margin-bottom:70px;}

.page-id-139 .process { list-style:none; padding:0;text-align:center; width:100%; margin:0 auto 20px auto;}
.page-id-139 .process li { width:20%; float:left; text-align:center;}
.page-id-139 .process li a {-webkit-background-size:cover;-moz-background-size:cover;background-size:cover; display:block; height:127px; margin:auto; text-indent: -9999px;}

.page-id-139 .process li .icon {}

.page-id-139 .info { width:100%; float:left; background: url(_/img/bglinen.jpg) repeat; color:#fff;}
.page-id-139 .info .shadow, #mobilenav .shadow { background:url(_/img/bgshadow.png) repeat-x top;}
.page-id-139 .info .block { position:relative;}
.page-id-139 .info .arrow {position:absolute; background:url(_/img/bgarrow.png) no-repeat; width:48px; height:46px; top:-20px;}

.iconplan {background:url(_/img/icon-plan.png) no-repeat 0 0; width:79px; }
.iconplan:hover {background:url(_/img/icon-plan.png) no-repeat -79px 0;}

.icondesign {background:url(_/img/icon-design.png) no-repeat 0 0; width:82px; }
.icondesign:hover {background:url(_/img/icon-design.png) no-repeat -82px 0;}

.icondev {background:url(_/img/icon-develop.png) no-repeat 0 0; width:96px; }
.icondev:hover {background:url(_/img/icon-develop.png) no-repeat -96px 0;}

.iconlaunch {background:url(_/img/icon-launch.png) no-repeat 0 0; width:88px; }
.iconlaunch:hover {background:url(_/img/icon-launch.png) no-repeat -88px 0;}

.icongrow {background:url(_/img/icon-grow.png) no-repeat 0 0; width:79px; }
.icongrow:hover {background:url(_/img/icon-grow.png) no-repeat -79px 0;}

.page-id-139 #plan .arrow { left:9%;}
.page-id-139 #design .arrow { left:28%;}
.page-id-139 #develop .arrow { left:47.5%;}
.page-id-139 #launch .arrow { left:67%;}
.page-id-139 #grow .arrow { left:86.5%;}

.socialicons { width:300px; margin:auto; text-align:center; padding:20px 0 0 0}
.socialside { margin-top:30px; margin-bottom:30px;}
.twitter-share-button { float:left;width:90px!important;  }
.fb-like {float:right; width:90px; }

.footernav { width:100%; background:url(_/img/bgrecent.jpg) repeat;}
.footernav ul { list-style:none; margin:0 auto 0 auto; padding:0; text-align:center; }
.footernav li { display:inline-block; padding:15px;}
.footernav li a { display:block; color:#BCBCBC; text-transform:uppercase; font-size:.85em; }
.footernav li a:hover { color:#fff;}
.footernav .swfllinks { font-size:12px; color:#999}
.footernav p { text-align:center; color:#666}

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

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

.gplusbox { margin:auto; text-align:center; display:block;}

.quotething {background: #eee; border-color: #eee; width:29%; height:100px; }
.wus.altquote { margin-right:0}
.wus{
  display: block;
  float: left;
  padding: 10px;
  border-radius:5px;
  position:relative;
  margin-right:3.25%
}
.wus:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left:-20px;
  border-top: 20px solid black;
  border-top-color: inherit; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent; 
}
p.qoute{
  
  display:block;
  text-align: center;
  line-height:1.25em;
}
p.author{

  width:280px;
  position:absolute;
  top:150px;
  text-align: center;
  text-transform: uppercase;
}

#clientquotes { margin-bottom:90px;}

#gforms_confirmation_message { margin:200px 0 100px 0; padding:20px; background:#EEE; }

#gform_confirmation_wrapper_3 { margin:50px 0 100px 0; padding:20px; background:#EEE; }

#input_1_9 { font-size: .85em}
#input_1_9 li { float:left; margin-right:15px;}
#field_1_9 { margin-top:15px;}

.areapages ul { list-style:none; margin:0 0 30px 0; padding:0;}
.areapages li { height:197px; display:inline-block; margin:0 0 0 120px; padding:0; background:none;}
.areapages li .port { background:url(_/img/iconport.png) no-repeat; width:154px; height:197px; display:block; }
.areapages li .aboutteam { background:url(_/img/iconteam.png) no-repeat; width:154px;height:197px;display:block;}
.areapages li .requestproposal { background:url(_/img/iconproposal.png) no-repeat; width:214px;height:197px;display:block;}

.areapages .port:hover, .areapages .team:hover {
	background-position: -154px 0;
}
.areapages .aboutteam:hover {
	background-position: -155px 0;
}
.areapages .requestproposal:hover {
	background-position: -214px 0;
}

.authorinfo { padding:20px 20px 0 20px; border:1px solid #e5e4e1; background:url(_/img/bgauthor.jpg) repeat; font-size:.95em; color:#616161; margin-top:15px;}

#questions ul { list-style: none; margin: 0; padding: 0;}

li.faqbox {padding-bottom: 20px;}
li.faqbox .answer {  padding-top: 15px;}
li.faqbox .answer a {color: #802a34;font-weight: 600;}
li.faqbox .answer a:hover {color: #2fa6af; font-weight: 600;}

.mobileburger {
		display: none;
	}

#post-nav {
    overflow: hidden;
}

.post-previous {
    background: rgb(49,150,179, 0.5);
    color: rgba(255,255,255,0.5);
    padding: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;
}

.post-next {
    background: rgb(49,150,179,0.8);
    color: rgba(255,255,255,0.5);
    padding: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;
}

.post-previous a, .post-next a {
    display: block;
    color: rgba(255,255,255,0.9);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    overflow: hidden;
}
.post-previous a:hover, .post-next a:hover {
	background: rgba(223,71,77,1);
}

#post-nav span {
    font-size: 1.25em;
    color: rgba(255,255,255,0.3);
}
#post-nav h4 {
    font-size: 1.35em;
    margin: 10px 0 0 0;
    color: rgba(255,255,255,0.9);
}
body.single-post .posted-on {
    color: rgba(255,255,255,0.4);
}

#cs-content .post-previous img {
    float: left;
    max-width: 18%;
}

#cs-content .post-next img {
    float: right;
    max-width: 18%;
}


.elementor-post-navigation .elementor-post-navigation__separator-wrapper {
	margin: 0 30px;
}


.week td {
	height: 90px!important
}

.week td span.date {
	line-height: 90px!important
}


#field_3_15 #live_validation_message_3_15, #field_4_12 #live_validation_message_4_12 {
	display: none!important;	
}



.cleanlist {
	list-style: none;
	padding: 0;
}

.cleanlist li {
	padding-bottom: 15px;
	padding-top: 10px;
	border-bottom:1px solid #ededed;
}

.post ol.outlinelist {
	column-count:2;
}

.post ol.outlinelist li
 {
	padding: 0;
	margin: 0;
	background: none;
	
}
.post ol.outlinelist ul li {
	padding: 0 0 0 15px;
	background: url(_/img/circlebullet.png) no-repeat left 9px;
}


.post ol.outlinelist ul {
	margin: 0 0 20px 0;
	padding: 0;
}





/*.morerecent li:nth-child(3n) { margin-right: 0px; }*/

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
  	.post-previous {
	    float: left;
	    width: 50%;
	}
	  .post-next {
	    float: right;
	    width: 50%;
	}
	
	.post-previous img {
	    float: left;
	    max-width: 17%;
	    margin-right: 1%;
	}
	
	.post-next img {
	    float: right;
	    max-width: 17%;
	    margin-left: 1%;
	}
	
	.listings-nextprev {
	    padding: 10px 15px 15px 20px;
	    float: left;
	    width: 82%;
	}
	
}

/* Smartphones (portrait & landscape) */
@media only screen and (max-width : 600px) {


#header a {
	font-size: 12px;
}


/* Hide the main nav for mobile widths */
.mobileonly { display:block;}

.mobileonly.block {
	padding: 0 15px;
	box-sizing: border-box;
}


#header { float:left; width: 74%; margin: 3px 0 9px 3%; text-align: left; padding:0; box-sizing: border-box; }
#header img { float: none; position:relative; max-width:85%;}

#nav { display:none;}
#navtoggle { display:block; width:100%;z-index: 9999}
#navtoggle a { display: block; background:#258d9d; color:#fff; padding: 12px 0; text-align:center; text-transform: uppercase; font-weight: bold;}

.showhidenav { background:url(_/img/bglinen.jpg) repeat-x }
#mobilenav { width:100%; position:relative; z-index:999; height:auto}
#mobilenav ul { list-style: none; padding: 20px 0 20px 0; margin: 0 auto 0 auto; width:90%; display:block}
#mobilenav li { display:inline-table; width:47%; margin-bottom:15px; text-align: center; }
#mobilenav li a { display: block; color:#fff; text-transform: uppercase; padding: 10px}
#mobilenav li a:hover {background:rgba(255,255,255,0.12); -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
#pagecont { overflow:hidden;}
#nav ul { width:90%; margin:auto; }
#nav ul li { float:left; width:33%;}
#journey { display: none;}
.block { width:100%;}

.content-column.three_fourth > div {
	padding-right: 0!important;
}

#gform_wrapper_1 .top_label li.gfield.gf_left_third,
#gform_wrapper_1 .top_label li.gfield.gf_middle_third,
#gform_wrapper_1 .top_label li.gfield.gf_right_third {
	width: 100%;
	margin-right:0;
	margin-left:0!important;
}

.home #headline { display:block}
#headline { padding:15px 0 30px 0;}
#headline .title, .largetext { font-weight:400; font-size:1.75em; text-align:center; width:100%; margin:0 auto 10px auto; line-height:1em}
#headline .subtitle {font-family: 'Roboto', sans-serif; font-size:1.15em; text-align:center; font-weight:500; line-height:1em; margin-bottom:20px;}
#recentwork { padding-top:0px;}
#someservices {
padding-top: 20px;
}
#someservices .left, , #services .left { float:left; width:100%;}
#someservices .left img, #services .left img { max-width:22%;}
#someservices .left h3, #services .left h3{ float:left; display:inherit; font-size:2.65em; line-height:1em;  font-weight:normal; margin:0; padding:0;}
#someservices .left h3 span, #services .left h3 span { display:block; font-size:.5em;} 
#someservices .right , #services .right{ float:right; width:100%;}
.greybar {overflow:hidden;}

.page-id-139 .process li {
	width: 20%;
}
.page-id-139 .process li a {
	background:none;
	height:auto;
	font-size: 13px;
	text-transform: uppercase;
	text-indent: 0;
	text-align: center;
}

.iconplan {
	width: auto;
}

.page-id-139 .block {
	padding-bottom: 0;
}


.iconplan, .icondesign, .icondev, .iconlaunch, .icongrow {width:auto; }


.page-id-139 #plan .arrow { left:8%;}
.page-id-139 #design .arrow { left:26%;}
.page-id-139 #develop .arrow { left:44.5%;}
.page-id-139 #launch .arrow { left:63%;}
.page-id-139 #grow .arrow { left:81%;}






#somerecentwork .sectiontitle h2 {width:100%;}

#bloglatest li { width:90%;}
#footer .cont { width:90%;}
#footer .subscribe { display:none;}
#footer .letstalk { padding-bottom:20px; margin:auto; float:none; width:90%;}
.featurecaption { display:none;}
.page-id-9 .left { width:100%; margin-bottom:10px;}
.page-id-9 .right { width:100%;}
.page-id-9 .left li { width:auto; float:left; margin-right:5px; margin-bottom:5px}

#someservices .left, #services .left { float:left; width:100%;}

#webdesign .left, #logodesign .left { width:100%; text-align:center;}
#webdesign .left img, #logodesign .left img { max-width:100%;}
#webdesign .right, #logodesign .right { width:100%;}
#portfoliotag { width:100%; font-size:1.85em}

.applogos { display:none;}
.appblock li { float:left; width:100%; margin-bottom:15px;}
.appblock .wordpress {display: inline-block;position:relative; text-indent: -9999px; width:200px; height:48px; background:url(_/img/logo-wp.png) 0 0 no-repeat;background-size: 100% auto;}
.appblock .wordpress span {position: absolute;top: 0; left: 0; bottom: 0; right: 0; background:url(_/img/logo-wp.png) 0 -48px no-repeat;background-size: 100% auto;}

.appblock .magento {display: inline-block;position:relative; text-indent: -9999px;  width:200px; height:56px; background:url(_/img/logo-mage.png) 0 0 no-repeat;background-size: 100% auto;}
.appblock .magento span {position: absolute;top: 0; left: 0; bottom: 0; right: 0; background:url(_/img/logo-mage.png) 0 -56px no-repeat;background-size: 100% auto;}

.appblock .html {display: inline-block;position:relative; text-indent: -9999px;  width:200px; height:72px; background:url(_/img/logo-htmlcss.png) 0 0 no-repeat;background-size: 100% auto;}
.appblock .html span {position: absolute;top: 0; left: 0; bottom: 0; right: 0; background:url(_/img/logo-htmlcss.png) 0 -72px no-repeat;background-size: 100% auto;}

.appblock .jquery {display: inline-block;position:relative; text-indent: -9999px;  width:200px; height:42px; background:url(_/img/logo-jquery.png) 0 0 no-repeat;background-size: 100% auto;}
.appblock .jquery span {position: absolute;top: 0; left: 0; bottom: 0; right: 0; background:url(_/img/logo-jquery.png) 0 -42px no-repeat;background-size: 100% auto;}

.filterable-grid {  padding: 0 5% 0 5%; }

.page-id-9 .filterable-grid li, .page-id-1784 .filterable-grid li { 
	display:inline-block; width:100%; margin-right:0; min-height:250px; float:left; margin-bottom:15px;}

.page-id-9 .filterable-grid li.fourth, .page-id-1784 .filterable-grid li.fourth { margin-right:0;}
.page-id-9 .filterable-grid li.fifth, .page-id-1784 .filterable-grid li.fifth { margin-right:0;}

#projectdetails .lefthalf { width:100%}
#projectdetails .righthalf { width:100%}

#project-testimonial .left { float:none; width:100%;}
#project-testimonial .right { float:none; width:100%;}

#projectdetails .lefthalf li a { font-size:14px; }
.projectabout { font-size:14px; }

.whyus .left, .whyus .right { float: none;  width: 100%; margin-bottom: 20px;}

.newestpost { width:96%;}
.newestpost .left { float: none; width: 100%;}
.newestpost .right { float: none; width: 95%; margin: auto;}
.newestpost .left img { max-width: 100%; height:auto;}

.morerecent li { float:left; width:48%; margin-right: 2%; margin-bottom: 20px; display:block; min-height:160px;}
.morerecent .secondpost {margin-right:0;}
.morerecent .thirdpost {margin-right:2%;}


.monthcolumn {width:43%; float:left; margin-right:7%;}

#bjsport li { width:100%; padding-bottom: 0;}
#bjsport li.big { width: 100%; padding-bottom: 0;  background:rgba(255,255,255,0.2)}
#bjsport .info {color: #fff; display: block;font-size: 13px;padding: 2%; float: right; width: 43%;}
#bjsport li img { max-width: 50%; float: left;}

#allservices li { float: left; width: 47%; padding:0 2% 2% 0;}

.js #allservnav, .js #catsnav, .js #tagsnav { display: none; }
.js .selectnav { display: block;border:1px solid #DCDCDC }

.page-id-139 .left { float:none; width: 100%;}
.page-id-139 .left img { max-width: 100%;}

.page-id-139 .right { float:none; width: 100%;  padding-top:30px;}
#web-design-development { padding-top:20px; margin-bottom:30px;}

.btnstep1 {float:left;}

#gform_wrapper_1 .top_label li.gfield.gf_left_half, #gform_wrapper_1 .top_label li.gfield.gf_right_half  { width:100%;}

#gform_wrapper_1 #input_1_6 li { float:left; width:45%; font-size:12px; margin-right:10px;}
#gform_wrapper_1 #input_1_6 li.gchoice_6_1 { width:45%;}
#gform_wrapper_1 #input_1_6 li.gchoice_6_2 { width:auto;}
#gform_wrapper_1 #input_1_6 li.gchoice_6_4 { width:auto;}
#gform_wrapper_1 #input_1_6 li.gchoice_6_5 { width:auto;}
#gform_wrapper_1 #input_1_6 li.gchoice_6_6 { width:auto;}

.madefor { display:block; position:absolute; top:-30px; right:10px;}

.left_half, .right_half { float:none; width:100%;}
#logodesign {margin-bottom: 20px;}
.sectiontitle {width: 100%;
margin: 0 auto 30px auto;
text-align: center;}

#clientquotes { display:none;}
.areapages li { display:block; margin:0 auto 25px auto;}
.areapages li .port, .areapages li .requestproposal, .areapages li .aboutteam { margin:auto;}


}


@media only screen
and (max-width : 989px) {
	.homebox {
		float: none;
		width: 100%;
	}
	
	#nav {
		display: none;
	}
	
	#ipad1, #ipad2 { padding: 0;}
	
	
	.mobileburger {
		display: block;
	}
	
	
	#mainnav, .hdr-right-btn {
		display: none;
	}

	#pagecont { padding-top:55px;}
	
	#header { width:74%; margin: 5px 0 0 3%; text-align: left; padding:0; float:left;}
	
}







@media only screen
and (min-width : 601px)
and (max-width : 767px) {


#header img { margin: 10px auto 15px auto; float: none; max-width:85%}
#slidedownmenu {
	position:fixed;
	width:100%;
	height:115px;
	top:-115px;
	left:0;
	z-index:999;
	background:#c05500 url(_/img/drawer-bg.jpg);
	display: inherit;
}

#slidedownmenu .handle {
	-webkit-user-select:none;
	position:absolute;
	bottom:-28px;
	left:0;
	width:100%;
	height:28px;
	border-top:1px solid #532500;
	border-bottom:1px solid #111;
	background-color:#c3a57e;
	background:url(_/img/handle.png) no-repeat 50% 50%, -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #e07b29), color-stop(0.1, #b85300), color-stop(0.8, #793600));
/*	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.7);*/
display: inherit;}


#top { padding:35px 0 10px 0}
#journey { display: none;}

#top { padding:10px 0; position:fixed;}
#nav { display:none;}
.mobileburger {
	display: block;
}

#navtoggle { position:relative; top:0; right:0; display:block; width:100%;z-index: 9999}
#navtoggle a { display: block; width:100%; background:#258d9d; color:#fff; padding: 8px; text-align:center;}

#pagecont { overflow:hidden;}

.showhidenav { background:url(_/img/bglinen.jpg) repeat-x }
#mobilenav { width:100%; position:relative; z-index:999; height:auto;}
#mobilenav ul { list-style: none; padding: 20px 0 20px 0; margin: 0 auto 0 auto; width:90%; display:block;}
#mobilenav li { float:left; width:47%; margin-bottom:15px; text-align: center; }
#mobilenav li a { display: block; color:#fff; text-transform: uppercase; padding: 10px}
#mobilenav li a:hover {background:rgba(255,255,255,0.12); -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}

.block { width:90%;}
.home #headline { display:block}
#headline { padding:15px 0 45px 0;}
#headline .title { font-weight:400; font-size:2.5em; text-align:center; width:100%; margin:auto; line-height:1em}
#headline .subtitle { font-size:1.75em; text-align:center; font-weight:500;}
#recentwork { padding-top:0px;}
#someservices .left, #services .left{ float:left; width:100%;}
#someservices .left img, #services .left img { max-width:40%;}
#someservices .left h3, #services .left h3 { float:left; display:inherit; font-size:3.5em; line-height:.75em;  font-weight:normal; margin:0; padding:50px 0 0 0;}
#someservices .left h3 span, #services .left h3 span { display:block; font-size:.5em;} 
#someservices .right, #services .right { float:right; width:100%;}
.greybar {overflow:hidden;}
#footer .cont { width:90%;}
#footer .subscribe { display:none;}
.btnstep1 { float:none;}

.featurecaption { display:none;}
	
.portfolio .left { display:none;}
.portfolio .right { width:100%;}
.portfolio .left li { width:auto; float:left; margin-right:20px;}

.page-id-9 .left { width:100%; margin-bottom:10px;}
.page-id-9 .right { width:100%;}
.page-id-9 .left li { width:auto; float:left; margin-right:5px; margin-bottom:5px}


#projectdetails .lefthalf { width:100%}
#projectdetails .righthalf { width:100%}

#project-testimonial .left { float:none; width:100%;}
#project-testimonial .right { float:none; width:100%;}

#projectdetails .lefthalf li a { font-size:14px; }
.projectabout { font-size:14px; }

.whyus .left, .whyus .right { float: none;  width: 100%; margin-bottom: 20px;}
.newestpost { width:100%;}
.newestpost .left { float: none; width: 100%;}
.newestpost .right { float: none; width: 95%; margin: auto;}
.newestpost .left img { max-width: 100%; height: 100%;}

#bjsport li { width:100%; padding-bottom: 0;}
#bjsport li.big { width: 100%; padding-bottom: 0;  background:rgba(255,255,255,0.2)}
#bjsport .info {color: #fff; display: block;font-size: 13px;padding: 2%; float: right; width: 43%;}
#bjsport li img { max-width: 50%; float: left;}


.js #allservnav, .js #catsnav, .js #tagsnav  { display: none; }
.js .selectnav { display: block; width: 100%;border:1px solid #DCDCDC }

.page-id-139 .left { float:none; width: 30%;}
.page-id-139 .left img { max-width: 100%;}

.page-id-139 .right { float:none; width: 100%;  padding-top:30px;}
#web-design-development { padding-top:20px; margin-bottom:30px; width:95%; margin:auto;}

.panel-wrapper .categories ul li { float:left; width:48%; margin-right:2%; margin-bottom:1%;}


#gform_wrapper_1 .top_label li.gfield.gf_left_half, #gform_wrapper_1 .top_label li.gfield.gf_right_half  { width:100%;}

#gform_wrapper_1 #input_1_6 li { float:left; width:22%; font-size:12px;}
#gform_wrapper_1 #input_1_6 li.gchoice_6_1 { width:20%;}
#gform_wrapper_1 #input_1_6 li.gchoice_6_2 { width:25%;}
#gform_wrapper_1 #input_1_6 li.gchoice_6_4 { width:18%;}
#gform_wrapper_1 #input_1_6 li.gchoice_6_5 { width:35%;}
#gform_wrapper_1 #input_1_6 li.gchoice_6_6 { width:40%;}

.madefor { display:block; position:absolute; top:-30px; right:10px;}

#clientquotes{ display:none;}



}


@media only screen
and (max-width : 767px) {
	
	#header img {
		display: none;
	}
	
	#top {
		padding: 10px;
	}
}



/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1204px) {


#navtoggle { display:none;}
#journey { margin-top:0;}

#nav ul { width:100%; margin:auto; list-style:none; text-align:right; padding:0}

.block { width:90%;}
.home #headline { display:block}
#recentwork { padding-top:0px;}
#headline { padding:25px 0 40px 0;}
#headline .title { font-weight:400; font-size:2.5em; text-align:center; width:100%; margin:auto; line-height:1em}
#headline .subtitle { font-size:1.75em; text-align:center; font-weight:500;}
#someservices .left, #services .left { float:left; width:100%; margin-bottom:20px;}
#someservices .left img, #services .left img { max-width:35%;}
#someservices .left h3, #services .left h3 { float:left; display:inherit; font-size:3.125em; line-height:.75em;  font-weight:normal; margin:0; padding:50px 0 0 0;}
#someservices .left h3 span, #services .left h3 span { display:block; font-size:.45em;} 
#someservices .right, #services .right { float:left; width:100%;}

.greybar {overflow:hidden;}

#footer .cont { width:90%;}
#footer .subscribe { display:none;}
#footer .letstalk { margin:auto; float:none; width:100%; font-size:2em;}
#footer .letstalk p { padding-top:10px; margin-right:20px;}

.portfolio .left { width:100%;}
.portfolio .right { width:100%;}
.portfolio .left li { width:auto; float:left; margin-right:20px;}


#webdesign .left, #logodesign .left { width:30%;}
#webdesign .left img, #logodesign .left img { max-width:100%;}
#webdesign .right, #logodesign .right { width:65%;}
#portfoliotag { width:100%;}

#projectdetails .lefthalf { width:20%}
#projectdetails .righthalf { width:75%}

#project-testimonial .left { float:left; width:30%;}
#project-testimonial .right { float:right; width:65%;}

.whyus .left { float: left;  width: 35%; margin-bottom: 20px;}
.whyus .right { float:right; width: 60%;}
.newestpost { width:100%;}
.newestpost .left { float: none; width: 100%;}
.newestpost .right { float: none; width: 95%; margin: auto;}
.newestpost .left img { max-width: 100%;}

#journey .hooray {font-size:1.5em;  text-align:left; width:60%; margin:auto;}
#journey .hooraysub { font-size:1.25em;line-height:1em; top:50px; width: 100%;}

#household {font-size:1.55em; line-height:1em}
#householdsub {font-size:1em;line-height:1em; top:40px; width: 100%;}
#komenlogo { right:15%; top:10%;}
.enoughtext {font-size:2em;line-height:1em}

#slidebtn {top:80px; left: 3%; width:30%}
#slidebtn2 {top:80px; left: 35%; width:30%}

#slide1 {left:7%; text-align:left; color:#fff; width:80%; top:30%;}
#slide2 {left:7%; text-align:left; color:#33383e; width:60%; top: 30%;}
#slide3 {left:7%; text-align:center; color:#33383e; width:60%; top: 35%;}
#slide4 {left:45%; text-align:center; color:#33383e; width:60%; top: 35%;}
#slide5 {left:20%; text-align:center; color:#fff; width:80%; top: 20%;}

.panel-wrapper .categories ul li { float:left; width:31%; margin-right:2%; margin-bottom:1%;}

.madefor { display:block; position:absolute; top:-30px; right:10px;}

#clientquotes { display:none;}

#bjsport li {width: 100%;padding-bottom: 0;}
#bjsport li img {max-width: 50%;float: left;}
#bjsport .info {
color: #fff;
display: block;
font-size: 13px;
padding: 2%;
float: right;
width: 43%;
}

#bjsport li.big {
width: 100%;
padding-bottom: 0;
background: rgba(255,255,255,0.2);
}




}/* END 768px - 1024px */


@media only screen
and (max-width : 1263px) {
	
	
	#header img {
		padding-top: 3px;
	}
	
	
	
}/* END 1005px */
	
	
@media only screen
	and (min-width : 601px)
	and (max-width : 1005px) {
	
	.page-id-9 .filterable-grid li, .page-id-1784 .filterable-grid li { width:32%; margin-right:2%; margin-bottom:35px; min-height:270px}

.page-id-9 .filterable-grid li.third, .page-id-1784 .filterable-grid li.third { margin-right:0;}
.page-id-9 .filterable-grid li.fifth, .page-id-1784 .filterable-grid li.fifth { margin-right:2%;}
	
}
	


@media only screen
and (min-width : 50em) {

	.newhome-intro-main span {
		opacity: 0;
	}




	.newhome-intro-main span {
	  -webkit-animation: fadeInRight 2s ease forwards;
	          animation: fadeInRight 2s ease forwards;
	  -webkit-animation-delay: .5s;
	          animation-delay: .5s;
	}
	.newhome-intro-main span:nth-of-type(2) {
	  -webkit-animation-delay: 1.5s;
	          animation-delay: 1.5s;
	}
	.newhome-intro-main span:nth-of-type(3) {
	  -webkit-animation-delay: 2.5s;
	          animation-delay: 2.5s;
	}
	
	@-webkit-keyframes fadeInRight {
	  0% {
	    opacity: 0;
	    left: 20%;
	  }
	  100% {
	    opacity: 1;
	    left: 0;
	  }
	}
	
	@keyframes fadeInRight {
	  0% {
	    opacity: 0;
	    left: 20%;
	  }
	  100% {
	    opacity: 1;
	    left: 0;
	  }
	}

}







	
	
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; clear:both; }

.opensans {}


/* ==|== Slider =======================================================
   ========================================================================== */
 /*  
 RoyalSlider
 */
.royalSlider {	
	position:relative;
	/* set width and height of slider here, in px, % or em*/
	width:100%;
	/* Used to prevent content "jumping" on page load. this property is removed when javascript is loaded and slider is instanciated */
	overflow:hidden;
}
/**
*  Slides area (set background here)
*/

.royalSlider .royalWrapper {
	overflow:hidden;	
	position:relative;
	background:url(_/img/bgbody.jpg) repeat;
	width:100%; 
	height:100%;
}
.royalSlider .royalSlide,
.royalSlider .royalWrapper {
	/* Bakground behind slides */
	
}
/* slides holder, grabbing container */
.royalSlider .royalSlidesContainer {
	position: relative;
	left: 0;
	top: 0 !important;
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	border: 0 !important;
}


/* slide item */
.royalSlider .royalSlide {
	padding: 0 !important;
	margin: 0 !important;	
	border: 0 !important;
	list-style: none !important;
	position:relative;
	float:left;	
	overflow:hidden;	
}

/* 

	Direction Navigation (arrows) 

*/
.royalSlider .arrow
{	
	/*background:url(_/img/controlsSprite.png) no-repeat 0 0;*/
	background-color: #C00;
	background-repeat: no-repeat;
	background-position: 0 0;
	/* change arrows size here */
	width: 45px;
	height: 90px;
	top:50%;
	margin-top:-45px;	
	cursor: pointer;
	display: block;
	position: absolute;		
	z-index:25;
}
.royalSlider .arrow:hover {
	
}
.royalSlider .arrow.disabled {
	
}
/* left arrow */
.royalSlider .arrow.left {
	background-position: top left;
	left: 0;	
}
/* right arrow */
.royalSlider .arrow.right {
	background-position: top right;
	right: 0;
}

/* Control navigation container (bullets or thumbs) */
.royalSlider .royalControlNavOverflow {
	width:100%;
	overflow:hidden;
	position:absolute;
	margin-top:-20px;
	z-index:25;
}
.page-id-9 .royalSlider.default .royalControlNavOverflow {
	width:100%;
	overflow:hidden;
	position:absolute;
	margin-top:12px;
	z-index:25;
}
/* This container is inside ".royalControlNavContainer"  
   and is used for auto horizontal centering */
.royalSlider .royalControlNavCenterer {	
	float: left;
	position: relative;
	left: -50%;
}
/* Control navigation container*/ 
.royalSlider .royalControlNavContainer {
	float: left;
	position: relative;
	left: 50%;	
}

.page-id-9 .royalSlider .royalControlNavCenterer {	
	float: left;
	position: relative;
	left: -50%;
}
/* Control navigation container*/ 
.page-id-9 .royalSlider .royalControlNavContainer {
	float: left;
	position: relative;
	left: 90%;	
}


/* Scrollable thumbnails containers */
.royalSlider .royalControlNavThumbsContainer {		
	left:0;
	position:relative;
}
.royalSlider .thumbsAndArrowsContainer {
	overflow:hidden;
	width: 100%;
	position: relative;
}
.royalSlider .royalControlNavOverflow.royalThumbs {	
	width: auto;
	position: relative;
	overflow: hidden;
	margin-top:4px;	
}

/* 
	Control navigation (bullets, thumbnails)
*/
.royalSlider .royalControlNavOverflow a{	
	background:#0C0 none no-repeat scroll 0 0;
	
	width:20px;
	height:20px;	
	
	float:left;	
	cursor:pointer;	
	
	position:relative;
	display:block;
	
	text-indent: -9999px;	
}
/* Current control navigation item */
.royalSlider .royalControlNavOverflow a.current {	
	background-color: #C00;	
}
/* Hover state navigation item */
.royalSlider .royalControlNavOverflow a:hover {	
	background-color: #00C;
}

/* Thumbnails */
.royalSlider .royalControlNavOverflow a.royalThumb{	
	/*background: none no-repeat 0 0;*/
	/*background-color: ;*/
	width:144px;
	height:60px;	
	/* thumbnails spacing, use margin-right only */	
	margin-right:4px;
	
}
.royalSlider .royalControlNavOverflow a.royalThumb.current {	
	background-position: -3px -3px  !important;
	border:3px solid #C00 !important;
	width:138px;
	height:54px;
}
.royalSlider .royalControlNavOverflow a.royalThumb:hover {	
	background-position: -3px -3px;	
	border:3px solid #00C;
	width:138px;
	height:54px;
}
/* 
	Thumbnails navigation arrows 
*/
.royalSlider .thumbsArrow {	
	width: 38px;
	height: 68px;	
	
	cursor: pointer;
	display: block;
	position: relative;		
	z-index: 25;
	
	background: #C99;
	
}
.royalSlider .thumbsArrow.left {	
	float: left;
}
.royalSlider .thumbsArrow.right {	
	float: right;
}
.royalSlider .thumbsArrow:hover  {
	
}
.royalSlider .thumbsArrow.disabled {
	
}

/* Captions container */
.royalSlider .royalCaption {
	z-index:20;
	display:block;
	position:absolute;	
	left:0;
	top:0;
	/*font: normal normal normal 1em/1.5em Georgia, serif;
	color:#FFF;		*/
}
/* Caption item */
.royalSlider .royalCaptionItem {
	position:absolute;	
	left:0;
	top:0;
	margin: 0;
	padding: 0;
}

.page-id-9 .royalSlider .royalCaption {
	z-index:20;
	position:absolute;
	display:block;
	width:650px;
	height:140px;
	top:265px;
	/*font: normal normal normal 1em/1.5em Georgia, serif;
	color:#FFF;		*/
}
/* Caption item */
.page-id-9 .royalSlider .royalCaptionItem {
	margin: 0;
	padding: 0;
	left:30px;
	top:0;
	position:absolute;

}
.page-id-9 .royalSlider .royalCaptionItem2 {
	margin: 0;
	padding: 0;
	left:30px;
	top:30px;
	position:absolute;
}



/* Loading (welcome) screen */
.royalSlider .royalLoadingScreen {
	background:#FFF;
	width:100%;
	height:100%;
	position:absolute;
	z-index:99;	
}
/* Loading screen text ("Loading...") */
.royalSlider .royalLoadingScreen p {		
	width:100%;
	position:absolute;	
	margin:0 auto;
	top: 45%;
	text-align:center;
}

/* single slide image preloader */
.royalSlider .royalPreloader {	
	position:absolute;
	width:24px;
	height:24px;
	left:50%;
	top:50%;
	margin-left:-12px;
	margin-top:-12px;	
	z-index:0;	
	background-image:url(_/img/preloader.gif);
}
.royalSlider .grab-cursor{cursor:move;}
.royalSlider .grab-cursor{cursor:url(_/img/cursors/grab.png) 8 8,-moz-grab;}
.royalSlider .grab-cursor{*cursor:url(_/img/cursors/grab.cur);}
.royalSlider .grab-cursor{cursor:move\0/;} /* ie8 hack */

.royalSlider .grabbing-cursor{cursor:move;}
.royalSlider .grabbing-cursor{cursor:url(_/img/cursors/grabbing.png) 8 8,-moz-grabbing;}
.royalSlider .grabbing-cursor{*cursor:url(_/img/cursors/grabbing.cur);}


/* Cursor used if mouse dragging is disabled */
.royalSlider .auto-cursor{cursor:auto;}

.royalSlider .royalHtmlContent {
	position: absolute;
	top: 0;
	left: 0;
}
.royalSlider .non-draggable {
	cursor: auto;
}
.royalSlider .fade-container .royalSlide{
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 10;
}
.royalSlider .royalImage {
	max-width:none;
	margin:0;
	padding: 0 !important;
	border: 0 !important;	
}

/* Slider itself */
.royalSlider.default {	
	
}
/* Slider with thumbs (used to add padding based on thumbnails size)*/
.royalSlider.default.with-thumbs {
	padding-bottom: 68px;
}

/* 
	Left and right navigation arrows 	
*/
.royalSlider.default .arrow
{	
	background: rgb(50, 50, 50);
	background: rgba(0, 0, 0, 0.5);
	
	background-image:url(_/img/controls-sprite.png);

	/* change arrows size here */
	width: 30px;
	height: 30px;
	margin-top:-15px;	
	
	-moz-border-radius: 4px; 
  	-webkit-border-radius: 4px; 
 	border-radius: 4px;
 	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;	
}
/* arrow position in slider with thumbs */
.royalSlider.default.with-thumbs .arrow {
	margin-top:-49px;
}
/* Arrow down state */
.royalSlider.default .arrow:active {	
	background-color: rgba(0,0,0,0.6);
}
/* Arrow hover state */
.royalSlider.default .arrow:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}
/* Arrow disabled state */
.royalSlider.default .arrow.disabled {	
	background-color: rgba(0,0,0,0.5) !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important;
	filter: alpha(opacity=20) !important;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;	
}
/* left arrow */
.royalSlider.default .arrow.left {
	background-position: top left;
	left: 5px;	
}
/* right arrow */
.royalSlider.default .arrow.right {
	background-position: top right;
	right: 5px;
}





/* 
	Bullets and thumbnails navigation	
*/
.royalSlider.default .royalControlNavOverflow a {	
	background-color: transparent;
	background-image: url(_/img/controls-sprite.png);
	background-position: 0 -164px;
	
	width:18px;
	height:18px;			
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
/* Current bullet */
.royalSlider.default .royalControlNavOverflow a.current {	
	background-position: 0 -182px !important;
}
/* Bullet hover state */
.royalSlider.default .royalControlNavOverflow a:hover {		
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* Bullets nav sub-container */
.royalSlider.default .royalControlNavCenterer {	
	padding:3px 5px;
	
	background: rgb(50, 50, 50);	
	background: rgba(0,0,0,0.5);
	
	-moz-border-radius: 4px; 
  	-webkit-border-radius: 4px; 
 	border-radius: 4px;
}
/* Bullets nav or thumbnails main container */
.royalSlider.default .royalControlNavOverflow {
	margin-top:-30px;
}
/* Thumbnails main container */
.royalSlider.default .royalControlNavOverflow.royalThumbs {	
	margin-top:4px;	
}

/* Thumbnails */
.royalSlider.default .royalControlNavOverflow a.royalThumb{	
	background-color: transparent;	
	background-position: 0 0;
	
	width:60px;
	height:60px;	
	/* thumbnails spacing, use margin-right only */	
	margin-right:4px;
		
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}
/* Current thumbnail */
.royalSlider.default .royalControlNavOverflow a.royalThumb.current {	
	background-position: -3px -3px  !important;
	border:3px solid #666 !important;
	width:54px;
	height:54px;
}
/* Thumbnail hover state*/
.royalSlider.default .royalControlNavOverflow a.royalThumb:hover {	
	background-position: -3px -3px;	
	border: 3px solid #AAA;
	width: 54px;
	height: 54px;
}



/* 
	Thumbnails navigation arrows 	
*/
.royalSlider.default .thumbsArrow {
	background:url(_/img/controls-sprite.png) no-repeat 0 0;
	width: 28px;
	height: 68px;	
	
	
	-moz-opacity: 0.8;	
	opacity: 0.8;	
}
.royalSlider.default .thumbsArrow.left {
	background-position: -116px -132px;
	left: 0;	
}
.royalSlider.default .thumbsArrow.right {
	background-position: -156px -132px;
	right: 0
}
.royalSlider.default .thumbsArrow:hover  {	
	-moz-opacity: 1;	
	opacity: 1;	
}
.royalSlider.default .thumbsArrow.disabled {	
	-moz-opacity: 1;	
	opacity: 1;	
}
.royalSlider.default .thumbsArrow.left.disabled {	
	background-position: -36px -132px;
}
.royalSlider.default .thumbsArrow.right.disabled {	
	background-position: -76px -132px;
}



/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

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

.fancybox-skin {
	position: relative;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.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 {
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
}

.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: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

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

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(_/img/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: 8020;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(_/img/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;
	background: transparent url(_/img/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: 20px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 20px;
	background-position: 0 -72px;
}

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

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: #000;
}

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

/* 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: 8030;
	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 {
	margin-top: 10px;
}

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






/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}