/**
 * @license
 * MyFonts Webfont Build ID 2918063, 2014-11-08T07:19:57-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: AGaramond-Regular by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/adobe-garamond/regular/
 * Copyright: Copyright (c) 2005 Linotype Library GmbH, www.linotype.com. All rights reserved. This software may not be reproduced, used, displayed, modified, disclosed or transferred without the express written approval of Linotype Library GmbH. Adobe Garamond is eith
 * Licensed pageviews: 250,000
 * 
 * Webfont: Celias-Regular by Type Dynamic
 * URL: http://www.myfonts.com/fonts/typedynamic/celias/regular/
 * Copyright: Copyright © 2013 by Type Dynamic. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2918063
 * 
 * © 2014 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2c86af");

  
@font-face {font-family: 'AGaramond-Regular';src: url('webfonts/2C86AF_0_0.eot');src: url('webfonts/2C86AF_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2C86AF_0_0.woff2') format('woff2'),url('webfonts/2C86AF_0_0.woff') format('woff'),url('webfonts/2C86AF_0_0.ttf') format('truetype'),url('webfonts/2C86AF_0_0.svg#wf') format('svg');}
 
  
@font-face {font-family: 'Celias';font-weight: normal;font-style: normal;src: url('webfonts/2C86AF_1_0.eot');src: url('webfonts/2C86AF_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2C86AF_1_0.woff2') format('woff2'),url('webfonts/2C86AF_1_0.woff') format('woff'),url('webfonts/2C86AF_1_0.ttf') format('truetype'),url('webfonts/2C86AF_1_0.svg#wf') format('svg');}
 
/* Styles
================================================== */

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


body {
		background: #fff;
		font-size: 100%; line-height: 1.5em;
		color: #787878;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }

 body:after{
    display:none;
    content: url(../images/right_arrow_white.png) url(../images/left_arrow_white.png) url(../images/right_arrow_dark.png) url(../images/left_arrow_dark.png) url(../images/logo.jpg);
}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: 'Celias', Helvetica, Arial, sans-serif; }
p { margin: 0 0 1.5em; }
ul { list-style-type: none; }
address { margin-top: 1.5em; font-style: italic; }
strong { font-weight: bold; color: inherit;}
em { font-style: italic; }
a {text-decoration: none;}

html {
	-webkit-backface-visibility: hidden;
}

a:hover {
	opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}
