/*
Theme Name: Adler Design
Theme URI: https://www.deborahadlerdesign.com
Description: Wordpress theme based on Adler's design. 
Version: 1.2
Author: MANYFOLD
Author URI: https://www.wearemanyfold.com/
*/

/*	@group Reset */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	table { border-collapse: collapse; border-spacing: 0; }
	img { -ms-interpolation-mode: bicubic; }
/* @end */

/*  @group Clearfix & CSS Selection */
    .clear:before,
	.clear:after {
		content: '.';
		display: block;
		visibility: hidden;
		font-size: 0;
		line-height: 0;
		width: 0;
		height: 0;
	}

	.clear:after { clear: both; }

	::selection,
	::-moz-selection {
	    background: #e31837;
		color: #fff;
	}

	img::selection,
	img::-moz-selection {
	    background: transparent;
	}
/* @end */

/*  @group General */
    body {
		margin-top: 22px;
		background-color: #f0f0f0;
		color: #5d737d;
		font-family: 'Verlag A', 'Verlag B', Helvetica, Arial, sans-serif;
    }

    a { text-decoration: none; }
    img { display: block; }

	#wrapper { background-color: #fff; }

	.aligncenter {
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	}

	.alignleft { float: left; }
	.alignright { float: right; }

    #content {
		background-color: #f0f0f0;
        max-width: 1001px;
    	margin: 0 auto;
		border-left: 7px #f0f0f0 solid;
		border-right: 7px #f0f0f0 solid;
    }

	.page-template-tm-projects-php #content,
	.single-project #content {
		position: relative;
		margin: 0 auto -7px;
		z-index: 9998;
	}

	.category #content {
		position: relative;
		z-index: 9998;
	}

	.category-wrap { background-color: #fff; }

	.category-name {
		margin-bottom: 7px;
		text-align: center;
	}

	.category-name h2 {
		font-family: 'Verlag A', 'Verlag B', Helvetica, Arial, sans-serif;
		padding: 25px 0;
		width: 100%;
		background: url(images/title.png) no-repeat #fff 50% 30px;
		font-size: 13px;
		font-weight: 300;
		letter-spacing: 3px;
		background-color: #fff;
		display: inline-block;
		text-transform: uppercase;
	}

	.category-name h2 span {
		background-color: #fff;
		padding: 0 13px;
	}
/*  @end */

/*  @group Header */
	#header-wrap {
		position: relative;
		z-index: 9999;
		background-color: #fff;
		border-top: 3px solid #e31837;
		border-bottom: 7px #f0f0f0 solid;
	}

	#header {
		margin: 0 auto;
		height: 159px;
		padding: 0 20px 0 40px;
		max-width: 940px;
	}

	#title { float: left; }

	#title .logo {
		width: 86px;
		height: 137px;
		background-size: 86px 137px;
		background-image: url(images/logo.png);
		display: block;
	}

	#main-nav-wrap { float: right; }
	#main-nav-wrap li { float: left; }

	#main-nav-wrap li a {
		display: block;
		font-size: 13px;
		color: #5d737d;
		padding: 27px 27px 20px 27px;
		text-transform: uppercase;
		letter-spacing: 1px;
		background: url(images/header.png);
		-moz-transition: .2s;
		-o-transition: .2s;
		-webkit-transition: .2s;
		transition: .2s;
	}

	#main-nav-wrap li a:hover {
		background: url(images/header-hover.png) #fff;
	}

	#main-nav-wrap li.current-menu-item a,
	.single-project #main-nav-wrap #menu-item-18 a {
		color: #fff;
		background: #e31837;
	}
/*  @end */

/*  @group Tag Filter */
	#tag-filter {
		margin-top: -40px;
		position: relative;
		z-index: 9999;
		overflow: hidden;
	}

	#tag-filter p {
		font-size: 28px;
		float: left;
		font-weight: 100;
		font-style: italic;
		font-family: 'Archer A', 'Archer B', serif;
		margin-left: 35px;
		margin-top: 14px;
		line-height: 32px;
		height: 55px;
	}

	#filters {
		background-color: #fff;
		margin-top: 5px;
		z-index: 9999;
		padding: 10px 20px 10px 10px;
		float: left;
		font-weight: 100;
		font-family: 'Archer A', 'Archer B', serif;
		font-style: italic;
	}

	#filters li a {
		opacity: 0;
		-moz-opacity: 0;
		filter:alpha(opacity=0);
		height: 0;
		float: left;
		font-size: 28px;
		color: #5d737d;
		-moz-transition: all .1s linear;
		-o-transition: all .1s linear;
		-webkit-transition: all .1s linear;
	}

	#filters li a:hover { color: #e31837; }

	#filters:hover li a {
		margin-bottom: 2px;
		opacity: 1;
		-moz-opacity: 1;
		filter:alpha(opacity=1);
		height: inherit;
	}

	#filters li a.selected {
		color: #e31837;
		background: url(images/filter.png) no-repeat 100% 14px;
		opacity: 1;
		-moz-opacity: 1;
		filter:alpha(opacity=1);
		height: inherit;
		padding-right: 20px;
	}
/*  @end */

/*  @group Content */
	#page-content {
		background-color: #fff;
		margin-bottom: 7px;
		padding: 30px 40px;
	}

	#page-content .entry-page {
		float: left;
		width: 100%;
		max-width: 625px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#page-content .entry-page h2 {
		color: #e31837;
		font-weight: 400;
		font-size: 18px;
		margin-bottom: 10px;
	}

	#page-content .entry-page p {
		font-size: 18px;
		margin-bottom: 15px;
		font-weight: 100;
		line-height: 28px;
	}

	#page-content .entry-page p:last-child { margin-bottom: 0; }

	#content a {
		-moz-transition: .2s;
		-o-transition: .2s;
		-webkit-transition: .2s;
	}

	#content p a {
		color: #5d737d;
		text-decoration: underline;
	}

	#content p a:hover { color: #e31837; }

	#page-content .entry-image {
		float: right;
		height: auto;
		max-width: 245px;
		width: 100%;
	}

	#page-content .entry-image img {
		max-width: 100%;
		height: auto;
	}

	#page-content .entry-image .image-text {
		margin-top: 10px;
		line-height: 18px;
		font-weight: 100;
		font-size: 13px;
		color: #5d737d;
	}
/*  @end */

/*  @group Slideshow */
	.slideshow-wrap {
		position: relative;
	}

	.pager {
		/*position: absolute;
		bottom: 20px;
		left: 20px;*/
		margin-bottom: 30px;
		position:absolute;
		bottom:0px;

	}

	.pager span {
		float: left;
		cursor: pointer;
		display: block;
		text-indent: -9999px;
		width: 5px;
		height: 5px;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		background-color: transparent;
		border: 1px solid #666;
		margin-right: 12px;
	}

	.pager span.cycle-pager-active,
	.pager span:hover {
		background-color: #666;
	}
/*  @end */

