@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
html {
	height: 100%;
}
body {
	font: 300 normal 14px 'Montserrat', Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 0.03em;
	background: #fff;
	height: 100%;
	color: #666;
	overflow-x: hidden;
}
h1, h2, h3 {
	color: #333;
}
h4, h5, h6 {
	color: #333;
	line-height: 1.8em;
}
p {
	line-height: 30px;
	margin: 15px 0;
}
a, button {
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}
a {
	color: #3ed688;
}
a:hover {
	color: #6f9;
	text-decoration: none;
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2);
}
.green-bg {
	background: #49d88f;
}
.padding-10 {
	padding: 10px;
}
.padding-20 {
	padding: 20px;
}
.vcenter {
	display: flex;
	align-items: center;
}
.points {
	padding: 0;
	margin: 0;
}
.points li {
	list-style: none;
	padding-left: 1em;
	margin: 10px 0;
}
.points li:before {
	display: inline-block;
	content: "-";
	width: 1em;
	margin-left: -1em;
}
.btn {
	border-radius: 0;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin: 25px auto 40px;
	padding: 10px 30px;
}
.btn-custom {
	background: none;
	color: #666;
	border: 1px solid #666;
}
.btn-custom:hover {
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2);
	color: #999;
	border-color: #999;
}
.btn-custom-white {
	background: none;
	color: #fff;
	border: 1px solid #fff;
}
.btn-custom-white:hover {
	background: none;
	color: #ddd;
	border: 1px solid #ddd;
}
.navbar-nav>li:hover>a, .navbar-nav>li.active:hover>a, .navbar-nav>li.open:hover>a, .navbar-nav>.active>a, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover, .navbar-nav>.open>a, .navbar-nav>.open>a:focus, .navbar-nav>.open>a:hover {
	background: none !important;
}
.alert {
	display: none;
}
#lightgallery li a {
	height: 190px;
	margin-bottom: 10px;
	overflow: hidden;
	display: block;
}
#backtotop {
	position: fixed;
	right: 15px;
	background: rgba(62, 214, 136,0.85);
	color: #fff;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	padding: 15px 0;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}
#backtotop.affix {
	bottom: 15px;
}
#backtotop.affix-top {
	bottom: -100px;
}
/* ---------------------------------------------
					Content
---------------------------------------------- */
.navbar-brand {
	height: auto;
}
.navbar-default {
	position: fixed;
	z-index: 999;
	background: #fff;
	border: none;
	border-top: 2px solid #3ed688;
	border-radius: 0;
	width: 100%;
	margin-bottom: 0;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.navbar-default .navbar-nav>li>a {
	text-transform: uppercase;
	padding: 20px 15px;
}
.navbar-default .navbar-nav>li:hover>a {
	color: #999 !important;
}
.navbar-nav {
	margin: 0 -15px 0 0;
}
/* ---------------------------------------------
					Search
---------------------------------------------- */
.search .dropdown-menu {
	right: 0 !important;
	left: auto !important;
	width: 260px;
}
.search .navbar-form, {
 width: 100%;
}
.search .navbar-form .form-control {
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: #fff;
	width: 100%;
}
.search .search-btn {
	background: none;
	border: none;
	color: #fff;
	margin: 0;
	padding: 8px 0;
	float: right;
}
/* ---------------------------------------------
					Banner
---------------------------------------------- */
#banner {
	height: 100%;
}
#banner .controllers {
	opacity: 0;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}
#banner:hover .controllers {
	opacity: 1;
	-moz-animation: cssAnimation 0s ease-in 5s forwards;
	-webkit-animation: cssAnimation 0s ease-in 5s forwards;
	-o-animation: cssAnimation 0s ease-in 5s forwards;
	animation: cssAnimation 0s ease-in 5s forwards;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
