/*
Theme Name: Mark Baker v1
Theme URI: http://tombrickman.co.uk
Author: Tom Brickman
Author URI: http://tombrickman.co.uk
Description: Theme for Mark Baker website
Version: 1.0
Tags: 
*/

@import url(style_base.css);


/* ---------------------------------------
Global layout
--------------------------------------- */

#container {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

	#header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 2000;
		height: auto;
		padding: 62px 62px 0;
		transition: all 400ms cubic-bezier(.87,.17,.18,.85), border 400ms linear;
	}
		body.xadmin-bar #header,
		body.xadmin-bar.window-scrolled.window-scroll-up #header  {
			top: 32px;
		}

		body.window-scrolled #header {
			top: -150px
		}
		body.window-scrolled.window-scroll-up #header{
			top: 0;
		}
		
		#simple_nav {
		    display: none;
		    padding: 50px 0 0;
		}
            #simple_nav ul {
                padding: 0;
                margin: 0;
                list-style: none;
                text-align: center;
                line-height: 14px;
            }
                #simple_nav ul li {
                    display: inline-block;
                }
                #simple_nav ul li a {
                    display: block;
                    padding: 8px 10px;
                    font-family: 'GT Pressura', Sans-Serif;
                    font-weight: bold;
                    text-transform: uppercase;
                    font-size: 11px;
                    line-height: 14px;
                    text-indent: 0;
                    letter-spacing: 2px;
                }
                    #simple_nav ul li a,
                    #simple_nav ul li a:visited {
                        color: #221d1f;
                    }

		#logo {
			position: absolute;
			top: 62px;
			left: 50%;
			width: 200px;
			margin-left: -100px;
			transition: all 400ms cubic-bezier(.87,.17,.18,.85);
		}
			#logo a {
				text-align: center;
				width: 100%;
				display: block;
				font-family: 'GT Pressura', Sans-Serif;
				font-weight: bold;
				text-transform: uppercase;
				font-size: 16px;
				line-height: 16px;
				text-indent: 8px;
				letter-spacing: 8px;
				color: #221d1f;
			}

		#navigation_icon {
			position: absolute;
			top: 62px;
			left: 67px;
			width: 18px;
			height: 18px;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .5s ease-in-out;
			-moz-transition: .5s ease-in-out;
			-o-transition: .5s ease-in-out;
			transition: .5s ease-in-out;
			cursor: pointer;
		}
            #navigation_icon span {
              display: block;
              position: absolute;
              height: 2px;
              width: 100%;
              background: #221d1f;
              border-radius: 1px;
              opacity: 1;
              left: 0;
              -webkit-transform: rotate(0deg);
              -moz-transform: rotate(0deg);
              -o-transform: rotate(0deg);
              transform: rotate(0deg);
              -webkit-transition: .25s ease-in-out;
              -moz-transition: .25s ease-in-out;
              -o-transition: .25s ease-in-out;
              transition: .25s ease-in-out;
            }
            #navigation_icon span:nth-child(1) {
              top: 0px;
            }
            #navigation_icon span:nth-child(2),
            #navigation_icon span:nth-child(3) {
              top: 6px;
            }
            #navigation_icon span:nth-child(4) {
              top: 12px;
            }
            #navigation_icon.open span:nth-child(1) {
              top: 6px;
              width: 0%;
              left: 50%;
            }
            #navigation_icon.open span:nth-child(2) {
              -webkit-transform: rotate(45deg);
              -moz-transform: rotate(45deg);
              -o-transform: rotate(45deg);
              transform: rotate(45deg);
            }
            #navigation_icon.open span:nth-child(3) {
              -webkit-transform: rotate(-45deg);
              -moz-transform: rotate(-45deg);
              -o-transform: rotate(-45deg);
              transform: rotate(-45deg);
            }
            #navigation_icon.open span:nth-child(4) {
              top: 6px;
              width: 0%;
              left: 50%;
            }

        #header .social_icons {
        	position: absolute;
        	top: 62px;
        	right: 67px;
        }
        	#header .social_icons > div {
        		margin: 0 0 0 15px;
        	}
        	
        
        #header_quick_search {
            float: left;
            width: auto;
        }
            #header_quick_search.header_quick_search_reveal .inputField {
                /* This field is shown as 1px because Safari will not trigger a focus event if it is 0 pixels wide */
                    width: 1px;
                    max-width: 1px;
                /* -- */
                background: transparent;
                -moz-transition: width 0.4s ease-in-out;
                -webkit-transition: width 0.4s ease-in-out;
                -moz-transition: max-width 0.4s ease-in-out;
                -webkit-transition: max-width 0.4s ease-in-out;
                transition: width 0.4s ease-in-out;
                opacity: 0;
                float: left;
                outline: none;
                border: 1px solid #eee;
                margin-top: -6px;
                font-size: 14px;
                padding: 5px;
            }
            #header_quick_search.header_quick_search_reveal.active .inputField {
                width: 140px;
                max-width: 140px;
                background: transparent;
                opacity: 1;
            }
            #header_quicksearch_btn {
                float: left;
                text-indent: 0;
                margin: 0 0 0 12px;
                width: 16px;
                padding: 2px 0 0;
            }
                #header_quicksearch_btn svg {
                    width: 15px;
                }

		#navigation {
			position: fixed;
			z-index: 4000;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;

			display: none;
		}
			body.xadmin-bar #navigation {
				top: 32px;
			}
			body.navigation-active {
				overflow: hidden;
			}
			body.navigation-active #navigation {
				display: block;
			}

			#navigation .navigation_background {
				opacity: 0;
				position: absolute;
				z-index: 0;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background: #a6c8c1;
				transform: translate(0,100%);
				transition: all 400ms cubic-bezier(.87,.17,.18,.85);
			}
				body.navigation-open #navigation .navigation_background {
					opacity: 1;
					transform: translate(0,0);
				}
			#navigation .navigation_content {
				opacity: 0;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
			    z-index: 2;
				transition: all 400ms cubic-bezier(.87,.17,.18,.85);
			}
				body.navigation-open #navigation .navigation_content {
					opacity: 1;
				}



				#navigation .navigation_content .inner {
					position: absolute;
					top: 0;
					bottom: 0;
					padding: 25px 0 0;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					width: 100%;
					text-align: center;
					display: -webkit-flex;
					display: flex;
					-webkit-flex-direction: column;
					flex-direction: column;
					-webkit-align-items: center;
					align-items: center;
					-webkit-justify-content: center;
					justify-content: center;
				}
					#navigation .navigation_content .inner ul {
						list-style: none;
						display: block;
						margin: 0 0 10px;
						padding: 0;
					}
				    	#navigation .navigation_content .inner ul li {
				    		width: 100%;
				    		clear: both;
				    		display: block;
				    		margin: 0 0 18px;
				    		font-family: 'GT Pressura', Sans-Serif;
				    		text-transform: uppercase;
				    		letter-spacing: 4px;
				    		font-size: 37px;
				    		line-height: 43px;
							font-size: 30px;
							line-height: 30px;
				    	}
				    	#navigation .navigation_content .inner ul li a {
				    		display: block;
				    	}
				    	#navigation .navigation_content .inner ul li a,
				    	#navigation .navigation_content .inner ul li a:visited {
				    		color: #fff;
				    	}
			    	#navigation .social_icons .si_twitter {
			    		background-image: url('images/header-twitter-light.png');
			    	}
			    	#navigation .social_icons .si_instagram {
			    		background-image: url('images/header-instagram-light.png');
			    	}
			    	#navigation .social_icons > div:last-child {
			    		margin-right: 0;
			    	}


			    #navigation .border {
			        position: absolute;
			        top: 30px;
			        left: 30px;
			        right: 30px;
			        bottom: 30px;
			        z-index: 1;
			    }

			    #navigation .border .zigzags {
			    	position: absolute;
			    	top: 50%;
			    	left: 50%;
			    	transform: translate(-50%, 0);
			    }
			    #navigation .border:before,
			    #navigation .border .inner:after,
			    #navigation .border:after,
			    #navigation .border .inner:before {
			        transition: all 800ms cubic-bezier(.87,.17,.18,.85), opacity 800ms cubic-bezier(.87,.17,.18,.85);
			    }
			    #navigation .border.loading-1:before,
			    #navigation .border.loading-2 .inner:after,
			    #navigation .border.loading-3:after,
			    #navigation .border.loading-4 .inner:before {
			        transition: all 800ms cubic-bezier(.87,.17,.18,.85), opacity 200ms cubic-bezier(.87,.17,.18,.85);
			    }
			    /* ANIMATION 1 */
			    #navigation .border:before {
			        content: '';
			        opacity: 0;
			        position: absolute;
			        left: 0;
			        top: 0;
			        right: 100%;
			        height: 3px;
			        display: block;
			        background: #8bada6;
			        z-index: 4999;
			    }
			        #navigation .border.loading-1:before {
			            right:0;
			        	opacity: 1;
			        }
			    /* ANIMATION 2 */
			    #navigation .border .inner:after {
			        content: '';
			        opacity: 0;
			        position: absolute;
			        right: 0;
			        bottom:100%;
			        top:0;
			        width: 3px;
			        display: block;
			        background: #8bada6;
			        z-index: 4999;
			    }
			        #navigation .border.loading-2 .inner:after {
			            bottom:0;
			        	opacity: 1;
			        }
			    /* ANIMATION 3 */
			    #navigation .border:after {
			        content: '';
			        opacity: 0;
			        position: absolute;
			        right: 0;
			        left:100%;
			        bottom: 0;
			        height: 3px;
			        display: block;
			        background: #8bada6;
			        z-index: 4999;
			    }
			        #navigation .border.loading-3:after {
			            left:0;
			        	opacity: 1;
			        }
			    /* ANIMATION 4 */
			    #navigation .border .inner:before {
			        content: '';
			        opacity: 0;
			        position: absolute;
			        left: 0;
			        top: 100%;
			        bottom:0;
			        width: 3px;
			        display: block;
			        background: #8bada6;
			        z-index: 4999;
			    }
			        #navigation .border.loading-4 .inner:before {
			            top:0;
			        	opacity: 1;
			        }


			#navigation_logo,
			#preloader_logo {
				position: absolute;
				bottom: 80px;
				left: 50%;
				width: 200px;
				margin-left: -100px;
				text-align: center;
				display: block;
				font-family: 'GT Pressura', Sans-Serif;
				font-weight: bold;
				text-transform: uppercase;
				font-size: 16px;
				line-height: 16px;
				letter-spacing: 8px;
				z-index: 3;
				text-indent: 8px;
				color: #fff;
			}

	#footer {
		position: fixed;
		z-index: 0;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
		.footer {
			background: #a99c9c;
			color: #fff;
			padding: 0 62px;
		}
		body.xadmin-bar #footer {
			top: 32px;
		}
		    .footer .footer_content {
		        z-index: 1;
		        position: relative;
				max-width: 1200px;
				margin: 0 auto;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				padding: 100px 0 100px;
				display: -webkit-flex;
				display: flex;
				-webkit-flex-direction: row /* works with row or column */
				flex-direction: row;
				-webkit-align-items: center;
				align-items: center;
				-webkit-justify-content: center;
				justify-content: center;
		    }
		    	.footer_nav {
		    		width: 40%;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
		    	}
			    	.footer_nav ul {
			    		margin: 0;
			    		padding: 0;
			    		list-style: none;
				    	display: block;
			    		width: 100%;
			    		margin: 0 0 70px;
			    	}
				    	.footer_nav ul li {
				    		width: 100%;
				    		clear: both;
				    		display: block;
				    		margin: 0 0 15px;
				    		font-family: 'GT Pressura', Sans-Serif;
				    		text-transform: uppercase;
				    		letter-spacing: 2px;
				    		font-size: 27px;
				    	}
				    	.footer_nav ul li a,
				    	.footer_nav ul li a:visited {
				    		color: #fff;
				    	}
			    	.footer_nav .social_icons .si_twitter {
			    		background-image: url('images/header-twitter-light.png');
			    	}
			    	.footer_nav .social_icons .si_instagram {
			    		background-image: url('images/header-instagram-light.png');
			    	}
		    	.footer_info {
		    		width: 60%;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					max-width: 600px;
		    	}
			    	.footer_info .item {
			    		width: 100%;
			    		margin: 0 0 60px;
			    	}
			    	.footer_info .item:last-child {
			    		margin-bottom: 0;
			    	}
				    	.footer_info .item h3 {
				    		color: #fff;
				    		margin: 0 0 12px;
				    	}
				    	.footer_info .item .description {
				    		font-size: 20px;
				    		line-height: 40px;
				    		color: #fff;
				    		margin: 0 0 12px;
				    	}
				    	.footer_info .item .link {
				    		
				    	}
					    	.footer_info .item .link a:after {
					    		background-image: url('images/link_arrow_light.png');
					    	}
					    	.footer_info .item .link a,
					    	.footer_info .item .link a:visited {
					    		color: #fff;
					    	}

		    .footer .footer_toolbar {
		    	position: absolute;
		    	left: 60px;
		    	right: 60px;
		    	bottom: 60px;
		    	color: #796969;
		    	font-size: 10px;
		    	text-transform: uppercase;
		    	letter-spacing: 4px;
		    	line-height: 15px;
		    	font-family: 'GT Pressura', Sans-Serif;
		    }
			    .footer .footer_toolbar .copyright {
			    	float: left;
			    }
			    .footer .footer_toolbar .tombrickman {
			    	float: right;
			    }

		    .footer .border {
		        position: absolute;
		        z-index: 0;
		        top: 30px;
		        left: 30px;
		        right: 30px;
		        bottom: 30px;
		    }
		    .footer .border:before,
		    .footer .border .inner:after,
		    .footer .border:after,
		    .footer .border .inner:before {
		        transition: all 800ms cubic-bezier(.87,.17,.18,.85), opacity 800ms cubic-bezier(.87,.17,.18,.85);
		        background: #948383;
		        content: '';
		        position: absolute;
		        display: block;
		        z-index: 4999;
		        opacity: 0;
		    }
		    .footer .border.loading-1:before,
		    .footer .border.loading-2 .inner:after,
		    .footer .border.loading-3:after,
		    .footer .border.loading-4 .inner:before {
		        transition: all 800ms cubic-bezier(.87,.17,.18,.85), opacity 200ms cubic-bezier(.87,.17,.18,.85);
		    }
		    /* ANIMATION 1 */
		    .footer .border:before {
		        left: 0;
		        top: 0;
		        right: 100%;
		        height: 3px;
		    }
		        .footer .border.loading-1:before {
		            right:0;
		        	opacity: 1;
		        }
		    /* ANIMATION 2 */
		    .footer .border .inner:after {
		        right: 0;
		        bottom:100%;
		        top:0;
		        width: 3px;
		    }
		        .footer .border.loading-2 .inner:after {
		            bottom:0;
		        	opacity: 1;
		        }
		    /* ANIMATION 3 */
		    .footer .border:after {
		        right: 0;
		        left:100%;
		        bottom: 0;
		        height: 3px;
		    }
		        .footer .border.loading-3:after {
		            left:0;
		        	opacity: 1;
		        }
		    /* ANIMATION 4 */
		    .footer .border .inner:before {
		        left: 0;
		        top: 100%;
		        bottom:0;
		        width: 3px;
		    }
		        .footer .border.loading-4 .inner:before {
		            top:0;
		        	opacity: 1;
		        }

	.scroll-container {
	    position: relative;
	    z-index: 1;
	    pointer-events: none;
	}
	.scroll-container.active {
	    position: fixed;
	    top: 0;
	    right: 0;
	    left: 0;
	}
	.scroll-container .scroll-container-inner {
		background: #fff;
	}
		#main_content {
			max-width: 1350px;
			margin: 0 auto;
			padding: 190px 62px 1px;
			position: relative;
			z-index: 1;
	    	pointer-events: auto;
		}
			body.browser-js-enabled #main_content {
				transition: all 400ms cubic-bezier(.87,.17,.18,.85);
				opacity: 0;
			}
			body.loader-complete #main_content {
				opacity: 1;
			}
			body.page-transition #main_content {
				opacity: 0;	
				transition: all 200ms linear;
			}
			body.page-transition2 #main_content {
				transition: none;
			}

			#inner_content_footer {
				display: none;
			}

			#content {
				transition: all 400ms cubic-bezier(.87,.17,.18,.85);
			}			
				body.browser-js-enabled #content {
					transform: translate(0, 100px);
				}
				body.loader-complete #content {
					transform: translate(0, 0);
				}
				body.page-transition #content {
					transform: translate(0, 100px);
					transition: all 200ms linear;
				}
				.body_text a,
				.body_text a:visited {
					color: #221d1f;
					text-decoration: none;
					border-bottom: 1px solid #ccc;
				}

