@charset "UTF-8";
/* CSS Document */

body {
	background-color: #D9D4CB;
}
.navbar .navbar-nav {
    display: inline-block;
    float: none;
}
.navbar .navbar-collapse {
    text-align: center;
}
footer {
	background-color: #D9D4CB;
}
h3 {
	text-align: center;
	font-family: 'Nobile', sans-serif;
	font-size: 2vw;
}
h1 {
	font-family: 'Tangerine', cursive;
	font-size: 63px;
	border-bottom: 2px solid #B0E9C2;
	display: inline-block;
	line-height: 35px;
}
.Button_Exit {
	margin: 10px;
}
.Nav_Products {
	height: 430px;
	overflow: scroll;
	text-overflow: ellipsis;
	border-right: 1px solid #3e3e3e;
	margin: 10px 0px;
}
/*Essential START */
#Essential_Banner {
	position: relative;
	display: inline-block;
}
#Essential_Overlay {
	position: absolute;
	left: 20px;
	top: 0px;
	text-align: center;
	width: 40vw;
	height: 95%;
	color: transparent;
	transition: ease 1.5s;
}
#Essential_Overlay_Title {
	font-family: 'Nobile', sans-serif;
	font-weight: 700;
	font-size-adjust: auto;
	position: relative;
	top: 0px;
	background-color: transparent;
	color: transparent;
	height: 60%;
	padding-top: 17%;
	transition: ease 1.5s;
}
#Essential_Wrapper:hover > #Essential_Overlay,
#Essential_Wrapper:focus > #Essential_Overlay,
#Essential_Wrapper:active > #Essential_Overlay {
	background-color: rgba(242, 243, 244, 0.8);
	transition: ease 1.5s;
}
#Essential_Wrapper:hover > #Essential_Overlay #Essential_Overlay_Title,
#Essential_Wrapper:focus > #Essential_Overlay #Essential_Overlay_Title,
#Essential_Wrapper:active > #Essential_Overlay #Essential_Overlay_Title {
	color: #3e3e3e;
	transition: ease 1.5s;
}
#Essential_Wrapper:hover > #Essential_Overlay #Essential_Button,
#Essential_Wrapper:focus > #Essential_Overlay #Esential_Button,
#Essential_Wrapper:active > #Essential_Overlay #Essential_Button {
	border: solid 1px #3e3e3e;
	color: #3e3e3e;
	transition: ease 2s;
}
#Essential_Button:hover,
#Essential_Button:focus,
#Essential_Button:active {
	background-color: rgba(62,62,62,0.2);
	transition: ease 0.5s;
}
#Essential_Button {
	font-family: 'Nobile', sans-serif;
	font-weight: 500;
	font-size-adjust: auto;
	position: relative;
	top: 0px;
	border: solid 1px transparent;
	background-color: transparent;
	color: transparent;
	transition: ease 1.5s;
}
#Essential_Block {
	height: 450px;
	background-color: white;
	margin-top: -5px;
}
/*Essential END */
/* Active Pureness START */
#Active_Pureness_Banner {
	position: relative;
	display: inline-block;
}
#Active_Pureness_Overlay {
	position: absolute;
	left: 20px;
	top: 0px;
	text-align: center;
	width: 40vw;
	height: 95%;
	color: transparent;
	transition: ease 1.5s;
}
#Active_Pureness_Overlay_Title {
	font-family: 'Nobile', sans-serif;
	font-weight: 700;
	font-size-adjust: auto;
	position: relative;
	top: 0px;
	background-color: transparent;
	color: transparent;
	height: 60%;
	padding-top: 17%;
	transition: ease 1.5s;
}
#Active_Pureness_Wrapper:hover > #Active_Pureness_Overlay,
#Active_Pureness_Wrapper:focus > #Active_Pureness_Overlay,
#Active_Pureness_Wrapper:active > #Active_Pureness_Overlay {
	background-color: rgba(225,231,238,0.8);
	transition: ease 1.5s;
}
#Active_Pureness_Wrapper:hover > #Active_Pureness_Overlay #Active_Pureness_Overlay_Title,
#Active_Pureness_Wrapper:focus > #Active_Pureness_Overlay #Active_Pureness_Overlay_Title,
#Active_Pureness_Wrapper:active > #Active_Pureness_Overlay #Active_Pureness_Overlay_Title {
	color: black;
	transition: ease 1.5s;
}
#Active_Pureness_Wrapper:hover > #Active_Pureness_Overlay #Active_Pureness_Button,
#Active_Pureness_Wrapper:focus > #Active_Pureness_Overlay #Active_Pureness_Button,
#Active_Pureness_Wrapper:active > #Active_Pureness_Overlay #Active_Pureness_Button {
	border: solid 1px #3e3e3e;
	color: #3e3e3e;
	transition: ease 2s;
}
#Active_Pureness_Button:hover,
#Active_Pureness_Button:focus,
#Active_Pureness_Button:active {
	background-color: rgba(62,62,62,0.2);
	transition: ease 0.5s;
}
#Active_Pureness_Button {
	font-family: 'Nobile', sans-serif;
	font-weight: 500;
	font-size-adjust: auto;
	position: relative;
	top: 0px;
	border: solid 1px transparent;
	background-color: transparent;
	color: transparent;
	transition: ease 1.5s;
}
#Active_Pureness_Block {
	height: 450px;
	background-color: white;
	margin-top: -5px;
}
/* Active Pureness END */
/* Hydramemory START */
#Hydramemory_Banner {
	position: relative;
	display: inline-block;
}
#Hydramemory_Overlay {
	position: absolute;
	left: 20px;
	top: 0px;
	text-align: center;
	width: 40vw;
	height: 95%;
	color: transparent;
	transition: ease 1.5s;
}
#Hydramemory_Wrapper {
}
#Hydramemory_Overlay_Title {
	font-family: 'Nobile', sans-serif;
	font-weight: 700;
	font-size-adjust: auto;
	position: relative;
	top: 0px;
	background-color: transparent;
	color: transparent;
	height: 60%;
	padding-top: 17%;
	transition: ease 1.5s;
}
#Hydramemory_Wrapper:hover > #Hydramemory_Overlay,
#Hydramemory_Wrapper:focus > #Hydramemory_Overlay,
#Hydramemory_Wrapper:active > #Hydramemory_Overlay {
	background-color: rgba(155,175,196,0.8);
	transition: ease 1.5s;
}
#Hydramemory_Wrapper:hover > #Hydramemory_Overlay #Hydramemory_Overlay_Title,
#Hydramemory_Wrapper:focus > #Hydramemory_Overlay #Hydramemory_Overlay_Title,
#Hydramemory_Wrapper:active > #Hydramemory_Overlay #Hydramemory_Overlay_Title {
	color: black;
	transition: ease 1.5s;
}
#Hydramemory_Wrapper:hover > #Hydramemory_Overlay #Hydramemory_Button,
#Hydramemory_Wrapper:focus > #Hydramemory_Overlay #Hydramemory_Button,
#Hydramemory_Wrapper:active > #Hydramemory_Overlay #Hydramemory_Button {
	border: solid 1px #3e3e3e;
	color: #3e3e3e;
	transition: ease 2s;
}
#Hydramemory_Button:hover,
#Hydramemory_Button:focus,
#Hydramemory_Button:active {
	background-color: rgba(62,62,62,0.2);
	transition: ease 0.5s;
}
#Hydramemory_Button {
	font-family: 'Nobile', sans-serif;
	font-weight: 500;
	font-size-adjust: auto;
	position: relative;
	top: 0px;
	border: solid 1px transparent;
	background-color: transparent;
	color: transparent;
	transition: ease 1.5s;
}
#Hydramemory_Block {
	height: 450px;
	background-color: white;
	margin-top: -5px;
}
/* Hydramemory END */
/* Renight START */
#Renight_Banner {
	position: relative;
	display: inline-block;
}
#Renight_Overlay {
	position: absolute;
	left: 20px;
	top: 0px;
	text-align: center;
	width: 40vw;
	height: 95%;
	color: transparent;
	transition: ease 1.5s;
}
#Renight_Wrapper {
}
#Renight_Overlay_Title {
	font-family: 'Nobile', sans-serif;
	font-weight: 700;
	font-size-adjust: auto;
	position: relative;
	top: 0px;
	background-color: transparent;
	color: transparent;
	height: 60%;
	padding-top: 17%;
	transition: ease 1.5s;
}
#Renight_Wrapper:hover > #Renight_Overlay,
#Renight_Wrapper:focus > #Renight_Overlay,
#Renight_Wrapper:active > #Renight_Overlay {
	background-color: rgba(80,114,134,0.8);
	transition: ease 1.5s;
}
#Renight_Wrapper:hover > #Renight_Overlay #Renight_Overlay_Title,
#Renight_Wrapper:focus > #Renight_Overlay #Renight_Overlay_Title,
#Renight_Wrapper:active > #Renight_Overlay #Renight_Overlay_Title {
	color: black;
	transition: ease 1.5s;
}
#Renight_Wrapper:hover > #Renight_Overlay #Renight_Button,
#Renight_Wrapper:focus > #Renight_Overlay #Renight_Button,
#Renight_Wrapper:active > #Renight_Overlay #Renight_Button {
	border: solid 1px #3e3e3e;
	color: #3e3e3e;
	transition: ease 2s;
}
#Renight_Button:hover,
#Renight_Button:focus,
#Renight_Button:active {
	background-color: rgba(62,62,62,0.2);
	transition: ease 0.5s;
}
#Renight_Button {
	font-family: 'Nobile', sans-serif;
	font-weight: 500;
	font-size-adjust: auto;
	position: relative;
	top: 0px;
	border: solid 1px transparent;
	background-color: transparent;
	color: transparent;
	transition: ease 1.5s;
}
#Renight_Block {
	height: 450px;
	background-color: white;
	margin-top: -5px;
}
/* Renight END */
/* Sublime Skin START */
#Sublime_Skin_Banner {
	position: relative;
	display: inline-block;
}
#Sublime_Skin_Overlay {
	position: absolute;
	left: 20px;
	top: 0px;
	text-align: center;
	width: 40vw;
	height: 95%;
	color: transparent;
	transition: ease 1.5s;
}
#Sublime_Skin_Wrapper {
}
#Sublime_Skin_Overlay_Title {
	font-family: 'Nobile', sans-serif;
	font-weight: 700;
	font-size-adjust: auto;
	position: relative;
	top: 0px;
	background-color: transparent;
	color: transparent;
	height: 60%;
	padding-top: 17%;
	transition: ease 1.5s;
}
#Sublime_Skin_Wrapper:hover > #Sublime_Skin_Overlay,
#Sublime_Skin_Wrapper:focus > #Sublime_Skin_Overlay,
#Sublime_Skin_Wrapper:active > #Sublime_Skin_Overlay {
	background-color: rgba(196,211,221,0.8);
	transition: ease 1.5s;
}
#Sublime_Skin_Wrapper:hover > #Sublime_Skin_Overlay #Sublime_Skin_Overlay_Title,
#Sublime_Skin_Wrapper:focus > #Sublime_Skin_Overlay #Sublime_Skin_Overlay_Title,
#Sublime_Skin_Wrapper:active > #Sublime_Skin_Overlay #Sublime_Skin_Overlay_Title {
	color: #3e3e3e;
	transition: ease 1.5s;
}
#Sublime_Skin_Wrapper:hover > #Sublime_Skin_Overlay #Sublime_Skin_Button,
#Sublime_Skin_Wrapper:focus > #Sublime_Skin_Overlay #Sublime_Skin_Button,
#Sublime_Skin_Wrapper:active > #Sublime_Skin_Overlay #Sublime_Skin_Button {
	border: solid 1px #3e3e3e;
	color: #3e3e3e;
	transition: ease 2s;
}
#Sublime_Skin_Button:hover,
#Sublime_Skin_Button:focus,
#Sublime_Skin_Button:active {
	background-color: rgba(62,62,62,0.2);
	transition: ease 0.5s;
}
#Sublime_Skin_Button {
	font-family: 'Nobile', sans-serif;
	font-weight: 500;
	font-size-adjust: auto;
	position: relative;
	top: 0px;
	border: solid 1px transparent;
	background-color: transparent;
	color: transparent;
	transition: ease 1.5s;
}
#Sublime_Skin_Block {
	height: 450px;
	background-color: white;
	margin-top: -5px;
}
/* Sublime Skin END */
/* Golden Rose START */
#Golden_Rose_Banner {
	position: relative;
	display: inline-block;
}
#Golden_Rose_Overlay {
	position: absolute;
	left: 20px;
	top: 0px;
	text-align: center;
	width: 40vw;
	height: 95%;
	color: transparent;
	transition: ease 1.5s;
}
#Golden_Rose_Wrapper {
}
#Golden_Rose_Overlay_Title {
	font-family: 'Nobile', sans-serif;
	font-weight: 700;
	font-size-adjust: auto;
	position: relative;
	top: 0px;
	background-color: transparent;
	color: transparent;
	height: 60%;
	padding-top: 17%;
	transition: ease 1.5s;
}
#Golden_Rose_Wrapper:hover > #Golden_Rose_Overlay,
#Golden_Rose_Wrapper:focus > #Golden_Rose_Overlay,
#Golden_Rose_Wrapper:active > #Golden_Rose_Overlay {
	background-color: rgba(196,211,221,0.8);
	transition: ease 1.5s;
}
#Golden_Rose_Wrapper:hover > #Golden_Rose_Overlay #Golden_Rose_Overlay_Title,
#Golden_Rose_Wrapper:focus > #Golden_Rose_Overlay #Golden_Rose_Overlay_Title,
#Golden_Rose_Wrapper:active > #Golden_Rose_Overlay #Golden_Rose_Overlay_Title {
	color: #3e3e3e;
	transition: ease 1.5s;
}
#Golden_Rose_Wrapper:hover > #Golden_Rose_Overlay #Golden_Rose_Button,
#Golden_Rose_Wrapper:focus > #Golden_Rose_Overlay #Golden_Rose_Button,
#Golden_Rose_Wrapper:active > #Golden_Rose_Overlay #Golden_Rose_Button {
	border: solid 1px #3e3e3e;
	color: #3e3e3e;
	transition: ease 2s;
}
#Golden_Rose_Button:hover,
#Golden_Rose_Button:focus,
#Golden_Rose_Button:active {
	background-color: rgba(62,62,62,0.2);
	transition: ease 0.5s;
}
#Golden_Rose_Button {
	font-family: 'Nobile', sans-serif;
	font-weight: 500;
	font-size-adjust: auto;
	position: relative;
	top: 0px;
	border: solid 1px transparent;
	background-color: transparent;
	color: transparent;
	transition: ease 1.5s;
}
#Golden_Rose_Block {
	height: 450px;
	background-color: white;
	margin-top: -5px;
}
.Golden_Rose_Thumbnail {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20%;
}
/* Golden Rose END */
.Product_Thumbnail {
	margin: 0px auto;
}
.Line_Heading {
	font-family: 'Nobile', sans-serif;
	font-weight: 700;
	color: #545454;
	padding-bottom: 5px;
	margin-bottom: 0px;
}
.Line_Subheading {
	font-family: 'Nobile', sans-serif;
	font-weight: 500;
	color: #545454;
}
p.Line_Heading {
	border-bottom: 2px solid #424242;
}
.Product_Thumbnail_Div {
	align-content: center;
	display: inline-block;
	margin: 10px auto;
	min-width: 25px;
	max-width: 150px;
}
.Line_Product {
	font-family: 'Nobile', sans-serif;
	font-weight: 500;
	text-align: center;
}
.Read_More_Div {
	text-align: center;
	align-content: center;
}
.Read_More_Btn {
	border: solid 1px #545454;
	color: #545454;
	background-color: transparent;
	transition: ease 2s;
}
.Read_More_Btn:hover,
.Read_More_Btn:active {
	transition: ease 2s;
	background-color: rgba(62,62,62,0.2);
}
.Products_Div {
	overflow: scroll;
	max-height: 430px;
	width: 65%;
}
.Nav_Products_XS {
	margin: 5px auto;
	max-height: 120px;
	overflow: scroll;
}
.Products_Div_XS {
	overflow: scroll;
	max-height: 260px;
}
.Products_Div_XS_Renight {
	overflow: scroll;
	max-height: 210px;
}
.Nav_Products_XS_Renight {
	margin: 5px auto 0px auto;
	max-height: 140px;
	overflow: scroll;
}
.Line_Writeup {
	margin: 0px;
}