/*
GENERAL
------------------------------------ */
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0 none;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

input, textarea, select {width: 100%; outline: 0 none;}
ul,  ol {margin: 0; padding: 0;}
ul li, ol li {margin: 0; padding: 0;}

html, body {font-family: 'PT Serif', serif; font-weight: 400; background: #e8e8e8; color: #ffffff; position: relative; height: 100%}
html {}
body {overflow-x: hidden;}

h1, h2, h3, h4 {font-family: 'Open Sans', sans-serif; font-weight: 800; text-transform: uppercase; margin: 0; line-height: 1;}
h1, h2 {font-size: 1.875em; letter-spacing: -2px;}
/*h2 {font-size: 1.50em;}*/
h3 {font-size: 1em;}
h4 {font-size:1em;}

a {outline: 0 none;}
a, a:link, a:visited {color: #86a5b5;-webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-decoration: none;}
a, a:hover, a:focus, a:active {color: #da3949; text-decoration: none;}
p, ul > li {font-family: "PT Serif", Georgia; font-size: 1em; line-height: 1.750em;}
img {max-width: 100%;}

.txt-right {text-align: right;}
.txt-center {text-align: center;}

.container {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
	position: relative;
	height: 100%;
}
.container .container,
.carousel-wrapper .item .item-inner .content {	max-width: 87.375em; /* 1366px */ }

/* NAVIGATION
------------------------------------ */
.navigation {
	position: absolute;
	z-index: 1;
	width: 100%;
}
.navigation > .inner {
	opacity: 0;
	left: 0;
	position: absolute;
	width: 100%;
}
.navigation.active > .inner {
	opacity: 1;
}

.navigation ul {
	list-style: none;
	padding: 0 40px 0 0;
}

.navigation ul li {display: inline-block; padding: 0 10px;  }
.navigation ul li a,
.navigation ul li a:link,
.navigation ul li a:visited {
	text-decoration: none;
	color: #ffffff;
	font-size: 0.875em;
	font-family: "PT Serif", "PT Serif", Georgia;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.navigation ul li a:hover,
.navigation ul li a:focus,
.navigation ul li a:active { color: #da3949}

.nav-toggler {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: middle;
	cursor: pointer;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in 2s;
	transition: all 0.5s ease-in 2s;
}
.nav-toggler .inner { position: relative; vertical-align: middle; height: 100%;}
.nav-toggler .inner > span,
.nav-toggler .inner > span:before,
.nav-toggler .inner > span:after {
	display: inline-block;
	width: 100%; height: 3px;
	background: #ffffff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute; left: 0;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.nav-toggler .inner > span {text-indent: -9999em; text-align: left; top: 50%;}
.nav-toggler .inner > span:before {content: ''; top: -8px; }
.nav-toggler .inner > span:after {content: ''; bottom: -8px;}

.site-loaded .nav-toggler {opacity: 1;}

.navigation.active ul {}
.navigation.active .nav-toggler .inner > span {background: none;}
.navigation.active .nav-toggler .inner > span:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0;
	right: 0;
	background: #da3949;
	height: 4px;
}
.navigation.active .nav-toggler > .inner > span:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
	left: 0;
	background: #86a5b5;
	height: 4px;
}


/* CONTENT
------------------------------------ */
.site-wrapper {position: relative; height: 100%;}
.main-content {}

/*	SPLASH	*/
.splash-lander {
	background-image: url(/img/bg-splash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #000000;
	text-align: center;
	position: relative;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.5s ease 1s;
	transition: all 0.5s ease 1s;
}
.splash-lander > a {display: block; text-decoration: none; border: 0;}
.splash-lander .logo {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -87.5px 0 0 -100px;
	opacity: 0;
	-webkit-transition: all 1s ease-in 0;
	transition: all 1s ease-in 0;
}
.splash-lander .logo img {width: 200px; height: auto;}

.splash-lander .go-to-main {
	position: absolute;
	bottom: -10%;
	left: 50%;
	margin: 0 0 0 -25px;
	opacity: 0;
	width: 50px;
	height: 50px;
	-webkit-transition: all 0.5s ease-in 2s;
	transition: all 0.5s ease-in 2s;
}
.splash-lander .go-to-main > span {
	text-indent: -9999em;
	text-align: left;
	background-color: transparent;
	background-position: center center;
	background-image: url(/img/icon-go-to.png);
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	position: relative;
	display: block;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.25s ease-in 0s;
	transition: all 0.25s ease-in 0s;
}
.splash-lander .go-to-main:hover > span {background-color: rgba(1,1,1,0.15);}

.site-loaded .splash-lander {opacity: 1;}
.load-logo.logo {opacity: 1;}
.site-loaded .go-to-main {opacity: 1; bottom: 5%}


/*	PORTFOLIO	*/
.portfolio {position: relative; background: #4b4b4b; color: #ffffff;}

.carousel-wrapper,
.carousel-wrapper div {height: 100%; position: relative;}

.carousel-wrapper:after {
	content: '';
	border-top: 40px solid #84a3b5;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin: 0 0 0 -40px;
	z-index: 11;
}

.carousel-wrapper .item .item-inner {}
.carousel-wrapper .item .item-inner .content {padding: 40px 20px 20px;}
.carousel-wrapper .item .item-inner h1,
.carousel-wrapper .item .item-inner h2 {text-shadow: 2px 2px 0 #84a4b5;}
.carousel-wrapper .item .item-inner h1 span,
.carousel-wrapper .item .item-inner h2 span {
	font-style: italic;
	font-family:"PT Serif", serif;
	color: #86a5b5;
	font-weight: normal;
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0 0 0 2px;
	border-left: 2px solid #86a5b5;
	font-size: 0.875em;
	text-shadow: none;
}
.carousel-wrapper .item .item-inner p {font-size: 1em; line-height: 1.25em; margin: 10px 0 20px;}
.carousel-wrapper .item .item-inner img {max-width: 100%; margin: 0 auto 50px; position: relative; z-index: 2;}
.carousel-wrapper .item .item-inner {
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #4b4b4b;
}
#showcase-simpleton {background-image: url(/img/showcase-bg-simpleton.jpg);}
#showcase-draus {background-image: url(/img/showcase-bg-draus.jpg);}
#showcase-aw {background-image: url(/img/showcase-bg-aw.jpg);}

.carousel-wrapper .angler {
	height: 100%;
	left: 0;
	position: absolute;
	top: 60%;
	width: 100%;
	z-index:1;
}

.carousel-wrapper .angler:before {
	background: #da3949;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: -8px;
	-webkit-transform: skewY(10deg);
	transform: skewY(10deg);
	width: 100%;
	z-index: 1;
}
.carousel-wrapper .angler:after {
	background: #84a3b5;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 3px;
	-webkit-transform: skewY(8.45deg);
	transform: skewY(8.45deg);
	width: 100%;
	z-index: 1;
}

.carousel-wrapper .item-print .angler:before {-webkit-transform: skewY(-10deg); transform: skewY(-10deg);}
.carousel-wrapper .item-print .angler:after {-webkit-transform: skewY(-8.45deg); transform: skewY(-8.45deg);}

.carousel-wrapper #showcase-draus .angler {top: 57.5%;}
.carousel-wrapper #showcase-draus .angler:before {-webkit-transform: skewY(-11deg); transform: skewY(-11deg);}
.carousel-wrapper #showcase-draus .angler:after {-webkit-transform: skewY(-9.45deg); transform: skewY(-9.45deg);}

.slick-arrow {
	position: absolute;
	top: 50%;
	margin: -25px 0 0 0;
	width: 50px;
	height: 50px;
	text-indent: -9999em;
	text-align: left;
	display: block;
	border: 0 none;
	cursor: pointer;
	z-index: 100;
	background-color: transparent;
	background-position: center center;
	background-image: url(/img/icon-go-to.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.25s ease-in 0s;
	transition: all 0.25s ease-in 0s;

}
.slick-arrow:hover {background-color: rgba(1,1,1,0.15);}
.slick-prev {left: 10px; background-image: url(/img/slick-arrow-left.png);}
.slick-next {right: 10px; background-image: url(/img/slick-arrow-right.png);}

.slick-dots {text-align: center; list-style: none; position: absolute; bottom: 20px; left: 50%; z-index: 1; margin: 0 0 0 -30px;}
.slick-dots li {
	display: inline-block;
	text-indent: -9999em;
	width: 10px;
	height: 10px;
	border:1px solid #e8e8e8;
	background: #f8f8f8;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0 5px;
	-webkit-transition: all 0.25s ease-in 0s;
	transition: all 0.25s ease-in 0s;
}
.slick-dots li:hover {background: #da3949; border-color: #a81826; cursor: pointer;}
.slick-dots li.slick-active {background: #da3949; border-color: #da3949;}


/*	MORE WORK
------------------------------------------------------- */

.more-work {}
.more-work-image {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -125px 0 0 -149px;
	z-index: 1;
	-webkit-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
}
.more-work:hover .more-work-image {opacity: 0.5; }

.more-work-gallery {}
.more-work-gallery .top {}
.more-work-gallery .botom {}
.more-work-gallery .item {
	width: 25%;
	height: 25vw;
	float: left;
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.more-work-gallery .item .before-hover {}
.more-work-gallery .item .before-hover img {width: 100%;}
.more-work-gallery .item .after-hover {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity: 0;
}
.more-work-gallery .item .after-hover > img {position: absolute; top: 0; left: 0; width: 100%;}
.more-work-gallery .item h3 {margin: 0; text-align: center; font-size: 1.125em; padding: 15% 0 0; position: relative; z-index: 1;}
.more-work-gallery .item h3 span {display: block; font-weight: 300;}
.more-work-gallery .item .magnify {
	background: url(/img/magnifying-glass.png) no-repeat center center / 100% auto;
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	text-indent: -999em;
}
.more-work-gallery .item .lower {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 60px;
}
.more-work-gallery .lower > div {
	position: absolute;
	right: -120px;
	bottom: 0;
	height: 100%;
}
.more-work-gallery .lower .category-title {
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
	background: #181818;
	color: #86a5b5;
	font-weight: 700;
	font-size: 1.125em;
	line-height: 2.25em;
	padding: 10px 15px;
	z-index: 1;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.more-work-gallery .lower .category-icon {
	text-indent: -9999em;
	background-color: #da3949;
	background-position: center center;
	background-size: auto;
	background-repeat: no-repeat;
	z-index: 2;
	height: 60px;
	width: 60px;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.more-work-gallery .item .development .category-icon {background-image: url(/img/portfolio-icon-web.png);}
.more-work-gallery .item .branding .category-icon {background-image: url(/img/portfolio-icon-print.png);}
.more-work-gallery .item .print .category-icon {background-image: url(/img/portfolio-icon-print.png);}

/* ANIMATED STYLES */
.more-work-gallery .item:hover {z-index: 10;}
.more-work-gallery .item:hover .after-hover { opacity: 1; }
.more-work-gallery .item:hover .category-title {right: 60px}
.more-work-gallery .item:hover .category-icon {right: 0;}

/*	SERVICES
------------------------------------------------------- */
.services {background: url(/img/bg-services.jpg) no-repeat center top / cover #de3749; color: #ffffff; position: relative; padding: 40px 20px;}
.services .container { z-index: 3;}
.services h1,
.services h2 {color: #ffffff; text-shadow: 2px 2px 0 #86a5b5; margin: 0 0 20px;}
.services p {margin: 0; padding: 0 0 40px; font-weight: 400; font-family: "Open Sans", sans-serif; font-size: 0.875em; line-heightL: 1.125em;}
.services .quarter-wrapper {}
.services .quarter {}
.services .quarter > .inner {margin: 0 0 10px;}
.services .quarter h3 {font-size: 1em; color: #ffffff; margin: 0; padding: 0;}

.services .quarter > img {}
.services .quarter ul {text-align: left; padding: 10px 0 20px 75px; list-style: none;}
.services .quarter ul li {
	padding: 0 0 0 20px;
	background: url(/img/services-bullet.png) no-repeat left center;
	font-family: "Open Sans", sans-serif;
	font-size: 0.875em;
	font-weight: 400;
}
.services .icon-wrapper {
	background: #ffffff;
	float: left;
	height: 60px;
	margin: 0 15px 0 0;
	padding: 10px;
	position: relative;
	width: 60px;
	text-align: center;
}
.services .icon-wrapper:after {
	content: '';
	border-top: 20px solid #ffffff;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin: 0 0 0 -20px;
}
.services .icon-wrapper img {max-width: 100%; height: 100%; margin: 0 auto;}


/*	ABOUT
------------------------------------------------------- */

.about {background: #eef0f2; position: relative; padding: 40px 20px 0;}
.about .container > .inner {position: relative; z-index: 2; display: table; width: 100%;}
.about h1,
.about h2 {color: #86a5b5; text-shadow: 2px 2px 0 #d1dbe4; margin: 0 0 20px;}

.about .about-left {color: #999999}
.about .hi-there {}
.about .hi-there h2 {color: #da3949; margin: 0 0 10px;}
.about .hi-there h4 {margin: 0 0 20px; padding: 5px 0 0; color: #86a5b5; }
.about .hi-there p {margin: 0 0 20px;}
.about .hi-there p i {color: #da3949;}
.about .hi-there ul {list-style: none; margin: 0 0 20px;}
.about .hi-there ul li {padding: 0 0 0 20px; background: url(/img/bg-li.png) no-repeat 0 12px;}
.about .hi-there ul li > strong {line-height: 1.125em; display: inline-block; padding: 0 0 10px; color: #888888;}
.about .hi-there ul li li { background: url(/img/bg-sub-li.png) no-repeat 0 6px / 10px auto; line-height: 1.350em; padding: 0 0 5px 20px;}

/*	CONTACT	*/
.about .about-right {background: #fbfbfb; border-top: 1px solid #e8e8e8; margin: 0 -20px 0; padding: 40px 20px 20px;}
.about .lets-chat {}
.about .lets-chat h2 {color: #86a5b5; font-size: 2.25em; text-shadow: 2px 2px 0 #d1dbe4; text-align: center; margin: 0 0 20px;}
.about .lets-chat .letsChat-form {width: 100%;}
.about .lets-chat .letsChat-form fieldset {border: 0 none; margin: 0; padding: 0;}
.about .lets-chat .letsChat-form ul {list-style: none;}
.about .lets-chat .letsChat-form ul li {padding: 0 0 18px;}
.about .lets-chat .letsChat-form ul li label {visibility: hidden; height: 1px; display: block;}
.about .lets-chat .letsChat-form ul li input,
.about .lets-chat .letsChat-form ul li select,
.about .lets-chat .letsChat-form ul li textarea {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e8e8e8;
	padding: 8px;
	color: #999999;
	-webkit-transition: all 0.25s ease-in 0s;
	transition: all 0.25s ease-in 0s;
}
.about .lets-chat .letsChat-form ul li textarea {min-height: 160px;}
.about .lets-chat .letsChat-form ul li input.flash {border-color: #86a5b5;}
.about .lets-chat .letsChat-form ul li .submit {
	display: block;
	border: 2px solid #86a5b5;
	padding: 10px 20px;
	background: transparent;
	color: #86a5b5;
	font-family: "Open Sans", sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.about .lets-chat .letsChat-form ul li .submit:hover {background: #f8f8f8;}


.newsletter-wrapper {background: #333333;}
.newsletter-left {padding: 20px; text-align: center;}
.newsletter-left h1,
.newsletter-left h2 {font-size: 1.125em; line-height: 1.5em; color: #86a5b5; letter-spacing: 0;}
.newsletter-left h1 span,
.newsletter-left h2 span {font-weight: 400; font-style: italic; display: block;}
.newsletter-right {background: #272727; padding: 20px}
#newsletter {position: relative;}
#newsletter input[type="email"],
#newsletter input[type="submit"] {border: 0 none; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px;}
#newsletter input[type="email"] {color: #86a5b5}
#newsletter input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	background: #de3749;
	width: 50px;
	height: 100%;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	font-weight: 800;
}
#newsletter #response {
	color: red;
	font-size: 0.75em;
	padding: 2px;
	position: absolute;
	top: 32px;
	width: 100%;
	z-index: 122;
}
#newsletter.success #response {color: green;}
#newsletter #response p {margin: 0;}


/*	SHARED
------------------------------------------------------- */
.to-top {background-image: url(/img/sprite-arrow.png); background-repeat: no-repeat;}

.to-top {
	width: 30px;
	height: 30px;
	text-indent: -9999em;
	background-color: rgba(1,1,1,0.15);
	background-position: -26px 6px;
	background-size: auto 50%;
	position: fixed;
	bottom: 15px;
	right: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: all 0.25s ease-in 0s;
	transition: all 0.25s ease-in 0s;
	opacity: 0;
}
.to-top.active {opacity: 1;}

.callout {color: #da3949; font-style: italic;}
.callout span {display: inline-block; padding: 0 3px;}
.callout span:first-child {padding-left: 0;}


.quarter-wrapper {}
.quarter-wrapper .quarter {}

.button-wrapper {display: inline-block;}
.button-wrapper a,
.button-wrapper a:visited {
	display: inline-block;
	border: 2px solid #86a5b5;
	padding: 10px 20px;
	background: transparent;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #da3949;
}
.button-wrapper a:hover,
.button-wrapper a:focus {border-color: #ffffff; color: #86a5b5;}


/*	FOOTER
------------------------------------------------------- */
.footer-wrapper {background: #1e1e1e; padding: 40px; min-height: 200px; text-align: center; color: #ffffff;}
.footer {font-family: "Open Sans", sans-serif; font-weight: 800; text-transform: uppercase; font-size: 0.750em;}
.footer img {width: 100px;}
.footer > span {display: block; color: #86a5b5;}



@media only screen and (min-width: 1em) and (max-width: 47.938em) {

	.navigation {}
	.navigation.active {
		position: fixed;
		top: 0;
		right: 0;
		text-align: center;
		width: 100%;
		height: 100%;
		opacity: 1;
		z-index: 1001;
	}
	.navigation.active > .inner {
		text-align: center;
		height: 100%;
		background: rgba(222,55,73,0.90);
		-webkit-transition: opacity 0.25s ease-in-out;
		transition:  opacity 0.25s ease-in-out;
	}
	.nav-toggler {top: 15px; right: 20px;}
	.navigation.active .nav-toggler .inner > span:before {background: #ffffff;}
	.navigation ul {padding: 0; top: 50%; position: relative;}
	.navigation ul li {display: block; padding: 10px;}
	.navigation ul li a,
	.navigation ul li a:link,
	.navigation ul li a:visited {font-size: 1.5em;}
	.navigation ul li a:hover,
	.navigation ul li a:focus {color: #d1dbe4;}


	.desktop-only,
	.carousel-wrapper .button-wrapper,
	.carousel-wrapper .item .item-inner p,
	#more-work {display: none !important;}

	.slick-arrow {
		top: auto;
		bottom: 20px;
		width: 20px;
		height: 20px;
		margin: -10px 0 0;
	}
	.slick-next {right: 40px;}
	.slick-prev {left: 40px;}
	.slick-dots {bottom: 10px;}

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

	h1, h2 {font-size: 3.5em}
	/*h2 {font-size: 3em;}*/
	h3 {font-size: 1.75em;}

	.navigation {top: 20px; right: 20px; text-align: right;}
	.navigation > .inner {
		-webkit-transform:translateX(100%);
		transform:translateX(100%);
		-webkit-transition: all 0.5s ease-in-out, opacity 1s ease-in;
		transition: all 0.5s ease-in-out, opacity 1s ease-in;
	}
	.navigation.active > .inner { -webkit-transform:translateX(0px); transform:translateX(0px);}
	.navigation ul {margin: 0 !important;}
	.navigation ul li { padding: 0 15px;}
	.navigation ul li a,
	.navigation ul li a:link,
	.navigation ul li a:visited {font-size: 1em;}

	.site-loaded .navigation {}

	.splash-lander .logo {margin: -130px 0 0 -148px;}
	.splash-lander .logo img {width: auto;}

	.carousel-wrapper .item .item-inner {background-size: 100% auto;}
	.carousel-wrapper .item .item-inner h1 span,
	.carousel-wrapper .item .item-inner h2 span { margin: 0 0 0 20px; padding: 0 0 0 10px; }
	.carousel-wrapper .item .item-inner .content {padding: 80px 0 50px 10%;}
	.carousel-wrapper .item .item-inner p { line-height: 1.5em; max-width: 75%;}
	.carousel-wrapper .item .item-inner img {max-width: 95%}

	.quarter-wrapper .quarter {
		float: left;
		width: 25%;
		display: inline-block;
	}

	.services {padding: 0;}
	.services p {font-size: 1em; line-heightL: 1.75em;}
	.services .container > .inner {padding: 100px 10%; }
	.services .quarter-wrapper {margin: 0 -5px;}
	.services .quarter {text-align: center; }
	.services .quarter > .inner {border: 1px solid #ffffff; margin: 0 5px; padding: 10px;}
	.services .quarter h3 {min-height: 120px; font-size: 0.875em; padding: 30px 0 45px;background: url(/img/services-linework.png) no-repeat center 90%;}
	.services .quarter > img {}
	.services .quarter ul {padding: 0; min-height: 70px;}
	.services .quarter ul li {background: none; font-size: 0.750em; line-height: 1.125em; padding: 0 0 5px;}
	.services .icon-wrapper {width: 100%; height: auto; margin: -20px auto 0; padding: 15% 0; float: none;}
	.services .icon-wrapper:after {}
	.services .icon-wrapper img {max-width: 40%; max-height: 50px; height: auto; margin: 0 auto;}

	.services .angler {
		height: 65%;
		left: 0;
		position: absolute;
		top: 35%;
		width: 100%;
		z-index:1;
	}
	.services .angler:before {
		background: #de3749;
		content: "";
		height: 100%;
		left: 0;
		right: 0;
		position: absolute;
		-webkit-transform: skewY(10deg);
		transform: skewY(10deg);
		-webkittransform-origin: 0 50% 0;
		transform-origin: 0 50% 0;
		z-index: 1;
	}

	.about {padding: 0;}
	.about .container > .inner {padding: 0 10%; }
	.about .container > .inner > div {display: table-cell; vertical-align: top;}
	.about .about-left {padding: 100px 7.5% 60px 0; width: 60%;}
	.about .about-right {padding: 60px 20px 20px; width: 40%; border-top: 10px solid #86a5b5; }
	.about .lets-chat h2 {}

	.newsletter-wrapper {padding: 0 10%;}
	.newsletter-left {padding: 20px 0; width: 60%; float: left; text-align: left;}
	.newsletter-left h1,
	.newsletter-left h2 {font-size: 1.250em; line-height: 2.5em;letter-spacing: 0;}
	.newsletter-left h1 span,
	.newsletter-left h2 span {display: none;}
	.newsletter-right {padding: 30px 20px; width: 40%; float: right;}

	.footer-wrapper {padding: 5%;}

}

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

	h1, h2 {font-size: 4.5em}

	.portfolio {}
	.carousel-wrapper .item .item-inner .content {}
	.carousel-wrapper .item .item-inner h1,
	.carousel-wrapper .item .item-inner h2 {}
	.carousel-wrapper .item .item-inner p {}
	.carousel-wrapper .item .item-inner img {}
	.slick-dots {bottom: 30px;}

	.services .quarter h3 {min-height: 0; font-size: 1em; padding: 30px 0 45px; background-position: center bottom;}
	.services .quarter h3 span {display: block;}
	.services .quarter ul {min-height: 0; padding: 10px 0 20px 5px;}
	.services .quarter ul li {
		padding: 0 0 0 20px;
		background: url(/img/services-bullet.png) no-repeat left center;
		font-size: 0.875em;
		line-height: 1.75em;
	}
	.services .icon-wrapper img {max-height: 70px;}

	.about .about-right {padding: 60px;}

	.newsletter-right {padding: 30px 60px;}
	.newsletter-left h1 span,
	.newsletter-left h2 span {display: inline;}

}

@media only screen and (min-width: 80em) {
	.carousel-wrapper .item .item-inner {background-size: auto auto;}
	.carousel-wrapper .item .item-inner p {font-size: 1.125em;}
	.services .quarter ul li { font-size: 0.938em;}
	.services p {font-size: 1em; line-heightL: 1.75em; max-width: 75%}
}

@media only screen and (min-width: 85.375em) {
	.about .about-left {padding-top: 160px;}
	.carousel-wrapper .item .item-inner h1,
	.carousel-wrapper .item .item-inner h2 {}
	.portfolio {background: #4b4b4b;}
	.carousel-wrapper .item .item-inner .content {left: 50%; margin-left: -683px;}
}

@media only screen and (min-width: 93.750em) {
	.about .about-left {padding-top: 120px;}
	.services .angler {top: 0; height: 100%;}
	.services .angler:before {
		-webkit-transform: skewY(5deg);
		transform: skewY(5deg);
	}
	.carousel-wrapper .item .item-inner h1,
	.carousel-wrapper .item .item-inner h2 {}
}