@charset "utf-8";
/* CSS Document */

		@font-face {
		  font-family: av_bold;
		  src: url(av_bold.ttf); 
		}
		@font-face {
			font-family: av_exLight;
			src:url(av_ExtraLight.woff);
		}
		@font-face {
			font-family: av_light;
			src:url(avgtLT_Book.woff) , url(avgtLT_Book.ttf);
		}
		
		@font-face {
			font-family: av_med;
			src:url(avg_Med.ttf);
		}
		article, section, aside, hgroup, nav, header, footer, figure, figcaption {
		  display: block;
		}
		body, a{
			font-family:av_light;
		}


@font-face {
      font-family: 'fontello';
      src: url('../font/fontello.eot?93537776');
      src: url('../font/fontello.eot?93537776#iefix') format('embedded-opentype'),
           url('../font/fontello.woff?93537776') format('woff'),
           url('../font/fontello.ttf?93537776') format('truetype'),
           url('../font/fontello.svg?93537776#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }



h1,h2 {
	font-family:av_light, arial, sans-serif;
}

#main_container {
	overflow: hidden;
	position: relative;
	width: 100%;
	background-color: #FFF;
	float: left;
}

#container {
	width: 200%;
	left: -100%;
	float: left;
	position: relative;
}
#content {
	width: 50%;
	float: left;
	position: relative;
}

#overAll {
    width: 100%;
    height: 120%;
    background-color: rgba(0,0,0,0.54);
    display: none;
    z-index: 100;
    position: absolute;
    left:0px;
    top: -5%;
	margin-left:-4%;
}

#main_menu {
	width: 50%;
	float: left;
	padding-right:2%;
}
.navbar-nav {
	margin:0px;
}
header {
	/*background-color:red;*/
	height:105px;
}

#separator-bolded {
    background: #6b6b6b;
    height: 20px;
}

#menu_icon_container {
	display:block;
	/*margin-left:1%;*/
	margin-top:10%;
}

#menu_title {
    margin-bottom: 10px
}

#inner_content .container {
	padding:0px;
	
}

nav{
	background-color:white;
	border-bottom:solid 1px #333;
	/*margin-bottom:10px;*/
}


.mini-logo {
    max-width: 46px;
    margin: 25px 15px 15px;
}

.icon-bar {
	background-color: #444;
}

.navbar-toggle {
    background-color: #ccc;
}

nav ul li >a{
	font-size:14px;
	text-transform:uppercase;
}

section{
	
}
/*
#footer{
  width:95%;
  margin-right:auto;
  margin-left:auto;	
}

footer{

	padding-top:1%;
	padding-bottom:1%;
	text-transform: uppercase;

}

footer a{
	color:#aaa;
}

footer a:hover{
	color:#FF9E00;
	text-decoration:none;
}
*/

/*********************************************** Home   */
#quotes {
   
background-color: #919191;
   
float: left;
   
width: 100%;
   
margin-top: 1em;
   
font-family: av_light;
   
font-size: 1.2em;
   
min-height: 150px;
   
position: relative;
}

#quotes p {
    color: #FFF;
    margin-left: 2em;
    margin-top: 1em;
    margin-right: 10px;
}

#readMore {
    width: 88%;
    /* float: right; */
    text-align: right;
    margin-right: 2em;
    padding-bottom:1em;
    color: #fff;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 1px solid;
    padding-top: 5px;
}

#readMore a{
	color: inherit;
}

