body {

	font-family: sans-serif;

	font-weight: 400;

	color: #4d5156;

	font-size: 14px;

	line-height: 22px;

	width: 100%;

	letter-spacing: .35px;

}

h1, h2, h3, h4, h5, h6 {

	color: #272727;

}

/* default font size */

.fa {

	font-size: 14px;

}

/* Override the bootstrap defaults */

h1 {

	font-size: 26px;

	font-weight: normal;

	margin: 0px 0px 8px;

	line-height: 32px;

}

h2 {

	font-size: 27px;

}

h3 {

	font-size: 18px;

}

h4 {

	font-size: 17px;

}

h5 {

	font-size: 12px;

}

h6 {

	font-size: 10.2px;

}

a {

	color: #272727;

}

a:hover {

	text-decoration: none;

}



a:focus, a:hover {

	color: #04978e;

}



legend {

	font-size: 18px;

	padding: 7px 0px

}

label {

	font-size: 14px;

	font-weight: normal;

}



#module-slideshow .slideshow-wrapper .owl-dots {

    text-align: center;

}



#module-slideshow .slideshow-wrapper .owl-dot.active {

    background: #04978e !important;

}



#module-slideshow .slideshow-wrapper .owl-dot {

    margin: 12px 4px;

    background: #ccc !important;

    height: 10px;

    width: 10px;

    border-radius: 50%;

    outline: none;

}



#module-slideshow .owl-carousel .owl-nav button.owl-prev, #module-slideshow .slideshow-wrapper .owl-nav button.owl-next {

	display: none;

}



#module-slideshow .owl-carousel:hover .owl-nav button.owl-prev {

    color: #04978e !important;

    position: absolute;

    top: 176px;

    left: 16px;

	display: block;

	width: 30px;

	outline: none;

}



#module-slideshow .slideshow-wrapper:hover .owl-nav button.owl-next {

    color: #04978e !important;

    position: absolute;

    top: 176px;

    right: 16px;

	display: block;

	width: 30px;

	outline: none;

}



#module-slideshow .slideshow-wrapper .owl-nav .fa {

	font-size: 28px;

}







#module-carousel .carousel-slide > div > a, .carousel-slide > div > img {

	margin: 0px auto;

}



#module-carousel .owl-carousel .owl-stage-outer {

	margin-right: 1px;

}



#carousel-featured .owl-nav, #carousel-related .owl-nav{

	position: absolute;

    top: 0px;

    right: 0px;

    margin-top: -37px;

}



#carousel-featured .owl-nav .owl-prev, #carousel-related .owl-nav .owl-prev {

	width: 30px;

    height: 30px;

	border: 1px solid #eee;

	border-right: none;

	border-radius: 4px 0px 0px 4px;

	outline: none;

}



#carousel-featured .owl-nav .owl-next, #carousel-related .owl-nav .owl-next {

	width: 30px;

    height: 30px;

	border: 1px solid #eee;

	border-radius: 0px 4px 4px 0px;

	outline: none;

}



#carousel-featured .owl-nav .owl-prev:hover, #carousel-related .owl-nav .owl-prev:hover, #carousel-featured .owl-nav .owl-next:hover, #carousel-related .owl-nav .owl-next:hover {

	color:#04978e;

}



#carousel-featured .owl-dots {

	display: none;

}



#carousel-featured > .owl-stage-outer > .owl-stage > .owl-item {

	border-right: 1px solid #eee;

}





#carousel-featured > .owl-stage-outer > .owl-stage > .owl-item > div > .product-thumb {

	margin-bottom: 0px ;

}





/* breadcrumb */



.breadcrumb {

	background-color: #fff;

	margin: 0 0 16px 0;

	padding: 0px;

	display: -webkit-box;

    -webkit-line-clamp: 1;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    min-height: 22px;

    max-height: 22px;

}



.breadcrumb > li {

	display: inline-block;

	position: relative;

	padding: 0 20px;

	color: #999;

}



.breadcrumb > li:first-child{

	padding-left: 0px;

}



.breadcrumb > li:after {

	content: '';

    display: block;

    position: absolute;

    top: 7px;

    right: -6px;

    width: 6px;

    height: 6px;

    border-right: 1px solid #DDD;

    border-bottom: 1px solid #DDD;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



.breadcrumb > li:last-child::after{

	content: '';

	display: none;

}



.breadcrumb > li + li:before {

    content: none;

}



select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {

	font-size: 14px;

}



.form-control {

    height: 34px;

	border-color: #eee;

	box-shadow: none;

}



#product-compare .product-title a {

	color: #04978e;

}