/*  @group Page - Home */
	.home .page > div {
		background-color: #fff;
		margin-bottom: 7px;
		padding: 0 20px 20px;
	}

	/* Slider */
	.home #wrapper {
		overflow-x: hidden;
	}

	#homepage-slider {
		margin-bottom: 7px;
		margin-left: -7px;
	}

	#homepage-slider .slick-list {
		overflow: inherit;
	}

	#homepage-slider button {
		display: none !important;
	}

	#homepage-slider .slide {
		position: relative;
		opacity: .4;
		transition: all 300ms ease;
	}

	#homepage-slider .slide.slick-current {
		opacity: 1;
	}

	#homepage-slider .slide img {
		width: calc(100% + 7px);
		box-sizing: border-box;
	    border-right: 7px #f0f0f0 solid;
	    border-left: 7px #f0f0f0 solid;
	}

	#homepage-slider .slide div.wrap {
		position: absolute;
		bottom: 46px;
		right: 0;
		text-align: center;
		max-width: 328px;
		width: 100%;
	}

	#homepage-slider .slide div.wrap a,
	#homepage-slider .slide div.wrap span {
		display: block;
		color: #fff;
	}

	#homepage-slider .slide div.wrap a {
		box-sizing: border-box;
		padding: 20px 40px 25px;
		font-size: 34px;
		font-weight: 400;
		font-style: italic;
		font-family: 'Archer A', 'Archer B', serif;
		line-height: 40px;
	}

	#homepage-slider .slide div.wrap span {
		margin-top: 16px;
		font-size: 13px;
		line-height: 18px;
		letter-spacing: 2px;
		font-style: normal;
		font-weight: normal;
		font-family: 'Verlag A', 'Verlag B', Helvetica, Arial, sans-serif;
		text-transform: uppercase;
	}

	/* First Row */
	#homepage-first-row {
		padding: 0;
	    background-color: inherit;
	    clear: both;
	    overflow: hidden;
	    margin: 0 calc(-7px / 2) 7px;
		display: flex;
	}

	.home .page .first-row-column {
		width: calc(33.33% - 7px);
	    margin: 0 calc(7px / 2);
		padding: 10px 10px 0 10px;
	    float: left;
	    background-color: #fff;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}

	.home .page .first-row-column img {
		max-width: 465px;
		width: 100%;
		cursor: pointer;
		height: auto;
		outline: 1px solid transparent;
		-webkit-transition: outline-color .6s;
		   -moz-transition: outline-color .6s;
		     -o-transition: outline-color .6s;
		        transition: outline-color .6s;
	}

	.home .page .first-row-column img:hover,
	.home .page .first-row-column:hover img {
		outline: 1px solid #e31837;
	}

	.home .page .first-row-content {
		margin: 17px 10px 18px;
		color: #5d737d;
		font-size: 15px;
		line-height: 22px;
	}

	.home .page .first-row-column h3 { display: inline; }
	.home .page .first-row-content a { color: #5d737d; }

	.home .page .first-row-content a:after {
		content: "»";
		margin-left: 2px;
	}

	.home .page .first-row-content a:hover,
	.home .page .first-row-column:hover a {
		color: #999;
		cursor: pointer;
	}

	.home .page .first-row-column:hover h3,
	.home .page .first-row-column h3:hover {
		color: #e31837;
	}

	/* Our Approach */
	#our-approach { overflow: hidden; }

	#our-approach-content { padding: 0 25px; }

	#our-approach .approach {
		float: left;
		position: relative;
		padding: 15px 0 25px;
		margin-right: 95px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		cursor: pointer;
	}

	#our-approach .approach:last-child { margin-right: 0; }

	#our-approach h4 {
		max-width: 140px;
		margin-top: 12px;
		line-height: 35px;
		width: 100%;
		font-size: 28px;
		font-weight: 100;
		float: left;
		font-family: 'Archer A', 'Archer B', serif;
	}

	#our-approach .approach:hover { color: #e31837; }

	#our-approach h4 a { color: #5d737d; }

	#our-approach .approach-image {
		float: left;
		width: 96px;
		height: 96px;
	}

	#our-approach .approach-image img {
		width: 100%;
		height: 100%;
	}

	/* Approach Hover */
	.approach-image-hover { display: none; }
	.approach:hover .approach-image-hover { display: block; }
	.approach:hover .approach-image-original { display: none; }

	/* Highlights */
	#highlights {
		margin-bottom: 0;
		position: relative;
	}

	#highlights-content .post-media {
		float: left;
		max-width: 600px;
		width: 100%;
	}

	#highlights-content .post-content {
		float: right;
		max-width: 310px;
		padding-right: 20px;
		width: 100%;
	}

	#highlights-content h3 {
		margin-bottom: 12px;
		font-weight: normal;
		font-size: 22px;
	}

	#highlights .post-description {
		color: #5d737d;
		font-size: 15px;
		line-height: 22px;
	}

	#highlights-content a.go-to-press {
		position: absolute;
		bottom: 15px;
		color: #5d737d;
		font-size: 14px;
		right: 15px;
	}

	#highlights-content .go-to-press:hover { color: #e31837; }

	#highlights-content a.go-to-press:after {
		content: "»";
		margin-left: 4px;
	}

	#highlights-content iframe {
		width: 100%;
		height: 352px;
	}

	#highlights-content .post-image img {
		width: 100%;
		height: auto;
	}

	/* Bottom News */
	#bottom-news-wrapper { margin-bottom: 0; }

	.home .page #left-news,
	.home .page #right-news {
		max-width: 445px;
		width: 100%;
		padding-top: 25px;
		border-top: 1px solid #5d737d;
	}

	.home .page #left-news {
		float: left;
		padding-right: 34px;
	}

	.home .page #right-news {
		float: right;
		border-left: 1px solid #5d737d;
		padding-left: 35px;
	}

	.bottom-news-date {
		float: left;
		background: url(images/bottom-news.png) no-repeat;
		width: 60px;
		height: 72px;
		margin-left: 7px;
		text-align: center;
	}

	.bottom-news-date span {
		color: #5d737d;
		margin: 18px 10px 0;
		font-size: 15px;
		text-transform: uppercase;
		font-weight: 700;
		line-height: 18px;
		display: block;
	}

	.bottom-news-date span em {
		font-style: inherit;
		font-size: 22px;
	}

	.bottom-news-content-wrapper {
		float: right;
		max-width: 360px;
	}

	.bottom-news-content-wrapper h3 {
		margin-bottom: 15px;
		font-weight: normal;
		font-size: 18px;
	}

	.bottom-news-content-wrapper .bottom-news-content {
		font-size: 14px;
		line-height: 19px;
	}

	.bottom-news-content-wrapper .bottom-news-content a {
		color: #5D737D;
		text-decoration: underline;
	}

	.bottom-news-content-wrapper .bottom-news-content a:hover {
		color: #e31837;
	}
/*  @end */

