@charset "utf-8";
/* CSS Document */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}

h1 {  text-align:center; font-weight:bold;}
h2 { font-size: 28px; }
h3 { font-size: 16px; line-height: 16px; margin-bottom:48px; text-align:center; font-weight:bold; }
h4 { font-size: 15px; }
h5 { font-size: 14px; }
header h2{margin-bottom:20px;font-size:20px; margin-top: 0px; line-height:16px;  text-align:center; font-weight: bold}
.view .bggrayscale {
         -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -webkit-filter: grayscale(100%);
         filter: gray;
	 -webkit-backface-visibility: hidden; /* Fix for transition flickering */
         filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
			-webkit-transition: all .2s ease;
		   -moz-transition: all .4s ease;
			-ms-transition: all .4s ease;
			 -o-transition: all .4s ease;
				transition: all .4s ease;   
}

.opac{

opacity:0.8;
			-webkit-transition: all .5s ease;
		   -moz-transition: all .4s ease;
			-ms-transition: all .4s ease;
			 -o-transition: all .4s ease;
				transition: all .4s ease;   
}
.opac:hover{opacity:1;}
.view .bggrayscale:hover {
         -moz-filter: none;
		-o-filter: none;
	-webkit-filter: none;
         filter: none;
         filter: none
}
.agrid{float:left}
#screen{top:0;left:0;width:100%;height:100%;cursor: url(https://web.archive.org/web/20180203125959im_/http://www.mnpdesign.gr/assets/templates/be/css/grab.cur), move!important}
#pool{z-index:2;width:30%;height:100%;padding:10px;position:absolute;z-index:3;cursor:grab;background:rgba(0,0,0,0.8);}
.size1{width:380px;}
.size2{width:250px;}
.size3{width:120px;}
.projectbox img{max-width:100%;width:100%;height:auto}
.projectbox {position:absolute;background-repeat:no-repeat;background-position:center;z-index:2}
.edit .projectbox {background-color:rgba(255,255,255,0.5);background-size:cover}
.heightButton,.locker,.sizeButton,.idLabel,.priority{	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	text-align:center;
	width:20px;height:20px;
	line-height:20px;
	font-size:14px;
	background:#aaa;
	color:#fff;
	position:absolute;
	z-index:1;
	cursor:pointer
}
#pseudo-search{
    background: #dbdbdc;
    min-height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 9 !important;
	height:auto;
	width: 100%;
	
}
#pseudo-search h2{padding:140px 0 80px 0; text-align:center;    font-size: 23px;
    line-height: 23px;
    margin-bottom: 20px;}
#pseudo-search h3 {
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: left;
}
#pseudo-search.hidden{height:50px!important}
#pseudo-cover{width:100%;opacity:1;height:100%;top:0;left:0;position:fixed;background: #dbdbdc;}
.hidden #pseudo-cover{opacity:0;display:none}
#pseudo-header{position:Absolute;width:100%;z-index:9}
#pseudo-search .example{opacity:1}
#pseudo-search.hidden .example{opacity:0}
#projects-plato{padding-bottom:140px}
#pseudo-search #example_wrapper{padding-top:235px;font-size: 12px;}

.transition-300ms { -webkit-transition: all 300ms ease-in-out!important;-moz-transition: all 300ms ease-in-out!important;-o-transition: all 300ms ease-in-out!important;-ms-transition: all 300ms ease-in-out!important;}

