html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('../fonts/proximanova-regular-pronova.eot');
    src: url('../fonts/proximanova-regular-pronova.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-pronova.woff') format('woff'),
         url('../fonts/proximanova-regular-pronova.ttf') format('truetype'),
         url('../fonts/proximanova-regular-pronova.svg#ProximaNovaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaSemibold';
    src: url('../fonts/proximanova-semibold-pronova.eot');
    src: url('../fonts/proximanova-semibold-pronova.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-semibold-pronova.woff') format('woff'),
         url('../fonts/proximanova-semibold-pronova.ttf') format('truetype'),
         url('../fonts/proximanova-semibold-pronova.svg#ProximaNovaSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaRegularItalic';
    src: url('../fonts/proximanova-regularitalic-pronova.eot');
    src: url('../fonts/proximanova-regularitalic-pronova.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regularitalic-pronova.woff') format('woff'),
         url('../fonts/proximanova-regularitalic-pronova.ttf') format('truetype'),
         url('../fonts/proximanova-regularitalic-pronova.svg#ProximaNovaRegularItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle}
label,input[type=button],input[type=submit],button{cursor:pointer}
textarea{overflow:auto}
button,input,select,textarea{margin:0}
button{width:auto;overflow:visible}
html{-webkit-font-smoothing:antialiased;/*text-rendering: optimizeLegibility;*/}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
/** html .clearfix,*:first-child+html .clearfix{zoom:1}*/

body{color:#555;background-color:#232323;font-size:13px;font-weight:normal;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
/*font-family: 'ProximaNovaSemibold';}*//*szürke:#818176*/}
body a{ outline:none;}

/*SITE LOADER*/
.QOverlay {background-color: #232323;z-index: 9999999;}

.QLoader {background-color: #e53212;height: 1px;}

#ma{padding-top:40px}
#ma header.global{width:1100px;padding:0 50px;margin:auto;background-color:#232323}
#ma header.global .nav-wrapper{display:block;width:100%;height:99px;position:absolute;top:0px;left:0px;}
#ma header.global .nav-wrapper .inside{width:1200px;height:99px;margin:auto;background-color:#232323}

#ma header.global nav.contact{float:right; margin:0 30px 0 0;/*text-shadow:0px 1px 1px rgba(0, 0, 0, 0.9)*/}
#ma header.global nav.contact ul{margin-left:0px}
#ma header.global nav.contact ul li{margin-right:75px;line-height:16px}/*margin-right:40px*/
#ma header.global nav.contact ul li h2{font-size:11px;color:#018fa5;font-weight:normal}/*pink:b81763      818176      narancs:e53212*/
#ma header.global nav.contact ul li a{font-size:11px;font-weight:normal;text-decoration:none;border-bottom:solid 1px #505050;padding-bottom:2px; color:#018fa5;}
#ma header.global nav.contact ul li a:hover{color:#018fa5;/*text-shadow:0px 0px 2px rgba(255, 255, 255, 0.5);*/border-bottom:solid 1px #018fa5}/* pink: b81763*/

#ma header.global nav.main{float:left;}
#ma header.global nav.main ul{margin-right:50px}
#ma header.global nav.main ul li{margin-left:50px}
#ma header.global nav.main ul li a{/*background: none;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);*/
	display:block;margin-top:1px;padding:0px 15px 2px 0;font-size:11px;font-weight:normal;line-height:32px;text-decoration:none;
	border-bottom:solid 1px #505050;
	color:#018fa5;/*pink: b81763   ee1b7a*/
	}
#ma header.global nav.main ul li a.active{opacity:0.3;cursor:default;}
#ma header.global nav.main ul li a.link-portfolio span{padding-right:10px;background: url('../images/rarr.gif') no-repeat 100% 45%; color:#018fa5;}/*pink: b81763*/
#ma header.global nav.main ul li a.link-home span{padding-left:12px;background: url('../images/larr.gif') no-repeat 0% 45%}
#ma header.global nav.main ul li a:hover{border-bottom:solid 1px #018fa5;/*pink_: b81763    box-shadow:0px 0px 5px rgba(238, 27, 132, 0.5);-webkit-box-shadow:0px 0px 5px rgba(238, 27, 132, 0.5);-moz-box-shadow:0px 0px 5px rgba(238, 27, 132, 0.5)*/}
#ma header.global nav ul{padding:32px 0}
#ma header.global nav ul li{float:left;list-style:none}
#ma header.global h1{padding-top:70px; font-family: 'ProximaNovaSemibold', Arial;font-size:36px;font-weight:normal;color:#818176;width:158px;height:54px;display:block; text-decoration:none;cursor:default
	/*background-image:url('../images/pixel_ma_logo_big');text-indent: -9999em*/}
#ma header.global h1 a{ font-family: 'ProximaNovaSemibold', Arial;font-size:36px;font-weight:normal;color:#818176;width:158px;height:54px;display:block; text-decoration:none;
	/*background-image:url('../images/pixel_ma_logo_big');text-indent: -9999em*/}
#ma header.global h1 a span{display:none}
#ma header.global h1 a.inactive{cursor:default}

#body{background:#232323;padding:0 50px;width:1100px;margin:auto;overflow:hidden;position:relative}
#body #homepage{padding-top:0px;display:none;width:1100px;padding:0 50px;margin:auto;}
#body #homepage p.text-replacement.body-copy{/*background:url('../images/min01_round.png') no-repeat 500px 30px;*/text-indent: -9999em;width:1100px;height:700px;display:block;margin:0; }
#body #homepage p.text-replacement.body-copy span{display:block;}
#body #homepage .services{margin:40px 0 100px 0;}
#body #homepage .services .service{margin-bottom:35px;line-height:22px;width:480px}
#body #homepage .services .service .right{float:right; right:0; margin-right:-300px;}
#body #homepage .services .service .left{float:left; right:0;}
#body #homepage .services .service header{font-size:20px;font-weight:normal;margin-bottom:5px;color:#818176;font-family: 'ProximaNovaSemibold', Arial;}
#body #homepage .services .service ul{list-style:none;}
#body #homepage .services .service ul li:before{content:"\203A";margin-right:5px;}/*\2014*/
#body #homepage .services .service ul li {color:#818176;font-family: 'ProximaNovaRegularItalic', Arial;font-size:16px;font-weight:normal;}

#body #homepage .services .service p {color:#818176;font-family: 'ProximaNovaRegularItalic', Arial;font-size:16px;font-weight:normal;}
#body #homepage .services .service p a{color:#818176;text-decoration:none;}
#body #homepage .services .service p a:hover{text-decoration:underline}
#body #homepage .services .service p a span{color:#018fa5;text-decoration:none;}
#body #homepage .services .service p a span:hover{color:#018fa5;text-decoration:underline;}

/*LATEST WORK*/
#body #homepage .latestworks{float:left;margin: 40px 0 35px 0;line-height:22px;width:1100px;/* border-top:1px solid #505050;*/}
#body #homepage .latestworks header{ width:160px;font-size:18px;font-weight:normal;color:#818176;font-family: 'ProximaNovaSemibold', Arial;border-top:1px solid #505050; padding: 10px 0;text-transform:uppercase;line-height: 16px;}
#body #homepage .latestworks header span{font-size:14px;font-weight:normal;margin-bottom:5px;color:#008fa4;font-family: 'ProximaNovaSemibold', Arial; font-style: italic; text-transform:lowercase;}
#body #homepage .latestworks h2{font-family: 'ProximaNovaSemibold', Arial;font-size:18px;font-weight:normal;color:#818176; text-transform:uppercase; float:left;padding:15px 0px 5px 0;}

#body #homepage .latestworks .latest_img{float:left; width:346px; height:198px; background:#505050; margin: 0 0 20px 0;position:relative; cursor:pointer;}

#body #homepage .latestworks .latest_img .more_holder{float:left; width:120px; height:120px;border-radius: 60px; position:absolute; top:40px; left:123px;opacity:0;}
#body #homepage .latestworks .latest_img .more_bg{float:left; width:120px; height:120px; background:#008fa4;border-radius: 60px; position:absolute; top:0; left:0; opacity:0.25;}
#body #homepage .latestworks .latest_img .more {float:left; width:100px; height:100px; background:#008fa4;border-radius: 50px; position:absolute; top:10px; left:10px;}
#body #homepage .latestworks .latest_img .more span{ position:absolute; color:#ff8201; text-transform:uppercase; font-size:22px;top:42px; left:0; z-index:1000; width:100%; text-align:center; font-weight:normal;font-family: 'ProximaNovaSemibold', Arial;}
#body #homepage .latestworks .latest_img a{float:left;width:346px; height:198px;}

#body #homepage .latestworks ul.workimages{list-style:none; padding:0 0 20px 0;margin: 10px 0 0;}
#body #homepage .latestworks ul.workimages li{float:left; display:inline; margin: 0 31px 0 0;width:346px; }
#body #homepage .latestworks ul.workimages li.last{margin: 0;}
#body #homepage .latestworks ul.workimages li img{margin: 5px;}
#body #homepage .latestworks ul.workimages ul li{font-size:15px;color:#818176;font-family: 'ProximaNovaRegularItalic', Arial;font-weight:normal;padding:0 0 0 20px;}
#body #homepage .latestworks p{font-size:15px;color:#818176;font-family: 'ProximaNovaRegularItalic', Arial;font-weight:normal;padding:0 0 5px 20px;border-bottom:1px solid #505050;}

/*FOOTER*/
#body #homepage .footercontact{float:left;margin:0;line-height:22px;width:1100px;  padding:15px 0 0 0; height:96px;}
#body #homepage .footercontact ul{list-style:none; width:320px; margin:0 auto;}
#body #homepage .footercontact ul li{float:left; width:96px; height:96px; display:inline; margin:0 15px 0 0;-webkit-border-radius: 48px; -moz-border-radius: 48px; border-radius: 48px;}
#body #homepage .footercontact ul li.mail{background:#818176 url('../images/footer_contact.png') no-repeat 0 0;}
#body #homepage .footercontact ul li.fb{background:#818176 url('../images/footer_fb.png') no-repeat 0 0;}
#body #homepage .footercontact ul li.tweet{background:#818176 url('../images/footer_tw.png') no-repeat 0 0;margin: 0;}

#body #homepage .seasons{ float:left; width:378px; height:378px;margin: -35px 0 0 20px;}
#to_selected span{padding:0 0 0 12px;background: url('../images/rarr.gif') no-repeat 0% 30%;}/*pink: b81763*/

#body #portfolio{padding-top:20px;position:relative;width:1100px;padding:0 50px;margin:auto;top:1000px;}
#body #portfolio .controls{position:fixed;bottom:20px;left:50%;margin-left:300px;width:250px}
#body #portfolio .controls hr{padding:0;margin:10px 1px;background:white;border:none;border-top:solid 1px #dadada}
#body #portfolio .controls a{color:#959595;font-size:11px;text-decoration:none;line-height:15px}
#body #portfolio .controls a:before{margin-right:5px}
#body #portfolio .controls a.next:before{content:'\2193 ';position:relative;top: -2px;left:0px}
#body #portfolio .controls a.next.alt:before{content:'\21d1 ';top:0px;font-size:14px}
#body #portfolio .controls a.previous:before{content:'\2191 ';line-height:10px;position:relative;top: -2px;left:0px}
#body #portfolio .controls a.previous.alt:before{content:'\21d3 ';font-size:14px;top:0px}
#body #portfolio .controls a.top{position:absolute;bottom:0px;right:0px}
#body #portfolio .controls a.top:before{content:'\21d1 ';font-size:14px}
#body #portfolio .piece{position:relative;padding-top:25px;padding-bottom:25px}
#body #portfolio .piece .description{position:absolute;top:0px;width:250px;line-height:1.6em}
#body #portfolio .piece .description header{padding-top:46px;padding-bottom:20px}
#body #portfolio .piece .description header h1{font-family: 'ProximaNovaSemibold', Arial;font-size:20px;font-weight:normal;color:#818176; text-transform:uppercase;}
#body #portfolio .piece .description h2{font-family: 'ProximaNovaSemibold', Arial;font-size:18px;font-weight:normal;color:#818176; text-transform:uppercase;border-top:solid 1px #343434;padding:23px 0px 16px 0;}
#body #portfolio .piece .description header a{color:#818176;line-height:24px;text-decoration:none; }
#body #portfolio .piece .description header a:hover{text-decoration:underline}
#body #portfolio .piece .description p{border-top:solid 1px #343434;padding:23px 0px 16px 20px;color:#818176;font-family: 'ProximaNovaRegularItalic', Arial;font-size:16px;font-weight:normal;}
#body #portfolio .piece .description p a{color:#018fa5;text-decoration:none;}/*link grey: #818176-*/
#body #portfolio .piece .description p a:hover{text-decoration:underline}
#body #portfolio .piece .description ul{list-style:none; padding:0 0 20px 0;}
#body #portfolio .piece .description ul li{font-size:15px;color:#818176;font-family: 'ProximaNovaRegularItalic', Arial;font-weight:normal;padding:0 0 0 20px;}
#body #portfolio .piece .slide{padding-bottom:40px}

#body #portfolio .piece .slide img,
#body #portfolio .piece .slide span.placeholder{display:block; overflow:hidden;}

#ma footer.global{background:#232323;width:100%;padding:20px 0 5px;margin:0;position:relative;/*display:none;*/}
#ma footer.global .inside{/*border-top:solid 1px #ccc;*/width:100%;padding-top:30px;padding-bottom:50px;color:#818176;font-family: 'ProximaNovaRegularItalic', Arial;font-size:14px;font-weight:normal;}
#ma footer.global .inside .copyright{width:100%;text-align:center;}
/*#ma footer.global .inside .top{float:right}*/
#ma .top{position: fixed;bottom: 50px;right: 30px;}
#ma .top a{color:#818176;text-decoration:none;color:#818176;font-family: 'ProximaNovaRegular', Arial;font-size:16px;font-weight:normal;}
#ma footer.global .inside a{color:#818176;text-decoration:none}
#ma footer.global .inside a:hover{text-decoration:underline}



#loaded{position:absolute;top:164px;left:50%;margin-left:-550px;font-weight:normal; z-index:2;
background-image:url('../images/loader.gif');background-repeat:no-repeat;background-position:top left;padding-left:20px;font-size:12px;line-height:17px;color:#818176;
}
#loaded span:after{content:'%'}


.ie7 #body #homepage .services .service header h3,
.ie8 #body #homepage .services .service header h3,
.ie9 #body #homepage .services .service header h3{background:#232323}

.ie7 #body #portfolio .piece .description,
.ie8 #body #portfolio .piece .description,
.ie9 #body #portfolio .piece .description{right:0}

.ie7 #body #portfolio .piece .description header h1,
.ie8 #body #portfolio .piece .description header h1,
.ie7 #body #portfolio .piece .description ul li,
.ie8 #body #portfolio .piece .description ul li,
.ie9 #body #portfolio .piece .description ul li{background:#232323}

#homepage .body-copy,
#homepage .services
/*header.global h1*/{opacity:0}

/*

.lazy {
  display: none;
}*/


  /* @media only screen and (min-width: 480px) and (max-width: 767px) {*/
		@media only screen and (max-width: 767px){
		
#ma{padding-top:10px}
#ma header.global{width:auto;padding:0 10px;margin:auto;background-color:#232323}
#ma header.global .nav-wrapper{display:block;width:100%;height:99px;position:absolute;top:0px;left:0px;}
#ma header.global .nav-wrapper .inside{width:auto;height:99px;margin:auto;background-color:#232323}	

#ma header.global nav.contact{float:right; margin:0;/*text-shadow:0px 1px 1px rgba(0, 0, 0, 0.9)*/}
#ma header.global nav.contact ul{margin-left:0px}
#ma header.global nav.contact ul li{margin-right:20px;line-height:16px}

#ma header.global nav.main{float:left;}
#ma header.global nav.main ul{margin-right:10px}
#ma header.global nav.main ul li{margin-left:30px}

#ma header.global nav ul{padding:32px 0}
#ma header.global nav ul li{float:left;list-style:none}
#ma header.global h1{padding:100px 0 0 20px;}
#ma header.global h1 a{ font-family: 'ProximaNovaSemibold';font-size:36px;font-weight:normal;color:#818176;width:158px;height:54px;display:block; text-decoration:none;
	/*background-image:url('../images/pixel_ma_logo_big');text-indent: -9999em*/}
#ma header.global h1 a span{display:none}
#ma header.global h1 a.inactive{cursor:default}

#body{background:#232323;padding:0 20px;width:480px;margin:auto;overflow:hidden;position:relative}
#body #homepage{padding-top:0px;display:none;width:480px;padding:0 20px;margin:auto;}
#body #homepage p.text-replacement.body-copy{text-indent: -9999em;width:480px;height:300px;display:block;margin:0; }
#body #homepage p.text-replacement.body-copy span{display:block;}
#body #homepage .services{margin:-250px 0 100px 20px;}
#body #homepage .services .service{margin:0 20px 35px 10px;line-height:22px;width:400px}
#body #homepage .services .service .right{float:right; right:0; margin-right:0;}
#body #homepage .services .service .left{float:left; right:0;}
#body #homepage .services .service header{font-size:20px;font-weight:normal;margin-bottom:5px;color:#818176;font-family: 'ProximaNovaSemibold';}
#body #homepage .services .service ul{list-style:none;}
#body #homepage .services .service ul li:before{content:"\203A";margin-right:5px;}/*\2014*/
#body #homepage .services .service ul li {color:#818176;font-family: 'ProximaNovaRegularItalic';font-size:16px;font-weight:normal;}
#body #homepage .services .service p {color:#818176;font-family: 'ProximaNovaRegularItalic';font-size:16px;font-weight:normal; text-align:justify;}
#body #homepage .services .service p a{color:#818176;text-decoration:none;}
#body #homepage .services .service p a:hover{text-decoration:underline}
	

#body #portfolio .piece .slide span.placeholder{display:block; overflow:hidden; margin:0;height:200px; }	
#body #portfolio .piece .slide img{display:block; overflow:hidden; width:30%; height:30%;  margin:0;

-moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
#body #portfolio .piece .slide span{
    content: " (" attr(data-width) ")";

}
#body #portfolio{padding-top:20px;position:relative;width:480px;padding:0 30px;margin:auto;top:1000px;}
#body #portfolio .controls{position:fixed;bottom:20px;left:50%;margin-left:300px;width:150px}
#body #portfolio .controls hr{padding:0;margin:10px 1px;background:white;border:none;border-top:solid 1px #dadada}
#body #portfolio .controls a{color:#959595;font-size:11px;text-decoration:none;line-height:15px}
#body #portfolio .controls a:before{margin-right:5px}
#body #portfolio .controls a.next:before{content:'\2193 ';position:relative;top: -2px;left:0px}
#body #portfolio .controls a.next.alt:before{content:'\21d1 ';top:0px;font-size:14px}
#body #portfolio .controls a.previous:before{content:'\2191 ';line-height:10px;position:relative;top: -2px;left:0px}
#body #portfolio .controls a.previous.alt:before{content:'\21d3 ';font-size:14px;top:0px}
#body #portfolio .controls a.top{position:absolute;bottom:0px;right:0px}
#body #portfolio .controls a.top:before{content:'\21d1 ';font-size:14px}
#body #portfolio .piece{position:relative;padding:25px 0 25px 0; margin:0;}
#body #portfolio .piece .description{position:absolute;top:0px;width:150px;line-height:1.6em;margin:0 60px 0 0;}
#body #portfolio .piece .description header{padding:46px 0 20px 0;}
#body #portfolio .piece .description header h1{font-family: 'ProximaNovaSemibold';font-size:20px;font-weight:normal;color:#818176; text-transform:uppercase;}
#body #portfolio .piece .description h2{font-family: 'ProximaNovaSemibold';font-size:18px;font-weight:normal;color:#818176; text-transform:uppercase;border-top:solid 1px #343434;padding:23px 0px 16px 0;}
#body #portfolio .piece .description header a{color:#818176;line-height:24px;text-decoration:none; }
#body #portfolio .piece .description header a:hover{text-decoration:underline}
#body #portfolio .piece .description p{border-top:solid 1px #343434;padding:23px 0px 16px 0;color:#818176;font-family: 'ProximaNovaRegularItalic';font-size:16px;font-weight:normal;}
#body #portfolio .piece .description p a{color:#818176;text-decoration:none;}
#body #portfolio .piece .description p a:hover{text-decoration:underline}
#body #portfolio .piece .description ul{list-style:none; padding:0 0 20px 0;}
#body #portfolio .piece .description ul li{font-size:15px;color:#818176;font-family: 'ProximaNovaRegularItalic';font-weight:normal;padding:0;}
#body #portfolio .piece .slide{padding-bottom:40px}


		}