html {
	height: 100%;
}

* {
	font-family: orator-std, monospace;
	font-size: 13px;
	line-height: 17px;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased !important;
}

.head {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	text-transform: none !important;
	line-height: 35px;
	padding: 0px;
}

.vertical {
	display: table-cell;
	vertical-align: top;
	padding-top: 300px;
	text-align: center;
	color: #151515 !important;
	font-family: minion-pro, serif;
	font-style: italic;
	line-height: 22px;

}

a:link,
a:visited,
a:active {
	font-size: 12px;
	font-style: italic;
	color: #fbf5f8 !important;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: solid #efefef 1px;
	cursor: pointer;
}

a:hover {
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	border-bottom: none;
}

.nolink {
	cursor: pointer; 
}

a.order:link,
a.order:visited,
a.order:active {
	color: #fbf5f8 !important;
	background-color: #171717;
	padding: 3px 13px 5px 12px;
}

a.little:link,
a.little:visited,
a.little:active {
	color: #dadada !important;
	background-color: #171717;
	padding: 0px 9px 3px 9px;
	border: none;
}

a.dark:link,
a.dark:visited,
a.dark:active {position: relative;
	color: #171717 !important;
	padding: 0px 0px 3px 0px;
	border: none;
	margin-right: 5px;
}

a.light:link,
a.light:visited,
a.light:active {position: relative;
	color: #efefef !important;
	padding: 0px 0px 3px 0px;
	border: none;
	margin-right: 5px;
}



a.mini:link,
a.mini:visited,
a.mini:active {
	color: #171717 !important;
	font-family: minion-pro, serif !important;
	padding: 0px 0px 1px 0px;

	margin-right: 3px !important;
}








.fa-circle {
	font-size: 5px;
	color: #606060;
}

.fa-volume-off,
.fa-volume-up, .fa-bullhorn {
	color: #707070;
	margin-top: 10px;
	font-size: 15px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.fa-instagram,
.fa-globe-americas {
	font-size: 12px;
	color: #606060;
	vertical-align: middle;
	margin-top: 0.5px;
}

.fa-redo,
.fa-arrow-left,
.fa-step-backward {
	font-size: 10px;
	color: #707070;
	vertical-align: middle;
	margin-bottom: 1px;
}

.fa-cloudscale {
	color: #707070;
	margin-top: 34px;
	margin-right: 18px;
	font-size: 20px;
}

.fa-chevron-circle-down {
	color: #fbf5f8;
	font-size: 35px;
}

li {
	font-family: minion-pro, serif;
	margin-bottom: 7px;
}

.buy,
#spinner,
.toggler {
	cursor: pointer;
}

.wtf span,
button {
	font-size: 10px !important;
}

.a-cell {
	border: solid #fbf5f8 20px;
	width: 25%;
	display: table-cell;
	margin-top: 0px;
	text-align: center;
	padding: 0px;
	padding-bottom: 15px;
	vertical-align: top;
}

.b-cell {
	width: 32%;
	display: table-cell;
	margin-top: 10px;
	text-align: center;
	vertical-align: top;
}

.a-img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-size: cover;
	background-position: center center;
}

.b-img {
	height: 200px;
	margin: 0 auto;
	background-position: center center;
	margin-top: 40px;
	vertical-align: top;
}

.a-name {
	margin: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	color: #252525;
	background-color: #ece5e8;
padding: 40px 35px 30px 45px;
	display: inline-block;
	transform: rotate(0deg);
}

.a-where {
	font-family: minion-pro, serif;
	font-style: italic;
	font-size: 14px;
	font-weight: 400;
	margin-top: 5px;
	margin-bottom: 13px;
	text-align: center;
}

.b-info {
	background-color: #fbf5f8;
	padding: 8px 15px 8px 15px;
	font-size: 12px;
	color: #252525;
	display: inline-block;
	transform: rotate(0deg);
	vertical-align: top;
	text-align: left;
}