.transition-600ms { -webkit-transition: all 600ms ease-in-out!important;-moz-transition: all 600ms ease-in-out!important;-o-transition: all 600ms ease-in-out!important;-ms-transition: all 600ms ease-in-out!important;}
.hidden{ min-height: 0%!important;height:0!important}
#poolnum{width:80px; z-index:99; height:20px; line-height:20px; text-align:center; position:fixed; right:187px; top:7px; background:#000;color:#fff }
.save{cursor:pointer;width:80px; z-index:99; height:20px; line-height:20px; text-align:center; position:fixed; right:87px; top:7px; background:#000;color:#fff}
#plus:hover,#minus:hover,.save:hover{background:#fff;color:#000}
#resize{width:200px; z-index:99; height:20px; line-height:20px; text-align:center; position:fixed; right:287px; top:7px; background:#000;color:#fff }
#dimensions,#plus,#minus{margin-left:10px; display:inline-block}
#plus,#minus{cursor:pointer;font-size:12px;}
.sizeButton{bottom:10px;cursor:pointer}
.heightButton:hover,.sizeButton.active,.sizeButton:hover{background:#000;color:#fff}
.bsize1{margin-left:55px;}
.bsize2{margin-left:30px;}
.bsize3{margin-left:5px;}
.locker{right:5px; cursor:pointer; bottom:10px}
.draggable .locker{background:url(../../../../../../../20180218102906im_/http_/www.mnpdesign.gr/assets/templates/be/css/unlocked.jpg)}
.undraggable .locker{background:url(../../../../../../../20180218105156im_/http_/www.mnpdesign.gr/assets/templates/be/css/locked.jpg)}
.projectbox.draggable{cursor:grab;}

.priority{background:#000;margin:5px;}
.idLabel{background:#fff;color:#000;font-size:10px; margin-top:5px;right:5px;}
.tall{margin-top:5px;right:35px;}
.short{margin-top:5px;right:60px;}

#draggable{cursor:grab!important; margin:0% 0 0 0%; }
#grid,.ruler-grid{width:2000px; height:2000px; position:absolute; padding:0;margin:0;background:#AAA}
#grid{z-index:1;background:none}
.vline{width:1px; height:100%;position:absolute;background:#bbb}
.hline{width:100%; height:1px;position:absolute;background:#bbb}


header p{margin-bottom:10%;text-align:center; font-style: italic}
small { font-size: 10px; }
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 30px; }
.red{background:red!important}
.margin-bottom-0,img { margin-bottom: 0px!important; }
.margin-bottom-5 { margin-bottom: 5px!important; }
.margin-bottom-10 { margin-bottom: 10px!important; }
.margin-bottom-60{ margin-bottom: 60px!important; }
.margin-left-0{margin-left:0!important}
#home-section{width:100%;height:100%;position:absolute;overflow:hidden;}


.ui-widget-content{background:none!important;border:none!important}
p{font-size:12px; margin-bottom: 20px; line-height:16px}
.rotate {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
a:hover {text-decoration:none!important; color:#000}
a:hover img{opacity:0.7}


.padding-bottom-20{padding-bottom:20px!important}
.padding-bottom-40{padding-bottom:40px!important}
.padding-top-120{padding-top:120px!important}
.padding-top-180{padding-top:180px!important}
.padding-top-0{padding-top:0px!important}
.padding-top-20{padding-top:20px!important}
.padding-top-40{padding-top:40px!important}

.hover-white:hover{background:#fff}
.hover-white:hover{background:rgba(255,255,255,1) !important}
.text-align-center{text-align:center!important}
.text-align-justify{text-align:justify!important}
.text-align-left{text-align:left!important}


table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc{background:none!important}


.absolute{position:absolute!important;}
.overflow-hidden{overflow:hidden!important;}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

body {
	background:#dbdbdc;
	border-top: 0px solid #474747;
	color: #000;
	font: 14px/1.7 'Arial', sans-serif;
	-webkit-font-smoothing: antialiased; 
	-webkit-text-size-adjust: 100%;
	font-size:14px; line-height:16px;

		

}


::-moz-selection { background: #aaa; color: #fff; text-shadow: none; }
::selection { background:#aaa; color: #fff; text-shadow: none; }

.transition-400ms { -webkit-transition: all 50ms ease-in-out!important;-moz-transition: all 50ms ease-in-out!important;-o-transition: all 50ms ease-in-out!important;-ms-transition: all 50ms ease-in-out!important;}


a, a > * {
	color: #aaa;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-webkit-transition: background-image .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-image .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-image .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-image .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-image .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;}

a:hover, a > *:hover { color:#000 }
hr {
	background: #ededed;
	color: #ededed;
	margin: 5px 0 25px;
}

	p + hr { margin: 25px 0 20px; }

blockquote {
	background:url(../../../../../../../20180218103220im_/http_/www.mnpdesign.gr/assets/templates/be/img/quote.html) no-repeat 10px 15px;
	font-size:18px; line-height:26px; color:#484C55;
	padding: 0px 20px 20px 65px; 
}
.pull-right{float:right}


.button,select, input[type="submit"], input[type="reset"] {
	background: #484C55;
	border: none;
	color: #fff;
	cursor: pointer;	
	
	font-weight: 400;
	height: auto;
	overflow: visible;
	padding: 7px 20px;
	-webkit-transition: background-color .2s ease;
	   -moz-transition: background-color .2s ease;
		-ms-transition: background-color .2s ease;
		 -o-transition: background-color .2s ease;
			transition: background-color .2s ease;
	width: auto;
}

	input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
		background: #fff;
		border:1px solid #bbb;
		color: #474747;
		padding: 6px 19px;

	}
.button:hover{			
		background: #fff;
		border:1px solid #bbb;
		color: #474747;
		padding: 4px 15px;
}
.button {
	font-size: 12px;
	display: inline-block;
	padding: 5px 16px;
	
}



.workthumb {width:200px; margin:5px}
.workthumb img{max-width:100%;width:100%;height:auto}
img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}
.image-left {
    max-width: 100%;
    padding: 0px;
    float: left;
    margin: 0px 15px 8px 0;
	width:35%;
}
.image-left-auto {
    
    padding: 0px;
    float: left;
    margin: 0px 5px 5px 0;
	
}
.image-auto {
   
    max-width:100%;height:auto;
	
}
.image-auto-2 {
   
    max-width:100%;width:auto;height:auto;
	
}
.can100{width:100%;margin-left:0}
.can90{width:90%;margin-left:5%}
.can80{width:80%;margin-left:10%}
.can70{width:70%;margin-left:15%}
.can60{width:60%;margin-left:20%}
.w50.post-gallery,.w100.post-gallery{width:100%; text-align:center}
.w25.post-gallery,.w30.post-gallery{width:96%; text-align:center}

.w100 .gallery-image{max-width:98%;width:auto;height:auto; vertical-align:top; display:inline;padding:1% 0.5% 0 0.5%;}
.w50 .gallery-image{max-width:49%;width:auto;height:auto; vertical-align:top; display:inline;padding:1% 0.5% 0 0.5%;}
.w30 .gallery-image{max-width:31%;width:auto;height:auto; vertical-align:top; display:inline;padding:1% 0.5% 0 0.5%;}
.w25 .gallery-image{max-width:23%;width:auto;height:auto; vertical-align:top; display:inline;padding:1% 0.5% 0 0.5%;}

.w50.hybrid .gallery-image:nth-of-type(n+3),
.w30.hybrid .gallery-image:nth-of-type(n+4),
.w25.hybrid .gallery-image:nth-of-type(n+5){max-width:98%;width:auto;height:auto; vertical-align:top; display:inline;padding:1% 0.5% 0 0.5%;}


.gallery-image:nth-of-type(1){}

.display-inline{display:inline}
.display-block{display:block}


.align-center { margin-left: auto!important; margin-right: auto!important; text-align: center!important; }
.align-justify { text-align: justify; }
.align-left { float: left; }

.align-right { float: right; }
.text-align-right { text-align: right; }




ol {
    list-style-type: none;
    list-style-type: decimal !ie; 
     
    margin: 0 0 50px 0;
    
    padding: 0;
     
    counter-reset: li-counter;
}
ol > li{
    position: relative;
    margin-bottom: 0px;
    padding-left: 1em;
     min-height: 25px;
}
ol > li:before {
    background: none repeat scroll 0 0 #ddd;
    border-radius: 50%;
    color: #fff;
    content: counter(li-counter, decimal);
    counter-increment: li-counter;
    font-size: 14px;
    font-weight: 100;
    height: 20px;
    left: -20px;
    line-height: 22px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
}
ol > li:hover:before,ol > li.current:before {
    background: none repeat scroll 0 0 #474c54;

}
ol > li a {
    opacity:0.5
}
ol > li:hover a,
ol > li.current a {
    opacity:1
}

ul.dotted + ul.dotted:before {
	content:'';
	display: block;
	clear: both;
	border-bottom: 1px dotted #bdbdbd;
	margin: -15px 0 5px;
}

#people{word-spacing: -1;}
.person img{width:100%;max-width:100%;margin-bottom: 20px !important; height:auto}
.person p{}
.person{    display: inline-block;margin:0 20px 20px 0;
    vertical-align: top;float:none!important;
    width: 217px !important;}
.person:nth-of-type(4){margin-right:0!important}
.link{cursor:pointer}
.link:hover{color:#aaa}
.link.visited{color:#aaa}





label {
	cursor: pointer;
	display: block;
	
	margin: 0 0 5px;
}

input, textarea, select {
	-webkit-appearance: none; 
	background-color: #f8f8f8;
	border: 1px solid #e8e8e8;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	color: #8f8f8f;
	
	padding: 5px 10px;
	border-radius: 0;
}

input, select {
	height: 30px;
	width: 200px;
}
#example_filter label{
  height: 20px;
    position: fixed;
    right: 30px;
    top: 22px;
    width: 104px;
	z-index:999999

}
#example_filter input{
    background: #dbdbdc none repeat scroll 0 0 !important;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #8f8f8f;
    height: 20px;
    margin: 0;
    padding: 2px;
    text-align: right!important;
    width: 100px;
}
#example_filter input:hover{color:#000!important}
textarea {
	padding: 10px;
	resize: both;
}
	input:hover, textarea:hover, select:hover { border-color: #dedede; }
	
	input:focus, textarea:focus, select:focus { border-color: #ccc; }

input[type="submit"], input[type="reset"], button {
	font-size: 13px;
	text-transform: uppercase;
}

	input[type="submit"].medium, input[type="reset"].medium{ font-size: 15px; }

	input[type="submit"].large, input[type="reset"].large{ font-size: 17px; }

select, option {
	cursor: pointer;
	padding: 5px 7px;
}

input[type="checkbox"], input[type="radio"],
.contact-form input[type="checkbox"], .contact-form input[type="radio"] { width: 20px; }


input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b0b0b0; }




.margin-top-0, #about-us{margin-top:0px!important;}
.margin-top-40{margin-top:40px!important;}

.float-none {
	float:none!important
}
.container-wide {

	width: 100%;

}
	.one-half, .one-third,.one-fourth, .two-fourth,.three-fourth {
		float: left;
		margin-right: 20px;
	}

	.one-third.last, .two-fourth.last,.one-fourth.last, .three-fourth.last { margin-right: 0px; }


	.one-half { width: 460px; }

	.one-third { width: 300px!important; }
.one-400 {width:400px; float:left}

		.two-third { width: 620px; }
.one-fifth { width: 168px; }
.one-fourth { width: 240px; }
.two-fourth { width: 460px; }
		.three-fourth { width: 700px; }

#header {
		height: auto;
	z-index: 97;
	text-align:center; 
	position:fixed;
	bottom:0; left:0; height:31px;
	background:#dbdbdc;
	width:100%;
	padding-top: 15px;
}


	#logo {
		
		width:165px; height:51px; overflow:hidden; margin:0px; display:block; text-indent:-99999px;
		 position:fixed; top:30px; left:30px; z-index:9999999
	}	
	

	#main-nav { width:auto!important;  display:block; text-align:left }

		#main-nav > ul {    border-top: 0 solid #efefef;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%; }

			#main-nav li {
				list-style: none;
				display:inline-block;
				margin: 0;
				position: relative;
			}

				#main-nav a {
					color:#000;
					
					font-weight: bold;
					display: block;
					letter-spacing: 0px;
					padding: 0px 17.5px 14px 17.5px;
					position: relative;
					text-align: center;
					z-index: 98;
				}



					#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a {color:#aaa}

					

			

				

				.no-js #main-nav li:hover > ul {
					display: block;
					top: 0px;
				}



					.not-ie #main-nav ul ul .current:after { display: none; }


		

		#main-nav .responsive-nav {
			background-image: url(../../../../../../../20180218103641im_/http_/www.mnpdesign.gr/assets/templates/be/img/responsive-nav-bg.html);
			background-position: center right;
			background-repeat: no-repeat;
			display: none;
			width: 100%;
		}

#content { padding: 140px 0; }
#distinctions h3{text-align:left;margin-bottom: 20px;margin-top: 30px}
#distinctions h3:nth-of-type(1){margin-top: 0px}
#distinctions .one-fourth{white-space: nowrap;    overflow:hidden;     text-overflow: ellipsis;}
#header-outter{border:0px;margin:0 auto 10px auto;  padding:0px; height:auto;}
.header-home{border-bottom:0px solid #efefef!important; position:absolute; z-index:999; overflow:hidden; top:0px;}
#socials{width:100%;height:40px;text-align:center}
#socials-title{color:#aaa;-webkit-transition: all .6s ease;
		   -moz-transition: all .6s ease;
			-ms-transition: all .6s ease;
			 -o-transition: all .6s ease;
				transition: all .6s ease;}
#socials-buttons{margin-top:10px; height:0;overflow:hidden;	opacity:0;	-webkit-transition: all .6s ease;
		   -moz-transition: all .6s ease;
			-ms-transition: all .6s ease;
			 -o-transition: all .6s ease;
				transition: all .6s ease;}
#socials:hover #socials-buttons{height:20px;opacity:1;}
#socials:hover #socials-title{color:#000}
#distinctions a .one-fourth{color:#000!important}
#distinctions a:hover .one-fourth{color:#aaa!important}
#distinctionsx a:visited .one-fourth,#distinctions a:hover .one-fourth{color:#aaa!important}


		.page-title {
			letter-spacing: -0.1px;
			margin-bottom: 0;

		}



			
	

	#main {
		float: left;
		margin: 0 40px 0 0;
		width: 960px;
		text-align:justify;
		text-align:left
	}

	#main .one-fourth { width: 155px; }
	.image-gallery-slider {
		position: relative;
		margin: 0 0 25px;
	}


.distinctions ul{margin:0 0 0px 0 ;padding:0;list-style:none}
.distinctions ul li{margin:0 0 0px 0;padding:0;list-style:none;}


	
	

	#back-to-top, .touch-device #back-to-top:hover {
		background: url(../../../../../../../20180218103612im_/http_/www.mnpdesign.gr/assets/templates/be/img/arrow-up-large.html) no-repeat center center;
		background-color: rgb(221, 221, 221);
		background-color: rgba(221, 221, 221, .7);
		bottom: 0px;
		color: transparent;
		display: none;
		font: 0/0 a;
		height: 46px;
		position: fixed;
		right: 0px;
		text-shadow: none;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
		width: 45px;
		z-index: 100;
	}

		#back-to-top:hover, .touch-device #back-to-top:active { background: url(../../../../../../../20180218105151im_/http_/www.mnpdesign.gr/assets/templates/be/img/wall-dark.html); }




	

	

 #portfolio-items > article {
			float: left;
			list-style: none;
			margin: 0 10px 0 0;
			overflow: hidden;
			position: relative;
		}
		
		.projects-carousel > li, .post-carousel > li { width: 220px; }

		.no-js .projects-carousel > li, .no-js #portfolio-items > article { margin-bottom: 10px; }

		.projects-carousel a, #portfolio-items article a {
			display: block;
			text-align: left;
		}
		
		.projects-carousel a { padding: 0px 0 0; }

		#portfolio-items article a, #portfolio-items article .audio-player, #portfolio-items article .video-player { margin: 0 auto; }

			.projects-carousel img, #portfolio-items article img {
				background-color: #fff;
				margin: 0 auto;
				filter: alpha(opacity=100); 
				opacity: 1;
			}

			.no-js .projects-carousel img, .no-js #portfolio-items article img { margin-bottom: 0; }

			.projects-carousel img { margin: -25px auto 20px; }

			.projects-carousel .title, #portfolio-items > article .title {
				font-weight: 400;
				margin-bottom: 0;
	margin-top: 10px; color:#888
			}

			.projects-carousel > li .categories, #portfolio-items > article .categories {
				color: #aeaeae;
				display: block;
				margin: 0px 0 10px 0;
			}


			

			.projects-carousel a:hover img, #portfolio-items > article:hover img {
				filter: alpha(opacity=100); 
				opacity: 1;
			}

			.projects-carousel a:hover .title, #portfolio-items > article:hover .title { color:  #2C2F34; }