.main {
    width: 84%;
    margin-left: auto;
    margin-right: auto;
}


	/************************************************************** banner *****/
		.carousel-inner img{
			width:100%;
		}
		
		/************************************************************** carousel *****/
		.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		  display: block;
		  max-width: 100%;
		  height: auto;
		}
		
		.carousel {
	  position: relative;
	}
	.carousel-inner {
	  position: relative;
	  width: 100%;
	  overflow: hidden;
	}
	.carousel-inner > .item {
	  position: relative;
	  display: none;
	  -webkit-transition: .6s ease-in-out left;
		   -o-transition: .6s ease-in-out left;
			  transition: .6s ease-in-out left;
	}
	.carousel-inner > .item > img,
	.carousel-inner > .item > a > img {
	  line-height: 1;
	}
	
	@media all and (transform-3d), (-webkit-transform-3d) {
	  .carousel-inner > .item {
		-webkit-transition: -webkit-transform .6s ease-in-out;
			 -o-transition:      -o-transform .6s ease-in-out;
				transition:         transform .6s ease-in-out;
	
		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
		-webkit-perspective: 1000px;
				perspective: 1000px;
	  }
	  .carousel-inner > .item.next,
	  .carousel-inner > .item.active.right {
		left: 0;
		-webkit-transform: translate3d(100%, 0, 0);
				transform: translate3d(100%, 0, 0);
	  }
	  .carousel-inner > .item.prev,
	  .carousel-inner > .item.active.left {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
	  }
	  .carousel-inner > .item.next.left,
	  .carousel-inner > .item.prev.right,
	  .carousel-inner > .item.active {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
	  }
	}
	.carousel-inner > .active,
	.carousel-inner > .next,
	.carousel-inner > .prev {
	  display: block;
	}
	.carousel-inner > .active {
	  left: 0;
	}
	.carousel-inner > .next,
	.carousel-inner > .prev {
	  position: absolute;
	  top: 0;
	  width: 100%;
	}
	.carousel-inner > .next {
	  left: 100%;
	}
	.carousel-inner > .prev {
	  left: -100%;
	}
	.carousel-inner > .next.left,
	.carousel-inner > .prev.right {
	  left: 0;
	}
	.carousel-inner > .active.left {
	  left: -100%;
	}
	.carousel-inner > .active.right {
	  left: 100%;
	}
	.carousel-control {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  width: 15%;
	  font-size: 20px;
	  color: #fff;
	  text-align: center;
	  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	  filter: alpha(opacity=50);
	  opacity: .5;
	}
	.carousel-control.left {
	  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
	  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
	  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
	  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	  background-repeat: repeat-x;
	}
	.carousel-control.right {
	  right: 0;
	  left: auto;
	  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
	  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
	  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
	  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	  background-repeat: repeat-x;
	}
	.carousel-control:hover,
	.carousel-control:focus {
	  color: #fff;
	  text-decoration: none;
	  filter: alpha(opacity=90);
	  outline: 0;
	  opacity: .9;
	}
	.carousel-control .icon-prev,
	.carousel-control .icon-next,
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right {
	  position: absolute;
	  top: 50%;
	  z-index: 5;
	  display: inline-block;
	  margin-top: -10px;
	}
	.carousel-control .icon-prev,
	.carousel-control .glyphicon-chevron-left {
	  left: 50%;
	  margin-left: -10px;
	}
	.carousel-control .icon-next,
	.carousel-control .glyphicon-chevron-right {
	  right: 50%;
	  margin-right: -10px;
	}
	.carousel-control .icon-prev,
	.carousel-control .icon-next {
	  width: 20px;
	  height: 20px;
	  font-family: serif;
	  line-height: 1;
	}
	.carousel-control .icon-prev:before {
	  content: '\2039';
	}
	.carousel-control .icon-next:before {
	  content: '\203a';
	}
	.carousel-indicators {
	  position: absolute;
	  bottom: 10px;
	  left: 50%;
	  z-index: 15;
	  width: 60%;
	  padding-left: 0;
	  margin-left: -30%;
	  text-align: center;
	  list-style: none;
	}
	.carousel-indicators li {
	  display: inline-block;
	  width: 8px;
	  height: 8px;
	  margin: 1px;
	  margin-right:2px;
	  margin-left:2px;
	  text-indent: -999px;
	  cursor: pointer;
	 /* background-color: #fff \9;*/
	  background-color: #5d5d5d;
	 /* border: 1px solid #fff;*/
	  border-radius: 0px;
	}
	.carousel-indicators .active {
	  width: 10px;
	  height: 10px;
	  margin: 1px;
	  background-color: #46907f;
	}
	.carousel-caption {
	  position: absolute;
	  right: 15%;
	  bottom: 20px;
	  left: 15%;
	  z-index: 10;
	  padding-top: 20px;
	  padding-bottom: 20px;
	  color: #fff;
	  text-align: center;
	  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	}
	.carousel-caption .btn {
	  text-shadow: none;
	}
	@media screen and (min-width: 768px) {
	  .carousel-control .glyphicon-chevron-left,
	  .carousel-control .glyphicon-chevron-right,
	  .carousel-control .icon-prev,
	  .carousel-control .icon-next {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		font-size: 30px;
	  }
	  .carousel-control .glyphicon-chevron-left,
	  .carousel-control .icon-prev {
		margin-left: -15px;
	  }
	  .carousel-control .glyphicon-chevron-right,
	  .carousel-control .icon-next {
		margin-right: -15px;
	  }
	  .carousel-caption {
		right: 20%;
		left: 20%;
		padding-bottom: 30px;
	  }
	  .carousel-indicators {
		bottom: 20px;
	  }
	}
	
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		  width: 100%;
		  margin: auto;
	  }
	  
	  .carousel-indicators li{
		/*  box-shadow: 1px 1px 3px 1px #4A4A4A ;*/
	  }
  	
	#carousel1{
   	 	height: 50vw;
    	margin-top: 14vw;
	}
