body {background:#fafafa; font-family: 'Advent Pro', sans-serif;}
a {color:inherit; text-decoration:none}
p {font-size:20px; line-height:24px; margin-top:5px;}


@media only screen and (max-device-width: 480px) {
	.hidesmall {display:none;}
	#menumob {position:fixed; width:100%; z-index:3;}
	#menumob .part a.top {margin-bottom:12px}
	#menumob.plaka {background:rgb(45,52,47); border-bottom:1px solid rgb(65,72,67);}
	#menumob.plaka .part {padding:5px 2px}
	#menumob.plaka a {font-size:14px}
	#menumob.plaka .part a.top {margin-bottom:7px}
	#menumob .part {padding:20px; width:50%; float:left; box-sizing: border-box;}
	#menumob .part:last-child {width:50%; float:left; text-align:right}
	#menumob .part a {display:block; color:#fff;}

	#top-ribbon {padding:50px 20px;}
	#abstract {clear:both;}
	.third {display:none}
	.third.first {display:block; width:100%; background-size:contain!important}
	.third img {width:100%; display:block; opacity:0}
	#middle-text {width:100%; float:left; margin-top:10px!important;}
	#logosplace {width:100%; float:right; background:#000; clear:both;}
	#logosplace .logo {width:25%; float:left; background:rgb(45,52,47); text-align:center;  transition:.3s;}
	#logosplace .logo img {opacity:1; width:70%; }
	#centerme {margin:0 20px}
	#logosplace .logo {width:25%; float:left; background:rgb(45,52,47); text-align:center;  transition:.3s;}
	#logosplace .logo img {opacity:1; width:70%; }
	#bottom-ribbon {padding:30px 20px; position:relative; left:0;}
	#bottom-ribbon.toleft {left:-400px;}
	#contact {background:#fff; padding:30px 20px;}
	#contact a { border-bottom:1px dotted rgb(45,52,47); padding-bottom:3px; margin-bottom:5px; display:inline-block}
	#works .work {width:25%; float:left; background:#000}
}
@media only screen and (min-device-width: 481px) {
	.hidebig {display:none;}

	#top-ribbon {padding:100px 0;}
	#abstract {background:url(/img/p/photo4.jpg) left bottom no-repeat; background-size:33.3333333%; height:auto; min-height:400px;}
	.third {width:33.33333333%;float:left; }
	.third img {width:100%; display:block; opacity:0}
	#middle-text {width:33%; float:left; height:100%; }
	#logosplace {width:66.66666666%; float:right; background:#000}
	#logosplace .logo {width:25%; float:left; background:rgb(45,52,47); text-align:center;  transition:.3s;}
	#logosplace .logo img {opacity:1; width:70%; }
	#centerme {margin-left:40px}
	#logosplace .logo {width:25%; float:left; background:rgb(45,52,47); text-align:center;  transition:.3s;}
	#logosplace .logo img {opacity:1; width:70%; }
	#bottom-ribbon {padding:100px 0; position:relative; left:0;}
	#bottom-ribbon.toleft {left:-400px;}
	#contact {background:#fff; padding:120px 0;}
	#contact a { border-bottom:1px dotted rgb(45,52,47); padding-bottom:3px; margin-bottom:5px; display:inline-block}
	#works .work {width:16.666666666%; float:left; background:#000}
}


.clear {clear:both}
.text-center {text-align:center}
.strong {font-weight:bold}

	#preloader {position:fixed; top:0; left:0; right:0; bottom:0; background:#000 url('/img/ico_loading.gif') center center no-repeat; z-index:10;}
	#imageviewer {position:fixed; width:2px; background:#000; height:2px; background-position:center center; background-repeat:no-repeat; overflow:hidden; z-index:20; border:1px solid #fff;}
	#imageviewer a {position:absolute; top:20px; right:30px; width:20px; height:20px; display:inline-block; color:#fff; font-size:60px;}

	#mainlogo {background:url(/img/Logo_guru.png) center center no-repeat; background-size:120px 120px; width:120px; height:90px; position:fixed; left:50%; margin-left:-60px; display:inline-block; z-index:4}
	#mainlogo.left {background-size:80px 80px; height:42px; background-position: center -20px}

	#menu {text-align:center; position:fixed; width:100%; top:0; left:0; font-family: 'Roboto Slab', serif; z-index:3}
	#menu.full a {text-align:center; width:10%; min-width:90px; max-width:120px; color:#fafafa; display:inline-block; height:100px; vertical-align:top; line-height:85px}

	#menu.plaka {background:rgb(45,52,47); border-bottom:1px solid rgb(65,72,67)}
	#menu.plaka a {text-align:center; width:10%; min-width:90px; max-width:120px; color:#fafafa; display:inline-block; height:42px; vertical-align:top; line-height:40px}

	#top-panel {
		background-image:url(/img/photo_header.jpg);
		background-position:center 0;
		background-repeat:no-repeat;
		background-attachment:fixed;
		background-size:cover!important;
		overflow:hidden;
		min-height:400px;
		width:100%;
	}
	#top-panel img {opacity:0.0; width:100%}
	.text-region {background:#fafafa; padding:20px 0; margin:0 auto; max-width:690px; color:rgb(51,51,51)}
	.container {margin:0 auto; max-width:690px; color:rgb(51,51,51)}
	.text-region .title, .container .title {font-size:22px; font-weight:bold; text-align:center}
	.text-region .body, .container .body {font-size:20px; margin-top:15px;}




	#main-panel {}
	#works {background:#000}
	#works .work a {position:relative; display:block;}
	#works .work img {opacity:1; width:100%; display:block; border:1px solid #fff; box-sizing:border-box; }
	#footer a { border-bottom:1px dotted rgb(45,52,47); padding-bottom:3px; margin-bottom:5px; display:inline-block}
	#footer {background:#f6f6f6; padding:20px 0; border-top:1px solid #eaeaea;}


.loader {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:url('/img/ico_loading.gif') center center no-repeat; z-index:10;}

.bg-static {background-attachment:fixed!important}

.desaturate { opacity:.5!important; -webkit-filter:grayscale(100%); filter:grayscale(100%);}
.invisible {opacity:0!important}
.blur {-webkit-filter:blur(15px); -moz-filter:blur(15px); -o-filter:blur(15px); -ms-filter:blur(15px); filter:blur(15px);}
.unblur {-webkit-filter:blur(0); -moz-filter:blur(0); -o-filter:blur(0); -ms-filter:blur(0); filter:blur(0);}

.trans-30 {transition:all 3s cubic-bezier(0.000, 0.000, 0.565, 0.915);}
.trans-20 {transition:all 2s cubic-bezier(0.000, 0.000, 0.565, 0.915);}
.trans-10 {transition:all 1s cubic-bezier(0.000, 0.000, 0.565, 0.915);}
.trans-5 {transition:all .5s cubic-bezier(0.000, 0.000, 0.565, 0.915);}
.trans-3 {transition:all .3s cubic-bezier(0.000, 0.000, 0.565, 0.915);}
.trans-2 {transition:all .2s cubic-bezier(0.000, 0.000, 0.565, 0.915);}
.trans-1 {transition:all .1s cubic-bezier(0.000, 0.000, 0.565, 0.915);}


.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

.espa {
	text-align: center;
    margin: auto;
}

.espa img {
	max-width: 100%;
}
/*#menu.full { top:95px !important; }
#mainlogo.sticklogo { top:0px; }*/
#menu .espa a { max-width: 100%; min-width: unset; width: auto; }
#mainlogo { top:100px; }
#menu.plaka .espa { padding-bottom: 65px; }
@media(max-width:512px) {
	#mainlogo.sticklogo { top:70px; }
	#menu.plaka .espa { padding-bottom: 30px; }
}