.date-month{text-transform:uppercase; font-size:12px; margin-top:0px;}
.date-day{font-size:38px; color:#3F434A }

	

	.post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper { margin-bottom: 15px; }
.side-section-title{position:absolute; margin:50px 0 0 100px}
.side-section-title h2{font-weight: 400; font-size:12px; text-align:center; color:#000}

.entry-image, .entry-video, .entry-audio {
    display: block;
    margin: 0 auto 25px;
}


	.blog-pagination {
	margin: 20px 0 0 0; font-size:11px
	}
.blog-pagination .next{text-align:right;}
.blog-pagination .back{text-align:center;}
		.blog-pagination li {
			display: inline-block;
			list-style: none;
			line-height: 25px;
			margin: 0;font-size:14px;
	width:33%;display:inline-block;position:relative
		}
	.blog-pagination li	a.back-projects {
	position:relative;
	float: none;
	margin: 10px 0 0 0 ;
	overflow: hidden;
	
		}
.blog-pagination li a,.blog-pagination li a > *{color:#000}
.blog-pagination li a:hover,.blog-pagination li a:hover > *{color:#aaa}

.margin-0{margin-bottom:0px!important;margin-top:0px!important;}
.entry {
	border-bottom: 1px dotted #ced8df;
	margin: 0 0 50px;
	padding: 0 0 30px;
}

	.entry-image {
		display: block;
		margin: 0 auto 25px;
	}

	

					.entry-meta a:hover { color: #2C2F34; }

			

			a:hover > .post-format {
				background: url(../../../../../../../20180218105151im_/http_/www.mnpdesign.gr/assets/templates/be/img/wall-dark.html);;
				color: #fff;
			}



			
	
				.pagination a:hover {
					border-color: #e6edef;
					color: #2C2F34;
				}

		

#portfolio-items{margin-top:-5px}

			#portfolio-items-filter a:hover { background: #474747; }

#portfolio-items { margin: -5px -20px 40px 0; }

	#portfolio-items article { margin-bottom: 6px;  font-size: 10px;
    margin-bottom: 6px;
    text-transform: uppercase; }

	.isotope, .isotope .isotope-item {
		-webkit-transition-duration: 0.6s;
		   -moz-transition-duration: 0.6s;
			-ms-transition-duration: 0.6s;
			 -o-transition-duration: 0.6s;
				transition-duration: 0.6s;
		z-index: 2;
	}

	.isotope {
		-webkit-transition-property: height, width;
		   -moz-transition-property: height, width;
			-ms-transition-property: height, width;
			 -o-transition-property: height, width;
				transition-property: height, width;
	}

	.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform, opacity;
		   -moz-transition-property:	-moz-transform, opacity;
			-ms-transition-property:		 top, left, opacity;
			 -o-transition-property:		 top, left, opacity;
				transition-property:		 transform, opacity;
	}

	
	

	.project-title {
		color: #474747;
		font-size: 32px;
		font-weight: 400;
	}

	.portfolio-pagination {
		float: right;
	float: right;
	margin: -37px 0 0px 0;
	overflow: hidden;
	position:absolute;
	right:40px;	}
	
		.back-projects {
		float: right;
	float: right;
	margin: -34px 0 0px 0;
	overflow: hidden;
	position:absolute;
	right:5px;	}
	

		.portfolio-pagination li {
			display: inline-block;
			list-style: none;
			line-height: 25px;
			margin: 0;
		}

		.portfolio-pagination .prev {
			border-right: 1px solid #e8e8e8;
			margin: 0 10px 0 0;
			padding: 0 10px 0 0;
		}

		.single-project .page-header a:hover { color: #2C2F34; }

	




#map {
	
	margin: 0px 0 0 0;
	position: relative;
	padding:0%;
	width:100%;
	height:510px;
	overflow:hidden;
}

#map:before, #map:after {
	background: none;
	-webkit-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.1);
			box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.1);
	content: '';
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#map:after {
	bottom: 0;
	top: auto;
}
.contact-details{padding-top:29%}
.contact-details i{color: #474c54;}
.comments-form { max-width: 100%; }

.contact-form { margin: 0 -20px 0 0; }

	
.contactform{width:400px;display:none; margin-top:-220px; text-align:center; background:none; padding:0px 0px 20px 20px;  position:absolute; overflow:hidden;}
.contactform #contact-name,.contactform #myemail{width:29%; height:auto; padding:1%;   margin-right:1%; } 
.contactform #myPhone{width:29%; height:auto; padding:1%;  margin-right:0%; }
.contactform #mymessage {height:40px; padding:1%;  width:98%;}
.contactform #vericode{background-repeat:no-repeat; height:auto; padding:1%;  width:98%; background-position:right center}
.contactform h3{margin-bottom:10px}
.contactform input[type="submit"] {
    background: url("../../../../../../../20180218105151im_/http_/www.mnpdesign.gr/assets/templates/be/img/wall-dark.html") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-weight: 400;
    height: auto;
    overflow: visible;
    padding: 4px;
    transition: background-color 0.2s ease 0s;
    width: auto;
	font-size:11px;
	margin-top:10px!important;
}
.contactform input, .contactform textarea{text-align:left; margin-bottom:5px;}
	.contact-form .input-block:nth-of-type(3n), .comments-form .input-block:nth-of-type(3n) { margin-right: 0; }
		.contact-form.newsletter input[type="text"] { width: 128px; display:inline-block; color:#282B2E; border:1px solid #ccc; background:#fff;}

	.contact-form input[type="submit"], .comments-form input[type="submit"],
	.contact-form input[type="reset"], .comments-form input[type="reset"] {
		margin: 0 0 20px;
		width: auto;
	}
	.contact-form.newsletter input[type="submit"]{width: 60px; height:40px; border:1px solid #ccc; background:#fff;color:#282B2E; padding:7px 10px; margin: 0px 0 0 5px; display:inline-block}
		.contact-form.newsletter input[type="submit"]:hover{background:#313234; border:1px solid #777; color:#fff; }




	#sidebar {
		float: right;
		width: 220px;
	}
	
	.font-size-small, #sidebar p{font-size:80%; line-height:130%;}
	#sidebar h3{padding:10px 0; margin:0}
.font-size-14{font-size:14px}
.font-size-12{font-size:12px}

	
	


		








	x:-o-prefocus, .not-ie #footer:before { display: none; }



	
	

	.social-links { margin: 0; }

		.social-links li {
			display: inline-block;
			list-style: none;
			margin: 0 0 10px 8px;
			text-indent: -9999px;
		}
			
		.social-links li:nth-child(6n+1) { margin-left: 0; }

		.social-links li:nth-child(6n) { margin-right: 15px; }

		.social-links li:last-child { margin-right: 0; }

			.social-links a {
				background-repeat: no-repeat;
				background-position: 0 -16px;
				display: block;
				height: 16px;
				-webkit-transition: all 0.2s ease-out;
				   -moz-transition: all 0.2s ease-out;
					 -o-transition: all 0.2s ease-out;
					-ms-transition: all 0.2s ease-out;
						transition: all 0.2s ease-out;
				width: 20px;
			}



			.social-links li.facebook a { background-image: url(../../../../../../../20180218103059im_/http_/www.mnpdesign.gr/assets/templates/be/img/icon-facebook.html); }

			.social-links li.google a { background-image: url(../../../../../../../20180218103359im_/http_/www.mnpdesign.gr/assets/templates/be/img/icon-google.html); }

			.social-links li.linkedin a { background-image: url(../../../../../../../20180218103635im_/http_/www.mnpdesign.gr/assets/templates/be/img/icon-linkedin.html); }

			.social-links li.skype a { background-image: url(../../../../../../../20180218103341im_/http_/www.mnpdesign.gr/assets/templates/be/img/icon-skype.html); }

			.social-links li.youtube a {
				background-image: url(../../../../../../../20180218103105im_/http_/www.mnpdesign.gr/assets/templates/be/img/icon-youtube.html);
				background-position: 0 -15px;
				height: 15px;
			}

			.social-links li a:hover { background-position: 0 0; }
			
	
	

	#footer .button:hover, #footer input[type="submit"]:hover #footer input[type="reset"]:hover, #footer button:hover {
		background: #ddd;
		color: #474747;
	}

	#footer .infobox { color: #868686; }
#footer h3 {
    font-size: 14px;
    margin: 10px 0 5px;
}






#footer-bottom {
	 margin:0 auto;
	line-height: 17px;
	margin-top:23px;
	padding: 20px 0 40px 0;
	border-top:1px solid #ddd; 
	font-size:12px
}
#footer-bottom p {font-size:11px; line-height:18px;}