/*********************************************** end Home  */

.navbar-nav > li > a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
	
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
	font-family: av_light;
	font-size: 1.1em;
    display: block;
   /* margin: .45em 0;*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	
	line-height: 2em;
	border-top:solid #aaa 1px;
}

.navbar-nav > li > a:after {
	top: 5px;
}

.caret {
	display: inline-block;
	float: right;
	width: 0;
	height: 0;
	margin-right: 1em; 
	vertical-align: middle;
	border:none;
	line-height: 1.1em;
	font-size:1.5em;
	font-family:av_bold;
}

.open .dropdown-toggle:after {
	content: "-";
}

.dropdown-toggle:after {
	content: "+";
    width: 0;
    margin-right: 1em;
    vertical-align: middle;
    border: none;
    font-size: 24px;
    font-family: av_bold;
    position: absolute;
    line-height: 1;
    right: 0;
    top: 0;
}


.dropdown-menu {
	padding-top:0px;
	padding-bottom: 0px;
}
.dropdown-menu li {
	background-color: #333;
	color:#fff;
	border-top:solid 1px #222;
}
.dropdown-menu li a{
	color:#fff;
	font-family: av_med;
	font-size: 1.1em;
	line-height: 1.8em !important;
}
#topLogo {
	margin-top:20px;
}
#topLogo img{
	max-width:150px;
}

#social-top {
	width:100%;
	text-align: center;
	float:left;	
	margin-top:30px;
}

#social-top img{
	width:25px;
	height:25px;
	margin-right:10px;
}

#home_news .panel-body{
	/*width:31.33333333%;*/
	margin-right:1%;
	margin-left:1%;
}
#home_news h2{
	font-weight:bold;
}

/*#home_news .panel-body{
	padding-right:5px;
	padding-left:5px;
}*/

#home_news .panel-body h2{
	margin-top:5px;
	width:50%;
	font-size:24px;
}


#home_news img{
	margin-bottom:10px;
}

#home_news .panel-default{
	border-color:#aaa;
}

.double_lines{
	border-top:solid 1px #333;
	border-bottom:solid 1px #333;
	font-family: av_exLight, arial, sans-serif;
	font-weight:bolder;
	text-transform:uppercase;
	font-size:18px;
	margin-bottom:1em;
	line-height:24px;
}

.double_lines h3{
	margin:0px;
	padding:0px;
	font-size:20px;
	font-weight:normal;	
	/*font-family:av_med;*/
}




     
    .demo-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
	
	
	/* ---------------- Projects -------------------- */

#pro_title {
	width:100%;
	/*padding:1em;*/
	margin-bottom:0px;
	
	border-top:1px #000000 solid;
}
#pro_title h2 {
	text-transform:uppercase;
	font-weight: 300;
	
	margin-bottom:0px;
}

#pro_panel {
	background-color:#737373;
	color:#FFF;
	font-weight: 300;
	border-top:solid #000 1px;
	border-bottom:solid #000 1px;
	/*padding:1em;*/
}

#pro_panel h2 {
	color:#FFF;
	font-weight: 300;
	text-transform:uppercase;
	margin-top:0px;
	margin-left:1em;
}

#pro_paging_container li.disabled a{
	color:#888888 !important;
	pointer-events: none !important;	
}

#pro_paging_container li.active a{
	color:#ffbf01 !important;
	pointer-events: none !important;	
}

#pro_paging .paggination {
    padding: 0;
}
#pro_paging .paggination a{
    padding: 0px 5px;
    font-size: 30px;
    line-height: 0;
    vertical-align: sub;
}

#pro_paging_container{
	width:100% ;
	background-color:#737373;
	float:left;
	margin-bottom:3px;
}

#pro_paging_container li span{
	background-color:transparent;
	border:hidden;
	float:none;
}