/*  @group Page - Moments */
	.moment:hover a,
	.moment a:hover {
		color: #e31837 !important;
	}

	#moments .moment {
		float: left;
		max-width: 309px;
		width: 100%;
		padding: 10px 10px 0;
		background-color: #fff;
		margin-right: 7px;
		margin-bottom: 7px;
		min-height: 311px;
		position: relative;
		z-index: 9999;
	}

	#moments .moment:nth-child(3),
	#moments .moment:nth-child(7),
	#moments .moment:nth-child(10),
	#moments .moment:nth-child(13) {
		margin-right: 0;
	}

	#moments .post-image img {
		width: 100%;
		height: auto;
		margin-bottom: 15px;
		outline: 1px solid transparent;
		-webkit-transition: outline-color .6s;
		-moz-transition: outline-color .6s;
		-o-transition: outline-color .6s;
		transition: outline-color .6s;
	}

	#moments .moment .post-image img:hover { outline: 1px solid #e31837; }

	#moments .post-description { display: none; }

	#moments .post-title a {
		color: #5d737d;
		font-size: 15px;
		display: block;
		padding: 0 10px 5px;
	}

	#moments .post-tagline {
		line-height: 20px;
		padding: 0 10px;
		font-weight: 100;
		font-size: 14px;
	}

	/* Moment Content */
	#moments .moment-container {
		position: relative;
		float: left;
		width: 100%;
		-moz-transition: .2s;
		-o-transition: .2s;
		-webkit-transition: .2s;
	}

	#moments .moment-container.active { margin-bottom: 7px; }

	#moments .close {
		width: 14px;
		height: 14px;
		background: url(images/close.png) no-repeat;
		text-indent: -9999px;
		position: absolute;
		top: 10px;
		right: 10px;
	}

	#moments .close:hover {
		opacity: .8;
		-moz-opacity: .8;
		filter:alpha(opacity=8.8);
	}

	#moments .moment-wrapper {
		padding: 30px;
		background: #fff;
	}

	#moments .moment-wrapper .post-image {
		width: 100%;
		margin-bottom: 0;
		float: left;
		max-width: 555px;
		position: relative;
	}

	#moments .moment-wrapper .post-image img {
		width: 100%;
		height: auto;
		display: block;
		margin-bottom: 0;
	}

	#moments .moment-wrapper .post-content {
		z-index: 9999;
		float: right;
		max-width: 350px;
		width: 100%;
		position: relative;
	}

	#moments .moment-wrapper h3.post-title {
		color: #e31837;
		font-weight: 400;
		font-size: 18px;
		display: block;
		margin-bottom: 8px;
	}

	#moments .moment-wrapper .moment-tagline {
		font-size: 15px;
		margin-bottom: 25px;
		display: block;
	}

	#moments .moment-wrapper .post-description { display: block; }

	#moments .moment-wrapper .post-description p {
		font-size: 16px;
		font-weight: 100;
		line-height: 24px;
	}

	#moments .post-description p a {
		color: #5d737d;
		text-decoration: underline;
	}

	/* Moments Navigation */
	#moments .moment-navigation-wrapper {
		display: none;
		position: absolute;
		max-width: 1000px;
		width: 100%;
		z-index: 9998;
		height: 432px;
		margin-top: 216px;
		top: 0;
		left: 0;
	}

	#moments .moment-container .moment-navigation-wrapper { display: block; }

	#moments .moment-navigation-wrapper .moment-navigation-tooltip {
		display: none;
		margin-top: 20px;
		text-transform: lowercase;
		font-size: 14px;
		text-align: center;
	}

	#moments .moment-navigation-wrapper .moment-prev .moment-navigation-tooltip { margin-left: -7px; }
	#moments .moment-navigation-wrapper > span:hover > .moment-navigation-tooltip { display: block; }

	#moments .moment-navigation-wrapper .moment-prev {
		float: left;
		margin-left: -120px;
	}

	#moments .moment-navigation-wrapper .moment-next {
		float: right;
		margin-right: -120px;
	}

	#moments .moment-navigation-wrapper a {
		width: 80px;
		height: 80px;
		display: block;
		text-indent: -9999px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
		border-radius: 40px;
		background-repeat: no-repeat;
		background-color: #d8d8d8;
		-webkit-transition: background-color .6s;
		   -moz-transition: background-color .6s;
		     -o-transition: background-color .6s;
		        transition: background-color .6s;
	}

	#moments .moment-navigation-wrapper a:hover { background-color: #5d737d; }

	#moments .moment-navigation-wrapper .moment-next a {
		background-position: 55% 50%;
		background-image: url(images/slide-next.png);
		right: 50px;
	}

	#moments .moment-navigation-wrapper .moment-prev a {
		background-position: 45% 50%;
		background-image: url(images/slide-prev.png);
		left: 50px;
	}
/*  @end */

/*  @group Page - About */
	.about #page-content { position: relative; }

	.about #page-content .entry-page {
		border-right: 1px solid #e31837;
		max-width: 635px;
		padding-right: 60px;
	}

	/* About Slideshow */
	#about-slideshow { overflow: hidden; }
	.about .about-slide { width: 100% !important; }

	.about #areas-expertise strong {
		display: block;
		font-family: 'Archer A', 'Archer B', serif;
		font-weight: normal;
		font-size: 20px;
		margin: 35px 0 20px;
	}

	.about #areas-expertise ul {
		float: left;
		margin-right: 65px;
	}

	.about #areas-expertise ul.right { margin-right: 0; }

	.about #areas-expertise li {
		font-size: 16px;
		line-height: 26px;
		font-weight: 100;
	}

	.about #areas-expertise li a { color: #5d737d; }
	.about #areas-expertise li a:hover { color: #e31837; }

	.about .meet-the-team {
		display: block;
		margin-top: 30px;
		font-weight: 700;
		color: #e31837;
	}

	.about .meet-the-team:hover { text-decoration: underline; }

	/* Team Member */
	.about #page-content .team-member .entry-page p {
		font-size: 15px;
		line-height: 23px;
		margin-bottom: 20px;
	}

	.about #page-content .team-member .entry-page p:last-child { margin-bottom: 0; }
	.team-member .entry-page blockquote { margin-bottom: 20px; }

	.about #page-content .team-member .entry-page blockquote p {
		font-size: 16px;
		font-weight: 300;
		font-family: 'Archer A', 'Archer B', serif;
		font-style: italic;
	}

	.team-member .entry-page blockquote em {
		font-style: italic;
		font-weight: 300;
	}

	.team-member h3 {
		color: #e31837;
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		margin-top: 20px;
		display: block;
	}

	.team-member .member-tagline {
		font-style: italic;
		line-height: 18px;
		font-weight: 100;
		font-size: 15px;
		padding-right: 10px;
	}

	.team-member .next-player {
		font-size: 14px;
		color: #5d737d;
		font-weight: 100;
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.team-member .next-player:hover { text-decoration: underline; }
	.team-member .next-player span { color: #e31837; }

	/* About Approach */
	#about-approach {
		background-color: #fff;
		margin: -7px 0 7px;
		padding: 0 20px 20px;
	}

	#about-approach .approach {
		margin-bottom: 25px;
		padding-bottom: 25px;
		min-height: 482px;
		border-bottom: 1px solid #5d737d;
	}

	#about-approach .approach:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}

	#about-approach .approach-slideshow-wrap {
		max-width: 620px;
		width: 100%;
		float: left;
	}

	#about-approach .approach-slideshow img {
		cursor: pointer;
		max-width: 620px;
		width: 100%;
		height: auto;
	}

	.approach-content {
		max-width: 340px;
		width: 100%;
		float: right;
	}

	.approach-content h4 {
		max-width: 140px;
		margin: 0 auto 30px;
		line-height: 35px;
		width: 100%;
		font-size: 28px;
		text-align: center;
		padding: 0 40px;
		font-weight: 100;
		font-family: 'Archer A', 'Archer B', serif;
	}

	.approach-content h4 a { color: #666; }

	.approach-content .approach-image {
		width: 96px;
		height: 96px;
		margin: 20px auto;
	}

	.approach-content .approach-image img {
		width: 100%;
		height: 100%;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		border-radius: 100px;
	}

	.approach-content p {
		font-size: 16px;
		line-height: 23px;
		padding: 0 20px 0 40px;
	}

	/* Awards and Q&A */
	#about-modules {
		overflow: hidden;
		clear: both;
	}

	#about-modules > div {
		float: left;
	    padding: 20px 20px 100000px;
	    margin-bottom:  -100000px;
		background-color: #fff;
		max-width: 496px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#about-modules > div:first-child { margin-right: 8px; }

	#about-modules h4 {
		font-family: 'Archer A', 'Archer B', serif;
		text-transform: uppercase;
		font-size: 15px;
		line-height: 22px;
		font-weight: normal;
	}

	#about-modules .about-tagline { font-size: 15px; }

	#about-modules .about-inside {
		margin-top: 10px;
		border-top: 1px solid #85969d;
		padding-top: 20px;
	}

	#about-modules .about-inside p {
		font-weight: 100;
		font-size: 15px;
		line-height: 20px;
		width: 100%;
		margin-bottom: 20px;
	}

	#about-modules .about-inside p a {
		color: #5d737d;
		text-decoration: none;
	}

	#about-modules .about-inside p a:hover { color: #999; }

	#about-modules .about-inside p a:after {
		content: "»";
		margin-left: 2px;
	}

	#about-modules .about-inside p a:first-child:after {
		content: "";
		margin-left: 0;
	}

	#about-modules .about-inside p a:hover:after { color: #e31837; }
