/* GLOBAL STYLES ////////////////////////////////////////////////////////////////////////////////////////////////*/
/*@font-face {
    font-family: 'bg_bold';
    src: url('../fonts/brandon_bld-webfont.woff2') format('woff2'),
         url('../fonts/brandon_bld-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bg_regular';
    src: url('../fonts/brandon_reg-webfont.woff2') format('woff2'),
         url('../fonts/brandon_reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bg_bold_italic';
    src: url('../fonts/brandon_bld_it-webfont.woff2') format('woff2'),
         url('../fonts/brandon_bld_it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/


@font-face {
    font-family: 'bg_bold';
    src: url('../fonts/Avenir-Heavy.woff2') format('woff2'),
         url('../fonts/Avenir-Heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bg_regular';
    src: url('../fonts/Avenir-Roman.woff2') format('woff2'),
         url('../fonts/Avenir-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bg_bold_italic';
    src: url('../fonts/Avenir-HeavyOblique.woff2') format('woff2'),
         url('../fonts/Avenir-HeavyOblique.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mrse_bold';
    src: url('../fonts/mrseavesboldbold-webfont.woff2') format('woff2'),
         url('../fonts/mrseavesboldbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mrse_roman';
    src: url('../fonts/mrseavesroman-webfont.woff2') format('woff2'),
         url('../fonts/mrseavesroman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mrse_italic';
    src: url('../fonts/mrseavesitalic-webfont.woff2') format('woff2'),
         url('../fonts/mrseavesitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mrse_roman_lig';
    src: url('../fonts/mrseavesjustligregular-webfont.woff2') format('woff2'),
         url('../fonts/mrseavesjustligregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
	position:relative;
	/*background-attachment:fixed;
	background-size:cover;
	background-position:center center;*/
}

#book #secondEdition{
	color: #3a362d;
}

.onlineRetailers{
	list-style: circle inside;
}

.onlineRetailerDetails a{
	color: #3a362d;
	text-decoration: underline;
	-webkit-transition: color 500ms;
	-moz-transition: color 500ms;
	-ms-transition: color 500ms;
	-o-transition: color 500ms;
	transition: color 500ms;
}

.divider{
	background-color: #3a362d;
	margin-left: auto;
	margin-right: auto;
	height: 2px;
	width: 40px;
	margin-bottom: 40px;
}

#backgroundImageHolder{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100vh;
	background-size:cover;
	background-position:center center;
	
	-webkit-transition: opacity 1000ms 500ms;
	-moz-transition: opacity 1000ms 500ms;
	-ms-transition: opacity 1000ms 500ms;
	-o-transition: opacity 1000ms 500ms;
	transition: opacity 1000ms 500ms;
}

a{
	text-decoration:none;
}

header{
	position:fixed;
	width:100%;
	z-index:1;
}

footer{
	/*clear:both;*/
	/*background-color:#ccc;*/
	background-size:100%;
	background-position:center bottom;
	background-repeat:no-repeat;
	
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.25);
	box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.25);
}

#headerContent{
	background-color:rgba(255,255,255,.9);
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
}

#identity{
	float:left;
}

#identity .cls-1{
	fill:#3a362d;
}

#main a{
	font-family: 'bg_bold';
	color:#3a362d;
	border-bottom: 4px solid rgba(255,255,255,0);
	-webkit-transition: color 500ms;
	-moz-transition: color 500ms;
	-ms-transition: color 500ms;
	-o-transition: color 500ms;
	transition: color 500ms;
	
}



#main a.currentSection{
	border-bottom: 4px solid #3a362d;
	-webkit-transition: border-bottom 500ms, color 500ms;
	-moz-transition: border-bottom 500ms, color 500ms;
	-ms-transition: border-bottom 500ms, color 500ms;
	-o-transition: border-bottom 500ms, color 500ms;
	transition: border-bottom 500ms, color 500ms;
}



#feature{
	position:relative;
	
	-webkit-box-shadow: inset 0px -1px 2px -2px rgba(255,0,0,0.25);
	-moz-box-shadow: inset 0px -1px 2px -2px rgba(255,0,0,0.25);
	box-shadow: inset 0px -2px 2px -2px rgba(0,0,0,0.25);
}

#featureContentHolder{
	position:absolute;
	left:50%;
	background-size:100%;
	background-repeat:no-repeat;
}

#feature a{
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family: 'bg_bold';
	color:#3a362d;
	background-color:rgba(255,255,255,0);
	
	-webkit-transition: background-color 500ms, color 500ms, -webkit-box-shadow 500ms ;
	-moz-transition: background-color 500ms, color 500ms, -moz-box-shadow 500ms ;
	-ms-transition: background-color 500ms, color 500ms, -ms-box-shadow 500ms ;
	-o-transition: background-color 500ms, color 500ms, -o-box-shadow 500ms ;
	transition: background-color 500ms, color 500ms, box-shadow 500ms ;
	
	-webkit-box-shadow: inset 0px 0px 0px 4px #3a362d;
	-moz-box-shadow: inset 0px 0px 0px 4px #3a362d;
	box-shadow: inset 0px 0px 0px 4px #3a362d;
}