#pro_paging {
	width: 100%;
	margin:auto;
	margin-bottom:0px;
	padding-left:0px;
	text-align: center;
	background-color:#737373;
	color:#FFF;
	font-size: 1.1em;
	font-family: 'av_light';
	padding: 5px 0;
}


#pro_paging a {
	color:#FFF;
	font-weight: 300;
	font-family: av_light;
	font-size: 16px;/*1.1em;*/
	background-color:transparent;
	border:hidden;
	padding:0px;
	float: none;
}


#pro_paging li {
	list-style:none;
	padding: 0 5px;
}
	

#pro_container{
	/*width:100%;*/
	/*padding:1em;*/
	margin-bottom:0px;
	position:relative;
	margin-top:12px;
}


.pro_thumb {
	float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
    padding: 0 2px 0;
}

.pro_thumb img{
	width:100%;
	display:inline;
}

.pro_thumb a {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 100%;
}

.pro_thumb a {
    border: 1px solid transparent;
    transition: 0.2s ease-in-out;
}

.pro_thumb a:focus, .pro_thumb a:active {
    border: 1px solid #000;
}

.pro_thumb_title {
	background-color:rgba(108,108,108,0.8);
	position:absolute;
	bottom:0px;
	min-height: 1.8em;
	padding:0px;
	margin:0px;
	width: 100%;
}

.pro_thumb_title h3 {
	color:#FFF;
	font-weight: 400;
	text-transform:uppercase;
	/*position:absolute;*/
	padding-left:.5em;
	padding-right:.5em;
	padding-top:6px;
	padding-bottom:3px;
	font-size:.8em;
	width:auto;
	height:100%;
	margin:0px;
}
/****************** Details ****************/
#sub_menu_btn{
	 color:#46907F;
	 font-size:.6em;
	 text-decoration:none;	
	 float:right;
	 margin-right:1em;
}

.pro_banner {
	width:100%;		
}

/****************** Project Details ****************/
.green-dark{
	background-color:#434343;
	color:#53AD39;
}

.green-dark h2 {
	font-family:av_med;
	color:#46907f;
	font-size:24px;
	margin-top:6px;
	margin-bottom:6px;
	text-transform:uppercase;
	padding-left:15px;
}

#pro_text_container h1 {
	font-family:av_bold;
	font-size: 1.5em;
	text-transform:uppercase;
	}
#pro_text_container h4 {
	font-family: av_exLight;
}
#pro_text_container > * {
	margin: 1px 0;
}
#pro_text_container h2 {
	font-family:av_exLight;
	font-size:24px;
	margin-top:5px;
	margin-bottom:5px;
	}

#pro_details_container {
	width:100%;
	margin-bottom:0px;
	position:relative;
}

#pro_details_title{
	width:100%;
	margin-bottom:2px;
	border-top:1px #000000 solid;
	border-bottom:1px #000000 solid;
}

#pro_details_title h2 {
	margin-bottom:0px;	
	font-size:16px;
	font-weight:bold;
	width:auto;
	
	display:block;
}

#pro_details_title #nextPrev{
    float:right;
	margin-top:6px;
	display:inline-block;
}

#pro_details_title .disabled {
	color:#BBB;
	 pointer-events: none;	
	 cursor: default;	
}

#pro_details_container h1{
	margin-bottom:1px;
	font-size:1.5em;
	text-transform:uppercase;
	
}

#pro_details_container h2{
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	font-size:1em	;
	color:#666;
	font-weight:200;
}

#pro_details_container h2:last-of-type {
	border-bottom:solid 1px #000000 ;
}

#pro_images {
	width:100%;	
}

#pro_images #pro_surface {
	width:100%;
	position:relative;
	padding:0px;
	margin:0px;
	height:auto;
}

#pro_images #pro_surface .cycle-pager{
	margin:0px;
	font-size:24px;
	color:#A4A4A4;
	text-align:right;
}

#pro_images #pro_surface #pro_pager {
	float:right;
	height:31px;	
}

#pro_images #pro_surface  .cycle-pager-active{
	color:#009286;
}

#pro_images #pro_surface span, #pro_images2 #pro_surface2 span{
	padding:5px;	
}

#pro_images #pro_surface #pro_of {
	font:13px;
	width:auto;
	float:left;
	margin-top:8px;
}

#pro_images .pro_img  , #pro_images2 .pro_img{
	position: absolute;
	top: 0;
   	left: 0;
 	width:100%;	 
}

#pro_images img, #pro_images2 img{
	width:100%;	
}

