.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-primary,
button,
input[type='submit'],
input[type='button'],
submit,
input#submitCommentButton,
.readmore,
.button {
  color: #fff;
  background: #656f8c;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
.btn-primary:hover,
button:hover,
input[type='submit']:hover,
input[type='button']:hover,
submit:hover,
input#submitCommentButton:hover,
.readmore:hover,
.button:hover {
  background: #fff;
  color: #555555;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
a {
  color: #656f8c;
}
a:hover {
  color: #9ea5b9;
}
body.bg {
  background: #dddddd;
}
#sp-moble-menu {
  background: #1a1a1a;
}
#sp-main-menu li li:not(.sp-menu-group):hover >a,
#sp-main-menu li li:not(.sp-menu-group).active >a {
  background: #656f8c;
}
#sp-users-wrapper {
  border-top: 1px solid #7cab91;
  border-bottom: 1px solid #7cab91;
  background: #9bbfab;
}
#sp-user-top-wrapper .sp-box {
  background-color: #dddddd;
  color: #656f8c;
}
#sp-user-top-wrapper .sp-box:hover {
  background-color: #656f8c;
  color: #fff;
}
#sp-user-top-wrapper .sp-box:hover h2 {
  color: #fff;
}
#sp-user-top-wrapper .sp-box h2 {
  color: #656f8c;
}
#sp-bottom-wrapper {
  color: #fff;
  border-top: 1px solid #5a637d;
  border-bottom: 1px solid #474e63;
  background: #656f8c;
}
#sp-bottom-wrapper #sp-bottom1 h4 {
  margin: 0;
}
#sp-bottom-wrapper .module h3 {
  margin: 0 0 30px 0;
}
#sp-bottom-wrapper #sp-bottom4 ul.gallery {
  margin-top: 0;
}
#sp-bottom-wrapper ul li {
  color: #bcc0ce;
}
#sp-bottom-wrapper ul li:hover {
  color: #fff;
}
#sp-bottom-wrapper ul li a {
  color: #bcc0ce;
}
#sp-bottom-wrapper ul li a:hover {
  color: #fff;
}
.sp_quickcontact textarea#message {
  border: 1px solid #474e63;
  background: #525a72;
}
.sp_quickcontact .input-append {
  border: 1px solid #474e63;
  background: #525a72;
}
.sp_quickcontact .input-append .add-on i {
  color: #5d6681;
}
.sp_quickcontact input.button {
  color: #656f8c !important;
}
#sp-footer-wrapper {
  background: #525a72;
}
#sp-footer-wrapper #sp-footer2 a.social-icon:hover {
  color: #3a4051;
}
.module.highlighted >.mod-wrapper {
  background-color: #9bbfab;
}
.module.highlighted >.mod-wrapper a:not(.btn) {
  color: #bcc0ce;
}
.module.highlighted >.mod-wrapper a:not(.btn):hover {
  color: #d9dce4;
}
#sp-title-wrapper,
#sp-breadcrumbs-wrapper {
  background: #656f8c;
}
.accordion-heading .accordion-toggle.collapsed,
.accordion-heading .accordion-toggle {
  background-color: #656f8c;
}
.accordion-heading .accordion-toggle.collapsed:hover,
.accordion-heading .accordion-toggle:hover {
  color: #adb3c4;
}
.btn-more:hover,
.btn-more.active {
  background-color: #656f8c;
}
.tab_comment .sptabs ul.tabs_container li.tab.active {
  border-top: 4px solid #656f8c;
}
.tab ul.nav-tabs >li.active,
.tab ul.nav-tabs >li:hover {
  border-top: 3px solid #656f8c;
}
#sp-right .k2ItemsBlock >ul li .moduleItemDateCreated {
  color: #656f8c;
}
.pagination ul li a:hover,
.pagination ul li a.active {
  background-color: #656f8c !important;
}
.pagination ul li.pagination-active a {
  background-color: #656f8c !important;
}
ul.pricing-table {
  background: #656f8c;
  border-top: 5px solid #8089a4;
  border-bottom: 5px solid #8089a4;
}
ul.pricing-table >li.plan-price {
  background: #8089a4;
  color: #fff;
}
ul.pricing-table >li.plan-signup >a {
  background: #9ea5b9;
}
ul.pricing-table.featured {
  background: #454c60;
}
div.subCategory a.readmore,
div.catItemDetails a.readmore,
div.userItemReadMore a.readmore,
div.tagItemReadMore a.readmore {
  background: #656f8c;
}
div.subCategory a.readmore:hover,
div.catItemDetails a.readmore:hover,
div.userItemReadMore a.readmore:hover,
div.tagItemReadMore a.readmore:hover {
  background: #fff;
  color: #444 !important;
}
div.k2CategoriesListBlock a,
.k2LatestCommentsBlock a,
.k2TopCommentersBlock a {
  color: #555555;
}
div.k2CategoriesListBlock a:hover,
.k2LatestCommentsBlock a:hover,
.k2TopCommentersBlock a:hover {
  color: #656f8c;
}
div.k2TagCloudBlock a {
  background: #656f8c;
  color: #fff;
}
div.k2TagCloudBlock a:hover {
  color: #555555;
  background: #fff;
}
