/* Theme Name: The Project - Responsive Website Template
File Description: Place here your custom CSS styles
*/

body {
  color: #58595b !important;
}

h1, h2, h3 {
	text-transform:none;
	font-weight:300;
	font-family: 'Open Sans', sans-serif !important;
}

h1 {
	color:#6A7F10;
}

h2, h3 {
	color:#58595b;
}


a {
  color: #6A7F10;
}

a:hover {
  color: #879637;
}

a:focus,
a:active {
  color: #879637;
}

.header .logo {
  width:200px;
}

.header {
  border-bottom: 0px solid #f1f1f1;
  background-color: #f6f6f6 !important;
}


/* revolution slider - disable slider arrows */
.tparrows {
	display: none !important;
}
.tp-bullet {
	display: none !important;
}
.tp-caption {
	font-weight:300;
	font-family: 'Open Sans', sans-serif !important;
}


/* nav */
.main-navigation .navbar-nav > li > a {
	font-family: 'Open Sans', sans-serif !important;
}
.main-navigation .navbar-nav li li a {
	font-family: 'Open Sans', sans-serif !important;
}


/*Backgrounds
---------------------------------- */
.background-img-02 {
  background: url("../img/background-img-02.jpg") 50% 0px no-repeat;
}
.background-img-02c {
  background: url("../img/background-img-02c.jpg") 50% 0px no-repeat;
}
.background-img-11 {
  background: url("../img/background-img-11.jpg") 50% 0px no-repeat;
}

.background-img-who-we-are {
	background-image: url(/img/bg-who-we-are.jpg); 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;

	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


/*paddings
---------------------------------- */
.pv-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.pv-80 {
	padding-top: 80px;
	padding-bottom: 80px;
}
.pv-140 {
	padding-top: 140px;
	padding-bottom: 140px;
}
.ph-20 {
	padding-left:20px;
	padding-right:20px;
}
.padding-30 {
	padding:30px;
}
.pb-20 {
	padding-bottom:20px;
}

.mt-10 {
	margin-top:10px;
}
.mt-20 {
	margin-top:20px;
}
.mt-40 {
	margin-top:40px;
}
.mb-30 {
	margin-bottom:30px;
}

hr.hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}


/*banner
---------------------------------- */
.banner-fullscreen {
	background-image: url(/img/slider/02.jpg); 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;

	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}



.dark-overlay {
	background-color:rgba(0, 0, 0, 0.8);
	padding:20px 30px 10px 30px;
}

.dark-overlay h2,
.dark-overlay p {
	color:#fff;
}

.white-overlay {
	background-color:rgba(255, 255, 255, 0.7);
	padding:20px 30px 10px 30px;
}
.banner-overlay {
	/*background-color:rgba(255, 255, 255, 0.7);*/
	background-color:rgba(101, 130, 45, 0.85);
	/*margin-bottom:30px;
	padding:50px;
    margin: calc(25vh - 30px) 0;
    min-height: 50vh;
	*/

}
.banner-overlay h1,
.banner-overlay p {
	font-weight:400;
	color:#fff;
}

.banner-overlay-description {
	background-color:rgba(255, 255, 255, 0.7);
	position:absolute;
	bottom:10px;
	right:10px;
	font-size:12px;
	color:#000;
	font-style:italic;
	padding:5px;
}
.banner-overlay-description-01 {
	font-size:12px;
	color:#fff;
	font-style:italic;
	line-height:14px;
	text-align:right;
}
.banner-overlay-description-02 {
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
	text-align: center;
	font-size:13px;
	color:#fff;
	padding:5px;
	text-shadow: 2px 2px 4px #000000;
}

.bg-banner {
	position:relative;
	padding-top:100px;
}



/*border
---------------------------------- */
.box-border {
	margin-top:10px;
	margin-bottom:30px;
}
.box-border-outline {
	border: 2px solid #648326;
	margin-top:10px;
	margin-bottom:30px;
}


.bottom-line {
	border-bottom:4px solid #648326 !important;
}


/*Box Green */
.box-bg-green {
	background-color: transparent;
	padding:20px;
}
.box-bg-green p.title {
	margin-bottom:0;
	color:#648326;
	font-weight:500;
}



/*button
---------------------------------- */
.btn {
	text-transform: uppercase;
}
.btn-nav  {
  color: #000;
  border:1px solid #000 !important;
  background-color: transparent;
}

a:hover.btn-nav  {
  color: #000;
  background: #fff !important;
  border:1px solid #000 !important;
}