#pro_nextPrev{
	margin-top:30px;
	z-index:99;
}
#pro_nextPrev a{
	color:#666;	
}

  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }

  .carousel-inner > .item {
	-webkit-transition: -webkit-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    -webkit-backface-visibility: hidden;
}
  
  .carousel-indicators li{
	  box-shadow: 1px 1px 3px 1px #4A4A4A ;
  }
  
  #pro_facts {
	background-color:#c7ddd8;
	padding:1em;
	 padding-left:2em;
  }
  #pro_facts h4{
	  border-bottom: solid #555 1px;
  }
  
  #myCarousel{
	  margin-bottom:1em;
	  margin-top: 26px;
	  /* float: right; */
	 }
  
  #pro_content{
	  margin-top:1em;
	  border-top: 1px solid;
	  padding-top: 15px;
	 }
  
  #pro_content .btn-info {
	  background-color:#ffffff;
	  color:#000;
	  font-weight:normal;
  }
  
  #pro_content .btn{
	  border-radius:0px;	  
  }
  
   #pro_content .btn img{
	  width:auto;
	  float:right;
	  margin-top: auto;
      margin-bottom: auto;  
  }
  #pro_content  .btn-info{
	  border-right:none;
	  border-left:none;
  }
  
  #slider-thumbs li, #myCarousel2 .item{
	 border:solid 1px #ddd;
  }
  #slider-thumbs a{
	  cursor:pointer;	  
  }
  
 #myCarousel2 .carousel-control.right , #myCarousel3 .carousel-control.right {
	   right: 0;
  left: auto;
  /* background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); */
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .1) 100%);
  /* background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); */
  background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
 }
 
 #myCarousel2 .carousel-control.left ,  #myCarousel3 .carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
  
/* ******************  OVERLAY  ***********************/
#pro_overlay {
	display:none;
	z-index:9999;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000000;
}

#pro_overlay #pro_images2{
	  position: relative;
 // top: 50%;
  // transform: translateY(-50%);
  
/*   position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%)*/
}

#overlay_nav{
	width:100%;
	height:40px;
	/*float:left;
	position:fixed;*/
	top:0px;
	left:0px;
	color:white;
}
#close_btn_container {
	float:right;
	width:40px;
	height:40px;
	text-align:center;	
}
#close_btn_container a{
	width:40px;
	display:block;
	font-size:1.5em;
}

#overlay_nav #pro_of {
	width:20%;
	float:left;
	margin-top:8px;
	margin-left:1em;
	font-size:1em;	
}


/* ------------------------------------------------------ BIO -----*/

#bio_title{
	width:100%;
	margin-bottom:2px;
/*	border-top:1px #000000 solid;
	border-bottom:1px #000000 solid;*/
}

#bio_title h2 {
	margin-bottom:0px;	
	font-size:16px;
/*	font-weight:bold;*/	
	width:auto;
	display:block;
}

 
.bio_year a{
	width:60px !important;
	height:60px !important;
	float:left;
	background-color: #46907e !important;
	color:#FFF !important;
	margin:2px !important;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:60px;
	/*padding-top:30px;*/
}

.bio_year .currentYear {
	background-color: #777 !important;
}

#bio_title #bioNextPrev {
	width:auto;
	text-align:right;
	float:right;
	margin-right:1em;
	margin-top:-3px;
}

#bio_title #bioNextPrev a{
	color:#000;
	font-size:14px;
}

#bio_panel {
	padding:3px;
	font-weight: 300;
	border-top:solid #000 1px;
	border-bottom:solid #000 1px;
	margin-top:10px;
}

#bio_panel h2 {
	font-weight: 300;
	text-transform:uppercase;
	margin-top:0px;
	margin-left:1em;
}

.bio_projct{
	display:block;
	clear:both;
	border-bottom:solid 1px #000;
	margin-bottom:1em;
	padding-top:1em;
	padding-bottom:1em;
}

.bio_projct h2 {
	text-transform: uppercase;
    margin-bottom: 0px;
    font-family: av_bold;
    font-size: 26px;
}

.bio_projct img{
	width:100%;
}

.bio_projct a {
	color: #000;
	text-decoration: none;
}

/**************************************************************** Career *******************/

.career_item{
	background-color:#46907f;
	color:#ffffff;
	font-weight:normal;
	font-size:15px;
	border-right:none;
	border-left:none;
	border-bottom:1px solid #424242;
	border-top:0px hidden !important;
	border-radius:0px;	
	width:100%; 
	text-align:left;
	margin-bottom:0px !important;
}

