@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic&subset=latin,greek-ext,greek);
/* GLOBAL STYLING*/
body{
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	background:#b9b098;
}
#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
a img {
	border: none;
}
* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

.left {float:left;}
.right {float:right;}
.left10 {margin-left:10px!important;} .left5 {margin-left:5px!important;}
.nma10 {margin-top:-10px!important;}
.ptop5 {padding-top:5px!important;} .pbot5 {padding-bottom:5px;} .ptop10 {padding-top:10px!important;}
.top10 {margin-top:10px;}
.top5 {margin-top:5px;}
.top30 {margin-top:30px!important;}
.bottom30 {margin-bottom:30px!important;}
.nound {text-decoration:none!important;} 
.small-logo { text-align:center; padding-bottom:10px;} .small-logo img {width:80%; height:auto; max-width:400px;}
.center-all {text-align:center!important;}

.t_left{text-align:left;}
.t_right{text-align:right;}
.t_center {text-align:center;}

.clear_left { clear:left; }
.clear_right {clear:right; }
.clear_both {clear:both;}

p {margin:0px 0px 10px 0px;}
#hidden {display:none;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #999;
}

#page-top { width:50px; height:50px; background:url(../images/top.png) #151515; z-index:1000; -moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
border-radius: 25px; -webkit-transition: background-color 1s ease; -moz-transition: background-color 1s ease; -o-transition: background-color 1s ease; transition: background-color 1s ease; position:fixed; bottom:30px; right:10px; opacity:0.7; cursor: pointer; display:none;}
#page-top:hover {background:url(../images/top.png) #0f84d3; -webkit-transition: background-color 1s ease; -moz-transition: background-color 1s ease; -o-transition: background-color 1s ease; transition: background-color 1s ease;}

#photo_gallery { width:95%; margin-top:20px; margin-bottom:10px; text-align:center} 
div#photo_gallery img{margin:5px; border:none; height:290px; width:auto; border:2px #fff solid;}

