* {
	margin:0;
	padding:0;
}
body {
	font-family: 'Ubuntu', sans-serif;
	font-size:13px;
	color:#000;
}
a, a:hover, a:active, a:visited, a:focus {
	outline:0;
	color:#000;
	text-decoration: none;
}
a:hover {
	text-decoration:none;	
}
img {
	margin:0;
	padding:0;
	outline:0;
	border:0;
}
h1, h2, h3 {
	color:#000;
	padding:0;
}
h1 {
	font-size:23px;
}
h2 {
	font-size:25px;
	color:#000;
	margin: 0 0 15px 7px;
}
h3 {
	font-size:14px;
}
li {
	list-style-type:none;
}
sup {
	font-size:65%;
}
@font-face {
    font-family: coco-gothic;
    src: url(../fonts/Coco-Gothic-Bold.ttf);
}
.navbar {
	border-bottom: 1px solid #e9e9e9;
	margin-bottom:0px;
}
#categories-list, #categories-list ul {
    list-style-type:none;
    margin:0;
    padding:0;

}
#categories-list li {
    display: contents;
    float: left;
    margin-right: 1px;
}

/* #categories-list li:hover ul a {
    height: 40px;
    line-height: 40px;
} */
#categories-list li:hover ul a:hover {
    color: #fff;
}
.hidden-minisubmenu {
    display: none;
}
.hidden-minisubmenu li {
    display: block;
    float: none;
}
.hidden-minisubmenu li a {
    width: auto;
    min-width: 100px;
    padding-left:36px !important;
}
#categories-list li a:hover + .hidden-minisubmenu, .hidden-minisubmenu:hover {
    display: block;
}

.mini-submenu{
	background-color:#fff;
	border-radius: 4px;
	padding: 9px;
	width: 42px;
	margin-left: 20px;
    margin-top: 6px;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #20adde;
    border-color: #20adde;
}
.list-group {
	display:none;
	margin-left: 20px;
    margin-top: 6px;
}
.mini-submenu:hover{
	cursor: pointer;
}

.mini-submenu .icon-bar {
	border-radius: 1px;
	display: block;
	height: 2px;
	width: 22px;
	margin-top: 3px;
}

.mini-submenu .icon-bar {
	background-color: #35404a;
}

#slide-submenu{
	background: rgba(0, 0, 0, 0.45);
	display: inline-block;
	padding: 0 8px;
	border-radius: 4px;
	cursor: pointer;
}
#sm-hidden-navbar-top-left {
	padding-top:15px;
}
#sm-logo-visible {
	max-width:100px;
	padding-left:10px;
}
.navbar-nav li a {
	padding-top:0px;
	padding-bottom:0px;
}
.navbar-nav li a:hover {
	background-color:transparent;
	color:#6a8095;
}
.navbar-nav li a:focus {
	background-color:transparent;
}
#divider {
	height: 1px;
	width:80%;
	display:block;
	margin: auto;
	overflow: hidden;
	background-color: #e5e5e5;
}
.icon-bar {
	background-color:#333e48;
}
#header-wrapper {
	border-bottom: 1px solid #e9e9e9;
}
#product-src {
	border-radius: 50px 0  0 50px !important;
	border: 2px solid #20adde;
	border-right:none;
	min-height:52px;
}
.input-group {
	padding-top:40px;
}
.input-group-addon {
	border: 2px solid #20adde;
	border-radius: 0 50px 50px 0 !important;
	background-color:#20adde;
}
#product-src {
	font-size:14px;
}
#product-src:focus {
	box-shadow: none !important;
}
.input-group-btn {
	border-top: 2px solid #20adde;
	border-bottom: 2px solid #20adde;
}
.btn-link:focus, .btn-link:hover{
	color: #000;
    text-decoration: none;
	outline:none !important;
}
#search-categories {
	font-size:13px;
	color:#000;
}
.count {
   z-index:1;
   position:absolute;
   top:48px;
   right:14px;
   background-color:#20adde;
  }