/* ---------------------------------------
General content sections
--------------------------------------- */


        
.page-template-template-home #simple_nav {
    display: block;
}
.page-template-template-home #main_content {
    padding-top: 220px;
}



.subsection-about-mark-generic {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 100px;
}
	.subsection-about-mark-generic .image {
		float: left;
		width: 45%;
		padding: 0 85px 0 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.subsection-about-mark-generic .content {
		float: left;
		width: 55%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px 0 0;
	}
		.subsection-about-mark-generic .content .subtitle {
			font-size: 22px;
			line-height: 28px;
			margin: 0 0 0;
		}
		.subsection-about-mark-generic .content h2 {
			margin: 0 0 20px;
		}
		.subsection-about-mark-generic .content .intro {
			font-size: 20px;
			line-height: 40px;
			margin: 0 0 25px;
		}


.subsection-individual-post {

}
	.subsection-individual-post header,
	.subsection-post-list header {
		width: 100%;
		text-align: center;
		margin: 0 0 80px;
	}
			.subsection-individual-post header .subtitle,
			.subsection-post-list header .subtitle {
				text-align: center;
				margin: 0 0 18px;
				font-size: 22px;
				line-height: 30px;
			}
			.subsection-individual-post header h1,
			.subsection-post-list header h1 {
				text-align: center;
				margin: 0 0 40px;
				text-indent: 6px;
			}
			.subsection-individual-post header .chevron,
			.subsection-post-list header .chevron {
				width: 100%;
			}
			.subsection-individual-post header .intro,
			.subsection-post-list header .intro {
				padding: 35px 0 0;
			}
		.subsection-individual-post header .image {
			width: 100%;
			padding-top: 70px;
		}
			.subsection-individual-post header img {
				display: block;
			}
			.subsection-individual-post header .credit {
			    text-align: left;
			    font-size: 15px;
			    line-height: 20px;
			    color: #888;
			    padding: 10px 0 0;
			}
		.subsection-individual-post aside {
			width: 100%;
			float: left;
			clear: both;
			margin: 0 0 80px;
		}
			.subsection-individual-post aside .intro {
				width: 60%;
				float: left;
				line-height: 45px;
			}
			.subsection-individual-post aside .meta_details {
				width: 40%;
				float: right;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				padding-left: 50px;
				max-width: 360px;
				font-size: 17px;
				line-height: 30px;
				color: #888;
				padding-top: 8px;
			}
				.subsection-individual-post aside .meta_details a,
				.subsection-individual-post aside .meta_details a:visited {
					color: #888;
				}
				.subsection-individual-post aside .meta_details .featured_image_caption {
					margin: 0 0 25px;
				}
				.subsection-individual-post aside .meta_details .date {
					margin: 0 0 25px;
				}
				.subsection-individual-post aside .meta_details .tags {
					margin: 0 0 25px;
				}
				
			.subsection-individual-post aside .meta_details_bottom {
			    display: none;
			}


		.subsection-individual-post article {
			margin: 0 0 80px;
			width: 100%;
			clear: both;
		}
			.subsection-individual-post article section {
				margin: 0 auto 80px;
				margin-left: 0;
				margin-right: 0;
				width: 100%;
				max-width: 800px;
				clear: both;
			}
                .subsection-individual-post article section > p:first-child:first-letter {
                    color: #222;
                    float: left;
                    font-family: MaiolaPro, Baskerville, Serif;
                    font-size: 4.5rem;
                    line-height: 4rem;
                    padding-right: 15px;
                }
			.subsection-individual-post article section.image_section {
				max-width: none;
				margin-bottom: 20px;
			}
			.subsection-individual-post article section.video_section {
				max-width: none;
			}
			
			.subsection-individual-post article section.map_section {
				max-width: none;
				margin-bottom: 100px;
				padding-top: 20px;
				width: 100%;
				overflow: hidden;
				height: 480px;
			}
				.subsection-individual-post article section.map_section .googlemap {
					height: 500px;
					width: 100%;
					display: block;
				}
				
			.subsection-individual-post article section.comments_section {
				margin-bottom: 40px;
				padding-top: 0;
			}
                .subsection-individual-post article section.comments_section .commentlist {
                    list-style: none;
                    padding: 0;
                    margin: 0;
                }
                .subsection-individual-post article section.comments_section .commentlist li {
                    margin: 0 0 20px;
                    padding: 0 0 20px;
                    border-bottom: 1px solid #eee;
                }
                .subsection-individual-post article section.comments_section .commentlist li article {
                    margin: 0;
                    padding: 0;
                    font-size: 0.9rem;
                    line-height: 1.3rem;
                }
                .comment-meta {
                    margin: 0 0 10px;
                    color: #aaa;
                    font-size: 0.8rem;
                }
                    .comment-meta a,
                    .comment-meta a:visited {
                        color: #aaa;
                        pointer-events: none;
                    }
                    .comment-awaiting-moderation {
                        color: red;
                        font-size: 0.9rem;
                    }
                .comment-content {
                    margin: 0 0 10px;
                }
                .reply a,
                .reply a:visited {
                    color: #aaa;
                    font-size: 0.8rem;
                }
                
                
                .comment-respond {
                    clear: both;
                    margin: 20px 0 0;
                    border: 1px solid #eee;
                    background: #fcfcfc;
                    padding: 20px;
                }
                    .comment-respond h3.comment-reply-title {
                        font-size: 30px;
                        line-height: 35px;
                        margin: 0 0 0;
                        cursor: pointer;
                        text-indent: -9999px;
                    }
                        .comment-respond h3.comment-reply-title #cancel-comment-reply-link {
                            float: right;
                            display: block;
                            font-family: 'GT Pressura', Sans-Serif;
                            font-size: 11px;
                            line-height: 16px;
                            letter-spacing: 2px;
                            text-transform: uppercase;
                            font-weight: normal;
                            margin-top: 10px;
                        }
                        .comment-respond h3.comment-reply-title:after {
                            float: left;
                            text-indent: 0;
                            display: block;
                            content: 'Add a comment';
                            font-family: 'GT Pressura', Sans-Serif;
                            font-size: 11px;
                            line-height: 16px;
                            letter-spacing: 2px;
                            text-transform: uppercase;
                            font-weight: normal;
                            background: url(images/link_arrow.png) right center no-repeat;
                            background-size: 49px 9px;
                            padding-right: 60px;
                            margin-top: 10px;
                        }
                        .comment-respond.revealed h3.comment-reply-title {
                            cursor: default;
                            text-indent: 0;
                        }
                        .comment-respond.revealed h3.comment-reply-title:after,
                        .subsection-individual-post article section.comments_section .commentlist li .comment-respond h3.comment-reply-title:after {
                            display: none;
                        }
                            /* Now always revealed */
                            .comment-respond h3.comment-reply-title {
                                cursor: default;
                                text-indent: 0;
                            }
                            .comment-respond h3.comment-reply-title:after,
                            .subsection-individual-post article section.comments_section .commentlist li .comment-respond h3.comment-reply-title:after {
                                display: none;
                            }
                    .comment-notes {
                        margin: 0;
                        padding-top: 15px;
                        font-size: 0.9rem;
                        line-height: 1.3rem;
                        font-style: italic;
                    }
                    .comment-respond form p {
                        clear: both;
                        margin: 0 0 20px;
                    }
                        .comment-respond form {
                            max-height: 0;
                            overflow: hidden;
                        }
                        .comment-respond.revealed form {
                            max-height: 1000px;
                        }
                        /* Now always revealed */
                        .comment-respond form {
                            max-height: none;
                        }
                        .comment-respond form label {
                            display: block;
                            margin: 0 0 5px;
                            font-size: 0.9rem;
                            line-height: 1.3rem;
                            width: 100%;
                            clear: both;
                        }
                        .comment-respond form textarea,
                        .comment-respond form input[type="text"] {
                            display: block;
                            padding: 5px;
                            border: 1px solid #eee;
                            width: 100%;
                            font-size: 0.9rem;
                            line-height: 1.3rem;
                            -moz-box-sizing: border-box;
                            -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                            clear: both;
                        }
                        #commentform .gglcptch {
                            margin: 0;
                            padding: 0;
                        }
			
			.subsection-individual-post article section.image_aside {
			    clear: both;
			    width: 100%;
			    max-width: none;
			}
                .subsection-individual-post article section.image_aside .main {
                    width: 60%;
                    float: left;
                }
                .subsection-individual-post article section.image_aside .aside {
                    width: 40%;
                    float: right;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    padding-left: 50px;
                    max-width: 360px;
                    font-size: 17px;
                    line-height: 30px;
                    color: #888;
                    padding-top: 8px;
                }
                .subsection-individual-post article section.image_aside .aside .chevron {
                    margin: 0 0 25px;
                }
            
            .subsection-individual-post section.featured_content_block {
                position: relative;
                max-width: none;
                color: #fff;
                margin: 0 0 80px;
            }
                .subsection-individual-post section.featured_content_block .background {
                    z-index: 1;
                    width: 100vw;
                    position: absolute;
                    left: 50%;
                    top: 0;
                    bottom: 0;
                    transform: translateX(-50%);
                    background: #90BAB2;
                }
                    .subsection-individual-post section.featured_content_block .background:after {
                        content: '';
                        display: block;
                        position: absolute;
                        top: 40px;
                        left: 40px;
                        right: 40px;
                        bottom: 40px;
                        border: 3px solid #6C9F95;
                    }
                .subsection-individual-post section.featured_content_block .inner {
                    z-index: 2;
                    position: relative;
                    min-height: 250px;
                    box-sizing: border-box;
                    padding: 100px 40px;
                    margin: 0 auto;
                    max-width: 1200px;
                    text-align: center;
                    overflow: hidden;
                }
                .subsection-individual-post section.featured_content_block .heading {
                    color: #fff;
                    margin: 0 0 50px;
                }
                    .subsection-individual-post section.featured_content_block .heading h2 {
                        color: #fff;
                    }
                    .subsection-individual-post section.featured_content_block .heading .subtitle {
                        margin: 0 0 15px;
                        line-height: 26px;
                    }
                    .subsection-individual-post section.featured_content_block .heading .chevron {
                        margin: 0 auto;
                    }
                    .subsection-individual-post section.featured_content_block .heading .chevron path {
                        stroke: #6C9F95;
                    }
                
                .subsection-individual-post section.featured_content_block .logo_grid {
                    margin-right: -50px;
                    display: flex;
                }
                    .subsection-individual-post section.featured_content_block .logo_grid .item {
                        width: 33.33%;
                        float: left;
                        padding: 0 50px 0 0;
                        text-align: center;
                        box-sizing: border-box;
                    }
                        .subsection-individual-post section.featured_content_block .logo_grid .item > a {
                            display: flex;
                            flex-direction: column;
                            height: 100%
                        }
                        .subsection-individual-post section.featured_content_block .logo_grid .item .logo {
                            margin: 0 0 45px;
                            text-align: center;
                            flex-grow: 1;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                        }
                        .subsection-individual-post section.featured_content_block .logo_grid .item .logo img {
                            width: 320px;
                            max-width: 100%;
                            display: inline-block;
                        }
                        .subsection-individual-post section.featured_content_block .logo_grid .item .logo.logo_adjust img {
                            width: 220px;
                        }

	.subsection-post-list .grid_error {
		text-align: center;
		min-height: 300px;
	}
	
