@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
html,body{font-family: 'Roboto Condensed', sans-serif!important;	PADDING:0 0 0 0;	margin:0 0 0 0;	width:100%;	height:100%;background:#fff;}

#menu a, .all2,#filters li span, .scrollToTop    {
  transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
}

a {text-decoration:none;}
a:hover {color:#25aae1;}
h2 {color:#db373c;font-weight:700;font-size:16px;padding:0 0 0 0;margin:0 0 0 0;}
h4 {color:#333;font-weight:600;font-size:20px;}
h3 {color:#000;font-weight:600;font-size:20px;margin:0 0 0 0;padding:0 0 0 0;}

.wrap {max-width:1250px;margin:0 auto 0 auto;}
.wrapindex {width:100%;margin:0 auto 0 auto;position:absolute;top:0;z-index:9;height:100%;}
.wrap2 {max-width:960px;margin:0 auto 0 auto;}
.wrap3 {max-width:960px;padding:170px 0 0px 0;margin:0 auto 0 auto;}
.wrap4 {max-width:960px;padding:40px 0 0px 0;margin:0 auto 0 auto;}
.wrap5{max-width:1000px;padding:40px 0 0px 0;margin:0 auto 0 auto;}

#elm1 {width:100%;margin:40px auto;text-align:center;line-height:32px;font-size:24px;position:relative;}
#tovid {width:100%;margin:0px auto;position:relative;}
#tovid img {width:100%;margin:10px auto 10px auto;}
#elm1 img {width:100%;}

#thevidholder {position:relative;z-index:8!important;width:100%;display:block;margin:0 0 0 0;padding:0 0 0 0;}


#logo {width:278px;height:43px;float:left;margin:39px 0 0 0;}
#menu{width:500px;float:right;margin:49px 0 0 0;}
#menu a {color:#fff;padding:0 9px;font-family: 'Roboto Condensed', sans-serif!important;font-size:18px;float:left;margin-top:0;}
#menu a:hover {margin-top:-5px;float:left;color:#ccc;}
#menu a.anameno {color:#ccc;float:left;}

#show {background:url(../img/show.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;height:100%;width:100%;position:relative;}
#showblog {background:url(../img/blogin.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;height:100%;width:100%;position:relative;}
#showworks {background:url(../img/worksin.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;height:100%;width:100%;position:relative;}
#showabout {background:url(../img/aboutbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;height:100%;width:100%;position:relative;}
#showstatement {background:url(../img/statement.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;height:100%;width:100%;position:relative;}
#showcontact {background:url(../img/contactbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;height:100%;width:100%;position:relative;}

#articlebg {height:100%;width:100%;position:relative;}


.slogan {font-size:72px;color:#fff;font-family:Times New Roman;width:100%;text-align:center;position:relative;margin-top:15%;}
.sloganstat {font-size:72px;color:#fff;font-family:Times New Roman;width:100%;text-align:center;position:absolute;margin-top:15%;}

#slogan2{font-size:18px;color:#fff;font-family:Times New Roman;}

#tovelos {position:absolute;bottom:30px;text-align:center;width:100%;}


.sloganmid {font-size:72px;color:#fff;font-family:Times New Roman;width:100%;text-align:center;position:absolute;top:44%;}

#about{width:100%;height:670px;background:url(../img/aboutbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;margin-top:-5px;}
#aboutin{width:100%;background:#fff;position:relative;}
#about2{width:100%;height:670px;background:#fff;width:100%;position:relative;}
.text {width:100%;margin:0 auto;padding:80px 0;text-align:center;text-transform:uppercase;line-height:32px;}
.text  p {font-size:24px;}
.text2 {width:100%;margin:0 auto;padding:110px 0;text-align:center;text-transform:uppercase;line-height:32px;}
.text2  p {font-size:24px;}

#statement{width:100%;height:670px;background:url(../img/statement.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;}
#statement2{width:100%;height:670px;background:#fff;width:100%;position:relative;}


#works{width:100%;height:670px;background:url(../img/worksbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;}
#works2{width:100%;height:970px;background:#fff;width:100%;position:relative;}




#blog{width:100%;height:670px;background:url(../img/blogbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;}
#blog2{width:100%;height:670px;background:#fff;width:100%;position:relative;}

.blogitem {width:460px;float:left;margin-right:40px;}
.blogitem2 {width:460px;float:left;margin-right:40px;margin-bottom:40px;}
.blogitem img {width:100%;}
.blogitem2 img {width:100%;}

.titlos {font-size:30px;font-family:Times New Roman;text-align:center;padding:0 0 0 0;margin:20px 0 10px 0;}
.titlos2 {font-size:18px;text-align:center;padding:0 0 0 0;margin:0 0 0 0;}
.titlos a {color:#000;}
.titlos a:hover {color:#ccc;}

.prev2 {float:left;font-size:11px;color:#fff;padding:4px 10px;}
.prev2:hover {float:left;background:#ccc;font-size:11px;color:#fff;}
.inactiveprev2 {float:left;font-size:11px;color:#fff;padding:4px 10px;}

.next2 {float:right;font-size:11px;color:#fff;padding:4px 10px;}
.next2:hover {float:right;background:#ccc;font-size:11px;color:#fff;}
.inactivenext2 {float:right;font-size:11px;color:#fff;padding:4px 10px;}

.paginate {color:#000;padding:2px 3px;font-size:11px;}
.paginate:hover {color:#ff0000;padding:2px 3px;font-size:11px;}
.current {color:#ff0000!important;padding:2px 3px;font-size:11px;}




.all {font-size:24px;color:#000;display:block;width:110px;position:absolute;bottom:50px;left:46%;}
.all:hover {font-size:24px;color:#ccc;}

.all2 {font-size:24px;color:#000;display:block;width:110px;position:relative;margin:40px auto;background:url(../img/arrowl.png) no-repeat 0 5px;padding-left:20px;}
.all2:hover {font-size:24px;color:#ccc;background:url(../img/arrowl.png) no-repeat -5px 5px;}
.last {margin-right:0px;}

.scrollToTop {width:25px;height:20px;background:url(../img/arrow_up.png) no-repeat 0 5px;position:fixed;bottom:30px;right:40px;display:none;}
.scrollToTop:hover{background: url('../img/arrow_up.png') no-repeat 0 0px;}

#contact{width:100%;height:670px;background:url(../img/contactbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;}
#contactworks{width:100%;height:670px;background:url(../img/contactworks.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;}
#contact2{width:100%;height:670px;background:#fff;width:100%;position:relative;}
#contfr {width:575px;height:300px;border:none;margin:30px auto;}


#social {width:130px;margin:40px auto 40px auto;}
#vimeo {display:block;width:33px;height:34px;background:url(../img/v.png) no-repeat 0 0;float:left;margin-right:15px;}
#vimeo:hover {background:url(../img/v.png) no-repeat 0 -34px;}

#in {display:block;width:33px;height:34px;background:url(../img/in.png) no-repeat 0 0;float:left;margin-right:15px;}
#in:hover {background:url(../img/in.png) no-repeat 0 -34px;}

#mail {display:block;width:33px;height:34px;background:url(../img/m.png) no-repeat 0 0;float:left;}
#mail:hover {background:url(../img/m.png) no-repeat 0 -34px;}


#footer {background:#000;width:100%;padding:10px 0;}
#copy1 {float:left;text-align:left;font-size:13px;color:#fff;padding-left:5px;}
#copy2 {float:right;text-align:right;padding-right:5px;}
#copy2 a {color:#fff;font-size:13px;}
#copy2 a:hover {color:#ccc;}








.container { 
	position: relative; 
	width: 960px; 
	margin: 0 auto; 
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;	
}
 
#filters {
	margin:0 auto 30px auto;
	padding:0;
	list-style:none;
	width:790px;
}

	#filters li {
		float:left;
		margin-right:15px;
	}
	
	#filters li span {
		display: block;
		padding:5px 20px;		
		text-decoration:none;
		color:#000;
		cursor: pointer;
		border:1px solid #000;
		font-size:24px;
	}
	#filters li span:hover {
		background: #000;
		color:#fff;
	}
	
	#filters li span.active {
		background: #000;
		color:#fff;
	}
 

 
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:48%;
	margin:1% ;
	display:none;
	float:left;
	overflow:hidden;
}

	.portfolio-wrapper {
		overflow:hidden;
		position: relative !important;
		background: #666;
		cursor:pointer;
	}

	.portfolio img {
		max-width:100%;
		position: relative;
	}
	
	.portfolio .label {
		position: absolute;
		width: 100%;
		height:40px;
		bottom:-40px;
	}

		.portfolio .label-bg {
			background: #000;
			width: 100%;
			height:100%;
			position: absolute;
			top:0;
			left:0;
		}
	
		.portfolio .label-text {
			color:#fff;
			position: relative;
			z-index:500;
			padding:5px 8px;
			text-align:center;
		}
		.portfolio .label-text  a {color:#fff;}.portfolio .label-text  a:hover {color:#ccc;}
			
			.portfolio .text-category {
				display:block;
				font-size:9px;
			}
	
	
#mobilemen {display:none;}
	
	

/* #Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container {
		width: 768px; 
	}
}


/*  #Mobile (Portrait) - Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	.container { 
		width: 95%; 
	}
	
	#portfoliolist .portfolio {
		width:48%;
		margin:1%;
	}		

	#ads {
		display:none;
	}
	
}


/* #Mobile (Landscape) - Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {
		width: 70%;
	}
	
	#ads {
		display:none;
	}
	
}

/* #Clearing */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}



.but {font-size:12px;text-align:center;padding:3px 10px;background:#fff;color:#000;}
.but:hover {font-size:12px;text-align:center;padding:3px 10px;background:#000;color:#fff;}
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;z-index: 9999!important;
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../img/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 9999!important;
	cursor:pointer;
}

/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	font-size: 54px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	padding:10px 0 10px 0;
	border-bottom:1px solid #ccc;
}

.overlay ul li a {
	font-weight: 300;
	display: block;
	color: #fff;
	font-size:28px;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #666;

}

/* Effects */
.overlay-hugeinc {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-hugeinc nav {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.overlay-hugeinc nav ul {
	opacity: 0.4;
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open nav ul {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.overlay-hugeinc.close nav ul {
	-webkit-transform: translateY(25%) rotateX(-35deg);
	transform: translateY(25%) rotateX(-35deg);
}

@media screen and (max-height: 30.5em) {
	.overlay nav {
		height: 70%;
		font-size: 34px;
	}
	.overlay ul li {
		min-height: 34px;
	}
}





@media only screen and (min-width: 680px) and (max-width: 990px) {
.wrap {max-width:1250px;margin:0 auto 0 auto;}
.wrapindex {width:100%;margin:0 auto 0 auto;position:absolute;top:0;z-index:9;height:100%;}
.wrap2 {max-width:960px;margin:0 auto 0 auto;}
.wrap3 {max-width:960px;padding:30px 0 0px 0;margin:0 auto 0 auto;}
.wrap4 {max-width:960px;padding:30px 0 0px 0;margin:0 auto 0 auto;}
.wrap5{max-width:1000px;padding:30px 0 0px 0;margin:0 auto 0 auto;}


#logo {width:278px;height:43px;float:none;margin:0px auto 0 auto;padding-top:20px;}
#menu{display:none;}
#mobilemen {display:block;float:none;margin:10px auto 0 auto;width:65px;}
#filters {
	margin:0 auto 30px auto;
	padding:0;
	list-style:none;
	width:100%;
}

	#filters li {
		float:left;
		margin-right:15px;
	}
	
	#filters li span {
		display: block;
		padding:5px 20px;		
		text-decoration:none;
		color:#000;
		cursor: pointer;
		border:1px solid #000;
		font-size:12px;
	}
	

	
	
#about{width:100%;height:370px;background:url(../img/aboutbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;}
#aboutin{width:100%;background:#fff;position:relative;}
#about2{width:100%;height:auto;background:#fff;width:100%;position:relative;}
.text {width:100%;margin:0 auto;padding:40px 0;text-align:center;text-transform:uppercase;line-height:32px;}
.text  p {font-size:24px;}
.text2 {width:100%;margin:0 auto;padding:110px 0;text-align:center;text-transform:uppercase;line-height:32px;}
.text2  p {font-size:24px;}

#statement{width:100%;height:370px;background:url(../img/statement.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;}
#statement2{width:100%;height:auto;background:#fff;width:100%;position:relative;}


#works{width:100%;height:370px;background:url(../img/worksbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;}
#works2{width:100%;height:790px;background:#fff;position:relative;}

.slogan {font-size:32px;font-weight:bold;color:#fff;font-family:Times New Roman;width:100%;text-align:center;position:relative;margin-top:13%;}
#slogan2{font-size:16px;font-weight:bold;color:#fff;font-family:Times New Roman;}



#blog{width:100%;height:370px;background:url(../img/blogbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;}
#blog2{width:100%;min-height:500px;height:100%;height:auto;background:#fff;width:100%;position:relative;}

.blogitem {width:300px;float:none;margin:40px auto;}
.blogitem2 {width:300px;float:none;margin:40px auto;}
.blogitem img {width:100%;}
.blogitem2 img {width:100%;}

.titlos {font-size:30px;font-family:Times New Roman;text-align:center;padding:0 0 0 0;margin:20px 0 10px 0;}
.titlos2 {font-size:18px;text-align:center;padding:0 0 0 0;margin:0 0 0 0;}
.titlos a {color:#000;}
.titlos a:hover {color:#ccc;}


.all {font-size:24px;color:#000;display:block;width:110px;position:relative!important;margin:0 auto!important;left:0;bottom:0;}
.all:hover {font-size:24px;color:#ccc;}

.all2 {font-size:24px;color:#000;display:block;width:110px;position:relative!important;margin:40px auto!important;left:0;bottom:0;}
.all2:hover {font-size:24px;color:#ccc;}
.last {margin:0 auto;}


#contact{width:100%;height:370px;background:url(../img/contactbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;}
#contactworks{width:100%;height:370px;background:url(../img/contactworks.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;}
#contact2{width:100%;height:auto;background:#fff;width:100%;position:relative;}
#contfr {width:80%;height:300px;border:none;margin:30px auto;}

	
	#copy1 {float:none;text-align:center;font-size:13px;color:#fff;padding-left:5px;}
#copy2 {float:none;text-align:center;padding-right:5px;}




#showblog {background:url(../img/blogin.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;height:400px;width:100%;position:relative;}
#showworks {background:url(../img/worksin.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;height:400px;width:100%;position:relative;}
#showabout {background:url(../img/aboutbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;height:400px;width:100%;position:relative;}
#showstatement {background:url(../img/statement.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;height:400px;width:100%;position:relative;}
#showcontact {background:url(../img/contactbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;height:400px;width:100%;position:relative;}

#articlebg {height:400px;width:100%;position:relative;}


#tovelos {display:none;}
.sloganstat {font-size:72px;color:#fff;font-family:Times New Roman;width:100%;text-align:center;position:relative;margin-top:90px;}


#elm1 img {width:100%;height:auto;}
}


@media only screen and (min-width: 280px) and (max-width: 679px) {

#tolink {display:none;}
.wrap {max-width:1250px;margin:0 auto 0 auto;}
.wrapindex {width:100%;margin:0 auto 0 auto;position:absolute;top:0;z-index:9;height:100%;}
.wrap2 {max-width:960px;margin:0 auto 0 auto;}
.wrap3 {max-width:960px;padding:30px 0 0px 0;margin:0 auto 0 auto;}
.wrap4 {max-width:960px;padding:30px 0 0px 0;margin:0 auto 0 auto;}
.wrap5{max-width:1000px;padding:30px 0 0px 0;margin:0 auto 0 auto;}

#logo {width:278px;height:43px;float:none;margin:0px auto 0 auto;padding-top:20px;}
#menu{display:none;}
#mobilemen {display:block;float:none;margin:10px auto 0 auto;width:65px;}

#about{width:100%;height:370px;background:url(../img/aboutbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;}
#aboutin{width:100%;background:#fff;position:relative;}
#about2{width:100%;height:auto;background:#fff;width:100%;position:relative;}
#statement{width:100%;height:370px;background:url(../img/statement.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;}
#statement2{width:100%;height:auto;background:#fff;width:100%;position:relative;}


#works{width:100%;height:370px;background:url(../img/worksbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;}
#works2{width:100%;min-height:500px;height:100%;height:auto;background:#fff;position:relative;}

.slogan {font-size:24px;font-weight:bold;color:#fff;font-family:Times New Roman;width:100%;text-align:center;position:relative;margin-top:13%;}
#slogan2{font-size:12px;font-weight:bold;color:#fff;font-family:Times New Roman;}



#blog{width:100%;height:370px;background:url(../img/blogbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;}
#blog2{width:100%;min-height:500px;height:100%;height:auto;background:#fff;width:100%;position:relative;}


.all {font-size:24px;color:#000;display:block;width:110px;position:relative!important;margin:30px auto!important;left:0;bottom:0;}
.all:hover {font-size:24px;color:#ccc;}

.all2 {font-size:24px;color:#000;display:block;width:110px;position:relative!important;margin:40px auto!important;left:0;bottom:0;}
.all2:hover {font-size:24px;color:#ccc;}

.blogitem {width:300px;float:none;margin:10px auto;}
.blogitem2 {width:300px;float:none;margin:10px auto;}

.text {width:80%;margin:0 auto;padding:40px 0;text-align:center;text-transform:uppercase;line-height:24px;}
.text  p {font-size:18px;}
.text2 {width:80%;margin:0 auto;padding:110px 0;text-align:center;text-transform:uppercase;line-height:24px;}
.text2  p {font-size:18px;}

#filters {display:none;}
#portfoliolist{width:290px;
	margin:20px auto;}
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:290px;
	margin:20px auto;
	display:none;
	float:none;
	overflow:hidden;
}
#contact{width:100%;height:370px;background:url(../img/contactbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;}
#contactworks{width:100%;height:370px;background:url(../img/contactworks.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;position:relative;}
#contact2{width:100%;height:auto;background:#fff;width:100%;position:relative;}
#contfr {width:80%;height:300px;border:none;margin:30px auto;}

	
	#copy1 {float:none;text-align:center;font-size:13px;color:#fff;padding-left:5px;}
#copy2 {float:none;text-align:center;padding-right:5px;}

.sloganmid {font-size:28px;color:#fff;font-family:Times New Roman;width:100%;text-align:center;position:absolute;top:44%;}

#showblog {background:url(../img/blogin.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;height:200px;width:100%;position:relative;}
#showworks {background:url(../img/worksin.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;height:200px;width:100%;position:relative;}
#showabout {background:url(../img/aboutbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;height:200px;width:100%;position:relative;}
#showstatement {background:url(../img/statement.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;height:200px;width:100%;position:relative;}
#showcontact {background:url(../img/contactbg.jpg) no-repeat 0 0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;height:200px;width:100%;position:relative;}

#articlebg {height:200px;width:100%;position:relative;}


#tovelos {display:none;}
.sloganstat {font-size:22px;color:#fff;font-family:Times New Roman;width:100%;text-align:center;position:relative;margin-top:40px;}
#elm1 img {width:100%;height:auto;}
}