.header-container{
	width:100%;
	height:80px;
	position:fixed;
	top:0px;
	background-color:rgba(255,255,255,0.5);
	z-index:1;
	border-top:4px #06929f solid;
	border-bottom:1px #06929f solid;
        transition:ease-in;
	transition-duration:0.6s;
}

.hide-menu{

top:-70px;

}
.header-container:hover {
	top:0px;
	background-color:rgba(255,255,255,0.9);
		border-bottom:1px #06929f solid;

        transition:ease-in;
	transition-duration:0.6s;
}
.logo{
	width:12%;
	margin-left:8px;
	float:left;
	opacity:1;
}
.imglogo{
	width:162px;
	opacity:1;
	height:65px;
}

.social{
	width:12%;
	position:relative;
	margin-left:14%;
	opacity:1;
	height:80px;
	text-align:center;
        padding-top:20px;
        z-index:10000;
}
.broch{
	width:12%;
	position:fixed;
	margin-left:85%;
	top:0px;
	height:80px;
	text-align:center;
        padding-top:20px;
        z-index:10000;
        
}
.list{
	margin-left:27%;
	position:fixed;
	top:0px;
	height:80px;
	width:58%;
	text-align:center;
}
.list ul{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	height:80px;
	overflow:hidden;
	
}
.list ul li{
	display:inline;
	float:left;
}
.list ul li a{
	display:block;
	width:auto;
	text-decoration:none;
	padding:26px 12px;
	color:#000;
        font-size:12px;
	font-weight:bold;
	padding-bottom:10px;
	
}
.list ul li a:hover{
	border-bottom:2px #06929f solid;
	color:#06929f;

}
.icon {
    display: none;
    width:50px; height:35px;
}

@media screen and (max-width: 1279px) {
.header-container{width:100%;}
.list ul li a{padding-left:7px; font-size:11px;}
.broch{font-size: 9px;}
.col-md-6, .col-sm-6{width:100%;}

}


@media screen and (max-width: 1079px) {
.broch{display: none;}
}

@media screen and (max-width: 1023px) {
.header-container{width:100%;}
.broch{ display: none;}
.list ul{       display: none;
                padding:0;
                z-index:100000;
                height:auto;
		position: fixed;
		background: #06929f;
		border: 1px solid #000;
		top: 80px;
                right:0px;
		width: 50%;}
.list ul li{display:block;float:none; height:40px; padding:5px; text-align:center; border-bottom:1px #000 solid;}
.list ul li a {color:#fff; display:block;  padding:10px;}
.list ul li:hover{background:#000;}
.logo{width:14%;}
.social{width:37%;text-align:left; padding-left:0px; margin-left:33%; z-index:10000;}
.social ul li{display: inline-block;padding-left:3px; text-align:center;}
.icon{display:block; position:absolute; bottom:18px; right:10px; width:50px; height:35px; border:1px #000 solid;}
.col-md-6, .col-sm-6{width:100%; padding-left: 2px; padding-right:2px;}
.imghvr-flip-diag-1, .imghvr-flip-diag-1 img{ height:70px !important;}
figcaption{ font-size:11px !important; }
figure{width:45% !important;}
.bro{width:90% !important;}
.bro p{padding-left: 8px !important;}
.broimg{ width: 90% !important;}
.right{ width:90% !important; padding-left:10px !important;}


}


@media screen and (max-width: 800px) {
.social {margin-left: 40%;}
}

@media screen and (max-width: 600px) {
.social {margin-left: 45%;}
}

@media screen and (max-width: 460px) {
.social {margin-left: 45%;}
.imglogo{ width:166px; height:71px }
}

@media screen and (max-width: 450px) {
.social {margin-left: 45%;}
.imglogo{ width:111px; height:47px }
}

.check{
	  text-align:center;
	  margin-bottom:30px;
  }
.check label{
	margin-right:3%;
}
.primg{
	border:3px #06929f solid;
	border-radius:5px;
	width:50%;
}
.aro{
	margin-top:20px;
	text-align:center;
}
.button{
display: inline-block;
  border-radius: 4px;
  background-color: #06929f;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  padding: 25px;
  width: 140px;
  transition: all 0.9s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.9s;
}

.button span:after {
  
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.9s;
}


.button:hover span:after {
  opacity: 1;
  right: 0;
}


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

.primg{width:80%;}
.proj{ width:80% !important; float:none !important; }
.proj span{ font-size: 17px !important;}
.proj p{ font-size: 13px !important;}

}