.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;
}
a:not(.btn) {
  color: #006729;
}
a:not(.btn):hover {
  color: #00cd51;
}
body {
  color: #444444;
}
body.bg {
  background: #f5f5f5;
}
.nav-pills>.active>a,
.nav-pills>.active>a:hover,
.nav-pills>.active>a:focus {
  background-color: #00cd51;
}
#sp-main-menu {
  float: right;
}
#sp-main-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#sp-main-menu ul.level-0 > li:before {
  background: #00cd51;
}
#sp-main-menu ul.level-0 > li:hover a,
#sp-main-menu ul.level-0 > li.active a {
  color: #fff;
}
#sp-main-menu li li:not(.sp-menu-group) >a:before {
  background: #00cd51;
}
#sp-main-menu li li:not(.sp-menu-group) >a.menu-preset1:before {
  background: #22b8f0;
}
#sp-main-menu li li:not(.sp-menu-group) >a.menu-preset2:before {
  background: #00cd51;
}
#sp-main-menu li li:not(.sp-menu-group) >a.menu-preset3:before {
  background: #ee6307;
}
#sp-main-menu li li:not(.sp-menu-group) >a.menu-preset4:before {
  background: #88C19E;
}
#sp-main-menu li li:not(.sp-menu-group) >a.menu-preset5:before {
  background: #6658CF;
}
#sp-main-menu li li:not(.sp-menu-group) >a.menu-preset6:before {
  background: #85C5D4;
}
#sp-main-menu li li:not(.sp-menu-group) >a.menu-preset7:before {
  background: #EC6552;
}
#sp-main-menu li li:not(.sp-menu-group):hover >a,
#sp-main-menu li li:not(.sp-menu-group).active >a {
  color: #fff !important;
}
.vina-menu {
  background: #00cd51 !important;
}
.vina-menu:hover {
  background: #00cd51 !important;
}
.vina-menu-small {
  background: #00cd51 !important;
}
.vina-menu-small:hover {
  background: #00cd51 !important;
}
.sp-mobile-menu {
  background: #000;
}
.sp-mobile-menu ul li a {
  color: #fff;
}
.sp-mobile-menu ul li a:hover {
  color: #00cd51 !important;
}
.sp-mobile-menu >ul >li {
  border-bottom: 1px solid #333;
}
.sp-mobile-menu >ul >li:last-child {
  border: none;
}
.sp-mobile-menu >ul >li ul.collapse li {
  background: #333;
}
.sp-mobile-menu >ul >li ul.collapse ul li {
  background: #444;
}
.vina-button {
  background: #00cd51 !important;
  color: #fff !important;
}
.vina-button:hover {
  background: #323232 !important;
}
.vina-button-2 {
  background: #323232 !important;
  color: #fff !important;
}
.vina-button-2:hover {
  background: #00cd51 !important;
}
.vina-button-3 {
  background: none !important;
  color: #00cd51 !important;
  border: 1px solid #d7d7d7 !important;
  display: inline-block;
}
.vina-button-3:hover {
  background: #00cd51 !important;
  color: #fff !important;
}
.vina-black {
  background: #000 !important;
  color: #fff !important;
}
.vina-black:hover {
  background: #00cd51 !important;
}
.vina-white {
  background: #fff !important;
  color: #000 !important;
}
.vina-white:hover {
  background: #00cd51 !important;
  color: #fff !important;
}
.entry-meta.muted i {
  color: #00cd51;
}
#sp-header-wrapper {
  border-bottom: 4px solid #00cd51;
  background: #f5f5f5;
}
#sp-header-wrapper .logo {
  background-image: url(../../images/presets/preset2/logo.png);
}
#sp-feature-wrapper a:not(.btn) {
  color: #34ff84;
}
#sp-feature-wrapper a:not(.btn):hover {
  color: #9affc2;
}
#sp-position4-wrapper {
  background: #00cd51;
}
#sp-our-team-wrapper .bg-inner:before {
  background: #00cd51;
  opacity: 0.8;
}
#sp-our-team-wrapper .vina-title.vina-border-2 {
  border-bottom: 1px solid #006729;
}
#sp-our-team-wrapper .vina-title.vina-border-2:before {
  background: #fff;
}
#sp-our-team-wrapper .vina-title.vina-border-2:after {
  background: #fff;
}
.our-team .team-item .vina-social ul li a {
  background: #323232;
}
.our-team .team-item .vina-social ul li a:hover {
  background: #fff;
  color: #00cd51;
}
.our-price .price-item {
  background: #fff;
}
.our-price .price-item h3 {
  color: #fff;
  background: #323232;
}
.our-price .price-item h3 sub {
  color: #00cd51;
  background: #fff;
}
.our-price .price-item:hover h3 {
  color: #fff;
  background: #00cd51;
}
.our-price .price-item:hover h3 sub {
  color: #fff;
  background: #323232;
}
.our-price .price-item:hover ul li.buy .vina-button-2 {
  background: #00cd51 !important;
}
.module.highlighted {
  background: #3498DB;
}
.module.highlighted a {
  color: #fff !important;
}
.module.sidebar-category ul li i {
  background: #323232;
  color: #fff;
}
.module.sidebar-category ul li a {
  color: #323232;
}
.module.sidebar-category ul li:hover {
  border-bottom: 1px solid #00cd51;
}
.module.sidebar-category ul li:hover i {
  background: #00cd51;
}
.module.sidebar-category ul li:hover a {
  color: #00cd51;
}
.module.sidebar-category ul li:hover .num {
  color: #00cd51;
}
.module.sidebar-popular {
  position: relative;
}
.module.sidebar-popular .vina-ticker-content .vina-item .text-block h4:before {
  background: #00cd51;
}
.module.sidebar-popular .vina-ticker-content .vina-item .text-block h4 a {
  color: #323232 !important;
}
.module.sidebar-popular .vina-ticker-content .vina-item:hover .text-block h4 a {
  color: #00cd51 !important;
}
.module.sidebar-newsletter form {
  margin: 0;
}
.module.sidebar-newsletter form .control input:focus {
  border: 1px solid #00cd51;
}
.module.sidebar-tag ul li a:hover {
  background: #00cd51;
  color: #fff;
  border: 1px solid #00cd51;
}
.vina-position-1:before {
  background: #ccc;
}
.vina-position-1:after {
  background: #00cd51;
}
.vina-position-1 .vina-promotion {
  background: #fff;
}
.vina-position-1 .vina-promotion:before {
  background: #00cd51;
}
.vina-position-1 .vina-promotion:after {
  background: #ccc;
}
.vina-list-1 .list-item .list-img:before {
  background-image: url(../../images/bguser.png);
}
.vina-list-1 .list-item:hover .list-img:before {
  background-image: url(../../images/presets/preset2/bguser_hover.png);
}
.vina-list-2 .list-left-item .list-2-img:before,
.vina-list-2 .list-right-item .list-2-img:before {
  background-image: url(../../images/bglist.png);
}
.vina-list-2 .list-left-item:hover .list-2-img:before,
.vina-list-2 .list-right-item:hover .list-2-img:before {
  background-image: url(../../images/presets/preset2/bglist_hover.png);
}
.vina-our-work .list-work .work-item {
  background: #fff;
  color: #444444;
}
.vina-our-work .list-work .work-item:hover {
  background: #00cd51;
  color: #fff;
}
.vina-latest-project h2 {
  color: #00cd51;
}
.vina-latest-project .gallery-filters a {
  background: none;
  color: #6b6b6b;
  border: 1px solid #ccc;
}
.vina-latest-project .gallery-filters a:hover,
.vina-latest-project .gallery-filters a.active {
  background: #00cd51;
  color: #fff;
  border: 1px solid #00cd51;
}
.vina-latest-project ul li .info a {
  color: #fff;
}
.vina-latest-project ul li .info a:hover {
  background: #00cd51;
}
.vina-latest-project ul li:hover:before {
  width: 50%;
}
.vina-latest-project ul li:hover:after {
  width: 50%;
}
.vina-our-power .power-percent:before {
  background-color: #00cd51;
  background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-size: 40px 40px;
}
.vina-accordion .vina-accordion-content .accordion-open {
  background: #00cd51 !important;
}
.vina-accordion .vina-accordion-content .accordion-open span {
  background-color: #323232 !important;
}
.vina-accordion .vina-accordion-content .accordion-close {
  background-color: #e9e9e9 !important;
}
.vina-accordion .vina-accordion-content .accordion-close span {
  background-color: #323232 !important;
}
.vina-latest-blog {
  text-align: center;
}
.vina-latest-blog .vina-item .text-block:before {
  background: #323232;
}
.vina-latest-blog .vina-item .text-block:after {
  background: #00cd51;
}
.vina-latest-blog .vina-item .blog-time {
  background: #323232;
  color: #fff;
}
.vina-latest-blog .vina-item .blog-time .blog-date {
  border-bottom: 1px solid #4c4c4c;
}
.vina-latest-blog .vina-item:hover .blog-time {
  background: #00cd51;
}
.vina-latest-blog .vina-item:hover .blog-time .blog-date {
  border-bottom: 1px solid #01ff65;
}
.vina-latest-blog .vina-item:hover .vina-button-2 {
  background: #00cd51 !important;
}
.vina-latest-blog .vina-carousel-content .owl-controls .owl-buttons div.owl-prev:before {
  background: #00cd51;
}
.vina-latest-blog .vina-carousel-content .owl-controls .owl-buttons div.owl-next:before {
  background: #00cd51;
}
.vina-newsletter .news-info {
  border-left: 2px solid #00cd51;
}
.vina-bottom-1 h3 {
  color: #00cd51;
}
.vina-bottom-1 .vina-social ul li a:hover {
  background: #00cd51;
  color: #fff;
}
.vina-tweeter #vina-vscoller-twitter158 a {
  color: #00cd51 !important;
}
.vina-social ul li a {
  color: #cfcfcf;
}
.vina-social ul li:hover a {
  background: #00cd51;
  color: #fff;
}
.vina-title.vina-border:before {
  background: #00cd51;
}
.vina-title.vina-border-2:before {
  background: #00cd51;
}
.vina-title.vina-border-2:after {
  background: #00cd51;
}
.page-header {
  color: #00cd51;
}
.page-header a {
  color: #00cd51;
}
.progress-striped .bar {
  background-color: #00cd51;
}
.about-img {
  background: url(../../images/presets/preset2/about-1.png) no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}
