@import url('https://fonts.googleapis.com/css?family=Parisienne|Roboto+Condensed');
/*******
font-family: 'Parisienne', cursive;
font-family: 'Roboto Condensed', sans-serif;
*******/

*, *::before, *::after {
  box-sizing: border-box;
}

/* -- HTML TAGS --*/
html { }
html, body { height:100%; width:100%; min-height:100%; padding:0px; margin:0px; }

body { font-family: 'Roboto Condensed', sans-serif; font-size:18px !important; color:#444; position:relative; }

a { color:#877864;}
a:hover, a:active, a:focus { color:#726554; }

p { line-height:1.5em; }
h1 { text-transform:uppercase; color:#666666; font-size:1.8em; line-height:1em; font-family:'Roboto Condensed', sans-serif; font-weight:normal; }
h1 span { font-size:1.3em;}

h2 { text-transform:uppercase; font-size:1.5em; font-family:'Roboto Condensed', sans-serif; font-weight:normal;}
h3 { text-transform:uppercase; font-size:1.3em;}
h4 { text-transform:uppercase; font-size:1.2em;}

ul.spaced li { margin-bottom:0.8em; }
ul.spaced li:last-child { margin-bottom:0;}


ol.letters, ol.numbers, ol.roman {
	counter-reset:list;
	margin:0;
	}
ol.letters > li, ol.numbers > li, ol.roman > li {
	list-style:none;
	position:relative;
	}
ol.letters > li:before, ol.numbers > li:before, ol.roman > li:before {
	counter-increment:list;
	position: absolute;
	left: -1.4em;
	}
ol.letters > li:before {
	content: counter(list, lower-alpha) ") ";
	}
ol.numbers > li:before {
	content: counter(list, decimal) ") ";
	}
ol.roman > li:before {
	content: counter(list, lower-roman) ") ";
	}

/* -- PAGE FLEXBOX LAYOUT --*/
.page-container {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
	}
.page-container main {
	flex-grow: 1;
	}

.page-container header, .page-container main, .page-container footer {
	flex-shrink: 0;
	}

/* -- MISC --*/
.devWarning { font-size:0.8em; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; background-color:#FFFFCC; color:#ff0000; padding:3px; border-bottom:2px solid #ff0000; 
	position:fixed; top:0; left:0; width:100%; z-index:10000; opacity:1;
	}
.nojsWarning { border:1px solid #cc0000; background-color:#FFE1E1; color:#cc0000; padding:12px; margin-top:10px; margin-bottom:10px; }
.upperCase { text-transform:uppercase; }
.nowrap { white-space: nowrap; }
.noTopMargin { margin-top:0px; }
.noBottomMargin { margin-bottom:0px; }
.addTopMargin {margin-top:2em;}
.addBottomMargin {margin-bottom:2em;}
.addBottomMarginSmall {margin-bottom:1em;}

.text-bold { font-weight:bold; }
.text-normal { font-weight:normal; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }

.text-highlight { color:#326b9b; }
.text-highlight2 { color:#1da7e0; }

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
	} 
.clearfix:after {
	clear: both;
	}
.clearfix {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
	}

.container {
	width:95%;
	max-width:1100px;
	margin:0 auto;
	}
.container.addBottomPadding { padding-bottom:2em; }
.container.addTopBottomPadding { padding-top:4em; padding-bottom:4em; }

/**** COLUMNS ****/
.row{
	position:relative; width:100%;
	/*border:1px solid green;*/
	}

.row.addBottomMargin {
	margin-bottom:1em;
	}

.row.vAlignC { align-items: center; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	width:100%;
	min-width:3em;
	position:relative;
	/*border:1px solid red;*/
	}

.row.addPadding .col-1, 
.row.addPadding .col-2, 
.row.addPadding .col-3, 
.row.addPadding .col-4, 
.row.addPadding .col-5, 
.row.addPadding .col-6, 
.row.addPadding .col-7, 
.row.addPadding .col-8, 
.row.addPadding .col-9, 
.row.addPadding .col-10, 
.row.addPadding .col-11, 
.row.addPadding .col-12 {
	padding:1em;
	}
	
@media (min-width:768px) {

	.row { 
		display:flex;
		align-items:stretch;
		flex-wrap:wrap;
		}
	
	.col-1 { width:8.333333333333333%; }
	.col-2 { width:16.66666666666667%; }
	.col-3 { width:25%; }
	.col-4 { width:33.33333333333333%; }
	.col-5 { width:41.66666666666667%; }
	.col-6 { width:50%; }
	.col-7 { width:58.33333333333333%; }
	.col-8 { width:66.66666666666666%; }
	.col-9 { width:75%; }
	.col-10 { width:83.33333333333333%; }
	.col-11 { width:91.66666666666666%; }
	.col-12 { width:100%; }
	
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {

		}
	
	.addPaddingH .col-1, .addPaddingH .col-2, .addPaddingH .col-3, .addPaddingH .col-4, .addPaddingH .col-5, .addPaddingH .col-6, .addPaddingH .col-7, .addPaddingH .col-8, .addPaddingH .col-9, .addPaddingH .col-10, .addPaddingH .col-11, .addPaddingH .col-12 {
		padding-right:1em;
		}
	
	.addPaddingH .col-1:last-child, .addPaddingH .col-2:last-child, .addPaddingH .col-3:last-child, .addPaddingH .col-4:last-child, .addPaddingH .col-5:last-child, .addPaddingH .col-6:last-child, .addPaddingH .col-7:last-child, .addPaddingH .col-8:last-child, .addPaddingH .col-9:last-child, .addPaddingH .col-10:last-child, .addPaddingH .col-11:last-child, .addPaddingH .col-12:last-child {
		padding-right:0;
		}
	}


/**********
NAVIGATION Menu
***********/
header { margin:0; padding:1em; position:relative; background-color:#64594a; text-align:center; color:#FFF; }

.logo { font-size:1.4em; color:#FFF; line-height:2em; margin:0; padding:0; width:150px; height:43px; /*border:1px solid red;*/ }
a.logo { color:#FFF; text-decoration:none; }


nav {
	position:absolute; z-index:500;
	text-align:left;
	top:100%;
	left:0;
	background-color:#64594a;
	width:100%;
	border-top:1px solid rgba(255,255,255, 0.2);
	transform: scale(1, 0);
	transform-origin: top;
	transition: transform 300ms ease-in-out;
	}
nav.open {
	transform: scale(1, 1); 
	}

.nav-toggle {
	position:absolute;
	left:1em;
	top:50%;
	transform:translateY(-50%);
	cursor: pointer;
	}
.nav-toggle .bar1, .nav-toggle .bar2, .nav-toggle .bar3 {
	width: 35px;
	height: 4px;
	background-color: #fff;
	margin: 5px 0;
	transition: 0.4s;
	}
.nav-toggle.open .bar1 {
	-webkit-transform: rotate(-45deg) translate(-7px, 6px);
	transform: rotate(-45deg) translate(-7px, 6x);
	}
.nav-toggle.open .bar2 {opacity: 0;}
.nav-toggle.open .bar3 {
	-webkit-transform: rotate(45deg) translate(-7px, -6px);
	transform: rotate(45deg) translate(-7px, -6px);
	}

nav ul {
	margin:0;
	padding:0;
	list-style:none;
	}

nav ul li{
	margin:0; text-transform:uppercase;
	border-bottom:1px dotted rgba(255,255,255, 0.1);
	}

/*
nav ul li:last-child {
	border-bottom:none;
	}
*/
	
nav ul li a{
	color:#FFF;
	text-decoration:none;
	padding:0.8em 1.6em;
	display:block;
	}

nav ul li.active a { color:#bbbbbb; }
nav ul li.active a:hover { color:#fdb813;}

nav ul li a:hover{
	background-color:transparent; color:#fdb813;
	}
	
nav ul li ul li{
	margin-top:-0.8em;
	border-bottom:none;
	}

nav ul li ul li a{
	padding-left:3em;
	}

@media screen and (min-width:500px) and (max-width:1024px) {
	.logo { width:250px; height:72px; }
	}


@media screen and (min-width:1025px) {
	
	header{ display:flex; align-items:center; flex-direction:row; }
	
	.nav-toggle { display:none; }
	.logo { line-height:1em; width:330px; height:95px; }
	
	.nav-right {
		flex-grow:1; 
		justify-content:flex-end;
		}

	nav { 
		flex-grow:1;
		justify-content: flex-end;
		position:relative;
		width:auto;

		transition: none;
		transform: scale(1,1);
		background: none;
		/*transform:translateY(-50%);*/
		display: flex; 
		border-top:none;
		}
		
	nav ul {display: flex; }

	nav ul li{
		border:none; /*border:1px solid yellow;*/
		}
	nav ul li a{
		padding:0.5em 0.5em; margin:0 0.5em/*border:1px solid green;*/
		}

	nav ul li.active a { border-bottom:0px solid #bbbbbb; }
		
	nav ul li a:hover{
		background-color:transparent;
		}

	nav ul li ul{
		display:flex;
		flex-direction: column;
		position:absolute;
		margin-left:0.5em;
		border-top:2px solid rgba(255,255,255, 0.1);
		background-color:#64594a;
		transform: scale(1, 0);
		transform-origin: top;
		transition: transform 200ms ease-in-out;
		}
		
	nav ul li ul li{
		border-bottom:1px dotted rgba(255,255,255, 0.1);
		margin:0; 
		}
		
	nav ul li ul li a{
		padding:0.5em 1.5em 0.5em 1em; margin-left:0; margin-right:0; 
		}
	nav ul li ul li a:hover{
		background-color:transparent;
		}
		
	nav ul li:hover ul {
		transform: scale(1, 1);
		}	
	}

/**** SECTIONS ****/
.section-pad { padding:3em 0; }

.section-head-image {
	width:100%; height:300px; position:relative; 
    background-image:url("../images/backgrounds/1600x800-008.jpg?v=1");
	background-position:center -100px; 
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
	}
.section-head-image.pic002 { background-image:url("../images/backgrounds/1600x800-06.jpg?v=1"); background-position:center center; }

	
.section-white { background-color:#FFF; width:100%; position:relative; }
.section-grey { background-color:rgba(242,242,242,1); width:100%; position:relative; }
.section-beige { background-color:rgba(192,177,157, 1); width:100%; position:relative; }

.content-valign-center { display:flex; flex-direction:column; align-items:center; justify-content:center; }
.content-valign-center.tall { min-height:600px; }

.content-valign-center h1 { font-size:2.8em; line-height:1em; color:#FFF; text-shadow:2px 2px 2px #444; text-align:center;  }
.content-valign-center h1 span { display:block; font-size:0.8em;  }




.block-grid { width:100%; margin:0.1em 0 0 0; }

.block-grid .block-lg, .block-grid .block-md, .block-grid .block-sm { 
	width:100%; background-color:#c0b19d; margin:0.2em; padding:1em; font-size:1em; color:#FFF; min-height:15em;
	display:flex; align-items:center; flex-direction:column; justify-content:center; text-align:center;
	background-position:center center; 
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
	}

.block-grid .block-lg.ltGrey, .block-grid .block-md.ltGrey, .block-grid .block-sm.ltGrey { background-color:#e2e2e2; color:#444; }


.block-grid  .order1 { order:1; }
.block-grid  .order2 { order:2; }

.block-grid .photo-about-001 { background-image:url("../images/background-photos/1400x700-about-001.jpg"); }
.block-grid .photo-about-002 { background-image:url("../images/background-photos/1400x700-about-002.jpg?v=3"); background-position:left center;  }
.block-grid .photo-accommodation-001 { background-image:url("../images/background-photos/1400x700-accommodation-001.jpg"); }
.block-grid .photo-accommodation-002 { background-image:url("../images/background-photos/1400x700-accommodation-002.jpg"); }
.block-grid .photo-archery-001 { background-image:url("../images/background-photos/1400x700-archery-001.jpg"); }
.block-grid .photo-campfire-001 { background-image:url("../images/background-photos/1400x700-campfire-001.jpg"); }
.block-grid .photo-contact-001 { background-image:url("../images/background-photos/1400x700-contact-001.jpg"); }
.block-grid .photo-cycling-001 { background-image:url("../images/background-photos/1400x700-cycling-001.jpg"); }
.block-grid .photo-cycling-002 { background-image:url("../images/background-photos/1400x700-cycling-002.jpg"); }
.block-grid .photo-equestrian-001 { background-image:url("../images/background-photos/1400x700-equestrian-001.jpg"); }
.block-grid .photo-equestrian-002 { background-image:url("../images/background-photos/1400x700-equestrian-002.jpg"); }
.block-grid .photo-equestrian-003 { background-image:url("../images/background-photos/1400x700-equestrian-003.jpg"); }
.block-grid .photo-hike-001 { background-image:url("../images/background-photos/1400x700-hike-001.jpg"); }
.block-grid .photo-shooting-001 { background-image:url("../images/background-photos/1400x700-shooting-001.jpg"); }
.block-grid .photo-shooting-002 { background-image:url("../images/background-photos/1400x700-shooting-002.jpg"); }
.block-grid .photo-showjumping-001 { background-image:url("../images/background-photos/1400x700-showjumping-001.jpg"); }
.block-grid .photo-suffolk-001 { background-image:url("../images/background-photos/1400x700-suffolk-001.jpg"); }
.block-grid .photo-suffolk-002 { background-image:url("../images/background-photos/1400x700-suffolk-002.jpg"); }
.block-grid .photo-suffolk-003 { background-image:url("../images/background-photos/1400x700-suffolk-003.jpg"); }
.block-grid .photo-wellness-001 { background-image:url("../images/background-photos/1400x700-wellness-001.jpg"); }
.block-grid .photo-wellness-002 { background-image:url("../images/background-photos/1400x700-wellness-002.jpg"); }
.block-grid .photo-wellness-003 { background-image:url("../images/background-photos/1400x700-wellness-003.jpg"); }
.block-grid .photo-wellness-004 { background-image:url("../images/background-photos/1400x700-wellness-004.jpg"); }

.block-grid .block-lg.photo-accommodation-001 { background-position:center top; }

.block-grid .block-sm p {  }
.block-grid a.info-link { color:#FFF; font-weight:bold; }
.block-grid a.info-link:hover { color:#877864; }

.block-grid h1, .block-grid h2, .block-grid h3, .block-grid h4, .block-grid h5, .block-grid h6
	{ color:#FFF; margin:0;}

.block-grid .ltGrey h1,.block-grid .ltGrey h2, .block-grid .ltGrey h3, .block-grid .ltGrey h4, .block-grid .ltGrey h5, .block-grid .ltGrey h6 { color:#444; }
.block-grid .ltGrey a { color:#444; }
.block-grid .ltGrey a:hover { color:#877864; }

/*.block-grid .block-sm h1 { margin:0; color:#FFF; }*/

.block-grid .photo-text { padding:1.4em 1.8em; /*background-color:rgba(192,177,157, 0.5);*/ background-color:rgba(100,89,74, 0.5); }
.block-grid .photo-text h1 { color:#FFF; margin:0; font-size:2.2em; }

.block-grid .quote { justify-content:flex-end; align-items:flex-end;}

@media screen and (min-width:768px) {
	.block-grid { display:flex; align-items:stretch; min-height:20em; }

	.block-grid .block-lg { width:100%; }
	.block-grid .block-md { width:66.67%; }
	.block-grid .block-sm { width:33.33%; }

	.block-grid .block-md p { max-width:20em; }
	.block-grid .block-sm p { max-width:20em; }
	}

@media screen and (min-width:1199px) {
	.block-grid { min-height:30em; }
	}

.block-grid.noMinHeight { min-height:auto; }
.block-grid.noMinHeight .block-lg, .block-grid.noMinHeight .block-md, .block-grid.noMinHeight .block-sm { padding:2em 1em;}


.section-grid { padding:0.1em 0.2em 0.2em; 0.2em;}

.contact-box { padding:0.6em 0.6em 0.6em 0.6em; border-left:3px solid #64594a; background-color:#c0b19d; margin-bottom:1em; color:#FFF;  }
.contact-box { padding:0em 0.6em 0em 0.6em; background-color:transparent; color:#444;  }
.contact-box.nopad { padding:0m; }
.contact-box h3 { margin:0 0 0.4em 0;  }
.contact-box .contact-row { display:flex; align-items:stretch; }
.contact-box .contact-row .icon { width:1.4em; text-align:center; margin-right:0.5em; }
.contact-box .contact-row .info { flex-grow:1; }


/* -- FOOTER ------------------------------------------------------------*/
footer { padding:2em 0 2em 0; color:#FFF; background-color:#64594a; margin-top:0px; }
footer a, footer a:hover, footer a:active, footer a:focus { color:#FFF; }

footer .foot_title {font-size:1.4em; font-family: 'Abel', sans-serif; text-transform:uppercase; border-bottom:2px solid #696969; }
footer .foot_cont {margin-left:5px; margin-top:5px; margin-bottom:20px; }
footer .foot_copyright {font-size:0.8em; border-top:1px solid #337AB7; text-align:center; padding-top:0px; }
.foot_copyrightFull { padding:0px 0px; font-size:0.8em; text-align:center; }

ul.foot_nav { list-style:none; margin:0px; padding:0px; margin-bottom:1.5em; }
ul.foot_nav li { list-style:none; display:inline-block; padding:0 1em; margin:0; line-height:1em; border-right:1px solid #FFF; }
ul.foot_nav li:last-child { border:none; }

/* -- FORMS --*/
fieldset { border:none; margin:0 0 0.8em 0; padding:0; }
label { display:block; }
label.pointer { cursor:pointer; }

textarea, select, input, button { outline: none; font-size:1em; font-family: 'Abel', sans-serif; }
input:not([type=checkbox]):not([type=radio]), select, textarea {
	width:100%; border:1px solid #64594a; padding:0.6em 0.6em; color:#444;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	}
	
input[readonly] { cursor:default; background-color:#f2f2f2; color:#326b9b !important; }
	
@media screen and (min-width:800px) {
.form-inline fieldset { width:100%; display:flex; align-items:center; }
.form-inline fieldset label { width:30%; }
.form-inline fieldset label.full { width:100%; }
}

.button { display:inline-block; text-transform:uppercase; font-size:1em; padding:0.6em 1.6em; border:none;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	cursor:pointer;
	}

.btn-default { background-color:#c0b19d !important; color:#FFFFFF; text-decoration:none; }
.btn-default:hover { background-color:#b5a794 !important; color:#FFFFFF !important; text-decoration:none; }

.btn-goBack { background-color:#d9534f; color:#FFFFFF; text-decoration:none; }
.btn-goBack:hover { background-color:#e46b68; color:#FFFFFF; text-decoration:none; }

.btn-processing { background-color:#c7c7c7; color:#939393; }
.btn-large { font-size:1.4em; }
.btn-vlarge { font-size:1.8em; }
.btn-invAmt { font-size:2em; margin-right:0.2em; color:#1da7e0; cursor:pointer;}


.input-group { display:flex; flex-direction:row; align-items:stretch; align-content:stretch; }
.input-group input { flex-grow:1; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important;}
.input-group .input-group-prepend, .input-group .input-group-append { display:flex; justify-content:center; flex-direction:column; text-align:center; background-color:#ccc; padding-left:0.5em; padding-right:0.5em;}
.input-group .input-group-prepend {
	-webkit-border-top-left-radius: 0.4em;
	-webkit-border-bottom-left-radius: 0.4em;
	-moz-border-radius-topleft: 0.4em;
	-moz-border-radius-bottomleft: 0.4em;
	border-top-left-radius: 0.4em;
	border-bottom-left-radius: 0.4em;
	}
.input-group .input-group-append {
	-webkit-border-top-right-radius: 0.4em;
	-webkit-border-bottom-right-radius: 0.4em;
	-moz-border-radius-topright: 0.4em;
	-moz-border-radius-bottomright: 0.4em;
	border-top-right-radius: 0.4em;
	border-bottom-right-radius: 0.4em;
	}
.inline-items { width:100%; display:flex; align-items:center; flex-direction:row; }
.inline-items .grow { flex-grow:1; }

.form-container {
	width:100%; height:100%; position:relative; padding:1em 1em;
	}

.inline-fields { width:100%; display:flex; align-items:flex-start; flex-direction:row; }
.inline-fields textarea, .inline-fields select, .inline-fields input, .inline-fields button { margin-left:0.4em; margin-right:0.4em; margin-bottom:0;}
.inline-fields textarea:first-child, .inline-fields select:first-child, .inline-fields input:first-child, .inline-fields button:first-child { margin-left:0; }
.inline-fields textarea:last-child, .inline-fields select:last-child, .inline-fields input:last-child, .inline-fields button:last-child { margin-right:0; }


fieldset.has-error textarea, fieldset.has-error select, fieldset.has-error input { background-color:#ffdfdf; border-color:#cc0000 !important; }


.form-error-text { font-size:0.8em; color:#cc0000; }

.form-error-container {
	background-color:#ffdfdf; border:0px solid #cc0000; color:#cc0000; font-size:0.9em; padding:1.2em; margin-bottom:1em;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	}
.form-error-container h4 { font-size:1.1em; margin:0; }
.form-error-container .error-content { padding:0.6em 0.6em;}
.form-error-container ul { margin:0; }
.form-error-container p { margin:0; }


.form-success { background-color:#f2f2f2; padding:1em 1em; margin-bottom:1em; 
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	}
.form-success a { text-decoration:none; }

.form-thankyou { 
	background-color:#000000; background-color:rgba(0,0,0,0.8);  padding:3em 3em; width:100%; height:100%; margin:3em 3em; position:relative; color:#FFF;
	}


/* -- OTHER --*/
ul.large-facts { margin-left:1.9em; font-size:1em; }

.display-filesize { font-size:0.8em; }

.featureBoxes { display:block; margin-top:4.2em;}
.featureBox { background-color:#FFF; margin:0 1em 4em 1em; padding:1em; text-align:center; position:relative; color:#444;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	}
.featureBox h2 { margin:2em 1em 0.6em 1em;   }
.featureBox .fa-cont { position:absolute; z-index:2; width:100%; margin-left:-1em; margin-top:-4.4em; }
.featureBox .fa-cont .icon {  display:inline-block; background-color:#fff; width:2.3em; height:2.3em; padding-top:0.5em; font-size:3em; line-height:1em; color:#c0b19d;
	text-align:center; overflow:hidden; border:7px solid #e2e2e2;
	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	border-radius: 1.6em;
	}

@media(min-width:768px) {
	.featureBoxes { display:flex; align-items:stretch; flex-direction:row; margin-top:4.8em;}
	.featureBox { width:33.33%; margin:0 1em 0 1em; }

	.featureBox:first-child { margin-left:0; }
	.featureBox:last-child { margin-right:0; }
	}



/**** BLOCK QUOTES ****/
blockquote { 
	position:relative; text-align:justify; border:0; /*background-color:rgba(100,89,74,0.2);*/ background-color:rgba(0,0,0,0.6); padding:1em 1em;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	/*transform: rotate(-4deg);*/
	margin:0.6em 2em 0 2em;
	font-family: "Times New Roman", Times, serif;
	font-size:1em;
	quotes: '\201c' '\201d';
	}
.block-grid .quote blockquote { max-width:20em; margin:1.2em 1.6em 1.2em 1.6em; }

blockquote .author {
	font-weight:bold; font-style:italic; font-size:0.8em; margin-top:0.5em; text-align:right;
	}

blockquote .author span{
display:inline-block; height:2px; width:2em; background-color:#FFF; margin:0 0 0.25em 0;
}

blockquote:before {
	position: absolute;
	content: open-quote;
	font-family: serif;
	font-size: 4em; line-height:1em;
	margin-left: -0.55em;
	margin-top: -0.5em;
	color:rgba(255,255,255,0.8);
	}
blockquote:after {
	position: absolute;
	content: close-quote;
	font-family: serif;
	font-size: 4em; line-height:1em;
	bottom:0; right:0;
	margin-right: -0.3em;
	margin-bottom: -0.68em;
	color:rgba(255,255,255,0.8);
	}
blockquote p {
	display: inline;
	}

blockquote:first-child { margin-top:0em; }



/**** MODAL ****/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 600; /* Sit on top */
  padding-top: 5em; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #FFF; font-size:1em;
  margin: auto;
  padding: 0;
  border: 0px solid #f2f2f2;
  width: 95%; max-width:1100px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.modal .closeModal { 
	color: #FFF;
	font-size: 50px; line-height:1em;
	font-weight: bold;
	position:absolute;
	z-index:110;
	right:0.3em;
	top:0.1em;
	}

.modal .closeModal:hover,
.modal .closeModal:focus {
	color: #cccccc;
	text-decoration: none;
	cursor: pointer;
	}

.modal-header {
	display:none;
	}

.modal-body {padding:0; position:relative;}

.modal-footer {
	display:none;
	}

.modal-content.small {
	max-width:600px;
	}

/***** MISC ******/
.hide { display:none; }