.btn-white {
	color: #ffffff;
	background-color: transparent !important;
	border:2px solid #ffffff !important;
	border-radius: 50px 50px;
}

.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.show > .dropdown-toggle.btn-white {
	color: #7DB414 !important;
	background-color: #ffffff !important;
	border:2px solid #ffffff !important;
}

.btn-dark {
  color: #ffffff;
  background-color: #58595b;
  border-color: #666666;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus,
.btn-dark:active,
.btn-dark.active,
.show > .dropdown-toggle.btn-dark {
  color: #ffffff;
  background-color: #999999;
  border-color: #666666;
}

	/*Default Button*/
	.btn-default {
	  color: #7DB414;
	  background-color: transparent !important;
	  border:2px solid #7DB414 !important;
	  border-radius: 50px 50px;
	}
	
	.btn-default:hover,
	.btn-default:focus,
	.btn-default.focus,
	.btn-default:active,
	.btn-default.active,
	.show > .dropdown-toggle.btn-default {
	  color: #ffffff;
	  background-color: #7DB414 !important;
	  border:2px solid #7DB414 !important;
	}


.btn-block {
	display: block;
}

/*home panel
---------------------------------- */
.home-panel-box a {
	text-decoration:none;
}

.home-panel {
	padding:50px 25px 20px 25px;
}
.home-panel h3 {
	color:#fff;
	font-weight:400;
}


.home-news-panel-1 {

}
.home-news-panel-2 {
	 position:absolute;
	 bottom:0px;
	 left:30px;
	 right:30px;
	 color:#fff;
}
.home-news-panel-3 {
	margin-bottom:20px;
	padding:30px;
	background:#648326;
	color:#fff;
	line-height:18px;
}
.home-news-panel-4 {
	margin-bottom:20px;
	color:#fff;
}

.text-sm {
	margin-top:15px;
	font-size:12px;
	font-weight:400;
}

/*content
---------------------------------- */
.content-col {
	background:#fff;
}
.txt-green {
	color:#697F0F;
}



/*lists
---------------------------------- */
ul.list-tick {
	margin:30px 0 30px 0px;
	padding-left:0px;
}
ul.list-tick li {
	padding-left:35px;
	line-height:25px;
	margin-bottom:20px;
	background:url(../img/li-tick.png) no-repeat 0px 5px;
	list-style:none;
}

ul.default {
	margin:30px 0 20px 0px;
	padding-left:20px;
}
ul.default li {
	padding-left:0px;
	line-height:18px;
	margin-bottom:15px;
	color:#fff;
}


/*
---------------------------------- */
.navbar-toggler {
  border: 0px solid transparent;
}



/* Tables
---------------------------------- */

.table.table-colored {
  margin-top:30px;
  margin-bottom:30px;
  border-bottom-color: #6A7F10;
}

.table-colored > thead > tr > th {
  border-color: #6A7F10;
  background-color: #6A7F10;
  color: #ffffff;
  font-size:13px;
}

.table.table-colored td {
  font-size:13px;
}



/* graph
---------------------------------- */
.graph {
	background-color:#101f21;
}
.graph h2 {
	color:#ffffff;
}
.graph-text-sm {
	padding-top:20px;
	text-align:right;
	font-size:12px;
	color:#fff;
	font-style:italic;
	line-height:14px;
}

/* modal
---------------------------------- */
.modal-content .modal-header {
    background-color: #648326 !important;
}


/* Flexible iFrame */
.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

textarea {
    resize: none;
}

label2.error {font-size:12px; color:#F00; padding-left:5px; margin-top:0; display:block;} 

.footnote {
	font-size:11px;
	font-style:italic;	
}


/*price-table
---------------------------------- */
.pricing-tables {
	margin-top:40px !important;
}
.pricing-tables .header {
	background:#6A7F10 !important;
}

.price {
	font-size:16px !important;
	font-weight:500 !important;
}

.header .navbar-nav li ul {
  min-width: 17rem !important;
}


/*footer
---------------------------------- */
.footer {
	background:#648326; color:#fff;
}
.footer h2 {
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
}
.footer ul {
	margin:0 0 0 0;
	padding:0; 
	list-style:none;
}
.footer li {
	padding:0 0 5px 0;
}
.footer a {
	color:#fff;
	text-decoration:none;
}
.footer a:hover {
	color:#333;
	text-decoration:none;
}

.subfooter p {
	font-size:12px;
}


.colored.social-links li.linkedin a,
.btn.linkedin {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}

.social-links:not(.animated-effect-1) li.linkedin a:hover,
.social-links.animated-effect-1 li.linkedin a:after,
.btn.linkedin {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #648326;
}


/*media queries
---------------------------------- */


@media (min-width: 1200px) {
	.bg-banner {
		background-size:cover !important;
	}

	.banner-overlay h1 {
		margin-bottom:25px;
	}

	.dark-overlay {
		padding:40px 140px;
	}
	.dark-overlay h2 {
		margin-bottom:25px;
	}

	.home-panel h3 {
		height:50px;
	}
	.home-news-panel-1 {
		height:340px;
		overflow:hidden;
	}
	.home-news-panel-3 {
		height:325px;
		overflow:hidden;
	}
	.home-news-panel-4 {
		position:absolute;
		bottom:65px;
		left:30px;
		right:30px;
	}
	
	ul.default {
		min-height:300px;
	}
	.home-panel {
	    min-height: 540px;
	}	
	
	.mt-xl-25 {
		margin-top:25px;
	}

	
}

@media (max-width: 1199px) {

	.home-news-panel-4 {
		padding:30px;
		background:#648326;
		line-height:18px;
	}
}

@media (max-width: 1199px) and (min-width: 992px) {
	.home-panel {
	    min-height: 460px;
	}
	.home-panel.min-height-reset-lg {
		min-height:unset;
	}		
}
@media (min-width: 992px) {
.banner-fullscreen {
	height: 93vh;
	background-attachment: fixed;
}
.background-img-who-we-are {
	background-attachment: fixed;
}

.banner-overlay {
	padding:67px 150px 60px 150px;
}

.banner-int {
	height:170px;
}

	.bg-img-01 {
		background:url(../img/bg-banner.jpg) top center no-repeat;
	}
	.bg-img-02 {
		background:url(../img/bg-banner-02b.jpg) top center no-repeat;
	}
	.bg-img-03 {
		background:url(../img/bg-banner-03b.jpg) top center no-repeat;
	}
	.bg-img-04 {
		background:url(../img/bg-banner-04b.jpg) top center no-repeat;
	}
	.bg-img-05 {
		background:url(../img/bg-banner-05b.jpg) top center no-repeat;
	}
	.bg-img-06 {
		background:url(../img/bg-banner-06b.jpg) top center no-repeat;
	}
	.bg-img-07 {
		background:url(../img/bg-banner-07b.jpg) top center no-repeat;
	}
	

	.fixed.header .main-navigation.animated .navbar-nav > li:not(.show) > a:not(.btn-nav),
	.header .navbar-nav .active:not(.show) > .nav-link {
		color:#000;
		font-weight:500;
		padding: 20px 15px 20px 15px !important;
	}

	.header .navbar-nav .active > .nav-link {
		border-bottom: 1px solid #fff;
	}

	.header .navbar-nav .active > .nav-link,
	.header .navbar-nav li .nav-link.active,
	.header .navbar-nav li .nav-link:focus,
	.header .navbar-nav li .nav-link:hover,
	.header .navbar-nav .show > .nav-link,
	.header .navbar-nav li .nav-link.show,
	.header .navbar-nav li .show .nav-link,
	.header .navbar-nav .active.show > .nav-link,
	.header .navbar-nav li.show .nav-link.active,
	.fixed.header .main-navigation.animated .navbar-nav > li > a:hover:not(.btn-nav),
	.fixed.header .main-navigation.animated .navbar-nav > li > a:focus:not(.btn-nav),
	.main-navigation .navbar-nav .active a.nav-link:hover,
	.main-navigation .navbar-nav .active a.nav-link:focus,
	.main-navigation .navbar-nav .nav-item.show > a.nav-link,
	.main-navigation .navbar-nav a.nav-link:hover,
	.main-navigation .navbar-nav a.nav-link:focus  {
	  color: #24a828;
	  font-weight:500;
	  padding: 20px 15px 20px 15px !important;
	}

	
	.main-navigation .navbar-nav {
		margin-top:0px;
	}
	.main-navigation .navbar-nav > li > a {
		font-weight:500;
	}

	.header-first {
    	padding: 0;
		margin-top:3px;	
    }
	.fixed-header-on .header-first {
		padding: 0 !important;
	}
	
  
  	.nav-item-btn {
		margin-top:15px;
		margin-left:20px;
	}
	.nav-item-btn {
	  	margin-top:10px;
	  }  
	
	.nav-item-btn .btn-nav,
	.nav-item-btn.active .btn-nav {
		color:#000;
	}

	.nav-item-btn a.btn-nav:hover,
	.nav-item-btn a.btn-nav:focus {
		border-color:#000 !important;
	}
  
	.header .navbar-nav .dropdown-toggle::after {
	  margin-top: -10px !important;
	}
  
  
	.ml-lg-auto {
	  margin-left: auto !important;
	}
	.btn-nav {
	  padding-top: 5px !important;
	  padding-bottom: 5px !important;
	}


	.h3-news {
		min-height:50px;
		font-size:20px;
		font-weight:400;
	}

	.content-col {
		padding:50px !important;
		font-size:18px;
	}

	.subfooter-col-2 {
		text-align:right;
	}

	.process-last {
		min-height:91px;
	}
	.visibility-hidden-md-up {
    	visibility: hidden;
	}
	
	.banner-overlay-description-01 {
		position:absolute;
		bottom:20px;
		right:30px;
	}
	
}



@media (max-width: 992px) {


.background-img-who-we-are {
	background-attachment: scroll;
}

.banner-overlay {
	padding:25px;
}

.banner-int {
	height:150px;
}

	.bg-banner {
		background-size:cover !important;
	}

	.bg-img-01 {
		background:url(../img/bg-banner-sm.jpg) top center no-repeat;
	}
	.bg-img-02 {
		background:url(../img/bg-banner-02c-sm.jpg) top center no-repeat;
	}
	.bg-img-03 {
		background:url(../img/bg-banner-03c-sm.jpg) top center no-repeat;
	}
	.bg-img-04 {
		background:url(../img/bg-banner-04c-sm.jpg) top center no-repeat;
	}
	.bg-img-05 {
		background:url(../img/bg-banner-05c-sm.jpg) top center no-repeat;
	}
	.bg-img-06 {
		background:url(../img/bg-banner-06c-sm.jpg) top center no-repeat;
	}
	.bg-img-07 {
		background:url(../img/bg-banner-07c-sm.jpg) top center no-repeat;
	}


.nav-item-btn {
	margin:10px 20px 10px 20px;
}
	
.btn-nav  {
  color: #000;
  border:1px solid #000 !important;
  background-color: #fff;
  display:block;
}

a:hover.btn-nav  {
  color: #000;
  background: #fff !important;
  border:1px solid #000 !important;
}



.content-col {
	padding:20px !important;
}


.banner-overlay-description-01 {
	padding-top:15px;
}


}


@media (min-width: 768px) and (max-width:991px) {

.banner-fullscreen {
	height: 90vh;
	background-attachment: scroll;
}


}


@media (min-width: 768px) {
	

.main-navigation .navbar-nav > li > a {
	font-size:15px !important;
}

  .home-news-panel-1 p.title {
	font-size:30px;
	line-height:32px;
  }
  
  .home-news-panel-2 p.title {
	font-size:24px;
	line-height:26px;
  }

p.title {
	font-size:18px;
	line-height:25px;
	margin-bottom:25px;
}


.table-width-col-1 {
	width:35%;
}
.table-width-col-2 {
	width:65%;
}



ul.title-list {
	margin-bottom:30px;
}

ul.title-list li {
	font-size:18px;
	line-height:25px;
	margin-bottom:15px;
}


.margin-arrow {
	margin-left:-45px
}

.margin-arrow-narrow {
    margin: 0 0 0 -30px;
    padding: 0;
}

.li-price-arrow {
	text-align:left;
}


/*banner */
.banner-overlay h1 {
	font-size:30px;
}


    a[href^="tel"],
    a[href^="tel"]:hover,
    a[href^="tel"]:focus {
        text-decoration: none;
        cursor: text;
		color: #6A7F10;
    }
    .footer a[href^="tel"],
    .footer a[href^="tel"]:hover,
    .footer a[href^="tel"]:focus {
		color: #fff;
    }
}
@media (min-width: 768px) {
		.visibility-hidden-sm-up {
    	visibility: hidden;
	}
}

@media (max-width: 767px) {

/*banner */
.banner-overlay {
	/*margin-top:80px;
	padding:50px 15px;*/
}
.banner-overlay h1 {
	font-size:22px;
}

.banner-overlay-description-02 {
	display:none;
}

	
	.tp-heading-sm {
		font-weight:700;
		font-size:18px !important;
		line-height:23px;
	}
	
	.subfooter-col-2 {
		margin-top:10px;
		text-align:left;
	}

	.li-price-arrow {
		text-align:right;
	}

}

@media (max-width:479px) {

.banner-overlay-description {
	display:none;
}

}




.hs-form-iframe {
	min-height:350px !important;
	max-width: 100%!important;
}