#search .form-control:focus {

    border-color: #04978e;

    outline: 0;

	box-shadow: none;

}



.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {

	font-size: 12px;

}

.input-group .input-group-addon {

	font-size: 12px;

	height: 30px;

	background: #fff;

	border: none;

}



.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {

    border-bottom-width: 1px;

	font-weight: bold;

	text-align: center;

	color: #272727;

}







/* Fix some bootstrap issues */

span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {

	display: inline;

}



.nav-tabs {

	margin-bottom: 15px;

}

div.required .control-label:before {

	content: '* ';

	color: #F00;

	font-weight: bold;

}



.panel-body {

    padding: 16px;

}



.panel-default {

    border-color: #eee;

}



.panel {

	box-shadow: none;

}



.panel-default > .panel-heading + .panel-collapse > .panel-body {

    border-top-color: #eee;

}



.panel-default > .panel-heading {

    color: #272727;

    background-color: #f2f2f2;

    border-color: #eee;

}



#checkout-checkout .form-control {

	height: 34px;

} 



#checkout-checkout .buttons {

	margin-bottom: 0px;

}



.category-buttons {

	overflow: auto;

}



#checkout-checkout .panel-default > .panel-heading {

	color: #272727;

    background-color: #f2f2f2;

    border-color: #eee;

}



#checkout-checkout .sub-panel-title, #checkout-checkout legend {

	font-size: 20px;

    line-height: 28px;

    color: #272727;

    margin: 0px 0px 8px;

}



.sub-panel-title {

	font-size: 20px;

    line-height: 28px;

    color: #272727;

	margin: 12px 0px 8px;

}



#checkout-checkout legend {

	padding: 0px 0px 8px;

}



#product-category .refine-search {

	margin-bottom: 12px;

}



#product-category .refine-search a {

	color: #5f6368;

    font-size: 14px;

    line-height: 24px;

    background: #f2f2f2;

    padding: 4px 12px;

    border-radius: 4px;

    display: inline-block;

    margin: 0px 10px 10px 0px;

    vertical-align: top;

}



#product-category .refine-search a:hover {

	color: #04978e;

}



.pagination-results {

	color: #999;

	padding: 16px 0px;

}



/* Gradent to all drop down menus */

.dropdown-menu li > a:hover {

	text-decoration: none;

	color: #04978e;

}



.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {

	background-color: #04978e;

    border-color: #04978e;

}



/* top */

#top {

	background-color: #f2f2f2;

	padding: 0px;

	margin: 0 0 20px 0;

	min-height: 0px;

}

#top .container {

	padding: 0 16px;

}

#top #form-currency .currency-select,

#top #form-language .language-select {

	text-align: left;

}

#top #form-currency .currency-select:hover,

#top #form-language .language-select:hover {

	text-shadow: none;

	background-color: #ffffff;

	color:#04978e;

}

#top .btn-link, #top-links li, #top-links a {

	color: #5f6368;

	text-decoration: none;

	font-size: 14px;

}

#top .btn-link:hover, #top-links a:hover {

	color: #5f6368;

}

#top-links .dropdown-menu a {

	text-shadow: none;

}

#top-links .dropdown-menu a:hover {

	color: #FFF;

}

#top .btn-link strong {

	font-size: 14px;

        line-height: 14px;

}

#top-links {

	line-height: 32px;

}

#top-links a + a {

	margin-left: 15px;

}



#top .btn {

	padding: 0px 12px 0px 0px;

    line-height: 32px;

	border: 0px;

} 



#top .list-inline {

	padding-left: 0px;

	margin: 0px;

    list-style: none;

}



#top .list-inline > li:last-child{

	padding-right: 0px;

}



header {

	margin: 30px 0 30px 0;

}

/* logo */

#logo {

	height: 40px;

}



#logo h1 {

	margin-top: 10px;

}



/* search */

#search {

	padding: 0px 40px;

}

#search .input-lg {

	font-size: 14px;

	height: 40px;

	line-height: 20px;

	padding: 0 10px;

	border: 2px solid #04978e;

}

#search .btn-lg {

	font-size: 15px;

	line-height: 18px;

	padding: 10px 16px;

	outline: none;

}



#search .btn {

	border: 1px solid #04978e;

}



.swiper-viewport {

	margin-bottom: 16px;

	border: none;

	box-shadow: none;

}



.fa-stack {

    width: 1.5rem;

}





.btn-link:focus, .btn-link:hover {

    color: #04978e;

	outline: none;

}