#inner .banner {
	height: 380px;
	border-bottom: 1px solid #eee;
}
.banner {
	background-size: cover !important;
	background-position: center center !important;
}
/* ---------------------------------------------
				maps
---------------------------------------------- */
#maps {
	position: relative;
}
#googlemaps {
	height: 380px;
	width: 100%;
	position: relative;
}
/* ---------------------------------------------
					Main
---------------------------------------------- */
#main h1 {
	position: relative;
	margin: 50px 0;
	line-height: 46px;
}
#main h1 span {
	font-weight: 700;
}
#main h1:after {
	content: '';
	position: absolute;
	background: #3ed688;
	width: 50px;
	height: 1px;
	left: 0;
	bottom: -15px;
}
#main h1.text-right:after {
	left: inherit;
	right: 0;
}
.pattern {
	background: url(../images/pattern.png) repeat;
}
.products {
	margin: 50px -5px;
	padding: 0;
	display: inline-block;
	width: calc(100% + 10px);
}
.products li {
	width: 20%;
	list-style: none;
	float: right;
	position: relative;
	padding: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}
.products li a {
	width: 100%;
	display: -webkit-inline-box;
}
.products li a>span {
	opacity: 0;
	padding: 15px;
	display: block;
	width:100%;
	min-height: 100%;
	background: rgba(62,214,136,.7);
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}
.products li:hover a>span {
	opacity: 1;
}
.products li a:hover {
	-webkit-filter: brightness(1);
	filter: brightness(1);
}
.products li p {
	color: #fff;
	margin: 0;
	line-height: 20px;
	font-size: 0.9em;
	position: relative;
	min-height: 60px;
}
.products li a>span span {
	display: block;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.08em;
	margin: 25px 0 5px;
	padding: 10px 0;
	width: 100%;
	background: none;
	color: #fff;
	border: 1px solid #fff;
}
#carousel-portfolio {
	border-top: 10px solid rgba(73,216,143,0.95);
	height: 100%;
}
#carousel-portfolio .carousel-indicators {
	position: inherit;
	bottom: inherit;
	left: inherit;
	right: inherit;
	width: 35%;
	margin: 0;
	padding-top: 30px;
	float: left;
}
#carousel-portfolio .carousel-indicators li {
	width: 30%;
	height: auto;
	margin: 5%;
}
#carousel-portfolio .carousel-indicators li img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.6;
}
#carousel-portfolio .carousel-indicators li.active img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
}
#carousel-portfolio .carousel-inner {
	width: 65%;
	height: 100%;
	float: left;
}
#carousel-portfolio .banner {
	min-height: 100%;
}
#carousel-portfolio .carousel-caption {
	bottom: 0;
	right: 0;
	left: inherit;
	padding: 0;
	margin: 0;
}
#carousel-portfolio .carousel-caption a {
	background: rgba(73,216,143,0.95);
	color: #fff;
	text-align: right;
	text-shadow: none;
	text-transform: uppercase;
	padding: 20px 50px;
	margin: 0;
	float: right;
}
#partner h1 {
	margin: 50px 0 15px !important;
}
#partner h1:after {
	left: calc(50% - 25px);
}
.partner {
	white-space: nowrap;
	padding: 10px 15px;
	position: relative;
}
/*.partner {
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	height: 100%;
	padding: 10px 15px;
}*/
.partner a {
	padding: 20px 30px;
	display: inline-block;
	vertical-align: middle;
	max-width: 220px;
}
/* Scrollbar */
.partner::-webkit-scrollbar {
 height: 6px;
}
.partner::-webkit-scrollbar-track {
 -webkit-border-radius: 10px;
background: transparent;
 border-radius: 10px;
 background:#ccc;
}
.partner::-webkit-scrollbar-thumb {
 -webkit-border-radius: 10px;
 border-radius: 10px;
 background:#49d88f;
}
.contact {
	background: url(../images/contact-bg.jpg) center center;
	background-size: cover;
	padding: 50px 0;
}
.contact h4 {
	text-transform: uppercase;
	color: #fff;
}
.contact p {
	color: #fff;
}
.contact .btn {
	margin: auto;
	display: table;
}
.thumbnail {
	border: none;
	padding: 0;
	position: relative;
}
.thumbnail .caption {
	background: rgba(0,0,0,.6);
	position: absolute;
	bottom: 0;
	padding: 20px;
	color: #fff;
	width: 100%;
}
/* ---------------------------------------------
					Inner
---------------------------------------------- */
#inner h2 {
	margin: 50px 0;
	position: relative;
}
#inner h2 span {
	text-transform: uppercase;
	font-size: 14px;
	display: block;
	margin: 10px 0;
}
#inner h2:after {
	content: '';
	position: absolute;
	background: #3ed688;
	width: 50px;
	height: 1px;
	bottom: -15px;
	left: 0;
}
#inner .content {
	padding: 0 50px 50px;
	min-height: 600px;
}
#carousel-projects .carousel-indicators {
	position: inherit;
	bottom: inherit;
	left: inherit;
	right: inherit;
	width: 100%;
	margin: 0;
	padding-top: 30px;
	text-align: left;
}
#carousel-projects .carousel-indicators li {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 20px;
	text-indent: inherit;
	border-radius: 0;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}