.b-price {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 8px 15px 8px 0px;
	font-size: 12px;
	color: #dadada;
	display: inline-block;
	transform: rotate(0deg);
	width: 100%;
	text-align: center;
}

.b-price2 {
	font-family: minion-pro, serif;
	font-style: italic;
	font-size: 15px;
	color: #252525;
	display: block;
	padding-top: 8px;
	padding-left: 0px;
	padding-bottom: 15px;
}

.b-bullet {
	display: inline-block;
	width: 8px;
	padding-top: 6px;
	padding-right: 0px;
	vertical-align: top;
}

.b-text {
	margin-bottom: 10px;
	font-family: minion-pro, serif;
	font-style: italic;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
	display: inline-block;
	width: calc(100% - 20px);
}

.a-bio {
	font-family: orator-std, monospace;
	font-style: normal;
	font-size: 10px;
	font-weight: 400;
	text-align: left;
	margin-top: 13px;
	text-align: center;
	text-align: justify;
	text-justify: inter-word;
}

.a-bio .dark {
	font-size: 10px !important;
}

.a-row {
	width: 100%;
	margin: 0 auto;
	display: table;
	border-spacing: 0px;
	border-collapse: separate;
}

.m-left {
	float: left;
	padding-top: 37px;
	font-size: 12px;
	padding-left: 33px;
	font-style: italic;
	text-transform: uppercase;
	text-align: left;
	line-height: 18px;
}

.m-nav {
	text-align: center;
	padding-top: 8px;
	cursor: pointer;

}

.m-under {
	margin-top: 30px;
}

.top-s {
	background-color: #fbf5f8;
	height: 100px;
	width: 100%;
	position: fixed;
	z-index: 1000;
}

.d-arrow {
	color: #ffffff;
	font-family: minion-pro, serif;
	font-style: italic;
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
	margin: 0 auto;
	margin-bottom: 0px;
	padding: 70px 60px 10% 60px;
	font-size: 30px;
	line-height: 22px;
	width: 100%;
	transform: rotate(0deg);
}

.all-text {
	margin-bottom: 50px;
	font-size: 13px;
	line-height: 20px;
	padding-top: 30px;
	margin: 0 auto;
	display: block;
	min-height: calc(100% - 150px);
	text-align: justify;
	color: #171717;
	width: calc(100% - 400px);

}

.all-text-h {
	font-family: minion-pro, serif;
	font-weight: 600;
	font-style: italic;
	font-size: 15px;
	color: #454545;
	text-align: center;
	padding-bottom: 25px;
	letter-spacing: 0.5px;
	margin-top: 50px;
}

#t-title {
	visibility: hidden;
}

#tabs {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 0px; display: none;
}

.tab_content {
	display: none;
	width: 400px;
}

#i-first {
	color: #efefef !important;
	font-family: minion-pro, serif !important;
	font-style: italic;
	font-size: 15px;
	line-height: 21px;
	text-align: left;
	margin-bottom: 7px; margin-left: 15px;
}

#tabs .dark {
	font-size: 9px;
	padding-right: 0px;
}





.credit {width: 100%; display: block; text-align: right; padding-left: 10px; padding-right: 20px; padding-bottom: 1px; font-size: 8px;}




#m1, #m2, #m3, #m4, .mini {position: relative;}


.mini:before {content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #171717;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);

}

.mini:hover:before {
  visibility: hidden;
  background-color: transparent;

  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}




#m1:before, #m2:before, #m3:before, #m4:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #171717;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
} 


#m1:hover:before, #m2:hover:before, #m3:hover:before, #m4:hover:before, .mini:hover:before, #m1.nav-tab-active:before, #m2.nav-tab-active:before, #m3.nav-tab-active:before, #m4.nav-tab-active:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