/*  @end */

/*  @group Page - Projects */
	.page-template-tm-projects #footer-wrap { margin: 0 auto; }

	.project:hover .post-title a,
	.project .post-title a:hover {
		color: #e31837 !important;
	}

	#projects-list {
		width: 1005px;
		position: relative;
	}

	#projects-list .project {
		z-index: 9999;
		height: 292px;
		max-width: 308px;
		width: 100%;
		float: left;
		margin-right: 7px;
		margin-bottom: 7px;
		padding: 10px 10px 15px;
		background-color: #fff;
	}

	#projects-list .project:hover { cursor: pointer; }

	.isotope,
	.isotope .isotope-item {
	  -webkit-transition-duration: 0.8s;
	     -moz-transition-duration: 0.8s;
	      -ms-transition-duration: 0.8s;
	       -o-transition-duration: 0.8s;
	          transition-duration: 0.8s;
	}

	.isotope {
	  -webkit-transition-property: height, width;
	     -moz-transition-property: height, width;
	      -ms-transition-property: height, width;
	       -o-transition-property: height, width;
	          transition-property: height, width;
	}

	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
	     -moz-transition-property:    -moz-transform, opacity;
	      -ms-transition-property:     -ms-transform, opacity;
	       -o-transition-property:      -o-transform, opacity;
	          transition-property:         transform, opacity;
	}

	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
	  -webkit-transition-duration: 0s;
	     -moz-transition-duration: 0s;
	      -ms-transition-duration: 0s;
	       -o-transition-duration: 0s;
	          transition-duration: 0s;
	}

	#projects-list .post-image {
		width: 100%;
		max-width: 306px;
		margin-bottom: 15px;
		background: #eee;
	}

	#projects-list .post-image img {
		width: auto;
		min-height: 238px;
		outline: 1px solid transparent;
		-webkit-transition: outline-color .6s;
		-moz-transition: outline-color .6s;
		-o-transition: outline-color .6s;
		transition: outline-color .6s;
		max-width: 100%;
		height: auto;
	}

	#projects-list .post-image img:hover { outline: 1px solid #e31837 !important; }

		/* Two columns */
		#projects-list .project.two-col {
			max-width: 643px;
			height: 616px;
		}

		#projects-list .project.big-right { float: right; }

		#projects-list .project.two-col .post-image,
		#projects-list .project.two-col .post-image img {
			max-height: 499px;
			height: 100%;
			max-width: 641px;
		}

	#projects-list h3.post-title a {
		color: #5d737d;
		font-size: 15px;
		display: block;
		padding: 0 10px 5px;
	}

	#projects-list h3.post-title a:hover { color: #e31837; }

	#projects-list .post-categories {
		background: url(images/categories.png) 0 48% no-repeat;
		text-indent: 10px;
		margin-left: 10px;
	}

	#projects-list .post-categories a {
		line-height: 20px;
		font-weight: 100;
		font-size: 14px;
		color: #5d737d;
		text-decoration: none;
	}
/*  @end */

/*  @group Categories - Projects */
	#other-categories {
		background-color: #fff;
		padding: 20px;
	}

	#other-categories p {
		line-height: 20px;
		font-weight: 100;
	}

	#other-categories ul { margin-top: 10px; }

	#other-categories ul li {
		float: left;
		padding-right: 4px;
	}

	#other-categories ul li:after { content: ","; }

	#other-categories ul li:last-child:after {
		content: "";
		padding-right: 0;
	}

	#other-categories ul li a {
		font-weight: 500;
		float: left;
		color: #5d737d;
	}

	#other-categories ul li a:hover {
		color: #999;
		text-decoration: underline;
	}

	#other-categories ul li.current-cat a { color: #d1d3d4; }
/*  @end */