#carousel-projects .carousel-indicators li span {
	margin-right: 10px;
	color: #ccc;
}
#carousel-projects .carousel-indicators li.active {
	background: #000;
	border: none;
	border-left: 3px solid #3ed688;
	color: #fff;
	width: calc(100% + 4em);
	margin-left: -4em;
	padding-left: calc(4em + 17px);
}
#carousel-projects .carousel-indicators li.active span {
	color: #3ed688;
}
#carousel-projects .controllers {
	position: absolute;
	margin: 0 -20px;
}
#carousel-projects {
	height: calc(100% - 30px);
}
#projects .carousel-inner {
	overflow: visible;
	margin-top: 30px;
}
#projects .item ul {
	margin: 0;
	padding: 0;
}
#projects .item li {
	display: inline-block;
	width: 100%;
}
#projects .item a {
	display: block;
	width: 100%;
	padding: 15px 20px;
	color: #666;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}
#projects .item a span {
	margin-right: 10px;
	color: #ccc;
}
/*#projects .item a:hover {
	background: #000;
	border: none;
	border-left: 3px solid #3ed688;
	color: #fff;
	width: calc(100% + 4em);
	margin-left: -4em;
	padding-left: calc(4em + 17px);
}*/

#projects .item a.active {
	background: #000;
	border: none;
	border-left: 3px solid #3ed688;
	color: #fff;
	width: calc(100% + 4em);
	margin-left: -4em;
	padding-left: calc(4em + 17px);
	padding-right: 40px;
	position: relative;
}
#projects .item a.active:after {
	content: "\e081";
	font-family: 'Glyphicons Halflings';
	position: absolute;
	right: 15px;
	top: 20px;
}
#projects .item a.active:hover {
	color: #fff;
}
#projects .item a.active:hover span {
	color: #ccc;
}
#projects .item a.active span {
	color: #ccc;
}
#projects .item a:focus, #projects .item a:hover, #projects .item a:active {
	text-decoration: none;
}
#projects .item a:hover {
	color: #3ed688;
}
#projects .item a:hover span {
	color: #3ed688;
}
#projects .item a p {
	margin: 0;
	display: inline-block;
}
/*#projects .item a:hovere span {
 color: #3ed688;
}*/
.gallery a {
	position: relative;
	overflow: hidden;
	float: left;
	width: 100%;
	min-height: 235px;
	background: #000;
	margin-bottom: 10px;
}
.gallery.photo a {
	min-height: 190px;
}
.gallery a p {
	color: #fff;
	margin: 0;
	padding: 10px 15px;
	position: absolute;
	background: #000;
	z-index: 9;
	bottom: 0;
	width: 100%;
	font-size: .9em;
	line-height: 24px;
}
.gallery a p>span {
	color: #2fd980;
	margin-right: 5px;
}
.gallery a>span {
	display: block;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.08em;
	margin: auto;
	padding: 12px;
	width: 150px;
	color: #fff;
	border: 1px solid #fff;
	top: 35%;
	left: calc(50% - 75px);
}
.gallery a img {
	position: absolute;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}
