/*!
ThemeName	: Default
Author		: ThemeSurf
Version		: 1.0.0
Updated		: 04.21.2018
*/
body { color: #0b0b0b; }

h1.color-secondary, h2.color-secondary, h3.color-secondary, h4.color-secondary, h5.color-secondary, h6.color-secondary { color: #0b0b0b; }
h1.color-primary, h2.color-primary, h3.color-primary, h4.color-primary, h5.color-primary, h6.color-primary { color: #53af31; }

.heading-section { color: #0b0b0b; }

.heading-section { color: #303540; }
.heading-section.color-secondary { color: #0b0b0b; }
.heading-section.color-primary { color: #53af31; }
.heading-section.color-default { color: #4b4b4b; }

.heading-sm-lead, .heading-md-lead { color: black; }
.heading-sm-lead.color-primary, .heading-md-lead.color-primary { color: #53af31; }
.heading-sm-lead.color-secondary, .heading-md-lead.color-secondary { color: #0b0b0b; }

.with-line::after { background-color: #53af31; }
.light .with-line::after { background-color: #fff; }

blockquote { color: #888; }
blockquote p:last-child strong { color: #53af31; }

a { color: #53af31; }
a:hover, a:focus, a:active { color: #0b0b0b; }

.has-bg.bg-primary:after { background-color: #53af31; }
.has-bg.bg-secondary:after { background-color: #0b0b0b; }
.has-bg.bg-light:after { background-color: #f8f8f8; }

.comm-head .heading-section + p { color: #404040; }

.sub-title { color: #404040; }

.btn { color: #53af31; border: 2px solid transparent; background-color: #fff; }
.btn:hover, .btn:focus { background-color: transparent; border-color: #e5e5e5; color: #fff; }
.btn.btn-alt { background: #0b0b0b; border-color: #0b0b0b; }
.btn.btn-alt:hover, .btn.btn-alt:focus { background: #53af31; border-color: #53af31; }
.btn.btn-gradient { background-image: linear-gradient(to right, #164f90 0%, #53af31 51%, #164f90 100%); }
.btn.btn-gradient:hover, .btn.btn-gradient:focus { border: 2px solid transparent; }
.btn.btn-outline { color: #53af31; background-color: transparent; border-color: #0b0b0b; }
.btn.btn-outline:hover, .btn.btn-outline:focus { color: #fff; background: #53af31; border-color: #53af31; }
.btn.btn-outline.btn-alt { color: #0b0b0b; }
.btn.btn-outline.btn-alt:hover, .btn.btn-outline.btn-alt:focus { color: #fff; background: #0b0b0b; border-color: #0b0b0b; }
.btn.btn-outline.btn-light { color: #fff; border-color: #fff; }
.btn.btn-outline.btn-light:hover, .btn.btn-outline.btn-light:focus { background: #53af31; border-color: #53af31; }
.btn.btn-outline.btn-light.btn-alt:hover, .btn.btn-outline.btn-light.btn-alt:focus { background: #0b0b0b; border-color: #0b0b0b; }
.btn.btn-light:not(.btn-outline) { color: #53af31; border-color: #fff; background-color: #fff; }
.btn.btn-light:not(.btn-outline):hover, .btn.btn-light:not(.btn-outline):focus { color: #fff; background: #53af31; border-color: #53af31; }
.btn.btn-light:not(.btn-outline).btn-alt { color: #0b0b0b; }
.btn.btn-light:not(.btn-outline).btn-alt:hover, .btn.btn-light:not(.btn-outline).btn-alt:focus { color: #fff; background: #0b0b0b; border-color: #0b0b0b; }

.color-primary { color: #53af31; }

.color-secondary { color: #0b0b0b; }

.color-alternet { color: #404040; }

.color-default { color: #303540; }

.color-gradient { background: -webkit-linear-gradient(to right, #53af31 5%, #ff8f01 50%); background: linear-gradient(to right, #53af31 5%, #ff8f01 50%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.bg-light { background: #f3f3f3; }

.bg-dark { background: #121112; }

.bg-grey { background: #efefef; }

.bg-primary { background-color: #53af31; }

.bg-secondary { background: #0b0b0b; }

.bg-alternet { background: #404040; }

.icon-box { color: #53af31; }
.light .icon-box { color: #fff; }
.icon-box.sqaure, .icon-box.round, .icon-box.circle { border-color: #53af31; }
.light .icon-box.sqaure, .light .icon-box.round, .light .icon-box.circle { border-color: #fff; }
.icon-box.icon-bg { background-color: #53af31; color: #fff; }
.icon-box.icon-bg-alt { background-color: #0b0b0b; color: #fff; }
.icon-box.light { color: #fff; }
.icon-box.light.sqaure, .icon-box.light.round, .icon-box.light.circle { border-color: #fff; }
.icon-box.light.icon-bg { background-color: #fff; color: #53af31; }
.icon-box.style-s1, .icon-box.style-s2 { background-color: #53af31; color: #fff; }
.icon-box.style-s2 { background-color: #0b0b0b; }
.icon-box.style-s3, .icon-box.style-s4 { border-color: #53af31; color: #53af31; }
.icon-box.style-s4 { border-color: #0b0b0b; color: #0b0b0b; }

.owl-dots .owl-dot { border: 1px solid #53af31; }
.owl-dots .owl-dot.active { background: #53af31; }
.logo-carousel .owl-dots .owl-dot.active { background: #cdcdcd; }
.logo-carousel .owl-dots .owl-dot { border-color: #cdcdcd; }

.header-sec { background: url(../image/shape.png) 180px 0 no-repeat #53af31; background-size: cover; }
.header-sec.has-fixed .main-navbar { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }
.header-sec.has-fixed .navbar-nav > li > a.nav-link { color: #000; }
.header-sec.has-fixed .navbar-nav > li > a.nav-link.active { color: #53af31; }
.header-sec.has-fixed .navbar-nav > li > a.nav-link.active:hover { color: #53af31; }
.header-sec.has-fixed .navbar-nav > li > a.nav-link:hover { color: #53af31; }
.header-sec.header-image .main-navbar .navbar-nav > li > a.nav-link:hover { color: #53af31; }
.header-sec.header-s2::before { background: linear-gradient(to top, #ffffff 0%, transparent 100%); }
.header-sec.header-s2 .main-navbar .navbar-nav > li > a { color: #303540; }
.header-sec.header-s2 .main-navbar .navbar-nav > li > a.active { color: #303540; }
.header-sec.header-s2.has-fixed .main-navbar .navbar-nav > li > a { color: #303540; }
.header-sec.header-s2.has-fixed .main-navbar .navbar-nav > li > a.active, .header-sec.header-s2.has-fixed .main-navbar .navbar-nav > li > a:hover { color: #53af31; }
.header-sec.header-s2 .banner-text { color: #303540; }
.header-sec.header-s2-image::after { background: #fff; }
.header-sec.header-s2-image .main-navbar .navbar-nav > li > a.nav-link:hover { color: #52ae2e; }
.header-sec.header-s3 { background: #f3f2fc; }
.header-sec.header-s3 .main-navbar .navbar-nav > li > a.nav-link { color: #303540; }
.header-sec.header-s3 .main-navbar .navbar-nav > li > a.nav-link:hover { color: #52ae2e; }
.header-sec.header-s3 .banner-text { color: #303540; }
.header-sec.has-fixed .main-navbar .navbar-nav > li > a.nav-link.active { color: #52ae2e; }

.responsive-nav-fix .header-sec .main-navbar { background: #fff; }
/*.responsive-nav-fix .header-sec .navbar-toggler { border-color: #52ae2e; background: #52ae2e; }*/

.banner-text { color: #fff; }
.banner-text h1 strong, .banner-text h2 strong { color: #53af31; }
.banner-text .with-line:after { background-color: #fff; }
.banner-text .page-breadcrumb span.current, .banner-text .page-breadcrumb a:hover { color: #53af31; }

a.share:hover { color: #53af31; }

.list-item h5 { color: #303540; }

.price-area h5 { color: #303540; }
.price-area h5 span { color: #53af31; }

.sec-alt-icon .icon-item { color: #303540; }

.video-sec .btn { background: transparent; color: #fff; border-color: #fff; }
.video-sec .btn:hover { background: #53af31; border-color: #53af31; }

.video-img a.btn { border-color: #fff; color: #ffffff; }
.video-img a.btn:hover { border-color: #53af31; background: #53af31; }

.feature-item h2 { color: #0b0b0b; }
.feature-list ul { border-color: #53af31; }
.feature-list ul li { color: #404040; }
.feature-list-s2 ul li::before { color: #53af31; }
.feature-s3 .feature-con h5 { color: #303540; }
.feature-s3 .feature-thumb { border: 5px solid rgba(255, 82, 71, 0.5); }

.feature-headphone .heading-md { color: #333333; }
.feature-headphone .icon-dot { background: rgba(83, 175, 49, 0.4); flex-shrink: 0;}
.feature-headphone .icon-dot::after { background: #53af31; }

#credit-line.feature-headphone .icon-dot { background: rgb(198 88 217 / 31%); flex-shrink: 0;}
#credit-line.feature-headphone .icon-dot::after { background: #C658D9; }

.single-product::before { background-image: linear-gradient(to top, #53af31 0%, #ff8f01 100%); }
.single-product h4 { color: #0b0b0b; }
.single-product h3 { color: #53af31; }
.single-product .btn-outline { color: #404040; border-color: #e5e5e5; }
.single-product:hover a.btn:hover, .single-product.active a.btn:hover { color: #53af31; }

.section-subscribe .comm-head p { color: #ffffff; }
.section-subscribe.color-default .comm-head p { color: #303540; }

.sub-group .btn-subscribe { background: #303540; }
.sub-group .btn-subscribe:hover { color: #53af31; }
.sub-group .btn-subscribe.btn-gradient { background-image: linear-gradient(to right, #53af31 0%, #ff8f01 51%, #53af31 100%); }
.sub-group .btn-subscribe.btn-gradient:hover { color: #ffffff; }

.contact p { color: #404040; }

.footer-sec { background: #1b4a7d; color: #fff; }
.footer-sec li a:hover { color: #fff; }
.footer-sec a.c-p { color: #53af31; }
.footer-sec a:hover { color: #fff; }

#loader { border-top-color: #53af31; }

#loader:before { border-top-color: #164f90; }

@media only screen and (max-width: 991px) { .header-sec .main-navbar .navbar-nav > li > a.nav-link { color: #000; }
  .header-sec .main-navbar .navbar-nav > li > a.nav-link.active { color: #53af31; }
  .header-sec.has-fixed .navbar-toggler { border-color: #53af31; background: #53af31; }
  .header-sec.has-fixed .main-navbar .navbar-nav > li > a.nav-link.active { color: #ffffff; background: #53af31; }
  .header-sec.has-fixed .main-navbar .navbar-nav > li > a.nav-link.active:hover { color: #fff; }
  .header-sec.header-s2.has-fixed .main-navbar .navbar-nav > li > a.active { color: #ffffff; }
  .header-sec.header-s3.has-fixed .main-navbar .navbar-nav > li > a.active { color: #ffffff; }
  .header-sec.header-s3.has-fixed .navbar-toggler { border-color: #53af31; color: #fff; }
  .header-sec.header-s3 .navbar-toggler { border-color: #53af31; color: #53af31; }
  .navbar-toggler { border-color: #fff; color: #fff; } }
@media only screen and (max-width: 767px) { .navbar-toggle { background-color: #53af31; } }
