@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
body {
  font-family:'Open Sans', Arial, sans-serif;
	font-size:14px;
	font-weight:300;
	line-height:1.6em;
	background-color:#fff;
  overflow-x:hidden;
  padding-top: 100px; 
}

a {
	text-decoration:none;
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	outline: none;
color:#272727;
}

.logo{
  width:160px;
}
.menu{
  font-size:12px;
	text-transform:uppercase;
  font-weight:600;	
}
.navbar-dark{
  background:#00204D;
  padding-top:0;
  padding-bottom:0;
}

.navbar-dark .navbar-brand {
  color: #fff;
}
  
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
    
}
  
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 255);
  padding:20px;
}
  
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
    
}
  
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
  
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show {
  color: #fff;
}
  
.navbar-dark .navbar-nav .nav-link.active {
  color: #00204D;
  cursor: default;
  background: rgba(255,255,255);
  border: 1px solid;
  border-color:#00204D; 
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: #00204D; /*rgba(255, 255, 255, 0.5); */
  outline-color: #00204D;
}
  
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
  
.navbar-dark .navbar-text a {
  color: #fff;
}
  
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #fff;
  text-decoration: none;
  background-color: #00204D;
}
  
.dropdown-item{
  font-size:12px;
}

#hamburger:hover,
#hamburger.is-active {
  background: #00204D !important;
  border-color: #FFF;
}
    
#hamburger:hover ,
#hamburger.is-active  {
  background: #00204D !important;
}
    
#hamburger:focus {
  background: #00204D;
  cursor: pointer;
}

/*===========================
  slider
============================ */
.slider {
	position: relative;	
	margin-top:-20px;
}

/* .slider img {
    width: 100%;
} */

#carousel-slider {
  position: relative;
}

#carousel-slider .carousel-indicators {
  bottom: -40px;
}

#carousel-slider .carousel-indicators li {
  border: 1px solid #ffbd20;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

#carousel-slider a i {
	border-radius:50%;
	font-size: 30px;
	height: 50px;
	padding: 10px 19px 10px 19px;
	position: absolute;
	top: 50%;
	width: 50px;
	color:rgba(192,192,192,0.6);
	background:rgba(192,192,192,0.6);
	color:#fff;
}

#carousel-slider a i:hover {
	background: rgba(142, 194, 255, 0.6);
	color:#fff;
}

#carousel-slider 
.carousel-control {
	width:inherit;
}

#carousel-slider .carousel-control.left i {
	left:50px;
	top: calc(50% - 50px);
}

#carousel-slider .carousel-control.right i {
	right: 50px;
	top: calc(50% - 50px);
}

.carousel-caption {
	position: absolute;
	/*right: 15%;*/
	top: calc(50% - 10px);
	font-size:40px;
	left: 0%;
	z-index: 10;
	padding-bottom: 0px;
	color: #fff;
	text-align: center;
}

.carousel-caption h2 {
	font-size:30px;
  color:white;
  background-color:rgba(192,192,192,0.5);
  border: 1px solid #ffffff;
}

/* .carousel-caption h2 span {
	font-size:50px;
	color: #fff;
} */

.carousel-caption p {
	font-size:35px;
	margin-top:30px;
	margin-bottom:20px;
	color:#fff;
	padding:10px;
	background:#65AAF0;
}

@media (max-width: 767px) {
    .carousel-caption  {
			font-size: 20px;
    }
    .carousel-caption h2, .carousel-caption  h2 span, .carousel-caption  p {
    	font-size:20px;
		}
		.carousel-item{
			height: 30vh;
		}

}

.carousel-inner .form-inline .form-group button[type="livedemo"]{
	padding:20px 60px;
	font-size:20px;
	background:#65AAF0;
	color:#fff;
	border-radius:0;
	border-color:#fff;
	text-transform:uppercase;
}

