/*
Theme Name: Sesler 2013
Theme URI: http://www.sesler.com/
Description: A theme for WordPress.
Author: Funkhaus
Author URI: http://www.funkhaus.us
Version: 1.0


Colors:

    Black: #222222;
    Gray: #999999;
    White: #F2F2F2;

Fonts:

    font-family: "source-sans-pro", Helvetica, Arial, sans-serif;
        Regular         400 	normal
        Oblique         400 	italic
        Bold            700 	normal
        Bold Oblique    700 	italic

    font-family: 'NeutraTextTF-DemiAlt', Helvetica, Arial, sans-serif;
        Regular         400 	normal
        Oblique         400 	italic
        Bold            700 	normal
        Bold Oblique    700 	italic

    font-family: 'NeutraTextTF-BookAlt', Helvetica, Arial, sans-serif;
        Regular         400 	normal
        Oblique         400 	italic
        Bold            700 	normal
        Bold Oblique    700 	italic

/*-------------------------------------------------------------- */

@import url("fonts/fonts.css");

/*
 * Globals
 */
 	html {
	 	height: 100%;
 	}
	body {
	    font-family: "source-sans-pro", Helvetica, Arial, sans-serif;
	    font-size: 11px;
	    color: #999999;
		background:#222222;
		margin: 0;
	 	-webkit-font-smoothing: antialiased;
	}
    h1,h2,h3,h4,h5,h6 {
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: normal;
    }
    ::selection {
        color: #222222;
        background: white;
    }
    ::-moz-selection {
        color: #222222;
        background: white;
    }
    p {
	    margin-top: 0;
    }
    * {
	    -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

/*
 * Links
 */
	a {
	    color: #666666;
	    text-decoration: none;
	    outline: none;
	}
	a:hover {
	    color: #F2F2F2;
	}
	a img {
	   border: none;
	}


/*
 * Page Structure
 */
 	#container {
		min-width: 1100px;
		min-height: 100%;
		position: relative;
	}
 	#header {
		position: relative;
		width: 100%;
		height: 100px;
		font-family: 'NeutraTextTF-DemiAlt', Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		font-size: 14px;
		letter-spacing: 2px;
		min-width: 1100px;
		z-index: 40;
 	}
	#content {
		width: auto;
		margin: 0 100px;
		position: relative;
		overflow: hidden;
	}
	#footer {
		min-width: 1100px;
		position: relative;
		width: 100%;
		height: 150px;
		text-align: center;
		margin: 75px 0 0;
	}


/*
 * Header
 */
	#header .indent {
		padding:0 100px;
	}
	#header #logo {
		position: absolute;
		top: 40px;
	}
	#header #logo:hover svg polygon,
	#header #logo:hover svg path {
		fill: #666666;
	}
	#header #menu {
		position: absolute;
		right: 100px;
		top: 44px;
		margin: 0;
	}
	#header #main-menu,
	#header #mini-menu,
	#header #close-menu {
		display: none;
		min-height: 14px !important;
		margin: 0;
	}
	#header #main-menu li {
		list-style: none;
		display: inline;
	}
	#header #main-menu li a {
		color: #F2F2F2;
	}
	#header #main-menu a,
	#header #mini-menu span > a {
		display: block;
		float: left;
		letter-spacing: 2px;
		margin-left: 32px;
	}
	#header #main-menu:hover a {
		color: #666666;
	}
	#header #main-menu li a:hover,
	#header #sub-menu li.current-post-ancestor a,
	#header #sub-menu li.current-page-ancestor a {
		color: #F2F2F2;
	}
	#header #mini-menu #pull-menu {
		margin-left: 14px;
		cursor: pointer;
		letter-spacing: 2px;
		display: inline-block;
	}
	#header #mini-menu #pull-menu:hover path {
		fill: #F2F2F2;
	}
	#header #mini-menu span {
		position: relative;
		z-index: 20;
	}
	#header #mini-menu span a {
		line-height: 16px;
		padding-right: 18px;
	}
	#header #mini-menu span:hover a.has-sub-menu {
		background: url(images/karat.svg) right 3px no-repeat;
		color: #F2F2F2;
	}
	#header #mini-menu span:hover #sub-menu {
		display: block;
	}
	#header #sub-menu {
		position: absolute;
		top: 10px;
		width: auto;
		right: 0;
		z-index: 10;
		display: none;
	}
	#header #sub-menu .col-list {
		margin-top: 40px;
		padding: 30px 40px 10px 40px;
		background: #222222;
		box-shadow: 4px 5px 4px rgba(0, 0, 0, 0.7);
		text-align: left;
		overflow: hidden;
	}
	#header #sub-menu .col-list .column {
		float: right;
	}
	#header #sub-menu .col-list .column:first-child {
		float: left;
		margin-right: 25px;
	}
	#header #sub-menu .col-list .column li {
		margin-bottom: 25px;
	}
	#header #close-menu {
		margin-left: 16px;
		cursor: pointer;
		position: relative;
		vertical-align: top;
	}
	#header #close-menu:after {
	    content: '';
	    padding: 24px;
		position: absolute;
		left: -23px;
		top: -17px;
	}
	#header #menu.complete #main-menu {
		display: block;
	}
	#header #menu.simple #mini-menu {
		display: inline-block;
	}