.btn-default.active:hover, .btn-default:active:hover, .btn-default.active, .btn-default.active:focus {

	color: #04978e;

	background-color: #f2f2f2;

    border-color: #eee;

	outline: none;

}



.btn.active {

	box-shadow: none;

	outline: none;

}



.btn-default:hover {

    color: #04978e;

	background-color: #f2f2f2;

    border-color: #eee;

	outline: none;

}



#search .btn-default {

	color: #fff;

	background: #04978e;

}



#search .btn-default:hover, #search .btn-default:active {

	color: #fff;

    background-color: #04978e;

    border-color: #04978e;

}



.btn-default, .btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default:active:hover {

    color: #4d5156;

    background-color: #fff;

    border-color: #eee;

	outline: none;

	box-shadow: none;

}



.tags-view {

    color: #4d5156;

    font-size: 13px;

    line-height: 24px;

    padding: 0px 12px;

    background: #f2f2f2;

    padding: 4px 12px;

    border-radius: 4px;

    display: inline-block;

    margin: 0px 0px 10px 8px;

    vertical-align: top;

}



.tags-view:last-child {

    display: none;

}



#product-product .btn {

	padding: 6px 12px;

}



/* cart */

#cart {

	margin: 6px 0px 26px 0px;

}

#cart > .btn {

	font-size: 14px;

	line-height: 18px;

	color: #FFF;

}

#cart.open > .btn {

	background-image: none;

	background-color: #FFFFFF;

	border: 1px solid #E6E6E6;

	color: #666;

	box-shadow: none;

	text-shadow: none;

}

#cart.open > .btn:hover {

	color: #444;

}

#cart .dropdown-menu {

	background: #eee;

	z-index: 1001;

}

#cart .dropdown-menu {

	min-width: 100%;

}



#cart > a {

	color: #272727;

	position: relative;

}



#cart-total {

    position: absolute;

    font-size: 8px;

    line-height: 14px;

    width: 14px;

    text-align: center;

    top: -14px;

    right: -7px;

    color: #fff;

    background: #04978e;

    border-radius: 50%;

    padding-left: 1px;

}



#cart .fa-shopping-cart {

	font-size: 24px;

	line-height: 40px;

}



#wishlist, #compare {

    margin: 6px 0px 26px 0px;

}



.header-right-icons > a {

	display: inline-table;

	color: #272727;

	position: relative;

}



.header-right-icons > a > .fa {

    font-size: 24px;

	padding: 8px 8px;

}



#wishlist-total, #compare-total, #cart-total {

    position: absolute;

    font-size: 8px;

    line-height: 14px;

    width: 14px;

    text-align: center;

	top: 2px;

    right: 2px;

    color: #fff;

    background: #04978e;

    border-radius: 50%;

    padding-left: 1px;

}



 #wishlist.btn-block, #cart.btn-block, #compare.btn-block {

	width: 15%;

}



@media (max-width: 478px) {

	#cart .dropdown-menu {

		width: 100%;

	}

}

#cart .dropdown-menu table {

	margin-bottom: 10px;

}

#cart .dropdown-menu li > div {

	min-width: 427px;

	padding: 0 10px;

}

@media (max-width: 478px) {

	#cart .dropdown-menu li > div {

		min-width: 100%;

	}

}

#cart .dropdown-menu li p {

	margin: 20px 0;

}

/* menu */



.container-menu {

	border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    position: sticky;

    top: 0px;

    z-index: 9;

    background: #fff;

	margin-bottom: 20px;

}



#menu.navbar {

	margin-bottom: 0px;

}



#menu .nav > li > a {

	font-size: 15px;

	font-weight: 700;

	line-height: 36px;

	color: #272727;

	padding: 10px 15px 10px 15px;

	background-color: transparent;

	transition: color 0.5s;

}

#menu .nav > li > a:hover, #menu .nav > li.open > a {

	color: #04978e;

}

#menu .dropdown-menu {

	padding-bottom: 0;

}



#menu .dropdown-menu {

    background: #fff;

    border: 0px;

    border-radius: 4px;

    padding: 20px;

    box-shadow: 0 0 7px rgb(0 0 0 / 12%);

}



#menu .dropdown-inner {

	display: table;

}

#menu .dropdown-inner ul {

	display: table-cell;

}

#menu .dropdown-inner a {

	min-width: 160px;

	display: block;

	padding: 4px 8px;

	clear: both;

	line-height: 20px;

	color: #4d5156;

	font-size: 14px;

}

#menu .dropdown-inner li a:hover {

	color: #04978e;

}