.about-img p {
  display: none;
}
#vina_about_us .carousel .item .incon_bg {
  background: #00cd51;
}
#vina_about_us .carousel .carousel-control {
  color: #00cd51;
}
#vina_about_us .carousel:hover .carousel-control:hover {
  background: #00cd51;
}
#vina_about_us .skill ul li {
  border-left: 2px solid #00cd51;
}
#vina_faq span.number {
  background: #00cd51;
}
#vina_company .img-polaroid .info_team ul li a:hover {
  background: #00cd51;
}
#vina_portfolio .vina-latest-project .gallery-filters a {
  background: none;
  color: #323232;
}
#vina_portfolio .vina-latest-project .gallery-filters a:hover,
#vina_portfolio .vina-latest-project .gallery-filters a.active {
  color: #00cd51;
  border-right: 1px solid #00cd51;
}
#vina_portfolio .vina-latest-project ul li .img-polaroid:before {
  background: #00cd51;
}
#vina_portfolio .vina-latest-project ul li .img-polaroid:after {
  background: #00cd51;
}
#vina_pricing_table .pricing_table .thumbnail button {
  background: #00cd51;
}
#vina_contact_us .vina-title {
  border-left: 2px solid #00cd51;
}
#vina_contact_us .vina-social ul {
  float: left;
}
#vina_contact_us .vina-social ul li a:before {
  background: #323232;
}
#vina_contact_us .vina-social ul li:hover a {
  color: #fff;
}
#vina_contact_us .vina-social ul li:hover a:before {
  background: #00cd51;
}
#vina_contact_us .map span em {
  color: #00cd51;
}
.article-item .pull-left .vina-link i:hover {
  background: #00cd51;
}
.article-item .pull-left .entry-header i {
  background: #00cd51;
}
.article-item .pull-left .entry-header h2 {
  border-left: 1px solid #00cd51;
}
.article-item .pull-left .blog-time {
  background: #323232;
  color: #fff;
}
.article-item .pull-left .blog-time .blog-date {
  border-bottom: 1px solid #4c4c4c;
}
.article-item .article-info:before {
  background: #323232;
}
.article-item .article-info:after {
  background: #00cd51;
}
.article-item .article-info .readmore-link {
  background: #323232;
}
.article-item:hover .readmore-link {
  background: #00cd51;
}
.article-item:hover .pull-left .blog-time {
  background: #00cd51;
}
.article-item:hover .pull-left .blog-time .blog-date {
  border-bottom: 1px solid #01ff65;
}
.vina-single .article-item .pull-left .blog-time {
  background: #00cd51;
  color: #fff;
}
.vina-single .article-item .pull-left .blog-time .blog-date {
  border-bottom: 1px solid #01ff65;
}
.vina-single .article-item .article-info:before {
  opacity: 0;
}
.vina-single .article-item .article-info:after {
  opacity: 0;
}
.vina-single .article-item .article-info .entry-header h2 {
  border-left: 3px solid #00cd51;
}
.vina-single .article-item .article-info .readmore-link {
  background: #323232;
}
.vina-single .article-item:hover .article-info .entry-header h2 {
  border-left: 3px solid #00cd51;
}
.category-list ul li .list-hits {
  background: #00cd51;
}
.category-list .blog-date {
  background-color: #00cd51;
}
.categories-list .blog-date-2 {
  background-color: #00cd51;
}
.label-info,
.badge-info {
  background: #00cd51;
}
#jc h4 {
  border-bottom: 1px solid #00cd51;
}
#jc #comments-form #comments-form-send {
  background: #323232;
}
#jc #comments-form #comments-form-send div {
  background: none;
}
#jc #comments-form #comments-form-send:hover {
  background: #00cd51;
}
.color {
  Color: #00cd51 !important;
}
.pagination ul > li > a,
.pagination ul > li > span {
  background: #fff;
  color: #444444 !important;
}
.pagination ul > li > a:hover,
.pagination ul > li > span:hover {
  background: #00cd51 !important;
  color: #fff !important;
}
.pagination ul > li > a.start,
.pagination ul > li > a.previous,
.pagination ul > li > a.next,
.pagination ul > li > a.end,
.pagination ul > li > span.start,
.pagination ul > li > span.previous,
.pagination ul > li > span.next,
.pagination ul > li > span.end {
  background: #323232 !important;
  color: #fff !important;
}
.pagination ul > li.pagination-active > a,
.pagination ul > li.pagination-active > span {
  background: #00cd51 !important;
  color: #fff !important;
}
.category .items-row .item .entry-meta.muted [class^="icon-"],
.category .items-row .item .entry-meta.muted [class*=" icon-"] {
  color: #00cd51;
}
.vina-tag {
  background: #00cd51;
  -webkit-box-shadow: 0 4px 0 0 #009a3d;
  -moz-box-shadow: 0 4px 0 0 #009a3d;
  box-shadow: 0 4px 0 0 #009a3d;
  color: #fff !important;
}
.vina-tag:hover {
  background: #00cd51 !important;
}
.vina-tag:before {
  background: #00cd51;
  -webkit-box-shadow: 0 4px 0 0 #009a3d;
  -moz-box-shadow: 0 4px 0 0 #009a3d;
  box-shadow: 0 4px 0 0 #009a3d;
}
.vina-tag:after {
  -webkit-box-shadow: 3px 3px 0 0 #009a3d inset;
  -moz-box-shadow: 3px 3px 0 0 #009a3d inset;
  box-shadow: 3px 3px 0 0 #009a3d inset;
}
.vina-icon ul li p:hover i {
  color: #00cd51;
}
.vina-online .header:before {
  color: #00cd51;
}
#login-form input:not([type='checkbox']):active,
#login-form input:not([type='checkbox']):focus {
  -webkit-box-shadow: inset 8px 0 0 #00cd51;
  -moz-box-shadow: inset 8px 0 0 #00cd51;
  box-shadow: inset 8px 0 0 #00cd51;
}
#login-form input:focus {
  border: 1px solid #00cd51;
}
.login input:focus,
.login textarea:focus,
.registration input:focus,
.registration textarea:focus,
.reset input:focus,
.reset textarea:focus,
.remind input:focus,
.remind textarea:focus,
.contact input:focus,
.contact textarea:focus {
  border: 1px solid #00cd51 !important;
}
.tags a {
  color: #323232 !important;
}
.tags a:hover {
  background: #00cd51 !important;
  color: #fff !important;
}
.icon-color:before {
  color: #00cd51;
}
.vina-news li:before {
  color: #00cd51;
}
#sp-breadcrumb-wrapper {
  background: #2a2a2a;
  color: #fff;
}
#sp-breadcrumb-wrapper a {
  color: #fff;
}
#sp-breadcrumb-wrapper a:hover {
  color: #00cd51;
}
#sp-breadcrumb-wrapper span {
  color: #fff;
}
#sp-breadcrumb-wrapper .divider {
  color: #fff;
}
#sp-bottom-wrapper {
  background: #14161d;
  color: #c0c0c0;
}
#sp-footer-wrapper {
  background: #191b25;
  color: #575758;
}
#sp-footer-wrapper h3 {
  color: #fff;
}
#sp-footer-wrapper .sp-totop {
  background: #00cd51;
}
#sp-footer-wrapper a:not(.btn) {
  color: #c0c0c0;
}
#sp-footer-wrapper a:not(.btn):hover {
  color: #fff;
}
#sp-footer-wrapper ul.nav li a {
  color: #575758;
  border-left: 1px solid #575758;
}
#sp-footer-wrapper ul.nav li a:hover {
  color: #fff;
}
#sp-footer-wrapper ul.nav li:first-child a {
  border-left: none;
}
.sp-border {
  border-top: 1px solid #000100;
}
.sp-border::after {
  background: #005823;
}
.btn-primary,
button,
input[type='submit'],
input[type='button'],
submit {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #00cd8f;
  background-image: -moz-linear-gradient(top,#00cd73,#00cdb8);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#00cd73),to(#00cdb8));
  background-image: -webkit-linear-gradient(top,#00cd73,#00cdb8);
  background-image: -o-linear-gradient(top,#00cd73,#00cdb8);
  background-image: linear-gradient(to bottom,#00cd73,#00cdb8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00cd73', endColorstr='#ff00cdb7', GradientType=0);
  border-color: #00cdb8 #00cdb8 #008173;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color: #00cdb8;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled],
button:hover,
button:active,
button.active,
button.disabled,
button[disabled],
input[type='submit']:hover,
input[type='submit']:active,
input[type='submit'].active,
input[type='submit'].disabled,
input[type='submit'][disabled],
input[type='button']:hover,
input[type='button']:active,
input[type='button'].active,
input[type='button'].disabled,
input[type='button'][disabled],
submit:hover,
submit:active,
submit.active,
submit.disabled,
submit[disabled] {
  color: #fff;
  background-color: #00cdb8;
  *background-color: #00b4a1;
}
.btn-primary:active,
.btn-primary.active,
button:active,
button.active,
input[type='submit']:active,
input[type='submit'].active,
input[type='button']:active,
input[type='button'].active,
submit:active,
submit.active {
  background-color: #009a8a \9;
}
@media (max-width: 767px) {
  .responsive .vina-our-work .list-work .work-item {
    background: #00cd51;
    color: #fff;
  }
}