/*

Brand color: #669933 - Green - 3b876d
Gradient colors: #42957d and #1e6347
Brand light color: #42957d
Brand dark color: #275d3c

*/


.video-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

video {
  position: relative;
  top: -10px;
  width: 100%;
  height: 680px;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 768px) {
  video { position: relative;
  top: 0px;
  width: 90%;
  height: 300px;
  object-fit: cover;
  object-position: center;
  }
}

/* Highlight Color */
::selection { color: #fff; background: #3b876d; }
::-moz-selection { color: #fff; background: #3b876d; }
.bg-brand, .bg-grad::selection { color: #3b876d; background: #fff; }
.bg-brand, .bg-grad::-moz-selection { color: #3b876d; background: #fff; }

/* Color */
a, .navbar-top a:hover, .dropdown-item:active, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .btn-link, .portfolio-card .portfolio-card-body .portfolio-card-footer .info-title a:hover, .post .post-info a:hover, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active, .icon-primary i:before, .footer-dark .widget a:hover, .portfolio .nav .nav-tabs .nav-filter.active, .team-item .team-position, .list-group-item-action:hover, .list-group-item-action:focus, .hamburger-menu label a:hover, .breadcrumb .breadcrumb-item a:hover i, .post-item .post-item-desc .post-meta a:hover, .post-item .post-item-desc h4 a:hover, .post-item .item-link:hover, .post-item .post-quote > blockquote:before, .page-link:hover, .sidebar .widget .widget-post .details a:hover, .sidebar .widget a:hover, .list-group-borderless a.list-group-item:hover, .tags a:hover, .post-navigation .post-prev:hover:before, .post-navigation .post-prev:hover h6, .post-navigation .post-prev:hover p, .post-navigation .post-next:hover:before, .post-navigation .post-next:hover h6, .post-navigation .post-next:hover p, .post-navigation .all-post:hover, .blockquote:before, .btn-outline-grad { color: #3b876d; }

/* Checkbox */
.custom-control-input:checked ~ .custom-control-label::before {
    color: #3b876d;
    border-color: #3b876d;
    background-color: #3b876d;
}

/* Navbar Dark link colors */
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #3b876d; }

.list-group-icon-primary-bg i { background-color: #deeec9; color: #3b876d; }

.post .post-tag a:hover, .portfolio-style-2 .portfolio-card .portfolio-card-footer .info-title a:hover, .portfolio .nav .nav-tabs-style-3 .nav-filter.active, .portfolio .nav .nav-tabs-style-2 .nav-filter.active, .portfolio .nav .nav-tabs-style-4 .nav-filter.active { color: #ffffff; }
a.text-primary:hover, a.text-primary:focus, .primary-hover li:hover {
    color: #275d3c !important;
}

.nav-tabs.tab-line .nav-link.active {
    color: #3b876d;
    border-bottom: 2px solid #3b876d;
}

/* Color important */
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .primary-hover a:hover, .text-primary, a.primary-hover:hover { color: #3b876d !important; }

/* Buttons */
.btn-outline-primary {
    color: #3b876d;
    border-color: #3b876d;
}
.btn-outline-primary:hover {
    color: #ffffff !important;
    background-color: #3b876d;
    border-color: #3b876d;
}

.btn-primary { 
    background: #3b876d; 
	border-color: #3b876d;
}
.btn-primary:hover { 
    color: #eacd0e;
	border-color: #2a7556; 
	background: #2a7556; 
	font-weight: 700;	
}
.btn-success { 
    color: #fff !important;
    background: #0cab62 !important; 
	border-color: #0cab62 !important;
}
.btn-success:hover { 
    color: #fff !important;
	border-color: #2a7556 !important; 
	background: #2a7556 !important; 
	font-weight: 700;	
}

.btn-success-yellow { 
    color: #2a7556 !important;
    background: #f3de2b !important; 
	border-color: #f3de2b !important;
}
.btn-success-yellow:hover { 
    color: #fff !important;
	border-color: #2a7556 !important; 
	background: #2a7556 !important; 
	font-weight: 700;	
}

.btn-white:hover {
    color: #ffffff !important;
	background-color: #3b876d !important;
    border-color: #fff !important;
}
.btn-primary-reverse { 
    color: #f3de2b;
	background: #2a7556; 
	border-color: #2a7556; 
	font-size:17px;
}
.btn-primary-reverse:hover { 
    color: #fff;
	border-color: #3b876d; 
	background: #3b876d; 
	font-weight: 700;
}
.btn-link:after { border-bottom: solid 2px #42957d; }

.lead2 {
  font-weight: 300;
  font-size: 19px;
}
.text-12 {
  font-weight: 400;
  font-size: 12px;
  color:#FFF;
}
.text-15 {
  font-weight: 700;
  font-size: 15px;
  color:#FFF;
}
.text-15dark {
  font-weight: 400;
  font-size: 15px;
  color:#333;
  font-style:normal;
}
.text-16 {
  font-weight: 400;
  font-size: 16px;
  color:#FFF;
  font-style:normal;
}
.text-16barlow {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color:#FFF;
}

.text-17 {
  font-weight: 600;
  font-size: 17px;
  text-transform: uppercase;  
}

.text-19 {
  font-weight: 400;
  font-size: 19px;
  color:#333;
}
.text-19barlow {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-weight: 600;
  font-size: 19px;
  color:#FFF;
}
.text-20barlow {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-weight: 400;
  font-size: 22px;
  color:#333;
}


.text-60 {
  font-weight: 700;
  font-size: 50px;
  color:#333;
}

.text-shadow {
  text-shadow: 1px 1px #000;
}
.alt-font2 {
  font-family: 'Lora', serif;
  font-weight: 400;
  font-size: 19px;
  font-style:italic;
  color:#333;
}
.font-w400 {
  font-weight: 400;
}
.text-alert {
  font-weight: 500;
  color:#f15f0f;
}
.text-secondary {
  color: #42957d !important;
}
.text-tertiary {
  color: #eacd0e;
}
.text-pkg {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 35px;
  font-weight: 600;
  color: #eacd0e;
  line-height:1.2;
}
.text-teal {
  color: #5bccab;
}
.text-orange {
  color: #ff6633;
}

.sup { 
  vertical-align: super;
  font-size: smaller;
  text-shadow: 1px 1px 1px #000;
  color:#42957d;
}

.shadow-awards {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -30px;
}

/* Background */
.bg-primary { background: #3b876d !important; }

.bg-darker { background: #337759 !important;  }
.bg-black { background: #000 !important;  }

.bg-lgtgreen { background: #e7ece7 !important;  }

.bg-mint { background: #b9d7cb;  }
.bg-blog { background: #cde9f6;  }

.navbar-primary.navbar-sticky-on { background-color: #333; }

.owl-carousel.dots-primary .owl-dots .owl-dot span {
    box-shadow: inset 0 0 0 2px #3b876d;
}
.owl-carousel.dots-primary .owl-dots .owl-dot span:after, .cd-headline.big-clip .cd-words-wrapper::after { background-color: #3b876d; }

.accordion.toggle-icon-round .accordion-title a:after { background: #3b876d; }
.accordion-primary .accordion-title, .cd-headline.clip .cd-words-wrapper::after, .cd-headline.loading-bar .cd-words-wrapper::after { background: #3b876d; }

.skill-item .progress-bar, .nav-tabs .nav-link.active, .nav-tabs.tab-bordered .nav-link.active { background-color: #3b876d; }

/* Border Color */
.form-control:focus, .feature-box.f-style-3:hover { border-color: #3b876d; }

.primary-border-left-dotted {
    border-left: dashed 1px #3b876d;
}
.testimonials.testimonials-border .testimonials-wrap:hover .testi-text p { border: 3px solid #3b876d; }
.testimonials.testimonials-border .testimonials-wrap:hover .testi-text p:before {
    border-color: #3b876d transparent transparent;
}
.tags a:hover {
    border: 1px solid #3b876d;
}
.portfolio .nav .nav-tabs-style-1 .nav-filter.active { border-color: #3b876d; }
.blockquote.primary-line {
    border-left: 5px solid #3b876d;
}

/* Gradient Text */
.text-grad, .counter-grad-text .counter-item-icon, .counter-grad-text .counter-item-digit {
  background: -moz-linear-gradient(150deg, #42957d 0%, #1e6347100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #42957d), color-stop(100%, #1e6347));
  background: -webkit-linear-gradient(150deg, #42957d 0%, #1e6347 100%);
  background: -o-linear-gradient(150deg, #42957d 0%, #1e6347 100%);
  background: -ms-linear-gradient(150deg, #42957d 0%, #1e6347 100%);
  background: linear-gradient(150deg, #42957d 0%, #1e6347 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
}

/* Gradient Background */
.bg-grad, .skill.skill-grad .progress-bar, .nav-tabs.tab-grad .nav-link.active, .portfolio-style-2 .portfolio-card .portfolio-card-header:before, .portfolio-style-2 .portfolio-card:hover .portfolio-card-header:before, .team.team-overlay .team-item .team-avatar:before, .team.team-overlay .team-item:hover .team-avatar:before, .pricing .ribbon span, .portfolio .nav .nav-tabs-style-3 .nav-filter.active, .portfolio .nav .nav-tabs-style-2 .nav-filter.active, .portfolio .nav .nav-tabs-style-4 .nav-filter.active {
    background: -moz-linear-gradient(150deg, #42957d 0%, #1e6347 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #42957d), color-stop(100%, #1e6347));
    background: -webkit-linear-gradient(150deg, #42957d 0%, #1e6347 100%);
    background: -o-linear-gradient(150deg, #42957d 0%, #1e6347 100%);
    background: -ms-linear-gradient(150deg, #42957d 0%, #1e6347 100%);
    background: linear-gradient(150deg, #42957d 0%, #1e6347 100%);
}
.btn-grad, .btn-outline-grad:before {
    background: -moz-linear-gradient(150deg, #1e6347 0%, #42957d 50%, #1e6347 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e6347), color-stop(50%, #42957d), color-stop(100%, #1e6347));
    background: -webkit-linear-gradient(150deg, #1e6347 0%, #42957d 50%, #1e6347 100%);
    background: -o-linear-gradient(150deg, #1e6347 0%, #42957d 50%, #1e6347 100%);
    background: -ms-linear-gradient(150deg, #1e6347 0%, #42957d 50%, #1e6347 100%);
    background: linear-gradient(150deg, #1e6347 0%, #42957d 50%, #1e6347 100%);
    background-size: 260% 100%;
    background-position: right bottom;
}
.icon-grad i:before {
    background: -moz-linear-gradient(150deg, #669933 0%, #336600 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #669933), color-stop(100%, #336600));
    background: -webkit-linear-gradient(150deg, #669933 0%, #336600 100%);
    background: -o-linear-gradient(150deg, #669933 0%, #336600 100%);
    background: -ms-linear-gradient(150deg, #669933 0%, #336600 100%);
    background: linear-gradient(150deg, #669933 0%, #336600 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -o-text-fill-color: transparent;
    text-fill-color: transparent;
}

.accordion-grad .accordion-title a, .blockquote.grad-line:after, .feature-box.f-style-1:before {
    background: -moz-linear-gradient(150deg, #669933 0%, #336600 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #669933), color-stop(100%, #336600));
    background: -webkit-linear-gradient(150deg, #669933 0%, #336600 100%);
    background: -o-linear-gradient(150deg, #669933 0%, #336600 100%);
    background: -ms-linear-gradient(150deg, #669933 0%, #336600 100%);
    background: linear-gradient(150deg, #669933 0%, #336600 100%);
}

.divider-grad:before {
  background: -moz-linear-gradient(150deg, #669933 0%, #336600 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #669933), color-stop(100%, #336600));
  background: -webkit-linear-gradient(150deg, #669933 0%, #336600 100%);
  background: -o-linear-gradient(150deg, #669933 0%, #336600 100%);
  background: -ms-linear-gradient(150deg, #669933 0%, #336600 100%);
  background: linear-gradient(150deg, #669933 0%, #336600 100%);
}

.divider-grad:after {
  background: -moz-linear-gradient(150deg, #336600 0%, #669933 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #336600), color-stop(100%, #669933));
  background: -webkit-linear-gradient(150deg, #336600 0%, #669933 100%);
  background: -o-linear-gradient(150deg, #336600 0%, #669933 100%);
  background: -ms-linear-gradient(150deg, #336600 0%, #669933 100%);
  background: linear-gradient(150deg, #336600 0%, #669933 100%);
}

@media only screen and (min-width:992px) {
	.navbar-nav .dropdown-menu:before {
		background: -moz-linear-gradient(150deg, #669933 0%, #336600 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #669933), color-stop(100%, #336600));
    background: -webkit-linear-gradient(150deg, #669933 0%, #336600 100%);
    background: -o-linear-gradient(150deg, #669933 0%, #336600 100%);
    background: -ms-linear-gradient(150deg, #669933 0%, #336600 100%);
    background: linear-gradient(150deg, #669933 0%, #336600 100%);
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .icon-grad i::before{ background: none; color: #3b876d !important; }
  .text-grad{  background: none; color: #3b876d !important; }
}