/*
 * Splash Page
 */
	#intro {
		width: 100%;
		height: 100%;
		min-width: 1100px;
		text-align: center;
		position: fixed;
		z-index: 100;
		background: #222222;
		top: 0;
		left: 0;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	#intro .brand {
		margin-top: -125px;
		top: 50%;
		text-align: center;
		width: 100%;
		position: absolute;
	}
	#intro .brand img, #intro .brand svg {
		margin-bottom: 80px;
	}
	#intro .cities {
		bottom: 45px;
		position: absolute;
		width: 100%;
		text-align: center;
	}
	#intro .cities svg, #intro .cities img {
		margin: 0 35px;
	}


/*
 * Home Page
 */
 	#content.home {
	 	overflow: visible;
 	}
	#content.home .gallery-item {
		position: relative;
		overflow: hidden;
		float: left;
	}
	#content.home .gallery-item iframe {
		width: 100%;
		height: 100%;
		display: none;
		background-color: black;
	}
	#content.home .gallery-item .gallery-image {
		width: 100%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
	}
	#content.home .play {
		position: absolute;
		top: 50%;
		left: 50%;
		display: none;
		margin-top: -19px;
		margin-left: -38px;
		cursor: pointer;
	}
	#content.home .overlay {
		background: rgba(0, 0, 0, .4);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: none;
		height: 100%;
	}
	#content.home .gallery-image:hover .overlay {
		display: block;
	}
	#content.home .gallery-image:hover .play {
		display: block;
		opacity: 1;
	}
	#content.home .gallery-meta {
		height: 60px;
		padding-top: 20px;
	}
	#content.home .gallery-item .gallery-data {
		float: left;
		text-align: left;
	}
	#content.home .gallery-item .gallery-data h2 {
		font-size: 18px;
		margin-bottom: 12px;
	}
	#content.home .gallery-data h2 .line-1,
	#content.home .gallery-data h3 span {
		color: #F2F2F2;
	}
	#content.home .gallery-data h3 {
		font-size: 13px;
		display: inline;
		margin-right: 25px;
	}
	#content.home .gallery-social {
		float: right;
	}
	#content.home .gallery-social .svg {
		margin-left: 10px;
	}
	#content.home .gallery-social svg:hover circle,
	#content.home .gallery-social svg:hover path {
	    fill: #F2F2F2;
    }
	#content.home .navigation {
		position: absolute;
		width: 100%;
	}
	#content.home .navigation .browse {
		cursor: pointer;
		position: absolute;
		top: 50%;
		margin-top: -15px;
		height: 30px;
		width: 30px;
		line-height: 30px;
		text-align: center;
	}
	#content.home .navigation .browse .svg {
		display: inline-block;
		vertical-align: middle;
	}
	#content.home .navigation .browse.disabled {
		display:none !important;
	}
	#content.home .navigation .browse:hover svg polygon {
		fill: #666666;
	}
	#content.home .navigation .prev {
		left: -58px;
	}
	#content.home .navigation .next {
		right: -58px;
	}
	#content.home .navigation .close {
		right: -58px;
		display: none;
	}
	.playing .browse {
		display: none !important;
	}
	.playing .close {
		display: block !important;
	}

