@charset "utf-8";
/* CSS Document */
  .center{
width: 150px;
  margin: 40px auto;
  
}

.Dark{
	font-size:30px;
	color:black;
	text-shadow: 0 0 6px #000000;
	display:inline;
	}
.White{
	font-size:30px;
	color:white;
	text-shadow: 0 0 6px #000000,0 0 6px #000000,0 0 6px #000000;
	display:inline;
	}
.Pink{
	font-size:30px;
	color:pink;
	text-shadow: 0 0 6px #000000,0 0 6px #000000,0 0 6px #000000;
	display:inline;
	}
.Brown{
	font-size:30px;
	color:brown;
	text-shadow: 0 0 6px #000000,0 0 6px #000000,0 0 6px #000000;
	display:inline;
	}
	
body{
	font-family:Arno Pro Light Display;
	color:rgba(42,128,119,1.00);
	font-size:15px;
}

h1{
	font-family:Trajan Pro Bold;
	color:rgba(186,152,104,1.00);
	font-size:17px;
	
}

h2{
	color:rgba(186,152,104,1.00);
	font-size:15px;
	
}

a{
	color:rgba(42,128,119,1.00);

}

a:hover {
	color:#000;
	text-decoration:none
}

ul{
	list-style-type:none;
}

ul, li{
	padding-left:5px;
	line-height:30px;	
	
}

.left-list{
	border-right: 1px solid rgba(42,128,119,0.50);
	padding-left: 22%;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	height:100vh;

}

