/* fonts */
@font-face {
font-family: "BDSansBlack";
src: url("fonts/My Creative Land - Beautifully Delicious Sans Black.otf");
}
@font-face {
font-family: "BDSansBold";
src: url("fonts/My Creative Land - Beautifully Delicious Sans Bold.otf");
}
@font-face {
font-family: "BDSans";
src: url("fonts/My Creative Land - Beautifully Delicious Sans Regular.otf");
}
@font-face {
font-family: "BDSansScript";
src: url("fonts/BDScript-Regular.otf");
}
@font-face {
font-family: "AvenirBook";
src: url("fonts/Avenir-Book-01.ttf");
}
@font-face {
font-family: "AvenirHeavy";
src: url("fonts/Avenir-Heavy-05.ttf");
}

/* modal */
.modal-backdrop {
   background-color: #7a7862 !important;
}
ul.modalList {
  list-style-image: url('images/color/star_bullet.png');
  margin: 18px;
  padding-left: 0;
}
li.modalListItem {
	padding-left: 6px;
	line-height: 24px;
	vertical-align: middle;
  } 

/* overlay */
.image-wrap {
  display: inline-block;
  /* max-width: 100%; */
  position: relative;  
}
.image-wrap .overlay {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  color:white;
  opacity: 1;
  transition:opacity .5s ease;
}
.image-wrap:hover .overlay {
  opacity: 0;
}
.ovrcolor {
  background: rgba(255,255,255,0.7);
}
.ovrtext {
	padding-top: 90px;
	font-family: BDSansScript;
	font-size: 148px;
	color: #7a7862;
	}

/* text and heads */
p {
  font-family: "AvenirBook", sans-serif;
	color: #000000;
}
h1,h2,h3,h4,h5,h6 {
font-family: "BDSansBold";
}
p.colhd {
	font-family: BDSansBold ; 
	font-size: 18px; 
	text-transform: uppercase; 
	letter-spacing: 4px; 
	line-height: 120%;
	color: #000000;
}
p.colsub {
	font-family: BDSansBold; 
	font-size: 14px; 
	text-transform: uppercase; 
	letter-spacing: 4px;
	line-height: 100%;
	color: #000000;
}
p.coltxt {
	font-family: BDSans; 
	font-size: 14px; 
	text-transform: uppercase; 
	letter-spacing: 4px; 
	line-height: 100%;
	color: #000000;
}
p.quotetxt {
	font-family: BDSans; 
	font-size: 16px; 
	text-transform: uppercase; 
	letter-spacing: 2px; 
	line-height: 160%;
	color: #000000;
}
p.quotescript-hd {
	font-family: "BDSansScript"; 
	font-size: 168px;
	line-height: 50%;
	color: #000000;
	padding: 0;
}
p.quoteauth {
	font-family: BDSansBold; 
	font-size: 12px; 
	text-transform: uppercase; 
	letter-spacing: 2px;
	line-height: 80%;
	color: #000000;
}
p.quotetag {
	font-family: BDSans; 
	font-size: 10px; 
	text-transform: uppercase; 
	letter-spacing: 2px;
	margin-top: -6px;
	line-height: 80%;
	color: #000000;
}
p.script-hd {
	font-family: "BDSansScript"; 
	font-size: 168px;
	line-height: 50%;
	color: #7a7862;
	padding: 0;
}
p.script-hd-sm {
	font-family: "BDSansScript"; 
	font-size: 124px;
	line-height: 50%;
	color: #7a7862;
	padding: 0;
}
p.quotescript-pg {
	font-family: "BDSansScript"; 
	font-size: 124px;
	line-height: 50%;
	color: #000000;
	padding: 0;
}
p.quotescript {
	font-family: BDSansScript; 
	font-size: 54px; 
	line-height: 100%; 
	color: #000000;
	padding-top: 48px;
}
p.quotename {
	font-family: BDSans; 
	font-size: 12px; 
	text-transform: uppercase; 
	letter-spacing: 4px; 
	line-height: 90%;
	color: #000000;}
p.menu-hd {
	font-family: "BDSansBlack";
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 4px;
	padding: 0 0 24px 0;
	color: #000000;
	margin-left: 3px;
}
p.menu-lbl {
	font-family: "BDSansBold";
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 4px;
	line-height: 90%;
	color: #000000;
	margin-left: 2px;
}

/* rollover button */
.mylink {
    background:url('images/Styling_button.png') top left no-repeat;
    width: 120px;
    height: 240px;
    display: block;
    overflow: hidden;
}

.mylink:visited {
    background:url('images/Styling_button_activated.png') top left no-repeat;  
}
.btnroll {
	transition-duration: 0.4s;
	margin: auto;
	padding: 5px 0 3px 0;
	width: 160px !important;
	height: 32px !important;
	color: #ffffff;
	font-family: "BDSansBlack";
	font-size: 12px;
	letter-spacing: 3px;
	text-transform: uppercase;
	border: 1px solid #ffffff;
}
.btnroll:hover {
  background-color: #DDCEA1;
  color: #ffffff;
	text-decoration: none;
}

.btnroll2 {
	transition-duration: 0.4s;
	margin: auto;
	padding: 5px 0 3px 0;
	width: 160px !important;
	height: 32px !important;
	color: #000000;
	font-family: "BDSansBlack";
	font-size: 12px;
	letter-spacing: 3px;
	text-transform: uppercase;
	border: 1px solid #000000;
}
.btnroll2:hover {
  background-color: #DDCEA1;
  color: #ffffff;
	text-decoration: none;
}
.btnmenu {
	background: url("images/color/menu_btn.png") no-repeat;
	display: inline-block;
}
.btnmenu:hover {
	background: url("images/color/menu_btn_active.png") no-repeat;
}

/* footer */
body {
	min-height: 100%;
	margin-bottom: -300px;
}
div.foot {
	background-color: #877C79;
	padding-bottom: 40px;
	margin-bottom: 0;
}
p.cright {
	font-size: 12px;
	color: #ffffff;
}