.subsection-about-book {

}
    .subsection-about-book .chevron path {
        stroke: #90BAB2;
    }
    .subsection-about-book aside .intro {
        width: 60%;
    }
    .subsection-about-book aside .meta_details {
        width: 40%;
        max-width: 449px;
    }
        .subsection-about-book aside .meta_details {
            width: 40%;
            max-width: 469px;
        }
            .subsection-about-book aside .meta_details .author_details {
                max-width: 449px;
            }
            .buy_scroll_button {
                padding: 30px 0 0;
                float: right;
                clear: both;
            }
                .buy_scroll_button a {
                    display: block;
                }
                .buy_scroll_button a img {
                    display: block;
                }
            
            .book_cover {
                margin: 0 0 35px;
            }
                .book_cover img {
                    display: block;
                }
            .book_download_button {
                
            }
                .book_download_button a {
                    display: block;
                }
                .book_download_button a img {
                    display: block;
                }


.subsection-about-mark {

}
	.subsection-about-mark header {
		width: 100%;
		text-align: center;
		margin: 0 0 80px;
	}
			.subsection-about-mark header .subtitle {
				text-align: center;
				margin: 0 0 18px;
				font-size: 22px;
				line-height: 30px;
			}
			.subsection-about-mark header h1 {
				text-align: center;
				margin: 0 0 70px;
			}
			.subsection-about-mark header h2 {
				text-align: center;
				margin: 0 0 40px;
			}
			.subsection-about-mark header .chevron {
				width: 100%;
			}
		.subsection-about-mark header .image {
			width: 100%;
			padding-top: 70px;
		}
			.subsection-about-mark header img {
				display: block;
			}

		.subsection-about-mark article {
			margin: 0 0 120px;
			width: 100%;
			clear: both;
		}
			.subsection-about-mark article section {
				width: 100%;
				clear: both;
				min-height: 650px;
			}
				.subsection-about-mark article section .image {
					float: left;
					width: 60%;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					position: relative;
				}
					.subsection-about-mark article section .image img {
						display: block;
						max-height: 650px;
						max-width: none;
						float: right;
					}
				.subsection-about-mark article section .content {
					float: right;
					width: 40%;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;

					display: -webkit-flex;
					display: flex;
					-webkit-flex-direction: column;
					flex-direction: column;
					-webkit-align-items: center;
					align-items: center;
					-webkit-justify-content: center;
					justify-content: center;
					min-height: 650px;
				}
					.subsection-about-mark article section .content_inner {
						padding: 40px 0 40px 75px;
					}

				.subsection-about-mark article section:nth-of-type(2) .image {
					float: right;
				}
					.subsection-about-mark article section:nth-of-type(2) .image img {
						float: left;
					}
				.subsection-about-mark article section:nth-of-type(2) .content {
					float: left;
				}
					.subsection-about-mark article section:nth-of-type(2) .content_inner {
						padding-left: 0;
						padding-right: 75px;
					}

		.subsection-about-mark .subsection-about-mark-clients {
			margin: 0 0 80px;
			width: 100%;
			clear: both;
		}
			.subsection-about-mark .subsection-about-mark-clients .image_grid {
				text-align: center;
			}
			.subsection-about-mark .subsection-about-mark-clients .image_grid .item .image {
				max-width: 270px;
				margin: 0 auto;
				opacity: 0.7;
				transition: opacity 400ms ease-in-out;
			}
				.subsection-about-mark .subsection-about-mark-clients .image_grid .item .image:hover {
					opacity: 1;
				}
				.subsection-about-mark .subsection-about-mark-clients .image_grid .item .image img {
					opacity: 1;
				}
				.subsection-about-mark .subsection-about-mark-clients .image_grid .item .inview_element .image:before,
				.subsection-about-mark .subsection-about-mark-clients .image_grid .item .inview_element .image:after {
					display: none;
				}
			.subsection-about-mark .subsection-about-mark-clients .image_grid .item .content {
				height: 0;
				overflow: hidden;
				margin: 0;
				padding: 0;
			}
		.subsection-about-mark .subsection-about-mark-guidebooks {
			margin: 0 0 80px;
			width: 100%;
			clear: both;
		}
		.subsection-about-mark .subsection-about-mark-articles {
			margin: 0 0 80px;
			width: 100%;
			clear: both;
		}
		.subsection-about-mark .subsection-about-mark-interviews {
			margin: 0 0 80px;
			width: 100%;
			clear: both;
		}