#menu hr {

	margin-top: 8px;

    margin-bottom: 8px;

}



#product-product hr {

	margin-top: 12px;

    margin-bottom: 12px;

}



#product-product #button-cart {

	padding: 10px 14px;

}



#menu .see-all {

	display: block;

	padding: 4px 8px;

    font-size: 14px;

}

#menu .see-all:hover, #menu .see-all:focus {

	text-decoration: none;

	color: #04978e;

}

#menu #category {

	float: left;

	padding-left: 15px;

	font-size: 16px;

	font-weight: 700;

	line-height: 40px;

	color: #fff;

	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);

}

#menu .btn-navbar {

	font-size: 15px;

	font-stretch: expanded;

	color: #FFF;

	padding: 2px 18px;

	float: right;

	background-color: #229ac8;

	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);

	background-repeat: repeat-x;

	border-color: #1f90bb #1f90bb #145e7a;

}

#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled], .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled]:hover {

	color: #ffffff;

	background-color: #04978e;

}

@media (min-width: 768px) {

	#menu .dropdown:hover .dropdown-menu {

		display: block;

	}

}

@media (max-width: 767px) {

	#menu {

		border-radius: 4px;

	}

	#menu div.dropdown-inner > ul.list-unstyled {

		display: block;

	}

	#menu div.dropdown-menu {

		margin-left: 0 !important;

		padding-bottom: 10px;

		background-color: rgba(0, 0, 0, 0.1);

	}

	#menu .dropdown-inner {

		display: block;

	}

	#menu .dropdown-inner a {

		width: 100%;

		color: #fff;

	}

	#menu .dropdown-menu a:hover,

	#menu .dropdown-menu ul li a:hover {

		background: rgba(0, 0, 0, 0.1);

	}

	#menu .see-all {

		margin-top: 0;

		border: none;

		border-radius: 0;

		color: #fff;

	}

}



#tab-review .fa-stack {

    width: 16px;

    height: 26px;

    line-height: 22px;

}



.product-description {

	display: -webkit-box;

    -webkit-line-clamp: 4;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    min-height: 88px;

    max-height: 88px;

}



.product-description-link-more, .product-description-link-collapse {

	position: relative;

	cursor: pointer;

	color:#04978e;

}



@media (max-width: 767px) {

	#product-compare .table-responsive > .table > tbody > tr > td {

		white-space: initial;

		min-width: 180px;

		max-width: 180px;

	}

}

/* content */



#content .product-thumb{

	margin-bottom: 0px;

}



#content {

	min-height: 600px;

}

/* footer */

footer {

	margin-top: 30px;

	padding-top: 30px;

	background-color: #f2f2f2;

	border-top: 1px solid #eee;

	color: #5f6368;

}



footer .sub-panel-title {

	font-size: 18px;

	margin: 0px 0px 16px 0px;

}



footer .list-unstyled li {

	margin-bottom: 8px;

}



footer hr {

	border-top: none;

	border-bottom: 1px solid #666;

	margin-top: 12px;

}

footer a {

	color: #5f6368;

}

footer a:hover {

	color: #5f6368;

}

footer h5 {

	font-family: 'Open Sans', sans-serif;

	font-size: 13px;

	font-weight: bold;

	color: #5f6368;

}



footer hr {

	border: 0px;

	border-bottom: 1px solid #e6e6e6;

}

/* alert */

.alert {

	padding: 8px 14px 8px 14px;

}



.pagination {

	margin: 0px 0px 2px 0px;

}



.pagination > li > a, .pagination > li > span {

	border: 1px solid #eee;

	border-right: 0px;

	margin-left: 0px;

	color: #5f6368;

}



.pagination > li:last-child > a {

	border-right: 1px solid #eee;

}



.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {

	background-color: #04978e;

    border-color: #04978e;

}



.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {

    color: #04978e;

    background-color: #fff;

    border-color: #eee;

}

/* buttons */

.buttons {

	margin: 1em 0;

}

.btn {

	padding: 7.5px 12px;

	font-size: 14px;

	border-radius: 4px;

}

.btn-xs {

	font-size: 9px;

}

.btn-sm {

	font-size: 10.2px;

}

.btn-lg {

	padding: 10px 16px;

	font-size: 15px;

}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {

	font-size: 14px;

}



.open > .dropdown-menu {

    display: block;

	background: #fff;

    border: 0px;

    border-radius: 4px;

    padding: 20px;

    box-shadow: 0 0 7px rgb(0 0 0 / 12%);

}



