/* styling here */

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    border-color: #89bd00;
}
.navbar-nav .dropdown-menu li a {
    color: #000 !important;
    border: 3px solid transparent;
}
.navbar-nav .dropdown-menu li a:hover, .navbar-nav .dropdown-menu li a:focus {
    border: 3px solid transparent;
    color: #89bd00;
}
.dropdown-menu{
    min-width:auto;
}
/* TABLET */
@media (min-width: 768px) {
	.sm-spacer150 {height: 150px;}
	.sm-spacer120 {height: 120px;}
	.sm-spacer90 {height: 90px;}
	.sm-spacer60 {height: 60px;}
	.sm-spacer30 {height: 30px;}
	.sm-spacer15 {height: 15px;}

	.sm-block150 {display: inline-block; width: 150px;}
	.sm-block120 {display: inline-block; width: 120px;}
	.sm-block90 {display: inline-block; width: 90px;}
	.sm-block60 {display: inline-block; width: 60px;}
	.sm-block30 {display: inline-block; width: 30px;}
	.sm-block15 {display: inline-block; width: 15px;}

	.sm-taleft {text-align: left;}
	.sm-tacenter {text-align: center;}
	.sm-taright {text-align: right;}
	.sm-tajustify {text-align: justify;}
}

/* DESKTOP */
@media (min-width: 992px) {
	.md-spacer150 {height: 150px;}
	.md-spacer120 {height: 120px;}
	.md-spacer90 {height: 90px;}
	.md-spacer60 {height: 60px;}
	.md-spacer30 {height: 30px;}
	.md-spacer15 {height: 15px;}

	.md-block150 {display: inline-block; width: 150px;}
	.md-block120 {display: inline-block; width: 120px;}
	.md-block90 {display: inline-block; width: 90px;}
	.md-block60 {display: inline-block; width: 60px;}
	.md-block30 {display: inline-block; width: 30px;}
	.md-block15 {display: inline-block; width: 15px;}

	.md-taleft {text-align: left;}
	.md-tacenter {text-align: center;}
	.md-taright {text-align: right;}
	.md-tajustify {text-align: justify;}
}

/* LARGE DISPLAY'S */
@media (min-width: 1200px) {
	.lg-spacer150 {height: 150px;}
	.lg-spacer120 {height: 120px;}
	.lg-spacer90 {height: 90px;}
	.lg-spacer60 {height: 60px;}
	.lg-spacer30 {height: 30px;}
	.lg-spacer15 {height: 15px;}

	.lg-block150 {display: inline-block; width: 150px;}
	.lg-block120 {display: inline-block; width: 120px;}
	.lg-block90 {display: inline-block; width: 90px;}
	.lg-block60 {display: inline-block; width: 60px;}
	.lg-block30 {display: inline-block; width: 30px;}
	.lg-block15 {display: inline-block; width: 15px;}

	.lg-taleft {text-align: left;}
	.lg-tacenter {text-align: center;}
	.lg-taright {text-align: right;}
	.lg-tajustify {text-align: justify;}
}

/* MOBILE */
@media (max-width: 767px) {
	.xs-spacer150 {height: 150px;}
	.xs-spacer120 {height: 120px;}
	.xs-spacer90 {height: 90px;}
	.xs-spacer60 {height: 60px;}
	.xs-spacer30 {height: 30px;}
	.xs-spacer15 {height: 15px;}

	.xs-block150 {display: inline-block; width: 150px;}
	.xs-block120 {display: inline-block; width: 120px;}
	.xs-block90 {display: inline-block; width: 90px;}
	.xs-block60 {display: inline-block; width: 60px;}
	.xs-block30 {display: inline-block; width: 30px;}
	.xs-block15 {display: inline-block; width: 15px;}

	.xs-taleft {text-align: left;}
	.xs-tacenter {text-align: center;}
	.xs-taright {text-align: right;}
	.xs-tajustify {text-align: justify;}
}

body {
	font-family: 'Raleway', sans-serif;
}

img {
	max-width: 100%;
}

button, a {
	-webkit-transition: all 200ms ease 0s; /* Safari */
	transition: all 200ms ease 0s;
}

.no-padding {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

/* NAVBAR */

header {
	background-color: rgba(99, 99, 99, 0.9);
	border: 0px !important;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1500;
}

.navbar-default {
	background-color: transparent;
	border: 0px;
	margin-bottom: 0px;
}

.navbar-brand>img {
}

.navbar-nav li {
	margin-right: 15px;
}

.navbar-nav li a {
	text-transform: uppercase;
	color: #fff !important;
	border: 3px solid transparent;
	padding: 10px 10px;
	font-weight: bold;
}


.navbar-nav li a:hover,
.navbar-nav li a:focus {
	border: 3px solid #89bd00;
	color: #89bd00 ;
}

.navbar-nav li a.active {
	border: 3px solid #89bd00 !important;
	color: #89bd00 !important;
}

/* SLIDESHOW */

.welcome-slide {
	margin-top: 55%;
}

.green-bar {
	width: 150px;
	height: 3px;
	background-color: #89bd00;
	margin: auto
}

#mod-slideshow img {
	z-index: -1;
}

#mod-slideshow .content {
	color: #fff !important;
	margin-top: 10%;
}

