/* ---------------------------------------------------------------------- */
/*	Theme
/* ---------------------------------------------------------------------- */

body {
	font-family: 'Lato', sans-serif;
	color:#888;
}

::selection {
    background-color: #C69C6D;
    color: #FFF;
}

h1, .h1 { font-size:33px; letter-spacing:1px; }
h2, .h2 { font-size:27px; letter-spacing:1px; }
h3, .h3 { font-size:16px; letter-spacing:1px; }

h1, .h1, h2, .h2, h3, .h3 {
	color:#1f1f1f;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	font-family: 'Playfair Display', serif;
}

h6, .h6 {
	font-size: 12px;
	font-family: 'Lato', sans-serif;
}

a:hover {
	text-decoration:none;
}

.form-dark .form-control {
    color: #555;
    background-color: #2D2D2D;
    background-image: none;
    border: 1px solid #2D2D2D;
}

.btn {
	padding-left:40px;
	padding-right:40px;
    font-size: 11px;
	line-height:28px;
	letter-spacing: 2px;
	font-weight:bold;
	-webkit-transition: all 500ms ease 0s;
	-moz-transition: all 500ms ease 0s;
	-ms-transition: all 500ms ease 0s;
	-o-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
}

.input-group .btn {
	padding-left:10px;
	padding-right:10px;
	min-width: 100px;
}


.btn-dark, .btn-dark:visited {
    color: #FFF;
    background-color: #1f1f1f;
    border-color: #1f1f1f;
}

.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active {
    color: #FFF;
    background-color: #1f1f1f;
    border-color: #1f1f1f;
}

.btn-primary {
    color: #bf905b;
    background-color: transparent;
    border-color: #bf905b;
}

.btn-light, .btn-light:visited {
    color: #FFF;
	background-color: transparent;
	border-color: #FFF;
}

.btn-light:focus, .btn-light:hover, .btn-light:active, .btn-light.active {
    color: #1f1f1f;
    background-color: #FFF;
    border-color: #FFF;
}

.btn-dark.transparent, .btn-dark.transparent:visited {
    color: #1f1f1f;
    background-color: transparent;
    border-color: #1f1f1f;
}

.btn-dark.transparent:hover, .btn-dark.transparent:focus, .btn-dark.transparent:active, .btn-dark.transparent.active {
    color: #FFF;
    background-color: #1f1f1f;
    border-color: #1f1f1f;
}

hr.lg {
    margin-top: 46px;
    margin-bottom: 46px;
    border: 0;
    border-top: 1px solid #eee;
}

hr.lg.grey {
    border-top: 1px solid #CCC;
}

hr.darkgrey {
    border-top: 1px solid #666;
}

hr.xs {
	width:80px;
	margin-left:0;
	border-top: 1px solid #1f1f1f;
}

hr.xs.white {
	border-top: 1px solid #FFF;
}

hr.xsc {
	width:80px;
	border-top: 1px solid #1f1f1f;
}

hr.xsc.white {
	border-top: 1px solid #FFF;
}

hr.vertical {
	border: 0;
	margin: 40px auto;
	border-left: 1px solid #666;
	height: 80px;
	width: 0px;
}

.hr-divider {
    position: relative;
    width: 100%;
    margin: 30px 0;
    text-align: center;
}
.hr-divider:before {
    position: absolute;
    top: 50%;
    left: 0;   
    display: block;
    content: " ";
    width: 100%;
    height: 1px;
    background: #EEE;
}
.hr-divider span {
    position: relative;
    z-index: 10;
    display: inline-block;
    line-height: 1;
    padding: 0 19px;
	background-color:#FFF;
}

