/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
#top-bar.dark, .dark #top-bar {
    background-color: #111;
}

#header.dark, .dark #header {
	background-color: rgba(0, 0, 0, 0.15);
}

#header .primary-menu .ncSlot { width: 100%; }

/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.subpage p {
    margin-bottom: 0px;
    color: #aaa;
}

.nc-btn-gray {
    background: #F5DD70;
    border: #000;
    color: #222;
}

.dark .page-title-mini h1 {
    color: #bbb !important;
}

.dark .page-title-mini h3 {
    font-size: 15px;
}

.fbox-icon a, .fbox-icon i, .fbox-icon img, .button {
    color: #222;
}

.dark a:not([class*="btn-"]):hover {
	color: #444;
}

.btn-ns {
    color: #222;
    background-color: #F5DD70;
    border-color: #F5DD70;
}

#top-bar i {
	    color: #F5DD70;
    margin-right: 10px;
}

.top-cart-number {
	color: #222;
}

.dark a:not([class*="btn-"]):hover  {
	color: #fefefe;
}

.dark a.btn-sth:hover  {
    color: #0e2f3d;
}

.card h3 {
	    width: 100%;
    background-color: rgba(0,0,0, 0.6) !important;
    text-align: center;
    margin-top: 0px !important;
}
.card h3 {
    color: #e5cf6a !important;
    padding: 10px;
    text-align: center;
    display: block;
    font-family: Lato;
    font-size: 21px;
    position: absolute;
    bottom: 0px;
}

.card .button-white:not(.button-border) {
    background-color: rgba(229, 207, 106, 0.6) !important;
    color: #000;
}
.card h3 {
	font-weight: 300 !important;
}

#header + .include-header {
    margin-top: calc( -144 - 2px ) !important;
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
}
#top-bar {
    z-index: 299;
}
.semi-transparent {
    background-color: rgba(0,0,0,0.6);
}

.dark #top-bar, #top-bar.dark {
    border-bottom-color: rgba(255,255,255,0.1);
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.page-title-mini h2 {
    font-size: 15px;
    font-weight: 300;
    margin: 0px;
    padding: 0px;
    color: #999;
}

.page-title-mini {
    background-color: #111;
    padding: 30px 0px;
}

.page-title-mini .container {
    position: relative;
}

.dark .fancy-title h5, .dark .fancy-title span {
    font-weight: 300;
    font-size: 18px;
    color: #ccc;
}

.offcanvas#productSelector {
    background-color: #222;
}

 .offcanvas#productSelector .items-nav li  a,  .offcanvas#productSelector .items-nav li:hover  a, .dark .sticky-sidebar-wrap .items-nav li  a, .dark .sticky-sidebar-wrap .items-nav li:hover a{ background: transparent; font-weight: 300; color: #ccc; }
 .offcanvas#productSelector .items-nav li:hover > a,  .offcanvas#productSelector .items-nav li  a.active, .dark .sticky-sidebar-wrap .items-nav li:hover > a, .dark .sticky-sidebar-wrap .items-nav li a.active { background: transparent; color: #F5DD70;}
.dark .sticky-sidebar-wrap .items-nav ul {
    margin-left: 20px;
}

.offcanvas .offcanvas-header button {
    color: #eee;
    background: transparent !important;
    background-color: transparent !important;
    border: none;
    font-size: 30px;
    margin-top: 20px;
}

.dark .sticky-sidebar-wrap .items-nav ul  {
    display: none;
}

.dark .sticky-sidebar-wrap .items-nav li.active ul  {
    display: block;
}

.product .cart-btn.button {
    color: #fff !important;
    background-color: rgb(33, 37, 41, 0.5) !important;
    border-color: #212529 !important;
    width: 80%;
    text-align: center;
}