.btn-group > .btn-xs {

	font-size: 9px;

}

.btn-group > .btn-sm {

	font-size: 10.2px;

}

.btn-group > .btn-lg {

	font-size: 15px;

}

.btn-primary {

	font-size: 14px;

	padding: 6px 14px;

	color: #ffffff;

	background-color: #04978e;

	border-color: #04978e;

}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn-primary:active:hover {

	outline: none;

	background-color: #04978e;

	border-color: #04978e;

	background-position: 0 -15px;

}

.btn-warning {

	color: #ffffff;

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	background-color: #faa732;

	background-image: linear-gradient(to bottom, #fbb450, #f89406);

	background-repeat: repeat-x;

	border-color: #f89406 #f89406 #ad6704;

}

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {

	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);

}

.btn-danger {

	color: #ffffff;

	background-color: #da4f49;

	border-color: #da4f49;

}

.btn-danger:hover {

	color: #ffffff;

	background-color: #da4f49;

	border-color: #da4f49;

}



.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {

	box-shadow: none;

}

.btn-success {

	color: #ffffff;

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	background-color: #5bb75b;

	background-image: linear-gradient(to bottom, #62c462, #51a351);

	background-repeat: repeat-x;

	border-color: #51a351 #51a351 #387038;

}

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {

	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);

}

.btn-info {

	color: #ffffff;

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	background-color: #df5c39;

	background-image: linear-gradient(to bottom, #e06342, #dc512c);

	background-repeat: repeat-x;

	border-color: #dc512c #dc512c #a2371a;

}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {

	background-image: none;

	background-color: #df5c39;

}

.btn-link {

	border-color: rgba(0, 0, 0, 0);

	cursor: pointer;

	color: #04978e;

	border-radius: 0;

}

.btn-link, .btn-link:active, .btn-link[disabled] {

	background-color: rgba(0, 0, 0, 0);

	background-image: none;

	box-shadow: none;

}

.btn-inverse {

	color: #ffffff;

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	background-color: #363636;

	background-image: linear-gradient(to bottom, #444444, #222222);

	background-repeat: repeat-x;

	border-color: #222222 #222222 #000000;

}

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {

	background-color: #222222;

	background-image: linear-gradient(to bottom, #333333, #111111);

}







a.list-group-item, button.list-group-item {

	color: #272727;

}



a.list-group-item:hover {

	color: #04978e;

	background: #fff;

}



.list-group-item {

    border: 1px solid #eee;

}



.list-group-item.active {

	background-color: #04978e;

    border-color: #04978e;

}



.list-group-item.active2, .list-group-item.active2:hover {

	color: #04978e;

}



/* carousel */

.carousel-caption {

	color: #FFFFFF;

	text-shadow: 0 1px 0 #000000;

}

.carousel-control .icon-prev:before {

	content: '\f053';

	font-family: FontAwesome;

}

.carousel-control .icon-next:before {

	content: '\f054';

	font-family: FontAwesome;

}







.product-title {

	display: -webkit-box;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    min-height: 44px;

    max-height: 44px;

}



#product-compare .product-title {

	display: table-cell;

	-webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    min-height: 44px;

    max-height: 44px;

}



.btn-block + .btn-block {

    margin-top: 8px;

}



#product-compare .btn-block + .btn-block{

	font-size: 14px;

    padding: 6px 14px;

    color: #ffffff;

}



.table-bordered {

	border-color: #eee;

}



.table-bordered .td-col-one {

	color: #999;

}



#product-compare .table > tbody + tbody {

    border-top: 1px solid #eee;

}



.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, 

.table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {

    border: 1px solid #eee;

}



.img-thumbnail {

	border-color: #eee;

}



.input-group-btn > #button-voucher, .input-group-btn > #button-coupon {

	font-size: 14px;

}



legend {

	border-color: #eee;

}



.product-brand-title {

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    max-height: 18px;

    min-height: 18px;

    line-height: 18px;

    white-space: normal;

}



.product-brand-title > a {

	color: #999;

}



/* product list */

.product-thumb {

	border: 0px solid #eee;

	margin-bottom: 20px;

	overflow: auto;

}

.product-thumb .image {

	text-align: center;

}

.product-thumb .image a {

	display: block;

}



.product-thumb .image img {

	margin-left: auto;

	margin-right: auto;

	/* padding: 0px 15px; */

}


.product-grid .product-thumb .image {

	float: none;

}



#module-carousel {

	margin-top: 16px;

}



