.bg-light-blue {
    background: #e4f0fe;
}
.dropdown:hover>.dropdown-menu {
    display: block;
}
.carousel-indicators {
    display: none !important;
}
.green {
    color: #2C9688;
    font-weight:bold;
}
.orange {
    color: #ffa400;
    font-weight:bold;
}
.products-section .nav {
    display: inline-flex;
}
.products-section .nav-tabs {
	border-bottom: none;
}
.products-section .nav-tabs .nav-link {
	background: #2C9688;
	color: #fff;
	border-radius: 0;
	border: none;
}
.products-section .nav-tabs .nav-item.show .nav-link, .products-section .nav-tabs .nav-link.active {
	background: #ffa400;
	color: #fff;
	border: none;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.photo-gallery > ul {
	margin-bottom: 0;
}
.photo-gallery > ul > li {
	float: left;
	margin-bottom: 15px;
	margin-right: 0px;
}
.photo-gallery > ul > li a {
	border: 3px solid #FFF;
	border-radius: 3px;
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
}
.photo-gallery > ul > li a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 100%;
	width: 100%;
            }
.photo-gallery > ul > li a:hover > img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.photo-gallery > ul > li a:hover .photo-gallery-poster > img {
	opacity: 1;
}
.photo-gallery > ul > li a .photo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.photo-gallery > ul > li a .photo-gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.photo-gallery > ul > li a:hover .photo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
.photo-gallery .justified-gallery > a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 100%;
	width: 100%;
}
.photo-gallery .justified-gallery > a:hover > img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.photo-gallery .justified-gallery > a:hover .photo-gallery-poster > img {
	opacity: 1;
}
.photo-gallery .justified-gallery > a .photo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.photo-gallery .justified-gallery > a .photo-gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.photo-gallery .justified-gallery > a:hover .photo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
.photo-gallery .video .photo-gallery-poster img {
	height: 48px;
	margin-left: -24px;
	margin-top: -24px;
	opacity: 0.8;
	width: 48px;
}
.photo-gallery.dark > ul > li a {
	border: 3px solid #04070a;
}
.navbar-light .navbar-nav .nav-link.active {
  color: #ffa400 !important;
}
.carousel-control-prev, .carousel-control-next {
    width: 50px !important;
    height: 50px !important;
    top: 50% !important;
    background-color: #000 !important;
    border-radius: 50% !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.carousel-control-prev-icon {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel {
  background:#ffffff;
  margin-top: 77px !important;
}
.carousel-slide {
  background:#ffffff;
  margin-top: 30px !important;
}
.carousel-caption {
  top: 40% !important;
  color: #148b7b;
  right: 25% !important;
  left: 25% !important;
}
.carousel-caption h1 {
  font-size: 4rem;
  background: rgb(255,255,255,0.8);
}
.carousel-item .img-fluid {
  width:100%;
}
.carousel-item a {
  display: block;
  width:100%;
}
section p {
	margin-top: 10px;
}
.about-section {
  margin-top: 40px;
}
.about-section h1 {
	text-align: center;
	font-size: 2.0rem;
	font-family: 'Poppins',sans-serif;
}
.about-section h4 {
	text-transform: uppercase;
}
.clients-section {
  margin-top: 40px;
}
.clients-section h1 {
	text-align: center;
	font-size: 2.0rem;
	font-family: 'Poppins',sans-serif;
}
.clients-section h4 {
	text-transform: uppercase;
}
.clients-section img {
	width: 100%;
}
.products-section {
  margin-top: 40px;
}
.products-section h1 {
	text-align: center;
	font-size: 2.0rem;
	font-family: 'Poppins',sans-serif;
}
.products-section h4 {
	text-transform: uppercase;
}
.contact-section {
  margin-top: 40px;
}
.contact-section img {
	width: 100%;
}
.contact-section h1 {
	text-align: center;
	font-size: 2.0rem;
	font-family: 'Poppins',sans-serif;
}
.contact-section h4 {
	text-transform: uppercase;
}
h1.heading span {
    background: #2C9688;
    /**color: #FD9F00;**/
	color: #ffffff;
    position: relative;
    z-index: 5;
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 0;
    padding-left: 20px;
	text-transform: uppercase;
}
h1.heading:after {
    content: "";
    display: block;
    border-top: solid 3px #2C9688;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}
/** Tablet **/
@media only screen and (min-width: 768px) and (max-width: 992px) {
.carousel {
  margin-top: 76px !important;
}
.carousel-slide {
  margin-top: 30px !important;
}
.carousel-caption h1 {
	font-size: 3rem !important;
}
}
/** Mobile **/
@media only screen and (max-width: 767px) {
.carousel {
  margin-top: 57px !important;
}
.carousel-slide {
  margin-top: 10px !important;
}
.carousel-caption {
    top: 30% !important;
}
.carousel-caption h1 {
	font-size: 1.5rem;
}
.navbar-brand {
	max-width:75% !important;
}
.navbar-brand img {
	width: 260px;
    height: 52px
}
.about-section h1, .clients-section h1, .products-section h1, .contact-section h1  {
    font-size: 1.3rem;
}
.carousel-control-prev, .carousel-control-next {
    width: 30px !important;
    height: 30px !important;
    top: 40% !important;
    background-color: #000 !important;
    border-radius: 50% !important; 
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.carousel-control-prev-icon {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.saas {
	width: 30%;
}
h1.heading:after {
	width: 90%;
}
}
.text-black {
color: #000;
}
}