.left-list-home{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.shop-setting-section{
	float: right;
	width: 30%;
	clear: right;
}
.shop-setting-wrapper{

	float:right;
}	

.page-bar{
	padding-top: 10px;
}

.animate-show{
	
	padding-left: 10px;
	padding-right: 5%;
	padding-top: 0px;
	padding-bottom: 10px;
}

/*.product-img{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 30px;

}*/

.product-li-img{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.product-li-text{
	font-size: 16px;
	text-align: center;
	padding-top: 10px;
	line-height:12px;
	
}

.top-bar{
	border-bottom: 1px solid rgba(42,128,119,0.50);
	padding-left:6.5%;
	padding-right:6.5%;
	padding-top:10px;

}

.fixed-menu-container{
	top:10px;
	right: 4px;
	z-index: 999;
	float:right;

}

.btn{
	border:1px solid rgba(42,128,119,0.50);
	padding:5px 8px;
	width:auto;
	height:auto;
	background-color:#FFFFFF;
	color:1px solid rgba(42,128,119,1);
	font-weight:700px;
	font-size:13px;
	opacity:0.8;
	margin-left:4px;
	float:right;
}



.top-menu-bar{}

	
.header{
	}
	
.our-product{
	margin-bottom: 2px;
	bottom:0px;
	right:0px;
}	
	
.our-product-text{
	text-align: center;
	font-size: 36px;
	font-weight: lighter;
	font-family: Times New Roman;
	color:rgba(90,179,171,1.00);
	padding-top:0px;
	
	}
	
	
	/* img mouse over effect */
	
.hovereffect {
  width: 100%;
  height: 100%;

  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid rgba(42,128,119,1);
  border-top: 1px solid rgba(42,128,119,1);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}


.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: opacity(0.2);
  -webkit-filter: opacity(0.2);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color:  rgba(42,128,119,1);
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect a, hovereffect p {
  color:  rgba(42,128,119,1);
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.img-responsive{
	padding-bottom:10px;
	
	}
	/* img mouse over effect */


.product-img li{
	float:left;
}

@media (min-width: 200px) {
	
	.btn{
	border:1px solid rgba(42,128,119,0.50);
	padding:5px 7px;
	width:auto;
	height:auto;
	background-color:#FFFFFF;
	color:1px solid rgba(42,128,119,1);
	font-weight:700px;
	font-size:12px;
	opacity:0.8;
	margin-left:0px;
	margin-bottom:5px;
	float:right;
}
	
	.form-box{
		position: relative;
		z-index:200;
		left:-36px;
		}
	
		.tab-pane{
	padding:0px 0px;
		}

	
	.page-info-container{
	padding:0px 0px;
	
	}
	
	.page-info-img{
	padding:0px 0px;
	
	}
	
	.animate-show{
		padding:0px 0px;
		
	}
	
	.info-input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  width:100%;
  text-align:left
  }
	
  .container {
    width: 320px;
  }
  .product-li-img{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;

}
.our-product{
	margin-bottom: 2px;
	bottom:0px;
	right:0px;
}

.fixed-menu-container{
	padding-left: 0px;
	padding-right: 0px;
	}
	
.{
	width:100%
}
.addtothecart{
	width:100%
}

.title{
	color:rgba(186,152,104,1.00);
	font-size:25px;
}

}
@media (min-width: 600px) {
	
	.btn{
	border:1px solid rgba(42,128,119,0.50);
	padding:5px 8px;
	width:auto;
	height:auto;
	background-color:#FFFFFF;
	color:1px solid rgba(42,128,119,1);
	font-weight:700px;
	font-size:13px;
	opacity:0.8;
	margin-left:4px;
	float:right;
}
	
		.form-box{
		position: inherit;
		z-index:1;
		left:0px;
		}

	
	.tab-pane{
	padding:0px 15px;
		}
	
	.animate-show{
		padding-left:10px;
		padding-right:5%;
		padding-top:0px;
		padding-bottom:10px;
		}
.page-info-container{
	padding:0px 15px;
	
	}
	
.page-info-img {
	padding:0px 15px;
	
	}
	
	.info-input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  width:80%;
  }
	
  .container {
    width: 750px;
  }
  .product-li-img{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.our-product{
	margin-bottom: 2px;
	bottom:0px;
	right:0px;
}

	.{
		width:80%
	}
	.addtothecart{
	width:80%
}

.title{
	color:rgba(186,152,104,1.00);
	font-size:36px;
}

}
@media (min-width: 990px) and (max-width: 1799px) {
.info-input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  width:50%;
  }
	
  .container {
    width: 100%;
  }
  .product-li-img{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
p{
	font-size:17px;
}
ul{
	font-size:13px;
}

li{
	font-size:16px;
}
h1{
	font-size:16px;
}
.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 6px;
  background-color: transparent;
  color:  rgba(42,128,119,1);
  padding: 0px 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.our-product{
	margin-bottom: 2px;
	position:absolute;
	bottom:0px;
	right:0px;
}
	.{
		width:50%
	}
	.addtothecart{
	width:50%
}

.our-product-text{
	text-align: center;
	font-size: 25px;
	font-weight: lighter;
	font-family: Times New Roman;
	color:rgba(90,179,171,1.00);
	padding-top:0px;
	padding-right:290px;	}
	
	.title{
	color:rgba(186,152,104,1.00);
	font-size:36px;
}

}
@media (min-width: 1800px) {
.info-input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  width:50%;
  }

	
  .container {
	width: 1920px;
  }
  
  .product-li-img{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 30px;

}
h1{
	font-family:Trajan Pro Bold;
	color:rgba(186,152,104,1.00);
	font-size:19px;
	
}

h2{
	color:rgba(186,152,104,1.00);
	font-size:17px;
	
}
P{
	font-size:15px;
	
}
li{
	font-size:18px;
	}
.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color:  rgba(42,128,119,1);
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
	}
	
	.our-product{
	margin-bottom: 2px;
	position:absolute;
	bottom:0px;
	right:0px;
}
	
	.our-product-text{
	text-align: center;
	font-size: 36px;
	font-weight: lighter;
	font-family: Times New Roman;
	color:rgba(90,179,171,1.00);
	padding-top:0px;
	}
	
.{
	width:50%
}
.addtothecart{
	width:50%
}

.title{
	color:rgba(186,152,104,1.00);
	font-size:36px;
}
	
}


form{
	margin:0 auto;
}
.search { 
	padding:1px 2px 1px 3px;
	margin:1px;
	border-color: rgba(42,128,119,1.00);
}

input[type=text]{
	text-align:center;
}