/* HOME */

#top {
}


#about {
	background-image: url(../images/background/about.jpg);
	background-size: cover;
	background-position: center;
	background-color: green;
	text-align: center;
}

#about h2 {
	color: #89bd00;
	font-weight: bold;
}

#about p {
	color: #fff;
}

#about hr {
	border: 2px solid #89bd00;
	width: 150px;
}

#about #mission {
	border: 5px solid #89bd00;
	padding: 20px 50px;
}

#solutions {
	background-color: white;
}

#solutions .product-content {
	border: 8px solid #89bd00;
	padding-left: 180px;
	min-height: 400px;
}

#solutions .product-img {
	z-index: 1000;
	margin-right: -150px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 250px;
	margin-top: 90px;
}

#solutions .product-title h4 {
	text-transform: uppercase;
	font-weight: 700;
}

#solutions #product-content .product-description {
}

.video-btn {
	text-decoration: none;
	color: #84b501;
	font-size: 14px;
}

.video-btn:hover,
.video-btn:focus {
	text-decoration: none;
	color: #608400;
}

#contacts {
	background-image: url(../images/background/contacts.jpg);
	background-size: cover;
	background-position: center;
	background-color: green;
}

#contacts .form-control {
	border-radius: 0px !important;
	border: 1px solid #fff !important;
	background-color: transparent !important;
	color: #fff !important;
}

#contacts .btn.btn-success {
	color: #99bc1f!important;
	background-color: #fff!important;
	border-radius: 0px!important;
	border: 0px!important;
	padding: 10px 20px!important;
	text-transform: uppercase!important;
	font-weight: bold!important;
}

#contacts #returnResult {
	color: #fff;
}

#contacts ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#contacts ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#contacts :-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#contacts :-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

#contacts h2 {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

#contacts h4 {
	color: #fff;
	font-style: italic;
}

#contacts p {
	color: #fff;
}

#contacts p span {
	margin-right: 5px;
}

#map-canvas {
	height: 600px !important;
}

/* SLIDESHOW */

.carousel-control.right,
.carousel-control.left {
	background-image: none !important;
}

.carousel-control {
	width: 5%;
	color: #84b501;
}

.carousel-control:focus,
.carousel-control:hover {
	color: #84b501;
}

.carousel-control .fa-angle-left, .carousel-control .icon-prev,
.carousel-control .fa-angle-right, .carousel-control .icon-next {
	margin-top:200px;

}

/* FOOTER */
footer {
	background: #658e01; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #5b8000, #84b501); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #5b8000, #84b501); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #5b8000, #84b501); /* For Firefox 3.6 to 15 */
	background: linear-gradient(right, #5b8000, #84b501); /* Standard syntax */
}

footer p {
	color: #fff;
}

footer p span {
	margin-right: 5px;
}

@media (max-width: 1199px) {
	.welcome-slide {
		margin-top: 65%!important;
	}

	.welcome-slide h3 {
		font-size: 36px!important;
	}

	.welcome-slide h4 {
		font-size: 26px!important;
	}
}

@media (max-width: 991px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		margin-top: 20px;
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
		background-color: #000;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
	.navbar-default .navbar-collapse {
		border: 0px !important;
	}
	#contacts {
		  background-position: left;
	}
	.navbar-nav li a.active,
	.navbar-nav li a:focus,
	.navbar-nav li a:hover {
		border: 3px solid transparent !important;
		color: #89bd00 !important;
	}

	.carousel-control .fa-angle-left, .carousel-control .icon-prev, .carousel-control .fa-angle-right, .carousel-control .icon-next {
		margin-top: 160px;
	}

	#solutions .product-img {
		margin-right: -100px;
	}

	#solutions .product-content {
		padding-left: 110px;
	}
	#solutions .product-content {
		border: 5px solid #89bd00;
		padding-left: 15px!important;
		margin-top: 15px;
	}

	#solutions .product-content {
		height: auto;
		min-height: 0px;
	}

	.xs-padding {
		padding-left: 0px;
		padding-right: 0px;
	}

	.carousel-control.left {
		left: 40%;
	}

	.carousel-control.right {
		right: 40%;
	}

	.carousel-control  {
		bottom: -90px;
		top: 100%;
		margin-top: 30px;
	}

	.carousel-control .fa-angle-left, .carousel-control .icon-prev, .carousel-control .fa-angle-right, .carousel-control .icon-next {
		margin-top: 0px;
	}
	.welcome-slide {
		margin-top: 80%!important;
	}

	.welcome-slide h3 {
		font-size: 48px!important;
	}

	.welcome-slide h4 {
		font-size: 32px!important;
	}

	.quality-slide {
		margin-top: 200px!important;
	}
}

@media(max-width: 767px) {
	.welcome-slide {
		margin-top: 30%!important;
	}

	.welcome-slide h3 {
		font-size: 60px!important;
	}

	.welcome-slide h4 {
		font-size: 48px!important;
	}

	.quality-slide {
		margin-top: 200px!important;
		margin-left: 150px!important;
	}
}

@media (max-width: 480px) {
	#about #mission {
		padding: 20px 30px;
	}
	#solutions #product-content img {
		position: relative;
		left: 0px;
	}
	#solutions #product-content {
		border: 0px !important;
	}
}