/*  @group Project - Single */
	#single-project {
		overflow: hidden;
		position: relative;
		z-index: 9999;
	}

	.single-project .close {
		z-index: 9999;
		width: 14px;
		height: 14px;
		background: url(images/close.png) no-repeat;
		text-indent: -9999px;
		position: absolute;
		top: 15px;
		right: 15px;
	}

	.single-project .close:hover {
		opacity: .8;
		-moz-opacity: .8;
		filter:alpha(opacity=8.8);
	}

	#project-navigation {
		position: absolute;
		max-width: 1000px;
		width: 100%;
		height: 565px;
		margin-top: 222px;
	}

	#project-navigation .project-navigation-tooltip {
		display: none;
		margin-top: 20px;
		text-transform: lowercase;
		font-size: 14px;
		text-align: center;
	}

	#project-navigation > span:hover > .project-navigation-tooltip { display: block; }

	#project-navigation .project-prev {
		float: left;
		margin-left: -120px;
	}

	#project-navigation .project-next {
		float: right;
		margin-right: -120px;
	}

	#project-navigation a {
		width: 80px;
		height: 80px;
		display: block;
		text-indent: -9999px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
		border-radius: 40px;
		background-repeat: no-repeat;
		background-color: #d8d8d8;
		-webkit-transition: background-color .6s;
		   -moz-transition: background-color .6s;
		     -o-transition: background-color .6s;
		        transition: background-color .6s;
	}

	#project-navigation a:hover { background-color: #5d737d; }

	#project-navigation .project-next a {
		background-position: 55% 50%;
		background-image: url(images/slide-next.png);
		right: 50px;
	}

	#project-navigation .project-prev a {
		background-position: 45% 50%;
		background-image: url(images/slide-prev.png);
		left: 50px;
	}

	#project-first-row {
		position: relative;
		background-color: #fff;
		margin-bottom: 7px;
	}

	#single-project .project .post-content {
		padding: 20px 30px 20px 20px;
	    float: left;
	    max-width: 30%;
		width: 100%;
	    min-height: 485px;
	    box-sizing: border-box;
	}

	#single-project .project h3.post-title {
		color: #e31837;
		font-size: 18px;
		display: block;
		margin-bottom: 8px;
		line-height: 22px;
	}

	#single-project .project .post-description {
		font-size: 16px;
		font-weight: 100;
		line-height: 24px;
	}

	#single-project .project .post-description p { margin-bottom: 15px; }
	#single-project .project .post-description p:last-child { margin-bottom: 0; }

	#single-project .project .post-description a {
		color: #5d737d;
		text-decoration: underline;
	}

	#single-project .project #project-slideshow-wrap {
		float: right;
		max-width: 70%;
	    width: 100%;
	}

	#single-project .project #project-slideshow-wrap img {
		width: 100%;
		height: auto;
		cursor: pointer;
	}

	#single-project .project .project-credits {
		color: #5d737d;
		font-size: 13px;
		border-top: 1px solid #5d737d;
		padding-top: 20px;
		margin-top: 20px;
		line-height: 20px;
		width: 100%;
	}

	#single-project .project .project-credits strong {
		font-weight: normal;
		text-transform: uppercase;
	}

	.single-project #category-name h4 {
		font-family: 'Verlag A', 'Verlag B', Helvetica, Arial, sans-serif;
		padding: 25px 13px;
		font-size: 13px;
		font-weight: 300;
		letter-spacing: 3px;
		background-color: #fff;
		display: inline-block;
		text-transform: uppercase;
	}

	/* Share project */
	#share-project {
		background-color: #fff;
		padding: 30px 20px 23px;
		margin-bottom: 7px;
	}

	#share-project strong {
		line-height: 18px;
		font-weight: 100;
		font-size: 16px;
		float: left;
	}

	#share-project .zilla-share {
		float: left;
		margin: 0 0 0 10px;
	}

	/* New Single Project */
	.single-project #content.new-project {
		margin: 0 auto;
	}

	.single-project #content.new-project #project-navigation {
		position: fixed;
		z-index: 9998;
		top: 0;
		height: 100vh;
		width: 100%;
		max-width: 1000px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 0;
	}

	.single-project #content.new-project #project-navigation .project-prev {
		position: absolute;
		left: 0;
		float: none;
	}

	.single-project #content.new-project #project-navigation .project-prev a {
		left: inherit;
	}

	.single-project #content.new-project #project-navigation .project-next {
	    position: absolute;
		right: 0;
		float: none;
	}

	.single-project #content.new-project #project-navigation .project-next a {
		right: inherit;
	}

	.single-project #content.new-project #project-navigation .project-navigation-tooltip {
		visibility: hidden;
		display: block;
	}

	.single-project #content.new-project #project-navigation > span:hover > .project-navigation-tooltip {
		display: block;
		visibility: visible;
	}

	.single-project #content.new-project #project-info {
		background-color: #fff;
		padding: 36px 40px;
		border-bottom: 7px #f0f0f0 solid;
		display: flex;
	}

	.single-project #content.new-project .post-header {
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 50%;
	}

	.single-project #content.new-project .post-header h2.post-title {
		color: #e31837;
		display: block;
		margin-bottom: 6px;
		font-size: 32px;
		line-height: 38px;
	}

	.single-project #content.new-project .post-header .post-categories a {
		font-weight: 100;
		font-size: 16px;
		line-height: 20px;
		color: #5d737d;
		text-decoration: none;
	}

	.single-project #content.new-project .post-header .post-categories a:hover {
		color: #e31837;
	}

	.single-project #content.new-project .post-content {
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 50%;
		padding: 0;
		float: none;
		max-width: inherit;
		min-height: inherit;
		padding-left: 40px;
	}

	.single-project #content.new-project #project-images {
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
	}

	.single-project #content.new-project #project-images .section {
		border-bottom: 7px #f0f0f0 solid;
		background-color: #fff;
		width: 100%;
		padding: 20px 40px;
		box-sizing: border-box;
	}

	.single-project #content.new-project #project-images .section span {
		font-size: 15px;
		line-height: 18px;
	}

	.single-project #content.new-project #project-images .image {
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 100%;
		border-bottom: 7px #f0f0f0 solid;
	}

	.single-project #content.new-project #project-images .image:last-child {
		border-bottom: 0;
	}

	.single-project #content.new-project #project-images .image img {
		width: 100%;
		height: auto;
	}

	.single-project #content.new-project #project-images .image img:not(:only-child) {
		float: left;
	    width: calc(50% - 3.5px);
	    height: auto;
	}

	.single-project #content.new-project #project-images .image img:first-child:not(:only-child) {
		border-right: 3.5px #f0f0f0 solid;
	}

	.single-project #content.new-project #project-images .image img:last-child:not(:only-child) {
		border-left: 3.5px #f0f0f0 solid;
	}
/*  @end */