#footer-bottom hr{background:#ccc}
	#footer-bottom ul { margin: 0; }

		#footer-bottom li {
			float: left;
			list-style: none;
			margin: 0;
		}
			
			 #footer-bottom li:first-child { margin-right: 0px; }
			
			#footer-bottom li a {
				border-left: 1px solid #ddd;
				display: block;
				font-size: 10px;
				line-height: 11px;
				margin-top: 4px;
				padding: 0 8px;
			}

			 #footer-bottom li:first-child a {
				border-left: none;
				padding-left: 0;
			}

				#footer-bottom li:last-child a { padding-right: 0; }



.owl-portfolio .owl-controls {text-align:left!important; margin:0!important}
#owl-demo .item{margin: 0px;}


.owl-theme .owl-controls .owl-buttons div {
    background: none!important;
    
    border-radius: 30px;
    color: #000!important;
    display: inline-block;
    font-size: 22px!important;
    margin: 5px;
    opacity: 0.5!important;
    padding:0px!important;
    text-align: center;
}
.margin-auto{margin:0 auto!important; float:none!important}
.center-box{margin:0 auto!important;width:650px; float:none!important}
.margin-auto-960{width:960px!important} 
label select:hover,label textarea:hover,label input:hover{background:#474c54}
.back
{
  position: fixed;
  bottom: 0;
  left: 0;	
  z-index: 0;
  width: 1000px;
}

#menu-trigger{display:none}


/*! Gray v1.4.2 (https://github.com/karlhorky/gray) | MIT */
.bggrayscale {
  /* Firefox 10-34 */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(1);

  /* Firefox 35+ */
  filter: grayscale(1);

  /* IE 6-9 */
  filter: gray;
}

.bggrayscale.bggrayscale-fade {
  transition: filter .5s;
}

/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .bggrayscale.bggrayscale-fade {
    -webkit-transition: -webkit-filter .5s;
    transition:         -webkit-filter .5s;
  }
}

