#cookiepop { display:none; }

html,body{
	width:100%;
	height:100%!important;
	font-size:12px;
}

img {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.slide-navigation .img-ref {
  position:absolute;
  top:12px;
  left:12px;
}

a.hover_link {
	color:#669ACC;
}

.page-loading-screen {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#fff;
	z-index:600;
	display:none;
}

.loading {
	width:200px;
	height:20px;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-100px;
	margin-top:-10px;
	z-index:700;
	background:transparent;
	display:none;
}
.loading .loadingtext {
	margin-top:10px;
	width:200px;
	height:20px;
	position:absolute;
	z-index:200;
	text-align:center;
	color:#000;
	background:transparent;
	letter-spacing: 4px;
}
.loadingbar {
	height:3px;
	position:absolute;
	left:0;
	width:0px;
	background:#669ACC;
	z-index:600;
}

.slide-navigation {
	position:fixed;
	width:100%;
	height:30px;
	bottom:0;
	z-index:600;
	background-image:url(../img/background-white.png);
	background-size:100% 100%;
}

.slide-navigation .nav-wrapper {
	position:relative;
	width:100%;
}

.slide-navigation .nav-wrapper .nav-spacer {
	width:100%;
	clear:both;
	height:37px;
}


.slide-navigation .nav-wrapper .up-down {
	position:absolute;
	width:54px;
	left:50%;
}

.slide-navigation .nav-wrapper .up-down a {
	position:absolute;
	top:0;
	display:block;
	height:25px;
	width:25px;
	cursor:pointer;
}
.slide-navigation .nav-wrapper .up-down .go-up-slide {
	background-image:url(../img/scroll-up-blue.png);
	background-size:100% 100%;
	left:0;
}
.slide-navigation .nav-wrapper .up-down .go-down-slide {
	background-image:url(../img/scroll-down-blue.png);
	background-size:100% 100%;
	right:0;
}

/* SLIDE NAVIGATION SOCIAL LINKS */

.slide-navigation .social-icons {
	position:absolute;
	right:5%;
	top:6px;
}

.slide-navigation .social-icons .social-icon {
	display:block;
	height:27px;
	width:27px;
	float:right;
}
.slide-navigation .social-icons .social-icon.pinterest {
	margin:0 3px;
}

.slide-navigation .social-icons .social-icon.facebook { background:url(../img/facebook-icon-blk-miuk.html); background-size:100% 100%; }
.slide-navigation .social-icons .social-icon.pinterest { background:url(../img/pinterest-icon-blk-miuk.html); background-size:100% 100%; }
.slide-navigation .social-icons .social-icon.twitter { background:url(../img/twitter-icon-blk-miuk.html); background-size:100% 100%; }

.goto-slide {
	float:left;
	width:14.166%;
	padding-top:4px;
	border-top:5px solid #ccc;
	cursor:pointer;
	color:#BBB;
}

#goto2 { width:16.66%; }
#goto3 { width:15.833%; }
#goto4 { width:15.833%; }
#goto5 { width:12.5%; }
#goto6 { width:12.5%; }
#goto7 { width:12.5%; }

.goto-slide.active {
	color:#000;
}

.goto-slide p {
	text-transform:uppercase;
	font-size:0.9em;
	text-align:center;
	-webkit-font-smoothing:subpixel-antialiased;
	font-smoothing:subpixel-antialiased;	
}

.goto-slide h2 {
	text-transform:uppercase;
	font-size:1em;
	text-align:center;
	-webkit-font-smoothing:subpixel-antialiased;
	font-smoothing:subpixel-antialiased;
	letter-spacing:1px;
}

.slide {
	width:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
	height:auto;
	position:relative;
	clear:both;

}

.slide h4 {
	letter-spacing:0.2em;
	font-weight:normal;
	text-align:center;
}

.slide .text p {
	line-height: 1.5em;
font-size: 1.2em;
	
}

.text {
}

.text h1,
.text h2,
.text h3,
.text p {
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;	
}

.text h1.trans {
	opacity:0.7;
}

.footer-container {
	display:none;
}

@keyframes fading { from {opacity: 0.5;} to {opacity: 1;} }
@-moz-keyframes fading { from {opacity: 0.5;} to {opacity: 1;} }
@-webkit-keyframes fading { from {opacity: 0.5;} to {opacity: 1;} }
@-o-keyframes fading { from {opacity: 0.5;} to {opacity: 1;} }

.next-slide {
	width:56px;
	height:56px;
	background-image:url(../img/scroll.html);
	position:absolute;
	left:50%;
	margin-left:-28px;
	margin-top:20px;
	z-index:600;
	opacity:0;
	
	animation: fading 0.65s linear 1s infinite alternate;
	-moz-animation: fading 0.65s linear 1s infinite alternate;
	-webkit-animation: fading 0.65s linear 1s infinite alternate;
	-o-animation: fading 0.65s linear 1s infinite alternate;
}


/**************/
#text1 {
	text-align:center;
	color:#000;
	height:auto;
	width:auto;
	padding:50px 40px;
	position:relative;
}
#text1 h1 {
	text-transform:uppercase;
	letter-spacing:5px;
	line-height:1.5em;
}
#text1 h4 {
	text-transform:uppercase;
	letter-spacing:5px;
	line-height:1.5em;
	font-weight:100;
}

