@charset "utf-8"; 

/*
	default:#2298a2
	dark: #16737b
	light: #cff8fc
*/


/* publish */
a:hover{color: #16737b;}

.text-theme{ color: #2298a2 !important;}
.text-theme:hover{ color: #16737b !important;}

.border-theme{ border-color:#2298a2 !important;}

.bg-theme, .bg-theme:visited{ background-color: #2298a2 !important; color: #fff;}
a.bg-theme:hover, button.bg-theme:hover{background-color: #16737b !important; color: #fff;}
.bg-theme-dark{ background-color: #16737b; color: #fff;}
.bg-theme-light{ background-color: #cff8fc;}

.btn-theme{ background-color: #2298a2; color: #fff; border-color: #16737b;}
.btn-theme:hover, .btn-theme:focus{background-color: #16737b; color: #fff;}

.dynamic-bg::before, .dynamic-bg::after{ background:#2298a2;}

/* tab */
.nav-tabs>li>a:hover{ color: #2298a2;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color: #2298a2;}
.nav-tabs>li.active .badge{ background-color: #cff8fc;}

/* menu */
.header .site-menu li.active a, .header .site-menu li.active a:hover{ background-color: #2298a2; color: #fff;}
.header .site-menu li a:hover{ color: #2298a2; background-color: #eee;}
.menu-badge{ background-color: #2298a2; }
.menu-badge::before{ border-bottom-color: #2298a2;}
.all-product .category-link:hover, .all-product.opened .category-link{ color: #2298a2;}
.all-product .product-category .nav > li > a:hover, .all-product .product-category .nav > li.active a{ color: #2298a2;}

.aside-menu > ul > li:hover > a{ color: #2298a2;}

/* banner */
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background-color: #2298a2; }

/* page */
.crumbs ul li.active a{ background-color: #2298a2;}
.crumbs ul li.active a::after {  border-left-color: #2298a2;}

.leftmenu li.active{ border-left: 5px solid #2298a2; margin-left: -5px; }
.leftmenu li.active > a, .leftmenu li.active > a:hover{ background-color: #cff8fc; color: #2298a2;}

.breadcrumb li a:hover{color: #cff8fc; }

.nav-tabs.tabs-lg{ border-color: #2298a2;}
.nav-tabs.tabs-lg li.active a{ background-color: #2298a2;}

.filter-group .filter-item .btn.active{ border-color:  #2298a2; color: #2298a2;}
.filter-group .filter-item .btn.active::before{background-color: #2298a2;}

.thumbs_list li.over{ -webkit-box-shadow: 0 0 0 2px #2298a2; box-shadow: 0 0 0 2px #2298a2;}