.gallery a:hover img {
	opacity: 0.3;
}
.gallery a:hover p, .gallery a:hover span {
	z-index: 9;
}
#carousel-projects.carousel .item.active.left {
	display: none;
}
/* ---------------------------------------------
					Modal
---------------------------------------------- */
.modal {
	background: rgba(255,255,255,.9);
}
.modal-dialog {
	width: 60%;
}
.modal-header {
	border: none;
}
.modal-header h2 {
	margin: 30px 0 20px !important;
}
.modal-header .close {
	font-size: 48px;
	font-weight: 400;
	position: relative;
	z-index: 999;
}
.modal-content {
	box-shadow: none;
	border: none;
	background: none;
}
.modal-body iframe {
	height: 468px;
}
/* ---------------------------------------------
					Side Nav
---------------------------------------------- */
.side-nav {
	padding: 30px 0;
}
.side-nav ul {
	padding: 0;
}
.side-nav ul li {
	list-style: none;
	float: left;
	width: 100%;
	padding: 20px 0;
	position: relative;
	text-transform: uppercase;
}
.side-nav ul li:after {
	content: '';
	position: absolute;
	background: #ddd;
	width: 30px;
	height: 1px;
	bottom: 10px;
	left: 0;
}
.side-nav ul li.active:after {
	background: #3ed688;
}
.side-nav ul ul {
	border: none;
	box-shadow: none;
	min-width: inherit;
}
.side-nav ul li.active ul {
	display: block;
	margin-left: 7px;
}
.side-nav ul ul li {
	text-transform: capitalize;
	padding: 5px 0 20px;
}
.side-nav li a {
	color: #666 !important;
	background: none !important;
	padding: 0 !important;
	white-space: normal;
}
.side-nav li a:hover {
	background: none !important;
	color: #999 !important;
}
.side-nav>ul>li.active>a, .side-nav .dropdown-menu>li.active>a {
	color: #3ed688!important;
}
.side-nav>ul>li.dropdown.active>a {
	color: #666!important;
}
/* ---------------------------------------------
					Contact Form
---------------------------------------------- */
.contact-form h2 {
	margin-bottom: 20px !important;
}
.contact-form h2:after {
	display: none;
}
.contact-form p {
	margin-bottom: 30px;
}
.contact-form .form-control {
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #ccc;
	min-height: 45px;
	box-shadow: none;
	background: none;
	padding: 6px 0;
}
.contact-form textarea {
	margin-bottom: 30px;
}
/* ---------------------------------------------
					Footer
---------------------------------------------- */
footer {
	background: #666;
	padding: 15px 0;
}
footer p {
	color: #fff;
	margin: 0;
}
footer a {
	color: #ccc;
}
footer a:hover {
	color: #eee;
	text-decoration: none;
}
/* ---------------------------------------------
					no-gutters
---------------------------------------------- */
.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
 padding-right: 0;
 padding-left: 0;
}
.row.no-gutters-5 {
	margin-right: -5px;
	margin-left: -5px;
}
.row.no-gutters-5 > [class^="col-"], .row.no-gutters-5 > [class*=" col-"] {
 padding-right: 5px;
 padding-left: 5px;
}
/* ---------------------------------------------
					Media Queries
---------------------------------------------- */
@media (max-width: 1306px) {
.products li a {
	min-height:175px;
}
}
@media (max-width: 1184px) {
.products li {
	width:33.33%;
}
.products li a {
	min-height:inherit;
}
}
@media (max-width: 1170px) {
.container {
	width: 100%;
}
}
@media (min-width: 769px) {
.container-fluid {
	padding: 0;
}
.navbar-default .navbar-nav>.active>a {
	position: relative;
}
.navbar-default .navbar-nav>.active>a:after {
	content: '';
	position: absolute;
	background: #3ed688;
	height: 1px;
	width: 30px;
	left: 15px;
	bottom: 15px;
}
.navbar-nav>li.dropdown:hover>.dropdown-menu {
	display: block;
}
.navbar-nav>li:last-child.dropdown:hover>.dropdown-menu {
	display: none;
}
.navbar-nav>li:last-child.dropdown.open>.dropdown-menu {
	display: inline-block;
}
.navbar-right .dropdown-menu {
	left: 0;
	right: auto;
	padding: 0;
	border: none;
	border-radius: 0;
	background: rgba(62, 214, 136,0.85);
}
.dropdown-menu>li>a {
	padding: 15px 20px;
	color: #fff;
}
.dropdown-menu>li>a:hover {
	background: rgba(62, 214, 136,1);
	color: #fff;
}
.navbar-nav>li.dropdown .dropdown-menu.sub-menu {
	left: 100%;
	top: 0;
	position: absolute;
	margin: 0;
	background: rgba(62, 214, 136,0.85);
}
.dropdown-menu>li.trigger:hover .sub-menu {
	display: inline-table;
	-webkit-animation-duration: 100ms;
	animation-duration: 100ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: move-in-left;
	animation-name: move-in-left;
	margin-top: 0;
}
.navbar-default .navbar-nav>li:hover>a .caret {
	-webkit-animation: move-in-up 1s infinite;
	-moz-animation: move-in-up 1s infinite;
	-o-animation: move-in-up 1s infinite;
	animation: move-in-up 1s infinite;
}
#partner .item {
	position: relative;
	top: 70px;
}
#partner .item.active {
	display: flex;
	align-items: center;
	top: inherit;
}
.navbar-toggle-inner {
	display: none;
}
.contact-form .btn {
	margin: 0;
	float: right;
}
}
@media (max-width: 768px) {
/* ----------- Bootstrap Toogle ----------- */
.navbar-toggle {
	display: block;
	margin-right: 0;
}
.navbar-toggle .icon-bar+.icon-bar {
	margin: 0
}
.navbar-default .navbar-toggle {
	width: 44px;
	height: 35px;
	margin: 10px 15px;
	padding: 0 5px;
	border: none;
	border-radius: 3px;
	background: #49d88f !important;
}
.navbar-default .navbar-toggle .icon-bar {
	position: absolute;
	transition: all 250ms linear;
	margin-left: 5px;
	background-color: #fff;
}
.navbar-default .navbar-toggle.collapsed .icon-bar {
	position: absolute;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0)
}
.navbar-default .navbar-toggle .line1 {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	top: 15px;
}
.navbar-default .navbar-toggle .line2 {
	opacity: 0;
}
.navbar-default .navbar-toggle .line3 {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	top: 15px;
}
.navbar-default .navbar-toggle.collapsed .line1 {
	top: 9px;
}
.navbar-default .navbar-toggle.collapsed .line2 {
	opacity: 1;
	top: 15px;
}
.navbar-default .navbar-toggle.collapsed .line3 {
	top: 21px;
}
.navbar-toggle .icon-bar {
	background: #fff;
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-collapse.collapse.in {
	display: block !important;
}
.navbar-left, .navbar-right {
	float: none !important;
	display: initial;
}
.navbar-header {
	float: none;
}
.navbar-nav>li {
	float: none!important;
}
/* ----------- Bootstrap Toogle End ----------- */
#main .container-fluid {
	padding: 0;
}
.navbar-default {
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
.navbar-default .navbar-nav>li>a {
	padding: 10px 20px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	padding: 10px 20px;
}
.navbar-collapse {
	padding: 0;
}
.navbar-nav>li>.dropdown-menu {
	position: relative;
	width: 100%;
	box-shadow: none;
	border: none;
	margin-bottom: 15px;
}
.navbar-toggle-inner {
	display: block;
	background: #3ed688;
	width: 100%;
	border: none;
	border-radius: 3px;
	margin: 15px 0;
	padding: 10px 5px;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
}
.search {
	width: 100%;
	margin: 0;
}
.side-nav.navbar-collapse {
	margin-top: -15px;
	padding: 0 15px;
	background: #eee;
}
#banner {
	height: 450px;
}
.products li {
	min-height: 175px;
}
.products li a>span {
	opacity: 1;
}
.products .banner {
	min-height: inherit !important;
}
#carousel-portfolio .carousel-indicators {
	width: 25%;
}
#carousel-portfolio .carousel-indicators li {
	width: 70%;
	border: none;
}
#carousel-portfolio .carousel-inner {
	width: 75%;
}
#partner .item {
	padding: 35px 50px;
}
#inner .content {
	padding: 0 0 50px;
}
#carousel-projects .carousel-indicators {
	padding-top: 0;
}
#carousel-projects .controllers {
	position: relative;
	bottom: 0;
	margin: 15px -15px;
}
.side-nav ul ul {
	position: relative;
	margin: 15px 0 0 !important;
	padding: 15px 20px 10px;
	background: rgba(255,255,255,0.5);
	border-radius: 3px;
}
.modal-dialog {
	width: 100%;
}
.gallery a p {
	padding: 10px 12px 10px 35px;
}
.gallery a p>span {
	position: absolute;
	margin: 0;
	left: 11px;
}
}
@media (max-width: 767px) {
#main .container-fluid {
	padding: 0 15px;
}
#banner {
	height: 300px;
}
#inner .banner {
	max-height: 220px;
}
#main .banner {
	min-height: 300px;
}
.navbar-default .navbar-toggle {
	margin-right: 15px;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a {
	padding-left: 10px;
}
.navbar-collapse {
	padding: 0 15px;
}
#partner h1 {
	margin: 5px 0 !important;
}
#carousel-portfolio .carousel-indicators {
	padding-top: 0;
	width: 100%;
}
#carousel-portfolio .carousel-indicators li {
	display: inline-block;
	width: 20%;
}
#carousel-portfolio .carousel-inner {
	width: 100%;
	height: 300px;
	max-height: 300px;
}
#carousel-partner .item>div {
	min-height: 80px;
}
.modal-body iframe {
	height: 300px;
}
#projects .carousel-inner {
	margin: 15px 0 30px;
}