.product-gradient-a {
    padding: 20px;
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
            background: radial-gradient(circle at 50% 50%, #3e3333, #3a3838, #353434, #2b2b2b, #212020, #191818, #131313, #000000);
    }
    .product-gradient-a:hover {
        /*background: radial-gradient(circle at 50% 50%, #524444, #464444, #353434, #323232, #272626, #252424, #1d1d1d, #000000) !important;*/
      /*  padding: 20px;
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
     background: radial-gradient(circle at 50% 50%, #3e3333, #3a3838, #353434, #323232, #272727, #1b1a1a, #131313, #000000);   */

    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
     background: linear-gradient(to right, rgb(15 16 16), rgb(37 46 56));
      }

    .product-gradient-b {

    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
     background: linear-gradient(to right, #232425, #00a2ec);   }
    .product-gradient-b:hover {
        background: linear-gradient(to right, #232425, #94cfea);
    }

    .product-gradient-c {

    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
     background: radial-gradient(circle at 50% 50%, #555555, #494949, #3d3d3d, #323232, #272727, #1c1c1c, #111111, #000000);    }
    .product-gradient-c:hover {
        background: radial-gradient(circle at 50% 50%, #5a5353, #464141, #424040, #403e3e, #423e3e, #333131, #1b1b1b, #000000) !important;
    }

    .product-gradient-d {

    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
     background: linear-gradient(to right, rgb(15 16 16), rgb(37 46 56));   }
    .product-gradient-d:hover {
        background: linear-gradient(to right, rgb(13 11 23), rgb(47 63 80));
    }

    .product-gradient-e {

    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
     background: linear-gradient(to right, rgb(23 24 25), rgb(49 60 70));   }
    .product-gradient-e:hover {
        background: linear-gradient(to right, rgb(23 24 25), rgb(62 84 105));
    }

@media (min-width: 176px) {
    .product-selector {
        display: none;
    }
 }

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

 }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {

 }

.product .table ul{
    margin: 0px;
    color: #eee;
}
.product .product-desc {
    flex-direction: column;
    justify-content: normal;
}
.product .product-desc .product-image {}
.product .product-desc .product-price {
    padding-bottom: 15px;
}
.product .product-desc .product-price .product-price-value { color: #F5DD70; }
.product .product-desc .product-price small{}
.product .product-desc .product-title {}
.product .product-desc .product-title h3 {}


.single-product ul {
 margin-left: 15px;
}

.single-product .button-download {
    color: #eee;
}

.dark a.button-download:not([class*="btn-"]):hover  {
    color: #222;
}

thead, tbody, tfoot, tr, td, th  {
    border-color: #777;
}

.dark   .table {
    color: #ddd;
}

.dark .add-to-cart-wrapper .nswb-product-add {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F5DD70;
    border: #000;
    color: #222;
}

.dark .add-to-cart-wrapper  .nswb-product-math {
    font-size: 22px;
    margin: 0px 5px;
}

.dark .dropdown-sort-by { margin-left: 20px; }
.dark .dropdown-sort-by > button { background: transparent; }

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { background-color: #068ECB; }

@media (max-width: 767.98px) {

    .items-nav li {
        display: inherit;
    }

    .items-nav li:not(:last-child):not(.no-divider)::before {
         content: '';
         position: inherit;
         right: none;
         top: none;
         color: inherit;
         transform: none;
    }
}


.button-3d.button-yellow:hover, .button-reveal.button-yellow:hover, .button-border.button-yellow:hover, .button-border.button-yellow.button-fill::before {
    background-color: #F5DD70 !important;
}

.error_list {
    list-style: none;
    margin: 0px;
}

.error_list li {
    color: #ff7c7c;
}

.mfp-close-btn-in .mfp-close {
    color: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
  }


.dark a.list-group-item.active, .dark a.list-group-item.active:hover, .dark a.list-group-item.active:focus {
    color: #222;
    background-color: #ECD078;
    border-color: #ECD078;
}

.page-item.active .page-link, .page-link:hover, .page-link:focus {
    background-color: #F5DD70 !important;
    color: #222 !important ;
}

/* ----------------------------------------------------------------
	Canvas: Store
-----------------------------------------------------------------*/

:root {
	--header-height: 70px;
	--header-floating-offset: 15px;
	--sticky-header-height: 70px;
	--menu-gap: 30px;
}

* {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}



.btn-link:hover { text-decoration: underline !important; }

.ls--1 { letter-spacing: -1px !important; }
.ls--2 { letter-spacing: -2px !important; }

.mega-menu-content.mega-menu-style-2 .menu-link {
	text-transform: none;
	font-weight: 400;
	font-size: 14px;
}

#top-account a {
	text-transform: uppercase;
	letter-spacing: 0;
	font-weight: 600;
	font-size: 13px;
	text-shadow: none;
}


.items-nav li a {
	display: block;
	position: relative;
	padding: 3px 8px;
	color: #888;
	transition: all .1s linear;
}

.items-nav li:hover a {
	background-color: #F5F5F5;
	color: #111;
}

.product-desc {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding: 15px 3px;
}

.product-title h3 {
	font-size: 17px;
	font-weight: 700;
	margin: 0;
}

.product-title span a { color: #999; }

.product-price {
	margin-bottom: 0;
	font-size: 15px;
}

.product-image { position: relative; }

.product-image .cart-btn {
	position: absolute;
	display: block;
	opacity: 1;
	bottom: 7px;
	left: 0;
	right: 0;
	width: calc(50% - 12px); /* bottom 2x */
	max-width: 100%;
	margin: 0 auto;
	padding: 8px 0;
	height: auto;
	text-align: center;
	z-index: 10;
}

/*.product:hover .product-image .cart-btn,
.product:hover .flex-control-nav.flex-control-thumbs {
	opacity: 1;
	z-index: 2;
}*/

.flex-control-nav.flex-control-thumbs {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	margin: 3px;
	transition: opacity .3s linear;
}

.flex-control-nav li {
	float: none;
	display: block;
	margin: 3px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}

nav.flex-control-thumbs li:hover img,
.flex-control-nav.flex-control-thumbs li img.flex-active {
	border-width: 1px;
	opacity: 1;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
}

.flex-control-nav.flex-control-thumbs li,
.flex-control-nav.flex-control-thumbs li img {
	width: auto !important;
	height: 70px !important;
}

.container-fluid {
	padding-right: 40px;
	padding-left: 40px;
}

.footer-widgets-wrap li { margin-bottom: 3px; }
.dark .footer-widgets-wrap a { color: #888; }

.masonry-thumbs a::before {
	opacity: 0;
	display: flex;
	content: "\e9bc";
	font-family: 'lined-icons';
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(1);
	font-size: 24px;
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.5);
	transition: opacity .3s, transform .3s ease;
}

.instagram-photos.masonry-thumbs a::before {
	content: "\ed71";
	font-family: 'font-icons';
}

.masonry-thumbs a:hover::before {
	opacity: 1;
	transform: scale(1.2);
}


#modal-subscribe {
	left: auto;
	right: 0;
	top: auto;
	bottom: 0;
    max-width: 550px;
    height: auto;
}

#modal-subscribe .modal-dialog {
	margin: 0;
    border-radius: 0;
    max-width: 550px;
}

#modal-subscribe .modal-content {
	background-color: #EEE;
	border: 8px solid #FFF;
	border-radius: 0;
}

body.modal-open { overflow-y: auto; }
.modal-backdrop { display: none; }


/* Responsive Device less than 768px (.device-sm <)
-----------------------------------------------------------------*/
@media (max-width: 767.98px) {

	.items-nav li {
		position: relative;
		display: inline-block;
		margin: 5px;
	}

	.items-nav li:not(:last-child):not(.no-divider)::before {
		content: '/';
		position: absolute;
		right: -10px;
		top: 50%;
		color: #AAA;
		transform: translateY(-50%);
	}

	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li,
	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img {
		width: auto !important;
		height: 80px !important;
	}

	.flex-control-nav.flex-control-thumbs { opacity: 1; }

	.modal-backdrop { display: block; }

}

/* Responsive Device more than 992px (.device-md >)
-----------------------------------------------------------------*/
@media (min-width: 992px) {


	#header.transparent-header.floating-header,
	#header.floating-header #header-wrap {
		position: fixed;
		top: 15px;
		margin-top: 0;
		box-shadow: none;
	}

	#header.transparent-header.floating-header .container-fluid,
	#header.sticky-header.transparent-header.floating-header .container-fluid {
		width: calc(100% - 30px);
		width: calc(100% - var(--menu-gap, 30px));
		padding: 0 30px;
		padding: 0 var(--menu-gap, 30px);
		background-color: transparent !important;
		transition: all .8s cubic-bezier(.19,1,.22,1);
	}

	#header.hover-light.transparent-header.floating-header .container-fluid,
	#header.sticky-header.transparent-header.floating-header .container-fluid {
		background-color: #FFF !important;
		box-shadow: 0 0 10px rgba(0,0,0,0.1);
	}

	.floating-header .mega-menu-content {
		border-top: 0;
		box-shadow: none;
		width: calc(100% - 30px) !important;
		width: calc(100% - var(--menu-gap, 30px) ) !important;
		margin: 0;
	}

	.menu-link {
		letter-spacing: 0;
	}

	.menu-container:hover > .menu-item:not(:hover):not(.active) > .menu-link { color: #BBB; }

	#header.sticky-header #header-wrap { background-color: transparent; }

	#top-account a {
		position: relative;
		display: block;
		z-index: 11;
	}

	.header-overlay::after {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 1;
		transition: background-color .3s cubic-bezier(.19,1,.22,1);
	}

	.card-img-overlay.bg { background-color: rgba(0, 0, 0, 0.4); }

	.container-fluid {
		padding-right: 75px;
		padding-left: 75px;
	}

}

 .dark .ncComponent-active, .dark  .ncComponent-active h1, .dark  .ncComponent-active h2, .dark  .ncComponent-active  h3, .dark  .ncComponent-active h4, .dark  .ncComponent-active h5, .dark  .ncComponent-active h6  {
color: #111;
}

h1.page-title-header {
        font-weight: 300;
    line-height: 1.4;
}

.dark #content, .dark #wrapper, .dark .ajax-modal-title, .dark .fbox-bg.fbox-center .fbox-icon, .dark .form-process::before, .dark .modal-content, .dark .page-transition-wrap, .dark .portfolio-ajax-modal, .dark .portfolio-reveal .portfolio-desc, .dark .preloader, .dark .preloader2, .dark .shop-quick-view-ajax, .dark .tab-nav li.ui-tabs-active a, .dark .tabs-alt .tab-nav li a, .dark .top-links-sub-menu .top-links-item:hover, .dark input.switch-toggle-flat+label::before, body #side-panel.dark, body.dark, body.dark #side-panel {
    background-color: #222;
}

ul li p { margin-bottom: 10px; }
.page-title-mini h1 {
  font-size: 20px;
  margin-bottom: 20px;
}