.slicknav_menu {
	display:none;
}
body { font-family: 'Oxygen'; color:#444444}
img {width:100%; height:auto}
body.index { background-color:#E3E5E4}
nav {position: absolute;bottom: 0;width: 100%;height: 70px;background: #FCFCFC;}
nav ul {max-width:980px; width:100%; margin-left:auto; margin-right:auto; text-align: right;}
nav li {display: inline-block;padding: 24px 10px;}
nav li a {text-decoration:none}
header nav {top:0px}
p:last-child{margin-bottom:0px !important}
:lang(hr){color:#444;}
:lang(en){color: #858585; font-style:italic}
nav li a span {display: block;}
nav li a span:lang(hr) {font-size:15px; margin-bottom:2px; color:#333}
nav li a span:lang(en) {font-size:12px; margin-bottom:2px}
.fixed {position: fixed; top: 0; height: 70px; z-index: 10; -webkit-box-shadow: 0px -11px 80px -24px rgba(0,0,0,0.68);
-moz-box-shadow: 0px -11px 80px -24px rgba(0,0,0,0.68);
box-shadow: 0px -11px 80px -24px rgba(0,0,0,0.68);}
#homescreen {height: 100vh;background-image:url(../images/index_back.jpg); background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover;opacity:0; }
.outer {width: 100%;padding: 0px;height: 100%;top: 0px;left: 0px;margin: 0px;position: absolute;display: table;}
.middle {vertical-align: middle;display: table-cell;padding: 20px;margin: 0px;}
.inner {margin-left: auto;margin-right: auto; width: 100%;max-width:425px;display:block;margin-top:-150px}
.container {background-color:#FFFFFF; padding-top:70px; padding-bottom:70px}
.anchor {position:relative; margin-top:-100px; margin-bottom:100px}
#intro-text{text-align:center}
#intro-text h2 { font-size:22px; margin-bottom:0px}
#intro-text div:lang(hr) {padding-bottom:35px}
p {line-height:1.3; margin-bottom:20px; font-size:14px}
#intro-text p {font-size:16px; font-weight:300}
.odd{background-color:#F5F5F5}
#highlights .c4 article {padding-left:20px; padding-right:20px} 
#highlights h3 { font-size:20px; font-weight:300; margin-bottom:14px}
#highlights p {font-size:14px; margin-bottom:35px; font-weight:300;}
#contact-bait h3 { font-size:24px; margin-bottom:0px; font-weight:400}
#contact-bait p {font-size:16px; font-weight:300; }
#contact-bait .c8 {padding-top:40px; padding-bottom:40px}
#contact-bait img {max-width:300px}
#contact-bait a{color:#FF9226; text-decoration:none; font-weight:400}
#index-projects .c4 {padding:0px; margin-top:-2px; -webkit-filter: grayscale(1);
  filter: grayscale(1); transition: filter 0.5s ease;transition: transform .2s ease-in-out; }
#index-projects .c4:hover {-webkit-filter: grayscale(0);
  filter: grayscale(0) ; z-index:5; }
#index-projects .c10 {margin-bottom:70px}
#index-projects .c10 p {margin-bottom:0px; text-align:center; font-size:16px;  font-weight:300;}
.contactblock {background-color:#000000}
.contactblock p, .message-reload p {color:#f5f5f5; margin-bottom:0px; text-align:center}
.contactblock p:lang(en), .message-reload p:lang(en){color:#9f9f9f;}
.contactblock p span {color:#FF9226}
.form textarea, .form input { background-color:transparent; border:none; outline:1px solid #6D6D6D; color:#6D6D6D}
.form input[type='text'] { margin-bottom: 1px;}
.form input[type='text'],.form input[type='submit']  {height:66px; font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:400;}
.form textarea {height:255px; padding:20px; font-family: 'Open Sans', sans-serif; font-size:15px; margin-bottom: 1px; margin-top: 0px;}
.form input[type='submit']{text-align:right; padding-right: 20px; cursor:pointer}
.form input[type='text']:focus,.form input[type='submit']:focus,.form textarea:focus { outline-offset: 0px !important;}
.contactblock .c10 {margin-bottom:70px}
.message-reload {height:66px; font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:400; background-color:transparent; border:none; outline:1px solid #6D6D6D; color:#6D6D6D; text-align:center; }
.message-reload p{margin:0px; }
.message-reload p:lang(hr){margin-top:13px}
.message-reload .mobile {font-size:13px}

footer{background-color:#1A1A1A; padding:20px; text-align:center}
footer p {margin-bottom:8px; font-size:11px}
#menu-mobile {display:none}
.leading {padding-top:140px}
h1 {font-size:26px; font-weight:400; color:#5E5E5E}
h4 {font-size:16px; font-weight:400; color:#ABABAB}
#portfolio .row {margin-bottom:40px} 
#portfolio ul li {float:left; font-size:14px; border-right:1px solid #444; border-left:1px solid #444; margin-right:-1px; list-style-type: none; padding-left:6px; padding-right:7px; margin-bottom: 5px;}
#portfolio :lang(en) ul li {border-right:1px solid #858585; border-left:1px solid #858585;}
#portfolio p, #portfolio ul {font-weight:300}
#portfolio ul {margin-bottom:20px}
#portfolio p:last-child {margin-bottom:0px}
#portfolio #gallery {margin-bottom: -30px;}
#gallery div {margin-bottom:40px}
.external {color:#5E5E5E; text-decoration:none; display: block;position: absolute; }
#suradnici #heading {text-align:center}
#suradnici #heading p {font-size:20px; margin-bottom:0px}
#suradnici .row {margin-bottom:70px} 
#suradnici .c4 {text-align:center}
#suradnici .c4 img{width:100%; max-width:222px;transition: all 0.2s ease-in-out 0s;}
#suradnici .c4 img:hover {transform: scale(1.1);}
#suradnici h2 {font-size:24px; color:#5E5E5E; margin-bottom:8px}
#suradnici h2 span {font-size:14px; color:#CACACA}
#suradnici h3 {font-size:14px; margin-bottom:0px}
#suradnici h3:lang(en) {margin-bottom:20px}
#suradnici p {font-size:12px}
.form {padding-left:1px; padding-right:1px; padding-top:1px; background-color:#000000}
#emb-form {height:391px}
#suradnici .text:lang(hr) {margin-bottom:20px}
.desktop {display:block}
.mobile {display:none}
.weber-link {width: 81px;position: relative;}
.weber-link a {display: block;}
.weber-link img{position: absolute;width: auto;left: 5px;top: 4px;}

@media handheld, only screen and (max-width: 979px) {
#highlights br {display:none}
#contact-bait .c8 {padding-top:13px; padding-bottom:13px}
.container {padding-left:20px; padding-right:20px}

}
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait) {
.inner {
		margin-top:-50px
}
#contact-bait .c4{ text-align:center}
#contact-bait h3 {font-size:32px;}
#contact-bait .c8{text-align:center}
#contact-bait {margin-top:-220px}
.container {padding-left:0px; padding-right:0px}
#highlights {padding-bottom:80px}
#highlights .c4 article {padding:0px}
#index-projects .c4 {text-align:center; margin-bottom:0px}
#index-projects .c4 img{ width:auto}

nav,#menu {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}
.slicknav_nav  {height:100vh; background-color:#141414; padding-top:30vh !important; position:absolute; width:100vw; }
.slicknav_nav  li {text-align:center}
.slicknav_btn {z-index:100; opacity:0.8; width:60px; height:60px; background-color:transparent; background-image:url(../images/ArtLab_btn_logo.png); background-size:cover;   -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; border:1px solid #bbb}
.slicknav_icon {display:none}
.slicknav_menu span:lang(hr){color:#FFFFFF}
.slicknav_menu span:lang(en){color:#9B9B9B}
#gallery div {padding:0px !important}
.external {color:#5E5E5E; text-decoration:none; position: relative; margin-top: 10px; text-align:center; display:block; width:100%}
#gallery div {margin-bottom:20px}
.leading {padding-top:15px}
.contactblock {padding-right:20px; padding-left:20px}
.contactblock form .c6,.contactblock form .c12 {padding:15px}
.contactblock p:lang(hr){margin-bottom:15px}
#portfolio .c6:lang(hr), #portfolio .c6:lang(en) {margin-bottom:40px}
#suradnici {padding-top:60px; margin-bottom: -60px;}
#suradnici .row{padding-bottom:40px}
#suradnici .text {margin-bottom:30px}
#highlights p {margin-bottom:20px}
#highlights p:last-child{margin-bottom:30px !important}
#highlights h3 {margin-bottom:0px}
.desktop {display:none}
.mobile {display:block}
.weber-link {width: 100%;}
.weber-link img{position: relative;}

}



@media handheld, only screen and (max-width: 808px), only screen and (max-device-width: 808px) and (orientation:portrait) {
	#emb-form {height:477px}
}


@media handheld, only screen and (max-width: 640px), only screen and (max-device-width: 640px) and (orientation:portrait) {
/**nav li {
	display: block;
	padding: 0px 0px;
	border-bottom:1px solid #CCCCCC;
}
nav li a {width:100%; display:block; padding:10px}
nav {

	height: auto; display:none

}

.fixed {

	height: auto; 

}

**/
}