@media (min-width: 767px) {

	.product-list .product-thumb .image {

		float: left;

		padding: 0 15px;

	}



	#module-slideshow .owl-carousel:hover .owl-nav button.owl-prev, #module-slideshow .owl-carousel:hover .owl-nav button.owl-next {

		display: none;

	}

}

.product-thumb h4 {
    /* font-weight: bold; */
}

.product-thumb .caption {

	padding: 16px;

}

.product-list .product-thumb .caption {

	margin-left: 230px;

}



.product-list .product-title {

	display: -webkit-box;

	-webkit-line-clamp: 1;

	min-height: 22px;

    max-height: 22px;

	margin-bottom: 4px;

}



.product-list .product-brand-title {

	margin-top: 6px;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	max-height: 18px;

    min-height: 18px;

    line-height: 18px;

    white-space: normal;

}



.product-list .product-description {

	display: -webkit-box;

	-webkit-line-clamp: 3;

	overflow: hidden;

	text-overflow: ellipsis;

	-webkit-box-orient: vertical;

	min-height: 66px;

	max-height: 66px;

}



.product-grid .product-description {

	display: none;

}



@media (max-width: 1200px) {

.product-grid .product-thumb .caption {

	min-height: 210px;

}

}

@media (max-width: 767px) {

.product-list .product-title {

	display: -webkit-box;

	-webkit-line-clamp: 2;

	min-height: 44px;

	max-height: 44px;

	margin-bottom: 0px;

}



.product-list .product-description {

	display: none;

}



.product-list .product-brand-title {

	margin-top: 0px;

}



.product-list .product-thumb .caption {

	min-height: 0;

	margin-left: 0;

	padding: 16px;

}

.product-grid .product-thumb .caption, .product-list .product-thumb .caption {

	min-height: 0;

}

}

.product-thumb .rating {

	padding-bottom: 10px;

}

.rating .fa-stack {

	font-size: 8px;

}

.rating .fa-star-o {

	color: #999;

	font-size: 15px;

}

.rating .fa-star {

	font-size: 15px;

}

.rating .fa-star + .fa-star-o {

	color: #E69500;

}



#product-product .rating {

	margin-bottom: 12px;

}



#product-product .rating-div {

	display: inline-block;

	margin-right: 12px;

}



.rating-btn {

	padding: 0px;

	border: 0px;

    background: #fff;

    color: #04978e;

    outline: none;

}



h2.price {

	margin: 0;

}

.product-thumb .price-common {

	color: #272727;

	font-weight: 600;

}

.product-thumb .price-new {

	color: #272727;

	font-weight: 600;

}

.product-thumb .price-old {

	color: #999;

	text-decoration: line-through;

	margin-left: 10px;

}

.product-thumb .price-tax {

	color: #999;

	font-size: 12px;

	display: block;

}

.product-thumb .button-group {

	border-top: 1px solid #ddd;

	background-color: #eee;

	overflow: auto;

}

.product-list .product-thumb .button-group {

	border-left: 1px solid #ddd;

}

@media (max-width: 768px) {

	.product-list .product-thumb .button-group {

		border-left: none;

	}

}

.product-thumb .button-group button {

	width: 60%;

	border: none;

	display: inline-block;

	float: left;

	background-color: #eee;

	color: #888;

	line-height: 38px;

	font-weight: bold;

	text-align: center;

	text-transform: uppercase;

}

.product-thumb .button-group button + button {

	width: 20%;

	border-left: 1px solid #ddd;

}

.product-thumb .button-group button:hover {

	color: #444;

	background-color: #ddd;

	text-decoration: none;

	cursor: pointer;

}



#module-slideshow img {

	object-fit: cover;

}



.thumbnail {

	border: 0px solid #eee;

}



a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {

    border-color: #eee;

}



.product-write-review {

	padding: 8px 14px;

	border-radius: 4px;

	cursor: pointer;

}



.product-form-review {

	display: none;

}



.form-control:focus {

    border-color: #eee;

    outline: 0;

    box-shadow: none;

}



.filter-button-div .text-left {

	padding-right:8px;

}



.filter-button-div .text-right {

	padding-left:8px;

}

  

.owl-carousel .owl-item img {

	width: auto;

}



#module-slideshow .owl-carousel .owl-item img {

	width: 100%;

}





@media (max-width: 1200px) {

	.product-thumb .button-group button, .product-thumb .button-group button + button {

		width: 33.33%;

	}



	#module-slideshow img {

		height: 280px;

	}

}

