/* General
================================================== */
.wsa-demobar {background:#008dcb !important;font-family: "Open Sans", Helvetica, sans-serif !important;}
body {background: #ffffff ;background-size:;font-family: "Open Sans", Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, .gui-page-title {font-family: "Open Sans", Helvetica, sans-serif;}
.container, .content {background:#fff;}
input:focus {outline: 2px auto #ccc;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

/* Lay-out
================================================== */

.title-box strong,
#footer #newsletter .newsletter-desc strong,
#sidebar .widget .recent-title-box strong,
.navigation .nav-title-box {font-family: "Open Sans", Helvetica, sans-serif;}

#header {background:#ffffff;}
.navigation .nav .navbar {background:#ffffff;}
#footer {background:#f3f4f6;}

/* Primary */
#header #logo .cart-button .cart-count,
#header #cart .cart-button .cart-count {background:#008dcb;color:#fff;}
.btn-default {background:#008dcb;color:#fff;}
.btn-default a {color:#fff;}
#copyright a {color:#008dcb;}

/* Secondary */
#topnav {background:#f3f4f6;border-bottom:1px solid #ddd;}
.navigation .nav .navbar .nav li.active > a {color: #008dcb;}
.breadcrumbs .crumb.active {color: #008dcb;}
.usp .usp-list .usp-item i {color: #008dcb;}
#header #logo .navicon > a i {color: #008dcb;}
#slider .owl-theme .owl-dots .owl-dot.active span {background: #008dcb;}
.navigation .navbar .nav li .nav-megamenu .menu-row li .subsubnav .subsubitem:hover .title.italic {color: #008dcb;}
.product-image .specs-cor {background: #008dcb;}
.product-image .specs-cor:hover {background: #0070a2;}
#tags .tags .tag a:hover {background:#008dcb;color:#fff;}
.product-details .combi i {color: #008dcb;}
.plus-icon {background:#008dcb;color:#fff;}
#collection #filter_form2 .modes ul li a.active i {color:#008dcb;}
.product-thumbs .owl-item.active.center a::before {border:2px solid #008dcb;}
.product .cart .product-icon .list-details .list-item a:hover i {background: #008dcb;border:1px solid #008dcb;color:#fff;}
#blogs .blog .blog-container .article-item .article .post-btn {color:#008dcb;}

#footer #newsletter .news-button {background: #008dcb;}
#related .products .no-products-found,
#products .products .no-products-found {border: 1px solid #ddd;background: #f3f4f6;color: #000;}
#slider .owl-theme .owl-dots .owl-dot:hover span {background: #005479;}
#collection .pagination .pager .number.active a, .pagination .pager .number:hover a {color:#008dcb;}

/* buttons */
a {color:#000;}
a:hover {color: #008dcb;}
.gui a {color: #008dcb;}
.text-primary {color: #337ab7;}
a.text-primary:hover,
a.text-primary:focus {color: #286090;}
.text-success {color: #3c763d;}
a.text-success:hover,
a.text-success:focus {color: #2b542c;}
.text-info {color: #31708f;}
a.text-info:hover,
a.text-info:focus {color: #245269;}
.text-warning {color: #8a6d3b;}
a.text-warning:hover,
a.text-warning:focus {color: #66512c;}
.text-danger {color: #a94442;}
a.text-danger:hover,
a.text-danger:focus {color: #843534;}
.bg-primary {color: #fff;background-color: #337ab7;}
a.bg-primary:hover,
a.bg-primary:focus {background-color: #286090;}
.bg-success {background-color: #dff0d8;}
a.bg-success:hover,
a.bg-success:focus {background-color: #c1e2b3;}
.bg-info {background-color: #d9edf7;}
a.bg-info:hover,
a.bg-info:focus {background-color: #afd9ee;}
.bg-warning {background-color: #fcf8e3;}
a.bg-warning:hover,
a.bg-warning:focus {background-color: #f7ecb5;}
.bg-danger {background-color: #f2dede;}
a.bg-danger:hover,
a.bg-danger:focus {background-color: #e4b9b9;}

/* btn */
.btn:hover, .btn:focus, .btn.focus {background:#0070a2;color:#fff;}
.variants .btn-change {border-color: #ccc;font-style: italic;font-size: 1em;padding: 5px 8px;position:relative;text-align: center;margin-bottom: 10px;}
.variants .btn-change i {font-size: 30px;position: absolute;top: 0px;right: 0px;}
.variants .btn-change:hover i {color: #008dcb !important;}
.variants .btn-change:hover, .variants .btn-change:focus {background:transparent;border:1px solid #008dcb;color: #008dcb;}
#header #cart .cart-button i,
#header #cart .cart-button strong {color:#000;}

.gui-block-highlight .gui-block-content a.gui-button-large.gui-button-action, .gui-block-highlight .gui-block-content a.gui-button-large.gui-button-action:active, .gui-block-highlight .gui-block-content a.gui-button-small.gui-button-action:active, .gui-block-highlight .gui-confirm-buttons a.gui-button-small.gui-button-action {background-color:#008dcb !important;color:#fff;}
.gui a.gui-button-large.gui-button-action, .gui a.gui-button-small.gui-button-action,
.gui a.gui-button-large.gui-button-action {background-color:#008dcb !important;color:#fff;}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {background-color: #f5f5f5;}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {background-color: #e8e8e8;}

/* Collection
================================================== */
#navigation #nav .navbar .nav > li:hover > a,
#sidebar .widget ul li label:hover, #sidebar .widget ul li.selected label,
#sidebar .widget ul li a:hover, #sidebar .widget ul li.active a {/*background:#cce8f4;*/color: #008dcb;}
#sidebar .nav-container .navbar ul .item:hover a,
#sidebar .nav-container .navbar ul .item.active a {/*background:#cce8f4;*/color: #008dcb;}
#sidebar .widget ul li input:focus {outline:none;;}
#sidebar .widget ul li.selected input {background-color:#008dcb;border:1px solid #008dcb;}
.ui-slider-range {background:#99d1ea;border:1px solid #008dcb;}
#sidebar .widget ul li input[type="checkbox"]:checked  + .cr > .ck-icon {background:#008dcb !important;border:1px solid #008dcb;}
#sidebar .widget ul li.selected input[type="radio"]  + .cr > .ck-icon {background:#008dcb !important;border:1px solid #008dcb;color:#008dcb;}


.discount.sale {background-color:#99cf43;}
.discount.super {background-color:#0a8de9;}
.discount.new {background-color:#0a8de9;}
.discount.best {background-color:#0a8de9;}
.discount.sold {background-color:#e0344b;}