/* ---------------------------------------
Classes
--------------------------------------- */




    .zigzags {
        position: absolute;
        z-index: 1;
        top: 50%;
        width: 580px;
        height: 470px;
        margin-top: -225px;
    }
		    .zigzags svg {
		        margin-top: -680px;
		        width: 600px;
		        height: 700px
		    }
		    .zigzags svg:nth-of-type(1) {
		        margin-top: -185px;
		    }
		    .zigzags path {
		        stroke-dasharray: 193;
		        stroke-dashoffset: 193;
		    }
		    .zigzags.load1 svg path,
		    #preloader.loading-3 .zigzags svg path {
		        animation: dash 2000ms ease-in-out reverse 1;
		        animation-direction: normal;
		        animation-fill-mode: forwards; // Stay on the last frame
		        animation-iteration-count: 1;// Run only once 
		    }
		    .zigzags.load3 svg path,
		    #preloader.loading-4 .zigzags svg path {
		        animation: dash-out 1200ms ease-in-out reverse 1;
		        animation-direction: normal;
		        animation-fill-mode: forwards; // Stay on the last frame
		        animation-iteration-count: 1;// Run only once 
		    }
		    #preloader.loading-fast .zigzags svg path {
		    	animation: none;
		        stroke-dasharray: 0;
		        stroke-dashoffset: 0;
		    }
		    @keyframes dash {
		        0% {
		            stroke-dashoffset: 193;
		            opacity: 1;
		        }
		        100% {
		            stroke-dashoffset: 0;
		            opacity: 1;
		        }
		    }
		    @keyframes dash-out {
		        0% {
		            stroke-dashoffset: 0;
		            opacity: 1;
		        }
		        100% {
		            stroke-dashoffset: 193;
		            opacity: 0.4;
		        }
		    }


   	.social_icons {
   		display: block;
    }
        .social_icons > div {
        	float: left;
        	margin: 0 15px 0 0;
        	height: 17px;
        	width: 17px;
        	background: center center no-repeat;
        	background-size: 17px 17px;
        }
        .social_icons > div a {
        	display: block;
        	height: 17px;
        	width: 17px;
        	text-indent: -9999px;
        	text-align: left;
        }
        .social_icons .si_twitter {
        	background-image: url(images/header-twitter.png);
        }
        .social_icons .si_instagram {
        	background-image: url(images/header-instagram.png);
        }


	.clearwithin:after {
		content: '.';
		display: block;
		text-align: left;
		text-indent: -9999px;
		clear: both;
		height: 0;
	}
	.hidden {
		visibility: hidden;
		height: 0;
		width: 0;
		margin: 0;
		padding: 0;
		text-indent: -9999px;
	}
	.subtitle {
		font-style: italic;
	}
	
    .add_comment_link {
        padding: 30px 0 0;
        cursor: pointer;
        font-family: 'GT Pressura', Sans-Serif;
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-weight: normal;
        color: #221d1f;
    }
        .add_comment_link:after {
            display: inline-block;
            text-indent: 0;
            content: '';
            background: url(images/link_arrow.png) right center no-repeat;
            background-size: 49px 9px;
            width: 49px;
            height: 9px;
            margin-left: 20px;
        }

	.share_links {
		width: 100%;
		clear: both;
	}
		.share_links .social_links_item {
			float: left;
			margin: 0 25px 5px 0;
			font-family: 'GT Pressura', Sans-Serif;
			font-size: 11px;
			line-height: 16px;
			letter-spacing: 2px;
			text-transform: uppercase;
			font-weight: normal;
			color: #222;
		}
		.share_links .social_links_item a,
		.share_links .social_links_item a:visited,
		.subsection-individual-post aside .meta_details .share_links .social_links_item a,
		.subsection-individual-post aside .meta_details .share_links .social_links_item a:visited {
			color: #222;
		}
		.share_links .social_links_item a:before {
			display: inline-block;
			content: '.';
			text-align: left;
			text-indent: -9999px;
			height: 20px;
			width: 20px;
			margin: 0 8px 0 0;
			vertical-align: middle;
			background: center center no-repeat;
			background-size: 20px 20px;
		}
			.share_links .social_links_item.social_links_item_facebook a:before {
				background-image: url(images/share_facebook.png);
			}
			.share_links .social_links_item.social_links_item_twitter a:before {
				background-image: url(images/share_twitter.png);
			}
			.share_links .social_links_item.social_links_item_pinterest a:before {
				background-image: url(images/share_pinterest.png);
			}

	.pagination {
		clear: both;
		display: block;
		margin: 0 0 70px;
	}
		.pagination .link {
			display: inline-block;
			margin: 0 30px 0 0;
		}

    .button_reveal_more_container {
        text-align: center;
    }
	.button {
		font-family: 'GT Pressura', Sans-Serif;
		font-size: 12px;
        line-height: 17px;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-weight: bold;
		background: #80b09c;
		display: inline-block;
	}
		.button a,
		.button a:visited {
		    color: #fff;
			display: block;
			padding: 16px 24px;
		}
		.button a:after {
			display: inline-block;
			content: '.';
			text-indent: -9999px;
			text-align: left;
			vertical-align: top;
			height: 15px;
			margin: 0 0 0 20px;
			width: 49px;
			background: url('images/link_arrow_light.png') 0 center repeat-x;
			background-size: 49px 9px;
			transition: all 400ms cubic-bezier(.87,.17,.18,.85);
		}
		.button:hover a:after {
			background-position: 98px center;
		}
		.button:hover a:before {
			background-position: -98px center;
		}
		
	.link {
		font-family: 'GT Pressura', Sans-Serif;
		font-size: 11px;
		line-height: 16px;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-weight: normal;
	}
		.link a {
			display: block;
		}
		.link a:after {
			display: inline-block;
			content: '.';
			text-indent: -9999px;
			text-align: left;
			vertical-align: top;
			height: 15px;
			margin: 0 0 0 20px;
			width: 49px;
			background: url('images/link_arrow.png') 0 center repeat-x;
			background-size: 49px 9px;
			transition: all 400ms cubic-bezier(.87,.17,.18,.85);
		}
		.link.nav-previous a:before {
			display: inline-block;
			content: '.';
			text-indent: -9999px;
			text-align: left;
			vertical-align: top;
			height: 15px;
			margin: 0 20px 0 0 ;
			width: 49px;
			background: url('images/link_arrow_back.png') 0 center repeat-x;
			background-size: 49px 9px;
			transition: all 400ms cubic-bezier(.87,.17,.18,.85);
		}
		.link.nav-previous a:after {
			display: none;
		}
		.link:hover a:after {
			background-position: 98px center;
		}
		.link:hover a:before {
			background-position: -98px center;
		}

	.link_faux {
		height: 25px;
		width: 49px;
		display: block;
		clear: both;
		background: url('images/link_arrow.png') 0 center repeat-x;
		background-size: 49px 9px;
		transition: all 400ms cubic-bezier(.87,.17,.18,.85);
	}
		.item:hover .link_faux {
			background-position: 98px center;
			margin-left: 10px;
		}

	.chevron {
		width: 140px;
		height: 30px;
	}
	    .chevron path {
	        stroke-dasharray: 375;
	        stroke-dashoffset: 375;
	    }
	    .chevron.inview svg path {
	        animation: chevrondash 1500ms ease-in-out reverse 1;
	        animation-delay: 200ms;
	        animation-direction: normal;
	        animation-fill-mode: forwards; // Stay on the last frame
	        animation-iteration-count: 1;// Run only once 
	    }
	    @keyframes chevrondash {
	        0% {
	            stroke-dashoffset: 375;
	            opacity: 1;
	        }
	        100% {
	            stroke-dashoffset: 0;
	            opacity: 1;
	        }
	    }
		/*
		.chevron:after {
			content: '.';
			text-align: left;
			text-indent: -9999px;
			display: block;
			height: 30px;
			width: 140px;
			background: #cfc5b4;
			margin: 0 auto;
		}
		*/

	.featured_item {
		display: block;
		clear: both;
		width: 100%;
	}
		.featured_item .item {
			display: block;
			clear: both;
			width: 100%;
			margin: 0 0 80px;
		}
		.featured_item .item .content_above {
			width: 100%;
			text-align: center;
			margin: 0 0 70px;
		}
			.featured_item .item .content_above .subtitle {
				text-align: center;
				margin: 0 0 18px;
				font-size: 22px;
				line-height: 30px;
			}
			.featured_item .item .content_above h2 {
				text-align: center;
				margin: 0 0 70px;
			}
			.featured_item .item .content_above .chevron {
				width: 100%
			}
		.featured_item .item .image {
			width: 100%;
			margin: 0 0 80px;
		}
			.featured_item .item .image img {
				display: block;
			}
		.featured_item .item .content {
			width: 100%;
		}
			.featured_item .item .intro {
				width: 60%;
				float: left;
				line-height: 45px;
			}
			.featured_item .item .link {
				float: right;
			}

	.image_grid {
		display: block;
		clear: both;
		margin-right: -30px;
	}
		.image_grid .item {
			width: 33.33%;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			list-style: none;
			padding: 0 30px 70px 0;
			margin: 0;
			display: inline-block;
			vertical-align: top;
		}
		.image_grid .item .inview_element {
			transform: translate3d(0, 100px, 0);
			transition: transform 1800ms ease-out; /* cubic-bezier(.87,.17,.18,.85 */
		}
		.image_grid .item .inview_element.inview {
			transform: translate3d(0, 0, 0);
		}
		.image_grid .item:nth-of-type(2) .inview_element,
		.image_grid .item:nth-of-type(5) .inview_element,
		.image_grid .item:nth-of-type(8) .inview_element,
		.image_grid .item:nth-of-type(11) .inview_element,
		.image_grid .item:nth-of-type(14) .inview_element {
			transition-delay: 300ms;
		}
		.image_grid .item:nth-of-type(3) .inview_element,
		.image_grid .item:nth-of-type(6) .inview_element,
		.image_grid .item:nth-of-type(9) .inview_element,
		.image_grid .item:nth-of-type(12) .inview_element,
		.image_grid .item:nth-of-type(15) .inview_element,
		.image_grid .item:nth-of-type(18) .inview_element {
			transition-delay: 600ms;
		}
			.image_grid .item .image {
				margin: 0 0 30px;
				position: relative;
			}
				.image_grid .item:nth-of-type(2n) .image:before {
					background: #948382;
				}
				.image_grid .item:nth-of-type(3n) .image:before {
					background: #cfc5b4;
				}
				.image_grid .item .image img {
					display: block;
				}
			.image_grid .item .content {
				margin: 0;
				padding: 0;
			}
				.image_grid .item .content .subtitle {
					font-size: 17px;
					line-height: 20px;
					margin: 0 0 5px;
				}
				.image_grid .item .content h3 {
					margin: 0 0 30px;
				}
				.image_grid .item .content .link_faux {
					clear: both;
				}


	.image_grid_large {
		display: block;
		clear: both;
		margin: 0 0 70px;
	}
		.image_grid_large .list_item {
			width: 100%;
			display: block;
		}
			.image_grid_large .list_item .image {
				margin: 0 0 30px;
			}
				.image_grid_large .list_item .image img {
					display: block;
				}
			.image_grid_large .list_item .content {
				margin: 0;
				padding: 0;
			}
				.image_grid_large .list_item .content .subtitle {
					font-size: 17px;
					line-height: 20px;
					margin: 0 0 5px;
				}
				.image_grid_large .list_item .content h3 {
					margin: 0 0 30px;
				}
				.image_grid_large .list_item .content .link_faux {
					clear: both;
				}


	.photo_grid {
		float: none;
		width: auto;
		clear: both;
		display: block;
		margin-right: -30px;
	}
		.photo_grid .item {
			display: inline-block;
			width: 50%;
			padding: 0 30px 60px 0;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			vertical-align: top;
		}
		.photo_grid .item.inview_element {
			transform: translate3d(0, 100px, 0);
			transition: transform 1000ms ease-out; /* cubic-bezier(.87,.17,.18,.85 */
		}
		.photo_grid .item.inview_element.inview {
			transform: translate3d(0, 0, 0);
		}
			.photo_grid .item .image {
				margin: 0 0 30px;
				position: relative;
				overflow: hidden;
			}
			.photo_grid .item .image:last-child {
			    margin-bottom: 0;
			}
				.photo_grid .item .image div {
					width: 100%;
					padding-top: 75%;
					position: relative;
				}
				.photo_grid.crop_short_portrait .item .image div {
				    padding-top: 107%;
				}
				.photo_grid .item .image img {
					max-width: 100%;
					max-height: 100%;
					position: absolute;
                    top: 0;
                    left: 50%;
                    position: absolute;
                    transform: translateX(-50%);
				}
				.photo_grid .item .image:before,
				.photo_grid .item .image:after {
					display: none;
				}
			.photo_grid .item .caption {
				font-size: 17px;
				line-height: 30px;
				color: #888;
			}
			.photo_grid .item.inview_element .caption {
				opacity: 0;
				transition: opacity 800ms linear; /* cubic-bezier(.87,.17,.18,.85 */
			}
			.photo_grid .item.inview_element.inview .caption {
				opacity: 1;
			}

		/* Grid variations
		--------------------------------------- */

			/* 1x1 + 1x2 --------------------------------------- */
			.photo_grid.photo_grid_type_3 .item:nth-of-type(1) {
				display: inline-block;
				width: 100%;
			}
			
			/* 1x3 --------------------------------------- */
			.photo_grid.photo_grid_type_4 .item {
				width: 33.33%;
			}
			
		.photo_grid .item {
			display: inline-block;
			width: 50%;
			padding: 0 30px 60px 0;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			vertical-align: top;
		}


