/* standard style */
body{
	


}
header, section, footer, nav, hgroup{
	display:block;
}
a{
	color:#35BFFF;
	text-decoration:none;
}
a:hover1, a:active{
	color:#91DCFF;
}
.image{
	border:none;
	max-width:95%;
}
.navbar-brand img{ float:left;width:400px; height:auto; margin-left: -10px; margin-bottom: -100px; margin-top:25px;  }
.navbar-brand2 img{ float:left;width:60px; height:60px; margin-left: 1100px; margin-top:-15px; }
@media only screen and (max-width: 989px), only screen and (max-device-width: 989px) {
	
	.navbar-brand{ padding:20px 15px;}
	.navbar-brand img{ height:auto; width: 350px; margin-left: 50px; margin-bottom: -300px; margin-top:5px;}
	.navbar-brand2 img{ float:left;height:50px; width: 50px; margin-left: 340px; margin-top:-30px;margin-bottom: 20px; }
}

Header
#header{
	width:100%;
	background:#000;
	background:rgba(0, 0, 0, 0.8);
	color:#eee;
	padding:15px 0;
	letter-spacing:1px;
	margin-bottom:20px;

	top:0;
	left:0;
	z-index:99;
}
#header h1{
	padding:0 20px;
	margin:5px 0;
	text-shadow:0px 1px 1px #333, 1px 2px 2px #FAFAFA;
	float:left;
}
#backlinks{
	float:right;
	padding:0 20px;
	line-height:25px;
	font-weight:bold;
	font-size:14px;
}
#backlinks a{
	text-align:right;
	display:block;
}



/* clearfix */
.clearfix {
	clear:both !important;
	overflow:auto;
}

/* wrapper content style */
#wrapper{
	/* uma margin:0 0 3em; */
	padding:10px 7%;
	text-align:center;
}

/* page header */
#wrapper hgroup{
	margin:0 0 20px;

	display:inline-block;
}
#wrapper hgroup:hover1{
	
}
#wrapper h2{

	
	margin:0;
	color:#0082E0;
	text-align:center;
	text-shadow:1px 1px 1px #777;
	font-size:33px;
	font-family:Arial Narrow, Arial, sans-serif;
	
	transition: color 1s, font-size 1s, text-shadow 1s;
	-moz-transition: color 1s, font-size 1s, text-shadow 1s;
	-webkit-transition: color 1s, font-size 1s, text-shadow 1s;
	-o-transition: color 1s, font-size 1s, text-shadow 1s;
}
#wrapper h2 span{
	color:#56B8FF;
	
	transition: color 1s, text-shadow 1s;
	-moz-transition: color 1s, text-shadow 1s;
	-webkit-transition: color 1s, text-shadow 1s;
	-o-transition: color 1s, text-shadow 1s;
}
#wrapper hgroup h3{
	font-style:italic;
	font-weight:normal;
	font-size:18px;
	text-shadow:0 1px 0 #fafafa;
	color:#444;
	margin:0;
	
	transition: color 1s, font-size 1s;
	-moz-transition: color 1s, font-size 1s;
	-webkit-transition: color 1s, font-size 1s;
	-o-transition: color 1s, font-size 1s;
}
#wrapper hgroup:hover1 h2{
	color:#C9EEFF;
	
	font-size:40px;
	text-shadow:0 0 20px #EAF8FF;
}
#wrapper hgroup:hover1 span{
	color:#fafafa;
	font-style:italic;
	text-shadow:0 0 20px #fafafa;
}
#wrapper hgroup:hover1 h3{
	color:#ccc;
	font-size:20px;
}


#holder{
	
}


/* image boxes */
.box{
	text-align:center;
	
	background-color:#f4f4f4;
	border:1px solid #ccc;
	
	/* uma*/ float:left; 
	/* uma */ margin:5px 0%; 
	/* uma */margin-top:15px;
	
	padding:10px 2% 15px; 
    /* uma */padding-left:15px;


	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	box-shadow:0 0 3px #ccc;
	-moz-box-shadow:0 0 3px #ccc;
	-webkit-box-shadow:0 0 3px #ccc;
	
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	
	transition: background-color 1s, box-shadow 1s, transform 0.5s;
	-moz-transition: background-color 1s, -moz-box-shadow 1s, -moz-transform 0.5s;
	-webkit-transition: background-color 1s, -webkit-box-shadow 1s, -webkit-transform 0.5s;
	-o-transition: background-color 1s, -o-box-shadow 1s, -o-transform 0.5s;
}
/* image boxes */
.box-3{
	margin-left:225px;
	
	width:260px;
	height:528px;
	
	
	
}
.box-4{
	margin-left:258px;
	
	width:260px;
	height:528px;
	
	
	
}
.box-2
{
	height:680px;
}
.box-5
{
	height:900px;
}
.box:hover1{
	background-color:#fff;

	
	box-shadow:0 0 15px #333;
	-moz-box-shadow:0 0 15px #333;
	-webkit-box-shadow:0 0 15px #333;
	
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
/* .box-1 { max-width:40%; }
.box-2 { max-width:44%; }
.box-3 { max-width:40%; } */

/* title holder */
.box h3{
	font-size:27px;
	color:#777;
	margin:5px 10px;
	padding:5px 10px;
	font-family:'Arial Narrow', Arial;
	letter-spacing:1px;
	text-shadow:0 1px 1px #ccc;
	border-bottom:0 solid #fff;
	
	transition: color 1s, text-shadow 1s, border-bottom 1s;
	-moz-transition: color 1s, text-shadow 1s, border-bottom 1s;
	-webkit-transition: color 1s, text-shadow 1s, border-bottom 1s;
	-o-transition: color 1s, text-shadow 1s, border-bottom 1s;
}
.box:hover1 h3{
	color:#333;
	border-bottom:1px solid #aaa;
	text-shadow:1px 1px 1px #fff, 2px 2px 1px #888;
}

/* image holder */
.box .image{
	margin:10px;

	filter: alpha(opacity=50);
	
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1.5s;
	-o-transition: opacity 1s;
}
.box:hover1 .image{
	opacity:5;
	filter: alpha(opacity=100);
}
.box .image img{
	padding:4px;
	background:#0072bb;
}
.box .image img:hover1{
	background:#333;
}

/* description text holder */
.box .description, .box .description a{
	color:rgb(153,153,153);
	color:rgba(153,153,153,0);
	text-shadow:0 0 5px #aaa;
	text-align:left;
	font-size:14px;

	transition: text-shadow 1s ease 0.5s, color 1s ease 0.5s, outline 1s ease 0.5s;
	-moz-transition: text-shadow 1s ease 0.5s, color 1s ease 0.5s, outline 1s ease 0.5s;
	-webkit-transition: text-shadow 1s ease 0.5s, color 1s ease 0.5s, outline 1s ease 0.5s;
	-o-transition: text-shadow 1s ease 0.5s, color 1s ease 0.5s, outline 1s ease 0.5s;
}
.box:hover1 .description, .box:hover1 .description a{
	text-shadow:0 0 0 #fff;
	color:rgb(100,100,100);
}
.box:hover1 .description a{
	outline:1px dotted #777;
}




#overlay {
    
    height: 100%;
    left: 0;
  
    top: 0;
    transition: background-color 0.7s ease 0s;
    width: 100%;
   
}

#overlay:hover1{
	
	background:rgba(0,0,0,0);
	
	filter: alpha(opacity=0);
}

.text1{
color:#000000; font-family: 'Merriweather', serif; line-height:24px; font-size:14px; justify:right;}