.bggrayscale.bggrayscale-off,
.bggrayscale.bggrayscale-fade:hover {
  -webkit-filter: grayscale(0);
  filter:         grayscale(0);
}

/* Background element */
.bggrayscale.bggrayscale-replaced {
  -webkit-filter: none;
  filter:         none;
}

.bggrayscale.bggrayscale-replaced > svg {
  -webkit-transition: opacity .5s ease;
  transition:         opacity .5s ease;
  opacity: 1;
}

.bggrayscale.bggrayscale-replaced.bggrayscale-off > svg,
.bggrayscale.bggrayscale-replaced.bggrayscale-fade:hover > svg {
  opacity: 0;
}


@media only screen and (max-width: 959px) {
	#logo {left:2%}
	.center-box,#main,.margin-auto-960{width:100%!important} 
	.container{width:96%!important;padding:140px 2% 80px 2%!important} 
	.gallery-image{margin:0 0 20px 0!important; padding:0!important; width:auto!important; height:auto!important; max-width:100%!important;}
	.one-fourth { width: 25%; }
	.entry{padding:0;margin:0 0 10% 0}
	#example_filter label{text-align:right!important; 2% !important}
	.person:nth-of-type(4){margin-right:20px!important}
	#example_filter label input{text-align:right!important;}
}