/*  @group Page - Press */
	/* Press Content */
	.press #page-content .entry-image { max-width: 245px; }

	.press #page-content .entry-image .press-image { display: none; }
	.press #page-content .entry-image .press-image:first-child { display: block; }

	.press #page-content .entry-image .press-image .image {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.press #page-content .entry-image .press-image .image a {
		text-indent: -9999px;
		display: block;
		width: 245px;
		height: 190px;
	}

	.press #page-content .entry-image .press-image .image-description { margin-top: 10px; }

	.press #page-content .entry-image .press-image .image-description a {
		font-weight: 100;
		font-size: 14px;
		color: #5d737d;
	}

	.press #page-content .entry-image .press-image .image-description a:hover {
		text-decoration: underline;
		color: #999;
	}

	.press #page-content #press-thumbnails { margin-top: 8px; }

	.press #page-content #press-thumbnails .image-thumbnail {
		width: 50px;
		height: 40px;
		overflow: hidden;
		position: relative;
		float: left;
		margin-right: 7px;
	}

	.press #page-content #press-thumbnails .image-thumbnail:hover { outline: 1px solid #e31837; }

	/* Press Columns */
	#press-content {
		overflow: hidden;
		clear: both;
	}

	.press-column {
	    padding-bottom: 100000px;
	    margin-bottom:  -100000px;
		float: left;
		max-width: 328px;
		width: 100%;
		background-color: #fff;
		text-align: center;
	}

	.press-column .category-name { padding: 0 10px; }

	#press-exhibitions {
		margin-right: 7px;
		margin-left: 7px;
		max-width: 330px;
	}

	.press-column-content { text-align: left; }

	#press-talks .press-column-content,
	#press-exhibitions .press-column-content {
		padding: 0 10px;
	}

	#press-articles .press-column-content { padding: 0 20px; }

	.press-column-item { margin-bottom: 25px; }

	.talk-item iframe { margin-bottom: 13px; }

	.entry-image {
		width: 308px;
		height: 173px;
		margin-bottom: 13px;
	}

	.press-column strong.selected-types {
		font-size: 20px;
		display: inline-block;
		margin-top: 5px;
		margin-bottom: 25px;
	}

	.press-column strong.selected-types:first-child { margin-top: 0; }

	.press-column h3 {
		font-family: 'Verlag A', 'Verlag B', Helvetica, Arial, sans-serif;
		padding: 25px 13px;
		font-size: 13px;
		font-weight: 300;
		letter-spacing: 3px;
		background-color: #fff;
		display: inline-block;
		text-transform: uppercase;
		text-align: center;
	}

	.press-column h4 {
		font-size: 15px;
		line-height: 20px;
		padding: 0 10px 5px;
	}

	.press-column p {
		line-height: 20px;
		padding: 0 10px;
		font-weight: 100;
		font-size: 14px;
	}

	.press-column a {
		color: #5d737d;
		text-decoration: none !important;
	}

	.press-column a:hover { color: #e31837 !important; }

	.press-column p a:after {
		content: "»";
		margin-left: 2px;
	}

	.press-column p a:hover:after { color: #e31837; }
	.press-column .press-column-item:hover a { color: #999; }

	#press-articles h4 { padding: 0 0 5px; }
	#press-articles p { padding: 0; }

	#press-articles p a {
		display: block;
		margin-bottom: 10px;
	}

	#press-articles p a:last-child { margin-bottom: 0; }
/*  @end */

/*  @group Page - Q&A */
	#questions-answers {
		background-color: #fff;
		padding: 35px 40px;
	}

	.qa-faqs .qa-category {
		max-width: 430px;
		width: 100%;
		float: left;
		margin-right: 60px;
		margin-bottom: 70px;
	}

	.qa-faqs .qa-category:nth-child(2n) { margin-right: 0; }

	.qa-faqs .qa-faq { margin-bottom: 25px; }
	.qa-faqs .qa-faq:last-child { margin-bottom: 0; }

	.qa-faqs .faq-catname {
		font-family: 'Verlag A', 'Verlag B', Helvetica, Arial, sans-serif;
		font-size: 18px;
		font-weight: 300;
		line-height: 18px;
		margin-bottom: 25px;
	}

	.qa-faqs h3 {
		display: block;
		margin-bottom: 7px;
		line-height: 24px;
		font-size: 18px;
	}

	body .qa-faqs .qa-faq-answer {
		font-size: 15px;
		display: block !important;
		line-height: 22px;
		font-weight: 100;
	}
/*  @end */

/*  @group Page - Contact */
	.contact #page-content { margin-bottom: 0; }
	.contact #page-content .entry-page { max-width: 655px; }

	.contact #page-content .entry-page .child:first-child {
		float: left;
		max-width: 280px;
	}

	.contact #page-content .entry-page .child:last-child {
		float: left;
		margin-left: 74px;
		border-right: 1px solid #e31837;
		max-width: 280px;
		padding-right: 94px;
	}

	.contact #page-content .entry-page .child p:first-child { margin-bottom: 30px; }

	.contact #page-content .entry-page h2 {
		font-size: 15px;
		margin-bottom: 5px;
	}

	.contact #page-content .entry-page p {
		font-size: 14px;
		line-height: 20px;
	}
/*  @end */

/*  @group Footer */
	#footer-wrap {
		margin: 7px auto 0;
		border-top: 3px solid #e31837;
		background-color: #fff;
	}

	#footer {
		margin: 0 auto;
		max-width: 1000px;
		width: 100%;
		padding: 25px 0 35px;
		color: #5d737d;
	}

	#footer .footer-col { float: left; }

	body .simple-social-icons ul li { margin-right: 5px !important; }

	body .simple-social-icons ul li a {
		width: 35px;
		height: 35px;
		background-size: 35px 35px;
/*		text-indent: -9999px;
*/		padding: 0;
		display: block;
	}

	body .simple-social-icons ul li a:hover {
		width: 35px;
		height: 35px;
		background-size: 35px 35px;
		padding: 0;
	}

	.simple-social-icons ul li a { background-repeat: no-repeat; }
	.social-facebook a { background-image: url(images/facebook.png); }
	.social-twitter a { background-image: url(images/twitter.png); }
	.social-youtube a { background-image: url(images/youtube.png); }

	#footer a { color: #5d737d; }
	#footer a:hover { color: #e31837; }

	#footer-social {
		width: 550px;
		padding-left: 40px;
	}

	#footer-social .widgettitle {
		margin-bottom: 5px;
		font-size: 14px;
	}

	#footer-social li#text-2 .widgettitle { display: none; }

	.simple-social-icons svg {
		display: block !important;
		    width: 100% !important;
		    height: 100% !important;
	}


	#footer-social .textwidget {
		font-size: 12px;
		line-height: 16px;
		margin-top: 10px;
	}

	#footer-expertise {
		max-width: 380px;
		width: 100%;
	}

	#footer-expertise .widgettitle {
		margin-bottom: 25px;
		display: block;
		font-size: 14px;
		font-weight: 700;
	}

	#footer-expertise ul {
		float: left;
		margin-right: 50px;
	}

	#footer-expertise ul:last-child { margin-right: 0; }

	#footer-expertise li {
		font-size: 13px;
		margin-bottom: 16px;
	}

	#footer-expertise ul li:last-child { margin-bottom: 0; }
/*  @end */