.sidebar-header {
	padding: 10px 10px;
    display: block;
    color: #fff;
    background-color: #20adde;
    line-height: 20px;
    cursor: pointer;
    width: 240px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size:19px;
	font-family:coco-gothic;
}
#client-tools {
	padding-top:50px;
}
#client-tools #user {
    background: url(../img/user.png) no-repeat center center;
    width: 30px;
    height: 30px;
    display: inline-table;
}
#client-tools #user:hover {
	background: url(../img/user-hover.png) no-repeat center center;
	width: 30px;
	height: 30px;
}
#header-options {
	margin-bottom:0px;
	padding: 10px 10px;
}
#header-options li:not(:first-child)::before {
	content: "| ";
    padding: 0 5px;
}
#header-options li {
	display:inline-block;
}
#header-options li a {
	text-decoration:none;
	color:#333e48 !important;
}
#header-options li a:hover {
	color:#6a8095 !important;
}
#free-shipping {
	padding-top: 10px;
}
#free-shipping p{
	color:#333e48;
}
.carousel-inner {
	max-width: 1200px;
    margin: auto;
}
.carousel-inner .item {
	background: url(../img/promotion-banner.png) center center no-repeat;
	background-size:cover !important; 
	height:276px;
}
.carousel-indicators {
	left:36%;
}
.carousel-indicators li {
	border:1px solid #20adde;
	width:7px;
	height:7px;
	background-color:#fff;
}
.carousel-indicators .active {
	width:24px;
	height:7px;
	background-color:#20adde;
	margin:1px;
}
#sidebar-menu {
	/* display:none; */
	position:absolute;
	width:240px;
	background-color:#fff;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	z-index:100;
}
#sdb {
    position: relative;
    display: inline-block;
}
#sdb:hover #sidebar-menu {
    display: block;
}
#sidebar-menu ul li a {
	display:block;
}
#sidebar-menu li img{
	margin: 0 6px 0 6px;
	margin-top: auto;
    margin-bottom: auto;
}
#sidebar-menu ul {
	margin:0;
}

#sidebar-menu li:first-child {
	padding-top:10px;
}
#sidebar-menu li:last-child {
	padding-bottom:10px;
	border-bottom: none;
}
#sidebar-menu li {
	display:inline-flex;
	width:100%;
}
.submenu-categories li a{
	color: #333e48;
    padding: 8px 0px 8px 8px;
}
.parent {
    border-bottom: 1px solid #e2e2e2;
}
.parent a {
	float:left;
	padding: 9px 0px 9px 0px;
	width:inherit;
}
.parent img {
	float:left;
}
.submenu {
	display:none;
	margin:0px 0 0 240px;
	width:930px;
	height:100%;
	position:absolute;
	background:#fff;
	top:1px;
}
#sidebar-categories li:hover .submenu {
	display:block;
}
#sidebar-menu li a {
	color:#333e48;
	margin-left:10px;
}
#sidebar-menu li a:hover {
	color:#6a8095;
}
#sidebar-menu li a {
	display: block;
	width:210px;
}
#categories-page {
	border-bottom: 1px solid #e2e2e2;
}
#page-overlay {
	position: relative;
	top: -23px;
	background-color: #fff;

}
.sidebar-list, .sidebar-list li a{
	color:#333;
}
.sidebar-list li {
    padding: 9px 0px 9px 0px;
}
.sidebar-list li::before {
	content:url(../img/chevron.png);
	padding-right:8px;
}
.radio {
    display: block;
	margin: 18px 0 !important;
}
.sidebar-list p {
	color:#191919;
	font-size:15px;
	font-weight:bold;
	margin-bottom:0;
}
#subcategories {
	margin-bottom: 55px;
	margin-top: 28px;
}
.sidebar-list form{
	margin-bottom: 55px;
}
.product-results-header {
	display:inline-block;
	padding-top: 28px;
}
.product-header h1 {
	color:#191919;
}
.product-header li{
	display:inline-block;
}
.product-header li a{
	font-size:13px;
	color:#333;
}
.product-header li:not(:first-child)::before {
    content: "/ ";
    padding: 0 5px;
	color:#333;
}
.order-by {
	padding: 5px 0;
}
.selectpicker {
	border-color:#ededed;
	color:#6f6f6f;
	width: 135px;
	height: 23px;
    padding-left: 5px;
}
.order-by label {
	font-size:13px;
	color:#6f6f6f;
	font-weight:100;
}
.padding-0 {
	padding-left:0px;
	padding-right:0px;
	margin-left: 16px;
    margin-right: 16px;
}