.carousel-inner .form-inline .form-group button[type="livedemo"]:hover {
	color:#272727;
	opacity: 0.8;
	-webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

.carousel-inner .form-inline .form-group button[type="getnow"]{
	padding:20px 60px;
	font-size:20px;
	background:#fff;
	color:#272727;
	border-radius:0;
	text-transform:uppercase;
	border: 1px solid #fff;
}

.carousel-inner .form-inline .form-group button[type="getnow"]:hover {
	color:#fff;
	border-color:#fff;
	background:#65AAF0;
	-webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

.form-inline {
	margin-top:50px;	
}

/*===========================
  gallery
============================ */

.gallery {
	padding:50px;
}

.gallery .text-center h2 {
	text-transform:uppercase;
	font-weight:550;
	font-size:24px;
	margin-bottom:30px;
}

.gallery figure {
	position: relative;	
	margin-top:30px;
	margin-bottom:30px;
	background: #272727;
	text-align: center;
	cursor: pointer;
}

.gallery figure img {
	position: relative;
	display: block;
	opacity: 0.8;
}

.gallery figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery figure figcaption::before,
.gallery figure figcaption::after {
	pointer-events: none;
}
/*---------------*/
/***** Marley *****/
/*---------------*/

figure.effect-marley figcaption {
	text-align: right;
}

figure.effect-marley h4,
figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}


figure.effect-marley p {
	bottom: 30px;
	color:#fff;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-marley h4 {
	top: 30px;
	color:#fff;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}


figure.effect-marley:hover h4 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-marley h4::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-marley h4::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h4::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* ---- effect for service ----*/
figure.effect-service figcaption {
	text-align: right;
}

figure.effect-service h4,
figure.effect-service p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}


figure.effect-service p {
	bottom: 30px;
  /* color: #00204d; */
  color: white;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-service h4 {
	top: 30px;
  /* color:#00204d; */
  background-color: #0c326871;
  color: white;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-service:hover h4 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-service h4::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #d8dde471;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-service h4::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-service:hover h4::after,
figure.effect-service:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/* ----*/

/*---------------*/
/***** footer *****/
/*---------------*/
.sub-footer  {
	background:#00204d;
  padding:20px 0 0 0;
  color:#fff;
}
ul.social-network li {
	display:inline;
	margin: 0 10px;	
	font-size:25px;	
	margin-left:-10px;
}

ul.social-network li a {
	color:#d0d0d0;	
}
.social-network li:hover .fa-twitter {
  color: #00abf0;
}
.social-network li:hover .fa-facebook {
  color: #39579a;
}
.social-network li:hover .fa-google-plus {
  color: #eb8984;
}
.social-network li:hover .fa-pinterest {
  color: #c9171e; 
}
.social-network li:hover .fa-linkedin {
  color: #0077b5; 
}
.social-network li:hover .fa-youtube-play {
  color: #C84941; 
}
.social-network li:hover .fa-dribbble {
  color: #EA4C89 ; 
}
.social-network li:hover .fa-pinterest-square {
  color: #EA4B49; 
}

.copyright {
  margin-top:0px;
  padding-bottom: 10px;
  text-align: right;
  color:#fff;
}
/* ----*/
/*===========================
  breadcrumb
============================ */
.breadcrumb {
  background: #0c326871;
}

.breadcrumb-item {
  color:#fff;
}
.breadcrumb-item > a {
  color:#fff;
  font-weight: 500;
  /* border-bottom: 1px solid transparent; */
}
.breadcrumb-item > a:hover {
  /* border-bottom: 1px solid #fff; */
  color:#fff;
}
/* ----*/
/*===========================
  sub-cat page img
============================ */
.sub-img{
	width:100%;
}
/* ----*/
/*===========================
  sub-page  **Shared with Services,Business Group, About
============================ */

.sub-page {
	padding:0 0 80px 0;
	
}

.sub-page .text-center h2 {
	font-weight:300;
	text-transform:uppercase;
	text-shadow:none;
	margin-bottom:30px;
	font-size:24px;
}

.sub-page i {
	margin-top:20px;
	margin-bottom:10px;
	font-size:50px;
	color:#ddd;
}

.sub-page h3 {
	margin-bottom:20px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
 }

 .sub-page p {
  color:#00204d;
	margin-bottom:20px;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1px;
 }
 /* --- Map --- */

#map-canvas{
  position:relative;
  margin-bottom:20px;
  padding-bottom:50px;
  height: 420px;
}

/* google map */
#google-map{
	position:relative;
    height: 800px;
}
/*---------- */

/*===========================
 main-page   **Shared with services, Business Group, About
============================ */

.main-page {
	padding:0 0 80px 0;
}

.main-page .text-center h2 {
	font-weight:300;
	text-transform:uppercase;
	text-shadow:none;
	margin-bottom:30px;
	font-size:24px;
}

.main-page i {
	margin-top:20px;
	margin-bottom:10px;
	font-size:50px;
	color:#ddd;
}

.main-page h3 {
	margin-bottom:20px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
 }
 .main-page h4 {
	margin-bottom:20px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
 }

 .main-page p {
  color:#00204d;
	margin-bottom:20px;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1px;
 }

 .main-page figure img{
	 width:100%;
 }
 /*----------------------------*/
/********** Address ***********/
/*----------------------------*/

.address {
	padding:0 0 80px 0;
}

.address .text-center h2 {
	text-transform:uppercase;
	font-weight:300;
	font-size:24px;
	margin-bottom:50px;
}

.address figure {
	position: relative;	
	margin-top:20px;
	margin-bottom:30px;
	background: #272727;
	text-align: center;
	cursor: pointer;
}

.address figure img {
	position: relative;
	display: block;
	opacity: 0.9;
	width:100%;
}

.address figure figcaption p {
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	-webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #2727278a;
  
}

.address figure figcaption::before,
.neaddressws figure figcaption::after {
  pointer-events: none;
}
/* ---- effect for service ----*/
figure.effect-address figcaption {
	text-align: left;
}

figure.effect-address h4{
	font-size: 16px;
}

figure.effect-address h4,
figure.effect-address p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}