.career_item:hover, .career_item:focus {
	background-color:#666;
}

  .career_item .btn-info {
	  background-color:#ffffff;
	  color:#000;
	  font-weight:normal;
	  border-right:none;
	  border-left:none;
  }
  
  .career_item .btn{
	  border-radius:0px;	  
  }
  
   .career_item .btn img{
	  width:auto;
	  float:right;
	  margin-top: auto;
      margin-bottom: auto;  
  }

.career_txt p{
	margin-left:15%;
	padding:10px;
	margin-top:10px;
	border-left:solid 1px #000;	
}

.pm_icon{
	float:right;
}

.drop_mail {
	width:100%;
	background-color:#6b6b6b;
	color:#ffffff;
	margin-top:3em;
}

.job_mail a {
	width:500px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	display:block;
}

.job_mail a img {
	float:	left;
}

.job_mail a h3 {
	float:	left;
	padding-top:0px;
	margin-left:20px; 
	display:block;
}

.drop_mail h3{
	font-size:16px;
	font-weight:100 !important;
	line-height:32px;
	padding-left:1em;
}

/**************************************************************** Team *******************/


#team_container {
	padding-top:1em;
/*	
	display:block;
	clear:both;
	width:100%;	*/
}

.main-team{
	width:100%;
	background-color:#44927c;
}
.team_member {
/*	padding-top:1em;
	padding-bottom:1em;*/
	border:1px solid #111;
	/*padding:3px;*/
	margin:1%;
	float:left;
	width:48%;
	display:block;
	position:relative;
	cursor:pointer;
}

iframe {
	width:100%;
	height:80vh;
}

.team_member img {
	float:left;
	/*padding-right:2em;*/
	width:100%;
}
.team_member_details img {
	float:left;
	width:100%;
	border:1px solid black;
	margin:1em;
	margin-left:0px;
}

.team_member_title {
	height:25vw;	
 display: flex;
  /*justify-content: flex-end;*/
  align-items: flex-end;
  padding-bottom:0.5vw;
}

.team_member_title h2{
	font-size:1.2em;
	text-transform:uppercase;

}

.member_name {
 	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font: 0/0 a; /* remove the gap between inline(-block) elements */
}

.member_name:before {
    content: ' ';
    display: inline-block;
    height: 100%;
    vertical-align: middle;    
}

.team_member h2{
	/*
	font-family:'Arial' !important;
	color:#222;
	font-size:1.1em;*/
	
	text-transform:uppercase;
	font: 16px/1 Arial, sans-serif; /* Reset the font property */
    display: inline-block;
    vertical-align: bottom;
    text-align:center;
    background-color:rgba(60,60,60,0.85);
    width: 100%;
    padding: 2% 0;
	color:white;
	margin:0px;
}

.team_member:hover h2{
	 background-color:rgba(71,144,127,0.85);
}

.team_member h3{
	font-family: 'Arial' !important;
	text-transform:uppercase;
	float:left;
	width:60% !important;
	margin-top:0px;
	font-size:1.0em;
	color:#222;
}

#member_head {
	border-top:1px solid #000;
		
}

#member_head p{
	margin-top:1em;
}


#member_container {
	float:left;
}

#member_container p {
	float:left;
}

#member_container ul {
	list-style:none;
	float:left;
	padding-left:1em;
}

#member_container li {
	width:100%;
	float:left;
	padding:6px;
}

#member_container ul li img {
	padding-right:1em;
	float:left;
	width:40px;
}

.icon_txt{
	float:left;
	margin-top:2px;
	display:block
}

.connect_title{
	text-transform:uppercase;
	border-bottom:solid 1px #222;
	border-top:1px solid #222;
	width:100%;
	float:left;
	padding:2px;
	font-weight:bold;
	margin-top:1em;
}

#team_join {
	float:left;
	background-color:#478F7F;
	color:#ffffff;
	padding:5%;
	/*width:90%;*/
}
#team-left {
	width:100%;
	float:left;
	margin-bottom: 15px;
}

#team-mainImg {
	width:100%;
	float:left;	
}

#team_join h1{
	text-transform:uppercase;
	font-size:2em;
	margin-bottom:0px;
}

#team_join h2{
	text-transform:uppercase;
	font-size:1.5em;
	left-margin:4em;
	margin-top:0px;
	padding-top:0px;
}

#team_join h3{
	font-size:1.05em;
	font-weight:normal;
	padding:12px;
	padding-bottom:1em;
}