/*
 * Listing Page (Cinematographers and Production Designers)
 */
 	.listing #container {
	 	position: static;
 	}
	#content.listing {
		padding: 0;
		z-index: 10;
		min-width: 1100px;
		position: absolute;
		top: 100px;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0;
	}
	#content.listing .col-list {
		position: absolute;
		top: 50%;
		right: 0;
		left: 0;
		padding: 0 0 50px 0;
	}
	#content.listing h2 {
		display: inline-block;
		font-size: 20px;
		text-transform: uppercase;
		font-family: 'NeutraTextTF-DemiAlt', Helvetica, Arial, sans-serif;
		letter-spacing: 1px;
	}
	#content.listing h2 a {
		display: block;
		margin: 15px 0;
		color: #F2F2F2;
	}
	#content.listing .col-list .column {
		padding-left: 140px;
	}
	#content.listing .col-list .column:first-child {
		padding-left: 0;
	}
	#background-image {
		position: absolute;
		top: 100px;
		left: 100px;
		right: 100px;
		bottom: 100px;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		min-width: 900px;
		opacity: .4;
	}

/*
 * Media Grid Page (Media Grid of Cinematographers & Production Designers)
 */
 	#content.media-grid {
	 	text-align: center;
		overflow: visible;
 	}
 	#content.media-grid .grid-view {
		margin: 0 auto;
	}
	#content.media-grid h1 {
		font-family: 'NeutraTextTF-BookAlt', Helvetica, Arial, sans-serif;
		font-size: 44px;
		color: #F2F2F2;
		padding: 15px 0 25px;
		border-bottom: 1px solid #333333;
		margin-bottom: 35px;
		text-transform: uppercase;
		letter-spacing: 5px;
	}
	#content.media-grid h1 span {
		font-size: 14px;
		display: block;
		margin-top: 10px;
		letter-spacing: 4px;
		font-family: 'NeutraTextTF-DemiAlt', Helvetica, Arial, sans-serif;
	}
	/* Grid Menu */
	#content.media-grid #page-menu {
		margin-bottom: 35px;
	}
	#content.media-grid #page-menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#content.media-grid #page-menu li {
		display: inline-block;
		padding: 0 20px;
		font-family: 'NeutraTextTF-DemiAlt', Helvetica, Arial, sans-serif;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 4px;
	}
	#content.media-grid #page-menu li.current-menu-item a {
		color: #F2F2F2;
	}
	#content.media-grid .grid-item {
		width: 348px;
		height: 309px;
/* 		overflow: hidden; */
		text-align: left;
		margin-bottom: 35px;
		float: left;
	}
	#content.media-grid .grid-media {
		height: 196px;
		display: block;
	}
	#content.media-grid .grid-media img {
		width: 100%;
		display: block;
	}
	#content.media-grid .grid-data {
		padding: 18px 12px;
		min-height: 82px;
	}
	#content.media-grid .grid-item:hover .grid-data {
		background: #FFFFFF;
	}
	#content.media-grid .grid-data h2 {
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 20px;
	}
	#content.media-grid .grid-data h2 .line-2 {
		color: #999999;
		display: block;
	}
	#content.media-grid .grid-data h2 a {
		color: #EAEAEA;
	}
	#content.media-grid .grid-item:hover .grid-data h2 a,
	#content.media-grid .grid-item:hover .grid-data h3 span,
	#content.media-grid .grid-item .grid-data h2 a:hover,
	#content.media-grid .grid-item .post-edit-link:hover {
		color: #222222;
	}
	#content.media-grid .grid-data h3 {
		font-size: 12px;
		margin-bottom: 4px;
	}
	#content.media-grid .grid-data h3 span {
		color: #eaeaea;
		margin-left: 3px;
	}
	/* Bio Page */
	#content.media-grid .bio {
		width: 600px;
		font-size: 16px;
		color: #f2f2f2;
		margin: 30px auto 0;
	}
	#content.media-grid .bio .entry {
		margin-top: 30px;
		text-align: justify;
	}


