/*
 Theme Name:   Chase Design Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Chase Design Child Theme
 Author:       Chase Design
 Author URI:   http://example.com
 Template:     chasedesign
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  chasedesign-child
*/

@import url("//fonts.googleapis.com/css?family=Cormorant+Garamond:300,400|Cardo|Josefin+Sans:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic");

@import url("//hello.myfonts.net/count/2dbe1f");
 
@font-face {font-family: StRyde-Medium;src: url('webfonts/2DBE1F_0_0.eot');src: url('webfonts/2DBE1F_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2DBE1F_0_0.woff2') format('woff2'),url('webfonts/2DBE1F_0_0.woff') format('woff'),url('webfonts/2DBE1F_0_0.ttf') format('truetype');}
  
@font-face {font-family: StRydeRegular;src: url('webfonts/2DBE1F_1_0.eot');src: url('webfonts/2DBE1F_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2DBE1F_1_0.woff2') format('woff2'),url('webfonts/2DBE1F_1_0.woff') format('woff'),url('webfonts/2DBE1F_1_0.ttf') format('truetype');}
  
@font-face {font-family: 'StRyde-Bold';src: url('webfonts/2DD9D3_0_0.eot');src: url('webfonts/2DD9D3_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2DD9D3_0_0.woff2') format('woff2'),url('webfonts/2DD9D3_0_0.woff') format('woff'),url('webfonts/2DD9D3_0_0.ttf') format('truetype');}
 
@font-face {font-family: 'StRyde-Light';src: url('webfonts/2DD9D3_1_0.eot');src: url('webfonts/2DD9D3_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2DD9D3_1_0.woff2') format('woff2'),url('webfonts/2DD9D3_1_0.woff') format('woff'),url('webfonts/2DD9D3_1_0.ttf') format('truetype');}

@font-face {font-family: 'CaeciliaLTPro-56Italic';src: url('webfonts/2DBE1F_2_0.eot');src: url('webfonts/2DBE1F_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2DBE1F_2_0.woff2') format('woff2'),url('webfonts/2DBE1F_2_0.woff') format('woff'),url('webfonts/2DBE1F_2_0.ttf') format('truetype');}

@font-face {
	font-family: 'Dazs';
	src: url('webfonts/Dazs.woff2') format('woff2');
	src: url('webfonts/Dazs.woff') format('woff');
}

/*-----------------------------------------------------------------------------------*/
/*  General Site Positioning & Layout
/*-----------------------------------------------------------------------------------*/

body {
	position: relative;
	padding: 0;
}

.error404 body {
	height: 100%;
}

.container {
	clear: both;
 	content: "";
 	display: table;

	width: 100%;
	max-width: 1440px;

	padding: 0px;
	margin: 0 auto;
}

.container.full-width {
	width: 100%;
	max-width: inherit;

	margin: 0px;
}

.single-blog .blog-wrapper {
	padding-left: 40px;
	padding-right: 40px;
}

@media screen and (max-width: 768px) {
	.single-blog .blog-wrapper {
		padding-left: 1.5%;
		padding-right: 1.5%;
	}
}

.col {
	display: block;
	float:left;

	padding-left: 1.5%;
	padding-right: 1.5%;
}

.col:first-child { margin-left: 0; }

.col_1_of_2 {
	width: 50%;
}

.col_2_of_2 {
	width: 100%;
}

.col_1_of_3 { 
	width: 33.3333333%;
}

.col_2_of_3 {
	width: 66.6666666%;
}

.col_3_of_3 {
	width: 100%;
}

.col_1_of_4 { 
  width: 25%;
}

@media only screen and (max-width: 768px) {
    .col_1_of_3, .col_2_of_3, .col_3_of_3 { width: 100%; }
    .col_1_of_2, .col_2_of_2 { width: 100%; }
    .col_1_of_4 { width: 100%; }
}

.zilla-mobile-menu-dropdown {
  width: 104px;
  height: 80px !important;
  padding: 40px 40px;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 1);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  outline: 0;
}

@media screen and (max-width: 960px) {
	.zilla-mobile-menu-dropdown {
		width: 60px;
  		height: 60px !important;
  		padding: 20px 20px;
  	}
}

.transparent .zilla-mobile-menu-dropdown, .menu-open .zilla-mobile-menu-dropdown {
	background-color: transparent;
}

.zilla-mobile-menu-dropdown:focus {
	outline: 0;
	outline: none;
}

.patty {
  width: 24px;
  height: 4px;
  margin: 10px 0;
  background: #b0afaf;
  position: relative;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.patty:after, .patty:before {
  content: '';
  display: block;
  width: 24px;
  height: 4px;
  background: #b0afaf;
  position: absolute;
  z-index: -1;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.patty:before {
  top: -8px;
}

.patty:after {
  top: 8px;
}

.zilla-mobile-menu-dropdown:hover .patty:before {
  top: -9px;
}

.zilla-mobile-menu-dropdown:hover .patty:after {
  top: 9px;
}

.menu-open .patty {
  background: none !important;
}

.menu-open .patty:before {
  top: 0 !important;
  background: #ce7736 !important;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menu-open .patty:after {
  top: 0 !important;
  background: #ce7736 !important;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.site-content {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0;
}

.header-wrapper {
	max-width: 1440px;
	margin: 0 auto;

	padding-left: 1.5%;
	padding-right: 1.5%;
}

.primary-menu > li > a {
  margin-left: 25px;
}

.primary-menu a {
	color: #000;
	font-family: StRyde-Medium;
	text-transform: uppercase;
	font-size: 17px;
    letter-spacing: 2px;
}

.primary-menu > li > a {
	margin-bottom: 2px;
}
.primary-menu a:hover, .primary-menu .sfHover > a, .primary-menu .current-menu-item > a {
	color: #b0afaf;
}

.primary-menu > .current-menu-item > a {
}

/*-----------------------------------------------------------------------------------*/
/*  Portfolio & Home Page Slider
/*-----------------------------------------------------------------------------------*/



/* Disables feature image from automatically showing up in portfolio posts*/
.portfolio-media-feature img { 
    display: none; 
}

/* Removes titles from homepage slider*/
.home-slider .entry-title { 
    display: none;
}

/* Sets size of home page image slider */
.page-template-template-contact-cdg-php .site-content,
.page-template-template-home-cdg-php .site-content,
.page-template-template-work-cdg .site-content,
.page-template-template-news-cdg .site-content,
.page-template-template-blog-cdg .site-content,
.page-template-template-culture-cdg-php .site-content,
.page-template-template-culture-people-cdg .site-content,
.page-template-template-culture-founder-cdg .site-content,
.page-template-template-culture-beliefs-cdg .site-content,
.page-template-template-culture-studios-cdg .site-content,
.page-template-template-approach-cdg-php .site-content,
.page-template-template-contact-new-cdg .site-content,
.page-template-template-careers-cdg .site-content,
.page-template-template-careers-new-cdg .site-content,
.archive .site-content {
	max-width: none;
	padding-top: 0;
}

.page-template-template-work-cdg .site-content,
.page-template-template-news-cdg .site-content,
.page-template-template-blog-cdg .site-content,
.page-template-template-culture-cdg-php .site-content,
.page-template-template-culture-people-cdg .site-content,
.page-template-template-culture-founder-cdg .site-content,
.page-template-template-culture-beliefs-cdg .site-content,
.page-template-template-culture-studios-cdg .site-content,
.page-template-template-approach-cdg-php .site-content,
.page-template-template-careers-cdg-php .site-content,
.page-template-template-contact-new-cdg .site-content,
.page-template-template-careers-new-cdg .site-content,
.single-work .site-content,
.archive .site-content {
	padding-top: 80px;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.menu-hovered.page-template-template-work-cdg .site-content,
.menu-hovered.page-template-template-news-cdg .site-content,
.menu-hovered.page-template-template-blog-cdg .site-content,
.menu-hovered.page-template-template-culture-cdg-php .site-content,
.menu-hovered.page-template-template-culture-people-cdg .site-content,
.menu-hovered.page-template-template-culture-founder-cdg .site-content,
.menu-hovered.page-template-template-culture-beliefs-cdg .site-content,
.menu-hovered.page-template-template-culture-studios-cdg .site-content,
.menu-hovered.page-template-template-approach-cdg-php .site-content,
.menu-hovered.page-template-template-careers-cdg-php .site-content,
.menu-hovered.page-template-template-contact-new-cdg .site-content,
.menu-hovered.page-template-template-careers-new-cdg .site-content,
.menu-hovered.single-work .site-content,
.menu-hovered.archive .site-content {
/*  padding-top: 145px;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
*/}


@media screen and (max-width: 960px) {
	.page-template-template-work-cdg .site-content,
	.page-template-template-news-cdg .site-content,
	.page-template-template-blog-cdg .site-content,
	.page-template-template-culture-cdg-php .site-content,
	.page-template-template-culture-people-cdg .site-content,
	.page-template-template-culture-founder-cdg .site-content,
	.page-template-template-culture-beliefs-cdg .site-content,
	.page-template-template-culture-studios-cdg .site-content,
	.page-template-template-approach-cdg-php .site-content,
	.page-template-template-contact-new-cdg .site-content,
	.page-template-template-careers-new-cdg .site-content,
	.single-work .site-content,
	.archive .site-content  {
		padding-top: 60px;
	}
}

.page-template-template-work-cdg .primary-menu a, .page-template-template-news-cdg .primary-menu a {
	color: #b0afaf;
}

.page-template-template-contact-cdg-php .site-main,
.page-template-template-home-cdg-php .site-main,
.page-template-template-culture-cdg-php .site-main,
.page-template-template-culture-founder-cdg .site-main,
.page-template-template-culture-beliefs-cdg .site-main,
.page-template-template-culture-people-cdg .site-main,
.page-template-template-culture-studios-cdg .site-main,
.page-template-template-approach-cdg-php .site-main,
.page-template-template-careers-new-cdg-php .site-main,
.page-template-template-contact-new-cdg .site-main {
	float: none;
	width: auto;
}

/* Styles overlay type for portfolio thumbnails*/

.type-portfolio-2col a:hover .entry-title { opacity: 1; }
.type-portfolio-2col .entry-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 370px;
	margin: 0;
	background: rgba(50,50,50,0.7);
	text-align: center;
	display: table;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
.type-portfolio-2col .entry-title .cell {
	display: table-cell;
    vertical-align: middle;
}

.type-portfolio-2col .entry-title .cell span {
	display: inline-block;
	background: rgba(0,0,0,0);
	font-size: 34px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
	line-height: 1.6em;
	color: #fff;
	padding: 20px 30px;
	max-width: 80%;
}

/*-----------------------------------------------------------------------------------*/
/*	5.	Main Content Styles
/*-----------------------------------------------------------------------------------*/

a.slidesjs-play.slidesjs-navigation, a.slidesjs-stop.slidesjs-navigation {
	display: none !important;
}

.site-header {
	background-color: transparent;
}

/*-----------------------------------------------------------------------------------*/
/*	8.	Footer Styles
/*-----------------------------------------------------------------------------------*/

.site-footer-contact {
	margin: 80px auto 0;
	padding: 0 40px;
	text-align: center;
}

.site-footer-contact h3 {
	font-family: serif;
	font-size: 52px;
	color: #bbbbbb;
	font-style: italic;
	margin: 0;
	padding-top: 18px;
	padding-bottom: 20px;
	border-top: 3px solid #e2e2e2;
	line-height: 100%;
}

.site-footer-contact a {
	text-transform: uppercase;
	color: #d1792f;
	font-weight: 700;
	font-size: 18px;
}

.site-footer {
	max-width: 100%;
	margin: 50px auto 0;
	padding: 0px 40px;
	font-size: 11px;
	color: #8e8d8d;
    background-color: #e0e0e0;
}

@media screen and (max-width: 768px) {
	.page-template-template-home-php .site-footer,
	.site-footer {
		padding: 0px 20px;
	}
}

.site-footer a {
	color: #8e8d8d;
}

.site-footer .social { 
    margin-bottom: 20px;
    margin-top: 20px;
}

.site-footer .social a {
	display: inline-block;
	margin-left: 25px;
}
.site-footer .social a svg {
	color: #fff;
	width: 40px;
	height: 40px;
	fill: #fff;
	vertical-align: middle;
}

.site-footer .social a:hover svg { fill: #ce7736; }
.site-footer .social .behance svg { width: 30px; height: 30px; }
.site-footer .social .medium svg { width: 27px; height: 27px; }
.site-footer .social .twitter svg { width: 50px; height: 50px; }
.site-footer .social .linkedin svg { width: 34px; height: 34px; }

.site-footer .copyright {
	float: right;
}

.site-footer .copyright p {
	font-size: 13px;
	text-align: right;

}

/*-----------------------------------------------------------------------------------*/
/*	9.	Page & Page Templates
/*-----------------------------------------------------------------------------------*/


.site-footer {
	margin: 0;
}

.footer-contact {
	width: 20%;
	float: left;
}
/*.home-slider .portfolio a {
	text-align: center;
}

.home-slider .entry-title.featured-text {
	text-align: center;
	position: relative;
	bottom: auto;
	left: auto;
	background: none;
	font-size: 72px !important;
	line-height: 1.1em !important;
	color: #fff !important;
	padding: 15px 30px;
	margin-bottom: 0;
	margin-top: 0;
	display: block;
	width: 60%;
	margin-left: 20%;

	font-family: serif;
	font-style: italic;
	text-transform: none !important;
}*/

/*-----------------------------------------------------------------------------------*/
/*	11.	Media Queries
/*-----------------------------------------------------------------------------------*/

.site-footer {
	padding-top: 30px !important;
	padding-bottom: 35px !important;
}

.site-footer .address {
	margin-bottom: 30px;
}

.site-footer .address .address-city {
    color: #fff;
}

.site-footer .address .address-phone {

}

.site-footer .address .address-mail {

}

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

	.site-footer .address {
		margin-bottom: 30px;

		width: 50%;
	}

	.site-footer .social {
		margin: 0 auto;
		float: none;

		text-align: left;

		/*border-bottom: 2px solid #fff;*/
		padding-bottom: 20px;

		padding-top: 20px;
	}

	.site-footer .social a {
		width: auto;
		margin-left: 5px;
		margin-right: 5px;
		text-align: center;
	}

	.site-footer .copyright {
		width: 100%;
		float: none;
		text-align: center;
	}
}

@media screen and (max-width: 568px) {
	.site-footer .address {
		width: 100%;
	}
}

.page-culture .header-intro-wrapper {
	background-color: #fba500;

	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;

	color: #fff;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.page-culture .header-intro-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.page-culture .header-intro p {
	margin: 0;
}

.people-wrapper {
	background-color: #00a2b1;

	padding-bottom: 125px;
	padding-top: 125px;
}

@media only screen and (max-width: 768px) {
	.people-wrapper {
		padding-bottom: 40px;
		padding-top: 40px;
	}
}

.people-wrapper .standard-intro {
	margin-bottom: 120px;
}

@media only screen and (max-width: 768px) {
	.people-wrapper .standard-intro {
		margin-bottom: 50px;
	}
}

.people-wrapper .standard-intro-wrapper .standard-intro .intro-title h2 {
	color: #fff;
}

.people-wrapper .standard-intro-wrapper .standard-intro .intro-message {
	color: #fff;
}

.people-listing {
	padding-left: 40px;
	padding-right: 40px;
}

.people {
	padding-right: 1.5%;
	padding-left: 1.5%;
}

.people .person {
	width: 19%;
	display: block;
  	float: left;
  	margin: 0.5% 0 0.25% 1%;

  	cursor: pointer;
}

.people .person:nth-child(5n+1) {
	margin-left: 0;
}

@media screen and (max-width: 768px) {
	.people-listing {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (max-width: 568px) {
	.people .person {
		width: 49%;
	}

	.people .person:nth-child(5n+1) {
		margin: 0.5% 0 0.25% 1%;
	}

	.people .person:nth-child(2n+1) {
		margin-left: 0;
	}
}

.people .person .person-photo img {
	vertical-align: top;

	width: 100%;
}

.people .person .person-details {
	display: none;
}

#people-modal {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;

	background-color: rgba(27, 103, 137, 0.85);

	display: none;
}

#people-modal .previousPerson {
	height: 55px;
	width: 23px;

	background-image: url('images/carousel-nav-non-white.png');
	background-position: -23px center;

	position: absolute;
	left: 20px;

	cursor: pointer;

	opacity: 0.55;
}

#people-modal .nextPerson {
	height: 55px;
	width: 23px;

	background-image: url('images/carousel-nav-non-white.png');
	background-position: left center;

	position: absolute;
	right: 20px;

	cursor: pointer;

	opacity: 0.55;
}

#people-modal .previousPerson:hover, #people-modal .nextPerson:hover {
	opacity: 1;
}

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

	#people-modal .previousPerson {
		left: 5px;
	}

	#people-modal .nextPerson {
		right: 5px;
	}
}