.text-white { color:#FFF; }
.text-black { color:#111; }
.text-ellipsis { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.text-title { font-family: 'Playfair Display', serif; }
.text-body { font-family: 'Lato', sans-serif; }

.bg-lightgrey { background-color:#F5F5F5; }
.bg-newlightgrey { background-color:#EEEEEE; }
.bg-white { background-color:#FFF; }
.bg-white-opacity { background-color:rgba(255,255,255,0.2); }
.bg-black { background-color:#1f1f1f; }
.bg-black-opacity { background-color:rgba(0,0,0,0.2); }
.bg-grey { background-color:#303030; }

section { position:relative; }

section.xs { padding-top:10px; padding-bottom:10px; }
section.sm { padding-top:15px; padding-bottom:15px; }
section.md { padding-top:30px; padding-bottom:30px; }
section.lg { padding-top:60px; padding-bottom:60px; }
section.lgb { padding-bottom:60px; }
section.bg { padding:15px; }

.nav-inline > li {
    float:none;
    display:inline-block;
}

small, .small { font-size: 85%; line-height:1.5em; }


/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

#header {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:20;	
}

#header .menu-wrap {
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
	background-color: #FFF;
}

#header .menu {
	margin:0;	
}

#header .menu > li {
    display: inline-block;
    padding: 0 25px;	
}

#header .menu > li a {
    color: #777;
    text-decoration: none;
	padding:15px 5px;
	line-height:28px;
	display:block;
	position: relative;
}

#header .menu > li a:hover, #header .menu > li a:focus {
    color: #c69c6d;
    text-decoration: none;
}

#header .menu > li a:after {
    content: '';
    display: block;
    width: 0;
    margin: auto;
    border-bottom: 1px solid #c69c6d;   
	transition: width 0.2s ease-out;
	transform: translateZ(0);
}

#header .menu > li.active > a:after, #header .menu > li > a:hover:after {
	width: 30px;
}

#header .menu.menu-language > li {
	padding: 0 5px;
	font-size: 11px;
}

#header .menu.menu-language > li.active > a:after, #header .menu.menu-language > li > a:hover:after {
	width: 0;
}

#header .btn {
	padding:20px 20px;
	line-height:20px;
	border:0;
}

#header .btn.btn-cart {
	
}

#header .icon-cart { height:14px; }

.primary-nav {
	background: rgba(0, 0, 0, 0.9);
}

.primary-nav-wrap {
	background-color:#1f1f1f;
}

.primary-nav-trigger .menu-icon {
	background-color: #FFF;
}

.primary-nav-trigger .menu-icon::before, .primary-nav-trigger .menu-icon:after {
	background-color: #FFF;
}

.primary-nav-trigger .menu-icon.is-clicked::before, .primary-nav-trigger .menu-icon.is-clicked::after {
	background-color: #FFF;
}

body.navigation-is-open .primary-nav {
	transform: translate3D(0,0,0);
	opacity:1;
}

.primary-logo {
	z-index:11;	
}

.primary-nav {
  z-index: 12;
  padding: 100px 0;
  transform: translate3D(0,-100%,0);
  transition:opacity 0.4s;
  opacity:0;
}

.primary-nav-trigger {
  position: absolute;
  top:0;
  bottom:0;
  z-index: 13;
  width: 100%;
  display:block;
  right:0;
}


/* ---------------------------------------------------------------------- */
/*	Main
/* ---------------------------------------------------------------------- */


.hover-overlay:before, .hover-overlay:after { 
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color: transparent 0%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent 0%), to(rgba(0, 0, 0, 0.9) 90%));
    background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 90%);
    background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 90%);
    background-image: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 90%);
    background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 90%);
    background-image: linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 90%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='transparent 0%', endColorStr='rgba(0,0,0,0.9) 90%');
	-webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -khtml-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -moz-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -ms-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}

.hover-overlay:after {
	background-color: transparent 0%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3) 0%), to(rgba(0, 0, 0, 0.6) 90%));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 90%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 90%);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 90%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 90%);
    background-image: linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 90%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='rgba(0, 0, 0, 0.3) 0%', endColorStr='rgba(0,0,0,0.6) 90%');
	opacity:0;
}

.hover-overlay:hover:after {
	opacity:1;
}

.hover-overlay.light:before {
	opacity:0.1;
}


.hover-overlay .overlay {
	-webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -khtml-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -moz-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -ms-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	opacity:1;
	transform:translateY(calc(100% - 61px));
	z-index:1;
}

.hover-overlay:hover .overlay {
	transform:translateY(0%);
}

.hover-overlay .overlay .info {
	position:absolute;
	top:20px;
	right:20px;
	bottom:20px;
	left:20px;
	border:1px solid #E9E9E9;
}

/* ---------------------------------------------------------------------- */
/*	Rating
/* ---------------------------------------------------------------------- */