.nolink .fa-anchor {font-size: 18px !important; color: #fbf5f8 !important;}
.anch {display: block; margin-top: 60px;}







.stretch {
    width:300px;
    text-align:justify; margin-bottom: 10px; font-size: 12px;
}


.orphan {

    text-align:justify; text-justify: inter-word; padding-bottom: 0px;
}

.stretch:after, .orphan:after {
    content: "";
    display: inline-block;
    width: 100%;
    height:0;
    font-size:0;
    line-height: 0;
    background:red; /* to show it has no dimensions */
}














.eb1 {
  transform: scaleZ(1, -1) translateZ(0, 0px);
  animation-name: short-eq;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-iteration-count: 0;
animation-iteration-count: infinite;
}

.eb2 {
  transform: scaleZ(1, -1) translateZ(0, 0px);
  animation-name: tall-eq;
  animation-duration: 1s;
  animation-delay: 0.17s;
  animation-iteration-count: 0;
animation-iteration-count: infinite;
}

.eb3 {
  transform: scaleZ(1, -1) translateZ(0, 0px);
  animation-name: short-eq;
  animation-duration: 1s;
  animation-delay: 0.34s;
  animation-iteration-count: 0;
animation-iteration-count: infinite;
}

@keyframes short-eq {
  0% {
    height: 8px
  }

  50% {
    height: 4px
  }

  100% {
    height: 8px
  }
}

@keyframes tall-eq {
  0% {
    height: 12px
  }

  50% {
    height: 6px
  }

  100% {
    height: 12px
  }
}



.vertical-in {text-align: justify; width: 60%; margin: 0 auto;
  text-justify: inter-word; font-style: normal; font-size: 12px; line-height: 20px; display: inline-block; transform: rotate(0deg); background: rgba(239, 239, 239, 0.5); color: #000000; padding: 35px 60px 40px 60px; margin-top: 100px;}


.rotating-panels {
  height: 420px;
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #ececec;
}
.rotating-panels .panel {
  height: 420px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}
.rotating-panels .panel.active {
  width: auto;
  left:0;
}
.next {
  position: absolute;
  bottom: 20px;
  right: 20px;
  cursor: pointer; background-color: white; color: black;
}





input.set { display:none; }

#slide1:checked ~ .mask .overflow { margin-left:0; }
#slide2:checked ~ .mask .overflow { margin-left:-100%; }
#slide3:checked ~ .mask .overflow { margin-left:-200%; }
#slide4:checked ~ .mask .overflow { margin-left:-300%; }
#slide5:checked ~ .mask .overflow { margin-left:0; }
#slide6:checked ~ .mask .overflow { margin-left:-100%; }

#slides, #slides1 { margin:0px auto; width:100%; position:relative; }

#slides .mask, #slides1 .mask { width:100%; overflow:hidden; margin:auto; }

#slides .overflow { width:400%; -webkit-transform:translateZ(0); -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; }



#slides1 .overflow { width:400%; -webkit-transform:translateZ(0); -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; }



#slides .slide, #slides1 .slide { width:25%; height:auto; line-height:200px; float:left; background:#fff; }

#controls, #controls1 { width:100%; }

#controls label, #controls1 label { display:none; padding: 10px 15px 10px 15px; opacity:0.7; position:absolute; top:54%; margin-top:-30px; cursor:pointer; background:#efefef;}


#slide1:checked ~ #controls label:nth-child(2), #slide2:checked ~ #controls label:nth-child(3), #slide3:checked ~ #controls label:nth-child(4) { right:0; display:block; }

#slide2:checked ~ #controls label:nth-child(1), #slide3:checked ~ #controls label:nth-child(2), #slide4:checked ~ #controls label:nth-child(3) { left:0; display:block; }


#slide5:checked ~ #controls1 label:nth-child(2){ right:0; display:block; }

#slide6:checked ~ #controls1 label:nth-child(1){ left:0; display:block; }





.index {background-image: url(mooncup.jpg); background-size: 12%; background-position: center 20%;}






#emailFrom, #emailTo, #message, #subject {border: solid #151515 1px;}




.boxes {width: 40%; text-align: justify; font-style: normal;}