/**************/
#slide1 {
	background-image:url(../img/01.jpg);
	background-position:0% 0%;
	background-color:#ffffff;
	background-size:100% auto;
	
}
#slide1 img#josiah {
	display:none;
}



#text2 {
	text-align:center;
	color:#000;
	height:auto;
	width:40%;
	position:relative;
	padding:250px 5% 0px 10%;
	font-size:14px;
}

.mark{font-family: 'bergamot_ornamentsregular'; text-align:center; font-size:2em;}
#text2 img#signature {
	width:70%;
	position:relative;
	margin-bottom:30px;
}
#text2 h4 {
	text-align:center;
	position:relative;
	text-transform:uppercase;
	margin-bottom:1.3em;
		font-size:1.2em;
}

#text2 p {
	font-size:1em;
	margin-bottom:1em;
	letter-spacing:0.1em;
}

/**************/
#slide2 {
	height:100%;
	
}

#slide2 #gallery {
	margin-top:1px;
	width:100%;
	vertical-align:bottom;
	position:relative;

}
#text3 {
	text-align:center;
	height:auto;
	width:35%;
	position:absolute;
	padding:3em 3em;
	margin:5em;
	opacity: 1;
	/*background-image:url(../img/transparent-bg.png);*/
}
#text3 h4 {
	position:relative;
	text-transform:uppercase;
	margin-bottom:1.5em;
}





/**************/
#slide3 {
	height:100%;
	
}

#slide3 #royal {
	margin-top:1px;
	width:100%;
	vertical-align:bottom;
	position:relative;
}


#text4 {
    background-image: url("../img/transparent-bg.png");
	color:#000;
    height: auto;
    margin: 5em;
    padding:3em;
    position: absolute;
    right: 0;
    text-align: center;
    width: 32%;
}
/*#text4 {
	text-align:center;
	color:#000;
	height:auto;
	width:35%;
	position:absolute;
	padding:6em 3em 6em 3em;
	margin:36em;
	right:0;
	background-image:url(../img/transparent-bg.png);
	font-size:14px;
	font-family: 'libre_baskervilleregular';
}*/
#text4 h4 {
	position:relative;
	text-transform:uppercase;
	margin-bottom:1.3em;
		font-size:1.2em;
}
}

#text4 p {
	font-size:14px;
	line-height:1.7em;
	margin-bottom:1em;
	letter-spacing:0.1em;

}



/**************/
/*#slide4 {
	height:100%;
	background-color:#fff;
}

#slide4 #jasper {
	max-height:80%;
	max-width:90%;
	top:10%;
	right:5%;
	vertical-align:bottom;
	position:absolute;
}
#text5 {
	text-align:left;
	color:#000;
	height:auto;
	width:35%;
	position:absolute;
	padding:0 3em;
	margin:0 5em;
	background-image:url(../img/transparent-bg.png);
}
#text5 h4 {
	position:relative;
	text-transform:uppercase;
	margin-bottom:1.5em;
}

#text5 p {
	line-height:2em;
	margin-bottom:1.5em;
}
*/
#slide4 {
	height:100%;
	
}
#slide4 #jasper {
	margin-top:0px;
	width:100%;
	vertical-align:bottom;
	position:relative;
}
#text5 {
	text-align:center;
	color:#000;
	height:auto;
	width:20%;
	position:absolute;
	padding:3em 3em;
	margin:5em;
	background-image:url(../img/transparent-bg.png);
}
#text5 h4 {
	position:relative;
	text-transform:uppercase;
	margin-bottom:1.5em;
}