.rating-input i { font-size: 1.2em; padding-right: 4px; }
.rating-input .rating-clear { display: none; }

.list-reviews .rating-input i { font-size: 1em; padding-right: 4px; color: #C69C6D; }
.list-reviews .row:last-child hr { display: none; }

.list-reviews .item {
	padding: 14px 28px;
	margin: 0 0 28px;
	border-left: 1px solid #eee;
}


/* ---------------------------------------------------------------------- */
/*	Light Gallery + Light Slider
/* ---------------------------------------------------------------------- */

.ls-fullheight { height:100vh; }
.ls-fullheight .wrap-ls-product, .ls-fullheight .lSSlideOuter , .ls-fullheight .lSSlideWrapper, .ls-fullheight .ls-product, .ls-fullheight .ls-item { height:100% !important; }

.lSAction > a {
	width:auto;
	background-image:none;
}

.lSSlideOuter {
	position:relative;
}

.lSSlideOuter .lSPager.lSpg {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.lSSlideOuter .lSPager.lSpg > li {
    padding: 0;
	line-height:50px;
	width: 30px;
	text-align:center;
}

.lSSlideOuter .lSPager.lSpg > li a {
	background-color: #FFF;
    height: 5px;
    width: 5px;
	line-height:50px;
	vertical-align:middle;
	-webkit-transition: all 0 linear 0s;
    transition: all 0 linear 0s;
}

.lSSlideOuter .lSPager.lSpg > li:hover a {
    background-color: #FFF;
}

.lSSlideOuter .lSPager.lSpg > li.active a {
	width: 11px;
    height: 11px;
	background-color: rgba(255, 255, 255, 0);
	border: 2px solid #fff;
}

.wrap-ls-product .lSSlideOuter .lSPager.lSpg { position:relative; }
.wrap-ls-product .lSSlideOuter .lSPager.lSpg > li a { background-color: #CCC; }
.wrap-ls-product .lSSlideOuter .lSPager.lSpg > li:hover a { background-color: #CCC; }
.wrap-ls-product .lSSlideOuter .lSPager.lSpg > li.active a { background-color: rgba(255, 255, 255, 0); border: 2px solid #CCC; }

.bg-white .lSSlideOuter .lSPager.lSpg { position:relative; }
.bg-white .lSSlideOuter .lSPager.lSpg > li a { background-color: #CCC; }
.bg-white .lSSlideOuter .lSPager.lSpg > li:hover a { background-color: #CCC; }
.bg-white .lSSlideOuter .lSPager.lSpg > li.active a { background-color: rgba(255, 255, 255, 0); border: 2px solid #CCC; }

.lg-gallery-image { cursor: pointer; }

/* ---------------------------------------------------------------------- */
/*	Scroll down icon 
/* ---------------------------------------------------------------------- */

@-webkit-keyframes scroll-down-anim {
   0%{ bottom: 0px; }
   50%{ bottom: 10px; }
   100%{ bottom: 0px; }
}
@keyframes scroll-down-anim {
   0%{ bottom: 0px; }
   50%{ bottom: 10px; }
   100%{ bottom: 0px; }
}

.scroll-down {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 10;
}

.scroll-down .scroll-to {
	display: inline-block;
	padding: 20px;
	position: relative;
	-webkit-animation: scroll-down-anim 1s infinite;
	animation: scroll-down-anim 1s infinite;
}


/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer {
	background:#1C1C1C;
	color: #888;
}

#footer .btn-dark, #footer .btn-dark:visited {
    color: #FFF;
    background-color: #444;
    border-color: #444;
}

#footer .btn-dark:hover, #footer .btn-dark:focus, #footer .btn-dark:active, #footer .btn-dark.active {
    color: #FFF;
    background-color: #C69C6D;
    border-color: #C69C6D;
}

#footer a {
    color: #FFF;
}

#footer a:hover, #footer a:focus {
    color: #a67641;
}


#footer-bottom {
	background:#151515;
	color:#555;
}

#footer-bottom hr {
	border-top: 1px solid #2D2D2D;
}

#footer-bottom a {
    color: #FFF;
}

#footer-bottom a:hover, #footer-bottom a:focus {
    color: #a67641;
}