*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}img{border:0}
body { font: 16px "Signika"; color: #444; background: #fff; line-height: 1.6em; }
a { text-decoration: none; color: #38485c; }
a:hover { color: #73767a; }
p  { margin: 0 0 15px; }
img { max-width: 100%; }
.wrap { width: 80%; margin: 50px auto 0; }

#header { padding: 25px 0 50px; background: #d3dde0; border-top: none; color: #ccc; }
#header p { margin: 20px 0 0; }

#logo { margin: 40px 20px 40px 0; letter-spacing: .2em; font-size: 1.9em; }
#logo a { color: #1e1e1e; text-transform: uppercase; }

h1 { margin-bottom: 15px; letter-spacing: -0.04em; font-size: 1.8em; text-align: center; }
h2 { font-size: 1.4em; margin: 0 0 10px; }
h3 { font-size: 1.2em; margin: 0 0 6px; }

#menu { padding: 13px 0 0; }
#menu li ul { position: absolute; top: 30px; display: none; width: 350px; padding: 15px; background-color: #d3dde0;}
#menu li ul li { display: block; margin-top: 5px; }
#menu li:hover ul { display: block; }
#menu a { font-size: 14px; }
#menu > li { position: relative; display: inline-block; padding-bottom: 15px; font-size: 1.2em; }
#menu > li > a { margin: 0 22px 0 0; padding: 0 22px 0 0; font-weight: 700; border-right: 1px solid #505052; }
#menu li.last a { border: 0; padding: 0; }
#menu li a:hover { color: #fff; }
#menu li a.current { font-weight: bold; color: #fff; }

#main { width: 80%; clear: left; float: left; }

#main a {
  text-decoration: underline;
}

.column-wrapper { display: flex; flex-wrap: wrap; justify-content: space-around; width: 80%; margin: 0 auto 50px; padding: 50px 50px 35px; background-color: #d2e3d8; }
.column { width: 40%; }

.l img, .r img { float: left; margin: 0 13px 5px 0; border: 2px solid #fff; }

.line { clear: both; border-bottom: 1px dotted #ccc; padding: 10px 0 0; margin: 0 0 20px; }

#side { float: right; width: 225px; margin: 0 0 20px; padding: 11px; background: #1e1e1e; color: #efefef; }
#side a { color: #feea61; }
#side a:hover { color: #efefef; }
#side li { padding: 0 0 10px; }

#footer { clear: both; display: flex; justify-content: space-between; width: 50%; height: 120px; margin: 580px auto 0; padding: 20px 0; color: #888; border-top: 1px dotted #ccc; }
#footer ul { width: 140px; }
#footer ul li { padding: 0 0 3px; }
#footer p { width: 400px; text-align: right; }

/* new added */
.top-bar { display: flex; justify-content: space-between; align-items: center; }
.top-bar a { color: #1e1e1e; }
.banner { width: 50%; margin: auto; padding: 50px 0; font-size: 50px; font-weight: 700; line-height: 1.2; color: #505052; }
.intro-img { position: relative; top: 12px; }
.img-cover { width: 100%; height: 350px; object-fit: cover; object-position: 50% 85%; margin-bottom: 15px; }

/* banner */
.site-banner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 400px;
  margin: 0 auto 20px;
  font-family: "Lato";
  background-image: url("../images/banner-bg-horiz.png");
  background-size: contain;
}
.site-banner, .site-link {
  color: #000;
}
.banner-text {
  width: 55%;
  margin: 0px 0 10px;
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
}
.site-link {
  width: 20%;
  margin-top: 20px;
  padding: 15px 0;
  font-size: 20px;
  font-weight: 800;
  background-color: transparent;
  border: 3px solid #000;
  text-decoration: none;
  transition: .3s ease-in-out;
  cursor: pointer;
}
.site-link:hover {
  background-color: #c3c3c3;
  color: #fff;
}
.site-banner2 {
  width: 100%;
  height: 305px;
	flex-direction: column;
  background-image: url("../images/banner-bg-horiz2.png");
	background-size: cover;
}
.site-banner2 .banner-text {
  width: 100%;
	margin-bottom: 30px;
	font-size: 38px;
  font-weight: 700;
}
.site-banner2 .site-link {
  width: 225px;
  height: 60px;
  background-color: #fcc216;
  color: #fff;
}
.site-banner2 .site-link:hover {
  color: #000;
}
/* sale */
.sale {
	position: absolute;
	right: 30px;
	display: none;
	align-items: center;
	width: 270px;
	height: 270px;
	padding: 5px;
	text-align: center;
	font-size: 24px;
	background: url("../images/sale-bg.png") no-repeat;
	background-size: contain;
	border: 4px solid #000;
	border-radius: 20px;
	color: #fff;
}
.sale p {
	position: relative;
	top: -5px;
	left: -20px;
	line-height: 1.2!important;
	margin: 0;
}
.sale-number {
	font-size: 33px;
}
.sale-name {
	position: relative;
	top: 10px;
	left: -40px;
	font-size: 29px;
	font-family: "Carter One";
	color: #f6445c;
}
.active-sale {
	display: block!important;
}