/**************/
#slide5 {
	height:100%;
	
}

#slide5 #craftsmanship {
	margin-top:0px;
	width:100%;
	vertical-align:bottom;
	position:relative;
}
#text6 {
	text-align:center;
	color:#000;
	height:auto;
	width:30%;
	position:absolute;
	padding:3em 3em;
	margin:5em;
	right:0;
	background-image:url(../img/transparent-bg.png);
}



/**************/
#slide6 {
	height:100%;
	
}
#slide6 #art {
	margin-top:0px;
	width:100%;
	vertical-align:bottom;
	position:relative;
}
#text7 {
	text-align:center;
	color:#000;
	height:auto;
	width:35%;
	position:absolute;
	padding:3em 3em;
	margin:5em;
	/*background-image:url(../img/transparent-bg.png);*/
}
#text7 h4 {
	/*position:relative;
	text-transform:uppercase;
	margin-bottom:1.5em;*/
}


/**************/
#slide7 {
	height:100%;
	background-color:#000;
}
#slide7 #today {
	margin-top:50px;
	width:100%;
	vertical-align:bottom;
	position:relative;
}
#text8 {
	text-align:left;
	color:#000;
	height:auto;
	width:35%;
	position:absolute;
	padding:3em 3em;
	margin:5em;
	right:0;
	background-image:url(../img/transparent-bg.png);
}
#text8 h4 {
	position:relative;
	text-transform:uppercase;
	margin-bottom:1.5em;
}
#text8 p {
	line-height:2em;
	margin-bottom:1.5em;
}










/**************/
#lastSlide {
	width:100%;
	height:100%;
}
#lastSlide .slide_wrapper {
	width:100%;
	height:100%;
	margin:0%;
	padding-bottom:100px;
	overflow-y:hidden;
	overflow-x:auto;
}

#lastSlide .slide_inner {
	white-space:nowrap;
	white-space-collapse:collapse;
}
#lastSlide .history {
	display:inline-block;	
    *display: inline;
    zoom: 1;
	top:0;
	vertical-align:top;
}
#lastSlide .history.single {
	width:17%;
	margin:0% 4%;
}
#lastSlide .history.double {
	width:40%;
	margin:0% 5%;
}

#lastSlide h1 {
	text-align:center;
	margin-top:30px;
}

#lastSlide .underline {
	border-bottom:1px solid #000;
	width:50px;
	margin:0 auto;
	margin-bottom:30px;
}

#lastSlide .historyimage {
	width:100%;
	margin-bottom:30px;
}
#lastSlide .text {
	height:auto;
	white-space:normal;
}
#lastSlide .text p {
	text-align:center;
}


#lastSlide .slide-button {
	height:100%;
	width:2%;
	margin:0 0.5%;
	position:absolute;
	cursor:pointer;
	z-index:500;
}
#lastSlide #slide-left {
	background:url(../img/slide-left.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center 30%;
	left:0;
}
#lastSlide #slide-left:hover {
	background:url(../img/slide-left-hover.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center 30%;
}
#lastSlide #slide-right {
	background:url(../img/slide-right.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center 30%;
	right:0;
}
#lastSlide #slide-right:hover {
	background:url(../img/slide-right-hover.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center 30%;
}

#lastSlide .swipe {
	width:300px;
	margin-left:-150px;
	position:absolute;
	bottom:0;
	left:50%;
	z-index:500;
	padding:20px 0;
	
	/*animation: swipe_fading 1s linear 0s infinite alternate;
	-moz-animation: swipe_fading 1s linear 0s infinite alternate;
	-webkit-animation: swipe_fading 1s linear 0s infinite alternate;
	-o-animation: swipe_fading 1s linear 0s infinite alternate;*/
}
#lastSlide .swipe p {
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:1.2em;
}

#swipe-label {
	display:none;
}


@keyframes swipe_fading { from {opacity: 0.3;} to {opacity: 1;} }
@-moz-keyframes swipe_fading { from {opacity: 0.3;} to {opacity: 1;} }
@-webkit-keyframes swipe_fading { from {opacity: 0.3;} to {opacity: 1;} }
@-o-keyframes swipe_fading { from {opacity: 0.3;} to {opacity: 1;} }