/* Scroll transitions
--------------------------------------- */

	.inview_element .image {
		position: relative;
		transition: all 600ms cubic-bezier(.87,.17,.18,.85);
	}
		.inview_element .image:after {
			content: '.';
			display: block;
			text-align: left;
			text-indent: -9999px;
			position: absolute;
			z-index: 2;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: #fff;
			transition: all 600ms cubic-bezier(.87,.17,.18,.85);
		}
			.inview_element.inview .image:after {
				left: 100%;
			}
		.inview_element .image:before {
			content: '.';
			display: block;
			text-align: left;
			text-indent: -9999px;
			position: absolute;
			z-index: 1;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: #90bab2;
			transition: all 600ms cubic-bezier(.87,.17,.18,.85);
			transition-delay: 600ms;
		}
			.inview_element.inview .image:before {
				left: 100%;
			}
			.inview_element.inview .xximage:hover:before {
				left: 0;
				transition: left 600ms cubic-bezier(.87,.17,.18,.85), opacity 400ms linear;
				transition-delay: 0;
				opacity: 0.8;
			}
		.inview_element .image img {
			display: block;
			transition: all 600ms cubic-bezier(.87,.17,.18,.85);
			transition-delay: 600ms;
			opacity: 0;
		}
			.inview_element.inview .image img {
				opacity: 1;
			}
			/*
		.item:nth-of-type(2n) .inview_element .image:after {
			transition-delay: 300ms;
		}
			.item:nth-of-type(2n) .inview_element .image:before,
			.item:nth-of-type(2n) .inview_element .image img {
				transition-delay: 600ms;
			}
		.item:nth-of-type(3n) .inview_element .image:after  {
			transition-delay: 600ms;
		}
			.item:nth-of-type(3n) .inview_element .image:before,
			.item:nth-of-type(3n) .inview_element .image img  {
				transition-delay: 1200ms;
			}
			*/


