/*
---------------------------------------------
		   V R V  A G E N C Y
	   Created by Momchilo Milic
	email: momcilo.milic@gmail.com
---------------------------------------------
*/

@charset "utf-8";
a, header, article, section, p, h1, h2, h3, h4,img, span, div, ol, ul, li, td, button, input, textarea, form {
	margin: 0;
	padding: 0;
}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
    -webkit-text-size-adjust:none;
}

@font-face {
font-family: open-sans;
src: url('fonts/open-sans.ttf'),
     url('fonts/open-sans.otf');
}

@font-face {
font-family: kenzo;
src: url('fonts/kenzo.ttf'),
     url('fonts/kenzo.otf');
}

::-webkit-scrollbar {width: 5px; height: 18px; background: #000; border-bottom:1px solid rgba(255,255,255,0.2); border-top:1px solid rgba(255,255,255,0.2);}
::-webkit-scrollbar-thumb { background-color:#ebebeb;  }

html { background:black; }
body, html {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover ;
	overflow:hidden;
}
#home { background-image: url('../bgrnd.jpg'); }
.myfont { position:fixed; bottom:0; right:0; padding:0 6px 4px 0; text-align:right; z-index:999; font-family:open-sans; font-size:55%; text-transform:uppercase; color:white; opacity:0.2; cursor:pointer; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.myfont:hover { opacity:0.6}
header { width:96%; height:63px; float:right; margin-right:15px; }
header > a {text-decoration:none; cursor:pointer;}
.logo { position:absolute; margin:20px 0 0 0; float:left; font-family:kenzo; text-align:left; line-height:13px; text-decoration:none; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index:9999;  }
.ime { color:white; font-size:20px; }
.titula { color:#c9c9c9; font-size:10px; letter-spacing:2px;  }
.close { font-family:kenzo; font-size:30px; color:white; float:right; margin:17px 0px 0 15px; cursor:pointer; line-height:30px  }
.close:hover { color:#c9c9c9}
.path-copy { margin-top:20px; margin-right:20px; float:right; text-align:right; text-transform:uppercase; z-index:9998 }
.lokacija { font-family:kenzo; color:white; font-size:11px; margin-bottom:0px; z-index:9997 }
.lokacija_about { font-family:kenzo; color:white; font-size:11px; margin-top:12px }
.copyright { font-family:open-sans; color:#848484; font-size:8px; }
#mask { width:100%; height:100%; position:absolute; background-image:url(../images/mask/mask2.png); }
#schwarz { width:100%; height:100%; position:absolute; left:0; top:0; background:#000; z-index:999;}
.font01 { font-family:kenzo; }

nav.glavno_meni { display:inline-table; position:fixed; width:100%; height:auto; padding-top:5px; text-align:center; bottom:-115px; color:white; z-index:9999; 

/*display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex; justify-content:center; -webkit-justify-content:center;*/ 
-webkit-transition: all 0.6s ease;   -moz-transition: all 0.6s ease;   -o-transition: all 0.6s ease;   -ms-transition: all 0.6s ease;   transition: all 0.6s ease;
}
nav.glavno_meni:hover { -webkit-transform: translateY(-101px); -moz-transform: translateY(-101px); -o-transform: translateY(-101px); -ms-transform: translateY(-101px); transform: translateY(-101px);}
.glavno_meni div { display:inline-table; vertical-align:text-top; text-align:left !important; border-left:#444444 1px solid; height:100%; width:150px; padding:0 0 18px 10px;}
.glavno_meni div:last-child { border-right:#444444 1px solid;}
.glavno_meni div p { margin-bottom:5px; text-transform:uppercase; font-size:14px; cursor:default; font-family:open-sans;}
.glavno_meni div li { list-style:none; font-size:10px; text-transform:uppercase; font-family: open-sans;}
.glavno_meni div li a { color:white; text-decoration:none}
.glavno_meni div li a:hover { color:#c9c9c9}
.galerija-meni { background:rgba(0,0,0,0.75)}
.ipad_meni { display:none; z-index:9999 !important; font-family:kenzo; height:100%; width:146px !important; padding-left:26px; position:fixed; left:0; top:100px   }
.ipad_meni .content { margin-left:10px}
.ipad_meni .content li { list-style:none; font-size:10px; text-transform:uppercase; font-family: open-sans;}
.ipad_meni .content li a { color:white; text-decoration:none}
.ipad_meni .content li a:hover { color:#c9c9c9}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1025px) {
	section.profile_wraper { width:840px !important;  }
	.profile { width:800px !important; left: auto !important; margin-left:auto !important; right:15px !important; top:100px !important; }
	.testimonials { width:800px !important; margin-left:auto !important; right:15px; left:auto !important}
	.gallery { left:176px !important; }
	nav.glavno_meni { top:100px; width:auto !important; display:none !important  }
	/*nav.glavno_meni:hover { -webkit-transform: translateY(0px) !important; -moz-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; transform: translateY(0px) !important;}
	.galerija-meni { background:rgba(0,0,0,0.20)}*/
	.item .galery-text p { overflow-y:auto !important; max-height:500px !important; }
	.ipad_meni { display:block; }
}
@media all and (max-width : 988px) { 
.glavno_meni div { width:100px !important; }
.profile { width:90%; }
}
@media all and (max-width : 778px) { 
.glavno_meni div { width:80px !important; }
}

nav.disabled_meni {opacity:0.2; display:inline-table; position:fixed; width:100%; text-align:center; bottom:-20px; color:white;  }
.disabled_meni > div { display:inline-table; text-align:left !important; border-left:#CCC 1px solid; width:130px; padding:0 0 18px 10px;}
.disabled_meni > div:last-child { border-right:#ccc 1px solid;}
.disabled_meni > div p { margin-bottom:5px; text-transform:uppercase; font-size:14px; cursor:default; font-family:kenzo;}
@media all and (max-width : 988px) { 
.disabled_meni > div {width:100px !important; }
}
@media all and (max-width : 778px) { 
.disabled_meni > div {width:80px !important; }
}
.contact {  width:988px; margin:0 auto; }
.contact_work { border-left:#a4a4a4 1px solid; padding-left:17px; }
#support { line-height:5px;} #support a { text-decoration:none; color:white;}
#support p { color:white; text-transform:uppercase; font-size:10px;  }
.contact_work p a { color:#a4a4a4; text-decoration:none; }
.contact p { color:#a4a4a4; font-family:open-sans; font-size:12px; margin-bottom:10px}
.contact p:last-child { line-height:9px;  }
@media all and (max-width : 1420px) { 
.contact {  width:340px; margin:0; left:203px; position:relative;}
}

section.profile_wraper { width:100%; height:100%; float:right; overflow:hidden; }
.profile { width:988px; height:520px; position:absolute; top:50%; margin-top:-260px; left:50%; margin-left:-494px; font-family:open-sans; font-size:12px; color:#dadada; }
.profile div { display:block; position:relative; width:100%;}
.profile .profile_work { padding:20px 0 0 0; margin:20px 0 6px 0; height:420px; border-top:1px solid #dadada; overflow-y:auto; border-bottom:1px solid #dadada;}
.profile .created { text-align:right; color:#959494; font-size:10px; }
.profile .created a { color:#a4a4a4; text-decoration:none;}
.profile .testimonials_work { padding:20px 0; height:90%; border-top:1px solid #dadada; border-bottom:1px solid #dadada; overflow-y:auto; }
.profile .testimonials_work p { margin-bottom:10px;}
#profile-photo { width:453px; height:412px; float:right; margin-right:13px; margin-top:-6.5px; }
#profile-photo img { position:fixed;}
.testimonials { width:988px; height:520px; position:absolute; top:50%; margin-top:-260px; left:50%; margin-left:-494px; font-family:open-sans; font-size:12px; color:#dadada; }
.testimonials_work { padding:20px 0 0 0; margin:20px 0 6px 0; height:420px; border-top:1px solid #dadada; overflow-y:auto; border-bottom:1px solid #dadada;}
.testimonials_work p.prevod { color:#6e6d6d;}
.testimonials_work p a { color:#9c9ba0; text-decoration:none; }
.testimonials_work p { font-style:italic;}
.font-normal { font-style:normal !important; }
@media all and (max-width : 1024px) { 
.profile { width:95%; margin-top:10px !important; }
.testimonials { width:90%; margin-left:5%; left:0;}
}
/*@media all and (max-width : 890px) { 
.testimonials { width:90%; margin-left:-440px; }
}*/
/*GALLERY*/

.gallery { width:100%; max-height:645px; height:100%; position:absolute; top:2%; bottom:0; margin:auto; overflow-x:auto; overflow-y:hidden; white-space:nowrap; z-index:10; -webkit-overflow-scrolling: touch; }
.list { z-index:1; position:relative; height:100%; }
.item { display:inline-block; /*background:#444444;*/ height:100%; margin-right:25px; position:relative; }
.item:last-child { margin-right:0;}
.item img { max-height:645px;}
.item > p { display:none}
.item .galery-text { width:400px; white-space:normal; color:#c9c9c9; font-family:open-sans; font-size:12px; position:relative; bottom:35px; }
.item .galery-text p { width:280px; margin-left:90px; padding-right:20px   }
.desno { text-align:right}.sredina { text-align:center}.justify { text-align:justify} .golemi{text-transform:uppercase;}
.ipad_width { width:430px !important}
.ipad_width p{ width:310px !important; line-height:14px !important;}

/* IMG RIGHT CLICK */
.appriseOverlay{position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);display:none; z-index:99999; }
.appriseOuter{background:#000;z-index:99999999;min-width:200px;min-height:50px;max-width:75%;position:fixed;display:none; font-family:open-sans; font-size:12px; border:1px solid #dadada;}
.appriseInner{color:#FFF;padding:20px;}
.appriseInner button{ background:#000;border:1px solid #fff;color:#fff;font-size:12px;font-weight:700;cursor:pointer;margin:0 3px;padding:4px 10px;}
.appriseInner button:hover{}
.aButtons,.aInput{text-align:center;margin:20px 10px 0;}
.aTextbox{border:1px solid #aaa;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-khtml-border-radius:4px;box-shadow:0 1px 0 #fff;-moz-box-shadow:0 1px 0 #fff;-webkit-box-shadow:0 1px 0 #fff;width:180px;font-size:10px;font-weight:700;padding:5px 10px;}