/*
*   Author: beshleyua
*   Author URL: http://themeforest.net/user/beshleyua
*/

/* TABLE OF CONTENTS
	1. Template Green
*/

/* 1. Template Green */
.background {
  background-color: rgba(120, 204, 109, 0.4);
}

.preloader .spinner .double-bounce1,
.preloader .spinner .double-bounce2 {
  background: #128C7E;
}

.lnk:hover,
.button:hover {
  color: #128C7E;
}

.lnk:hover .ion,
.button:hover .ion {
  color: #128C7E;
}

.lnk:hover .arrow:before,
.button:hover .arrow:before,
.lnk:hover .arrow:after,
.button:hover .arrow:after {
  background: #128C7E;
}

input:focus,
textarea:focus,
button:focus {
  border-bottom: 1px solid #128C7E;
}

button:hover {
  border-bottom: 1px solid #128C7E;
}

.header .top-menu ul li:hover a,
.header .top-menu ul li.active a {
  color: #128C7E;
}

.header .top-menu ul li:hover a .icon,
.header .top-menu ul li.active a .icon,
.header .top-menu ul li:hover a .link,
.header .top-menu ul li.active a .link {
  color: #128C7E;
}

.card-started:after {
  background: -moz-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: linear-gradient(135deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
}

.card-started .profile .image:before {
  background: -moz-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: linear-gradient(135deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
}

.card-started .profile .subtitle {
  color: #128C7E;
}

.card-started .profile .social a:hover .ion,
.card-started .profile .social a:hover .fab,
.card-started .profile .social a:hover .fas {
  color: #128C7E;
}

.content .title:before {
  background: -moz-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: linear-gradient(135deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
}

.service-items .service-item .icon {
  color: #128C7E;
  background: -moz-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: linear-gradient(135deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
}

.pricing-items .pricing-item .icon {
  color: #128C7E;
}

.pricing-items .pricing-item .feature-list ul li strong {
  background: rgba(120, 204, 109, 0.4);
}

.fuct-items .fuct-item .icon {
  color: #128C7E;
}

.resume-title .icon,
.skill-title .icon {
  color: #128C7E;
}

.resume-items .resume-item.active .date {
  color: #128C7E;
}

.resume-items .resume-item.active .date:before {
  background: #128C7E;
}

.skills-list ul li .progress .percentage {
  background: #128C7E;
}

.content.works .filter-menu .f_btn.active {
  color: #128C7E;
}

.box-item .image .info:before {
  background: -moz-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
  background: linear-gradient(135deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
}

.post-box .blog-content blockquote {
  border-left: 2px solid #128C7E;
}

.post-box .blog-content ul.list-style li:before {
  background: #128C7E;
}

.post-box .post-comments li .comment-info .name h6 {
  color: #128C7E;
}

.background.gradient {
  background: #25D366;
  background: -webkit-linear-gradient(top left, #25D366 0%, #128C7E 100%);
  background: linear-gradient(to bottom right, #25D366 0%, #128C7E 100%);
}

.bg-bubbles li{
  border-radius: 50%;
}
.bg-bubbles li:after {
    content: "\f1fd";
    font-family: Ionicons;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #40845c;
    text-shadow: 0px 0px 3px #64ffbc;
    
}

 .bg-bubbles li:nth-child(1):after{
      margin-left: -10px;
    font-size: 21px;
    margin-top: -9px;
 }
  .bg-bubbles li:nth-child(2):after{
      margin-left: -10px;
    font-size: 21px;
    margin-top: -9px;
 }
  .bg-bubbles li:nth-child(3):after{
      margin-left: -10px;
    font-size: 21px;
    margin-top: -9px;
 }
  .bg-bubbles li:nth-child(4):after{
      margin-left: -10px;
    font-size: 21px;
    margin-top: -9px;
 }

 .bg-bubbles li:nth-child(5):after{
    margin-left: -10px;
    font-size: 20px;
    margin-top: -10px;
 }
.bg-bubbles li:nth-child(6):after{
    margin-left: -22px;
    font-size: 48px;
    margin-top: -20px;
    color: #40845cd1;
 }
.bg-bubbles li:nth-child(7):after{
    margin-left: -22px;
    font-size: 48px;
    margin-top: -20px;
    color: #40845cd1;
 }
.bg-bubbles li:nth-child(8):after{
    margin-left: -7px;
    font-size: 16px;
    margin-top: -9px;
 }
.bg-bubbles li:nth-child(9):after{
    margin-left: -22px;
    font-size: 48px;
    margin-top: -20px;
    color: #40845cd1;
 }
 
 .btn-primary{
	 background-color: #128C7E;
    border-color: #128C7E;
 }
 .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color: #11aa4a  !important;
    border-color: #11aa4a  !important;
    color: white;
}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover{
	color: #25D366;
}
.text-primary{
	color: #128C7E !important;
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover{
	background-color: #25D366;
}
a{
	color: #17A2B8;
}
a:hover{
	color: #128C7E;
}
#mainNav.fixed-top .navbar-nav .nav-item .nav-link {
    color: #25D366;
}