@media (max-width: 767px) {



	#module-slideshow img {

		height: 360px;

	}



	.product-thumb .button-group button, .product-thumb .button-group button + button {

		width: 33.33%;

	}







	.extension-module-filter-m .sub-panel-title {

		margin: 0px !important;

		padding: 10px 16px;

	}

	

	.extension-module-filter-m .panel {

		border-radius: 0px;

		border: 0px;

	}

	

	.extension-module-filter-m {

		overflow: auto;

		position: fixed !important;

		height: 100vh;

		max-height: 100vh !important;

		max-width: 100%;

		min-width: 100%;

		top: 0;

		right: 0;

		z-index: 14;

		transform: translate(+100%,0);

		transition: 0.3s linear;

		background: #fff;

	}



	.module-filter-m-show {

		transform: translate(0%,0);

	}

	

	.module-filter-m-show .sub-panel-title {

	  position: sticky;

	  top: 0px;

	  background: #fff;

	  z-index: 1;

	}



	.filter-button-div .text-left {

		padding-right:15px;

		margin-bottom: 10px;

	}

	

	.filter-button-div .text-right {

		padding-left:15px;

	}





}

.thumbnails {

	overflow: auto;

	clear: both;

	list-style: none;

	padding: 0;

	margin: 0;

}

.thumbnails > li {

	margin-left: 20px;

}

.thumbnails {

	margin-left: -20px;

}

.thumbnails > img {

	width: 100%;

}

.image-additional a {

	margin-bottom: 20px;

	padding: 5px;

	display: block;

	border: 1px solid #eee;

}

.image-additional {

	max-width: 78px;

}

.thumbnails .image-additional {

	float: left;

	margin-left: 20px;

}



.product-layout {

	padding: 0px;

	margin-right: -1px;

    margin-bottom: -1px;

}



#column-left .sub-panel-title:first-child {

	margin: 0px 0px 8px;

}



.show-xs {

    display: none;

}



.m-filter {

	display: none;

}



.m-show-filter {

	margin-bottom: 15px;

	text-align: right;

	display: block;

}



.m-show-filter > .product-category-filter > .btn {

	padding: 5px 9.5px;

	background: #fff;

	width: 100%;

	border: 1px solid #eee;

}



.input-group-sm > .form-control {

	height: 32px;

    padding: 6px 10px;

    font-size: 14px;

}



.panel-footer {

    background-color: #fff;

    border-top: 0px;

}



.panel-footer #button-filter-reset {

	border: 1px solid #eee;

	background: #f2f2f2;

	border-radius: 4px;

}



.panel-footer #button-filter-reset:hover {

	color: #04978e;

}



.panel-footer #button-filter-reset, .panel-footer #button-filter {

	padding: 6px 8px;

	font-size: 14px;

	line-height: 18px;

	width: 100%;

	outline: none;

}



#footer-nav-1, #footer-nav-2, #footer-nav-3, #footer-nav-4 {

	position: relative;

	display: none;

}



.alert-dismissable .close, .alert-dismissible .close {

    top: 0px;

    right: 0px;

}



.header-mobile-navicon {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    /* position: sticky; */
    /* top: 32px; */
    /* z-index: 9; */
    /* background: #fff; */
    margin: 0 0 16px 0;
}


.header-mobile-navicon > ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

}



.header-mobile-navicon > ul > li {

	display: inline-block;

	color: #272727;

	position: relative;

	vertical-align: middle;

	padding: 15px 16px;

}



.header-mobile-navicon > ul > li > .fa {

	font-size: 20px;

	display: block;

}



.header-mobile-bottom {

    border-top: 1px solid #eee;

    background: #fff;

    position: fixed;

    bottom: 0px;

    z-index: 5;

    width: 100%;

    text-align: center;

}



.header-bottom-icons {

	display: flex;

    align-items: center;

    justify-content: space-around;

}



.header-bottom-icons > a {

	display: inline-table;

	padding: 16px;

	color: #272727;

	position: relative;

}



.header-bottom-icons > a > .fa {

	font-size: 24px;

}



.header-bottom-icons > a > #wishlist-total-m, .header-bottom-icons > a > #compare-total-m, .header-bottom-icons > a > #cart-total-m {

    position: absolute;

    font-size: 8px;

    line-height: 14px;

    width: 14px;

    text-align: center;

    top: 8px;

    right: 8px;

    color: #fff;

    background: #04978e;

    border-radius: 50%;

    padding-left: 1px;

}







.header-back-menu-m {

    background-color: rgba(0,0,0,0.5);

    position: fixed!important;

    top: 0!important;

    left: 0!important;

    width: 100vw!important;

    height: 100vh!important;

    z-index: 50;

    padding: 0px;

    animation: none;

    display: none;

    transition: 0.5s;

}



