html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, 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;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none;
}
abbr[title], dfn[title] {
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #d3c532;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
body {
font-size: 100%;
line-height: 1.231;
}
select, input, textarea, button {
font: 99% sans-serif;
}
re, code, kbd, samp {
font-family: monospace, sans-serif;
}
a:hover, a:active {
outline: none;
}
ul, ol {
margin-left: 2em;
}
ol {
list-style-type: decimal;
}
nav ul, nav li {
margin: 0;
list-style: none;
list-style-image: none;
}
small {
font-size: 85%;
}
strong, th {
font-weight: bold;
}
td {
vertical-align: top;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
padding: 15px;
}
textarea {
overflow: auto;
}
.ie6 legend, .ie7 legend {
margin-left: -7px;
}
input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
vertical-align: baseline;
}
.ie6 input {
vertical-align: text-bottom;
}
label, input[type="button"], input[type="submit"], input[type="image"], button {
cursor: pointer;
}
button, input, select, textarea {
margin: 0;
}
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
border-radius: 1px;
-moz-box-shadow: 0px 0px 5px red;
-webkit-box-shadow: 0px 0px 5px red;
box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
background-color: #f0dddd;
}
a:link {
-webkit-tap-highlight-color: #FF5E99;
}
button {
width: auto;
overflow: visible;
}
.ie7 img {
-ms-interpolation-mode: bicubic;
}
body, select, input, textarea {
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
text-transform: uppercase;
}
.hidden {
display: none;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before, .clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
body {
background: url(../img/site--bg.jpg);
background-size: cover;
background-repeat: no-repeat;
color: #000;
font-family: calibri, candara, segoe, 'segoe ui', optima, sans-serif;
line-height: 1.4;
}
html, body.naslovnica, body.kontakt-info {
height: auto;
}
h2, h3, h4 {
text-transform: uppercase;
font-weight: normal;
}
h1, h2 {
font-size: 2em;
font-family: BrandonGrotesqueBold, 'century gothic', centurygothic, 'apple gothic', 'trebuchet ms', sans-serif;
line-height: .938;
font-weight: bold;
margin-bottom: 14px;
}
h3 {
font-family: BrandonGrotesqueBold, 'century gothic', centurygothic, 'apple gothic', 'trebuchet ms', sans-serif;
font-size: 1.125em;
font-weight: bold;
margin-bottom: 2px;
}
p {
margin-bottom: 1em;
}
ul {
margin: 0 0 1em 0;
}
li {
background: url(../img/li.png) 0 .5em no-repeat;
list-style: none;
margin-left: .5em;
padding-left: .75em;
}
a.button {
background: #e8dfcd;
border-bottom: 1px solid rgba(0, 0, 0, .15);
color: #000;
font-family: BrandonGrotesqueBold, 'century gothic', centurygothic, 'apple gothic', 'trebuchet ms', sans-serif;
font-size: 0.875em;
padding: 5px 14px;
text-decoration: none;
text-transform: uppercase;
-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 3px 1px rgba(0, 0, 0, .05);
}
a.button:hover, a.button:active, a.button:focus {
background: #BD5127;
color: #F8F3E4;
}
strong {
font-family: BrandonGrotesqueBold, 'century gothic', centurygothic, 'apple gothic', 'trebuchet ms', sans-serif;
font-weight: bold;
}
#container {
min-width: 1000px;
overflow: hidden;
position: relative;
padding-left: 200px;
}
.no-multiplebgs .bg1 {
background: url(../img/bg-top-left.png) no-repeat;
}
.no-multiplebgs .bg2 {
background: url(../img/bg-top-right.png) right 0 no-repeat;
}
.no-multiplebgs .bg3 {
background: url(../img/bg-bottom-right.png) right bottom no-repeat;
}
.no-multiplebgs .bg4 {
background: url(../img/bg-bottom-left.png) 0 bottom no-repeat;
}
.no-multiplebgs .bg5 {
background: url(../img/container.png) 0 0 no-repeat;
}
#logo {
background: none;
left: 20px;
position: absolute;
top: 26px;
z-index: 10;
}
#logo a {
background: #fff url(../img/logo-a.png) no-repeat;
display: block;
height: 192px;
text-indent: -9999em;
width: 198px;
padding:2px;
transform: rotate(-5deg);
}
header nav {
position: relative;
z-index: 1;
}
.main-nav {
margin: -116px 0 78px 338px;
list-style: none;
padding-top: 25px;
width: 700px;
font-family: BrandonGrotesqueMedium, calibri, candara, segoe, 'segoe ui', optima, sans-serif;
font-size: 1.5em;
text-transform: uppercase;
}
.main-nav li {
background: none;
float: left;
padding: 0;
}
.main-nav a {
color: #fff;
display: block;
text-decoration: none;
letter-spacing:8px;
}
.main-nav li .menu-item-title {
display: block;
padding: 198px 22px 17px;
}
.main-nav a:hover, .main-nav a:active, .main-nav a:focus, .main-nav .active a {
color: #F8F3E4;
}
.festival .main-nav .active .menu-item-title, .festival .main-nav a:hover .menu-item-title, .festival .main-nav a:active .menu-item-title, .festival .main-nav a:focus .menu-item-title {
background: url(../img/menu-bg-festival.jpg) #58a8cd;
}
.arhiva .main-nav .active .menu-item-title, .arhiva .main-nav a:hover .menu-item-title, .arhiva .main-nav a:active .menu-item-title, .arhiva .main-nav a:focus .menu-item-title {
background: url(../img/arhiva_bg.jpg) #a73711;
}
.organizator .main-nav .active .menu-item-title, .organizator .main-nav a:hover .menu-item-title, .organizator .main-nav a:active .menu-item-title, .organizator .main-nav a:focus .menu-item-title {
background: url(../img/menu-bg-organizator.jpg) #0774ae;
}
.kontakt-info .main-nav .active .menu-item-title, .kontakt-info .main-nav a:hover .menu-item-title, .kontakt-info .main-nav a:active .menu-item-title, .kontakt-info .main-nav a:focus .menu-item-title {
background: url(../img/naslov.jpg) #880606;
}
.naslovnica .main-nav a:hover .menu-item-title, .naslovnica .main-nav a:active .menu-item-title, .naslovnica .main-nav a:focus .menu-item-title {
background: url(../img/arhiva_bg.jpg) #A63610;
}
.naslov {
clear: both;
margin: 0 0 -81px 24px;
padding: 41px 57px 5px;
width: 1920px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.naslov p {
line-height: 1.1;
margin-bottom: 30px;
max-width: 950px;
}
.naslov .naslov-glavni {
font-family: BrandonGrotesqueMedium, calibri, candara, segoe, 'segoe ui', optima, sans-serif;
font-size: 3em;
line-height: 0.85;
margin-bottom: 14px;
}
.naslov .naslov-podnaslov {
font-family: BrandonGrotesqueLight, calibri, candara, segoe, 'segoe ui', optima, sans-serif;
font-size: 2.25em;
max-width: 900px;
}
#kontakt-info .wrapper:before, #kontakt-info .wrapper:after, #container:before, #container:after, .main-nav:before, .main-nav:after, .main-content:before, .main-content:after, .article:before, .article:after, .section:before, .section:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
#kontakt-info .wrapper:after, #container:after, .main-nav:after, .main-content:after, .article:after, .section:after {
clear: both;
}
.main-nav, .naslov, .naslovnica #recent-work .our-work-wrapper, #kontakt-info, .arhiva .project, .arhiva .intro, .arhiva .recent, .arhiva .screens ul {
-webkit-backface-visibility: hidden;
}
.naslovnica #container {
height: 100%;
min-width: 1200px;
padding-left: 0;
position: relative;
}
.naslovnica #main {
bottom: 0;
margin-bottom: 10px;
left:20px;
padding: 40px 0 140px 0;
position: absolute;
width: 220px;
z-index: 1;
height: 304px;
}
.naslovnica nav {
margin-left: 0;
}
.naslovnica .naslov {
color: #d3c532;
font-family: BrandonGrotesqueLight, calibri, candara, segoe, 'segoe ui', optima, sans-serif;
font-size: 3.75em;
letter-spacing: 2px;
margin-left: 220px;
z-index: 1;
}
.naslovnica .naslov p {
line-height: 1;
max-width: 990px;
}
.naslovnica .naslov strong {
font-family: BrandonGrotesqueMedium, calibri, candara, segoe, 'segoe ui', optima, sans-serif;
font-weight: bold;text-transform: uppercase;
font-size: 1.58em;
font-weight: bolder;
color: #f5f5f5;
text-shadow: 1px 1px 1px #919191, 1px 2px 1px #919191, 1px 3px 1px #919191, 1px 4px 1px #919191, 1px 5px 1px #919191, 1px 6px 1px #919191, 1px 7px 1px #919191, 1px 8px 1px #919191, 1px 9px 1px #919191, 1px 10px 1px #919191, 1px 18px 6px rgb(16 16 16 / 40%), 1px 22px 10px rgb(16 16 16 / 20%), 1px 25px 35px rgb(16 16 16 / 20%), 1px 30px 60px rgb(16 16 16 / 40%);
display:block;
margin-bottom: 10px;
}
.naslovnica .main-content {
max-width: 1200px;
width: 100%;
}
.naslovnica h2 {
font-size: 5.70em;
margin-bottom: 40px;
}
.naslovnica h2 {
text-transform: uppercase;
font-size: 7em;
font-weight: 700;
color: #f5f5f5;
text-shadow: 1px 1px 1px #919191,
1px 2px 1px #919191,
1px 3px 1px #919191,
1px 4px 1px #919191,
1px 5px 1px #919191,
1px 6px 1px #919191,
1px 7px 1px #919191,
1px 8px 1px #919191,
1px 9px 1px #919191,
1px 10px 1px #919191,
1px 18px 6px rgba(16,16,16,0.4),
1px 22px 10px rgba(16,16,16,0.2),
1px 25px 35px rgba(16,16,16,0.2),
1px 30px 60px rgba(16,16,16,0.4);
}
.naslovnica .section {
margin-bottom: 40px;
}
.naslovnica .article {
clear: none;
margin: 0 0 30px 0;
}
.naslovnica .article h2 a {
color: #000;
text-decoration: none;
}
.naslovnica .article {
float: left;
margin: 0 0 0 1.5%;
width: 18.78%}
.naslovnica .article-festival {
margin-left: 20.28%;
}
.naslovnica .article-kontakt-info p a {
color: #000;
text-decoration: none;
}
.naslovnica .article-kontakt-info p a:hover, .naslovnica .article-kontakt-info p a:active, .naslovnica .article-kontakt-info p a:focus {
border-bottom: 1px dotted #444;
}
.naslovnica .article-organizator h3 {
font-size: 1em;
text-transform: none;
margin: 0;
}
.naslovnica .cta {
margin-left: 277px;
border-top: 1px solid #fff;
margin-top: 70px;
padding-top: 20px;
max-width: 950px;
width: 100%;
position: relative;
color: #f8f3e4;
display:block;
font-weight: normal;
font-size: 17px;
}
.naslovnica .cta a {
color: #d3c532;
text-decoration: none;
}
.naslovnica .cta a:hover {
color: #fff;
}
.naslovnica #recent-work {
height: 1000px;
max-width: 100%;
margin-top: 60px;
overflow: hidden;
width: 100%;
}
.naslovnica .recent-work-inner {
height: 1900px;
overflow: hidden;
position: relative;
}
.naslovnica #recent-work .mask {
height: 100px;
margin-left: 137px;
position: relative;
top: 2px;
width:18px;
z-index: 8;
}
.naslovnica #recent-work .mask-inner {
height: 100px;
position: relative;
top: -2px;
width: 30px;
}
.naslovnica #recent-work .our-work-wrapper {
margin-left: 182px;
position: relative;
top: 0;
z-index: 10;
}
.naslovnica #recent-work .our-work {
list-style: none;
position: absolute;
right: 45px;
width: 100%;
}
.naslovnica #recent-work .our-work li {
float: left;
height: 1850px;
list-style: none;
margin: 0;
padding: 0 0 0 45%;
border-top-left-radius: 100px;
}
.naslovnica #recent-work h2 {
color: #f8f3e4;
font-family: BrandonGrotesqueBlack, 'century gothic', centurygothic, 'apple gothic', 'trebuchet ms', sans-serif;
font-weight: bold;
left: 88px;
margin: 0;
padding: 0;
position: absolute;
top: 74px;
z-index: 1;
}
.naslovnica #recent-work h2 .featured {
display: block;
margin-top:0px
}
.naslovnica #recent-work .button {
left: 88px;
position: absolute;
top: 225px;
z-index: 1;
}
.naslovnica #recent-work a:hover.button, .naslovnica #recent-work a:active.button, .naslovnica #recent-work a:focus.button {
background: #BD5127;
}
.naslovnica .project.last {
padding-bottom: 500px;
}
.naslovnica .project .screenshot-wrapper {
display: inline-block;
height: auto;
width: 100%;
}
.naslovnica .project img.screenshot {
display: block;
width: 100%;
}
.naslovnica .dan1 {
background: #65318f;
}
.naslovnica .dan2 {
background: #950057;
}
.naslovnica .dan3 {
background: #6d7558;
}
.naslovnica .dan4 {
background: #1E6993;
}
.naslovnica .title {
float: left;
left: -79%;
margin-right: -60%;
padding: 240px 0 0 0;
position: relative;
width: 52%;
}
.naslovnica .title hgroup {
margin: 0;
padding-left: 111px;
width: 100%;
}
.naslovnica .project .title h3, .naslovnica .project .title h4 {
color: #f8f3e4;
font-size: 19px;
line-height: 26px;
}
.naslovnica .project .title h3 span {
color: #f8f3e4;
font-size: 38px;
line-height: 70px;
}
.naslovnica .project .title h4 i {
color: #f8f3e4;
font-size: 75px;
line-height: 90px;
margin-top: 90px;
transform: rotate(-10deg);
text-shadow: 1px 1px 1px #919191,
1px 2px 1px #919191,
1px 3px 1px #919191,
1px 4px 1px #919191,
1px 5px 1px #919191,
1px 6px 1px #919191,
1px 7px 1px #919191,
1px 8px 1px #919191,
1px 9px 1px #919191,
1px 10px 1px #919191,
1px 18px 6px rgba(16,16,16,0.4),
1px 22px 10px rgba(16,16,16,0.2),
1px 25px 35px rgba(16,16,16,0.2),
1px 30px 60px rgba(16,16,16,0.4);
margin-bottom: 20px;
}
.naslovnica .project .title h3 {
margin-bottom: 17px;
}
.naslovnica .project .title h4 {
color: #f8f3e4;
font-size: 19px;
line-height: 26px;
font-weight: bold;
}
.naslovnica .screens ul {
margin: 0;
}
.oi-carousel-controls {
font-family: BrandonGrotesqueBold, 'century gothic', centurygothic, 'apple gothic', 'trebuchet ms', sans-serif;
font-weight: bold;
font-size: 1.8em;
left: -82px;
position: absolute;
margin: 0;
top: 136px;
z-index: 1;
}
.oi-carousel-controls li {
background: none;
list-style: none;
margin: 0;
padding: 0;
}
.oi-carousel-controls a {
border: 0;
color: #A63610;
background: #d3c532;
display: block;
padding: 16px 28px;
margin-bottom: 22px;
text-align: center;
text-decoration: none;
border-radius: 50%;
box-shadow: inset 0px 5px 10px rgba(0,0,0,0.7); border: 11px solid rgba(255, 255, 255, 0.5);
}
.oi-carousel-controls a:hover, .oi-carousel-controls a:active, .oi-carousel-controls a:focus {
color: #000;
background: #d3c532;
}
.oi-carousel-controls .active {
color: #000;
background: #fff;
}
.oi-carousel-controls a:focus.active {
background: #A63610;
color: #FFF;
}
.featured-1 #recent-work a:hover.button, .featured-1 #recent-work a:active.button, .featured-1 #recent-work a:focus.button {
background: #BD5127;
}
.featured-1 .oi-carousel-controls a:hover, .featured-1 .oi-carousel-controls a:active, .featured-1 .oi-carousel-controls a:focus, .featured-1 .oi-carousel-controls .active {
color: #BD5127;
}
.featured-1 .oi-carousel-controls a:focus.active {
background: #BD5127;
color: #FFF;
}
.featured-1 .main-nav a:hover span, .featured-1 .main-nav a:active span, .featured-1 .main-nav a:focus span {
background: url(../img/arhiva_bg.jpg) #A63610;
}
.featured-2 #recent-work a:hover.button, .featured-2 #recent-work a:active.button, .featured-2 #recent-work a:focus.button {
background: #037DBA;
}
.featured-2 .oi-carousel-controls a:hover, .featured-2 .oi-carousel-controls a:active, .featured-2 .oi-carousel-controls a:focus, .featured-2 .oi-carousel-controls .active {
color: #037DBA;
}
.featured-2 .oi-carousel-controls a:focus.active {
background: #037DBA;
color: #FFF;
}
.featured-2 .main-nav a:hover span, .featured-2 .main-nav a:active span, .featured-2 .main-nav a:focus span {
background: url(../img/arhiva_bg.jpg) #A63610;
}
.featured-4 #recent-work a:hover.button, .featured-4 #recent-work a:active.button, .featured-4 #recent-work a:focus.button {
background: #2781B2;
}
.featured-4 .oi-carousel-controls a:hover, .featured-4 .oi-carousel-controls a:active, .featured-4 .oi-carousel-controls a:focus, .featured-4 .oi-carousel-controls .active {
color: #2781B2;
}
.featured-4 .oi-carousel-controls a:focus.active {
background: #2781B2;
color: #FFF;
}
.featured-4 .main-nav a:hover span, .featured-4 .main-nav a:active span, .featured-4 .main-nav a:focus span {
background: url(../img/dan3.jpg) #1E6993;
}
.featured-3 #recent-work a:hover.button, .featured-3 #recent-work a:active.button, .featured-3 #recent-work a:focus.button {
background: #E08F04;
}
.featured-3 .oi-carousel-controls a:hover, .featured-3 .oi-carousel-controls a:active, .featured-3 .oi-carousel-controls a:focus, .featured-3 .oi-carousel-controls .active {
color: #E08F04;
}
.featured-3 .oi-carousel-controls a:focus.active {
background: #E08F04;
color: #FFF;
}
.featured-3 .main-nav a:hover span, .featured-3 .main-nav a:active span, .featured-3 .main-nav a:focus span {
background: url(../img/dan3.jpg) #C68001;
}
.festival #container {
min-width: 1200px;
padding-left: 0;
position: relative;
}
.festival #main .main-content {
padding-top: 78px;
}
.festival .naslov {
color: #fff;
margin-bottom: 36px;
padding-left: 81px;
margin-top: 96px;
}
.festival .naslov-podnaslov { color: #d3c532; }
.festival .article-wrapper {
clear: left;
float: left;
margin: -86px 0 0 -200px;
padding: 0 0 0 110px;
max-width: 1200px;
width: 100%;
}
.festival .main-content section {
margin-bottom: 0;
}
.festival .article-2 {
background: #fff;
clear: left;
float: left;
padding: 80px;
margin-left: 170px;
max-width: 1200px;
border-radius: 100px;
transform: rotate(-4deg);
border: 12px solid #d3c532;
}
.festival .article-2 h2 {
margin-top: 0;
font-size:1.6em;
}
.festival .inner {
clear: both;
margin-left: 16.78%;
}
.organizator #container {
min-width: 1200px;
padding-left: 0;
position: relative;
}
.organizator #main .main-content {
margin-top: 78px;
background: #fff;
clear: left;
float: left;
padding: 80px;
margin-left: 170px;
max-width: 1200px;
border-radius: 100px;
transform: rotate(-2deg);
border: 12px solid #0774ae;
}
.organizator h3 {
color: #026ca5;
}
.organizator .main-content .role {
margin-right: 100px;
}
.organizator .pomoc {
margin-top:-200px;
}
.organizator .pomoc .inner {
background: url(../img/organizator-pomoc-bg.png) 0 bottom no-repeat;
color: #F8F3E4;
float: left;
font-family: BrandonGrotesqueMedium, sans-serif;
margin: 0 0 60px 90px;
padding: 15.25em 90px 140px 75px;
width: 340px;
}
.organizator .pomoc .inner {
padding: 34.6em 90px 110px 75px;
}
.organizator .pomoc h2 {
color: #F8F3E4;
margin-right: -20px;
}
.organizator .pomoc a {
color: #F8F3E4;
}
.organizator .pomoc li {
background-image: url(../img/li-inverted.png);
}
#mask {
background: url(../img/body.jpg);
background: url(../img/container.png) center 0 fixed no-repeat, url(../img/bg-top-left.png) fixed no-repeat, url(../img/bg-top-right.png) right 0 fixed no-repeat, url(../img/bg-bottom-right.png) right bottom fixed no-repeat, url(../img/bg-bottom-left.png) 0 bottom fixed no-repeat, url(../img/body.jpg);
display: none;
height: 100%;
opacity: .85;
position: fixed;
top: 0;
width: 100%;
z-index: 10;
}
.kontakt-info #container {
min-height: 100%;
}
.kontakt-info #kontakt-info {
display: block;
left: -280px;
position: relative;
top: 0;
}
#kontakt-info {
background-color: #000000;
color: #F8F3E4;
display: none;
margin: 8% 0 250px 0;
padding: 50px 220px 50px;
position: fixed;
top: 150px;
left: -150px;
text-shadow: 0 2px 0 rgba(85, 0, 0, 1);
width: 100%;
z-index: 20;
transform: rotate(-6deg);
}
#kontakt-info h1 {
margin: 0 0 30px 0;
}
#kontakt-info .wrapper {
margin: auto;
position: relative;
width: 670px;
}
#kontakt-info dl {
font-family: BrandonGrotesqueRegular, calibri, candara, segoe, 'segoe ui', optima, sans-serif;
font-size: 1.3em;
float: left;
line-height: 1.5;
margin: 0 auto;
padding: 0;
width: 700px;
}
#kontakt-info dt {
clear: left;
float: left;
font-family: BrandonGrotesqueBold, 'century gothic', centurygothic, 'apple gothic', 'trebuchet ms', sans-serif;
font-weight: bold;
margin: 0;
padding-right: 5px;
width: 3em;
}
#kontakt-info dd {
display: block;
margin: 0 0 0 3em;
padding: 0;
}
#kontakt-info a {
border-bottom: 1px dotted #f8f3e4;
color: #f8f3e4;
text-decoration: none;
}
#kontakt-info a:hover, #kontakt-info a:active, #kontakt-info a:focus {
border: none;
}
#kontakt-info .at {
height: 1em;
padding: 0 .1em;
position: relative;
top: .3em;
vertical-align: baseline;
}
#kontakt-info .close {
color: #000;
position: absolute;
right: 0;
text-shadow: none;
top: 0;
}
#kontakt-info .close:hover, #kontakt-info .close:active, #kontakt-info .close:focus {
color: #F8F3E4;
background: #AA1212;
}
.arhiva #container {
min-width: 1200px;
padding-left: 0;
position: relative;
}
.arhiva .intro {
float: left;
margin: -60px 0 0 77px;
max-width: 900px;
min-height: 18em;
}
.arhiva .intro h2, .arhiva .recent {
font-family: BrandonGrotesqueMedium, calibri, candara, segoe, 'segoe ui', optima, sans-serif;
font-size: 3em;
margin: 0 0 14px 0;
text-transform: none;
}
.arhiva .intro ul {
list-style: none;
font-size: 1.125em;
margin: 0;
}
.arhiva .intro li {
background: none;
margin: 0;
padding-left: 1em;
text-indent: -1em;
}
.arhiva .intro ul {
float: left;
width: 260px;
}
.arhiva .recent {
background: url(../img/arhiva_bg.jpg) #BD5127;
color: #F8F3E4;
clear: both;
float: left;
left: 28px;
margin: 20px 0 160px -400px;
padding: 80px 38px 35px 400px;
position: relative;
text-align: right;
text-shadow: 0 2px 0 rgba(85, 0, 0, .5);
width: 865px;
}
.arhiva .project {
clear: left;
height: 700px;
left: -200px;
padding-top: 250px;
position: relative;
max-width: 1200px;
}
.arhiva .title h2 {
font-family: BrandonGrotesqueBlack, 'century gothic', centurygothic, 'apple gothic', 'trebuchet ms', sans-serif;
font-weight: bold;
margin: 20px 0;
padding: 0px;
}
.arhiva .title h3 {
color: #fff;
font-family: BrandonGrotesqueRegular, calibri, candara, segoe, 'segoe ui', optima, sans-serif;
font-size: 2em;
font-weight: normal;
line-height: 1em;
margin: 20px 0;
}
.arhiva .summary {
background: #BD5127;
color: #F8F3E4;
font-family: BrandonGrotesqueRegular, calibri, candara, segoe, 'segoe ui', optima, sans-serif;
font-size: 1.7em;
margin: 0 0 0 601px;
min-height: 162px;
padding: 30px 6%;
position: absolute;
top: 432px;
width: 1920px;
border-top-left-radius: 100px;
}
.arhiva .summary p {
max-width: 950px;
margin: 20px 0;
}
.arhiva .features {
display: none;
}
.arhiva .features {
left: 165px;
position: absolute;
top: 730px;
width: 450px;
}
.arhiva .features h4 {
color: #bd5127;
font-family: BrandonGrotesqueMedium, calibri, candara, segoe, 'segoe ui', optima, sans-serif;
font-size: 1.125em;
margin-top: 0;
margin-bottom: 0.1em;
}
.arhiva .features ul {
list-style: none;
margin: 0 0 0 -5px;
padding: 0;
}
.arhiva .features ul .two {
margin-left: -4px;
}
.arhiva .features ul .three {
margin-left: -8px;
}
.arhiva .features ul .four {
margin-left: -12px;
}
.arhiva .features ul .five {
margin-left: -16px;
}
.arhiva .screens {
bottom: 250px;
height: 715px;
position: absolute;
width: 746px;
right: 0;
}
.arhiva .screens ul {
list-style: none;
height: 703px;
margin: 50px 0 0 0;
position: relative;
}
.arhiva .screens li {
list-style: none;
margin: 0;
padding: 0;
}
.arhiva .screens img {
bottom: 0;
position: absolute;
padding: 0px;
}
.sausage-set {
bottom: 0;
padding: 0;
position: fixed;
right: 0;
}
#top, .sausage-set a, .sausage-set .count {
color: #000;
display: block;
font-family: BrandonGrotesqueBlack, 'century gothic', centurygothic, 'apple gothic', 'trebuchet ms', sans-serif;
font-weight: bold;
font-size: 2em;
height: auto;
letter-spacing: -1px;
padding: 5px 10px;
text-decoration: none;
text-transform: uppercase;
top: auto;
}
#top {
bottom: auto;
position: fixed;
right: 0;
top: 0;
}
.sausage-set .count {
bottom: 1.5em;
font-family: BrandonGrotesqueRegular, calibri, candara, segoe, 'segoe ui', optima, sans-serif;
position: absolute;
right: 0;
text-align: right;
text-transform: none;
width: 3em;
}
.dan2 .title h3, .dan2 .features h4 {
color: #126A98;
}
.dan2 .summary, .sausage-current .dan2, .dan2 .title a.button:hover, .dan2 .title a.button:active, .dan2 .title a.button:focus {
background: url(../img/dan2-bg.jpg) #126A98;
}
.dan4 .title h3, .dan4 .features h4 {
color: #206B95;
}
.dan4 .summary, .sausage-current .dan4 {
background: url(../img/dan4.jpg) #206B95;
}
.dan4 .title a.button:hover, .dan4 .title a.button:active, .dan4 .title a.button:focus {
background: url(../img/dan4.jpg) #206B95;
}
.dan3 .title h3, .dan3 .features h4 {
color: #cc8302;
}
.dan3 .summary, .sausage-current .dan3 {
background: url(../img/dan3.jpg) #cc8302;
}
.dan3 .title a.button:hover, .dan3 .title a.button:active, .dan3 .title a.button:focus {
background: url(../img/dan3.jpg) #cc8302;
}
.dan1 .title h3, .dan1 .features h4 {
color: #BD5127;
}
.dan1 .title a.button:hover, .dan1 .title a.button:active, .dan1 .title a.button:focus, .dan1 .summary, .sausage-current .dan1 {
background: url(../img/summary-treasures.jpg) #BD5127;
}
footer {
clear: both;
margin: 0px auto;
max-width: 1320px;
padding: 60px 0 30px 0;
}
footer nav a.first i { color:#fff; margin-right: 20px; font-size: 40px; }
footer nav a:hover i { color: #d3c532; text-decoration: none; }
footer .copyright {
color: #d3c532;
font-size: 1.1em;
display: block;
margin: 30px 0 0 0;
}
footer .copyright a {
color: #d3c532;
text-decoration: none;
}
footer .copyright a:hover {
color: #fff;
}
@font-face {
font-family: 'BrandonGrotesqueLight';
src: url('../fonts/Brandon_light-webfont.eot');
src: url('../fonts/Brandon_light-webfont.eot?iefix') format('eot'), url('../fonts/Brandon_light-webfont.woff') format('woff'), url('../fonts/Brandon_light-webfont.ttf') format('truetype'), url('../fonts/Brandon_light-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BrandonGrotesqueRegular';
src: url('../fonts/Brandon_reg-webfont.eot');
src: url('../fonts/Brandon_reg-webfont.eot?iefix') format('eot'), url('../fonts/Brandon_reg-webfont.woff') format('woff'), url('../fonts/Brandon_reg-webfont.ttf') format('truetype'), url('../fonts/Brandon_reg-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BrandonGrotesqueMedium';
src: url('../fonts/Brandon_med-webfont.eot');
src: url('../fonts/Brandon_med-webfont.eot?iefix') format('eot'), url('../fonts/Brandon_med-webfont.woff') format('woff'), url('../fonts/Brandon_med-webfont.ttf') format('truetype'), url('../fonts/Brandon_med-webfont.svg#webfont') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'BrandonGrotesqueBold';
src: url('../fonts/Brandon_bld-webfont.eot');
src: url('../fonts/Brandon_bld-webfont.eot?iefix') format('eot'), url('../fonts/Brandon_bld-webfont.woff') format('woff'), url('../fonts/Brandon_bld-webfont.ttf') format('truetype'), url('../fonts/Brandon_bld-webfont.svg#webfont') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'BrandonGrotesqueMediumItalic';
src: url('../fonts/Brandon_med_it-webfont.eot');
src: url('../fonts/Brandon_med_it-webfont.eot?iefix') format('eot'), url('../fonts/Brandon_med_it-webfont.woff') format('woff'), url('../fonts/Brandon_med_it-webfont.ttf') format('truetype'), url('../fonts/Brandon_med_it-webfont.svg#webfont') format('svg');
font-weight: bold;
font-style: italic;
}
@media all and (min-width:0px) {
#container, .naslovnica #container {
min-width: 0;
}
#logo {
margin-right: -269px;
}
header nav {
height: 10em;
max-width: 100%;
}
.main-nav {
margin: -116px 0 0 0;
position: absolute;
left: 257px;
top: 0;
width: auto;
}
}
@media all and (min-device-width:900px) {
#container {
padding-bottom: 38px !important;
}
}
@media all and (min-width:1400px) {
.arhiva .project {
left: -95px;
}
.arhiva .title {
bottom: 545px;
}
.arhiva .summary {
min-height: 125px;
top: 468px;
}
.arhiva .summary p {
max-width: 950px;
}
.arhiva .features {
left: 65px;
margin-top: 20px;
}
}
@media all and (max-width:1200px) {
.main-nav li .menu-item-title {
padding: 158px 20px 35px;
}
.naslov {
font-size: 85%;
}
#container .naslov p {
width: 760px;
}
.naslovnica .naslov {
font-size: 3.375em;
margin: -109px 290px 13em 229px;
width: 750px;
}
.naslovnica #container .naslov p {
width: auto;
}
.naslovnica #recent-work {
margin-left: -83.5px;
margin-top: -796.5px;
}
.festival .naslov {
margin-top: 25px;
padding-left: 20px;
}
.arhiva .recent {
left: -100px;
width: 100%;
}
.organizator #main {
margin-left: -70px;
}
.organizator #container .naslov p {
width: 600px;
}
.organizator .naslov {
margin-top: 18px;
margin-left: 70px;
}
.kontakt-info .article p {
font-size: 1.913em;
}
}
@media all and (max-width:1024px) {
#container {
padding-left: 100px;
}
#main {
margin-right: -40px;
}
.main-nav {
font-size: 125%;
margin: -116px 0 96px 130px;
}
.main-nav li .menu-item-title {
padding: 158px 15px 32px;
}
h1, h2, .arhiva .title h3, .arhiva .intro h2, .arhiva .recent {
font-size: 36px;
margin-bottom: 14px;
}
#container .naslov {
font-size: 75%;
}
#container .naslov p {
width: 680px;
}
.naslovnica #logo {
height: 150px;
width: 268px;
}
.naslovnica #container .naslov {
font-size: 2.875em;
margin: -103px 227px 12em 232px;
width: 625px;
}
.naslovnica #recent-work {
margin-left: -78px;
margin-top: -669.5px;
}
.naslovnica #recent-work h2 {
left: 36px;
}
.naslovnica .title {
width: 44%;
}
.naslovnica .title hgroup {
padding-left: 92px;
width: 220px;
}
.naslovnica #recent-work .button {
left: 48px;
}
.oi-carousel-controls {
left: -6px;
}
.naslovnica .project .title h3, .naslovnica .project .title h4 {
font-size: 21px;
}
.naslovnica .article {
margin-left: 1.9%;
width: 23.57%;
}
.naslovnica .article-festival {
margin-left: 7%;
}
.festival .naslov {
margin-bottom: -60px;
margin-top: 36px;
padding-left: 118px;
}
.arhiva .intro {
margin-left: 173px;
width: 550px;
}
.arhiva .intro ul {
float: none;
font-size: 1em;
}
.arhiva .intro blockquote {
font-size: 1.25em;
}
.arhiva .recent {
left: 38px;
margin-bottom: 40px;
padding-bottom: 20px;
padding-top: 40px;
width: 600px;
}
.arhiva .project {
left: -220px;
}
.arhiva .title {
bottom: 550px;
left: 650px;
margin-left: 0;
width: 300px;
}
.arhiva .summary {
font-size: 32px;
min-height: 121px;
top: 450px;
}
.arhiva .screens img {
width: 521px;
}
.arhiva .screens {
bottom: 262px;
left: 0;
}
.arhiva .screens ul {
margin-left: 34px;
}
.arhiva .features {
left: 250px;
margin-top: -20px;
}
.organizator .naslov {
margin-bottom: -75px;
margin-top: 36px;
margin-left: 169px;
}
.organizator #container .naslov p {
width: 500px;
}
#kontakt-info dl {
font-size: 1.5em;
width: 100%;
}
#kontakt-info .wrapper {
width: 500px;
}
}
@media all and (max-width:940px) {
#container .naslov p {
width: 620px;
}
.festival .naslov {
margin-top: 5px;
padding-left: 120px;
}
}
@media all and (max-width:900px) {
#container {
padding: 0 10% 5%;
}
.naslovnica #container {
padding: 0 10%;
}
#main {
margin-right: 0;
padding-bottom: 0;
}
#mask, #kontakt-info {
display: none !important;
}
.kontakt-info #kontakt-info {
display: block !important;
}
#container #logo {
float: left;
height: auto;
left: 0;
position: relative;
margin: 15px -30% 0 -10%;
top: 0;
width: 30%;
}
header nav {
height: auto;
margin: 0 0 10% 0;
position: relative;
left: 18%;
width: 94%;
}
#container .main-nav {
border-bottom: 1px solid rgba(0, 0, 0, .15);
font-family: BrandonGrotesqueBold, 'century gothic', centurygothic, 'apple gothic', 'trebuchet ms', sans-serif;
font-size: 100%;
font-weight: bold;
margin: 0;
padding-top: 0;
position: relative;
width: auto;
}
.main-nav li {
text-align: center;
}
.main-nav .festival {
width: 18%;
}
.main-nav .arhiva {
width: 16%;
}
.main-nav .organizator {
width: 22%;
}
.main-nav .kontakt-info {
width: 22%;
}
.main-nav li .menu-item-title {
padding: 23px 0 25px 0;
}
.naslovnica #recent-work .our-work-wrapper, .naslov, .main-nav, .arhiva .intro, .kontakt-info .main-content, .kontakt-info .article, .arhiva .screens, .arhiva .screens ul, .arhiva .features, .arhiva .title, .arhiva .project, .arhiva .recent, #kontakt-info {
-moz-transform: none;
-o-transform: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
#container .naslov {
letter-spacing: -1px;
}
#container .naslov, .kontakt-info .main-content {
margin: 0 0 10% 0;
padding: 0;
width: auto;
}
.kontakt-info .main-content .article, #container .naslov p {
margin: 0;
width: auto !important;
}
#container p.naslov-glavni {
line-height: 1;
margin-bottom: 8px;
}
#container #main .main-content {
background: none;
margin: 0;
padding: 0;
}
.organizator .article, .festival .article {
background: none;
margin: 0 0 2em 0;
max-width: none;
padding: 0;
width: auto;
}
footer:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
footer {
margin: 0px auto;
overflow: visible;
}
footer nav {
padding: 0 10%;
width: auto;
margin-right: -40px;
}
footer nav a {
font-size: 1.25em;
line-height: 1.25;
}
.naslovnica {
color: #000 !important;
}
.naslovnica #container .naslov {
float: left;
font-size: 2.25em;
letter-spacing: -1px;
margin: -9px 0 0 -31px;
max-width: none;
min-width: 0;
width: auto;
}
.naslovnica #container .naslov p {
max-width: none;
}
.naslovnica #main {
background: none;
margin-bottom: 40px;
padding-bottom: 75px;
}
.naslovnica #main .section {
width: auto;
}
.naslovnica #main .article {
margin: 0 -47.5% 0 0;
width: 47.5%;
}
.naslovnica #main .article.last {
margin: 0 0 0 52.5%;
}
.naslovnica #main {
bottom: auto;
float: left;
margin-bottom: 0;
position: relative;
}
.naslovnica #recent-work {
clear: both;
float: left;
left: auto;
margin: -70px -12.4% 0;
min-height: 0;
position: relative;
-moz-transform: none;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
top: 0;
width: 124.8%;
}
.naslovnica #recent-work .mask {
display: none;
}
.naslovnica #recent-work .our-work-wrapper {
margin-bottom: 30px;
margin-left: 0;
}
.naslovnica #recent-work .our-work {
margin: 0;
right: auto;
top: auto;
position: relative;
width: 100%;
}
.naslovnica #recent-work .our-work li {
float: left;
height: 1050px;
padding-left: 0;
width: 100%}
.naslovnica #recent-work .project {
height: 400px;
padding-bottom: 0;
}
.naslovnica #recent-work .title {
float: none;
height: auto;
left: 0;
margin-right: 0;
margin-top: 0;
padding-top: 99px;
position: relative;
width: auto;
}
.naslovnica #recent-work .title hgroup {
float: none;
left: -31px;
margin: 25px 0 39px;
padding: 0 0 0 10%;
position: relative;
text-align: left;
width: 100%;
}
.naslovnica .project .screenshot-wrapper {
height: auto;
}
.naslovnica #recent-work .project img {
float: left;
margin-right: 0;
min-width: 0;
width: 100%;
max-width: 100%;
}
.naslovnica #recent-work .oi-carousel-controls {
left: auto;
right: -31px;
margin: 0 0 0 20px;
top: 90px;
margin-right: 10%;
}
.naslovnica #recent-work .oi-carousel-controls a {
height: 16px;
margin-bottom: 6px;
width: 16px;
}
.naslovnica #recent-work h2, .naslovnica #recent-work .button {
left: auto;
margin: 0;
right: -31px;
margin-right: 10%;
}
.naslovnica #recent-work h2 {
left: -38px;
margin-left: 10%;
top: 39px;
}
.naslovnica #recent-work .button {
top: 65px;
}
.naslovnica #recent-work .oi-carousel-controls {
top: 125px;
}
.oi-carousel-controls li {
float: left;
margin-left: 9px;
}
.festival article {
padding: 0;
}
.festival .article h2 {
margin-left: 0;
max-width: none;
width: auto;
}
.festival .article h2 span {
margin-left: 0;
}
.festival .article-wrapper {
margin: 0;
padding: 0;
}
.arhiva #container {
min-height: 0 !important;
height: auto !important;
padding-bottom: 0 !important;
}
.arhiva #container * {
position: static !important;
}
.arhiva #container nav {
position: relative !important;
}
#top, .sausage-set {
display: none;
}
.arhiva .intro {
float: none;
margin: 0;
padding-right: 0;
min-height: 0;
width: auto;
}
.arhiva .intro ul {
float: left;
font-size: 1em;
width: 50%;
}
.arhiva .recent {
text-align: left;
margin: 20px 0 100px -12.4%;
padding: 30px 0 30px 12.5%;
width: 100%;
}
.arhiva .festivali {
margin-top: 0;
clear: both;
}
.arhiva .project, .arhiva .project.first {
background: url(../img/footer.png) repeat-x;
height: auto;
left: 0;
margin: 25% -12.4% 0;
padding: 5% 12.5% 0;
width: auto;
}
.arhiva .title {
text-align: left;
margin-bottom: 1.5em;
width: auto;
}
.arhiva .summary {
margin: 0 -12.4%;
min-height: 0;
padding: 20px 12.5%;
width: auto;
}
.arhiva .summary p {
max-width: none;
}
.arhiva .project h2 {
margin-right: 0;
padding-right: 0;
}
.arhiva .screens {
height: auto;
margin: 0;
overflow: visible;
width: auto;
}
.arhiva .screens ul {
height: auto;
margin: 0 0 0 -31px;
}
.arhiva .screens img {
display: block;
margin: 0;
max-width: 600px;
width: 100%;
}
.arhiva .features {
margin: 20px 0 25% 0;
width: auto;
}
.arhiva .features ul, #container .features ul li {
margin-left: 0;
}
.organizator #main {
margin-left: 0;
}
.organizator .naslov {
margin-bottom: 0;
padding-top: 0;
}
.organizator .main-content {
float: none;
width: auto;
}
.organizator .main-content .role {
margin-right: 0;
}
.organizator .main-content .section {
margin-bottom: 2em;
}
.organizator .pomoc {
float: none;
margin: 30px 0 0 0;
}
.organizator .pomoc .inner {
background: none;
color: #000;
font-family: inherit;
margin: 0;
padding: 0;
text-shadow: none;
width: auto;
}
.organizator .pomoc h2, .organizator .pomoc a {
color: #000;
}
#kontakt-info {
margin: 0 -12.4%;
padding: 40px 12.5%;
position: static;
}
#kontakt-info .wrapper {
width: auto;
}
#kontakt-info dl {
font-size: 1em;
line-height: 1.25;
}
#kontakt-info dd {
margin: 0 0 1em 0;
}
.kontakt-info #container {
min-height: 100%;
padding-bottom: 0;
}
.kontakt-info #kontakt-info {
left: 0;
margin-bottom: 0;
}
}
@media all and (max-width:760px) {
}
@media all and (max-width:660px) {
footer nav {
padding: 0 4.55%;
}
}
@media all and (max-width:600px) {
* {
float: none !important;
font-family: calibri, candara, segoe, 'segoe ui', optima, sans-serif;
text-shadow: none !important;
}
body, html {
height: auto;
}
body {
background: url(../img/mobile-body.jpg) #FCF8ED;
font-family: calibri, candara, segoe, 'segoe ui', optima, sans-serif;
font-size: 90%;
line-height: 1.3;
min-width: 300px;
-webkit-text-size-adjust: none;
}
strong {
font-family: inherit;
}
li, .arhiva .intro li {
background: none;
list-style: disc;
margin-left: 2em;
padding-left: 0;
text-indent: 0;
}
#container #logo {
margin-left: 0;
}
#container .naslov, .naslovnica #container .naslov {
margin: 30px 0 0 0;
padding: 0;
text-shadow: none;
}
#container .naslov .naslov-glavni, .naslovnica #container .naslov p {
font-size: 20px;
letter-spacing: 0;
}
#container .naslov .naslov-podnaslov {
font-size: 18px;
letter-spacing: 0;
}
header nav {
left: 0;
width: auto;
font-size: 93%;
}
header nav a {
left: 0;
width: auto;
font-size: 73%;
font-family: BrandonGrotesqueBold, 'century gothic', centurygothic, 'apple gothic', 'trebuchet ms', sans-serif;
}
#container .main-nav {
display:none;
}
.naslovnica nav {
display: block;
}
.main-nav li {
float: left !important;
text-align: center;
}
.main-nav li .menu-item-title {
padding: 15px 0;
border-left: 1px solid #ccc;
}
.main-nav .festival .menu-item-title {
border-left: none;
}
footer {
font-size: 70%;
}
h1, h2, .arhiva .title h3, .arhiva .intro h2, .naslovnica h2 {
background: none;
font-size: 24px;
}
.arhiva .recent {
font-size: 18px;
}
p {
line-height: inherit;
}
.naslovnica .cta {
margin-left: 0;
border-top: 0px solid #fff;
margin-top: 50px;
padding-top: 0px;
max-width: 100%;
width: 100%;
position: relative;
color: #000;
display: block;
font-weight: normal;
font-size: 17px;
display:block;
}
footer {
letter-spacing: 0;
margin: 0;
overflow: visible;
padding: 0;
}
footer nav {
padding: 0px 0 0;
width: auto;
max-width: 280px;
float: left !important;
margin-right: 7px;
}
footer nav a {
font-size: 1.673em;
margin: 0 0 5px 5px;
padding: 5px 7px 6px;
}
footer nav a.first i { color:#000; }
footer .copyright {
color: #000; }
.naslovnica .project .title h3, .naslovnica .project .title h4 {
color: #000;
font-size: 1.1em;
line-height: 1.1;
}
.naslovnica .project .title h3 {
margin-bottom: 17px;
}
.naslovnica .project .title h4 {
font-family: BrandonGrotesqueLight, calibri, candara, segoe, 'segoe ui', optima, sans-serif;
margin-bottom: 0;
color: #000;
font-size: 0.9em;
line-height: 1.1;
}
.naslovnica .project .title h4 i { display:none;}
.organizator .naslov-glavni, #container .naslov .naslov-podnaslov {
font-family: BrandonGrotesqueRegular, calibri, candara, segoe, 'segoe ui', optima, sans-serif;
}
.naslovnica #container {
min-height: 0;
}
.naslovnica #main {
padding: 0;
}
.naslovnica #main .article, .naslovnica #main .article.last {
margin: 0 0 10% 0;
width: auto;
}
.naslovnica #main .section-festival {
margin: 0;
width: auto;
}
.naslovnica #recent-work {
height: auto;
margin: 0;
overflow: visible;
width: auto;
}
.naslovnica .naslov {
color: #000;
font-family: BrandonGrotesqueLight, calibri, candara, segoe, 'segoe ui', optima, sans-serif;
}
.naslovnica .naslov strong {
font-family: BrandonGrotesqueMedium, calibri, candara, segoe, 'segoe ui', optima, sans-serif;
color: #000;
}
.naslovnica #recent-work .recent-work-inner {
height: auto;
margin-top: 300px;
overflow:visible;
}
.naslovnica .project .title h3 span {
color: #000;
font-size: 38px;
line-height: 70px;
}
.naslovnica #recent-work .our-work {
width: auto;
}
.naslovnica #recent-work .our-work li {
background: none;
height: auto;
}
.naslovnica #recent-work h2, .naslovnica #recent-work .button {
position: static;
margin: 0;
}
.naslovnica #recent-work h2 {
color: #F8F3E4;
background: url("img/arhiva_bg.jpg") repeat scroll 0 0 #BD5127;
font-size: 18px;
font-family: BrandonGrotesqueMedium, calibri, candara, segoe, 'segoe ui', optima, sans-serif;
margin: -270px -5.5% 5%;
padding: 20px 5.5%;
text-shadow: 2px 0 rgba(85, 0, 0, 0.5);
text-transform: none;
}
.naslovnica #recent-work h2 .featured {
display: inline;
text-indent: 0;
}
.naslovnica #recent-work .title {
float: none;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
.naslovnica #recent-work .title hgroup {
float: none;
left: 0;
margin: 0;
padding: 0;
text-align: left;
width: auto;
}
.naslovnica #recent-work .title .button {
float: none;
margin: 1em 0 0 0;
}
.naslovnica #recent-work .oi-carousel-controls, .naslovnica #recent-work .project img {
display: none;
}
.naslovnica #recent-work .project .title h3, .naslovnica #recent-work .project .title h4 {
color: #000;
margin-bottom: .1em;
font-size: 24px;
}
.naslovnica #recent-work .project .title h3 {
font-family: BrandonGrotesqueBlack, 'century gothic', centurygothic, 'apple gothic', 'trebuchet ms', sans-serif;
font-weight: bold;
}
.naslovnica #recent-work .project .title h4 {
font-size: 24px;
font-family: BrandonGrotesqueRegular, calibri, candara, segoe, 'segoe ui', optima, sans-serif;
margin-bottom: 0.5em;
}
.naslovnica #recent-work .dan1 .title h4 {
color: #BD5127;
}
.naslovnica #recent-work .dan2 .title h4 {
color: #126A98;
}
.naslovnica #recent-work .dan3 .title h4 {
color: #CC8302;
}
.naslovnica #recent-work .dan4 .title h4 {
color: #206B95;
}
.naslovnica .project .screenshot-wrapper {
margin-bottom: 15%;
}
.naslovnica #recent-work .project img {
display: block !important;
}
.festival #container .naslov-glavni {
color: #4F9FCB;
}
.arhiva .festivali {
margin: 0;
padding: 0;
}
.arhiva .project {
margin: 15% 0;
padding: 0;
}
.arhiva .project.first {
margin: 5% 0 0 0;
padding: 0;
}
.arhiva .summary {
background-image: none;
font-size: 18px;
line-height: 1.4;
margin: 0 -5.5%;
padding: 20px 5.5%;
}
.arhiva .screens ul {
margin: 0;
}
.arhiva .screens img {
background: none;
padding: 0;
}
.arhiva .recent {
margin: 0 -5.5%;
padding: 20px 5.5%;
}
.organizator .naslov-glavni {
letter-spacing: -1px;
}
#kontakt-info {
background-image: none;
margin: 0;
padding: 0;
}
.kontakt-info #kontakt-info {
background: none;
color: #000;
left: 0;
}
.kontakt-info #kontakt-info a {
border-color: #000;
color: #000;
}
}
@media all and (-webkit-min-device-pixel-ratio:2) and (max-width:600px) {
}
@media all and (max-width:320px) {
footer nav {
margin-right: 0;
}
footer nav a{
padding: 6px 8px;
}
}