.person-container {
	display: none;
}

.person-container img {
	vertical-align: top;

	width: 100%;

	-webkit-clip-path: circle(50% at 50% 50%);
	clip-path: circle(50% at 50% 50%);
}

.person-container p {
	margin: 0;
}

.person-container .person-details {
	margin-top: 15px;

	text-align: center;
}

.person-container .person-name {
	color: #fff;
}

.person-container .person-title {
	display: inline-block;

	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
	margin-bottom: 10px;

	color: #fff;

	border-bottom: 1px solid #fff;
}

.person-container .person-bio {
	color: #fff;
	margin-top: 0px;

	margin-left: -50px;
	margin-right: -50px;
}

@media screen and (max-width: 568px) {
	.person-container .person-details {
		text-align: left;

		position: absolute;

		left: 0;
		right: 0;
	}

	.person-container .person-title {
		padding-left: 0;
	}
}

/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.home-carousel {
    position: relative;
    overflow: hidden;

    margin-left: -40px;
    margin-right: -40px;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.home-carousel div.items {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.home-carousel article {
    /* Required only for block elements like <li>'s */
    float: left;
}

.home-carousel article a {
	display: block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	position: relative;
	overflow: hidden;
}

.home-carousel article h2 {
	display: none;
}

.home-carousel .slide-title {
	width: 300px;
	height: 300px;

	-webkit-clip-path: circle(50% at 50% 50%);
	clip-path: circle(50% at 50% 50%);
	background-color: rgba(27, 103, 137, 0.7);

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	text-align: center;

	color: #fff;

	position: absolute;
	top: 0;
	right: -300px;

	transition: right 2s;
}

.home-carousel-pagination {
	position: absolute;
    bottom: 0px;
	width: 100%;
	text-align: center;
}

.home-carousel-pagination a {
	display: inline-block;
	width: 26px;
	height: 26px;

	background-image: url('images/carousel-pagination.png');
	background-position: center -6px;
	background-repeat: no-repeat;

	text-indent: 101%;
  	overflow: hidden;
  	white-space: nowrap;
}

.home-carousel-pagination a.active {
	opacity: 0.55;
}

.home-carousel-pagination a:focus {
	outline: 0;
}

.home-carousel .title-heading {
	width: 60%;

	margin-bottom: 20px;
	margin-top: -40px;

	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
}


.home-carousel .title-content {
	width: 60%;

	font-size: 22px;
	line-height: 125%;
}

.home-intro-message {
	background-color: #e1e1e1;

	padding: 40px;

	color: #b2b0b1;
}


@media screen and (max-width: 568px) {
	.home-intro-message {
		font-size: 22px;

  		padding-right: 20px;
  		padding-left: 20px;
	}
}

.home-intro-message a {
	color: #fff;
}

.home-intro-message p {
	margin: 0;
}

.single-blog .container {
	padding-left: 1.5%;
    padding-right: 1.5%;
    padding-top: 40px;
}

@media screen and (max-width: 768px) {
	.single-blog .container {
		width: 100%;
    	padding-left: 20px;
    	padding-right: 20px;
	}
}

.single-work .site-content {
	max-width: inherit;
}

.single-blog .site-content {
	max-width: inherit;
}

.work-section {
	position: relative;
}

.work-section.layout-text_left {
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: row;
	flex-direction: row;
}

.work-section.layout-text_right {
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.work-section.layout-text_left .section-content-wrapper,
.work-section.layout-text_right .section-content-wrapper {
	width: 36%;

	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}

.work-section.layout-text_left .section-content-wrapper {
	-webkit-justify-content: flex-end;
  	justify-content: flex-end;
}

.work-section.layout-text_left .section-content {
	text-align: left;

	padding-left: 40px;
	padding-right: 40px;

	max-width: 520px;
}

.work-section.layout-text_right .section-content {
	text-align: left;

	padding-left: 40px;
	padding-right: 40px;

    max-width: 520px;
    float: left;
}

.work-section.layout-text_left .section-content .content-title,
.work-section.layout-text_right .section-content .content-title {
	padding-left: 1.5%;
	padding-right: 1.5%;
}

.work-section.layout-text_left .section-content .content-content,
.work-section.layout-text_right .section-content .content-content {
	padding-left: 1.5%;
	padding-right: 1.5%;
}

.work-section.layout-text_left .section-image-wrapper,
.work-section.layout-text_right .section-image-wrapper {
	width: 64%;

	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}

.work-section.layout-text_left .section-image-wrapper .section-image,
.work-section.layout-text_right .section-image-wrapper .section-image {
	max-width: 960px;

	width: 100%;
}

.work-section.layout-text_left.fixed-layout .section-image {
  max-width: 720px;
  float: left;
}

.work-section.layout-text_right.fixed-layout .section-image {
  max-width: 720px;
  float: right;
}

.work-section.layout-text_top {
	display: flex;
	flex-direction: column;
}

.work-section.layout-text_top .section-content {
	width: 100%;
	max-width: 1440px;

	margin: 0 auto;

	padding-top: 50px;
	padding-left: 1.5%;
	padding-right: 1.5%;
	padding-bottom: 20px;
}

.work-section.layout-text_top .section-content.content-layout-left {
	padding-right: 50%;
}

.work-section.layout-text_top .section-content.content-layout-right {
	padding-left: 50%;
}

.work-section.layout-text_top .section-image {
	width: 100%;
}

.work-section.layout-text_top.width-fixed .section-content, .work-section.layout-text_top.width-fixed .section-image {
	max-width: 1440px;
	margin: 0 auto;
}

.work-section.layout-text_bottom {
	display: -webkit-flex;
	display: flex;


	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.work-section.layout-text_bottom .section-content {
	width: 100%;

	padding-top: 2%;
	padding-left: 7.5%;
	padding-right: 7.5%;
	padding-bottom: 5%;
}

.work-section.layout-text_bottom .section-image {
	width: 100%;
}

.work-section.layout-text_bottom.width-fixed .section-content, .work-section.layout-text_bottom.width-fixed .section-image {
	max-width: 1440px;
	margin: 0 auto;
}

.work-section.layout-text_top .section-content-wrapper {
	padding-left: 40px;
	padding-right: 40px;
}

.work-section.layout-text_only .section-content-wrapper {
	padding-left: 40px;
	padding-right: 40px;
} 

.work-section.layout-text_only .section-content {
	padding-top: 2%;
	padding-left: 1.5%;
	padding-right: 1.5%;
	padding-bottom: 2%;
}

.work-section.layout-text_only.width-fixed .section-content {
    max-width: 1440px;
	margin: 0 auto;
}

.work-section.layout-text_only .section-content p:last-child {
	margin-bottom: 0;
}

.work-section.layout-single_image.width-fixed .section-image {
	max-width: 1440px;
	margin: 0 auto;
}

.work-section.layout-image_grid.width-fixed .section-images {
	max-width: 1440px;
	margin: 0 auto;
}

.work-section.layout-video.width-fixed .section-video {
	max-width: 1440px;
	margin: 0 auto;
}

.work-section.layout-video_gallery.width-fixed .section-videos {
	max-width: 1440px;
	margin: 0 auto;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

@media screen and (max-width: 768px) {
	.embed-container.mobile-video { position: relative; padding-bottom: 77.77%; height: 0; overflow: hidden; max-width: 100%; }
}

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

.work-section.layout-image_grid.width-fixed .section-image-grid-wrapper:after {
  clear: both;
  content: "";
  display: table;
}

.work-section.layout-video_gallery.width-fixed .section-video-grid-wrapper:after {
	clear: both;
	content: "";
	display: table;
  }

.work-section:after {
  clear: both;
  content: "";
  display: table;
}

.work-section.layout-image_grid .columns-two .image-grid-item {
	width: 50%;
	float: left;
}

.work-section.layout-image_grid .columns-three .image-grid-item {
	width: 33.3333333%;
	float: left;
}

.work-section.layout-image_grid .columns-four .image-grid-item {
	width: 25%;
	float: left;
}

@media screen and (max-width: 1024px) {
	.work-section.layout-image_grid .columns-four .image-grid-item {
		width: 50%;
	}
}

@media screen and (max-width: 568px) {
	.work-section.layout-image_grid .columns-two .image-grid-item, .work-section.layout-image_grid .columns-three .image-grid-item, .work-section.layout-image_grid .columns-four .image-grid-item {
		width: 100%;
	}
}

.work-section.layout-video_gallery .video-grid-item {
	padding-left: 20px;
    padding-right: 20px;
}

.work-section.layout-video_gallery .video-grid-item-video {
	margin-bottom: 12px;
}

.work-section.layout-video_gallery .video-grid-item-video > div, .work-section.layout-video_gallery .video-grid-item-video video {
	width: 100% !important;
	height: auto !important;
}

.work-section.layout-video_gallery .video-grid-item-subtitle {
	text-align: center;

	font-family: StRyde-Medium;
    font-size: 17px;
    letter-spacing: 2px;
}

.work-section.layout-video_gallery .video-grid-item-subtitle p {
	margin-bottom: 1em;
} 

.work-section.layout-video_gallery .columns-two .video-grid-item {
	width: 50%;
	float: left;
}

.work-section.layout-video_gallery .columns-three .video-grid-item {
	width: 33.3333333%;
	float: left;
}

.work-section.layout-video_gallery .columns-four .video-grid-item {
	width: 25%;
	float: left;
}

@media screen and (max-width: 1024px) {
	.work-section.layout-video_gallery .columns-four .video-grid-item {
		width: 50%;
	}
}

@media screen and (max-width: 568px) {
	.work-section.layout-video_gallery .columns-two .video-grid-item, .work-section.layout-video_gallery .columns-three .video-grid-item, .work-section.layout-video_gallery .columns-four .video-grid-item {
		width: 100%;
	}
}

.work-section .content-title h2 {
	color: #8d8d8d;

	display: inline-block;

	padding-right: 10px;
	padding-bottom: 4px;

	border-bottom: 1px solid #8d8d8d;

	text-transform: uppercase;

	margin-bottom: 15px;
}

.work-section .content-heading {
	color: #141215;

	margin-bottom: 10px;
}

.work-section .content-content {
	color: #999898;
}

.work-section .background-color .content-title h2 {
	color: #fff;

	border-bottom: 1px solid #fff;
}

.work-section .background-color .content-heading {
	color: #fff;
}

.work-section .background-color .content-content {
	color: #fff;
}

.work-section.layout-download {
	padding-top: 40px;
	padding-bottom: 40px;
}

#content a.pdf-download {
	padding-left: 80px;

	background-image: url('images/pdf-icon.png');
	background-size: contain;
	background-repeat: no-repeat;

	font-family: StRyde-Medium;
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;

	height: 60px;
	display: block;
	line-height: 60px;

	color: #b6b5b5;
}

#content a.pdf-download:hover {
	color: #b6b5b5;
}

.work-section img {
	width: 100%;
	vertical-align: top;
}

.work-section.layout-live_type .section-background .section-background-mobile {
	display: none;
}

.live-type-slideshow-slide .live-type-slideshow-content {
	display: flex;
	position: relative;
}

.work-section.layout-live_type .section-content-wrapper.content-layout-left .live-type-slideshow-content {
	flex-direction: row-reverse;
}

.work-section.layout-live_type .section-content-wrapper.content-layout-center .live-type-slideshow-content {
	display: block;
}

.live-type-slideshow-slide {
	right: 0px;
}

.cycle-slideshow .live-type-slideshow-slide img {
	position: relative;
	right: 0px;
}

.work-section.layout-live_type .section-content-wrapper.content-layout-left .section-background {
	width: 50%;
}

.work-section.layout-live_type .section-content-wrapper.content-layout-left .section-content {
	width: 50%;
	display: flex;
    align-content: center;
    align-items: center;
	justify-content: center;
}

.work-section.layout-live_type .section-content-wrapper.content-layout-right .section-background {
	width: 50%;
}

.work-section.layout-live_type .section-content-wrapper.content-layout-right .section-content {
	width: 50%;
	display: flex;
    align-content: center;
    align-items: center;
	justify-content: center;
}

.work-section.layout-live_type .section-content-wrapper .live-type-slideshow-slide {
	position: relative;
}

.work-section.layout-live_type .section-content-wrapper.content-layout-center .section-content {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    display: flex;
	text-align: center;
    align-content: center;
    align-items: center;
	justify-content: center;
}

.work-section.layout-live_type .section-content-wrapper.content-layout-center .content-content {
	text-align: center;
}

/* .work-section.layout-live_type .content-content div {
	line-height: 150%;
	font-size: 100%;
} */

.work-section.layout-live_type .section-content-wrapper.content-font-family-haagen-dazs .content-title h2 {
	font-family: 'Dazs';
	border: none;
	text-transform: none;
}

.work-section.layout-live_type .section-content-wrapper.content-font-family-haagen-dazs.content-layout-center .content-title h2 {
	text-align: center;
}

/* .work-section.layout-live_type .section-content-wrapper .content-title h2 {
	font-size: 100%;
} */

.work-section.layout-live_type .section-content-wrapper.content-font-family-haagen-dazs .content-content {
	font-family: 'HurmeGeometricSansNo1Regular';
}

.work-section.layout-live_type .section-content .content-wrapper {
	padding-left: 20%;
	padding-right: 20%;
}

@media screen and (max-width: 768px) {
	.work-section.layout-live_type .content-wrapper {
		padding-top: 10px;
		padding-bottom: 30px;
	}
	/* .work-section.layout-live_type .section-content-wrapper .content-title h2 {
		font-size: 75%;
	} */

	.live-type-slideshow-slide .live-type-slideshow-content {
		display: block;
	}

	/* .work-section.layout-live_type .content-content div {
		line-height: 120%;
		font-size: 75%;
	} */

	.cycle-slideshow .live-type-slideshow-slide img {
		display: block;
	}

	.work-section.layout-live_type .section-background .section-background-desktop {
		display: none;
	}
	.work-section.layout-live_type .section-background .section-background-mobile {
		display: block;
	}

	.work-section.layout-live_type .section-content-wrapper.content-layout-left .section-background {
		width: 100%;
	}

	.work-section.layout-live_type .section-content-wrapper.content-layout-left .live-type-slideshow-slide {
		flex-direction: column;
	}

	.work-section.layout-live_type .section-content-wrapper.content-layout-right .live-type-slideshow-slide {
		flex-direction: column-reverse;
	}

	.work-section.layout-live_type .section-content-wrapper.content-layout-left .section-content {
		width: 100%;
	
		display: flex;
		text-align: center;
		align-content: center;
		align-items: center;
		justify-content: center;
	}

	.work-section.layout-live_type .section-content-wrapper.content-layout-right .section-background {
		width: 100%;
	}

	.work-section.layout-live_type .section-content-wrapper.content-layout-right .section-content {
		width: 100%;
	
		display: flex;
		text-align: center;
		align-content: center;
		align-items: center;
		justify-content: center;
	}

	.work-section.layout-live_type .section-content .content-wrapper {
		padding-left: 40px;
		padding-right: 40px;
	}

	.work-section.layout-live_type .section-content-wrapper.content-font-family-haagen-dazs .content-title h2 {
		text-align: center;
	}

	.work-section.layout-live_type .content-content {
		text-align: center;

		/* line-height: 120%;
		font-size: 18px; */
	}

	.work-section.layout-live_type .content-content br {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	.work-section .content-content {
		color: #999898;

		font-size: 18px;
	}

	.work-section.layout-text_only .section-content-wrapper,
	.work-section.layout-text_top .section-content-wrapper,
	.work-section.layout-text_left .section-content-wrapper,
	.work-section.layout-text_right .section-content-wrapper {
		padding-top: 2.5%;
		padding-left: 1.5%;
		padding-right: 1.5%;

		align-items: center;
	}

	.work-section.layout-text_left .section-image-wrapper,
	.work-section.layout-text_right .section-image-wrapper {
		align-items: center;
	}
}

@media screen and (max-width: 768px) {
	.work-section.layout-text_left,
	.work-section.layout-text_right {
		display: -webkit-flex;
		display: flex;

		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.work-section.layout-text_only .section-content-wrapper,
	.work-section.layout-text_top .section-content-wrapper,
	.work-section.layout-text_left .section-content-wrapper,
	.work-section.layout-text_right .section-content-wrapper {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.work-section.layout-text_only .section-content,
	.work-section.layout-text_top .section-content,
	.work-section.layout-text_left .section-content,
	.work-section.layout-text_right .section-content {
		width: 100%;
		max-width: inherit;

		text-align: left;

		padding-left: 1.5%;
		padding-right: 1.5%;
	}

	.work-section.layout-text_left .section-content .content-title,
	.work-section.layout-text_right .section-content .content-title {
		padding: 0;
	}

	.work-section.layout-text_left .section-content .content-content,
	.work-section.layout-text_right .section-content .content-content {
		padding: 0;
	}

	.work-section.layout-text_left .section-image-wrapper,
	.work-section.layout-text_right .section-image-wrapper {
		width: 100%;
	}
}

.stage-carousel-wrapper {
	max-width: 1440px;
    margin: 0 auto;

    padding-left: 1.5%;
    padding-right: 1.5%;

    margin-bottom: 3px;
}

.stage-carousel {
    position: relative;
    overflow: hidden;

}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.stage-carousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.stage-carousel li {
    /* Required only for block elements like <li>'s */
    float: left;
}

.stage-carousel img {
	width: 100%;
    vertical-align: top;
}

.nav-carousel-wrapper {
	max-width: 1440px;
    margin: 0 auto;

    padding-left: 1.5%;
    padding-right: 1.5%;

    position: relative;
}

@media screen and (max-width: 768px) {
	#founder-slideshow-nav {
		display: none;
	}
}

.nav-carousel {
    position: relative;
    overflow: hidden;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.nav-carousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.nav-carousel li {
    /* Required only for block elements like <li>'s */
    float: left;
    margin-right: 6px;
}

.nav-carousel img {
	width: 100%;
    vertical-align: top;
}

.section-carousel {
    position: relative;
    overflow: hidden;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.section-carousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.section-carousel li {
    /* Required only for block elements like <li>'s */
    float: left;
}

.work-section.layout-gallery.width-fixed .section-carousel, .blog-section .section-carousel {
	max-width: 1440px;
	margin: 0 auto;
}

.slide-nav.prev {
	background-image: url('images/carousel-nav-on-white.png');

	background-position: right center;
	background-repeat: no-repeat;

	color: transparent;
	font: 0/0 a;
	text-shadow: none;

	position: absolute;
	left: 5%;
	top: 0;
	bottom: 0;
	z-index: 100;
	width: 23px;
	opacity: 0.55;

	outline: none;
}

.slide-nav.next {
	background-image: url('images/carousel-nav-on-white.png');
	
	background-position: left center;
	background-repeat: no-repeat;

	color: transparent;
	font: 0/0 a;
	text-shadow: none;
	position: absolute;
	right: 5%;
	top: 0;
	bottom: 0;
	z-index: 100;
	width: 23px;
	opacity: 0.55;

	outline: none;
}

.stage-carousel-wrapper .slide-nav.prev {
	left: 3%;
}

.stage-carousel-wrapper .slide-nav.next {
	right: 3%;
}

.nav-carousel-wrapper .slide-nav.prev {
	left: -20px;
}

.nav-carousel-wrapper .slide-nav.next {
	right: -20px;
}

.section-carousel-wrapper.background-color .slide-nav.prev {
	background-image: url('images/carousel-nav-non-white.png');
}

.section-carousel-wrapper.background-color .slide-nav.next {
	background-image: url('images/carousel-nav-non-white.png');
}

.single-work .slide-nav.prev, 
.single-work .slide-nav.next,
.single-work .section-carousel-wrapper.background-color .slide-nav.prev,
.single-work .section-carousel-wrapper.background-color .slide-nav.next,
.stage-carousel-wrapper .slide-nav.prev,
.stage-carousel-wrapper .slide-nav.next,
.nav-carousel-wrapper .slide-nav.prev,
.nav-carousel-wrapper .slide-nav.next, {
	background: none;
}

.stage-carousel-wrapper .slide-nav svg,
.nav-carousel-wrapper .slide-nav svg,
.single-work .slide-nav svg {
	width: 100%;

	position: relative;

	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
	.slide-nav.prev {
		left: 5px;
	}

	.slide-nav.next {
		right: 5px;
	}
}

.slide-nav:hover {
	opacity: 1;
}

.section-carousel-pagination {
  position: absolute;
  bottom: 40px;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 768px) {
	.section-carousel-pagination {
		bottom: 8px;
	}
}

.section-carousel-pagination a {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('images/carousel-pagination.png');
  background-position: center -6px;
  background-repeat: no-repeat;
  margin-left: 3px;
  margin-right: 3px;
  text-indent: 101%;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0.55;

  outline: none;
}

.single-work .section-carousel-pagination a {
	background: none;

	text-indent: inherit;
	margin-left: 0px;

	font-size: 32px;
}

.section-carousel-pagination a.active {
	opacity: 1;
}

.section-carousel-wrapper.background-color .section-carousel-pagination a {
	background-position: center -40px;
}

.work-intro-wrapper {
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
}

@media screen and (max-width: 768px) {
	.work-intro-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.work-intro-wrapper .standard-intro .intro-title h1 {
	color: #b0afaf;
}

.work-intro-wrapper .standard-intro .intro-message {
	color: #b0afaf;
}

@media screen and (max-width: 1024px) {
	.work-intro .work-intro-title h1 {
		/*font-size: 40px;*/
	}

	.work-intro .work-intro-question {
		/*font-size: 28px;*/
	}
}

@media screen and (max-width: 568px) {
	.work-intro .work-intro-title {
		/*font-size: 40px;*/
	}

	.work-intro .work-intro-question {
		/*font-size: 28px;*/
	}
}

.single-blog .content-column {
	width: 80%;
	margin-right: 5%;
	float: left;
}

.single-blog .meta-column {
	width: 15%;
	float: left;

	margin-bottom: 40px;
}

@media screen and (max-width: 1200px) {
	.single-blog .content-column {
		width: 75%;
	}

	.single-blog .meta-column {
		width: 20%;
	}
}

@media screen and (max-width: 768px) {
	.single-blog .content-column {
		width: 100%;
		float: none;
		margin: 0;
	}

	.single-blog .meta-column {
		width: 100%;
		float: none;
	}

	.single-blog .work-footer-nav {
		display: none;
	}
}

.blog-meta-date {StRydeRegular
    padding-bottom: 8px;
    border-bottom: 1px solid #d9d9d9;
    text-transform: uppercase;
    margin-bottom: 15px;

	font-family: StRyde-Medium;
    font-size: 15px;
    line-height: 150%;

	color: #8d8d94;
}

.blog-meta-author-photo {
	width: 50%;

	margin-bottom: 10px;
}

.blog-meta-author {
	margin-bottom: 20px;

	font-family: StRydeRegular;
    font-size: 15px;
    line-height: 125%;

	color: #8d8d94;
}

.blog-meta-author p {
	text-transform: uppercase;
	font-size: 12px;
}

.blog-meta-author strong {
	font-family: StRyde-Medium;
}

.blog-meta-author-photo img {
	-webkit-clip-path: circle(50% at 50% 50%);
	margin-bottom: 20px;
}

.blog-meta-tags {
	font-family: StRydeRegular;
    font-size: 15px;
    line-height: 125%;

	color: #8d8d94;

	margin-bottom: 20px;
}

.blog-meta-tags strong {
	font-family: StRyde-Medium;
}

.blog-meta-tags a {
	color: #8d8d94;
}

@media screen and (max-width: 768px) {
	.blog-meta-author-photo {
		width: 75%;
	}

	.blog-meta-column-1, .blog-meta-column-2 {
		float: left;
		width: 50%;
	}
}

.blog-meta-share {
	font-family: StRydeRegular;
    font-size: 15px;
    line-height: 125%;

	color: #8d8d94;

	margin-bottom: 20px;
}

.blog-meta-share li.heateorSssSharingRound {
	margin-right: 10px !important;
}

.blog-meta-share strong {
	font-family: StRyde-Medium;
}

.blog-meta-nav {
	border-top: 1px solid #d9d9d9;
	padding-top: 16px;
}

.blog-meta-nav div {
	display: inline-block;
	margin-right: 20px;
}

.blog-meta-nav div a {
	text-indent: 100%;
  	white-space: nowrap;
  	overflow: hidden;

  	display: block;

  	height: 24px;
  	width: 30px;

  	opacity: 0.7;
}

.blog-meta-nav div a:hover {
	opacity: 1;
}

.blog-meta-nav div.all a {
	background-image: url('images/blog-nav-icon.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px 24px;
}

.blog-meta-nav div.prev a {
	background-image: url('images/blog-nav-arrows.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 60px 15px;
}

.blog-meta-nav div.next a {
	background-image: url('images/blog-nav-arrows.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 60px 15px;
}

.blog-intro-wrapper {
	margin-bottom: 40px;
}

.blog-intro-wrapper .standard-intro .intro-title h1 {
	color: #b0afaf;
}

.blog-section {
	position: relative;
}

.blog-section p {
	margin-bottom: 0.75em;
}

.blog-section.layout-download .content {
	padding-top: 40px;
	padding-bottom: 40px;
}

.blog-section.layout-text .content.intro {
	font-family: CaeciliaLTPro-56Italic;
    font-size: 21px;
    line-height: 125%;

	color: #8d8d94;
}

.blog-section.layout-text .content.body {
	font-family: StRydeRegular;
    font-size: 19px;
    line-height: 125%;

	color: #8d8d94;
}

.blog-section.layout-text .content.quote {
	font-family: CaeciliaLTPro-56Italic;
	font-size: 40px;
	line-height: 1.25em;
	text-align: center;

	color: #8d8d94;

	padding-left: 50px;
	padding-right: 50px;

	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

@media screen and (max-width: 768px) {
	.blog-section.layout-text .content.quote {
		font-size: 25px;
		line-height: 40px;
	}
}

.blog-section.layout-images {
	margin-bottom: 20px;
}

.blog-section.layout-images ul {
	padding: 0;
	margin: 0;

	list-style: none;

	margin-bottom: 10px;
}

.blog-section.layout-images img {
	width: 100%;
	vertical-align: top;
}

.blog-section.layout-images .images.two_wide ul:after {
  clear: both;
  content: "";
  display: table;
}

.blog-section.layout-images .images.two_wide li {
	float: left;
	width: 50%;
}

.blog-section.layout-images .images.two_wide.padded li {
	width: 49%;
	margin-right: 2%;
}

.blog-section.layout-images .images.two_wide.padded li:nth-child(2n) {
	margin-right: 0%;
}

@media screen and (max-width: 568px) {
	.blog-section.layout-images .images.two_wide li {
		float: none;
		width: 100%;

		margin-right: 0%;
	}

	.blog-section.layout-images .images.two_wide.padded li {
		width: 100%;
		margin-bottom: 2%;
	}
}

.blog-section.layout-images .images.three_wide li {
	float: left;
	width: 33%;
}

@media screen and (max-width: 768px) {
	.blog-section.layout-images .images.three_wide li {
		width: 50%;
	}
}

@media screen and (max-width: 568px) {
	.blog-section.layout-images .images.three_wide li {
		width: 100%;
		float: none;
	}
}

.blog-section.layout-images .images-caption {
	font-family: CaeciliaLTPro-56Italic;
	font-size: 13px;
	line-height: 20px;

	color: #8d8d94;

	display: inline-block;
    padding-right: 10px;
    padding-bottom: 4px;
    border-bottom: 1px solid #8d8d94;
    margin-bottom: 10px;
}

.blog-section a {
	color: #ce7736;
}
  
.work-heading {
  height: 300px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}

.blog-heading {
  height: 300px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}

.work-grid-item, .blog-grid-item {
	padding: 0;

	overflow: hidden;
	position: relative;
}

@media screen and (max-width: 1024px) {
	.work-grid-item, .blog-grid-item  {
		width: 50%;
	}
}

@media screen and (max-width: 568px) {
	.work-grid-item, .blog-grid-item  {
		width: 100%;
	}
}

.work-grid-item .work-image img, .blog-grid-item .blog-image img {
	width: 100%;
	vertical-align: top;
}

.work-wipe, .blog-wipe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	opacity: 0;

	-webkit-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

.work-wipe-content-wrapper, .blog-wipe-content-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	text-align: center;
}

.work-wipe-content, .blog-wipe-content {
	text-align: center;
	opacity: 0;

	-webkit-transition: margin 0.2s ease-out, opacity 0.2s ease-out;
	-o-transition: margin 0.2s ease-out, opacity 0.2s ease-out;;
	transition: margin 0.2s ease-out, opacity 0.2s ease-out;

	margin-top: 70px;
}

.work-wipe-title, .blog-wipe-title, .news-wipe-title {
	padding-left: 20%;
	padding-right: 20%;
}

.news-wipe-title h2 {
	font-size: 13px;
	font-family: StRyde-Bold;
}

.work-wipe-title h2, .blog-wipe-title h2, .news-wipe-title h2 {
	color: #fff;

	border-bottom: 1px solid #fff;

	display: inline-block;

	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;

	margin-bottom: 10px;

	text-transform: uppercase;
}

.work-wipe-question {
	color: #fff;

	padding-left: 20%;
	padding-right: 20%;
}

.work-grid-item a:hover .work-wipe, .blog-grid-item a:hover .blog-wipe {
	opacity: 0.7;
}

.work-grid-item a:hover .work-wipe-content, .blog-grid-item a:hover .blog-wipe-content {
	opacity: 1;

	margin-top: 0px;
}

.blog-grid-item a:hover .blog-wipe {
	opacity: 0.9;
}

.blog-wipe-title h2 {
	font-family: StRydeRegular;
    font-size: 25px;
    line-height: 125%;

    text-transform: none;
    margin-bottom: 0px;
    border-bottom: none;
}

.news-grid-nav {
	margin-bottom: 20px;

	padding-left: 40px;
	padding-right: 40px;
}

.news-grid-nav .container {
	padding-left: 1.5%;
	padding-right: 1.5%;
}

.news-grid-nav ul {
	padding: 0;
	margin: 0;

	list-style: none;

	text-transform: uppercase;
}

@media screen and (max-width: 767px) {
	.news-grid-nav {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.news-grid-nav ul li {
	display: inline-block;

	margin-right: 30px;
}

.news-grid-nav ul li a.active {
	color: #fba501;
}

.news-grid-item {
	padding: 0;

	overflow: hidden;
	position: relative;
}

@media screen and (max-width: 1024px) {
	.news-grid-item  {
		width: 50%;
	}
}

@media screen and (max-width: 568px) {
	.news-grid-item  {
		width: 100%;
	}
}

.news-grid-item .news-placeholder picture {
	width: 100%;
}

.news-grid-item .news-placeholder img {
	width: 100%;
	vertical-align: top;
}

.news-grid-item a {
	display: block;
	width: 100%;
	padding-bottom: 72%;
}

.news-grid-item.twitter a {
	background-color: #29a3b0;

	color: #fff;
}

.news-grid-item.press a {
	color: #fff;
}

.news-grid-item.pinterest a {
	background-color: #fff;

	color: #fff;
}

.news-grid-item.twitter.even a {
	background-color: #fff;

	color: #29a3b0;
}

.news-grid-item .news-placeholder {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	background-position: center center;
	background-size: cover;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	text-align: center;
}

.news-grid-item.twitter .news-placeholder-text {
	padding: 15%;
}

.news-wipe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	opacity: 0;

	-webkit-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

.news-grid-item.instagram .news-wipe {
	background-color: #f4a338;
}

.news-grid-item.twitter .news-wipe {
	background-color: #a6d8d9;
}

.news-grid-item.blog .news-wipe {
	background-color: #266988;
}

.news-grid-item.press .news-wipe {
	background-color: rgba(255, 255, 255, 0.9);
}

.news-grid-item.pinterest .news-wipe {
	background-color: #ed1c24;
}

.news-wipe-content-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	text-align: center;
}

.news-wipe-content {
	text-align: center;
	opacity: 0;

	-webkit-transition: margin 0.2s ease-out, opacity 0.2s ease-out;
	-o-transition: margin 0.2s ease-out, opacity 0.2s ease-out;;
	transition: margin 0.2s ease-out, opacity 0.2s ease-out;

	margin-top: 70px;
}

.news-wipe-text {
	padding-left: 10%;
	padding-right: 10%;

	color: #fff;
	margin-bottom: 20px;
}

.press a:hover .news-placeholder-text {
	color: #fff;
}

.press .news-placeholder-text {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;

	padding-left: 20px;
	padding-right: 20px;
}

@media screen and (max-width: 1200px) {
	.press .news-placeholder-text {
		font-size: 30px;
	}
}

.press .news-wipe-text {
	color: #8e8d8d;
}

.press .news-wipe-text p {
	margin-bottom: 0;
}

/*.news-wipe-title h2 {
	color: #fff;

	border-bottom: 1px solid #fff;

	display: inline-block;

	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;

	margin-bottom: 10px;

	text-transform: uppercase;
}*/

.news-wipe-icon svg {
    color: #fff;
    width: 40px;
    height: 40px;
    fill: #fff
}

.news-grid-item.twitter .news-wipe-icon svg {
	width: 100px;
	height: 100px;
}

.news-wipe-icon .button {
	display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 40px;
    height: 40px;
    line-height: 40px;
    background-image: url('images/button-backgrounds.png');
    background-position: left 0px;
    position: relative;
    margin-right: 40px;
}

.pinterest .news-wipe-icon .button {
	color: #ed1c24;
}

.news-wipe-icon .button span {
	display: inline-block;
    height: 40px;
    width: 60px;
    position: absolute;
    right: -60px;
    background-image: url('images/button-backgrounds.png');
    background-position: right 0px;
}

.news-grid-item a:hover .news-wipe {
	opacity: 0.9;
}

.news-grid-item.work a:hover .news-wipe {
	opacity: 0.7;
}

.news-grid-item a:hover .news-wipe-content {
	opacity: 1;

	margin-top: 0px;
	width: 100%;
}

.site-header {
	position: fixed;

  height: 80px;

	top: 0px;
	left: 0px;
	right: 0px;

	background-color: rgba(255, 255, 255, 1);

	min-height: inherit;

	z-index: 5000;

  padding: 0;

  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease;
}

.menu-hovered .site-header {
  height: 155px;

  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease;

/*  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
*/}

@media screen and (max-width: 960px) {
	.site-header {
		height: 60px;
	}
}

@media screen and (max-width: 960px) {
	.zilla-mobile-menu a {
		font-size: 24px;
	}
}

.site-logo {
	z-index: 10000;
	position: relative;
}

.site-logo a {
	display: block;
	width: 200px;
	height: 80px;

	text-indent: 101%;
  	overflow: hidden;
  	white-space: nowrap;

	background-image: url('images/chase-logo.png');
	background-position: center -110px;

	line-height: 80px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	.site-logo a {
		background-image: url('images/chase-logo@2x.png');
		background-size: 200px 200px;
	}
}

@media screen and (max-width: 960px) {
	.site-logo a {
		width: 150px;
		height: 60px;

		background-size: 150px 150px;

		background-position: center -85px
	}
}

.transparent .site-header, .menu-open .site-header {
	background-color: rgba(255, 255, 255, 0.0);
}

.transparent .site-header .site-logo a {
	background-position: center -10px
}

.transparent .site-header .primary-menu a {
	color: #fff;
}

.transparent .patty, .transparent .patty:after, .transparent .patty:before {
	background-color: #fff;
}

.primary-menu > li > a {
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.primary-menu a {
	color: #b0afaf;
}

.primary-menu > .current-menu-item > a {
	color: #d67638;
	/*border-bottom: 2px solid #b0afaf;*/
}

.primary-menu > .current-menu-item > a:hover {
	/*margin-bottom: 2px;*/
}

.primary-menu > li > a:hover {
	color: #d67638;
	/*border-bottom: 2px solid #b0afaf;*/
	/*margin-bottom: 0px;*/
}

.transparent .site-header .primary-menu > .current-menu-item > a {
	/*border-bottom: 2px solid #fff;	*/
}

.transparent .site-header .primary-menu li a:hover {
  color: #8e8d8d;
/*	border-bottom: 2px solid #fff;
	margin-bottom: 0px;*/
}

.menu-open .site-logo a, .menu-open.transparent .site-header .site-logo a {
	background-position: center -110px;
}

@media screen and (max-width: 960px) {
	.menu-open .site-logo a, .menu-open.transparent .site-header .site-logo a {
		background-position: center -85px;
	}
}

.menu-open .zilla-mobile-menu-wrap {
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 2000;
	margin: 0;
	position: absolute;

	background-color: rgba(255, 255, 255, 1);
}

.zilla-mobile-menu {
	text-transform: uppercase;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;

	padding-top: 100px;
	margin: 0;

	background-color: rgba(255, 255, 255, 1);

	margin-top: 0px !important;
	position: fixed !important;

	box-shadow: none;
}

.zilla-mobile-menu > li {
	width: 100%;
}

.zilla-mobile-menu a {
	color: #bbb;
}

.zilla-mobile-menu a:hover {
	color: #bbb;
}

.site-navigation {
	padding-top: 22px;
}

/*
    these are just the default styles used in the Cycle2 demo pages.  
    you can use these styles or any others that you wish.
*/


/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow {
	width: 100%;
	padding: 0;
	position: relative;
 }

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */

/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}


/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }

.home-slideshow {
	min-height: 100px;
}

.home-slideshow .cycle-slide {
	right: 0px;
	bottom: 0px;
}

.home-slideshow-img {
	position: absolute;

	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.home-slideshow .desktop-image {
	/*display: none;*/

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.home-slideshow .mobile-image {
	/*display: none;*/

	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.home-slideshow a {
	display: block;
	width: 100%;
}

.home-slideshow-titles {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;

	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	justify-content: center;

	-webkit-flex-direction: column;
	flex-direction: column;
}

.home-slideshow-title {
	padding-left: 10%;
	width: 35%;

	color: #fff;

	margin-top: 100px;
	opacity: 0;

	-webkit-transition: margin 1s ease-out, opacity 0.2s 1s ease-out;
	-o-transition: margin 1s ease-out, opacity 0.2s 1s ease-out;;
	transition: margin 1s ease-out, opacity 0.2s 1s ease-out;
}

.cycle-slide-active .home-slideshow-title {
	margin-top: 0px;
	opacity: 1;

	-webkit-transition: margin 1s ease-out, opacity 1s ease-out;
	-o-transition: margin 1s ease-out, opacity 1s ease-out;;
	transition: margin 1s ease-out, opacity 1s ease-out;
}

.home-slideshow-title h2 {
	color: #fff;

  	border-bottom: 1px solid #fff;

  	display: inline-block;

  	padding-right: 10px;
  	padding-bottom: 4px;

  	text-transform: uppercase;
}

@media screen and (max-width: 786px) {
	html {
  		margin-top: 0 !important;
	}
}

.home-slideshow-titles-mobile {
	display: none;
}

.home-slideshow-question {
	padding-left: 10%;
	width: 35%;

	color: #fff;

	min-height: 200px;
}

.home-slideshow .mobile-image {
	display: none;
}

@media screen and (max-width: 1024px) {
	.home-slideshow-title h2 {
		font-size: 16px;
	}

	.home-slideshow-question {
		min-height: 100px;

		font-size: 24px;
	}
}

.home-slideshow-titles-mobile-bg {
	display: none;
}

.cycle-pager { 
    text-align: center;
    z-index: 500;

    position: absolute;
    bottom: 40px;
    left: 10%;
    overflow: hidden;
}

.cycle-pager span { 
	display: inline-block;
	width: 20px;
	height: 20px;

	background-image: url('images/carousel-pagination.png');
	background-position: center -40px;
	background-repeat: no-repeat;

	margin-right: 3px;
	margin-left: 3px;

	text-indent: 101%;
  	overflow: hidden;
  	white-space: nowrap;

  	opacity: 0.55
}

.cycle-pager span.cycle-pager-active { opacity: 1 }
.cycle-pager > * { cursor: pointer;}

@media screen and (max-width: 768px) {
	.home-slideshow .desktop-image {
		display: none;
	}

	.home-slideshow .mobile-image {
		display: block;
		position: absolute;

		top: 0;
		left: 0;
		bottom: 0;
		right: 0;

		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
}

@media screen and (max-width: 768px) {
	.cycle-slideshow img {
		display: none;
	}

	.cycle-slide {
		position: absolute;
				top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	.home-slideshow .mobile-image {
		display: block;
		position: absolute;

		top: 0;
		left: 0;
		bottom: 25%;
		right: 0;

		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.home-slideshow-titles {
		position: absolute;
		left: 0px;
		bottom: 0px;
		right: 0px;
		top: 75%;
	}

	.home-slideshow-titles-mobile-bg {
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		top: 0;

		display: block;
	}

	.home-slideshow-title {
		display: none;
	}

	.home-slideshow-question {
		width: 100%;
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 5px;
		z-index: 100;

		font-size: 18px;

		/*display: table;*/

		min-height: auto;

		line-height: 120%;
		text-align: center;
	}

	.home-slideshow-question p {
		/*display: table-cell;*/
	}

	.cycle-pager {
		position: absolute;
    	bottom: 0px;
    	left: 0px;
    	right: 0px;

    	text-align: center;
	}

	.cycle-pager span {
		background-position: center bottom;
	}
}

@media screen and (max-width: 568px) {
	.home-slideshow-title h2 {
		font-size: 14px;
	}

	.home-slideshow-question {
		font-size: 18px;
	}
}



.home-points-wrapper {
	background-color: #fff;
	padding-top: 135px;
	padding-bottom: 100px;
	padding-left: 40px;
	padding-right: 40px;
}

.home-points-wrapper .item {

}

@media screen and (max-width: 767px) {
	.home-points-wrapper .item {
		margin-bottom: 20px;
	}
}

.home-points-wrapper .item-image {
	margin-bottom: 30px;
}

.home-points-wrapper .item img {
	width: 100%;
}

.home-points-wrapper .item-title h3 {
	color: #000;
	text-transform: uppercase;

	margin-bottom: 15px;

	text-align: left;

	display: inline-block;

	padding-right: 10px;
	padding-bottom: 4px;

	border-bottom: 1px solid #000;
}

.home-points-wrapper .item-description {
	color: #b0afaf;
}

.home-points-wrapper .item-description p {
	margin-bottom: 0;
}

.home-points-wrapper hr {
	display: none;
	width: 50%;
	border: none;
	height: 1px;
	color: #000;
	background-color: #000;
	margin-top: 10px;
	margin-bottom: 12px;
	text-align: center;
}

.home-points-wrapper .item-link {
	text-align: center;
	padding-right: 60px;
}

.home-points-wrapper .item-link a {
	display: inline-block;

	color: #fff;
	text-decoration: none;
	text-transform: uppercase;

	padding-left: 40px;

	height: 40px;

	line-height: 40px;

	background-image: url('images/button-backgrounds.png');
	background-position: left -120px;

	position: relative;
}

.home-points-wrapper .item-link a span {
	display: inline-block;

	height: 40px;
	width: 60px;

	position: absolute;
	right: -60px;

	background-image: url('images/button-backgrounds.png');
	background-position: right -120px;
}

@media screen and (max-width: 768px) {
	.home-points-wrapper .item-description p {
		margin-bottom: 20px;
	}

	.home-points-wrapper .item {
		margin-bottom: 100px;
	}
}


#content .home-points-wrapper .item-link a:hover {
	background-position: left -80px;

	color: #fff;
}

.home-points-wrapper .item-link a:hover span {
	background-position: right -80px;
}

@media screen and (max-width: 568px) {
    .home-points-wrapper .item-link a {
        font-size: 13px;

        padding-left: 20px;
    }

    .home-points-wrapper .item-link a span {
        width: 30px;

        right: -30px;
    }
}

.home-clients-wrapper {
	background-color: #00a2b1;

	padding-top: 125px;
	padding-bottom: 125px;
	padding-left: 40px;
	padding-right: 40px;
}

@media screen and (max-width: 768px) {
	.home-clients-wrapper {
		padding-left: 20px;
		padding-right: 20px;

		padding-bottom: 40px;
		padding-top: 40px;
	}
}

.home-clients .standard-intro {
	margin-bottom: 50px;
}

.home-clients .standard-intro .intro-title h2 {
	color: #fff;
}

.home-clients .standard-intro .intro-message {
	color: #fff;
}

.home-clients .standard-intro .intro-message p {
	margin: 0;
}

@media screen and (max-width: 768px) {
	.home-clients .home-clients-intro-title h2 {
		width: 100%;
		float: none;

		margin-bottom: 20px;
	}

	.home-clients .home-clients-intro-intro {
		width: 100%;
		float: none;
	}
}

@media screen and (max-width: 568px) {
	.home-clients .home-clients-intro-title h2 {
		font-size: 40px;
	}
}

.home-clients .items {
	margin-bottom: 50px;
}

.home-clients .item {
	width: 16.6666667%;
	float: left;
	text-align: center;

	height: 150px;
}

@media screen and (max-width: 768px) {
	.home-clients .item {
		width: 33.333333333%;

		height: 120px;

		padding: 5%;
	}
}

@media screen and (max-width: 568px) {
	.home-clients .item {
		width: 50%;
		height: 100px;

		padding: 8%;
	}
}

.home-clients .item img {
	vertical-align: middle;
}

.home-clients .home-clients-link {
	text-align: right;

	padding-right: 60px;
}

.home-clients .home-clients-link a {
	display: inline-block;

	color: #00a2b1;
	text-decoration: none;
	text-transform: uppercase;

	padding-left: 40px;

	height: 40px;

	line-height: 40px;

	background-image: url('images/button-backgrounds.png');
	background-position: left 0px;

	position: relative;

	margin-right: 1.5%;
}

@media screen and (max-width: 568px) {
	.home-clients .home-clients-link a {
		padding-left: 20px;
	}
}

.home-clients .home-clients-link a span {
	display: inline-block;

	height: 40px;
	width: 60px;

	position: absolute;
	right: -60px;

	background-image: url('images/button-backgrounds.png');
	background-position: right 0px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	.home-clients .home-clients-link a {
		background-image: url('images/button-backgrounds@2x.png');
		background-size: auto 400%;

		height: 37px;
	}

	.home-clients .home-clients-link a span {
		height: 37px;

		background-image: url('images/button-backgrounds@2x.png');

		background-size: auto 400%;
	}

}


#content .home-clients .home-clients-link a:hover {
	color: #00a2b1;
	background-position: left -40px;
}

.home-clients .home-clients-link a:hover span {
	background-position: right -40px;
}

@media screen and (max-width: 568px) {
    .home-clients .home-clients-link a {
        font-size: 13px;

        padding-left: 20px;
    }

    .home-clients .home-clients-link a span {
        width: 30px;

        right: -30px;
    }
}

.home-capabilites-wrapper {
	background-color: #1b6789;

	padding-top: 125px;
	padding-bottom: 125px;
	padding-left: 40px;
	padding-right: 40px;
}

@media only screen and (max-width: 768px) {
	.home-capabilites-wrapper {
		padding-bottom: 40px;
		padding-top: 40px;
	}
}

@media screen and (max-width: 768px) {
	.home-capabilites-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.home-capabilites-wrapper:after {
  clear: both;
  content: "";
  display: table;
}

.home-capabilites .standard-intro {
	margin-bottom: 50px;
}

.home-capabilites .standard-intro .intro-title h2 {
	color: #fff;
}

.home-capabilites .standard-intro .intro-message {
	color: #fff;
}

.home-capabilites .standard-intro .intro-message p {
	margin: 0;
}

@media screen and (max-width: 768px) {
	.home-capabilites .home-capabilites-intro-title h2 {
		width: 100%;
		float: none;

		margin-bottom: 20px;
	}

	.home-capabilites .home-capabilites-intro-intro {
		width: 100%;
		float: none;
	}
}

@media screen and (max-width: 568px) {
	.home-capabilites .home-capabilites-intro-title h2 {
		font-size: 40px;
	}
}


@media screen and (max-width: 768px) {
	.home-capabilites .item {
		width: 50%;
	}
}

@media screen and (max-width: 600px) {
	.home-capabilites .item {
		width: 100%;
	}
}

.home-capabilites .items {
	margin-bottom: 60px;
}

.home-capabilites .item-title h3 {
	color: #a2dadb;
	text-transform: uppercase;

	margin-bottom: 15px;

	text-align: left;
	display: inline-block;

	padding-right: 10px;
	padding-bottom: 4px;

	border-bottom: 1px solid #a2dadb;
}

.home-capabilites .item-description {
	color: #d6caba;
}

.home-capabilites .home-capabilites-link {
	text-align: right;

	padding-right: 60px;
}

.home-capabilites .home-capabilites-link a {
	display: inline-block;

	color: #1b6789;
	text-decoration: none;
	text-transform: uppercase;

	padding-left: 40px;

	height: 40px;

	line-height: 40px;

	background-image: url('images/button-backgrounds.png');
	background-position: left 0px;

	position: relative;

	margin-right: 1.5%;
}

.home-capabilites .home-capabilites-link a span {
	display: inline-block;

	height: 40px;
	width: 60px;

	position: absolute;
	right: -60px;

	background-image: url('images/button-backgrounds.png');
	background-position: right 0px;
}

#content .home-capabilites .home-capabilites-link a:hover {
	color: #1b6789;
	background-position: left -40px;
}

.home-capabilites .home-capabilites-link a:hover span {
	background-position: right -40px;
}

@media screen and (max-width: 568px) {
    .home-capabilites .home-capabilites-link a {
        font-size: 13px;

        padding-left: 10px;
    }

    .home-capabilites .home-capabilites-link a span {
        width: 30px;

        right: -30px;
    }
}

.work-footer-nav {
	height: 250px;

/*	padding-left: 40px;
	padding-right: 40px;*/
	padding-top: 80px;

	position: relative;
}

.work-footer-nav a {
	color: #b6b5b5;

	display: block;
	min-height: 55px;
	line-height: 125%;

	padding-top: 16px;
	padding-bottom: 16px;

	font-size: 17px;

	opacity: 0.7;
}

#content .work-footer-nav a:hover {
	color: #b6b5b5;

	opacity: 1;
}

.work-footer-nav .nav-previous {
	padding-left: 1.5%;
	padding-right: 1.5%;

	width: 50%;
}

.work-footer-nav .nav-previous a {
	background-image: url('images/carousel-nav-on-white.png');
	background-position: -23px center;
	background-repeat: no-repeat;

	padding-left: 30px;
}

.work-footer-nav .nav-next {
	text-align: right;

	padding-left: 1.5%;
	padding-right: 1.5%;

	width: 50%;
}

.single-blog .work-footer-nav .nav-previous, .single-blog .work-footer-nav .nav-next {
	width: 45%;
}

.work-footer-nav .nav-next a {
	background-image: url('images/carousel-nav-on-white.png');
	background-position: right -23px center;
	background-repeat: no-repeat;

	padding-right: 30px;
}

.work-footer-nav .nav-blog {
	width: 10%;
	text-align: center;
	float: left;
}

.work-footer-nav .nav-blog a {
    background-image: url('images/blog-nav-icon.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;m

    height: 88px;
    width: 70px;

    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;

    margin: 0 auto;
}

@media screen and (max-width: 568px) {
	.work-footer-nav {
		padding-left: 20px;
		padding-right: 20px;
	}

	.work-footer-nav .nav-previous {
		padding-left: 1.5%;
		padding-right: 1.5%;

		margin-bottom: 20px;

		width: 100%;

		text-align: center;
	}

	.work-footer-nav .nav-next {
		padding-left: 1.5%;
		padding-right: 1.5%;

		width: 100%;

		text-align: center;
	}
}

.header-image {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

.header-image-overlay {
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px; left: 0px; right: 0px; bottom: 0px;
}


.standard-carousel-wrapper {
	position: relative;
}

.standard-carousel {
    position: relative;
    overflow: hidden;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.standard-carousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.standard-carousel li {
    /* Required only for block elements like <li>'s */
    float: left;
}

.standard-carousel li img {
	vertical-align: top;
}

.standard-carousel-pagination {
  position: absolute;
  bottom: 40px;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 768px) {
	.standard-carousel-pagination {
		bottom: 8px;
	}
}

.standard-carousel-pagination a {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('images/carousel-pagination.png');
  background-position: center -38px;
  background-repeat: no-repeat;
  margin-left: 3px;
  margin-right: 3px;
  text-indent: 101%;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0.55;
}

.standard-carousel-pagination a.active {
	opacity: 1;
}

.standard-carousel-pagination a:focus {
	outline: 0;
}

.standard-intro-wrapper {
	padding-left: 40px;
	padding-right: 40px;
}

.standard-intro .intro-title h2 {
	color: #b0afaf;

	margin: 0;
}

.standard-intro .intro-message {
	color: #b0afaf;
}

@media screen and (max-width: 768px) {
	.standard-intro .intro-title {
		margin-bottom: 5px;
	}

	.standard-intro-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.standard-intro-wrapper .standard-intro .intro-message p {
	margin: 0;
}

.founder-banner {
	height: 120px;
	background-color: #d27837;
}

@media only screen and (max-width: 768px) {
	.founder-banner {
		height: 30px;
	}
}

.founder-video-wrapper {
	padding-top: 10px;
	padding-left: 40px;
    padding-right: 40px;
}

@media only screen and (max-width: 768px) {
	.founder-video-wrapper {
		padding-left: 20px;
    	padding-right: 20px;
    	padding-top: 20px;
	}
}

.founder-video {
	padding-left: 1.5%;
	padding-right: 1.5%;
}

.founder-video-footer {
	color: #b0afaf;
	font-family: CaeciliaLTPro-56Italic;
    font-size: 22px;
    line-height: 125%;

    margin-bottom: 85px;
}

@media only screen and (max-width: 768px) {
	.founder-video-footer {
		font-size: 14px;
	}
}

.founder-intro.standard-intro-wrapper .standard-intro .intro-message p {
	margin-bottom: 40px;
}

.founder-charities .charities {
	padding-top: 40px;
	text-align: center;
}

.founder-intro h2 {
	background-image: url('/wp-content/uploads/2017/10/Our-Founder.png');
	background-repeat: no-repeat;
	background-size: contain;

	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;

	width: 300px;

	display: block;
	height: 95px;

	max-width: 100%;
}

@media only screen and (max-width: 768px) {
	.founder-intro h2 {
		width: 150px;
		height: 50px;
	}
}

.founder-wrapper .standard-intro .intro-message {
	font-size: 20px;
}

.founder-slideshow {
	padding-left: 40px;
    padding-right: 40px;

    margin-bottom: 60px;
}

.founder-slideshow h2 {
	background-image: url('/wp-content/uploads/2018/05/chasing-header.png');
	background-repeat: no-repeat;
	background-size: contain;

	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;

	width: 600px;

	display: block;
	height: 130px;

	max-width: 100%;
}

.founder-slideshow .intro-title, .founder-slideshow .intro-message {
	padding-left: 1.5%;
	padding-right: 1.5%;
}

.founder-slideshow .intro-message {
	color: #b0afaf;
	font-family: CaeciliaLTPro-56Italic;
    font-size: 22px;
    line-height: 125%;

    margin-bottom: 85px;
}

.founder-charities h2 {
	background-image: url('/wp-content/uploads/2017/10/Donations.png');
	background-repeat: no-repeat;
	background-size: contain;

	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;

	width: 315px;

	display: block;
	height: 130px;

	max-width: 100%;
}

.founder-charities .charities .item {
	margin-bottom: 20px;
}

.founder-charities .charities img {
	width: 100px;
}

.founder-footer {
	text-align: center;

	padding-top: 300px;
	padding-left: 40px;
    padding-right: 40px;
}

@media only screen and (max-width: 768px) {
	.founder-footer {
		text-align: center;
	}
}

.founder-footer img {
	width: 100px;
}

.video-responsive {
	overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;

    margin-bottom: 20px;
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.founder-wrapper {
	padding-top: 125px;
	padding-bottom: 125px;

	background-color: #6b6260;
}

.founder-break-margin {
	height: 3px;
	background-color: #d27837;

	position: absolute;
	left: 0px;
	width: 50%;
}

.founder-break-outer {
	height: 3px;
	background-color: #6b6260;
	position: relative;

	margin-bottom: 85px;
}

.founder-break-inner {
	width: 100px;
	height: 3px;
	background-color: #d27837;

	position: absolute;
	left: 0px;
	right: 0px;
}

@media only screen and (max-width: 768px) {
	.founder-break-inner {
		width: 25%;
	}
}

@media only screen and (max-width: 768px) {
	.founder-wrapper {
		padding-bottom: 40px;
		padding-top: 40px;
	}
}

.founder-wrapper:after {
	clear: both;
 	content: "";
	display: table;
}

.careers-banner {
	height: 120px;
	background-color: #ffa101;
}

@media only screen and (max-width: 768px) {
	.careers-banner {
		height: 60px;
	}
}

.beliefs-banner {
	height: 120px;
	background-color: #53a1ae;
}

@media only screen and (max-width: 768px) {
	.beliefs-banner {
		height: 60px;
	}
}

.studios-banner {
	height: 120px;
	background-color: #d9c359;
}

@media only screen and (max-width: 768px) {
	.studios-banner {
		height: 60px;
	}
}

.beliefs-wrapper {
	padding-top: 125px;
	padding-bottom: 125px;
}

@media only screen and (max-width: 768px) {
	.beliefs-wrapper {
		padding-bottom: 40px;
		padding-top: 40px;
	}
}

.beliefs-wrapper:after {
	clear: both;
 	content: "";
	display: table;
}

.beliefs-wrapper .items-wrapper {
	padding-left: 40px;
	padding-right: 40px;
}

.beliefs-intro .standard-intro {
	margin-bottom: 120px;
}

@media screen and (max-width: 768px) {
	.beliefs-wrapper .items-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.beliefs-wrapper .items {

}

.beliefs-wrapper .items .item {
	margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
	.beliefs-wrapper .item {
		width: 100%;

		padding-left: 1.5%;
		padding-right: 1.5%;
		float: none;
	}
}

.beliefs-wrapper .beliefs-header-image {
	margin-bottom: 80px;
}

.beliefs-wrapper .item .item-title h3 {
	text-transform: uppercase;
	text-align: left;

	display: inline-block;

	padding-right: 10px;
	padding-bottom: 4px;

	margin-bottom: 15px;

	border-bottom: 1px solid #b0afaf;
}

.beliefs-wrapper .item hr {

	display: none;

	width: 50%;
	border: none;
	height: 1px;
	color: #b0afaf;
	background-color: #b0afaf;
	margin-top: 10px;
	margin-bottom: 12px;
}

.beliefs-wrapper .item .item-description {
	color: #00a2b1;
}

.beliefs-wrapper .item p {
	margin-bottom: 0;
}

.careers-wrapper {
	padding-top: 125px;
	padding-bottom: 125px;
}

@media only screen and (max-width: 768px) {
	.careers-wrapper {
		padding-bottom: 40px;
		padding-top: 40px;
	}
}

.careers-wrapper:after {
	clear: both;
 	content: "";
	display: table;
}

.careers-wrapper .items-wrapper {
	padding-left: 40px;
	padding-right: 40px;
}

.careers-intro .standard-intro {
	margin-bottom: 120px;
}

@media screen and (max-width: 768px) {
	.careers-wrapper .items-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.careers-wrapper .items {
    padding-left: 1.5%;
	padding-right: 1.5%;
}

.careers-wrapper .items .item {
	padding-top: 30px;
	border-top: 1px solid #b0afaf;
}

.careers-wrapper .items .item:last-child {
	border-bottom: 1px solid #b0afaf;
}

@media screen and (max-width: 768px) {
	.careers-wrapper .item {
		width: 100%;

		padding-left: 1.5%;
		padding-right: 1.5%;
		float: none;
	}
}

.careers-wrapper .beliefs-header-image {
	margin-bottom: 80px;
}

.careers-wrapper h3 {
	font-family: StRydeRegular;
    line-height: 100%;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 40px;
	color: #00b8c2;
	margin-top: 30px;
}

.careers-wrapper .item .item-title h4 {
	font-family: StRydeRegular;
    line-height: 100%;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 25px;
	color: #656565;
}

.careers-wrapper .item hr {

	display: none;

	width: 50%;
	border: none;
	height: 1px;
	color: #b0afaf;
	background-color: #b0afaf;
	margin-top: 10px;
	margin-bottom: 12px;
}

.careers-wrapper .item .item-description {
	font-family: StRydeRegular;
	font-size: 18px;
	line-height: 145%;

	padding-top: 20px;

	position: relative;

	padding-bottom: 10px;

	padding-right: 75px;

	border-top: 1px solid #b0afaf;
}

.careers-wrapper .item .item-description a {
	color: #00a2b1;
}

.careers-wrapper .item .item-description-wrapper {
	display: none;
	position: relative;
}

.careers-wrapper .item .item-short-description {
	font-family: StRydeRegular;
	font-size: 18px;
	line-height: 125%;

	padding-bottom: 20px;
}

.careers-wrapper .item-header {
	cursor: pointer;
}

.careers-wrapper .item-header:hover, .careers-wrapper .item-header:hover h3 {
	color: #00a2b1 !important;
}

.careers-wrapper .item-close-button {
	position: absolute;

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

	width: 32px;
	height: 32px;

	top: 20px;
	right: 20px;

	cursor: pointer;

	z-index: 1000;
}

.careers-wrapper .item p {
	margin-bottom: 12px;
}

.studios-wrapper {
	padding-top: 125px;
}

@media only screen and (max-width: 768px) {
	.studios-wrapper {
		padding-top: 40px;
	}
}

.studios-wrapper .standard-intro {
	margin-bottom: 120px;
}

.studios-wrapper .standard-intro-wrapper .standard-intro .intro-title h2 {
	color: #141215;
}

.process-wrapper .standard-intro-wrapper {
	background-color: #00a2b1;
}

.process-wrapper .standard-intro-wrapper .standard-intro .intro-title h2, .process-wrapper .standard-intro-wrapper .standard-intro .intro-message {
	color: #fff;	
}


.page-approach .header-intro-wrapper {
	background-color: #00a2b1;

	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;

	color: #fff;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	text-align: center;
}

.page-approach .header-intro-wrapper p {
	margin: 0;
}

.approach-wrapper {
	padding-top: 145px;
	padding-bottom: 110px;

	padding-left: 40px;
	padding-right: 40px;
}

.approach-wrapper .left-column {
	float: left;
}

.approach-wrapper .right-column {
	float: right;
}

.brandstrategy-wrapper {
	background-color: #e0f2f1;
}

.approach-wrapper h2 {
	color: #141215;

	text-transform: uppercase;
	text-align: left;

	display: inline-block;

	padding-right: 10px;
	padding-bottom: 4px;

	margin-bottom: 15px;

	border-bottom: 1px solid #141215;
}

.approach-wrapper h3 {
	color: #1b6789;

	margin-bottom: 10px;
	margin-top: 0px;
}

.approach-wrapper hr {
	display: none;
}

.approach-wrapper .item-description {
	color: #b0afaf;

	margin-bottom: 15px;
}


.approach-wrapper .item-description p {
	margin: 0;
}

.approach-wrapper .image-wrapper img {
	width: 100%;
}

@media screen and (max-width: 768px) {
	.approach-wrapper .col {
		padding: 0;
	}

	.approach-wrapper .col .col_1_of_3, .approach-wrapper .col .col_2_of_3 {
		width: 100%;
	}

	.approach-wrapper h2 {
		margin-left: 1.5%;
	}

	.approach-wrapper .items {
		padding-left: 1.5%;
		padding-right: 1.5%;
	}
}

.home-points-wrapper .item-link {

}

.home-slideshow-wrapper .cycle-prev {
	background-image: url('images/carousel-nav-non-white-large-left.png');

	width: 10%;
	min-width: 50px;

	top: 80px;
	bottom: 80px;
	height: auto;
}

.home-slideshow-wrapper .cycle-prev:hover {
	opacity: 1;

	-moz-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-o-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-webkit-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
}

.home-slideshow-wrapper .cycle-next {
	background-image: url('images/carousel-nav-non-white-large-right.png');

	width: 10%;
	min-width: 50px;

	top: 80px;
	bottom: 80px;
	height: auto;
}

@media only screen and (max-width: 768px) {
	.home-slideshow-wrapper .cycle-prev {
		display: none;
	}

	.home-slideshow-wrapper .cycle-next {
		display: none;
	}
}

.home-slideshow-wrapper .cycle-next:hover {
	opacity: 1;

	-moz-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-o-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-webkit-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
}

.page-contact .header-intro-wrapper {
  background-color: #e1f2f1;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  color: #3f7a94;

  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.location-wrapper {
	padding-top: 290px;
	padding-bottom: 185px;

	padding-left: 40px;
	padding-right: 40px;
}

@media only screen and (max-width: 768px) {
	.location-wrapper {
		padding-left: 20px;
		padding-right: 20px;

		padding-bottom: 40px;
		padding-top: 40px;
	}
}

.location-title h2 {
	margin: 0;
}

.location-address {
	color: #b0afaf;
}

.location-address p {
	margin: 0;
}

.location-address a {
	color: #b0afaf;
}

.location-address .phone {
	color: #fba501;
}

.acf-map {
	width: 100%;
	height: 490px;
	margin: 0;
}

.map-wrapper {
	position: relative;
}

.map-wrapper .arrow-wrapper {
	padding-left: 40px;
	padding-right: 40px;
}

@media only screen and (max-width: 768px) {
	.map-wrapper .arrow-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.map-wrapper .arrow-down {
	width: 0; 
	height: 0; 
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	
	border-top: 40px solid #fff;
	position: absolute;
	z-index: 1000;
	top: 0;

	margin-left: 1.5%;
}

.error404 {
	background-color: #00a2b1;
}

.error404 #container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

.error404 .site-content {
	padding-top: 300px;
	padding-left: 40px;
	padding-right: 40px;
}

.error404 .intro-title h2 {
	color: #fff;
}

.error404 .intro-message {
	color: #a2dadb;
}

.error404 .intro-message a {
	color: #fff;
}

.error404 #content .intro-message a:hover {
	color: #a2dadb;
}

.error404 footer {
	position: fixed;
 	bottom: 0;
	left: 0;
	right: 0;
}

@media only screen and (max-width: 760px) {
	.error404 .site-content {
		padding-top: 125px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.error404 footer {
		position: relative;
	}
}

.fancybox-overlay.twitter {
	background-color: rgba(43, 164, 176, 0.8);;
	background-image: none;
}

.fancybox-overlay.instagram {
	background-color: rgba(244, 163, 56, 0.8);
	background-image: none;
}

.fancybox-overlay.pinterest {
	background-color: rgba(237, 28, 36, 0.8);
	background-image: none;
}

.fancybox-nav span {
	visibility: visible;
	opacity: 0.3;
}

.fancybox-nav:hover span {
	opacity: 1;
}

.fancybox-prev {
    left: -65px;
}

.fancybox-next {
    right: -65px;
}

.fancybox-nav {
    width: 50px;
}

body.page-template-template-margo-rsvp {
	background-color: #F0EBEB;
}

.page-template-template-margo-rsvp header {
	display: none;
}

.page-template-template-margo-rsvp footer {
	display: none;
}

.page-template-template-margo-rsvp .site-main {
	margin-top: 50px;
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;

	background-color: #2c2c2e;

	float: none;

	text-align: center;
}

@media only screen and (max-width: 568px) {
	.page-template-template-margo-rsvp .site-main {
		margin-top: 0px;
		margin-bottom: 0px;
	}
}

.page-template-template-margo-rsvp .rsvp-heading {
	margin-bottom: 30px;
}

.page-template-template-margo-rsvp img {
	max-width: 100%;
}

.page-template-template-margo-rsvp p {
	margin-bottom: 1em;
}

.page-template-template-margo-rsvp .rsvp-content {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	font-size: 20px;

	line-height: 150%;

	color: #d2bfb5;

	padding-bottom: 40px;
}

.page-template-template-margo-rsvp .rsvp-content p {
	max-width: 510px;

	padding-left: 20px;
	padding-right: 20px;

	margin-left: auto;
	margin-right: auto;
}

.page-template-template-margo-rsvp .rsvp-content p strong {
	font-weight: 600;
	text-transform: uppercase;
	
	color: #d67858;

	letter-spacing: 2px;
}

.page-template-template-margo-rsvp .rsvp-reception {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	font-size: 20px;

	line-height: 150%;

	color: #2C2C2E;

	background-color: #d2bfb5;

	padding-bottom: 40px;
	padding-top: 40px;
}

.page-template-template-margo-rsvp .rsvp-reception hr {
	max-width: 70px;

    border: none;
    height: 1px;
    /* Set the hr color */
    color: #b86042; /* old IE */
    background-color: #b86042; /* Modern Browsers */
}

.page-template-template-margo-rsvp .rsvp-reception p {
	max-width: 510px;

	padding-left: 20px;
	padding-right: 20px;

	margin-left: auto;
	margin-right: auto;
}

.page-template-template-margo-rsvp .rsvp-content a {
	color: #d2bfb5;
}

.page-template-template-margo-rsvp .rsvp-content a:hover {
	color: #d67858 !important;
}

.page-template-template-margo-rsvp .rsvp-reception p strong {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 22px;

	letter-spacing: 2px;
}

.page-template-template-margo-rsvp .rsvp-reception a {
	color: #2c2c2e;
}

.page-template-template-margo-rsvp .rsvp-reception a:hover {
	color: #d67858 !important;
}

body.page-template-template-margo {
	background-color: #000;
}

.page-template-template-margo header {
	background-color: rgba(255, 255, 255, 0.0);
}

.page-template-template-margo .zilla-mobile-menu-dropdown {
	background-color: #000;
}

.page-template-template-margo .zilla-mobile-menu-dropdown.open {
	background-color: #fff;
}

.page-template-template-margo footer {
	display: none;
}

.page-template-template-margo .site-main {
	width: auto;
	float: none;

	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 100px;
	padding-bottom: 80px;

	font-family: serif;
	font-size: 16px;
	color: #fff;

	text-transform: uppercase;
}

@media only screen and (max-width: 568px) {
	.page-template-template-margo .site-main {
		font-size: 13px;

		padding-top: 40px;
		padding-bottom: 40px;
	}
}

.page-template-template-margo img {
	max-width: 100%;
	margin-bottom: 30px;
}

@media only screen and (max-width: 568px) {
	.page-template-template-margo img {
		margin-bottom: 40px;
	}
}

.page-template-template-margo #content a {
	color: #fff;
	text-decoration: none;
}

.page-template-template-margo #content a:hover {
	text-decoration: underline;
	color: #fff;
}

.page-template-template-margo p {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.page-template-template-margo .nf-form-cont {
	align: center;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;

	font-family: serif;
}

.page-template-template-margo .guests .listradio-wrap .nf-field-label {
	display: inline-block;
	width: 33% !important;

	text-transform: none;
}

.page-template-template-margo .guests .ninja-forms-req-symbol {
	display: none;
}

.page-template-template-margo input[type="text"], .page-template-template-margo input[type="email"] {
	border-radius: 0;
	padding: 5px;

	font-family: serif;

	text-align: center;
}

.page-template-template-margo input[type="button"], .page-template-template-margo input[type="button"]:hover{
	text-transform: uppercase;

	padding-left: 50px;
	padding-right: 50px;

	background-color: #000;
	color: #fff;

	border: 1px solid #fff; 

	font-family: serif;
}

.page-template-template-margo ::-webkit-input-placeholder {
   text-align: center;
   font-style: italic;
}

.page-template-template-margo :-moz-placeholder { /* Firefox 18- */
   text-align: center;
   font-style: italic;
}

.page-template-template-margo ::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;
   font-style: italic;  
}

.page-template-template-margo :-ms-input-placeholder {  
   text-align: center;
   font-style: italic; 
}

.page-template-template-margo .guests .nf-field-element {
	display: inline-block;
	width: 66% !important;

	text-transform: none;
}

.page-template-template-margo .nf-response-msg {
	border: 1px solid #fff;
	padding-top: 2em;
}

.page-template-template-margo .guests .list-radio-wrap .nf-field-element li {
	display: inline-block;

	margin-right: 20px !important;
}

.primary-menu .sub-menu {
	background-color: transparent;
	border: none;
	text-align: center;

	margin-left: 40px;
	min-width: auto;
}

.primary-menu .sub-menu li a {
	border: none;
	font-size: 14px;
	margin-bottom: 1px;

	padding-left: 0px;
	padding-right: 0px;

	padding-bottom: 0px;

	display: inline;
}

.primary-menu .sub-menu li a:hover {
  color: #d67638;
/*	border-bottom: 1px solid #b0afaf;
	margin-bottom: 3px;*/
}

.transparent .primary-menu .sub-menu li a:hover {
	/*border-bottom: 1px solid #fff;*/
	/*margin-bottom: 0px;*/
}

.zilla-sf-menu li ul {
  display: block;
  opacity: 0;

  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.zilla-sf-menu li:hover > ul, .zilla-sf-menu li.sfHover > ul {
	opacity: 1;

  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;

  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

@media only screen and (max-width: 768px) {
	#menu-item-5431 > a {
		display: none;
	}
}

/* Configurable variables */
/* How many times faster than real time should it spin? */
/* Automatic computed sizes */
.clock {
  height: 185px;
  width: 185px;
  border-radius: 100%;
  background-color: #0ab5bf;
  position: relative;
}
.clock .face {
  height: 172.66667px;
  width: 172.66667px;
  border-radius: 100%;
  position: absolute;
  top: 6.16667px;
  left: 6.16667px;
  background-color: #0ab5bf;
}
.clock .face > div {
  width: 100%;
  height: 100%;
  transform-origin: center center;
  position: absolute;
}
.clock .face .hour-hand i {
  height: 41.11111px;
  width: 3.7px;
  background-color: #fff;
  position: absolute;
  bottom: 50%;
  left: calc(50% - (3.7px / 2));
  transform-origin: bottom center;
  animation: rotatingHours 43200s linear infinite;
  border-radius: 10px;
}
.clock .face .minute-hand i {
  height: 52.85714px;
  width: 3.7px;
  background-color: #fff;
  position: absolute;
  bottom: 50%;
  left: calc(50% - (3.7px / 2));
  transform-origin: bottom center;
  animation: rotatingMinutes 3600s linear infinite;
  border-radius: 5px;
}
.clock .face .second-hand i {
  height: 77.08333px;
  width: 1.85px;
  background-color: #ffa101;
  position: absolute;
  bottom: 50%;
  left: calc(50% - (1.85px / 2));
  transform-origin: bottom center;
  animation: rotatingSeconds 60s linear infinite;
  border-radius: 2px;
}
.clock .face .center {
  width: 7.4px;
  height: 7.4px;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  left: calc((100% - (3.7px * 2)) / 2);
  bottom: calc((100% - (3.7px * 2)) / 2);
}
.clock .face .middle {
  width: 3.515px;
  height: 3.515px;
  background-color: #0ab5bf;
  border-radius: 100%;
  position: absolute;
  bottom: 1.85px;
  left: 1.85px;
}

@keyframes rotatingHours {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotatingMinutes {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotatingSeconds {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.locations-wrapper {
	padding-top: 100px;
	padding-bottom: 100px;
}

@media screen and (max-width: 960px) {
	.locations-wrapper {
		padding-top: 30px;
	}
}

.locations-wrapper .standard-intro {
	padding-left: 1%;
    padding-right: 1%;
}

.locations-wrapper .standard-intro .intro-title h2, .locations-wrapper .standard-intro .intro-message {
	color: #00b8c2;
	margin-bottom: 100px;
}

@media screen and (max-width: 960px) {
	.locations-wrapper .standard-intro .intro-title h2, .locations-wrapper .standard-intro .intro-message {
		margin-bottom: 30px;
	}
}

.location {
	text-align: center;
	margin-bottom: 30px
}

.location .clock {
	margin: 0 auto;
	margin-bottom: 60px;
}

.location-new-title h2 {
	font-family: StRyde-Light;
    line-height: 100%;
    margin-top: 0;
    margin-bottom: 20px;
	font-size: 25px;
}

.location-new-address, .location-phone-number {
	font-family: CaeciliaLTPro-56Italic;
    line-height: 125%;
    margin-top: 0;
	font-size: 18px;
	font-weight: 300;

	color: #afafaf;
}

.location-new-address p, .location-phone-number p {
	margin-bottom: 0;
}

.contact-form-wrapper {
	padding-top: 100px;
	padding-bottom: 100px;

	background-color: #ffa101;
}

@media screen and (max-width: 960px) {
	.contact-form-wrapper {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.contact-form-wrapper .standard-intro {
	padding-left: 1%;
    padding-right: 1%;
}

.contact-form-wrapper .standard-intro .intro-title h2, .contact-form-wrapper .standard-intro .intro-message {
	color: #fff;
}

.contacts-wrapper {
	background-color: #e2f2f2;
	padding-top: 100px;
	padding-bottom: 100px;
}

.contacts-wrapper .standard-intro {
	padding-left: 1%;
    padding-right: 1%;
}

.contacts-wrapper .standard-intro .intro-title h2, .contacts-wrapper .standard-intro .intro-message {
	color: #026a8d;
	margin-bottom: 100px;
}

@media screen and (max-width: 960px) {
	.contacts-wrapper .standard-intro .intro-title h2, .contacts-wrapper .standard-intro .intro-message {
		margin-bottom: 30px;
	}
}

.contacts-wrapper .contact {
	padding-top: 45px;
	padding-bottom: 45px;
	border-right: 2px solid #29a3b0;
}

.contacts-wrapper .contact:nth-child(3n) {
	border-right: none;
} 

.contacts-wrapper .contact a {
	text-align: center;

	color: #286989;
	font-family: StRyde-Light;
	font-size: 18px;
}

.contacts-wrapper .contact h2 {
	color: #29a3b0;

    font-size: 25px;
    line-height: 100%;
    margin-top: 0;
    margin-bottom: 10px;
}

@media screen and (max-width: 960px) {
	.contacts-wrapper {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.contacts-wrapper .contact {
		border-right: none;

		padding-top: 30px;
		padding-bottom: 30px;
	}
}

a.anchor {
	display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}



.page-contact-new .header-intro-wrapper {
    background-color: #e1f2f1;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    color: #3f7a94;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.page-contact-new .header-intro {
    font-family: CaeciliaLTPro-56Italic;
    font-size: 25px;
    line-height: 125%;
}

.contact-form-content form {
	width: 80% !important;
}

.contact-form-content .form-row {
	clear: both;

	background-color: #fff;

	border-radius: 32px;

	width: 100%;
	height: 50px;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 20px;
}

@media screen and (max-width: 960px) {
	.contact-form-content .form-row {
		background-color: transparent;
		border-radius: 0px;

		padding-left: 0px;
		padding-right: 0px;
	}
}

.contact-form-content ._form_element {
	width: 50% !important;

	float: left;
}

@media screen and (max-width: 960px) {
	.contact-form-content ._form_element {
		width: 100% !important;

		float: none;

		background-color: #fff;

		border-radius: 32px;
	}
}

.contact-form-content ._form_element label {
	display: none !important;
}

.contact-form-content ._form_element input {
	outline: 0 !important;
	border: 0 !important;

	font-family: StRyde-Light;
	font-size: 18px !important;

	-webkit-appearance: none;

	background: none;

	color: #aeaeae !important;
}

.contact-form-content ._form_element input::-webkit-input-placeholder {
	color: #aeaeae;
	font-family: StRyde-Light;
	font-size: 18px;
}

.contact-form-content ._button-wrapper {
	text-align: center;
}

.contact-form-content button {
	text-transform: uppercase;
	font-family: StRyde-Light !important;
	font-weight: 700;
	font-size: 18px !important;
	line-height: 18px;

	border-radius: 32px;

	height: 50px;
	padding-top: 10px !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
	margin-bottom: 20px !important;
}

.contact-form-content ._form-thank-you {
	font-family: StRyde-Light !important;
	color: #fff;

	font-size: 22px !important;
}

#career-modal nf-field {
	height: 65px;
}

#career-modal .nf-form-fields-required {
	display: none;
}

#career-modal .nf-fu-progress {
	display: none;
}

#career-modal .email-container .ninja-forms-field,
#career-modal .phone-container .ninja-forms-field,
#career-modal .textbox-container .ninja-forms-field {
	clear: both;
  	background: none;
    background-color: #fff;
    border-radius: 24px;
    width: 100%;
    height: 30px;
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;

    box-sizing(border-box);
  	background-clip(padding-box);
  	border-radius(0);
  	-webkit-appearance: none;
  	border: 0;
  	outline: 0;

  	font-family: StRyde-Light;
    font-size: 16px;
    line-height: 30px;
}

#career-modal .file_upload-container button {
	border-radius: 20px;

	width: 200px;

	background-color: #949494;
	color: white;

	font-family: StRyde-Light;
    text-transform: uppercase;

    font-size: 14px;
    line-height: 30px;

    margin-bottom: -0px !important;

    padding: 0;
    height: 30px;

    padding-top: 3px;
}

#career-modal .file_upload-container .files_uploaded {
	text-transform: uppercase;
	font-size: 12px;
	font-family: StRyde-Light;
	color: #fff;

	padding-left: 20px;

	padding-top: 5px;
	margin-bottom: -5px;
}

#career-modal .file_upload-container .nf-pass button {
	background-color: #01ba05;

	padding: 0;
}

#career-modal .ninja-forms-field input::-webkit-input-placeholder {
	color: #aeaeae;
	font-family: StRyde-Light;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 30px;
	/*line-height:normal !important;*/
}

nf-field.hide-field {
	display: none;
}

nf-field {
	width: 50%;
	float: left;

	padding-right: 20px;

	height: 90px;

	display: block;
}

nf-field p {
	margin: 0;
}

#career-modal .nf-error-msg {
	padding-left: 15px;

	color: #ff9c00;
	font-size: 14px;
}

#career-modal .submit-container .submit-wrap input {
	border-radius: 20px;
	height: 30px;

	width: 200px;

	background-color: #ff9c00;
	color: white;

	font-family: StRyde-Light;
    font-size: 14px;
    text-transform: uppercase;

    line-height: 30px;

    margin-bottom: 5px !important;

    box-sizing(border-box);
  	background-clip(padding-box);
  	border-radius(0);
  	-webkit-appearance: none;
  	border: 0;
  	outline: 0;

  	padding-top: 3px;

  	cursor: pointer;
}

#career-modal .nf-response-msg {
	color: #fff;
}

@media screen and (max-width: 960px) {
	#career-modal nf-field {
		width: 100%;
		height: auto;
	}

	#career-modal .file_upload-container button {
		width: 100%;
	}

	#career-modal .submit-container .submit-wrap input {
		width: 100%;
	}
}

.load-more-work {
  margin-top: 60px;
  margin-bottom: 60px;
  text-align: center;
}

.load-more-work-action {
  border: 1px solid #bbb;
  text-transform: uppercase;

  padding-left: 20px;
  padding-top: 8px;
  padding-right: 20px;
  padding-bottom: 8px;
}

.load-more-work-action:hover {
  border: 1px solid #000;
}

body.page-template-template-reveal {
  background-color: #000;
}

.woocommerce-page .site-content {
  padding-top: 100px;
  margin-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 960px) {
  .woocommerce-page .site-content {
    padding-top: 60px;
    margin-bottom: 80px;
  }
}

.woocommerce-page h3 {
  margin-top: 0px;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #ce7736;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: #ce7736;
  color: #fff;
}

video::-webkit-media-controls-panel,
        video::-webkit-media-controls-panel-container,
        video::-webkit-media-controls-start-playback-button {
	display:none !important;
	-webkit-appearance: none;
}

video::-webkit-media-controls-panel-container {
	display: none !important;
  }