figure.effect-address p {
	bottom: 60px;
  /* color: #00204d; */
  color: white;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-address h4 {
  top: 25px;
  padding:10px;
  /* color:#00204d; */
  background-color: #0c326871;
  color: white;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}


figure.effect-address:hover h4 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-address h4::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 10px;
	background: #1c1d1f71;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-address h4::after,
figure.effect-address p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-address:hover h4::after,
figure.effect-address:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*----------------------------*/
/*----------------------------*/
/****** Page with image *******/
/*----------------------------*/

.img_title{
  position: absolute; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  background: rgba(255, 255, 255, 0.5); /* white background with 0.5 opacity */
  color: rgb(0, 0, 0); 
	width: 100%; /* Full width */
	height:30%;
}
.img_title h2{
	margin: 40px 0 0 0;
}

@media (max-width: 965px) {
	.img_titile {
		height:50%;
	}
	.img_title h2{
		margin: 15px 0 0px 0;
	} 
}
@media (max-width: 1200px) {

	figure.effect-address p {
		bottom: 0px;
		line-height: 1.3;
	}
	figure.effect-address h4 {
		top: 10px;
	}
	figure.effect-address figcaption p{
		font-size: 14px;
	}
	figure.effect-address h4::after {
		height: 5px;
		
	}
}
@media (max-width: 485px){
	.img_title h2{
		margin: 0px 0 0px 0;
	}
}
/*----------------------------*/
/*********  Profile ***********/
/*----------------------------*/
.media-body p{
	font-size: 12px;
	line-height: 16px;
}
ul.social_icons,
ul.tag {
  list-style: none;
  padding: 0;
  margin: 10px 0;
  display: block;
}

ul.social_icons li,
ul.tag li {
  display: inline-block;
  margin-right: 5px;
}

ul.social_icons li  a i{
  border-radius: 50%;
  color: #ffffff;
  background: #037eaf;
  height: 25px;
  line-height: 25px;
  font-size: 16px;
  padding: 0;
  text-align: center;
  width: 25px;
  opacity:.8;
}
ul.social_icons .fa-linkedin:hover,
ul.social_icons .fa-envelope-o:hover{
  transform: rotate(360deg);
  -ms-transform:rotate(360deg);
  -webkit-transform:rotate(360deg); 
  transition-duration:2s;
  transition-property: all;
  transition-timing-function: ease;
  opacity:1;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}

/* .team .text-center p {
	margin-bottom:0;
} */

.team h4 {
  margin-top: 0;
  text-transform: uppercase;
}

.team h5 {
	font-weight: 500;
	font-size: 18px;
	text-transform: uppercase;
	padding: 20px 0 0 0;
}

.team p{
	font-size: 14px;
	line-height: 14.5px;
	color:black;
	margin-right: 5px;
}

.details p{
	font-size: 15px;
	line-height: 16px;
	margin: 10px 10px 20px 10px;
	color: #00204d;
}

.team img{
	padding: 15px 8px 10px 8px;
	border-radius: 25px;

}

.profile p{
	font-size: 16px;
	line-height:normal;
	color: #00204d;
}
.profile {
	margin-top: 10px;
}

@media screen and (min-width: 601px){
	div.learn-more{
		display: none;
	}
}
@media screen and (max-width: 600px){
	div.details {
		display: none;
	}
	div.learn-more{
		display: block;
	}
}
/*----------------------------*/

/*----------------------------*/
/*********  News ***********/
/*----------------------------*/

.news-img{
	border-radius: 15px;
	padding: 10px 0 10px 0;
}
/*----------------------------*/