/* Template Name: DCode - Saas & Software Landing Page Templates
   Author: SacredThemes
   Author URL: https://sacredthemes.net
   Created: August 2020
   Version: 1.6
   File Description: Green Color CSS File
*/
::-moz-selection { /* Code for Firefox */
    color:#ffffff;
    background:#1a9096;
  }
  
  ::selection {
    color:#ffffff;
    background:#1a9096;
  } 
  a {
      color:#1a9096;
  }
  .btn-primary{
      background-image: -moz-linear-gradient(top, #42e695 0%, #1a9096 100%);
      background-image: -webkit-linear-gradient(top, #42e695 0%, #1a9096 100%);
      background-image: linear-gradient(to bottom, #42e695 0%, #1a9096 100%);
      -webkit-box-shadow: 0px 0px 30px 0px rgba(66, 230, 249, 0.4);
      box-shadow: 0px 0px 30px 0px rgba(66, 230, 249, 0.4);
      background-size:auto 140%;
      border:0px; 
  }
  .btn-primary:hover, .btn-primary:focus{
      color: #fff;
  }
  .btn-primary.btn-light{
      background:#ffffff;
      color:#485974;
  }
  .btn-primary.btn-light:hover, .btn-primary.btn-light:focus{
      color:#1a9096;
  }
  .btn-secondary{
      background-color: #333;
      border-color: #333;
      -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
  }
  .btn-secondary:hover, .btn-secondary:focus{
      background-color: black;
      border-color: black;
      color:#ffffff; 
  }
  .btn-outline-primary{
      background:transparent;
      border:2px solid #1a9096;
      color:#1a9096;
  }
  .btn-outline-primary:hover, .btn-outline-primary:focus{
      background:#1a9096;
      border-color:#1a9096;
      color:#ffffff;
      -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
  }
  .btn-outline-secondary{
      background:transparent;
      border:2px solid #485974;
      color:#485974;
  }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus{
      background:#485974;
      color:#ffffff;
      -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
  }
  .btn-outline-primary.btn-light{
      background:transparent;
      border:2px solid #ffffff;
      color:#ffffff;
  }
  .btn-outline-primary.btn-light:hover, .btn-outline-primary.btn-light:focus{
      background:#ffffff;
      color:#485974;
      -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
  }
  .menu-primary li.menu-item:hover > a, .menu-primary li.menu-item.active > a{
      color:#1a9096;
  }
  .menu-fixed .menu-primary li.menu-item:hover > a, .menu-fixed .menu-primary li.menu-item.active > a{
      color:#1a9096;
      opacity:1;
  }
  .menu-fixed .btn-outline-primary.btn-light {
      background: transparent;
      border: 2px solid #1a9096;
      color: #1a9096;
  }
  .menu-fixed .btn-outline-primary.btn-light:hover {
      background:#1a9096;
      border-color:#1a9096;
      color: #ffffff;
  }
  .menu-fixed .btn-primary.btn-light{
      background-image: -moz-linear-gradient(top, #42e695 0%, #1a9096 100%);
      background-image: -webkit-linear-gradient(top, #42e695 0%, #1a9096 100%);
      background-image: linear-gradient(to bottom, #42e695 0%, #1a9096 100%);
      -webkit-box-shadow: 0px 0px 30px 0px rgba(66, 230, 249, 0.4);
      box-shadow: 0px 0px 30px 0px rgba(66, 230, 249, 0.4);
      background-size:auto 140%;
      border:0px; 
      color: #ffffff;
  }
  .menu-primary .sub-menu > li.menu-item > a:before{
      background: -moz-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #42e695), color-stop(100%, #1a9096));
      background: -webkit-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: linear-gradient(to right, #42e695 0%, #1a9096 100%);
  }
  .menu-primary .sub-menu > li.menu-item.col-title > a:after{
      background: -moz-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #42e695), color-stop(100%, #1a9096));
      background: -webkit-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: linear-gradient(to right, #42e695 0%, #1a9096 100%);
  }
  
  .page-header.dc-one{
      background-image:url('../../images/green-color/bg-1.jpg');
      background-position:center center;
      background-size:cover;
      background-repeat:no-repeat;  
  }
  .page-header.dc-two{
      background-image:url('../../images/green-color/bg-3.png');
      background-position:center top;
      background-size:cover;
      background-repeat:no-repeat;
  }
  .page-header.dc-four{
      background-image:url('../../images/green-color/bg-4.png');
      background-position:center bottom;
      background-size:cover;
      background-repeat:no-repeat;
  }
  .page-header.dc-five{
      background-color:#f9fcfc;
      background-image:url('../../images/bg-5.png');
      background-position:center center;
      background-size:100% auto;
      background-repeat:no-repeat;
  }
  .page-header.dc-nine{
      background-image:url('../../images/green-color/bg-5.png');
      background-position:top center;
      background-size:100% auto;
      background-repeat:no-repeat;
  }
  .search-option .search-btn a{
      background: -webkit-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: -moz-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
  }
  .heading-wrapper span{
      color:#1a9096;
  }
  .heading-wrapper.with-separator h1:after, 
  .heading-wrapper.with-separator h2:after,
  .heading-wrapper.with-separator h3:after{
      background: -moz-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #42e695), color-stop(100%, #1a9096));
      background: -webkit-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: linear-gradient(to right, #42e695 0%, #1a9096 100%);
  }
  .key-feature .icon{
      color:#1a9096;
      background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #f5fefa));
      background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f5fefa 100%);
      background: linear-gradient(135deg, #ffffff 0%, #f5fefa 100%);
  }
  #support{
      background: #f5fefa;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5fefa), color-stop(100%, #ffffff));
      background: -webkit-linear-gradient(top, #f5fefa 0%, #ffffff 100%);
      background: linear-gradient(to bottom, #f5fefa 0%, #ffffff 100%);
  }
  .light-gradient-bg{
      background: #f5fefa;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5fefa), color-stop(100%, #ffffff));
      background: -webkit-linear-gradient(top, #f5fefa 0%, #ffffff 100%);
      background: linear-gradient(to bottom, #f5fefa 0%, #ffffff 100%);	
  }
  .screenshot-section:before{
      background:url('../../images/green-color/half-circle-bg.png') no-repeat scroll bottom center;
      background-size:cover;
      content:"";
      height:425px;
      width:100%;
      position:absolute;
      top:0;    
  }
  .light-bg{
      background:#f5fefa;
  }
  .cta-section{
      background:url('../../images/green-color/bg-2.jpg') no-repeat scroll center bottom;
      background-size:cover; 
  }
  .footer-theme-one{
      background:url('../../images/green-color/footer-bg-1.png') no-repeat scroll center top;
      background-size:cover; 
  }
  .footer-theme-one .footer-logo:before{
      background: #42e695;
      background: -moz-linear-gradient(0deg, #42e695 0%, #1a9096 100%);
      background: -webkit-linear-gradient(0deg, #42e695 0%, #1a9096 100%);
      background: linear-gradient(90deg, #42e695 0%, #1a9096 100%);
  }
  .footer-theme-two{
      background: -webkit-linear-gradient(-84deg, #2ebc95 0%, #1a9096 100%);
      background: -moz-linear-gradient(-84deg, #2ebc95 0%, #1a9096 100%);
      background: linear-gradient(-84deg, #2ebc95 0%, #1a9096 100%);
  }
  .footer-theme-three{
      background: -webkit-linear-gradient(-84deg, #2ebc95 0%, #1a9096 100%);
      background: -moz-linear-gradient(-84deg, #2ebc95 0%, #1a9096 100%);
      background: linear-gradient(-84deg, #2ebc95 0%, #1a9096 100%);
  }
  .footer-theme-eight:before{
      background: -webkit-linear-gradient(-84deg, #2ebc95 0%, #1a9096 100%);
      background: -moz-linear-gradient(-84deg, #2ebc95 0%, #1a9096 100%);
      background: linear-gradient(-84deg, #2ebc95 0%, #1a9096 100%);
  }
  .pricing-plans-one .card-title{
      color:#1a9096; 
  }
  .pricing-plans-one .pricing-feature-list li::before{
      color:#1a9096; 
  }
  .pricing-plans-one .price-card.popular .card-header{
      background:url('../../images/green-color/plan-card-header-bg.png') no-repeat scroll center bottom;
      background-size:cover; 
      padding:50px 30px 50px; 
      margin-bottom:30px; 
  }
  .pricing-plans-one .price-card.popular .card-title, .pricing-plans-one .price-card.popular .plan-cost, .pricing-plans-one .price-card.popular .plan-validity{
      color:#ffffff; 
  }
  .list-style-one li:before, .list-style-one li:after{
      background:#1a9096; 
  }
  .features-block.theme-one .inner-box:before{
      background: #42e695;
      background: -webkit-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: -moz-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
  }
  .client-testimonial.theme-one blockquote:before{
      background: -webkit-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: -moz-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
  }
  .counter-block .counter-number-suffix{
      background: -webkit-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: -moz-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;   
  }
  .menu-fixed .style-dark.search-option .search-btn a{
      background: -webkit-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: -moz-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      color:#ffffff;
  }
  .menu-fixed .style-dark.search-option .search-btn a:before{
      border: rgba(42,31,188,0.2) solid 6px;
  }
  .screenshot-slider .slick-arrow{
      background: -webkit-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: -moz-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      -webkit-box-shadow: 0px 0px 20px 0px rgba(66, 230, 249, 0.4);
      box-shadow: 0px 0px 20px 0px rgba(66, 230, 249, 0.4);
  }
  .testimonial-section.style-two:before{
      background: url('../../images/green-color/bg-2.jpg') no-repeat scroll center bottom;
      background-size:cover;   
  }
  .client-testimonial.theme-two .testimonial-text::after{
      background: -webkit-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: -moz-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
  }
  .dc-two.about-section .video-wrapper:before{
      background:#42e695;
  }
  .dc-two.about-section .video-player:before{
      background:url('../../images/green-color/inner-ring.png') no-repeat center center; 
  }
  .dc-two.about-section .video-player:after{
      background:url('../../images/green-color/outer-ring.png') no-repeat center center; 
  }
  .icon-box.theme-one .icon{
      background: -webkit-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: -moz-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
  }
  .pricing-plans-two .card-title:after{
      background: -moz-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: -webkit-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: linear-gradient(to right, #42e695 0%, #1a9096 100%);
  }
  .pricing-plans-two .pricing-feature-list li::before {
      color: #1a9096;
  }
  .pricing-plans-two .plan-cost-wrapper{
      background-color: #485974;
  }
  .pricing-plans-two .popular .plan-cost-wrapper{
      background: -webkit-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: -moz-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
  }
  .dark-bg{
      background:#1a9096;
  }
  .features-block.theme-two .inner-box{
      background:rgba(245,254,250,0.05);
  }
  .features-block.theme-two .inner-box:hover{
      background:rgba(245,254,250,0.15);
  }
  .gradient-heading-bg:before{
      background: url('../../images/green-color/half-circle-bg.png') no-repeat scroll bottom center;
      background-size: cover;
      content: "";
      height:300px;
      width: 100%;
      position: absolute;
      top: 0;
  }
  .page-header.dc-three{
      background: #42e695;
      background: -moz-linear-gradient(45deg, #42e695 0%, #1a9096 51%, #0e7479 100%);
      background: -webkit-linear-gradient(45deg, #42e695 0%, #1a9096 51%, #0e7479 100%);
      background: linear-gradient(45deg, #42e695 0%, #1a9096 51%, #0e7479 100%);
  }
  .page-header.dc-comingsoon{
      background: #42e695;
      background: -moz-linear-gradient(45deg, #42e695 0%, #1a9096 51%, #0e7479 100%);
      background: -webkit-linear-gradient(45deg, #42e695 0%, #1a9096 51%, #0e7479 100%);
      background: linear-gradient(45deg, #42e695 0%, #1a9096 51%, #0e7479 100%);
  }
  .page-header.dc-eight{
      background: #42e695;
      background: -moz-linear-gradient(top, #42e695 0%, #1a9096 100%);
      background: -webkit-linear-gradient(top, #42e695 0%, #1a9096 100%);
      background: linear-gradient(to bottom, #42e695 0%, #1a9096 100%);
  }
  .icon-box.theme-two .icon{
      background:#f5fefa; 
  }
  .fact-section{
      position:relative; 
  }
  .fact-section:before{
      background: url('../../images/green-color/traiangle-transparent-bg.png') no-repeat scroll bottom center;
      background-size: auto;
      content: "";
      height:100%;
      width: 100%;
      position: absolute;
      bottom:0;
      left:0;
      background-position: left bottom;
  }
  .slick-dots li.slick-active button {
      background:#42e695;
      border:#1a9096;
  }
  .pricing-plans-three .plan-cost, .pricing-plans-three .plan-validity{
      color:#1a9096; 
  }
  .pricing-plans-three .pricing-feature-list li::before{
      color:#1a9096; 
  }
  .pricing-plans-three .price-card.popular{
      background: -webkit-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: -moz-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      color:#ffffff; 
  }
  .pricing-plans-three .popular .plan-cost, .pricing-plans-three .popular .plan-validity, .pricing-plans-three .popular .card-title{
      color:#ffffff; 
  }
  .pricing-plans-three .popular .pricing-feature-list{
      color:#ffffff; 
  }
  .pricing-plans-three .popular .pricing-feature-list li::before {
      color:#ffffff;
  }
  .pricing-plans-three .popular .btn-primary {
      background: #ffffff;
      color: #485974;
  }
  #navigation .btn-outline-primary.btn-light{
      background-image: -moz-linear-gradient(top, #42e695 0%, #1a9096 100%);
      background-image: -webkit-linear-gradient(top, #42e695 0%, #1a9096 100%);
      background-image: linear-gradient(to bottom, #42e695 0%, #1a9096 100%);
      -webkit-box-shadow: 0px 0px 30px 0px rgba(66, 230, 249, 0.4);
      box-shadow: 0px 0px 30px 0px rgba(66, 230, 249, 0.4);
      background-size: auto 140%;
      border: 0px;
  }
  #navigation .btn-outline-primary.btn-light:hover, #navigation .btn-outline-primary.btn-light:focus {
      background-position: bottom center;
      color:#ffffff; 
  }
  .menu-fixed #navigation .btn-outline-primary.btn-light{
      color:#ffffff;
  }
  .inner-page-header{
      position:relative;
      background: url('../../images/green-color/half-circle-bg.png') no-repeat scroll bottom center;
      background-size: cover;
  }
  .st-team-member.theme-one .member-position{
      color:#1a9096; 
  }
  .article-block .entry-title a:hover{
      color:#1a9096;
  }
  .post-meta a:hover{
      color:#1a9096;
  }
  .pagination li span.current{
      background: -webkit-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: -moz-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
  }
  .news-grid.column-2 .article-details:before{
      background: -moz-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: -webkit-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: linear-gradient(to right, #42e695 0%, #1a9096 100%);
  }
  .filters li span::after{
      background: -moz-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: -webkit-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: linear-gradient(to right, #42e695 0%, #1a9096 100%);
  }
  .filters li.is-checked span{
      color: #1a9096;
  }
  .post-meta span.entry-meta::before, .entry-tags .label:before {
      color: #1a9096;	
  }
  .sidebar ul li::after {
      color:#1a9096;
  }
  .sidebar a:hover{
      color:#1a9096;
  }
  .tagcloud a:hover, .entry-tags a:hover{
      background:#1a9096;
  }
  .sidebar .widget-title:after{
      background: -moz-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: -webkit-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: linear-gradient(to right, #42e695 0%, #1a9096 100%);
  }
  blockquote::before {
      background: -webkit-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: -moz-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
  }
  .circle-background-animation:before{
      background: url('../../images/green-color/circle-img.png') no-repeat scroll center center;
  }
  .how-it-work-wrapper .step-number{
      background:rgba(45,186,149,0.15);
  }
  .features-block.theme-three .inner-box:hover{
      -webkit-box-shadow: 0px 0px 30px 0px rgba(66, 230, 249, 0.4);
      box-shadow: 0px 0px 30px 0px rgba(66, 230, 249, 0.4);
      border:1px solid #42e695; 
  }
  .st-tab-btn .nav-tabs .nav-item .nav-link:after, .st-tab-btn .nav-tabs .nav-link:after{
      background: -moz-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: -webkit-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: linear-gradient(to right, #42e695 0%, #1a9096 100%);
  }
  .st-tab-btn .nav-tabs .nav-link:hover, .st-tab-btn .nav-tabs .nav-item.show .nav-link, .st-tab-btn .nav-tabs .nav-link.active{
      color:#1a9096;
  }
  .signin-wrapper .box-header::before{
      background: -webkit-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: -moz-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
  }
  .dc-signin.theme-two{
      background:url('../../images/bg-6.jpg') no-repeat scroll center center;
      background-size:cover; 
  }
  .dc-signin.theme-two .intro-box{
      background: -webkit-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: -moz-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
  }
  .page-header.dc-six:before{
      background: -webkit-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: -moz-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
  }
  .page-header.dc-six:after{
      background-image: url('../../images/green-color/traiangle-transparent-bg-flip.png');
  }
  .enquiry-form-box .form-wrapper .form-header h4 span{
      color: #1a9096;
  }
  .widget .widget-title h3.title{
      color: #1a9096;
  }
  .contact-info li::before, .footer-nav li::before {
      color: #1a9096;
  }
  .dc-features-group > .dc-features-item .dc-features-item-hover::before{
      background-color: #1a9096;
  }
  .page-header.dc-seven:before{
      background:#f5fefa; 	
  }
  .timeline::before{
      background: -moz-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #42e695), color-stop(100%, #1a9096));
      background: -webkit-linear-gradient(left, #42e695 0%, #1a9096 100%);
      background: linear-gradient(to right, #42e695 0%, #1a9096 100%);
  }
  .timeline .step-number{
      color: #1a9096;
  }
  .timeline .timeline-item:before{
      background:#1a9096;
  }
  #accordion.style-2 .panel-default .panel-title a::after{
      background:#1a9096;
  }
  .client-testimonial.theme-four .slick-arrow {
      background: -webkit-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: -moz-linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      background: linear-gradient(-135deg, #42e695 0%, #1a9096 100%);
      -webkit-box-shadow: 0px 0px 20px 0px rgba(66, 230, 249, 0.4);
      box-shadow: 0px 0px 20px 0px rgba(66, 230, 249, 0.4);
  }
  .contact-box-wrapper .contact-details-box{
      background:#1a9096;
  }
  @media only screen and (max-width:991px) {
      .footer-theme-one {
          background: url('../../images/green-color/footer-bg-1-mobile.png') no-repeat scroll center top;
          background-size: cover;
      }
      #navigation .menu-primary li.menu-item:hover > a, #navigation .menu-primary li.menu-item.active > a {
          opacity: 1;
          color: #1a9096;
      }
  }
  