input[type=button], input[type=button]:hover {
	position:relative; 
	border:1px solid #adc5cf;
	background: #e4f1f9; /* Old browsers */
	background: -moz-linear-gradient(top, #e4f1f9 0%, #d5e7f3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f1f9), color-stop(100%,#d5e7f3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* IE10+ */
	background: linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f1f9', endColorstr='#d5e7f3',GradientType=0 ); /* IE6-9 */
	color:#7da2aa;
	cursor: pointer;
}

.lighter, .light, .dark {
	width: 95%;
	height: 50px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.light{
	background: url('./images/light_grey.jpg');
}
.light input[type=text]{
	border:1px solid #acb1b7;
	background-color:#fcfcfc;
}

.product-info-img-s{
	padding:20px 10px;
	
	}
	
.checkout-div{
	padding:10px 20px;
	}
	
.btn-checkout {
  display: inline-block;
  padding: 6px 12px;
  width:100%;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid rgba(42,128,119,1.00);

}
.btn-addtocart{
	  display: inline-block;
  padding: 6px 12px;
  width:100%;
  margin-bottom: 0;
  font-size: 18px;
  margin-top:20px;
  background:azure;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid rgba(42,128,119,1.00);

	}
.btn-addtocart:hover{
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	}
.btn-addtocart:focus{
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	}


.btn-checkout:active{
  background-image: none;
  outline: 0;
	}
	
.btn-checkout:hover{
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	}
	
.btn-checkout:focus{
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	}
	
	<!-- 2016-07-14-15-18 sing-in --!>
	
.sign-in-container{
	
	}
	
.sign-in-box{
	min-height:150px;
	text-align:center;
	margin:5% auto;
	max-width:500px;
	border:1px solid rgba(42,128,119,1.00);
	}
	
h2{
	color:rgba(186,152,104,1.00);
	font-size:30px;
	padding-bottom:10px;
}

.controls{
	padding:15px 8%;
	}
	
.line-input{
	border:none;
	color:#333;
	background:transparent;
	border-bottom: 1px solid rgba(42,128,119,1.00);
	padding:5px 2px 0px 2px;
	width:80%;
	}
.btn-sign-in{
	width:80%;
	float:none;
	padding:8px 2px 8px 2px;
	font-size:18px;


	}
	
.links-container{
	padding-top:20px;
	padding-bottom:20px;
	
	}
	
	<!-- 2016-07-14-15-18 sing-in --!>
	
.sign-in-container{
	
	}
	
.sign-in-box{
	min-height:150px;
	text-align:center;
	margin:5% auto;
	max-width:500px;
	border:1px solid rgba(42,128,119,1.00);
	}
	
h2{
	color:rgba(186,152,104,1.00);
	font-size:30px;
	padding-bottom:10px;
}

.controls{
	padding:15px 30px;
	}
	
.line-input{
	border:none;
	color:#333;
	background:transparent;
	border-bottom: 1px solid rgba(42,128,119,1.00);
	padding:5px 2px 0px 2px;
	width:80%;
	}
.btn-sign-in{
	width:80%;
	float:none;
	padding:8px 2px 8px 2px;
	font-size:18px;


	}
	
.links-container{
	padding-top:20px;
	padding-bottom:20px;
	
	}
	
<!-- 2016-07-14-15-18 sing-in --!>

<!--2016-07-15-15-02 page-info -->

.page-info-img-main{
	padding:auto 15px;
	border-left:auto;
	border-right:auto;
	
}

.page-info-img-auxiliary{
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	
}

.page-info-text{
	padding:15px 15px;
	padding-bottom:25px;
	border-bottom:1px solid rgba(186,152,104,1.00)
}

.page-info-text h2{
	font-size:40px;
	 
}


.o-price{
	padding-top:10px;
	font-size:20px;
	text-decoration: line-through;
	color:#909090;

}

.p-price{
	padding-top:10px;
	font-size:25px;
	color:rgba(42,128,119,1.00);
}

.products-intro{
	font-size:18px;	
	color:#4E3F2D;
	padding-top:10px;


}

.p-detailed-info{
	border-top: 1px solid rgba(186,152,104,0.50);
	border-bottom:1px solid rgba(186,152,104,0.50);
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	


}
.buy-control{

}

.form-control-quantity{
	height:39px;
	
	}
	
.addtothecart{
	padding-top:20px;
}

lightbox-title, h4{
	text-align: center;	
	}
	
.lightbox-title{
	padding:5px  5px;
	height:50px
	
	}
	
.back-img{
	height:35px;

	}
	
.next-img{
	height:35px;
	float:right;
	}	
	
<!-- 2016-0718-->

.left-list ui li{
	font-size:18px;
	
}