h1 { font-size:30px; line-height:36px; color:#fff; margin:10px 0px 10px 0px; padding:0; font-weight:400; text-align:left}
h2 { font-size:26px; line-height:30px; color:#fff; margin:10px 0px 10px 0px; padding:0; font-weight:400; text-align:left}
h3 { font-size:26px; line-height:30px; color:#fff; margin:10px 0px 10px 0px; padding:0; font-weight:400; text-align:left}

.active {width:980px; margin:0 auto;}

.column-2 { float:left; width:50%;}
.column-70 { float:left; width:70%;}
.column-30 { float:left; width:30%;}

.column-33 { float:left; width:33%; text-align:center; height:180px; overflow:hidden; border:5px #1C1B19 solid; position:relative;} .column-33 img{ display:block; width:100%; height:auto;
webkit-transform:scale(1.50); /* Safari and Chrome */
-moz-transform:scale(1.50); /* Firefox */
-ms-transform:scale(1.50); /* IE 9 */
-o-transform:scale(1.50); /* Opera */
transform:scale(1.50);}

.column-33 span {position:absolute; display:block; width:100%; background:#000; font-size:20px; line-height:22px; font-weight:bold; padding:10px 5px; bottom:0px; opacity:0; transition: visibility 0s, opacity 0.5s linear;}
.column-33:hover span { opacity:0.8; }

.minitop {background:#1c1b19; width:100%; font-size:11px; line-height:12px; color:#fff; padding-top:20px; padding-bottom:20px;} .minitop a{ text-decoration:none; color:#fff;} .minitop a:hover {text-decoration:underline; }
.top {padding-top:20px; padding-bottom:5px;}
.top > .active > .column-2{padding-left:20px; padding-right:20px;}
.top > .active > .column-2 img{ position:relative; top:10px;}
.loghot:hover {opacity:0.9;}

.social a{ color:#fff; text-decoration:none; font-size:20px; line-height:29px; background:#58595b; width:30px; height:30px; display: inline-block; margin-left:5px; text-align:center; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;}
.social a:hover{background:#958d71; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease;}
.langs { position:relative; top:-5px; color:#fff; font-size:12px; line-height:16px;} .langs a{ color:#fff; text-decoration:none; border-bottom:1px #fff dotted; margin-left:10px;} .langs a:hover{border-bottom:none;}
.social .fa-sitemap, .social .fa-envelope{font-size:17px; position:relative; top:-2px;}

.langs {margin-top:10px; color:#1c1b19; font-size:12px; line-height:16px; font-weight:600;} .langs a{ color:#1c1b19; text-decoration:none; border-bottom:1px #1c1b19 dotted; margin-left:10px;} .langs a:hover{border-bottom:none;}

.langs2 {margin-top:10px; color:#fff; font-size:12px; line-height:16px; font-weight:600;} .langs2 a{ color:#fff; text-decoration:none; border-bottom:1px #ccc dotted; margin-left:10px;} .langs2 a:hover{border-bottom:none; text-decoration:none!important;}

.slide {width:100%; max-width:1200px; height:auto; margin:0 auto; margin-top:3px;} 
div.slide img {width:100%; max-width:1200px; height:auto; margin:0 auto;  display: none;}

.slide2 {width:100%; max-width:1920px; height:auto; margin:0 auto; margin-top:3px;} 
div.slide2 img {width:100%; max-width:1920px; height:auto; margin:0 auto;  display: none;}

.prev { width:30px; height:30px; background:#1c1b19; cursor:pointer; opacity:0.8; position:absolute; bottom:20px; right:60px; z-index:500; -webkit-transition: background-color 1s ease; -moz-transition: background-color 1s ease; -o-transition: background-color 1s ease; transition: background-color 1s ease; text-align:center}
.prev:hover{ background-color:#151515; opacity:0.8; -webkit-transition: background-color 1s ease; -moz-transition: background-color 1s ease; -o-transition: background-color 1s ease; transition: background-color 1s ease;}
.next { width:30px; height:30px; background:#1c1b19; cursor:pointer; opacity:0.8; position:absolute; bottom:20px; right:20px; z-index:500; -webkit-transition: background-color 1s ease; -moz-transition: background-color 1s ease; -o-transition: background-color 1s ease; transition: background-color 1s ease; text-align:center}
.next:hover{ background-color:#151515; opacity:0.8; -webkit-transition: background-color 1s ease; -moz-transition: background-color 1s ease; -o-transition: background-color 1s ease; transition: background-color 1s ease;}

.prev:before {
	content: '\f104' /*fontawesome char code inside the ''*/;
	font-family: FontAwesome; /* or whatever */
	font-size:20px; line-height:30px; display:inline-block;
	color:#fff;
}

.next:before {
	content: '\f105' /*fontawesome char code inside the ''*/;
	font-family: FontAwesome; /* or whatever */
	font-size:20px; line-height:30px; display:inline-block;
	color:#fff;
}

.page-content {width:100%; background:#1c1b19; padding-top:20px; padding-bottom:20px; min-height:100px; font-size:14px; line-height:18px; color:#fff; margin-top:3px;}
.page-content a{ text-decoration:underline; color:#fff;} .page-content a:hover{ text-decoration:none; }

.page-content2 {width:100%; padding-top:20px; padding-bottom:20px; min-height:100px; font-size:14px; line-height:18px; color:#222;}
.page-content2 a{ text-decoration:underline; color:#222;} .page-content2 a:hover{ text-decoration:none; }

.page-content ul, .page-content ol, .page-content2 ul, .page-content2 ol {
text-align:left;
list-style: none;
padding:0;
margin:0; margin-left:10px; margin-bottom:10px; margin-top:-5px;
}

.page-content li, .page-content2 li { 
    text-indent: -10px; padding-top:2px; padding-bottom:2px;
	padding-left:10px;
}

.page-content li:before, .page-content2 li:before {
	content: '\f054' /*fontawesome char code inside the ''*/;
	font-family: FontAwesome; /* or whatever */
	display: inline-block;
	color:#fff; margin-left:8px; margin-right:2px;
}

.sitemap a{ text-decoration:none!important;} .sitemap a:hover{ text-decoration:underline!important;}
.sitemap ul {margin-top:3px}
.sitemap > li { clear:both; width:100%; font-weight:bold;}

.sitemap ul li {float:left; display:block; width:30%;  font-weight:normal;margin-top:3px; }

.sitemap ul li:last-child{ margin-bottom:20px;}

.sitemap li.disnon:before{display:none;} 

.map{ width:100%; height:300px; margin-top:20px; border:2px #ffffff solid; margin-bottom:20px;
-webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; box-shadow: 1px 1px 2px #999999;}

.projects a{float:left; margin-right:20px; width:190px; text-align:center; color:#333; font-size:13px; line-height:14px; text-decoration:none;}
.fa-cube {font-size:26px!important; color:#333!important; position:relative; top:2px;}
.projects span{ display:block; font-size:16px; line-height:16px; color:#58595b; margin:0px 0px 20px 0px; padding:0; font-weight:600;} 

.project-img {  border:4px #fff solid;
-moz-box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
box-shadow: 2px 2px 2px #333; margin-bottom:5px; height:130px; overflow:hidden;}

div.projects img{ display:block; width:100%; height:auto; overflow:hidden; position:relative; left:-1px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
div.projects img:hover { width:105%; height:auto; overflow:hidden; position:relative; left:-1px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

.mini-logo { display: inline-block!important; border:none!important; margin:0!important; -moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important; width:auto!important; height:auto!important; position:relative; top:2px; margin-left:3px!important;}
.mini-logo:hover { border:none!important; margin:0!important; -moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important; width:auto!important; height:auto!important;}

.menu { width:100%; min-height:50px; background:#1c1b19; text-align:center; z-index:5; display:none}
.menubtn{display: none;}
nav{
    font-size:17px;/*16px*/
    line-height: 18px;
    display: block;
    position: relative;
    z-index:5000;
    min-height: 50px;
	}
nav span{
	display: none;
	}
/* all lists */
nav ul, nav ul ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	}
nav ul a {
	display: block;
	text-decoration: none;
	}
/* all list items */
nav ul li {
	float:left;
	}
nav ul li:last-child{
	border:none;
	}
/* second-level lists */
nav ul li ul {
	position: absolute;
	width: 207px;
	/*left: -999em;  using left instead of display to hide menus because display: none isn't read by screen readers */
	}
nav ul li ul li{
	width: 207px; text-align:left; font-size:15px; line-height:15px;
	}
nav ul ul li,
nav ul ul ul li,
nav ul ul ul ul li{
	border-right:none;
	}
nav ul li a.sf-with-ul:after {
	/*content: '\00BB';Right Double Arrows*/
	display: inline-block;
	*float:right;/*IE7 Fix*/
	position:relative;
	top: 0em;
	right: -0.3em;
	}
nav ul li.sfHover a.sf-with-ul:after{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	}
nav ul li.sfHover li a.sf-with-ul:after{
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	}
nav ul li a.sf-with-ul:only-child:after{
	content: '';/* if only child, delete arrow */
	 }
nav ul li ul li:last-child a{
	border-bottom:none;
	}
/* third-and-above-level lists */
nav ul li ul ul {
	margin: -34px 0 0 207px;/* negative margin calculated by li padding plus line height*/
	}
nav ul li:hover ul ul,
nav ul li:hover ul ul ul,
nav ul li.sfhover ul ul,
nav ul li.sfhover ul ul ul {
	left: -999em;
	}

nav ul li:hover ul,
nav ul li li:hover ul,
nav ul li li li:hover ul,
nav ul li.sfhover ul,
nav ul li li.sfhover ul,
nav ul li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}
/*UNIVERSAL PADDING*/
nav ul a,
nav ul li a,
nav ul li ul a {
	padding:17px 25px 16px 26px;
	}

nav ul li ul a{
	padding:10px;
	margin-top:0px; /*to offset bottom border*/
	}
/*----------------------------------
	IE7
-----------------------------------*/
.ie7 nav ul li a.sf-with-ul{
	 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NjUzQjYyMzVGOEMxMUUzOTFFRTg0NDFCMzIxQjA4QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NjUzQjYyNDVGOEMxMUUzOTFFRTg0NDFCMzIxQjA4QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY2NTNCNjIxNUY4QzExRTM5MUVFODQ0MUIzMjFCMDhCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY2NTNCNjIyNUY4QzExRTM5MUVFODQ0MUIzMjFCMDhCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BDQ6YwAAAHdJREFUeNpiZBLWYCAGMEFpZiCuAGJOHHy4Qm8gbgfijVBJdD4DMyOXCIi+CcT/gTgZiI2BuAWI/yDxVzMiuRGk8wYQywGxPxDvRuYzISnaAhUshipC5m+CKbQHYicgrgHiPix8BmSrDYD4AlKIoPAZiQ1HgAADAOmdFtZlRP7CAAAAAElFTkSuQmCC);
	 background-repeat: no-repeat;
	 background-position:right center;
     }
/*----------------------------------
	IE6
-----------------------------------*/
.ie6 nav ul li a.sf-with-ul{
	 background-image: url('../images/arrow.png');
	 background-repeat: no-repeat;
	 background-position:right center;
	 }
/*----------------------------------
	COLORS
-----------------------------------*/
nav{
    
    }
nav ul a {
	background:#1c1b19;
	color:#fff;
	}
/*Top Nav borders*/
nav ul li {
	/*border-right:1px solid #ccc;*/
	}
nav ul a:hover {
	color:#1c1b19; 
	background:#ffdf00;
	}
nav ul li ul a{
	/*border-bottom:1px solid #e5e5e5;*/
	color:#222;
	background: #958d71;
	}
nav ul li ul {
	
	}
nav ul li ul a:hover {
	background: #ffdf00!important;
	}
	
.grey11{font-size:13px!important; line-height:16px!important; color:#fff!important;} .grey11 a{color:#666!important; text-decoration:none} .grey11 a:hover {text-decoration:underline; color:#333!important;}

.contact-form { font-size:13px; line-height:20px; color:#fff;}
.contact-form  input[type=text], .contact-form  input[type=email] {font-family: 'Open Sans', sans-serif; width:200px; border:1px #333333 solid; height:30px; padding-left:3px; padding-right:3px; font-size:12px; line-height:30px; background:#151515; color:#999; margin-bottom:5px;}
.contact-form  input[type=submit] {font-family: 'Open Sans', sans-serif; width:200px; border:none; min-height:30px; padding:5px; font-size:14px; line-height:16px; background:#58595b; color:#fff; position:relative; left:-2px; white-space: normal;} .contact-form  input[type=submit]:hover{cursor:pointer; background-color:#b9b098}

textarea.textarea
{
font-family: 'Open Sans', sans-serif; 
margin:0; padding:5px; margin-bottom:5px;
color:#999; 
font-family:Arial;
font-size:12px; line-height:14px;
font-weight:normal;
width:200px;
height:100px;
resize:none;
border:1px #333333 solid;
background-color:#151515; 
overflow: auto;
}

div#recaptcha_widget {width:100%!important;}
div#recaptcha_image{display: block; padding:0px; float:right!important; width:200px!important;}
div#recaptcha_image > img{
height:60px; float:right!important;
width:200px!important; border:1px #ccc solid;
}

.small-ok { width:200px; background:#009900; font-size:12px; line-height:14px; color:#fff; padding:10px; float:right; margin-bottom:10px; text-align:center; }
.small-error { width:200px; background:#990000; font-size:12px; line-height:14px; color:#fff; padding:10px; float:right; margin-bottom:10px; text-align:center;}

.button-blue-small {background-color:#58595b; -moz-border-radius: 3px; text-align:center;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px; color:#fff!important; font-size:13px!important; font-weight:400!important; line-height:28px!important; outline:none; padding-left:10px; padding-right:10px; height:30px!important; border:none; text-decoration:none!important; display:inline-block; margin:5px 5px 10px 5px;}
.button-blue-small a{color:#fff!important; text-decoration:none!important; margin:0; padding:0; cursor:pointer} .button-blue-small:hover{background-color:#b9b098; cursor:pointer}

/*BLOG*/
.blog-list {margin-bottom:20px; width:100%; margin-top:20px;}

.blog-list-left {float:left; overflow:hidden; height:200px; max-width:350px; width:40%; border:2px #fff solid;}
div.blog-list-left img { width:350px; height:auto; overflow:hidden; position:relative; left:-1px; -webkit-transition: width 1s ease; -moz-transition: width 1s ease; -o-transition: width 1s ease; transition: width 1s ease; }
div.blog-list-left img:hover { width:380px; height:auto; overflow:hidden; position:relative; left:-1px; -webkit-transition: width 1s ease; -moz-transition: width 1s ease; -o-transition: width 1s ease; transition: width 1s ease;}

.blog-list-right {float:left; width:60%; padding-left:20px;} .blog-list-right span {font-size:14px; line-height:18px; font-style:italic;}
.blog-list-right a {text-decoration:none!important; color:#fff; font-size:20px; line-height:28px;} .blog-list-right a:hover {text-decoration:underline!important;}
/*BLOG*/

.active-left{ float:left; width:60%;}
.active-right { float:right; width:40%;}
.pad-right-contact {padding-right:20px;}
.active-right h3 {font-size:22px; line-height:22px; color:#fff; margin:0px 0px 20px 0px; padding:0; font-weight:400; text-align:right}


@media all and (min-width: 780px) and (max-width: 1000px) 
{
.column-33 { float:left; width:33%; text-align:center; height:130px; overflow:hidden; border:5px #1C1B19 solid;} .column-33 img{ display:block; width:100%; height:auto;
webkit-transform:scale(1.50); /* Safari and Chrome */
-moz-transform:scale(1.50); /* Firefox */
-ms-transform:scale(1.50); /* IE 9 */
-o-transform:scale(1.50); /* Opera */
transform:scale(1.50);}

/*BLOG*/
.blog-list-left {max-width:240px; height:140px;}
div.blog-list-left img { width:260px; height:auto;}
div.blog-list-left img:hover { width:290px;}
/*BLOG*/

.sitemap ul li {padding-right:10px;}

.active {width:730px; margin:0 auto;}
nav{
    font-size:15px;/*16px*/
    line-height: 18px;
	}
nav ul li ul {
	position: absolute;
	width: 163px;
	/*left: -999em;  using left instead of display to hide menus because display: none isn't read by screen readers */
	}
nav ul li ul li{
	width: 163px; text-align:left; font-size:13px; line-height:13px;
	}
nav ul li a {
	padding:18px 13px 17px 13px;
	}
nav ul li ul a{
	padding:10px;
	margin-top:0px; /*to offset bottom border*/
	}
nav ul li ul ul {
	margin: -34px 0 0 163px;/* negative margin calculated by li padding plus line height*/
	}
	
.projects a{float:left; margin-right:15px; width:150px; text-align:center; color:#333; font-size:13px; line-height:14px; text-decoration:none;}
.project-img { height:100px;}
.fb-like-box { margin-left:-10px; overflow:hidden}
}

@media all and (min-width: 481px) and (max-width: 779px) 
{
.column-33 { float:none; width:100%; text-align:center; height:220px; overflow:hidden; border:5px #1C1B19 solid;} .column-33 img{ display:block; width:100%; height:auto;
webkit-transform:scale(1.50); /* Safari and Chrome */
-moz-transform:scale(1.50); /* Firefox */
-ms-transform:scale(1.50); /* IE 9 */
-o-transform:scale(1.50); /* Opera */
transform:scale(1.50);}

/*BLOG*/
.blog-list-left {float:none; width:100%; margin-bottom:5px; margin-left:50px; margin-top:30px;}
.blog-list-right {float:none; width:100%; max-width:100%; text-align:center}

div.blog-list-left img { width:100%; height:auto; overflow:hidden; position:relative; left:-1px; -webkit-transition: width 1s ease; -moz-transition: width 1s ease; -o-transition: width 1s ease; transition: width 1s ease; }
div.blog-list-left img:hover { width:110%; height:auto; overflow:hidden; position:relative; left:-1px; -webkit-transition: width 1s ease; -moz-transition: width 1s ease; -o-transition: width 1s ease; transition: width 1s ease;}

.button-blue-small {background-color:#58595b; -moz-border-radius: 3px; text-align:center; width:60%;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px; color:#fff!important; font-size:13px!important; font-weight:400!important; line-height:28px!important; outline:none; padding-left:10px; padding-right:10px; height:30px!important; border:none; text-decoration:none!important; display:inline-block; margin:0 auto; margin-top:5px; float:none}
/*BLOG*/

.active-left { float:none; width:100%;}
.active-right { float:none; width:100%; padding-top:20px;}
.contact-form , .small-error, .small-ok {margin-right:120px;}
.active-right h3 {text-align:center;}

.disnon span {display:none}
.sitemap ul li {float:none; display:block; width:100%;  font-weight:normal;margin-top:3px; }

.active {width:450px; margin:0 auto;}
div#photo_gallery img{width:300px; height:auto;}

h1 { font-size:24px; line-height:28px; text-align:left}
h2, h3 { font-size:20px; line-height:24px; text-align:left}

.column-2 { float:none; width:100%;} 
.minitop > .active > .column-2, .top > .active > .column-2 {text-align:center!important;}
.minitop > .active > .column-2.t_right, .top > .active > .column-2.t_right {text-align:center!important; padding-top:25px;}

.projects a{float:none; display:block!important; margin:0 auto; width:300px; text-align:center; color:#333; font-size:13px; line-height:14px; text-decoration:none; padding-bottom:20px;}
.project-img { height:200px;}

.page-content2 > .active > .column-70.t_left { float:none; text-align:center!important; width:100%; text-align:center;}
.page-content2 > .active > .column-30.t_right { float:none; text-align:center!important; padding-top:20px; width:100%; text-align:center;}

.menubtn{
		display: block;
		float:right;
		/*text-indent:-9999px;*/
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
		width:120px;
		height:50px; color:#FFFFFF; font-size:22px; line-height:50px;
		}
	.menubtn:hover{
		cursor: pointer;
		}
	nav span{
		display: block;
		}
	nav li span:first-child {display:none}
	nav span{
		position: absolute; right:0;
		float: right;
		padding: 10px;
		}
	nav span:hover{
		cursor: pointer;
		}
	nav ul,
	nav ul > ul{
		display: none;
		float:none;
		width:100%;
		}
	nav ul li {
		border-right:none;
		}
	nav ul li a.sf-with-ul:after {
		content:'';
		}
	nav ul li ul,
	nav ul li ul li{
		width:100%;
		}
	nav ul li ul a{
		border-bottom:none;
		}
	nav ul ul,
	nav ul li{
		width:100%;
		}
	nav ul li a{
		padding: 10px 0px 10px 10px;
		width:100%; text-align: left;
		float: left;
		}
	nav ul li ul a{
		padding: 10px 0px 10px 20px;
		}
	nav ul ul li ul a{
		padding: 10px 0px 10px 30px;
		}
	nav ul ul ul li ul a{
		padding: 10px 0px 10px 40px;
		}
	nav ul li ul,
	nav ul li ul ul,
	nav ul li:hover ul ul,
	nav ul li:hover ul ul ul,
	nav ul li.sfhover ul ul,
	nav ul li.sfhover ul ul ul,
	nav ul li:hover ul,
	nav ul li li:hover ul,
	nav ul li li li:hover ul,
	nav ul li.sfhover ul,
	nav ul li li.sfhover ul,
	nav ul li li li.sfhover ul {
		position: relative;
		display: none;
		margin: 0 0 0 0;
		left: 0em; /* using left instead of display because display: none isn't read by screen readers */
		}

	/*----------------------------------
		MOBILE COLORS
	-----------------------------------*/
	nav{
		background:#1c1b19; 
		}
	.menubtn{
		background: url('../images/menuicon.png')  no-repeat right;
		/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 		filter: alpha(opacity=100);
 		-khtml-opacity: 1;
 		opacity: 1;*/
		}
	.menubtn:hover,
	.menuOpen{
		/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 		filter: alpha(opacity=100);
 		-khtml-opacity: 1;
 		opacity: 1;*/
		}
	/*Plus icon*/
	nav span{
		background: #151515;
		color:#fff;
		}
	nav span:hover{
		background: #333333;
		}
	/*Top Nav background*/
	nav ul ul,
	nav ul li{
		background: #1c1b19;
		/*border-bottom:1px solid #ffffff;*/
		}
	/*Sub-Nav background*/
	nav ul li ul li{
		background: #151515;
		}
	/*Sub-Nav borders*/
	nav ul li ul li{
		border-bottom:1px solid #ffffff;
		}
	/*sub, sub-Nav background*/
	nav ul ul ul li{
		background: #151515;
		}
	/*First Nav Item when open*/
	ul li.menuOpen,
	ul li.menuOpen:hover{
		background:#1c1b19;
		}
	ul li.menuOpen >span{
		background: #151515;
	}
	/*Sub-Nav Item when open*/
	ul ul li.menuOpen,
	ul ul li.menuOpen:hover{
		background:#1c1b19;
		}
	/*Sub, Sub-Nav Item when open*/
	ul ul ul li.menuOpen,
	ul ul ul li.menuOpen:hover{
		background:#1c1b19;
		}
}

@media all and (max-width: 480px) 
{
.column-33 { float:none; width:100%; text-align:center; height:160px; overflow:hidden; border:5px #1C1B19 solid;} .column-33 img{ display:block; width:100%; height:auto;
webkit-transform:scale(1.50); /* Safari and Chrome */
-moz-transform:scale(1.50); /* Firefox */
-ms-transform:scale(1.50); /* IE 9 */
-o-transform:scale(1.50); /* Opera */
transform:scale(1.50);}

.active-left { float:none; width:100%;}
.active-right { float:none; width:100%; padding-top:20px;}
.contact-form , .small-error, .small-ok {margin-right:40px;}
.active-right h3 {text-align:center;}

/*BLOG*/
.blog-list-left {float:none; width:100%; margin-bottom:5px; margin-left:0px; margin-top:30px; height:160px;}
.blog-list-right {float:none; width:100%; max-width:100%; text-align:center}

div.blog-list-left img { width:100%; height:auto; overflow:hidden; position:relative; left:-1px; -webkit-transition: width 1s ease; -moz-transition: width 1s ease; -o-transition: width 1s ease; transition: width 1s ease; }
div.blog-list-left img:hover { width:110%; height:auto; overflow:hidden; position:relative; left:-1px; -webkit-transition: width 1s ease; -moz-transition: width 1s ease; -o-transition: width 1s ease; transition: width 1s ease;}

.button-blue-small {background-color:#58595b; -moz-border-radius: 3px; text-align:center; width:60%;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px; color:#fff!important; font-size:13px!important; font-weight:400!important; line-height:28px!important; outline:none; padding-left:10px; padding-right:10px; height:30px!important; border:none; text-decoration:none!important; display:inline-block; margin:0 auto; margin-top:5px; float:none}
/*BLOG*/

.disnon span {display:none}
.sitemap span {display:none}
.sitemap ul li {float:none; display:block; width:100%;  font-weight:normal;margin-top:3px; }

.active {width:280px; margin:0 auto;}
div#photo_gallery img{width:220px; height:auto;}

h1 { font-size:24px; line-height:28px; text-align:left}
h2, h3 { font-size:20px; line-height:24px; text-align:left}

.column-2 { float:none; width:100%;} 
.minitop > .active > .column-2, .top > .active > .column-2 {text-align:center!important;}
.minitop > .active > .column-2.t_right, .top > .active > .column-2.t_right {text-align:center!important; padding-top:25px;}

.projects a{float:none; display:block!important; margin:0 auto; width:280px; text-align:center; color:#333; font-size:13px; line-height:14px; text-decoration:none; padding-bottom:20px;}
.project-img { height:200px;}

.page-content2 > .active > .column-70.t_left { float:none; text-align:center!important; width:100%; text-align:center;}
.page-content2 > .active > .column-30.t_right { float:none; text-align:center!important; padding-top:20px; width:100%; text-align:center;}

.menubtn{
		display: block;
		float:right;
		/*text-indent:-9999px;*/
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
		width:120px;
		height:50px; color:#FFFFFF; font-size:22px; line-height:50px;
		}
	.menubtn:hover{
		cursor: pointer;
		}
	nav span{
		display: block;
		}
	nav li span:first-child {display:none}
	nav span{
		position: absolute; right:0;
		float: right;
		padding: 10px;
		}
	nav span:hover{
		cursor: pointer;
		}
	nav ul,
	nav ul > ul{
		display: none;
		float:none;
		width:100%;
		}
	nav ul li {
		border-right:none;
		}
	nav ul li a.sf-with-ul:after {
		content:'';
		}
	nav ul li ul,
	nav ul li ul li{
		width:100%;
		}
	nav ul li ul a{
		border-bottom:none;
		}
	nav ul ul,
	nav ul li{
		width:100%;
		}
	nav ul li a{
		padding: 10px 0px 10px 10px;
		width:100%; text-align: left;
		float: left;
		}
	nav ul li ul a{
		padding: 10px 0px 10px 20px;
		}
	nav ul ul li ul a{
		padding: 10px 0px 10px 30px;
		}
	nav ul ul ul li ul a{
		padding: 10px 0px 10px 40px;
		}
	nav ul li ul,
	nav ul li ul ul,
	nav ul li:hover ul ul,
	nav ul li:hover ul ul ul,
	nav ul li.sfhover ul ul,
	nav ul li.sfhover ul ul ul,
	nav ul li:hover ul,
	nav ul li li:hover ul,
	nav ul li li li:hover ul,
	nav ul li.sfhover ul,
	nav ul li li.sfhover ul,
	nav ul li li li.sfhover ul {
		position: relative;
		display: none;
		margin: 0 0 0 0;
		left: 0em; /* using left instead of display because display: none isn't read by screen readers */
		}

	/*----------------------------------
		MOBILE COLORS
	-----------------------------------*/
	nav{
		background:#1c1b19; 
		}
	.menubtn{
		background: url('../images/menuicon.png')  no-repeat right;
		/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 		filter: alpha(opacity=100);
 		-khtml-opacity: 1;
 		opacity: 1;*/
		}
	.menubtn:hover,
	.menuOpen{
		/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 		filter: alpha(opacity=100);
 		-khtml-opacity: 1;
 		opacity: 1;*/
		}
	/*Plus icon*/
	nav span{
		background: #151515;
		color:#fff;
		}
	nav span:hover{
		background: #333333;
		}
	/*Top Nav background*/
	nav ul ul,
	nav ul li{
		background: #1c1b19;
		/*border-bottom:1px solid #ffffff;*/
		}
	/*Sub-Nav background*/
	nav ul li ul li{
		background: #151515;
		}
	/*Sub-Nav borders*/
	nav ul li ul li{
		border-bottom:1px solid #ffffff;
		}
	/*sub, sub-Nav background*/
	nav ul ul ul li{
		background: #151515;
		}
	/*First Nav Item when open*/
	ul li.menuOpen,
	ul li.menuOpen:hover{
		background:#1c1b19;
		}
	ul li.menuOpen >span{
		background: #151515;
	}
	/*Sub-Nav Item when open*/
	ul ul li.menuOpen,
	ul ul li.menuOpen:hover{
		background:#1c1b19;
		}
	/*Sub, Sub-Nav Item when open*/
	ul ul ul li.menuOpen,
	ul ul ul li.menuOpen:hover{
		background:#1c1b19;
		}
}