.html-menu {

	overflow: hidden;

	margin-right: 0px;

}



.top-menu {

	min-width: 16rem;

 }



 .top-menu {

    background: #fff;

    position: fixed;

    top: 0;

	right: 20%;

    bottom: 0;

    left: 0;

	height: 100vh;

	overflow: auto;

    min-width: 224px;

    max-width: 100%;

    z-index: 60;

    transition: 0.5s;

    transform: translateX(-100%);

}



.top-menu .menu {

    list-style: none;

    margin: 0px;

    padding: 16px;

}



.top-menu ul li {

    padding: 8px 16px ;

}



.top-menu ul li:first-child {

    padding-top: 0px;

}



.top-menu ul li:last-child {

    padding-top: 0px;

}



.top-menu ul li .sub-menu {

    list-style: none;

    padding-left: 16px;

}



.top-menu ul li .sub-menu li {

    padding: 8px 16px;

}



.top-menu ul li .sub-menu li:last-child {

    padding: 8px 16px 0px 0px;

}



.top-menu ul li > a{

    text-decoration: none;

    color: #212529;

}



.top-menu ul li > a:hover{

    color: #007bfb;

}



.top-menu .span-cat-name {

	display: block;

	position: relative;

	padding: 10px 15px;

}



.top-menu .span-fa {

	position: absolute;

	right: 15px;

	top: 10px;

}



.top-menu .cat-down-name {

	display: none;

}



.top-menu .list-group-item {

	border-radius: 0px;

	border-right: 0px;

}







@media (max-width: 767px) {

	header {

		display: none;

	}



	#top {

		margin: 0px;

		position: sticky;

		top: 0px;

		z-index: 10;

	}



	footer {

		margin-bottom: 60px;

	}



	#footer-nav-1, #footer-nav-2, #footer-nav-3, #footer-nav-4 {

		display: block;

	}

	

	#footer-nav-1 > .span-fa, #footer-nav-2 > .span-fa, #footer-nav-3 > .span-fa, #footer-nav-4 > .span-fa {

		position: absolute;

		right: 0;

		top: 0;

	}

	

	#footer-nav-down-1, #footer-nav-down-2, #footer-nav-down-3, #footer-nav-down-4 {

		display: none;

	}



	.show-xs {

		display: block!important;

	}



	.col-xs-12 {

		width: 50%;

	}



	.col-xs-3 > .btn-group-sm > .btn {

		padding: 6px 8px;

		font-size: 12px;

		line-height: 1.5;

		border-radius: 4px;

	}



	.input-group-sm.sort-m {

		display: block;

		height: 32px;

	}



	#input-sort.form-control:last-child {

		border-top-left-radius: 3px;

    	border-bottom-left-radius: 3px;

	}

}



@media (min-width: 1200px) {

	#content .col-lg-2:nth-child(6n+1),

	#content .col-lg-3:nth-child(4n+1),

	#content .col-lg-4:nth-child(3n+1),

	#content .col-lg-6:nth-child(2n+1) {

		clear:left;

	}

}

@media (min-width: 992px) and (max-width: 1199px) {

	#content .col-md-2:nth-child(6n+1),

	#content .col-md-3:nth-child(4n+1),

	#content .col-md-4:nth-child(3n+1),

	#content .col-md-6:nth-child(2n+1) {

		clear:left;

	}

}

@media (min-width: 768px) and (max-width: 991px) {

	#content .col-sm-2:nth-child(6n+1),

	#content .col-sm-3:nth-child(4n+1),

	#content .col-sm-4:nth-child(3n+1),

	#content .col-sm-6:nth-child(2n+1) {

		clear:left;

	}

}



/* fixed colum left + content + right*/

@media (min-width: 768px) {

    #column-left  .product-layout .col-md-3 {

       width: 100%;

    }



	#column-left + #content .product-layout .col-md-3 {

       width: 50%;

    }



	#column-left + #content + #column-right .product-layout .col-md-3 {

       width: 100%;

    }



    #content + #column-right .product-layout .col-md-3 {

       width: 100%;

    }

}



/* fixed product layouts used in left and right columns */

#column-left .product-layout, #column-right .product-layout {

	width: 100%;

}



/* fixed mobile cart quantity input */

.input-group .form-control[name^=quantity] {

	min-width: 50px;

}



/* Missing focus and border color to overwrite bootstrap */

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {

    background-image: none;

    background-color: #df5c39;

}