@base: #f938ab;
@site-color-green:#276437;
@site-color-green-ho:#093816;
@site-color-lt-green:rgb(30, 121, 29);
@site-color-lt-green-border:#398439;
@site-color-lt-green-ho:#276437;
@nav-bg-color-dk: rgba(5, 54, 18, 0.85);
@nav-bg-color-lt: rgb(30, 121, 29);
@nav-button-focus:rgb(30, 121, 29);
@blk-bg:rgba(19, 19, 19, 0.5);
@blk-bg-02:#595b59;
@wht-bg:rgba(255, 255, 255, 0.7);
@ylw-bg:rgba(255, 225, 0, 0.85);
@facebook-btn :rgba(59, 89, 152, 0.85);
@twitter-btn :rgba(85, 172, 238, 0.85);
@youtube-btn :rgba(204, 24, 30, 0.85);

@bg-dk-indigo: #2A2D33;
@bg-dk-blue: #232B33;
@bg-dk-gray : #4F555B;
@bg-lt-gray : #F3F4F4;
@bg-l-gray: #ABB0B5;
@bg-lt-green: #1ABC9C;
@bg-red : #F44336;
@bg-pink : #e74a4f;
@bg-purple : #9C27B0;
@bg-indigo : #5680c8;
@bg-blue : #2196F3;
@bg-cyan : #00bcd4;
@bg-teal : #009688;
@bg-green : #4caf50;
@bg-lime : #CDDC39;
@bg-amber : #FFC107;
@bg-deepOrange : #ff5722;

.anime {background-color: #E9E3E3;}

.fixed {
  background-color: @nav-bg-color-lt;
  transition: .5s;
}

a { color: @site-color-green;text-decoration: none;
      &:hover,&:focus { color: @site-color-green-ho;text-decoration: underline;}
    }
p {font-weight: 500;}
.inner {padding: 30px;
    a {color: #fff;
    }
}
.nav{background-color:@nav-bg-color-lt;}
.nav {
  li{
    &:hover,&:active,&focus{
      background-color:@nav-bg-color-lt;
    }
  }
}

[class*=cover-bg-],
.content-nav li a {
  background-color: @blk-bg-02;
}
[class*=cover-bg-white-] {
  background-color:@wht-bg;
}

.navbar-nav {
  li.social-btn.fb{
      background-color:@facebook-btn;
    }
  li.social-btn.tw{
      background-color:@twitter-btn;
    }
  li.social-btn.yt{
      background-color:@youtube-btn;
    }
  }

.navbar-nav {
  li.social-btn.fb{
      &:hover,&:active,&focus{
        background-color:@bg-indigo !important;
      }
    }
  li.social-btn.tw{
      &:hover,&:active,&focus{
        background-color:@bg-blue !important;
      }
    }
  li.social-btn.yt{
      &:hover,&:active,&focus{
        background-color:@bg-pink !important;
      }
    }
  }

//
//* Content Navi
//::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
.content-nav {
  li {
    a {
      display: block;
      font-size: 13px;
      // padding:8.88px 15px;
      width: 100%;
      color: #ffffff;
      transition: .5s;
      &:hover{
        background-color:@nav-bg-color-lt;
      }
    }
  }
}
.fixed .navbar-inverse .navbar-nav > li.active,
.fixed .navbar-inverse .navbar-nav > li:hover,
.fixed .navbar-inverse .navbar-nav > li:focus{
    background-color: @nav-bg-color-lt;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: @nav-button-focus;
}

.btn-Scroll {
  margin-top: 15px;
  padding-top: 10px;
  font-size: 10px;
  font-weight: 400;
  a{
    color: #fff;
    display: block;
    width: 100%;
  }
}

//
//* cover
//::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
.cover{padding: 0 20px;
  .cover .btn-lg {
    padding: 10px 20px;
    font-weight: bold;
  }
  h1,p { color: #fff;}
  h1 {
    padding: 20px;
    line-height: 220%;
    letter-spacing: -1px;
    font-size: 1.8em;
    font-weight: 600;
    transition: .8s;
  }
  p {
    transition: .8s;
  }
}

.cover-bg-white-replacebox h2,.upper_replacebox h2 {
    color: #fff;
    margin: 0;
}

.cover-bg-white-replacebox h2,.sidebar-title,.widget-title,.upper_replacebox h2 {
    background-color: @site-color-lt-green;
}
.cover-bg-Racebox h2 {
  background-color: @ylw-bg;
}
.nexttit {
  background-color: @bg-cyan!important;
}
//
//* BUTTON
//::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
.btn-Base {
  background-color: @site-color-lt-green;
  border-color: @site-color-lt-green-border;
}
.btn-Base:hover,
.btn-Base:focus,
.btn-Base.focus,
.btn-Base:active,
.btn-Base.active,
.open > .dropdown-toggle.btn-Base {
  background-color: @site-color-green;
  border-color: @site-color-green-ho;
}


//
//* MARK
//::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
.buysmark{ background-color:#ff0000;color: #fff;}
.newmark{color: #ff0000;}
.pdfmark{color: #c52b47;}
.blankmark{color: #2b97c5;}
//
//* footer
//::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
.copyright {
  padding: 4.2% 0;
}