.touch a:hover {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

/* get rid of those system borders being generated for A tags */
a:active {
    outline:none;
}

a:focus {
    -moz-outline-style:none;
}
a:visited {
	color: #787878;
}

.container { 
	position: relative; 
	max-width: 60em;
	min-width: 280px;
	margin: 2em auto;
	padding: 0 3.125em;

}

.menuContact {
  display: none;
}
    
h1 {
	position: relative;
	z-index: 3;
	margin-left: -1.95em;
    padding: 5.5em 0 0 0;
    overflow: hidden;
    background-image: url("../images/logo.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -ms-behavior: url(http://travellingdesign.com/backgroundsize.min.htc);
    height: 0;
    width: 8.375em;
    float: left;
}

h2 {
	font-family:'AGaramond-Regular';
	font-size: 2.4em;
	line-height: 1;
	text-align: center;
	width: 78%;
	margin: 0.6em auto 0.8em auto;
	color: #937865;
}
.profileTitle {
	position: absolute;
	z-index: 4;
	bottom: 35px;
	left: 4%;
	color: #fff;
	width: 300px;
}
.profileTitle h2 {
	font-size: 2.4em;
	text-align: left;
	color: #fff;
	margin-bottom: 0;
}
.profileTitle p {
	font-size: 1.1875em;
	font-family:'AGaramond-Regular';
	opacity: 0.75;
    filter: alpha(opacity=75);
	margin-left: 3.3em;
}

h3 {
	font-family:'AGaramond-Regular';
	color: #937865;
	font-size: 1.5em;
	width: 77%;
	margin: 2em auto 1.2em auto;
	text-align: left;
	line-height: 1.2;
}

nav li a:visited {
	color: #979797;
}

.homeImage {
	width: 32.70833333333438%;
	height: auto;
	float: left;
	margin-right: 0.93750000000003%;
}
.mainImage {
	position: relative;
}

.mainImage img {
	width: 100%;
	height: auto;
}

.homeImage#image3{
	margin-right: 0;
}
.clear {clear:both;}
.text {
	position: relative;
	top: 0.2em;
	text-align: center;
	background: #F9F7F3;
	margin-bottom: 0.85em;
	padding: 0.2em 0 1.5em 0;
}
.profileText {
	padding-top: 2em;
}
.contactText p, .contactText h3{
	text-align: center;
}
.contactText a{
	color: #787878;
}
.testimonial {
	padding-top: 2em;
}
.description {
	margin-top: 0.2em;
	margin-bottom: 2em;
	padding-top: 1em;
	padding-bottom: 0.5em;
}
.description p {
	margin-bottom: 0.5em;
}
.press {
	padding-top: 3em;
	padding-bottom: 4em;
}
.initials {
	font-family:'AGaramond-Regular';
	text-align: right;
	width: 77%;
	margin: 0 auto;
}

.testimonial p:first-of-type:before {
	content: "\201C";
	font-size: 3.125em;
	float: left;
	margin-left: -0.5em;
	margin-top: 0.2em;
	opacity: 0.70;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
.testimonial p:last-of-type:after {
	position: relative;
	content: "\201D";
	font-size: 3.125em;
	top: 0.6em;
	left: 0.15em;
	line-height: 10px;
	opacity: 0.70;
    filter: alpha(opacity=70); /* For IE8 and earlier */

}
p {
	width: 77%;
	text-align: left;
	margin: 0 auto 1.5em auto;
}



.button {
	text-align: center;
	margin: 4em auto 4em auto;
}
.button a {
	color: #A4372B;
	margin-right: 2em;
}
.button a:last-of-type {
	margin-right: 0;
}

.button a:visited {
	color: #A4372B;
}
.homebutton {
	margin: 0.4em auto 0.5em auto;
}
.feature {
	font-size: 0.825em;
	text-align: right;
	margin: 0 auto;
}
.arrow {
	position: relative;
	top: 0.2em;
	width: 20px;
	height: 20px;
	margin-left: 0.2em;
}
.feature .arrow {
	position: relative;
	top: 0.4em;
	width: 18px;
	height: 18px;
	margin-left: 0.3em;
}
.description .feature {
	margin-bottom: 0;
}
.photoCredit {
	display: none;
}
.photoCreditAll {
	display: block;
	font-size: 0.6em;
	margin-top: 0.5em;
	opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}

footer {
	border-top: 1px solid #979797;
	color: #979797;
}
footer p {
	
	width: auto;
}

.social {
	margin-top: 0.5em;
	height: 2em;
	float: left;
}
.social img {
	margin-right: 0.5em;
	height: 100%;
}
.contact {
	margin-top: 1em;
	float: left;
	font-size: 0.875em;
}
.contact a{
	color: #979797;
	margin-right: 2em;
}
.contact a:visited{
	color: #979797;
}

.copyright {
	margin-top: 1.2em;
	float: right;
	font-size: 0.625em;
}
.copyright a {
	color: #979797;
}
.copyright a:visited {
	color: #979797;
}

/*__________________ Scrollable CSS ____________________*/
.wrapper {
	position: relative;
}

.gallery {
	position: relative;
	z-index: 1;
	height: 400px;
	width: 100%;
	background: #fff;
	overflow: hidden;
	-ms-touch-action: none;
}
.ie8 .gallery {
	overflow: scroll;
}

.scrollable {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.scrollable ul {
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
	white-space: nowrap;
}

.scrollable li {
	padding: 0;
	display: inline-block;
	margin:0 3px 0 0;
}
.scrollable li img {
	padding: 0;
	margin: 0;
}

#loadMore {
	cursor: pointer;
}


/* prev, next, prevPage and nextPage buttons */
a.browse {
    width:62px;
    height:62px;
    float:left;
    margin:0;
    cursor:pointer;
    font-size:1px;
}

/*.touch .browse {
	display: none;
}*/


/* right */
a.right {
	position: absolute;
	z-index: 10;
	top:170px;
	right: 10px; /*left:910px;*/
	background:url(../images/right_arrow_white.png) no-repeat;
	background-repeat: no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -ms-behavior: url(http://travellingdesign.com/backgroundsize.min.htc);
	clear:right; 
	margin-right: 0;
}
/* left */
a.left { 
	background:url(../images/left_arrow_white.png) no-repeat; 
	background-repeat: no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -ms-behavior: url(http://travellingdesign.com/backgroundsize.min.htc);
	position: absolute;
	z-index: 10;
	top:170px;
	left:10px;
	clear:left;
	margin-left: 0; 
}

/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}
.ie8 a.right, .ie8 a.left {
	visibility: hidden;
}


/*___________________ end Scrollable CSS _____________________*/



/* #Media Queries
================================================== */

/* Larger than 1200px */
	@media only screen and (min-width: 1200px) {

	a.right {
	top:170px;
	right: -72px;
	background:url(../images/right_arrow_dark.png) no-repeat;
	background-repeat: no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -ms-behavior: url(http://travellingdesign.com/backgroundsize.min.htc);

}

a.left { 
	top:170px;
	left:-74px;
	background:url(../images/left_arrow_dark.png) no-repeat;
	background-repeat: no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -ms-behavior: url(http://travellingdesign.com/backgroundsize.min.htc);

}

}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1059px) {
	h2 {
	font-size: 2.2em;
}
}

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

	
	/*__________________ Small Screen Scrollable CSS ____________________*/

.gallery {height: 300px;}
.scrollable li {margin:0 3px 0 0; height: 300px; width: auto;}
.scrollable li img {height: 300px; width: auto;}
a.right {top:120px;}
a.left {top:120px;}





/*___________________ end Small Screen Scrollable CSS _____________________*/
	}



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

	.profileTitle {
	bottom: 15px;
	left: 2%;
	width: 300px;
}

.profileTitle h2{
	font-size: 2.2em;
}
.profileTitle p{
	font-size: 1em;
}
.social {
	float: none;
	text-align: center;
}
.social a:last-of-type img {
	margin-right: 0;
}

.contact {
	display: block;
	float: none;
}
.contact p{
	text-align: center;
	margin-bottom: 0.2em;
}
.contact a {
	margin-right: 0;
	display: block;
}

.copyright {
	margin-top: 0.1em;
	float: none;
	text-align: center;
}


	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 704px) {


.menuContact {
  display: block;
}

.nav-collapse .menuContact ul{
  margin-top: 1em;
}





	}

	

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 596px) {


/*__________________ Small Screen Scrollable CSS ____________________*/

.gallery {height: 200px;}
.scrollable li {margin:0 3px 0 0; height: 200px; width: auto;}
.scrollable li img {height: 200px; width: auto;}
a.browse {
    width:31px;
    height:31px;}

    /* right */
a.right {
	top:85px;
}

/* left */
a.left { 
	top:85px;
}

/*___________________ end Small Screen Scrollable CSS _____________________*/

	}


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

	.container {
	margin: 1em 5%;
	padding: 0;
	width: 90%;

}
h1 {
    margin-left: 0;
 
}
h3 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.8em;
}
/*p {
	width: 95%;
}*/

.button a {
	display: block;
	margin-right: 0;
}
.button a:first-of-type {
	margin-bottom: 1em;
}
.feature {
	font-size: 0.7em;
}

.feature .arrow {
	top: 0.6em;
}

.description .feature a:first-of-type {
	margin-bottom: 0;
}

.profileTitle {
	bottom: 0;
	left: 0;
	width: 300px;
}

.profileTitle h2{
	font-size: 2em;
}
.profileTitle p{
	font-size: 0.8em;
	line-height: 1em;
}

.photoCreditAll {
	font-size: 0.5em;
}


	}

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


h2 {
	font-size: 1.5em;
}



	}