.all_join{
	width:100%;
	text-align:right;
	display:block;
}

.all_join a{
	color:#FFFFFF !important;
}


/*.team_member {
	padding-top:1em;
	padding-bottom:1em;
	border-bottom:1px solid #111;
	float:left;
	width:100%;
}

.team_member img {
	float:left;
	padding-right:2em;
	width:25%;
}

.team_member h2{
	text-transform:uppercase;
	font-family:'Arial' !important;
	float:left;
	width:60% !important;
	margin-top:10% !important;
	color:#222;
	font-size:1.1em;
}
.team_member h3{
	font-family: 'Arial' !important;
	text-transform:uppercase;
	float:left;
	width:60% !important;
	margin-top:0px;
	font-size:1.0em;
	color:#222;
}
*/
/**************************************************************** Team *******************/
/*#member_container {
	float:left;
}

#member_container p {
	float:left;
}

#member_container ul {
	list-style:none;
	float:left;
	padding-left:1em;
}

#member_container li {
	width:100%;
	float:left;
	padding:6px;
}

#member_container ul li img {
	padding-right:1em;
	float:left;
	width:40px;
}

.icon_txt{
	float:left;
	margin-top:10px;
	display:block
}

.connect_title{
	text-transform:uppercase;
	border-bottom:solid 1px #222;
	border-top:1px solid #222;
	width:100%;
	float:left;
	padding:2px;
	font-weight:bold;
	margin-top:1em;
}

#team_join {
	float:left;
	background-color:#478F7F;
	color:#ffffff;
	padding:5%;
	width:100%;
}

#team_join h1{
	text-transform:uppercase;
	font-size:2em;
	margin-bottom:0px;
}

#team_join h2{
	text-transform:uppercase;
	font-size:1.5em;
	left-margin:4em;
	margin-top:0px;
	padding-top:0px;
}

#team_join h3{
	font-size:1.05em;
	font-weight:normal;
	padding:12px;
	padding-bottom:0px;
}

.all_join{
	width:100%;
	text-align:right;
	display:block;
}

.all_join a{
	color:#FFFFFF !important;
}
*/
/************************************ contact ****/
.green {
	background-color:#599989;
	color:#000;
			border-top:solid #000 1px;
	border-bottom:solid #000 1px;
	margin-top:1px;
}

.green h2{
	font-size:18px;
	text-transform:uppercase;
		padding-top:6px;
	padding-bottom:6px;
	margin:0px;
	

}


/**************************************** Contacts ****************/
.office {
/*	width:100%;	
	float:left;*/
	margin-bottom:30px;
	margin-top:30px;
	/*padding-bottom:20px;*/
	font-size:14px;
	text-transform:none;
}

.office_logo {
/*	width:38%;
	float:left;*/
	text-align:center;
}

.office_logo img{
	/*width:65%;
	margin-top:20px;*/
}

.office_txt{
/*	width:60%;
	float:left;*/
	border-left:solid 2px #618f87;
	padding-left:1%;
}

.blue_txt {
	color:#618f87;
	}
	
.office .blue_txt{
	display:inline-block;
	padding-right:10px;
}

.office_social ul{
	list-style:none;
	padding-top:20px;
	/*float:left;
	margin-left:auto;
	margin-right:auto;
	width:auto;*/
}

.office_social li{
	float:left;
	text-align:center;
}

.office_social img{
	/*width:64px;*/
}

.office_contact ul li{	
	text-align:left !important;
}

.office_contact li{
	float:none;
	text-align:left;
}

.top_btm_lines {
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	padding-bottom:30px;
}

.side_lines {
	border-right:solid 1px #000;
	border-left:solid 1px #000;
}

.office_social h2{
	/*width: calc(100% - 1em) !important;*/
	padding-left:1em !important;
	background-color:#599989;
	color:#000;
	font-weight: 300;
	border-top:solid #000 1px;
	border-bottom:solid #000 1px;
	padding-top:6px;
	padding-bottom:6px;
    font-size: 16px !important;
    display: block;
	text-transform:uppercase;
}

.office_social ul li a img {
/*	padding-right:2em;
	float:left;*/
}

.office_social ul li {
	/*height:64px;*/
	text-align:center;
	padding:1em;
}

.office_social ul li a {
	text-transform:uppercase;
	color:#2B2B2B;
	font-weight:bolder;
	font-size:1.1em;
}