.product {
	height:288px;
	width:180px;
	background:#fff;
	text-align:left;
	padding:10px;
	margin:0 0 16px 0px;
	border:1px solid #fff;
	border-radius: 9px;
}
.product:hover {
	border:1px solid #dddddd;
	border-radius: 9px;
}
.product-image {
	width:156px;
	height:166px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}
.product-image img {
	max-height:166px;
	max-width: 166px;
}
.product-name {
	display:block;
	width:100%;
	height: 60px;
    overflow: hidden;
	text-decoration:none;
	color:#35404a !important;
	text-align:left;
	padding:10px 10px;
	font-size:12px;
	font-weight:bold;
}
.product-price {
	padding:12px 0 0;
}
.new-price {
	color:#ca1324;
	font-size:19px;
}
.old-price {
	color: #35404a;
    text-decoration: line-through;
    font-size: 12px;
    padding: 7px 2px;
}
.cart {
	display:block;
	width:38px;
	height:38px;
	border-radius:100px;
	background:url(../img/white-cart.png) center center no-repeat #20adde;
}
.cart:hover {
	background:url(../img/black-cart.png) center center no-repeat #f3f3f3;
}
.pagination-div {
	background-color: #f8f8f8;
	display: inline-block;
	width: 100%;
	height: 40px;
	border: 1px solid #ededed;
	margin-top:65px;
	margin-bottom:20px;
}
.breadcrumb {
	margin: 2px 0;
	background-color:#f8f8f8;
}
.breadcrumb li:not(:first-child)::before {
	content:" - ";
	padding: 0 5px;
	color:#333;
}
.breadcrumb>li>a {
	border:none;
	color:#7b7b7b;
}
.breadcrumb>li>a:hover {
	background-color:transparent;
}
.under-pagination-text {
	color:#6f6f6f;
	margin-bottom:70px;
}
#heading {
	display:inline-block;
	height:40px;
	font-size:20px;
	border-bottom:3px solid #20adde;
}
#most-popular {
	padding-top:65px;
}
#most-popular li {
	border-bottom: 1px solid #ddd;
}
#page-banner {
    width: 100%;
    height: auto;
}
#newsletter {
	padding-top: 50px;
}
#abonare-newsletter p:first-child{
	font-size:23px;
	color:#20adde;
	margin-bottom:0px;
}
#abonare-newsletter p:last-child{
	font-size:15px;
	color:#727272;
	margin-bottom:20px;
}
#newsletter-form {
	padding-top: 12px;
}
#newsletter-button {
	background-color:#20adde; 
	height:38px;
	border:1px solid #20adde;
	border-radius:8px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	width:88px;
	vertical-align: middle;
	color:#fff;
	margin-left:-6px;
}
#newsletter-button:focus {
	outline:0;
}
#name {
	width:204px;
	height:38px;
}
#email {
	width:170px;
	height:38px;
}
#footer {
	padding-top:30px;
}
.footer-column {
	margin:0px 16px;
}
.footer-column:first-child {
	margin-left:0px;
}
#footer ul li:first-child {
	font-size:16px;
}
#footer ul li a {
	color:#727272;
}
#footer-col-5 img {
	max-height:70px;
	width:auto;
	margin-top:-20px;
	margin-left: -14px;
}
.footer-column ul {
	border-right:1px solid #ddd;
}
#footer-col-5 {
	border-right:0px;
}
#copyright  {
	padding-top:36px;
}
#copyright p {
	color:#727272;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
	#product-header h1 {
		font-size:1.5vmax;
	}
	.product-code p {
		font-size: 1.3vmax;
	}
	.facility-description p {
		font-size: 1vmax;
	}
	.facility-description img {
		max-width: 3vw;
	}
	.product-code {
		width: 18vw;
	}
	.new-price-prod-page {
		font-size: 2.6vmax;
	}
	.old-price-prod-page {
		font-size: 1.8vmax;
	}
	.available {
		font-size: 1.5vw;
	}
	.product-prices {
		width: 22vw;
	}
	.buy-now {
		width: 22vw;
		font-size: 1.4vmax;
	}
	#header-options li a {
		font-size:12px;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
	#product-header h1 {
		font-size:1.5vmax;
	}
	.product-code p {
		font-size: 1.3vmax;
	}
	.facility-description p {
		font-size: 1vmax;
	}
	.facility-description img {
		max-width: 3vw;
	}
	.product-code {
		width: 18vw;
	}
	.new-price-prod-page {
		font-size: 2.6vmax;
	}
	.old-price-prod-page {
		font-size: 1.8vmax;
	}
	.available {
		font-size: 1.5vw;
	}
	.product-prices {
		width: 22vw;
	}
	.buy-now {
		width: 22vw;
		font-size: 1.4vmax;
	}
	.footer-column:first-child {
		margin-left: 16px;
	}
	.footer-column.pull-right {
		float:left !important;
	}
	.sidebar-list p {
		font-size: 1.5vmax;
	}
	.sidebar-list, .sidebar-list li a {
		font-size:1.3vmax;
	}
	.product-header h1 {
		font-size: 2.3vmax;
	}
	.product-header li a {
		font-size: 1.3vmax;
	}
	.order-by label {
		font-size: 1.3vmax;
	}	
	#client-tools #user, #client-tools #user:hover {
		width:26px;
	}
	#product-src {
		font-size: 1.7vmax;
	}
	.sidebar-header {
		margin-top: 20px;
	}
}
@media screen and (max-width: 767px) {
	#footer-col-5 img {
		margin-left:0;
	}
		.sidebar-list p {
		font-size: 2.3vmax;
	}
	.sidebar-list, .sidebar-list li a {
		font-size:1.8vmax;
	}
	.product-header h1 {
		font-size: 2.8vmax;
	}
	.product-header li a {
		font-size: 1.8vmax;
	}
	.order-by label {
		font-size: 1.8vmax;
	}	
}
@media screen and (max-width: 567px) {
	.product-header ul {
		display:none;
	}
}

