html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;
	margin: 0;
	padding: 0;

}

a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

body {
	/*font-family:Droid+Serif;*/
	font-family: 'Ubuntu';
	margin:auto;
	background: #f8f8f8;
	/*background:url(../images/backg_tile.jpg);*/
	color:#fff;
	text-align:center;
}



#footer {
	clear: both;
	width: 100%;
	text-align:center;
}
@media only screen and (max-width: 435px){
	#footer  Aimg{width:100%}
}



/* ------------ :::::::::::::::Structure ::::::::::----------------------- */

/*HEADER*/

#branding,
#main,
#wrapper {
	margin: 0 auto;
	/*max-width: 1050px;*/
	
	
}
#branding{
	text-align: center;
	margin: 20px 0 20px 0;
}
#branding img {  
/*margin-left:15px;*/
 }

@media only screen and (max-width: 400px){
    #branding img { width: 100%; margin-left:5px; }
}


#container {
 position:relative;
	z-index:99;
	text-align:center;
	margin:auto;
	background:#f8f8f8;
	padding-top:100px;
	/*margin-top: 20px;
	padding: 0 20px;
	text-align:left;*/
}
#masthead{
	text-align:left;

	padding-top:200px;
	padding-bottom:300px;
	margin-bottom:0px;
	position:relative;
	z-index:90;
	
}

.slide {
	
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 800px;
    opacity: 0;
   z-index:2;
background-size: 100%;
 background-repeat: no-repeat;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
.showing {
    opacity: 1;
    z-index:2;
}



.slide:nth-of-type(1) {
   background-image: url('../images/backg/01.jpg'); 
}
.slide:nth-of-type(2) {
    background-image: url('../images/backg/02.jpg'); 
}
.slide:nth-of-type(3) {
    background-image: url('../images/backg/03.jpg'); 
}
.slide:nth-of-type(4) {
   background-image: url('../images/backg/04.jpg'); 
}
.slide:nth-of-type(5) {
  background-image: url('../images/backg/05.jpg'); 
}
.slide:nth-of-type(6) {
  background-image: url('../images/backg/06.jpg'); 
}
.slide:nth-of-type(7) {
  background-image: url('../images/backg/07.jpg'); 
}
.slide:nth-of-type(8) {
  background-image: url('../images/backg/08.jpg'); 
}
/*---------social ----------*/
.socialbuttons{
position:fixed;
top:0;
	/*float: right;
    margin-top: -75px;
	margin-right:25px;*/
	width: 100%;
	text-align:center;
	background:#f8f8f8;
	padding-top:20px;
}
@media only screen and (max-width: 830px){
    .socialbuttons{ float:none; margin:0; margin-left:0px }
    .slide{
    	 height: 400px;
    }
    #masthead{
    padding-top:240px;
	padding-bottom:50px;
    }
    
}


img.social{
	margin-bottom:20px;
	margin-left:10px; 
	opacity:0.7;
	text-decoration:none;
	border: 0;
	box-shadow: 0;
	display: inline;
}

img.social:hover{
	opacity:1;
}

#back2top{
	width:100%;
	text-align:center;
	float:left;
	padding: 50px 0;
}

/*
*************PROJECTS' POSTS THUMBS*************

*/


.post_tmb_wrapper{
    margin: auto;
    max-width: 1110px;
    text-align: center;
  
   height:100%;
	background:#000;
}

.tmb{
font-family: 'Oswald';
	float: left;
	max-width: 339px;
	height:240px;
	margin-bottom: 25px;
	margin-right: 15px;
	margin-left: 15px;
	
	background-color: #fff;
	color:#fff;
	box-sizing: border-box;
	border-bottom: 1px solid #454545;
}

.thumb_cont{
	border: 10px solid #fff;
	width:319px;
	height:185px;
	overflow: hidden;
    
}

.thumb_cont:hover img.tmbImg{
	opacity:1;
	transform: scale(1) rotate(0deg);
    transition: all 0.35s ease 0s;
}


.thumb_cont img.tmbImg{
	width: 100%;
	height:100%;
	transform: scale(1.3) rotate(0deg);
    transition: all 0.35s ease 0s;
	
	}
.thumb_cont a{
	text-decoration:none;
	
}	
	
.thumb_cont h3{
height:30px;
	margin-top:5px;
	color:#333;
	/*background-color:#000;
	opacity:0.5;width:319px;*/
	font-weight:normal;
	position:absolute;text-transform: uppercase;
	
	
}



.thumb_cont a.view {
    opacity: 0;
    transition: all 0.2s ease-in-out 0s;
	position:relative;
	transform: scale(0.1) rotate(0deg);
	z-index:10;
	transform: translateY(-100px);
	background: none repeat scroll 0 0 #fff;
	padding: 10px 14px;
    color: #000;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
}
.thumb_cont:hover a.view {
opacity: 0.8;
/*transform: scale(0.2) rotate(0deg);*/
	transform: translateY(-120px);
}

@media only screen and (max-width: 830px){
    .post_tmb_wrapper{ width:100%;}
	.tmb{margin-left:5px}
}
	/*
	/////////////////////::::::::::::::::MAP:::::::::::::::////////////////
	*/
	
#map-canvas{
	width:100%;
	height:550px;
	margin:auto;
	top:20px;
	margin-bottom:50px;
}
#map_info{
color:#000;
overflow: hidden;
text-align: left;

}

#map_info img.mapTmbImg{
border:10px solid #fff;
margin-top: -55px;
    width: 96%;
}

#map_info a.view {
    opacity: 0;
    transition: all 0.2s ease-in-out 0s;
	position:absolute;
	top:25%;
	left:40%;
	/*transform: scale(0.1) rotate(0deg);
	z-index:10;*/
	transform: translateY(20px);
	background: none repeat scroll 0 0 #fff;
	padding: 10px 14px;
    color: #000;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
}
#map_info:hover a.view{
opacity: 0.8;
/*transform: scale(0.2) rotate(0deg);*/
	transform: translateY(0px);
}


/*
#map_info:hover img.mapTmbImg{
	transform: scale(1.3) rotate(0deg);
}
#map_info img.mapTmbImg{
	transform: scale(1) rotate(0deg);
    transition: all 0.35s ease 0s;
}*/
#map_info h2{
 font-weight: bold;
    margin: 0 0 0 15px;
	font-family: 'Oswald';
	 text-transform: uppercase;
	 font-weight:normal;
}