/*
 * Media Detail Page (Media Detail of Cinematographers & Production Designers)
 */
 	.detail {
 		height: 100%;
 		min-height: 565px;
 		overflow: hidden;
 	}
  	.detail #container {
 		overflow: hidden;
 	}
 	#content.media-detail {
	 	text-align: center;
 	}
	#content.media-detail h2 {
		font-family: 'NeutraTextTF-BookAlt', Helvetica, Arial, sans-serif;
		font-size: 32px;
		color: #F2F2F2;
		padding-top: 15px;
		margin-bottom: 32px;
		text-transform: uppercase;
		letter-spacing: 5px;
	}
	#content.media-detail h2 a {
		color: #F2F2F2;
	}
	#content.media-detail h2 a:hover {
		color: #666666;
	}
	#content.media-detail h2 span {
		font-size: 12px;
		display: block;
		margin-top: 8px;
		letter-spacing: 4px;
		color: #666666;
	}
	#content.media-detail h2 span.no-link {
		color: #F2F2F2;
	}
	#content.media-detail #main-media {
		width: 100%;
		position: relative;
		min-height: 255px;
	}
	#main-media .media {
		position: absolute;
		top: 50%;
		left: 50%;
	}
	#content.media-detail #photo{
		width: 100%;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
		min-height: 255px;
	}
	#content.media-detail #photo img {
		display: none;
	}
	#content.media-detail .title-wrapper {
		padding: 23px 0;
	}
	#content.media-detail h1 {
		font-size: 18px;
		margin-bottom: 11px;
	}
	#content.media-detail .has-photo h1 {
		font-size: 12px;
	}
	#content.media-detail h3 {
		display: inline;
		margin: 0 5px;
	}
	#content.media-detail h1 .line-1,
	#content.media-detail h3 span {
		color: #F2F2F2;
	}
	/* Next/Prev Navigation */
	.detail .nav {
        position: absolute;
        top: 50%;
        height: 150px;
        margin-top: -75px;
        font-size: 12px;
    }
    .detail .nav .large {
    	position: absolute;
    	top: 50%;
    	margin-top: -7px;
    }
    .detail .nav:hover .large polygon {
    	fill: #666666;
    }
    .detail .nav-photo {
	    cursor: pointer;
    }
    .detail .nav-photo:after {
	    content: '';
	    padding: 20px;
		position: absolute;
	}
	.detail .nav-photo.prev:after {
		top: 40px;
		left: 55px;
	}
	.detail .nav-photo.next:after {
		top: 40px;
		right: 55px;
	}
    .detail .nav .inner {
		opacity: 0;
		transition: opacity .5s;
		margin-top: 11px;
    }
	.detail .nav-video:hover .inner {
        opacity: 1;
    }
    .detail .nav-video:hover .large {
        opacity: 0;
    }
    .detail .nav span {
        display: block;
    }
   	.detail .nav .title {
        display: block;
        text-transform: uppercase;
        margin-bottom: 8px;
        color: #FFFFFF;
    }
    .detail .nav .line-1 {
		color: #FFFFFF;
	}
	.detail .nav .media {
        background: #333333;
        vertical-align: middle;
        margin-bottom: 8px;
        height: 75px;
        overflow: hidden;
    }
   	.detail .nav .media img,
   	.detail .nav .media svg {
        display: inline-block;
    }
	.detail .nav .media svg {
		margin: 0 10px;
		height: 75px;
    }
    .detail .nav a {
        display: block;
    }
    .detail .prev {
        left: 0;
    }
    .detail .prev .large {
    	left: 70px;
    }
    .detail .prev span {
        margin-left: 26px;
    }
	.detail .next {
        right: 0;
        text-align: right;
    }
    .detail .next .large {
    	right: 70px;
    }
    .detail .next span {
        margin-right: 26px;
    }
	/* Thumb Tray */
    #video-thumb-tray-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -88px;
        height: 116px;
        width: 100%;
    }
    .video-thumb-tray {
        margin: 0 60px;
    }
    #tray-tab {
        position: relative;
        margin: 0 auto;
        width: 35px;
        height: 40px;
        cursor: pointer;
        text-align: center;
    }
    #tray-tab:hover svg polygon,
    #tray-tab:hover svg rect {
	    fill: #666666;
    }
    #tray-tab:after {
	    content: '';
	    padding: 20px;
		position: absolute;
		left: -25px;
		top: -15px;
	}
    .opened .more-videos,
    .closed .hide-videos {
        display: none;
    }
    .video-thumb {
        width: 133px;
        height: 75px;
        position: relative;
        margin: 0 1px;
        float: left;
        display: block;
    }
    .video-thumb img {
        position: relative;
    }
    .video-thumb .video-meta {
    	display: none;
    }
    .video-thumb .preload {
    	display: none;
    }
    .photo-tray .video-thumb {
        width: 75px;
    }
    .video-thumb:hover img,
    .video-thumb.active img {
    	outline: 4px solid white;
		outline-offset: -4px;
    }
    .video-thumb-tray .browse {
        position: absolute;
        top: 50%;
        width: 5px;
        height: 8px;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
        margin-top: 12px;
    }
    .video-thumb-tray .browse:hover svg polygon {
	    fill: #666666;
    }
    .video-thumb-tray .browse.prev {
        left: 34px;
    }
    .video-thumb-tray .browse.next {
        right: 34px;
    }
    .video-thumb-tray .browse:after {
	    content: '';
	    padding: 20px;
		position: absolute;
		left: -18px;
		top: -15px;
    }
    .video-thumb-tray .caroufredsel_wrapper {
	    height: 83px !important;
    }
    .detail .disabled {
        display: none !important;
    }