/* Page content transitions - not yet used
----------------------------------------------------------- 

	body #container_inner {
	    transition: opacity 600ms ease-in-out;
	    -webkit-transition: opacity 600ms ease-in-out;
	    opacity: 1;
	}
	body.content-load-waiting #container_inner {
	    opacity: 0;
	    transition: none;
	    -webkit-transition: none;
	}
	body.page-transition #container_inner {
	    opacity: 0;
	}*/


/* Splash screen and loader
----------------------------------------------------------- */

body.browser-js-enabled.loader-complete {
	background: #fff;
}
body.browser-js-enabled {
	background: #333;
}
body.browser-js-enabled #container,
body.browser-js-enabled #footer {
	opacity: 0;
}
body.browser-js-enabled.loader-first-load-complete #container,
body.browser-js-enabled.loader-first-load-complete #footer {
	opacity: 1;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
}
	#preloader.loading-1 {
		display: block;
	}
	#preloader.loading-2 #splash_screen #preloader_background {
        opacity: 1;
	}
	#preloader.loading-2 #splash_screen #preloader_logo {
        opacity: 1;
	}

		#splash_screen {
		    height: 100%;
		    position: fixed;
		    top: 0;
		    left: 0;
		    right: 0;
		    bottom: 0;
		    z-index: 2000;
		    text-align: center;
			transition: all 400ms linear;
		}
			#preloader_logo {
		        opacity: 0;
			}
			#splash_screen #preloader_background {
				background: center center no-repeat #444;
				background-size: cover;
		        position: absolute;
		        top: 0;
		        left: 0;
		        right: 0;
		        bottom: 0;
		        z-index: 0;
		        opacity: 0;
				transition: all 400ms cubic-bezier(.87,.17,.18,.85);
			}
				#splash_screen #preloader_background:after {
					content: '.';
					text-indent: -9999px;
					display: block;
					text-align: left;
					background: #332d23;
					opacity: 0.5;
			        position: absolute;
			        top: 0;
			        left: 0;
			        right: 0;
			        bottom: 0;
			        z-index: 0;
				}
		    #splash_screen .heading {
		        font-family: 'GT Pressura';
		        color: #FFF;
		        font-weight: normal;
		        text-transform: uppercase;
		        letter-spacing: 15px;
		        font-size: 55px;
		        line-height: 100px;
		        position: absolute;
		        top: 50%;
		        width: 100%;
		        margin-top: -175px;
	        	z-index: 2;
		    	opacity: 0;
		        transition: opacity 400ms ease-in-out;
		    }
				#preloader.loading-2 #splash_screen .heading {
			        opacity: 1;
				}
				#preloader.loading-4 #splash_screen .heading {
			        opacity: 0;
				}
			    #splash_screen .heading .text_animate {
			        display: block;
			        clear: both;
			    }

		    #splash_screen .heading2 {
		        font-family: 'GT Pressura';
		        color: #FFF;
		        font-weight: normal;
		        text-transform: uppercase;
		        letter-spacing: 12px;
		        font-size: 32px;
		        line-height: 100px;
	        	text-indent: 22px;

		        position: absolute;
		        top: 50%;
		        width: 100%;
		        margin-top: -60px;
	        	z-index: 2;
	        	display: none;
		    	opacity: 0;
		    	transform: translate(0,50px);
		        transition: all 400ms cubic-bezier(.87,.17,.18,.85), opacity 400ms ease-in-out;


				font-weight: bold;
				font-size: 21px;
				line-height: 20px;
				margin-top: -24px;
		    }
				#preloader.loading-3 #splash_screen .heading2 {
			        opacity: 1;
		    		transform: translate(0,0);
				}
		    
			    #preloader .border {
			        position: absolute;
			        top: 30px;
			        left: 30px;
			        right: 30px;
			        bottom: 30px;
			        z-index: 1;
			    	opacity: 0;
			        transition: opacity 400ms ease-in-out;
			    }
					#preloader.loading-2 #splash_screen  .border {
				        opacity: 1;
					}
					#preloader.loading-4 #splash_screen  .border {
				        opacity: 0;
					}

			    #preloader .border .zigzags {
			    	position: absolute;
			    	top: 50%;
			    	left: 50%;
			    	transform: translate(-50%, 0);
			    }
			    #preloader .border:before,
			    #preloader .border .inner:after,
			    #preloader .border:after,
			    #preloader .border .inner:before {
			        transition: all 800ms cubic-bezier(.87,.17,.18,.85), opacity 800ms cubic-bezier(.87,.17,.18,.85);
			    }
			    #preloader.loading-fast .border:before,
			    #preloader.loading-fast .border .inner:after,
			    #preloader.loading-fast .border:after,
			   	#preloader.loading-fast .border .inner:before {
			        transition: all 800ms cubic-bezier(.87,.17,.18,.85), opacity 200ms cubic-bezier(.87,.17,.18,.85);
			    }
			    /* ANIMATION 1 */
			    #preloader .border:before {
			        content: '';
			        opacity: 0;
			        position: absolute;
			        left: 0;
			        top: 0;
			        right: 100%;
			        height: 3px;
			        display: block;
			        background: #8bada6;
			        z-index: 4999;
			    }
			        #preloader.loading-3 .border:before {
			            right:0;
			        	opacity: 1;
			        }
			    /* ANIMATION 2 */
			    #preloader .border .inner:after {
			        content: '';
			        opacity: 0;
			        position: absolute;
			        right: 0;
			        bottom:100%;
			        top:0;
			        width: 3px;
			        display: block;
			        background: #8bada6;
			        z-index: 4999;
			    }
			        #preloader.loading-3 .border .inner:after {
			            bottom:0;
			        	opacity: 1;
			        }
			    /* ANIMATION 3 */
			    #preloader .border:after {
			        content: '';
			        opacity: 0;
			        position: absolute;
			        right: 0;
			        left:100%;
			        bottom: 0;
			        height: 3px;
			        display: block;
			        background: #8bada6;
			        z-index: 4999;
			    }
			        #preloader.loading-3 .border:after {
			            left:0;
			        	opacity: 1;
			        }
			    /* ANIMATION 4 */
			    #preloader .border .inner:before {
			        content: '';
			        opacity: 0;
			        position: absolute;
			        left: 0;
			        top: 100%;
			        bottom:0;
			        width: 3px;
			        display: block;
			        background: #8bada6;
			        z-index: 4999;
			    }
			        #preloader.loading-3 .border .inner:before {
			            top:0;
			        	opacity: 1;
			        }

		/* Fast loader ------------ */

		    #preloader.loading-fast #splash_screen .heading  {
		    	display: none;
		    }
		    #preloader.loading-fast #splash_screen .heading2  {
		    	display: block;
		    }
		    #preloader.loading-fast #splash_screen .border .zigzags  {
		    	display: none;
		    }
		    #preloader.loading-fast #preloader_logo {
		    	display: none;
		    }
			    #preloader.loading-fast .border .zigzags {
			    	
			    }
		    
		    