#projects .item a {
	padding: 15px 0;
}
#projects .item a span {
	margin-right: 7px;
	float: left;
}
#projects .item a.active {
	margin-left: -15px;
	padding-left: 15px;
	padding-right: 40px;
	width: calc(100% + 30px);
}
#projects .item a p {
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
#projects .item a.active:after {
	top: 16px;
}
#projects .controllers .left {
	left: 5px;
}
#projects .controllers .right {
	right: 5px;
}
#projects .controllers:after {
	width: calc(100% - 210px);
	left: 100px;
}
.products li {
	width:50%;
}
.products li a {
	height: 165px;
}
#lightgallery li a {
	min-height: inherit;
	height: 140px;
	position: relative;
}
#lightgallery li a:after {
	content: "+";
	position: absolute;
	bottom: 7px;
	right: 6px;
	border-radius: 50%;
	background: #49d88f;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	width: 36px;
	height: 36px;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}
#lightgallery li:hover a:after {
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2);
}
}
/*--------  Lock Screen --------  */
@media (max-width:420px) {
.partner {
	overflow: hidden;
}
}
 @media only screen and (max-height: 420px) and (orientation:landscape) {
.alert {
	display: block;
	position: fixed;
	top: 50%;
	z-index: 999;
	margin: -75px 15% 0;
	padding: 3% 10%;
	text-align: center;
}
.alert h4 {
	line-height: 24px;
	margin-bottom: 20px;
}
}