/*
 * Category Page
 */
	#content.category {
		overflow: visible;
	}
	#content.category .grid-view {
		margin: 0 auto;
	}
	#content.category .grid-item {
		margin-bottom: 15px;
		width: 348px;
		float: left;
	}
	#content.category .grid-media img {
		width: 100%;
		display: block;
	}
	#content.category .grid-data {
		padding: 15px 15px 35px;
		color: #999999;
	}
	#content.category .grid-item:hover .grid-data {
		background: #FFFFFF;
	}
	#content.category .grid-data h2 {
		margin-bottom: 16px;
		font-size: 18px;
	}
	#content.category .grid-data h2 a {
		color: #EAEAEA;
	}
	#content.category .grid-item:hover .grid-data h2 a,
	#content.category .grid-item .grid-data h2 a:hover {
		color: #222222;
	}
	#content.category .grid-meta span {
		display: block;
		font-size: 12px;
	}
	#content.category .grid-meta a {
		color: #999999;
	}
	#content.category #more-posts{
		text-align: center;
	}


/*
 * Single Article
 */
	#content.single h1 {
		text-align: center;
		font-family: 'NeutraTextTF-BookAlt', Helvetica, Arial, sans-serif;
		letter-spacing: 4px;
		font-size: 32px;
		color: #FFFFFF;
		padding: 50px 0 25px;
		border-bottom: 1px solid #333333;
		margin-bottom: 32px;
	}
	#content.single span {
		color: #FFFFFF;
	}
	#content.single .post-meta {
		position: absolute;
		width: 100px;
	}
	#content.single .post-date {
		line-height: 24px;
		font-size: 13px;
		font-style: italic;
		margin-top: 25px;
	}
	#content.single .pagination span {
		color: #FFFFFF;
		font-size: 14px;
		font-family: 'NeutraTextTF-DemiAlt', Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: 2px;
		padding: 0 20px;
	}
	#content.single .pagination a {
		position: relative;
	}
	#content.single .pagination a:after {
		content: '';
	    padding: 20px 10px;
		position: absolute;
		left: -7px;
		top: -15px;
	}
	#content.single .pagination a:hover svg polygon {
		fill: #666666;
	}
	#content.single .post {
		margin: 0 auto;
		width: 720px;
		font-size: 14px;
		min-height: 150px;
	}
	#content.single .entry a {
		color: #FFFFFF;
	}
	#content.single .entry a:hover {
		text-decoration: underline;
	}
	#content.single .entry h2 {
		font-size: 22px;
		line-height: 32px;
		margin-bottom: 25px;
		font-family: 'NeutraTextTF-BookAlt', Helvetica, Arial, sans-serif;
		letter-spacing: 2px;
	}
	#content.single .entry h2.important:before {
		border-top: 2px solid #999999;
        content:"";
        margin: -1px auto 0;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: -10;
	}
	#content.single .entry h2.important {
		text-align: center;
		position: relative;
		z-index: 10;
	}
	#content.single .entry h2.important span {
		background: #222222;
		padding: 0 10px;
		color: #999999;
	}
	#content.single .entry h3 {
		font-size: 18px;
		font-family: 'NeutraTextTF-BookAlt', Helvetica, Arial, sans-serif;
		letter-spacing: 2px;
	}
	#content.single .post-tags {
		width: 100px;
		position: absolute;
		text-align: right;
		font-style: italic;
		font-size: 13px;
		line-height: 24px;
		right: 0;
	}
	#content.single .post-tags a {
		display: block;
	}

