@import url('https://fonts.googleapis.com/css?family=Asap:400,500,700');
/* styling here */
@import "modules.css";

@import "about.css";
@import "services.css";
@import "contacts.css";

/* 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;}

	.carousel-control.right {
		right: 15px !important;
	}
	.carousel-control.left {
		left: 15px !important;
	}
}

/* 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;}

	.carousel-control.right {
		right: -75px !important;
	}
	.carousel-control.left {
		left: -75px !important;
	}
}

/* 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;}

	.navbar-brand>img {
		max-height: 50px;
	}

	.navbar {
		min-height: 50px !important;
	}

	.navbar-nav {
		padding-top: 0 !important;
	}

	.navbar-default {
		margin-bottom: 0;
	}

	.xs-bgwhite {
		background-color: #FFF;
		background-image: none !important;
	}

	.carousel-control.right {
		right: 15px !important;
	}
	.carousel-control.left {
		left: 15px !important;
	}

	footer a.btn.btn-default, footer button.btn.btn-default {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

.cookies-bar {
    display: none;
    padding: 10px 15px;
    justify-content: space-between;
    align-items: baseline;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: white;
}
.cookies-bar.active {
    display: flex;
}
footer.cookie {
    margin-bottom:60px;
}
img {
	max-width: 100%;
}

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

p {
	line-height: 150%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	text-transform: uppercase;
	color: #222;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	color: #23d120;
}

h1 {
	font-size: 60px;
}

h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

body {
	font-family: "Asap", sans-serif;
	color: #666;
}

.navbar-toggle {
	border-radius: 0;
	border-color: rgba(0,0,0,0.05) !important;
}

.page-title {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.page-title > .container {
	background-image: url(../images/rect8025.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.navbar {
	min-height: 114px;
}

.navbar-default {
	background-color: #FFF;
	border: none;
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
	padding: 0 15px;
	min-height: 50px;
}

.navbar-nav {
	text-transform: uppercase;
	padding-top: 52px;
}

.navbar-default .navbar-nav>li>a {
	font-weight: 700;
	padding-left: 30px;
	padding-right: 30px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color: #23d120;
	background-color: transparent;
}

/**/
footer {
	background-color: #333;
	color: #FFF;
	text-transform: uppercase;
}

footer .rights {
	background-color: #666;
}

footer a.btn.btn-default,
footer button.btn.btn-default {
	background: none;
	color: #23d120;
	border-width: 0;
	text-transform: uppercase;
	font-size: 16px;
	padding-left: 30px;
	padding-right: 30px;
}

footer a.btn.btn-default:focus,
footer a.btn.btn-default:hover,
footer button.btn.btn-default:focus,
footer button.btn.btn-default:hover {
	background: none !important;
	background-color: transparent !important;
	color: #23d120 !important;
	box-shadow: none;
}

footer a {
	color: #23d120;
}

a:hover, a:focus {
	color: #23d120;
}

/**/
.bggreen {
	background-color: rgba(35,209,32,0.75);
	color: #FFF;
	padding: 15px 30px;
}

.btn-green {
	background: none;
	border-radius: 0;
	border-color: #23d120;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	text-transform: uppercase;
}

.btn-green:hover,
.btn-green:focus {
	background-color: #23d120;
	border-color: #23d120;
	color: #FFF;
}

.btn-green.btn-inverse {
	background-color: #23d120;
	border-color: #23d120;
	color: #FFF;
}

.btn-green.btn-inverse:hover,
.btn-green.btn-inverse:focus {
	background-color: #FFF;
	border-color: #FFF;
	color: #23d120;
}

/**/
hr.green {
	border-color: #23d120;
	border-width: 3px;
}

.vertical-green-line {
	background-image: url(../images/rect8023.png);
	background-repeat: repeat-y;
	background-position: center;
}

.carousel-control.right,
.carousel-control.left {
	background: none;
	background-color: transparent;
	border: 1px solid #23d120;
	color: #23d120;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	top: calc(50% - 30px);
}

.carousel-control .fa,
.carousel-control .icon-next,
.carousel-control .icon-prev {
	position: static;
	display: block;
	width: 90%;
	line-height: 55px;
	margin-right: auto;
	text-shadow: none;
}

.carousel-control .fa.fa-angle-right {
	margin-left: auto;
	margin-right: 0;
	width: 95%;
}

.fa-green {
	color: #23d120;
}