/* NON-TOUCH */
.non-touch-slide {
	background-color:#FFF !important;
	height:auto !important;
	position:relative !important;
	top:auto !important;
	left:auto !important;
}
	
.non-touch-text {
	top:0 !important;
	text-align: center !important;
	color: #000 !important;
	height: auto !important;
	width: 80% !important;
	position: relative !important;
	padding: 0 !important;
	margin: 5em 10% !important;
	background-image:none !important;
}
	
.non-touch-image {
	margin-top: 0 !important;
}
	
.non-touch-jasper {
	display:block !important;
	max-height:none !important;
	width: 90% !important;
	max-width:500px !important;
	top:auto !important;
	right:auto !important;
	margin:0 auto !important;
	position: relative !important;
}
	

#slide2 .non-touch-slide
	{
		background-color:#dadada;
	}

	#slide3 .non-touch-slide
	{
			background-color:#e9e9e9;
	}
	#slide4 .non-touch-slide
	{
			background-color:#e9e9e9;	
	}
	#slide5 .non-touch-slide
	{
			background-color:#e9e9e9;
	}

/**************/
/**************/

@media screen and (max-width: 1200px) {
	.slide-navigation .nav-wrapper {
		position:relative;
		width:100%;
	}
	.goto-slide {
		padding-top:4px;
	}
	.goto-slide p {
		font-size:0.9em;
	}
	.goto-slide h2 {
		font-size:0.9em;
	}
	
	
	#lastSlide .history.single {
		width:25.33%;
		margin:0% 4%;
	}
	#lastSlide .history.double {
		width:56.66%;
		margin:0% 5%;
	}
	#lastSlide .history#blanker {
		display:none;
	}
}

@media screen and (max-width: 1100px) {	
	.slide-navigation {
		display:none;
	}
	
	.next-slide {
		display:none;
	}


	#slide1 {
		background-image:none;
	}
	#slide1 img#josiah {
		display:inline;
		width:100%;
	}
	#text2 {
		text-align:center;
		color:#fff;
		height:auto;
		width:90%;
		position:relative;

		
	}
	#text2 img#signature {
		width:50%;
		position:relative;
		margin-bottom:30px;
	}
	#text2 h2 {
		line-height: 1.5em;
		font-size: 1.5em;
	}
	
	.pin-spacer {
		display:none !important;
	}

	.footer-container {
		display:block;
	}
	
	#slide2,
	#slide3,
	#slide4,
	#slide5,
	#slide6,
	#slide7 {
		height:auto;
		position:relative !important;
		top:auto !important;
		left:auto !important;
	}
	
	#slide2
	{
		background-color:#dadada;
	}
	#slide3,#slide4,#slide5
	{
			background-color:#e9e9e9;
	}

	#text3,
	#text4,
	#text5,
	#text6,
	#text7,
	#text8 {
		top:0 !important;
		text-align: center;
		color: #000;
		height: auto;
		width: 80%;
		position: relative;
		padding: 0;
		margin: 5em 10%;
		background-image:none;
	}
	
	#slide2 #gallery,
	#slide3 #royal,
	#slide4 #jasper,
	#slide5 #craftsmanship,
	#slide6 #art,
	#slide7 #today {
		margin-top: 0;
	}
	
/*	#slide4 #jasper {
		display:block;
		max-height:none;
		width: 90%;
		max-width:500px;
		top:auto;
		right:auto;
		margin:0 auto;
		position: relative;
	}*/
	
	
	
	

	#lastSlide .history.single {
		width:32%;
		margin:0% 4%;
	}
	#lastSlide .history.double {
		width:69%;
		margin:0% 5%;
	}

	#lastSlide #slide-left {
		display:none;
	}
	#lastSlide #slide-right {
		display:none;
	}
	#lastSlide .history#blanker {
		display:inline-block;
	}
}

@media screen and (max-width: 400px) {
	#text1 {
		padding:30px 10px !important;
	}
	#text1 h1 {
		font-size:2.3em;
	}
	#lastSlide h1 {
		font-size:2.1em !important;
	}
	#lastSlide .text p {
		font-size: 1.2em;
	}
}