@media screen and (max-width: 991px) {
	#most-popular ul li a {
		font-size:2vmax;
	}
	#abonare-newsletter {
		float: none;
		text-align: center;
	}
	#newsletter-form {
		float:none !important;
		text-align: center;
	}
	.footer-column ul {
		border-right: none;
	}
	.carousel-indicators {
		display:none;
	}
}
@media screen and (max-width: 767px) {
	.footer-column {
		text-align:center;
		margin:0;
	}
	#abonare-newsletter p:first-child {
		font-size:3vmax;
	}
	#abonare-newsletter p:last-child {
		font-size:2.4vmax;
	}
	#footer ul li:first-child {
		font-size:2.4vmax;
	}
	#newsletter-form #name, #newsletter-form #email {
		display:inline-block;
		text-align:center;
	}
	#newsletter-button {
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
	}
	#client-tools {
		display:inline-block;
		padding-top:0;
		vertical-align: middle;
	}
	#client-tools a{
		margin-top: 8px;
	}
	#cart {
		padding-right: 6vw;
	}
	#product-src {
		min-height: 6vw;
	}
	.input-group {
		padding-top: 5vw;
	}
	.tabs li {
		font-size: 2.5vmax;
	} 
	.table.table-striped {
		font-size: 1.6vmax;
	}
	.padding-0 {
		margin-left: 0;
		margin-right: 0;
	}
	.product {
		margin:auto;
	}
	.carousel-inner .item {
		height:35vw;
	}
}
@media screen and (max-width: 567px) {
	#cart {
		padding-right: 4vw;
	}
}
@media screen and (max-width: 479px) {
	.product-image img {
		max-height: 57vw;
		max-width: 57vw;
		/* height: 60vw;
		margin: auto; */
	} 
	.col-xs-6 {
		width:100%;
	}
	#cart {
		padding-right:4vw;
	}
	.col-xs-3 {
		width:35%;
	}
	.product {
		height: calc(256px + 26vw);
		width:80%;
		background:#fff;
		text-align:left;
		padding:10px;
		margin:auto;
		border:1px solid #fff;
		border-radius: 9px;
	}
}
@media screen and (max-width: 666px) {
	.input-group-sm>.input-group-btn>.btn {
		display:none;
	}
	#product-src {
		min-height:36px;
	}
	#src-icon {
		max-width:12vw;
	}
	#product-src {
		font-size: 2vmax;
	}
}
@media screen and (min-width: 991px) {	
	#newsletter-form {
		margin-bottom: 20px;
	}
}
