/*
   usage
*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hide-md {
    display: none;
  }
}
@media (max-width: 360px) {
  .col-xxs-12 {
    width: 100%;
  }
}
::selection {
  color: #FFFFFF /*@Color-10*/;
  background: #35c5ff /*@Color-33*/;
}
::-moz-selection {
  color: #FFFFFF /*@Color-10*/;
  background: #35c5ff /*@Color-33*/;
}
.site-color {
  color: #FFFFFF /*@Color-10*/ !important;
}
a:hover,
a:focus,
a.link,
.link {
  color: #007d78 /*@Color-78*/;
}
.search-full,
.search-input {
  background: #4BB777 /*@Color-09*/;
}
.search-close {
  color: #4BB777 /*@Color-09*/;
}
.searchInputBox .search-btn {
  color: #FFFFFF /*@Color-10*/;
}
.navbar-tshop {
  background: #FFFFFF /*@Color-10*/;
}
.navbar-tshop .navbar-content {
  background: #FFFFFF /*@Color-10*/;
  width: 100%;
}
.btn-primary,
.product:hover .add-fav:hover,
.product:hover .add-fav.active {
  background-color: #007d78 /*@Color-78*/;
  color: #FFFFFF /*@Color-10*/;
}
.btn-primary:hover,
.btn-primary:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #00a77c /*@Color-17*/;
  border-color: #66DE97 /*@Color-08*/;
  color: #FFFFFF /*@Color-10*/;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #007d78 /*@Color-78*/;
  border-color: #66DE97 /*@Color-08*/;
  color: #FFFFFF /*@Color-10*/;
  /*background: @primaryColorSkin;*/
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary.active {
  background-color: #A1A6A9 /*@Color-13*/ !important;
}
.navbar-top {
  background: #FFFFFF /*@Color-10*/;
}
.navbar-nav > li > a {
  color: #007d78 /*@Color-78*/;
}
.nav > li.active,
.nav > li > a:hover,
.nav li > form > a:hover,
.nav > li:not(.no-focus) > a:focus,
.nav > li:hover > a {
  background: #007d78 /*@Color-78*/;
  color: #FFFFFF /*@Color-10*/;
}
.nav > li.no-focus > a:focus {
  background-color: inherit !important;
  color: inherit !important;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.cartMenu:hover > a.dropdown-toggle {
  background: #58595B /*@Color-05*/;
}
.dropdown-menu {
  border-top: solid #303030 /*@Color-11*/;
  top: 90%;
}
.search-box:hover .form-control {
  background: #FFFFFF /*@Color-10*/;
}
.search-box:hover .btn-nobg {
  color: #FFFFFF /*@Color-10*/;
}
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #FFFFFF /*@Color-10*/ !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff) !important;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff) !important;
  background-color: #58595B /*@Color-05*/ !important;
}
.action-control a:hover,
.action-control a.active {
  color: #FFFFFF /*@Color-10*/;
  background: #00a77c /*@Color-17*/;
}
.product:hover,
.featuredImgLook2 .inner:hover {
  border: 1px solid #FFFFFF /*@Color-10*/;
}
.subCategoryList .thumbnail:hover {
  border: 1px solid #FFFFFF /*@Color-10*/;
}
#pager a.cycle-pager-active {
  background-color: #4BB777 /*@Color-09*/ !important;
  background-color: rgba(75, 183, 119, 0.7) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b34bb777, endColorstr=#b34bb777) !important;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b34bb777, endColorstr=#b34bb777) !important;
}
.pager2 a {
  border: 1px solid #FFFFFF /*@Color-10*/;
}
.pager2 a.selected {
  background: #FFFFFF /*@Color-10*/;
}
.btn-site,
.newsLatterBox .btn {
  background: #FFFFFF /*@Color-10*/;
}
.btn-discover:hover,
.btn-site:hover,
.newsLatterBox .btn:hover {
  background: #303030 /*@Color-11*/;
}
.full {
  width: 100%;
}
.footer a:hover {
  color: #303030 /*@Color-11*/;
}
.modal-header {
  background: #FFFFFF /*@Color-10*/;
}
.nav.tree > li.active,
.nav.tree > li > a:hover,
.nav.tree > li > a:focus,
.nav.tree > li:hover > a {
  background: none;
  color: #2a2a2a /*@Color-16*/;
}
.nav.tree .open-tree > a,
.nav.tree .open-tree > a:hover,
.nav.tree .open-tree > a:focus {
  background: none;
  font-weight: bold;
  color: #303030 /*@Color-11*/;
}
.panel-default:not(.bs-default) > .panel-heading {
  border-top: 4px solid #FFFFFF /*@Color-10*/;
  background-color: #007d78 /*@Color-78*/;
  color: #FFFFFF /*@Color-10*/;
}
.panel-default > .panel-heading a {
  color: #FFFFFF /*@Color-10*/;
}
.panel-default > .panel-heading h1,
.panel-default > .panel-heading h2,
.panel-default > .panel-heading h3,
.panel-default > .panel-heading h4 {
  color: #FFFFFF /*@Color-10*/;
}
.nav-tabs {
  border-bottom: 3px solid #bfc9ca /*@Color-65*/;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li:hover > a {
  background: #007d78 /*@Color-78*/;
}
.socialIcon a:hover {
  background: #FFFFFF /*@Color-10*/;
}
.cart-actions button,
.cart-actions .wishlist {
  background: none repeat scroll 0 0 #FFFFFF /*@Color-10*/;
  border: 2px solid #303030 /*@Color-11*/;
}
.cart-actions button:hover {
  background: #FFFFFF /*@Color-10*/;
  color: #303030 /*@Color-11*/;
  border: solid 2px #FFFFFF /*@Color-10*/;
}
.sp-thumbs a:hover,
.sp-thumbs a:active,
.sp-current,
sp-current:visited {
  border: 2px solid #FFFFFF /*@Color-10*/ !important;
}
.promo-1 {
  background: none repeat scroll 0 0 #303030 /*@Color-11*/;
}
#pager2 span.cycle-pager-active {
  background: #FFFFFF /*@Color-10*/ !important;
}
#pager2 span {
  border: 2px solid #FFFFFF /*@Color-10*/;
}
.orderStep li.active a {
  background: #FFFFFF /*@Color-10*/;
}
.orderStep li.active a:after {
  border-top-color: #FFFFFF /*@Color-10*/ !important;
}
.orderStep li a {
  background: #66DE97 /*@Color-08*/;
}