.office_social .soc_txt {
	/*margin-bottom:30px;*/
	display:block;
	padding-top:10px;
	/*float:left;*/
	font-size:14px;
}

.office_social .soc_aro{
	display:block;
	padding-left:.7em;
	padding-top:10px;
	float:left;
	color:#FF7E00;
}
/*************************************************************** PROFILE ***********/

.sub_menu {
	list-style-type:none;
	text-transform:uppercase;
	font-family:av_exLight;
	font-size:16px;
	margin-top:8px;
	padding-left:30px;
}
.sub_menu a{
		color:#000;
}

.sub_menu .active {
	color:#46907f;
}

.sub_title {
	margin:0px;
	padding:0px;
	font-weight:normal;	
	border-top: solid 1px #333;
	border-bottom:solid 1px #333;
	
}
.sub_title h3{
	font-family:"av_bold";
	font-size:16px;
	border-left:solid 1px #000;
	margin:4px;
	padding-left:10px;
	margin-left:30px;
	text-transform:uppercase;	
}

.huge{
	font-size:64px;
	font-family:"av_med";
	margin-bottom:20px;
}

.omran{
	font-weight:bold;
}

#after_car{
	position:relative;
    margin-top: 60px;
	text-align:center;
	list-style:square;
}

#after_car li{
	border-radius: 0px; 
	margin:5px;
	width:12px;
	height:12px;
}

.transparent {
	background-image:none !important;
}

.gray li{
	box-shadow:none;
	background-color:rgba(108,108,108,1.00);
}

.gray .active{
	background-color:#46907f !important;
}

.underline {
	border-bottom:solid 1px #000;
}

/*************************************************************** SERVICES ***********/
.services .career_item {
	font-size: 16px;
	line-height:32px;
}

.services .btn{
	padding: 6px 22px;
}

.services .pm_icon{
	margin-top:5px;
}

.services .inner{
	margin-top:30px;
	margin-bottom:20px;
}


/*********************************************** footer ***/
footer{
	/*float:right;*/
}

#share_container {
	width:100%;
	margin-top:2vw;
	margin-right:auto;
	margin-left:auto;
	padding-top:0.2vw;
	pading-bottom:0.2vw;
}

#copy-l {
	width:100% !important;
	float:left;
	line-height:2em;
}
#copy-r{
	width:100% !important;
	float:left;	
	text-align:center;
	line-height:2em;
}

#share {
	/*	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	clear: both;*/
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0;
	margin-bottom: 3px;
	color: #000;
	display:block;
	}

#share a {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1em;
	color: #000;
}
#shareMe {
		width:auto;
		float:right;
		margin-top:auto;
		margin-bottom:auto;
	 }
	 
/*#share{
	width:54vw;
	margin-right:auto;
	margin-left:auto;
	font-family:av_light;	
	font-size:1.2vw;
	color:#000;
}
#share a{
	text-decoration:none;
	font-size:1.2vw;
	color:#000;
}
#share img{
	width:1.2vw;
	height:1.2vw;
	}
	
#shareMe {
	float:right;
}
*/
#share-icons {
	width:100%;
	height:45px;
	/*float:left;*/
}

#share-icons ul{
	list-style:none;
	text-align:center;
	/* height: 5em; */
}

#share-icons ul li{
	float:left;
	margin-right:1em;
	margin-left:1em;
}

#share-icons img{
	width: 2em;
}

.footer_gray{
	background-color:#424242;
	color:#fff;
	padding:5%;
	padding-top:3%;
	padding-bottom:1%;
}
.footer_gray a{
	color:#fff;
	text-decoration:none;
}
.footer_gray a:hover{
	color:#47907f;
}
.footer_gray hr{
	width: 110%;
	height:1px;
	background-color:#fff;
	border:0px;
	margin-top:1vw;
	margin-bottom:0px;
	margin-left:-5%;
}

#contact, #copyright{
/*	width:54vw;
	margin-right:auto;
	margin-left:auto;
	font-size:1vw;
	font-family:av_exLight !important;	
	padding-top:1em;*/
}

#contact{
	text-transform:uppercase;	
	margin-bottom: 10px;
}
#contact a{
	text-transform:uppercase;	
	font-family:av_exLight !important;	
}

 #copyright{
	 font-size:0.9em;
	 text-align:center;
 }
 
#contact #gotop{
	float:right;
	text-align:right;
	line-height:1.5vw;
}
#up_icon{
	width:1.5em;
	margin-top:-0.4em;
}