/*  @group Media Queries */
    /* ------------------------------------------------*/
    /* ---------->>> Tablet Landscape <<<--------------*/
    /* ------------------------------------------------*/
    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
		.moment-navigation { display: none; }
		#project-navigation { display: none; }

		.about .about-slide.cycle-sentinel { height: 0 !important; }
    }

    /* ------------------------------------------------*/
    /* ---------->>> Tablet Portrait <<<---------------*/
    /* ------------------------------------------------*/
    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
		/* Content */
		#page-content { padding: 15px; }

		#content #page-content .entry-page {
			padding-right: 0;
			border-right: 0;
			max-width: 450px;
		}

		#page-content .entry-image {
			margin-bottom: 20px;
			text-align: center;
		}

		#page-content .entry-image img { margin: 0 auto; }

		/* Slideshows */
		.pager {
			position: relative;
			left: inherit;
			bottom: inherit;
			margin: 30px 0 10px;
		}

		/* Home */
		#our-approach .approach {
			max-width: 158px;
			padding: 0 0 25px;
		}

		#our-approach h4 { margin-bottom: 20px; }

		#highlights-content .post-content { max-width: 270px; }
		#highlights-content .post-media { max-width: 400px; }
		#highlights-content iframe { height: 232px; }
		#highlights-content .post-image img { height: auto; width: 100%; }

		.home .page #left-news,
		.home .page #right-news {
			float: none;
			padding-right: 0;
			padding-left: 0;
			border-left: none;
			max-width: inherit;
		}

		.home .page #left-news { padding-bottom: 25px; }
		.bottom-news-content-wrapper {
			max-width: 620px;
			float: left;
			margin-left: 25px;
		}

		/* About */
		.about .about-slide.cycle-sentinel { height: 0 !important; }

		#about-slideshow { height: inherit !important; }

		.about .about-slide {
			width: 100% !important;
			position: inherit !important;
			display: block !important;
			top: inherit !important;
			left: inherit !important;
			opacity: 1 !important;
			-moz-opacity: 1;
			filter:alpha(opacity=1);
			height: inherit !important;
		}

		.about .team-member { margin-top: 50px; }

		.about .meet-the-team,
		.about .next-player {
			display: none;
		}

		.about .about-slide.team-member {
			border-top: 1px solid #5d737d;
			margin-top: 30px;
			padding-top: 30px;
		}

		.about #areas-expertise strong { margin: 35px 0 15px; }

		#moments .moment {
			float: none;
			max-width: inherit;
			margin-right: 0;
			min-height: inherit;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		#moments .moment-link,
		#moments .post-tite a {
			cursor: normal;
			pointer-events: none;
		}

		#moments .post-title a { font-size: 18px; }
		#moments .post-tagline { font-size: 16px; }

		#moments .moment .post-description {
			display: block;
			margin: 20px 0;
			padding: 0 10px;
		}

		#moments .moment .post-description p {
			font-size: 16px;
			font-weight: 100;
			line-height: 24px;
		}

		#moments .moment-navigation { display: none; }

		#about-approach .approach { min-height: inherit; }
		#about-approach .approach-slideshow-wrap { max-width: 440px; }
		#about-approach .approach-content { max-width: 270px; }

		#about-modules > div {
			float: none;
			padding: 20px;
			margin: 0;
			max-width: inherit;
		}

		/* Projects */
		.page-template-tm-projects-php #content,
		.single-project #content,
		.category #content {
			z-index: 9998;
		}

		#tag-filter { display: none; }

		#projects-list {
			display: flex;
		    height: inherit !important;
		    flex-wrap: wrap;
		    overflow: inherit !important;
		    position: inherit !important;
		    transition: none !important;
		    margin: 0 calc(-7px / 2);
		    width: calc(100% + 7px);
		}

		#content #projects-list .project {
			height: auto !important;
		    flex: 0 0 33.33%;
		    border-right: calc(7px / 2) #f0f0f0 solid;
		    border-left: calc(7px / 2) #f0f0f0 solid;
		    max-width: inherit;
		    margin: 0 0 7px 0;
		    box-sizing: border-box;
		    position: relative !important;
		    left: inherit !important;
		    top: inherit !important;
		    transform: inherit !important;
		    float: none;
		    width: inherit;
		}

		#projects-list .project.two-col .post-image,
		#projects-list .project.two-col .post-image img {
			max-height: inherit;
			height: auto !important;
			max-width: 100% !important;
		}

		#projects-list .post-image img {
			height: auto !important;
			min-height: inherit !important;
		}

		#projects-list h3.post-title a { line-height: 21px; }

		#projects-list .post-categories {
			text-indent: inherit;
			background: none;
		}

		#project-container .close {
			width: inherit;
			height: inherit;
			text-indent: inherit;;
			background: url(images/close.png) no-repeat rgba(0,0,0,.6) 7px 50%;
			padding: 10px 10px 10px 30px;
			z-index: 9999;
			font-size: 14px;
		}

		#panel-slideshow-wrap a { display: none; }

		#project-container .post-image {
			margin-bottom: 30px;
		}

		#project-container .post-content {
			float: none;
			max-width: inherit;
		}

		#project-container h3.post-title {
			font-size: 18px;
			margin-bottom: 15px;
		}

		#project-navigation {
			display: none;
		}

		#single-project .project .post-content {
			max-width: 45%;
			min-height: inherit;
		}

		#single-project .project #project-slideshow-wrap {
			max-width: 55%;
		}

		/* Press */
		#content .press-column {
			max-width: 246px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		#content .press-column .entry-image,
		#content .press-column .entry-image img,
		#content .press-column .talk-item iframe {
			height: auto;
			width: 100%;
		}

		.press-column h4 { line-height: 20px; }

		/* Contact */
		#content.contact #page-content .entry-page .child {
			float: none;
			padding: 0;
			border: none;
			max-width: inherit;
		}

		.contact #page-content .entry-page .child:last-child {
			margin-left: 0;
			margin-top: 30px;
		}

		/* Footer */
		#footer {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			padding: 35px 20px 40px;
		}

		#footer .footer-col {
			float: none;
			width: inherit;
			padding-left: 0;
			border-left: none;
		}

		#footer-social .widgettitle {
			font-size: 15px;
			margin-bottom: 15px;
		}

		#footer-social .textwidget {
			font-size: 13px;
			line-height: 20px;
		}

		#footer .alignleft { float: none; }

		#footer .simple-social-icons ul li {
			float: none;
			display: inline-block;
		}

		#footer #footer-expertise {
			display: none;
			max-width: 356px;
			margin: 0 auto;
			padding-bottom: 0;
			border-bottom: none;
		}

		#footer-expertise .widgettitle { font-size: 15px; }
    }

    /* -----------------------------------------*/
    /* ---------->>> iPhone <<<-----------------*/
    /* -----------------------------------------*/
	@media only screen and (max-width: 767px) {
		body { margin-top: 0; }
		.category-name { padding: 0 20px; }

		/* Header */
		#header {
			padding: 0 14px 0 20px;
			height: inherit;
		}

		#title .logo {
			width: 111px;
			height: 164px;
			background-size: 111px 164px;
		}

		/* Menu */
		#main-nav-wrap { position: relative; }

		#main-nav-wrap ul { margin: 6px 0 10px; }

		#main-nav-wrap li {
			margin: 0;
			float: none;
			display: block;
		}

		#main-nav-wrap li a {
			display: block;
			color: #999;
			padding: 11px 8px 9px;
			border-bottom: 1px solid #e0e0e0;
		}

		#main-nav-wrap li:last-child a { border-bottom: 0; }

		#main-nav-wrap li a:hover {
			color: #5d737d;
			background: none;
		}

		#main-nav-wrap li.current-menu-item a,
		.single-project #main-nav-wrap #menu-item-18 a,
		.category #main-nav-wrap #menu-item-18 a {
			background: none;
			color: #5d737d;
			pointer-events: none;
			font-weight: 600;
		}

		/* Slideshows */
		.pager {
			position: relative;
		    bottom: inherit;
		    left: inherit;
		    text-align: center;
		    margin: 20px auto;
		    width: 100%;
		}

		/* Content */
		#content { border: none; }
		#page-content { padding: 15px; }

		#content #page-content .entry-page {
			padding-right: 0;
			border-right: 0;
			max-width: inherit;
			float: none;
		}

		#page-content .entry-image {
			margin: 0 auto 20px;
			float: none;
			text-align: center;
		}

		#page-content .entry-image img { margin: 0 auto; }

		/* Home */
		#homepage-slider {
			margin-left: 0;
		}

		#homepage-slider .slide {
			padding: 0 calc(7px / 2);
			box-sizing: border-box;
		}

		#homepage-slider .slide img {
			width: 100%;
			border: 0;
		}

		#homepage-slider .slide div.wrap {
			position: relative;
			bottom: inherit;
			right: inherit;
			max-width: inherit;
		}

		#homepage-first-row {
			display: block;
			margin: 0 0 7px 0;
		}

		.home .page .first-row-column {
			width: 100%;
			float: none;
			margin: 0 0 7px 0;
			padding: 10px;
			float: none;
		}

		.home .page .first-row-column img {
			max-width: inherit;
		}

		#our-approach .approach {
			max-width: inherit;
			float: none;
			margin: 0 0 25px;
		}

		#our-approach .approach:last-child { margin: 0; }

		#our-approach h4 {
			margin-right: 24px;
			max-width: 110px;
			font-size: 24px;
			line-height: 28px;
		}

		#highlights-content .post-content {
			max-width: inherit;
			float: none;
		}

		#highlights-content .post-media {
			max-width: inherit;
			float: none;
			margin-top: 20px;
		}

		#highlights-content iframe { height: 182px; }
		#highlights-content .post-image img { height: auto; width: 100%; }

		#highlights-content a.go-to-press {
			position: inherit;
			bottom: inherit;
			right: inherit;
			float: right;
			margin-top: 15px;
		}

		.home .page #left-news,
		.home .page #right-news {
			float: none;
			padding-right: 0;
			padding-left: 0;
			border-left: none;
			max-width: inherit;
		}

		.home .page #left-news { padding-bottom: 25px; }
		.bottom-news-content-wrapper { max-width: 180px; }

		/* About */
		.about .about-slide.cycle-sentinel { height: 0 !important; }

		#about-slideshow { height: inherit !important; }

		.about .about-slide {
			width: 100% !important;
			position: inherit !important;
			display: block !important;
			top: inherit !important;
			left: inherit !important;
			opacity: 1 !important;
			-moz-opacity: 1;
			filter:alpha(opacity=1);
			height: inherit !important;
		}

		.about .team-member { margin-top: 50px; }

		.about .about-slide.team-member {
			border-top: 1px solid #5d737d;
			margin-top: 30px;
			padding-top: 30px;
		}

		.about .meet-the-team,
		.about .next-player {
			display: none;
		}

		.about #areas-expertise ul {
			float: none;
			margin-right: 0;
		}

		.about #areas-expertise strong { margin: 35px 0 15px; }

		#moments .moment {
			float: none;
			max-width: inherit;
			margin-right: 0;
			min-height: inherit;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		#moments .moment-link,
		#moments .post-tite a {
			cursor: normal;
			pointer-events: none;
		}

		#moments .post-title a { font-size: 18px; }
		#moments .post-tagline { font-size: 16px; }

		#moments .moment .post-description {
			display: block;
			margin: 20px 0;
			padding: 0 10px;
		}

		#moments .moment .post-description p {
			font-size: 16px;
			font-weight: 100;
			line-height: 24px;
		}

		#moments .moment-navigation { display: none; }

		.page-template-tm-about-php #projects-list .project-container .post-image {
			max-width: inherit;
			float: none;
			margin-bottom: 20px;
		}

		.page-template-tm-about-php #projects-list .project-container .post-content {
			max-width: inherit;
			float: none;
		}

		.page-template-tm-about-php #projects-list .project-container .post-description p {
			font-size: 15px;
			line-height: 22px;
		}

		#about-approach .approach { min-height: inherit; }

		#about-approach .approach-slideshow-wrap {
			max-width: inherit;
			float: none;
		}

		.approach-content h4 { margin: 0 auto 20px; }
		.approach-content p { padding: 0; }

		#about-modules > div {
			float: none;
			padding: 20px 20px 0 20px;
			margin: 0;
			max-width: inherit;
		}

		/* Projects */
		.page-template-tm-projects-php #content,
		.single-project #content,
		.category #content {
			z-index: 9998;
		}

		#tag-filter { display: none; }

		#projects-list {
		    height: inherit !important;
		    overflow: inherit !important;
		    position: inherit !important;
		    transition: none !important;
		    margin: 0;
		    width: 100%;
		}

		#content #projects-list .project {
			height: auto !important;
		    width: 100%;
		    max-width: 100%;
		    margin: 0 0 7px 0;
		    box-sizing: border-box;
		    position: relative !important;
		    left: inherit !important;
		    top: inherit !important;
		    transform: inherit !important;
		    float: none;
		}

		#content #projects-list .project {
			height: auto;
			display: block;
			max-width: inherit;
			margin-right: 0;
			margin-bottom: 7px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		.page-template-tm-projects-php #projects-list .post-image,
		.page-template-tm-projects-php #projects-list .post-image img,
		.single-project .project .post-image,
		.single-project .project .post-image img {
			max-height: inherit !important;
			max-width: inherit !important;
			width: 100% !important;
			height: auto !important;
		}

		#projects-list .post-image img {
			min-height: inherit !important;
			width: 100% !important;
			max-width: inherit !important;
		}

		#projects-list h3.post-title a { line-height: 21px; }

		#projects-list .post-categories {
			text-indent: inherit;
			background: none;
		}

		#project-navigation { display: none; }
		#single-project .project > div { padding: 15px; }

		#single-project .project .post-content {
			float: none;
			max-width: inherit;
			min-height: inherit;
		}

		#single-project .project #project-slideshow-wrap {
			max-width: inherit;
			float: none;
		}

		#share-project strong {
			float: none;
			display: block;
			margin-bottom: 15px;
		}

		#share-project .zilla-share { margin: 0; }

		/* New Single Project */
		.single-project #content.new-project #project-info {
			display: block;
			padding: 32px 20px;
		}

		.single-project #content.new-project .post-header {
			flex: inherit;
			margin-bottom: 20px;
		}

		.single-project #content.new-project .post-header h2.post-title {
			font-size: 28px;
			line-height: 32px;
			margin-bottom: 12px;
		}

		.single-project #content.new-project .post-content {
			padding-left: 0;
		}

		.single-project #content.new-project #project-images {
			padding: 0;
			flex-wrap: inherit;
			display: block;
		}

		.single-project #content.new-project #project-images .section {
			padding: 20px;
		}

		.single-project #content.new-project #project-images .image {
			flex: inherit;
		}

		.single-project #content.new-project #project-images .image img:first-child:not(:only-child) {
			border-right: 0;
			float: none;
			width: 100%;
			border-bottom: 7px #f0f0f0 solid;
		}

		.single-project #content.new-project #project-images .image img:last-child:not(:only-child) {
			border-left: 0;
			float: none;
			width: 100%;
		}

		/* Press */
		#content .press-column {
			max-width: inherit;
			margin: 0 0 7px 0;
			padding: 0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		#content .press-column .entry-image,
		#content .press-column .entry-image img,
		#content .press-column .talk-item iframe {
			height: auto;
			width: 100%;
		}

		.press-column h4 { line-height: 20px; }

		/* Q&A */
		#questions-answers { padding: 20px; }

		/* Contact */
		#content.contact #page-content .entry-page .child {
			float: none;
			padding: 0;
			border: none;
			max-width: inherit;
		}

		.contact #page-content .entry-page .child:last-child {
			margin-left: 0;
			margin-top: 30px;
		}

		/* Footer */
		#footer {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			padding: 35px 20px 40px;
		}

		#footer .footer-col {
			float: none;
			width: inherit;
			padding-left: 0;
			border-left: none;
		}

		#footer-social .widgettitle {
			font-size: 15px;
			margin-bottom: 15px;
		}

		#footer-social .textwidget {
			font-size: 13px;
			line-height: 20px;
		}

		#footer .alignleft { float: none; }

		#footer .simple-social-icons ul li {
			float: none;
			display: inline-block;
		}

		#footer #footer-expertise {
			display: none;
			max-width: 356px;
			margin: 0 auto;
			padding-bottom: 0;
			border-bottom: none;
		}

		#footer-expertise .widgettitle { font-size: 15px; }
	}

	/* ----------------------------------------------------*/
	/* ---------->>> Retina Display Images <<<-------------*/
	/* ----------------------------------------------------*/
	@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
		#title .logo { background-image: url(images/logo@2x.jpg); }

		.social-twitter a { background-image: url(images/twitter@2x.png); }
		.social-youtube a { background-image: url(images/youtube@2x.png); }
	}
/* @end */