@media only screen and (min-width: 768px) and (max-width: 959px) {

	.person{    margin: 2% !important;
    width: 28% !important;}
}


@media only screen and (max-width: 767px) {
    #logo{display: block;
    height: 43px;
		
    position: absolute;
    top: 25px;
    width: 140px;
	}
	#work-title h1{display:none}
	#work-title h2{font-size: 16px;font-weight: bold;    line-height: 18px;   }
	.blog-pagination .back,header.center-box p{display:none}
	.blog-pagination li{width:50%}
	#example_filter label {right:2% !important;text-align:right!important;top: -224px;position:absolute}
	#distinctions h3{text-align:center}
	#gallery-container > div,#gallery-container{width:100%;margin:0}
	.person{    margin: 2% !important;
    width: 45% !important;}
	.no-js #main-nav > ul, #main-nav .responsive-nav { display: none; }
	#main-nav a:after, #main-nav { display: none; }
	#main-nav li {display: block;}
	#content.container{padding-top:80px;}
	#content.container h1{margin-bottom:80px}
	#header{height:auto}
	#main-nav > ul {padding: 20px 0 10px 0;display: block;}
	#menu-trigger{font-size: 13px; line-height: 13px; cursor:pointer; font-weight: bold;display:block; padding: 8px 0 5px 0;}
	#menu-trigger:hover{color:#aaa}
	#main-nav a:after { content: ''; }			
	.responsive-nav{margin-bottom:15px}
	#main-nav{padding-bottom:15px}
	#header{padding:10px 0!important}
	#distinctions .clearfix .one-fourth{    display: inline !important;   margin: 0 2px 0 0;white-space:normal;    width: auto;}
	#distinctions .clearfix{margin-bottom:10px}
	#example_filter label input {text-align:right!important;}
	#distinctions #example h3{text-align:left}
    

}
@media only screen and (min-width: 480px) and (max-width: 565px) {
	tbody tr td:nth-child(3){display:none}
	thead tr th:nth-child(3){display:none}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
		

}


@media only screen and (max-width: 479px) {
	#example_filter label input {text-align:right!important;}
	#distinctionsx .clearfix .one-fourth:nth-child(3){display:none}
	tbody tr td:nth-child(3),tbody tr td:nth-child(2){display:none}
	thead tr th:nth-child(3),thead tr th:nth-child(2){display:none}
	tbody tr td:nth-child(1),thead tr th:nth-child(1){width:82%}
	tbody tr td:nth-child(4),thead tr th:nth-child(4){width:15%}
	thead tr th,tbody tr td{width:32%;overflow: hidden; display:inline-block;}

	.person{margin: 0 0 40px 0!important;width: 100% !important; display:block!important}
}



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

}


/*
     FILE ARCHIVED ON 12:59:59 Feb 03, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:05:23 May 07, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  CDXLines.iter: 20.395 (3)
  esindex: 0.016
  exclusion.robots: 0.213
  load_resource: 418.618 (2)
  PetaboxLoader3.datanode: 392.632 (5)
  PetaboxLoader3.resolve: 273.53 (2)
  captures_list: 361.099
  exclusion.robots.policy: 0.198
  LoadShardBlock: 332.932 (3)
  RedisCDXSource: 4.134
*/