/*
 * Company Page
 */
	#content.company {
		margin: 0;
	}
	#content.company .company-gallery {
	 	width: 100%;
	 	height: 420px;
 	}
 	#content.company .gallery-image {
	 	width: 100%;
	 	height: 420px;
	 	background-position: center center;
	 	background-repeat: no-repeat;
	 	background-size: cover;
	 	position: relative;
 	}
 	#content.company .gallery-image img {
	 	display: none;
 	}
	#content.company .entry {
		max-width: 890px;
		width: 100%;
		margin: 50px auto 35px;
		font-size: 22px;
		font-family: 'NeutraTextTF-BookAlt', Helvetica, Arial, sans-serif;
		letter-spacing: 2px;
		color: #F2F2F2;
		line-height: 32px;
		text-align: justify;
	}
	#content.company .social {
		text-align: center;
	}
	#content.company .social h3 {
		text-transform: uppercase;
		letter-spacing: 4px;
		letter-spacing: 7px;
		margin-bottom: 10px;
		font-size: 12px;
		color: #666666;
		font-family: 'NeutraTextTF-BookAlt', Helvetica, Arial, sans-serif;
	}
	#content.company .social svg {
		margin: 0 10px;
	}
	#content.company .social svg path {
		fill: #F2F2F2;
	}
	#content.company .social svg:hover path {
		fill: #666666;
	}