#book{
	background-color:rgba(255,255,255,.667);
	
}

#bookHeading{
	margin-left:auto;
	margin-right:auto;
}

#bookHeading .cls-1{
	fill:#3a362d;
}

#book h1{
	font-family: 'mrse_roman';
	margin-left:auto;
	margin-right:auto;
	color:#3a362d;
}

#book h1 span{
	font-family: 'mrse_italic';
}

#book p, #book h6, #book li{
	font-family: 'mrse_roman';
	color:#3a362d;
}

.details, .onlineRetailerDetails{
	margin-left:auto;
	margin-right:auto;
}

#book p span{
	font-family: 'mrse_italic';
}

#book .button{
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family: 'bg_bold';
	color:#3a362d;
	background-color:rgba(255,255,255,0);
	
	-webkit-transition: background-color 500ms, color 500ms, -webkit-box-shadow 500ms ;
	-moz-transition: background-color 500ms, color 500ms, -moz-box-shadow 500ms ;
	-ms-transition: background-color 500ms, color 500ms, -ms-box-shadow 500ms ;
	-o-transition: background-color 500ms, color 500ms, -o-box-shadow 500ms ;
	transition: background-color 500ms, color 500ms, box-shadow 500ms ;
	
	-webkit-box-shadow: inset 0px 0px 0px 4px #3a362d;
	-moz-box-shadow: inset 0px 0px 0px 4px #3a362d;
	box-shadow: inset 0px 0px 0px 4px #3a362d;
}

.buttonHolder{
	margin-left:auto;
	margin-right:auto;
	display: flex;
}

.linkButton{
	display: block;
	/*border: 1px #3a362d solid;
	border-radius: 8px;*/
	position: relative;
	width:33.33%;
	padding-top:33.33%;
}

.linkButton svg{
	position: absolute;
	width:100%;
	top:0%;
	left:0%;
} 

.buttonHolder span{
	font-family: 'bg_bold';
	text-align: center;
	color:#3a362d;
	display: block;
	align-self: center;
	width:33.33%;
}

.linkButton .st1{
	fill:#3a362d;
	-webkit-transition: fill 250ms ;
	-moz-transition: fill 250ms ;
	-ms-transition: fill 250ms ;
	-o-transition: fill 250ms ;
	transition: fill 250ms ;
}

#gallery{
	position:relative;
	background-color:rgba(255,255,255,1);
}

#heros{
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	
	
}

.slide{
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	height:100%;
	display:none;
	background-size:50%;
	background-position:right top;
	background-repeat:no-repeat;
	
	-webkit-box-shadow: inset 0px 1px 2px -1px rgba(0,0,0,0.25), inset 0px -2px 2px -2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 1px 2px -1px rgba(0,0,0,0.25), inset 0px -2px 2px -2px rgba(0,0,0,0.25);
	box-shadow: inset 0px 1px 2px -1px rgba(0,0,0,0.25), inset 0px -2px 2px -2px rgba(0,0,0,0.25);
}

.slide p{
	position:absolute;
	font-family: 'mrse_roman';
	color:#3a362d;
}

#hero{
	position:absolute;
	bottom:0px;
	left:50%;
}

#hero .circleButton{
	display:block;
	background-color:#3a362d;
	float:left;
	position:relative;
	top:50%;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-transition: background-color 500ms;
	-moz-transition: background-color 500ms;
	-ms-transition: background-color 500ms;
	-o-transition: background-color 500ms;
	transition: background-color 500ms;
}



#hero .circleButton.currentButton{
	background-color:#60c2e0;
}
	  
.prevNext{
	display:block;
	
	position:relative;
	top:50%;
}

.prevNext .cls-1{
	fill: #3a362d;
	
	-webkit-transition: fill 500ms;
	-moz-transition: fill 500ms;
	-ms-transition: fill 500ms;
	-o-transition: fill 500ms;
	transition: fill 500ms;
}
	
#prev{
	float:left;
}

#next{
	float:right;
}

#inspirationHeading{
	margin-left:auto;
	margin-right:auto;
}

#inspirationHeading .cls-1{
	fill:#3a362d;
}

#inspiration p{
	font-family: 'mrse_roman';
	color:#3a362d;
}

#inspiration p span{
	font-family: 'mrse_italic';
}

#artist{
	background-color:rgba(255,255,255,.667);
}

#artistHeading{
	margin-left:auto;
	margin-right:auto;
}

#artistHeading .cls-1{
	fill:#3a362d;
}

/*#artist h2{
	font-family: 'mrse_roman';
	color:#3a362d;
}*/

#artist p{
	font-family: 'mrse_roman';
	color:#3a362d;
}

#laurel{
	background-image:url(../images/Laurel.jpg);
	background-size:100%;
	background-position:center;
}