/* Addthis
------------------------------------------- */

.at4-share.addthis_32x32_style {
    transition: opacity 400ms cubic-bezier(.87,.17,.18,.85), transform 400ms cubic-bezier(.87,.17,.18,.85);
    opacity: 0;
    transform: translateX(-100px);
    animation: none !important;
    z-index: 1;
}
.window-scrolled-long .at4-share.addthis_32x32_style {
    opacity: 1;
    transform: translateX(0);
}




/* Fancybox overrides 
------------------------------------------- */

    body .fancybox-overlay {
        background: #fff;
    }
    body .fancybox-skin {
        background: #fff;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    body .fancybox-close {
        border: 0;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1NiAyNTYiIGhlaWdodD0iMjU2cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiB3aWR0aD0iMjU2cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0xMzcuMDUxLDEyOGw3NS40NzUtNzUuNDc1YzIuNS0yLjUsMi41LTYuNTUxLDAtOS4wNTFzLTYuNTUxLTIuNS05LjA1MSwwTDEyOCwxMTguOTQ5TDUyLjUyNSw0My40NzUgIGMtMi41LTIuNS02LjU1MS0yLjUtOS4wNTEsMHMtMi41LDYuNTUxLDAsOS4wNTFMMTE4Ljk0OSwxMjhsLTc1LjQ3NSw3NS40NzVjLTIuNSwyLjUtMi41LDYuNTUxLDAsOS4wNTEgIGMxLjI1LDEuMjUsMi44ODgsMS44NzUsNC41MjUsMS44NzVzMy4yNzUtMC42MjUsNC41MjUtMS44NzVMMTI4LDEzNy4wNTFsNzUuNDc1LDc1LjQ3NWMxLjI1LDEuMjUsMi44ODgsMS44NzUsNC41MjUsMS44NzUgIHMzLjI3NS0wLjYyNSw0LjUyNS0xLjg3NWMyLjUtMi41LDIuNS02LjU1MSwwLTkuMDUxTDEzNy4wNTEsMTI4eiIvPjwvc3ZnPg==') center center no-repeat;
        background-size: 30px 30px;
        height: 40px;
        width: 40px;
        position: fixed;
        top: 20px;
        right: 20px;
        opacity: 0.6;
    }
    body .fancybox-prev {
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1NiAyNTYiIGhlaWdodD0iMjU2cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiB3aWR0aD0iMjU2cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0xNzkuMTk5LDM4LjM5OWMwLDEuNjM3LTAuNjI1LDMuMjc0LTEuODc1LDQuNTI0bC04NS4wNzYsODUuMDc1bDg1LjA3Niw4NS4wNzVjMi41LDIuNSwyLjUsNi41NSwwLDkuMDVzLTYuNTUsMi41LTkuMDUsMCAgbC04OS42MDEtODkuNmMtMi41LTIuNS0yLjUtNi41NTEsMC05LjA1MWw4OS42MDEtODkuNmMyLjUtMi41LDYuNTUtMi41LDkuMDUsMEMxNzguNTc0LDM1LjEyNCwxNzkuMTk5LDM2Ljc2MiwxNzkuMTk5LDM4LjM5OXoiLz48L3N2Zz4=') center center no-repeat;
        width: 80px;
        background-size: 30px 30px;
        position: fixed;
        opacity: 0.6;
    }
        body .fancybox-prev span {
            display: none !important;
        }
    body .fancybox-next {
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1NiAyNTYiIGhlaWdodD0iMjU2cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiB3aWR0aD0iMjU2cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik03Ni44LDIxNy42YzAtMS42MzcsMC42MjUtMy4yNzQsMS44NzUtNC41MjRMMTYzLjc1LDEyOEw3OC42NzUsNDIuOTI1Yy0yLjUtMi41LTIuNS02LjU1LDAtOS4wNXM2LjU1LTIuNSw5LjA1LDAgIGw4OS42MDEsODkuNmMyLjUsMi41LDIuNSw2LjU1MSwwLDkuMDUxbC04OS42MDEsODkuNmMtMi41LDIuNS02LjU1LDIuNS05LjA1LDBDNzcuNDI1LDIyMC44NzUsNzYuOCwyMTkuMjM3LDc2LjgsMjE3LjZ6Ii8+PC9zdmc+') center center no-repeat;
        width: 80px;
        background-size: 30px 30px;
        position: fixed;
        opacity: 0.6;
    }
        body .fancybox-next span {
            display: none !important;
        }
    body .fancybox-title {
        font-family: inherit;
        font-weight: inherit;
        font-size: 0.8rem;
        line-height: inherit;
        color: inherit;
    }
    body .fancybox-opened .fancybox-skin {
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }




#comment-status-alert {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 10000;
	cursor: pointer;
}
	#comment-status-alert.show {
		display: block;
	}
	#comment-status-alert:after {
		content: '';
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,0.5);
		z-index: 10000;
	}
	#comment-status-alert .comment-status-message {
		padding: 15px;
		box-sizing: border-box;
		position: fixed;
		z-index: 10001;
		top: 50%;
		left: 50%;
		width: 100%;
		max-width: 380px;
		background: #fff;
		border-radius: 2px;
		transform: translate(-50%, -50%);
		font-size: 17px;
	}
	#comment-status-alert.alert-danger, 
	#comment-status-alert.alert-error {
		color: #b94a48;
	}

	#comment-status-alert.alert-info {
		color: #3a87ad;
	}

	#comment-status-alert.alert-success {
		color: #468847;
	}

	#comment-status-alert.spinner {
		
	}