/*
 * Contact Page
 */
	#content.contact h1 {
	   font-size: 44px;
	   color: #F2F2F2;
	   text-align: center;
	   text-transform: uppercase;
	   margin-bottom: 35px;
	   font-family: 'NeutraTextTF-BookAlt', Helvetica, Arial, sans-serif;
	   letter-spacing: 6px;
    }
    #content.contact #maps {
		margin-bottom: 40px;
		overflow: hidden;
	}
    #content.contact .map {
	    height: 389px;
	    width: 49.5%
    }
    #content.contact #map-la {
	    float: left;
    }
    #content.contact #map-toronto {
	    float: right;
    }
	#content.contact .gmnoprint a, #content.contact .gmnoprint span {
	    display:none;
	}
	#content.contact .gmnoprint div {
	    background:none !important;
	}
	#content.contact #GMapsID div div a div img {
	    display:none;
	}
	.map .gm-style-cc {
	    display:none;
	}
    #content.contact .city {
	    width: 49.5%;
		float: right;
		text-align: left;
		font-size: 14px;
		line-height: 22px;
    }
    #content.contact .city span {
	    color: #FFF;
	    margin-right: 8px;
    }
    #content.contact .city h2 {
		font-size: 22px;
		font-family: 'NeutraTextTF-BookAlt', Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: #FFF;
    }
    #content.contact .city .email,
    #content.contact .city .email-left {
		display: inline-block;
		color: #999999;
    }
	#content.contact .city .email:hover,
	#content.contact .city .email-left:hover {
		color: #FFFFFF;
	}
    #content.contact .city .email svg {
		margin-left: 7px;
    }
    #content.contact .city .email-left svg {
		margin-right: 4px;
		vertical-align: middle;
    }
    #content.contact .odd {
		float: left;
		text-align: right;
    }
    #content.contact .odd .city-address {
		padding-right: 15px;
    }
    #content.contact .odd span {
	    margin-right: 0;
	    margin-left: 4px;
    }
    #content.contact .indent {
	    padding: 0 22px;
    }
    #content.contact .social {
		text-align: center;
		margin-top: 45px;
	}
	#content.contact .social h3 {
		text-transform: uppercase;
		letter-spacing: 7px;
		margin-bottom: 10px;
		font-size: 12px;
		color: #666666;
		font-family: 'NeutraTextTF-BookAlt', Helvetica, Arial, sans-serif;
	}
	#content.contact .social .svg {
		margin: 0 10px;
		display: inline-block;
		vertical-align: middle;
	}
	#content.contact .social svg path {
		fill: #F2F2F2;
	}
	#content.contact .social svg:hover circle,
	#content.contact .social svg:hover path {
		fill: #666666;
	}


/*
 * Footer
 */
	.no-footer #footer {
		display: none;
	}


/*
 * Tools
 */
    #tagline {
        display: none;
    }

    /* Column Layout */
    .col-list {
		text-align: center;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.col-list ul,
	.col-list li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.col-list .column {
		display: inline-block;
		vertical-align: top;
	}
	.col-list .column li {
		text-align: left;
	}


/*
 * Animations
 */
    /* Color */
    a {
    	transition: color 0.4s;
    }

    /* Opacity */
    .browse {
		transition: opacity 0.4s;
    }

    /* Everything */
    svg path,
    svg polygon,
    svg rect {
		transition: 0.4s;
    }



/*
 * 404 Error
 */
    .error-404 {
    	background: #222222;
    	padding: 20px;
        text-align: center;
        font-size: 32px;
    }


/*
 * Wordpress Required
 */
	.alignleft {
	    display: inline;
	    float: left;
	}
	.aligncenter {
	    clear: both;
	    display: block;
	    margin: 0 auto 10px auto;
	}
	.alignright {
	    display: inline;
	    float: right;
	}
	img.alignleft {
	    margin: 0 10px 10px 0;
	}
	img.alignright {
	    margin: 0 0 10px 10px;
	}
	img.aligncenter {
	    margin: 0 auto 10px auto;
	}

	.wp-caption {
	    color: #888;
	    text-align: center;
	    margin-bottom: 15px;
	    width: auto !important;
	    -moz-border-radius: 0 0 4px 4px;
	    border-radius: 0 0 4px 4px;
	}
	.wp-caption img {
	    margin: 0px;
	}
	.wp-caption p.wp-caption-text {
	    margin: 0 0 5px;
	    padding: 4px;
	    font-style: italic;
	}