@import url('https://fonts.googleapis.com/css?family=Muli:200,300,400,600,700,800,900');

/* ==========================================================================
Links
========================================================================== */

body{font-family: 'Muli', sans-serif; background:#FFFFFF url(../img/bg.jpg) repeat-x left top}

body p{font-size:14px; font-weight:200; color: #4a4848;}

a { color:#000; outline: 0;}
a:focus {outline:none;}
a:hover {color:#000;}
a:active, a:hover, a:focus {outline:0; text-decoration:none;}
*, *:after, *:before {-webkit-box-sizing: border-box; box-sizing: border-box;}

ol, ul, dl {
	margin-top: 0;
	margin-bottom: 0rem;
}

/* ==========================================================================
   Typography
   ========================================================================== */
	h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { color:#000000; line-height:1.6;}
	.h1, .h2, .h3, .h4, .h5 { margin:0; padding:0; margin-bottom:10px;}
	h1, .h1 {font-size: 28px;}
	h2, .h2 {font-size: 24px;}
	h3, .h3 {font-size: 20px;}
	h4, .h4 {font-size: 18px;}
	h5, .h5 {font-size: 14px;}
	h6 {font-size: 0.8em;}
	


.text-center{text-align:center}
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box;}
.clearfix:before, .clearfix:after {display:table;content:'';}
.clearfix:after {clear: both;}
.clear{clear:both;}
	
.container{max-width:1070px; width:100%;}	
.margn0auto{margin:0px auto !important; display: block;}

.mb-1rem{margin-bottom:1rem;}

.topbar{
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.topspace{margin-bottom:5rem;}
.slider {
	position:relative;
	height:400px;
	width:100%;
}
.slider.fullscreen {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	
}
.slider.fullscreen ul.slides {
	height:100%;
	overflow:hidden;
}
.slider.fullscreen ul.indicators {
	z-index:99999;
	bottom:3.6rem
}
.slider .slides {
	background-color:#9e9e9e;
	margin:0;
	height:400px
}
.slider .slides li {
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:inherit;
	overflow:hidden;
}
.slider .slides li img {
	height:100%;
	width:100%;
	background-size:cover;
	background-position:center;
	position:relative;
}

.slider .slides li .caption {
	color:#fff;
	position:absolute;
	top:40%;
	left:15%;
	width:70%;
	opacity:0;
	z-index:91;
}

.slider .slides li .caption-first {
	color:#fff;
	position:absolute;
	top:35%;
	left:15%;
	width:70%;
	opacity:0;
	z-index:91;
}

.slider .slides li .caption-second {
	color:#fff;
	position:absolute;
	top:75%;
	left:-10%;
	width:70%;
	opacity:0;
	z-index:91;
}

.slider .slides li .caption-third {
	color:#fff;
	position:absolute;
	top:70%;
	left:15%;
	width:70%;
	opacity:0;
	z-index:91;
}


.slider .slides li .caption-fourth{
	color:#fff;
	position:absolute;
	top:75%;
	left:15%;
	width:70%;
	opacity:0;
	z-index:91;
}

.slider .slides li .caption p {
	color:#e0e0e0
}
.slider .slides li.active {
	z-index:2
}
.slider .indicators {
	position:absolute;
	text-align:center;
	/*left:0;*/
	right:2rem;
	bottom:0;
	margin:0
}
.slider .indicators .indicator-item {
	display:inline-block;
	position:relative;
	cursor:pointer;
	height:10px;
	width:10px;
	margin:0 3px;
	background-color:#e0e0e0;
	transition:background-color .3s;
	border-radius:50%;
}
.slider .indicators .indicator-item.active {
	background-color:#e5a729
}

.logo-bar{float:right; padding-top:0.4rem;}
.logo-bar ul li{display:inline; float:left}
.logo-bar .logo-tagline{padding-top:1rem; text-align:center; font-size:12px;}

/*.logo{float:right; padding-top:0.4rem; padding-right:1.6rem;}*/

.logo-ideas{width:100%; max-width:150px}


.tagline{margin-top:0.7rem; font-weight:400; font-size:13px;}

.project-nav{font-size:14px; font-weight:400; text-transform:uppercase; padding-bottom:2rem !important; letter-spacing:0.3rem;}
.project-nav ul{padding-top:4px;}
.project-nav ul li{border-right:solid 2px #FFFFFF; height:15px; line-height:15px; padding:0 0.4rem;}
.project-nav ul li a{padding:0 0.4rem; color:#FFFFFF; text-shadow: 2px 0px 3px #5b5b5b;}
.project-nav ul li:last-child{border:none}

.main-nav{font-size:11px; font-weight:600; text-transform:uppercase;}
.main-nav ul{padding-top:4px;}
.main-nav ul li a{padding:0 0.2rem; color:#000;}
.main-nav ul li a:hover{color:#000000}

.social{float:right; font-size:14px;}
.social ul{padding-top:2px;}
.social ul li a{padding:0 0.4rem; color:#000;}
.social ul li a:hover{color:#000000}

.project-list ul {margin-left:1rem}
.project-list .child:nth-child(4n+1){clear:left;}
.project-list ul li {
    width: 24.55%;
    float: left;
    padding-left: 1px;
    margin-bottom: 1.6rem;
    min-height: 164px;
    margin: 0 1px 30px;
    /* padding: 0 12px; */
    border: 1px solid;
}
.project a figure{margin-bottom:0.4rem; -webkit-filter: grayscale(1); filter: grayscale(1); overflow: hidden;}
.project a figure:hover{ -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;}
.project p{margin-bottom:0rem;}
.project .project-title {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}
.project .project-address{font-size:11px; color:#888888;    text-align: center;}
.project p{font-size:10px; color:#888888; margin-bottom:0.3rem;}
.project:hover .project-address{color:#000000; -webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;}
.project:hover .project p{color:#000000; }

.bdr-left{border-left:solid 1px #CCCCCC; padding-left:1rem;}
.menu-proejct{font-size:11px;}
.menu-proejct ul li{line-height:2; text-transform:uppercase;}
.menu-proejct ul li a{color:#747474;}
.menu-proejct ul li a:hover{color:#000;}
.menu-proejct ul li .active{color:#000;}


.footer-block{position:absolute; z-index:99; bottom:0%; width:100%;}

.footer-home{background:rgba(154, 154, 154, 0.8); width:100%; height:25px;}

footer{border-top:solid 1px #d2d2d2; padding:0.2rem; position:fixed; bottom:0px; width:100%; background:#FFFFFF}
.bottom-link ul li{font-size:11px; text-transform:uppercase; font-weight:400; padding: 0.1rem; color:#757575}
.bottom-link ul li a{color:#757575}

.powered{font-size:13px;color: #000;}
.powered a{color:#757575}

.social-footer {float:right}
.social-footer ul li{font-size:12px; font-weight:400; padding: 0.3rem; color:#757575}
.social-footer ul li a{color:#757575}

.breadcrumb{font-size:12px; background:none; margin-top:1rem; font-weight:300; padding: 0 0rem !important;}
.breadcrumb ul li{display:inline; padding:0 0.1rem; color:#747474}
.breadcrumb ul li a{color:#747474}

.breadcrumbs{font-size:16px; background:none; margin-top:1rem; font-weight:300; padding: .75rem 0rem !important;}


.dropdown-menu{border-radius: 0rem;}
.dropdown-menu li a{border-bottom:solid 0px #f4f4f4 !important}
.dropdown-menu li a:hover{background:none; color:#000000}

.open > .dropdown-menu {
    display: block;
    margin-top: 1rem;
	border:none;
	padding: 0.6rem 0.6rem;
}

.menu-bdr{background:#DDDDDD; width:100%; height:1px; margin:0.2rem 0;}
.dropdown-item{
	display: block;
	width: 100%;
	padding: 0.3rem 1.5rem 0.3rem 0.3rem !important;
	clear: both;
	font-weight: 300;
	color: #373a3c;
	text-align: inherit;
	white-space: nowrap;
	background: 0 0;
	border: 0;
	font-size: 11px !important
}

.dropdown-toggle::after{
	display:none; 
}

.navbar {
    position: relative;
    padding: .5rem 1rem .5rem 0rem;
}

.navbar-brand{
	padding-left: 1rem;
	font-size:12px;
	padding-top:-1rem !important;
}

.arrow_box {
	background: #e3e3e3;
}
.arrow_box:after {
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #e3e3e3;
	border-width: 10px;
	margin-left: -10px;
}





	/*--contact--*/
	.contact-form {
		padding: 3em 0 5em 0;
	}
	.contact-top h3{
		font-size: 1.5em;
		color:#000;
		line-height:1.4em;
	}
	.contact-top div{
		padding:0.5em 0;
	}
	.contact-top div input[type="text"], .contact-top div textarea {
		width: 100%;
		padding: 0.7em;
		margin:0.4em 0 0;
		background: none;
		outline: none;
		border: 1px solid #E7E7E7;
		-webkit-appearance: none;
	}
	.contact-top div textarea{
		height:160px;
		resize:none;
	}
	.contact-top label{
		font-weight:400;
		cursor:pointer;
	}
	.contact-top input[type="submit"]{
		border:none;
		outline:none;
		background:none;	
	}
	.contact-top-in p{
		font-size: 1em;
		color: #494949;
		line-height: 1.6em;
		padding: 0.5em 0 1em;
	}
	.map iframe {
	  width: 100%;
	  min-height: 450px;
	  border: none;
	}
	.contact-left h3{
		font-size: 1.5em;
		color:#000;
		line-height:1.4em;
	}
	.address-grid i{
		color:#2e2e2e;
		float: left;
		margin: 0.6rem 5% 0 0;
		display: inline-block;
		line-height: 1em;
		font-size:18px;
	}
	.address1{
		float: left;
	}
	.address-grid {
		padding: 1em 0 1em 1rem;
	}
	.address1 h3{
		font-size: 1.2em;
		color:#000;
		line-height:1.4em;
	}
	.address1 p{
		margin: 0;
	}
	.address1 p a{
		text-decoration:none;
		color: #5e5e5e;
	}
	.address1 p a:hover{
		color:#000000;
	}
	.address-more h4{
		color:#000;
		font-size:2em;
		margin: 0 15px 0.7em;
	}
	.address {
	  padding: 1em 0 0;
	}
	
	.details ul {list-style-image:url(../images/long-arrow.html)}
	.details ul li{
		font-size:13px;
		line-height:2.2;
		font-weight:400;
		color:#666565;
	}
	





   .register-form {margin-bottom:1.3rem;}
   .register-form label{ color:#585858; font-size: 13px; font-weight:300; color:#585858;}
   .register-form .error{color:#FF0000; border-color: #FF0000;}
   .register-form input{border:solid 1px #e7e7e7; border-radius:0px; height:45px; line-height:45px; font-size: 13px; font-weight:300; color:#585858}   
   .form-select {margin-top:0.3rem;}
   .form-select input{height:inherit; line-height:inherit; margin:0 1rem 0 1rem; }
   
   .register-form select{border:solid 1px #d4d4d4; border-radius:0px; height:45px; line-height:45px; width:100%; padding-left:1rem;}      
   .register-form textarea{border:solid 1px #d4d4d4; border-radius:0px; height:70px;}         
   .btn-submit{background:#3a3a39; color:#FFFFFF; font-size:12px; border-radius:0px; padding:0.6rem 1.6rem;}
   .btn-submit:hover{background:#333333}
	.error{color:#FF0000;}
	
	.file input{
		border: solid 0px #e7e7e7;
		border-radius: 0px;
		height: 25px !important;
		line-height: 25px !important;
		font-size: 13px;
		font-weight: 300;
		color: #585858;	
	}
	
   .register-form select {
  -webkit-appearance: none;  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
   -moz-appearance: none;  /*REMOVES DEFAULT FIREFOX STYLE*/
   border: 0;  /*REMOVES BORDER*/
   box-shadow:none;
   cursor: pointer;
   radius: 0px;
   -webkit-border-radius: 0px;
   border:solid 1px #e7e7e7;
   color:#585858;
   font-size: 13px;
   font-weight:300;
   background: url(../img/arrow-down.png) no-repeat right center !important;
  }
  .register-form select > option { padding:6px 15px 6px 3px;  border-bottom:solid 1px #ccc;}
	

  .founding{list-style-type:disc; padding-left:1rem; font-size:14px; font-weight:200; color: #4a4848; line-height:1.8; margin-bottom:1rem;}
  .founding li{padding:0.3rem 0;}

  .founding-details table tr{margin:0px; padding:0px;}
  .founding-details table tr td{margin:0px; padding:0px;}

     
.slider-caption{
  width: 100%;
  right: 1rem;
  bottom: 0;
  text-align:right;
  padding:0.3rem 0.3rem 0.6rem 1.3rem;
  z-index:9999;
  background:rgba(255,255,255,0.60);
  position:relative;
  z-index:9999;
  color:#FFFFFF
}

.plus-icon{color:#000000; border:solid 3px #000000; border-radius:50px; width:25px; height:25px; text-align:center; padding: 2px 0 0 0; margin-top:0.6rem;}

.services-more{position:absolute; width:100%; top:16rem; left:3rem; max-width:400px; color:#000000; background:rgba(255,255,255,0.6); padding:1rem; z-index:9999; position:absolute}
.services-more .h3{line-height:1.2; font-weight:400; color:#000000 !important}
.services-more p{color:#000000;}

.award ul{margin-top:1.6rem;}
.award li{font-size:15px; color:#373435; margin-bottom:0.1rem; background:#FFFFFF; padding:1rem 1rem 1rem 1.4rem;}

.services-block ul li{padding:0 0.6rem;}
.services-block ul li:first-child{padding-left:0px;}

.download-btn{background: #000000; border: solid 1px #dccfca; border-radius: 0px; color: #FFFFFF; text-transform: uppercase; padding: 0.7rem 0; margin: 0px auto !important; display: block; max-width: 40%;}


.team ul li{width:32.777%; padding:0px; margin:0 0 0.6rem 0;}
.team ul li p{font-weight:400}
.team ul li p span{font-weight:200}
.team ul li figure{margin-bottom:0.4rem;}

.team-list {font-size:12px; font-weight:300; color:#000000}
.team-list table tr td{padding:0.3rem 0;}
.team-list table .text-right{float:right; text-align:right !important}
.team-list ul li span{float:right; width:50%}

.contact-logo {margin-bottom:2rem;}
.contact-logo ul li{display:inline; float:left;}

.team-img ul li{width:32.2222%; margin:2px; float:left;}

.table-founding table tr td{padding:0px; margin:0px;}

.table-content p{
    margin-bottom: 0.4rem !important;
}

/* ==========================================================================
   Media Query Css
========================================================================== */
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 991px) { 

}


@media screen and (max-height: 650px) {
	footer{border-top:solid 1px #d2d2d2; padding:0.3rem; position:relative; bottom:0px; width:100%; background:#FFFFFF}

}

@media screen and (max-width: 768px) {
.slider-caption{text-align:center}


.team ul li{width:49%; padding:0px; margin:0 0 0.6rem 0;}

}

@media screen and (max-width: 767px) {
	
	.project-list ul{margin-left:0px;}		
	.project-list ul li{width:32%;}		
	
	.project-list .child:nth-child(4n+1){clear:none;}
	
	.services-more{position:relative; width:100%; top:0rem; left:0rem; max-width:100%; color:#000000; background:rgba(255,255,255,0.6); padding:1rem;}
	
	.topbar{
		margin-top: 0.6rem !important;
		margin-bottom: 3rem !important;
	}
		
	.bottom-link ul li{font-size:11px; text-transform:uppercase; font-weight:400; padding: 0.3rem 0.1rem; color:#757575}		
		
}

@media screen and (max-width: 576px) {

	.dropdown-item{
		display: block;
		width: 100%;
		padding: 0.5rem 3.5rem 0.5rem 0.6rem !important;
		clear: both;
		font-weight: 300;
		color: #373a3c;
		text-align: inherit;
		white-space: nowrap;
		background: 0 0;
		border: 0;
		font-size: 11px !important
	}


	.logo img{max-width:90px;}
	
	.logo-ideas{width:100%; max-width:90px}
	
	.menu-proejct ul li{
		display: inline;
		padding: 0.4rem 0.4rem;
		background: #DDD;
		line-height: 2.7;
	}
	
	.menu-proejct ul li a{color:#000000;}	

	.project-list {margin-top:0.6rem;}
	.project-list ul {margin:0 0.7rem}
	.project-list ul li{width:48%; margin-left:0.1rem;}
	
	.project-list .child:nth-child(2n+1){clear:none;}
	
	.social-footer {float:inherit; text-align:center !important;}
	.bottom-link{text-align:center !important; float:inherit !important}

	.footer-home{height:auto; padding:0.3rem 0; text-align:center;}

	.main-nav ul li a{padding:0 0.1rem; color:#333333;}

	.social{text-align:center; float:none; padding-top:0.1rem;}
	
	.breadcrumbs{margin-top: 0rem; font-weight: 400; padding: .75rem 0rem 0rem 0rem !important;}


	.slider.fullscreen ul.indicators {
		display: none;
	}

	.powered{text-align:center}
	

	.bdr-left{border-left:solid 0px #CCCCCC; padding-left:0rem;}

	.project-nav {
		padding-bottom: 2rem !important;
		letter-spacing: 0.0rem;
		text-align: center;
		line-height: 1.8;
	}
	
	
	.mb-1rem{margin-bottom:0rem;}
	.mt-1rem{margin-top:1rem;}

	.team ul li{width:100%; padding:0px; margin:0 0 0.6rem 0;}

	.table-founding table tr td{display:block}

}

.img-team-box img {
  width: 100%;
}
.img-team-box {
  position: relative;margin-top: 30px;
}
.img-team-box .overlay-box {
  background: #00000087;
  text-align: center;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  align-items: end;
  display: none;padding: 10px;
}

.img-team-box:hover .overlay-box{display: grid;}
.img-team-box .overlay-box strong {
  position: relative;
  color: #fff;
 
}
.row.d-flex-team {
  display: flex;
  flex-wrap: wrap;
}