footer .container{
	position:relative;
}

footer p{
	font-family: 'mrse_roman';
	color:#fff;
}

footer h6{
	font-family: 'bg_bold_italic';
	text-align:center;
	color:#fff;
	position:absolute;
	width:100%;
}

#contactHolder{
	/*float:right;*/
	position:absolute;
}

#copyright{
	/*float:left;*/
	position:absolute;
}

#contactHolder a{
	display:block;
}



#contactHolder a .cls-1{
	fill:rgba(255,255,255,0);
}

#contactHolder a .cls-2{
	fill:#fff;
	-webkit-transition: fill 500ms;
	-moz-transition: fill 500ms;
	-ms-transition: fill 500ms;
	-o-transition: fill 500ms;
	transition: fill 500ms;
}

#overlay{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	background-color:rgba(58,54,45,.95);
	/*background-color:rgba(0,0,0,.9);*/
	width:100%;
	height:100vh;
}

#overlayContentHolder{
	position:absolute;
	left:50%;
	/*top:50%;*/
	opacity:0;
}

#close{
	position:absolute;
	display:block;
	background-color:#fff;
	
	-webkit-transition: background-color 500ms;
	-moz-transition: background-color 500ms;
	-ms-transition: background-color 500ms;
	-o-transition: background-color 500ms;
	transition: background-color 500ms;
}


#close .cls-1{
	fill:#3a362d;
	
	-webkit-transition: fill 500ms;
	-moz-transition: fill 500ms;
	-ms-transition: fill 500ms;
	-o-transition: fill 500ms;
	transition: fill 500ms;
}



#overlay h1{
	font-family: 'bg_bold';
	color:#fff;
}

#overlay h1 span{
	font-family: 'bg_bold_italic';
}

#kickstarter{
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family: 'bg_bold';
	color:#fff;
	background-color:rgba(255,255,255,0);
	
	-webkit-transition: background-color 500ms, color 500ms, -webkit-box-shadow 500ms ;
	-moz-transition: background-color 500ms, color 500ms, -moz-box-shadow 500ms ;
	-ms-transition: background-color 500ms, color 500ms, -ms-box-shadow 500ms ;
	-o-transition: background-color 500ms, color 500ms, -o-box-shadow 500ms ;
	transition: background-color 500ms, color 500ms, box-shadow 500ms ;
	
	-webkit-box-shadow: inset 0px 0px 0px 4px #fff;
	-moz-box-shadow: inset 0px 0px 0px 4px #fff;
	box-shadow: inset 0px 0px 0px 4px #fff;
}

#overlay p{
	font-family: 'bg_regular';
	color:#fff;
}

.siteWrapper{
	position:relative;
	opacity:1;
	
	-webkit-transition: opacity 1000ms 1000ms;
	-moz-transition: opacity 1000ms 1000ms;
	-ms-transition: opacity 1000ms 1000ms;
	-o-transition: opacity 1000ms 1000ms;
	transition: opacity 1000ms 1000ms;
}

.butterfly{
	z-index:2;
	
	-webkit-filter: drop-shadow(0px 60px 60px rgba(0,0,0,.5));
    filter: drop-shadow(0px 60px 60px rgba(0,0,0,.5)); 
	
	-webkit-transform: translatey(0px) scale(1, 1);
	-moz-transform: translatey(0px) scale(1, 1);
	transform: translatey(0px) scale(1, 1);
	
	-webkit-transition: opacity 1000ms 1500ms;
	-moz-transition: opacity 1000ms 1500ms;
	-ms-transition: opacity 1000ms 1500ms;
	-o-transition: opacity 1000ms 1500ms;
	transition: opacity 1000ms 1500ms;
}

.moveUpRight{
	
}

.moveUpLeft{
	
}

.moveDownLeft{
	
}

.moveDownRight{
	
}

.lig{
	font-family: 'mrse_roman_lig';
}

.hidden{
	opacity:0;
}

.container{
	margin-left:auto;
	margin-right:auto;
}

.container-10{
	margin-left:auto;
	margin-right:auto;
}

.clearfix:after {
   content: "";
   display: table;
   clear: both;
}
.noScroll{
	overflow:hidden;
	/*position:fixed;*/
}

#loading{
	position:fixed;
	top:50%;
	left:0%;
	width:100%;
	text-align:center;
	font-family: 'bg_bold';
	letter-spacing:1px;
	font-size:16px;
	margin-top:-8px;
	color:#3a362d;
}

.pulse{
	-webkit-animation: pulse 2s infinite;
	-moz-animation: pulse 2s infinite;
	-ms-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
	
}

@-webkit-keyframes pulse {
  0% {
		opacity:1;
	}
	50% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@-moz-keyframes pulse {
  0% {
		opacity:1;
	}
	50% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@-ms-keyframes pulse {
	0% {
		opacity:1;
	}
	50% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@keyframes pulse {
	0% {
		opacity:1;
	}
	50% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}