@import url("reset.css");
* { /* za teksta pri mobilni, az ne vijdam razlika */
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;   
}
/* Dobavqme shriftovete */
@font-face {
	font-family: 'BertaDrug';
	src: url('../fonts/bertadrug.eot');
	src: url('../fonts/bertadrug.woff') format('woff'), 
            url('../fonts/bertadrug.ttf') format('truetype'), 
            url('../fonts/bertadrug.svg') format('svg');
}
@font-face {
	font-family: 'VTCorona';
	src: url('../fonts/dscorcyr.eot');
	src: url('../fonts/dscorcyr.woff') format('woff'), 
            url('../fonts/dscorcyr.ttf') format('truetype'), 
            url('../fonts/dscorcyr.svg') format('svg');
}

/* FONTS Styles */
.vtcorona {
    font-family: 'VTCorona', sans-serif;
}
.bertadrug {
    font-family: 'BertaDrug', sans-serif;
}
.ptsans {
    font-family: 'PT Sans', sans-serif;
}
/* CLEAR STYLE */
.clear {clear: both;}
a { outline: none; } /* za Firefox pri cklick na buton si pravi ramka */

/* BACKGROUND PICTURES  
*/
body {

    font-size: 10px;    
    -webkit-transition: background-image 1s ease-in-out;
    -moz-transition: background-image 1s ease-in-out;
    -ms-transition: background-image 1s ease-in-out;
    -o-transition: background-image 1s ease-in-out;
    transition: background-image 1s ease-in-out;
 }
 #loading {
    background: url('../images/spinner.gif') no-repeat center center;
    height: 64px;
    width: 64px;
   position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}
/* zarejda background snimkite v cache-to - body:after */
body:after{
    display:none;
    content: url("../images/backgr/_00home.jpg") url("../images/backgr/02actors.jpg") 
             url("../images/backgr/03crew.jpg") url("../images/backgr/07press.jpg")
             url("../images/backgr/08contacts.jpg") url("../images/backgr/09news.jpg")
             url("../images/backgr/_01sinopsis_tech_prod.jpg") url("../images/backgr/_01personagi.jpg")
             url("../images/backgr/_01sarajevo.jpg") url("../images/backgr/02margita.jpg")
             url("../images/backgr/02manza.jpg") url("../images/backgr/02bashich.jpg")
             url("../images/backgr/02dragan.jpg")
             ;
}
#preloading{
    display:none;
}
.homeBG {background:#ffffff url("../images/backgr/_00home.jpg") no-repeat center top scroll;}
.filmBG {background:#ffffff url("../images/backgr/_01sinopsis_tech_prod.jpg") no-repeat center top scroll;}
    .synopsisBG {background:#ffffff url("../images/backgr/_01sinopsis_tech_prod.jpg") no-repeat center top scroll;}
    .personajiBG {background:#ffffff url("../images/backgr/_01personagi.jpg") no-repeat center top scroll;}
    .sarajevoBG {background:#ffffff url("../images/backgr/_01sarajevo.jpg") no-repeat center top scroll;}
    .productionBG {background:#ffffff url("../images/backgr/_01sinopsis_tech_prod.jpg") no-repeat center top scroll;}
    .techinfoBG {background:#ffffff url("../images/backgr/_01sinopsis_tech_prod.jpg") no-repeat center top scroll;}
.actorsBG {background:#ffffff url("../images/backgr/02actors.jpg") no-repeat center top scroll;}
    .margitaBG {background:#ffffff url("../images/backgr/02margita.jpg") no-repeat center top scroll;}
    .manzaBG {background:#ffffff url("../images/backgr/02manza.jpg") no-repeat center top scroll;}
    .bashichBG {background:#ffffff url("../images/backgr/02bashich.jpg") no-repeat center top scroll;}
    .draganBG {background:#ffffff url("../images/backgr/02dragan.jpg") no-repeat center top scroll;}
.crewBG {background:#ffffff url("../images/backgr/03crew.jpg") no-repeat center top scroll;}
.videoBG {background:#ffffff url("../images/backgr/06video.jpg") no-repeat center top scroll;}
.pressBG {background:#ffffff url("../images/backgr/07press.jpg") no-repeat center top scroll;}
.contactsBG {background:#ffffff url("../images/backgr/08contacts.jpg") no-repeat center top scroll;}
.newsBG {background:#ffffff url("../images/backgr/09news.jpg") no-repeat center top scroll;}    
.news_fullBG {background:#ffffff url("../images/backgr/09news.jpg") no-repeat center top scroll;}     
    
/* LOGOS */
#logo {
    width: 960px;
    position: absolute;
    top: 326px;
}
#logo_home {
    width: 960px;
}
.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.logo_home {
    width: 660px;
    height: 103px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
}

.slogan {
    font-size: 23px;
    letter-spacing: 5px;
    text-align: center;
    transform:rotate(3deg);
    -ms-transform:rotate(3deg); /* IE 9 */
    -webkit-transform:rotate(3deg); /* Opera, Chrome, and Safari */
    -o-transform: rotate(3deg);
    color: #6E7172;
    padding-top: 42px;
}

/* WRAPPERs */
#wrapper {
    display: none;
    width: 1030px;
    margin:0 auto;
    position: relative;
    height: 1950px;
}
#mainTxtWrap {    /*  bqloto pole */
    position: absolute;
    top: 610px;
    width: 960px;
    height: 180px;
}

/* HEADER*/
header {
    height: 598px;
}
#annonce-wrap {
    width: 1030px;
    position: absolute;
    top:503px;
}
#annonce {
    height: 46px;
    margin-bottom: 2px;
    border-top: 1px solid #000;
    width: 960px;
    float: left;
}
#annonce-txt {
    float: left;
    color: #e54d36;
    font-size: 20px;
    padding-top: 13px;
}
#annonce-txt a{
    text-decoration: none;
    color: #e54d36;
}

/* NOVINI BUTON */
#newsbutton {
    float: right;
    width: 100px;
    text-align: center;
    padding-top: 15px;
}
#newsbutton a{
    text-decoration: none;
    font-size:  15px;
/*  line-height: 1.8;  */
    color: #6A6C5E;
}
#newsbutton a:hover{
    text-decoration: none;
    color: #E54D39;
}
#newsbutton a.active{
    color: #E54D39;
}
/* LANGUAGE BUTON */
#language {
    float: right;
    width: 47px;
    background: rgba(122, 123, 125, .5);    
    text-align: center;
    font-size: 23px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#language a{

    text-decoration: none;
    color: rgba(255, 255, 255, 1);
}
#language a:hover{
    text-decoration: none;
    color: rgba(255, 255, 255, .5);
}
/* MUTE DOWNLOAD BUTTONS */
#mute {
    float: right;
    height: 405px;
    margin-left: 5px;
    width: 65px;
}
#mute img {
margin-bottom: 3px; 
margin-top: 3px; 
}
/* DOWNLOAD DROP DOWN MENU */
.submenu {
    list-style: none;
    padding: 0;
    width: 150px; 
    height: 40px; 
    position: relative; 
    z-index: 100;
}
.submenu li {
    display: none; 
    background-color: #7a7b7d;
    border-bottom: 7px solid #fff;
    margin-left: 25px;
    z-index: 1000;
    margin-top: -5px;
}
.submenu li:first-of-type {
    -moz-border-radius-topleft: 7px;
    -webkit-border-top-left-radius: 7px;
     border-top-left-radius: 7px;
}
.submenu:hover li {
    display: block; 
}
.submenu li a{
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    width: 150px;
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    line-height: 24px;
    cursor:default;
}

.submenu li:hover {
   background-color: #5A4A3C;
   cursor:default;
}
/* NAVIGATION */
nav {
    position: absolute;
    top:551px;
    height: 47px;
    background: rgba(122, 123, 125, .5);
    display: table;
    width: 960px;
}
nav#mainNav {
    font-family: 'BertaDrug', sans-serif;
    font-size-adjust: none;
    font-size: 15px;
    text-align: center;
}
nav#mainNav ul  {
    display: inline-block;
    width: 100%;
}
nav#mainNav ul li {
    display: inline-block;
    padding-top: 16px;
 /*  line-height: 1.8;  */
    padding-left: 28px; /* 10px */
    padding-right: 28px;
}
nav#mainNav ul li a{
    text-decoration: none;
    color: rgba(255, 255, 255, .4);
}
nav#mainNav ul li a:hover{
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
}
nav#mainNav.homeWhite ul li a{
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
}
/* links active state triangle */

nav#mainNav ul li.active {
    	position: relative; 
}
nav#mainNav ul li.active:after {
    top:46px;
    left: 42%;
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
     border-style: inset;
    border: 10px solid;
    border-color: rgba(110, 113, 114, 1) transparent transparent;
}
nav#mainNav ul li.active a{
    color: rgba(255, 255, 255, 1);
}

/* -------------------- */
/* ---- HOME PAGE ----- */
/* -------------------- */
header#homehead {
    height: 598px;
}
#presents {
    height: 440px;
    text-align: center;
    padding-top: 62px;
    color: #6E7172;
}
#presents p {
    font-family: 'BertaDrug', sans-serif;
    font-size: 14px;
    padding-bottom: 13px;
    letter-spacing: 1px;
    transform:scale(.85,1); 
    -webkit-transform:scale(.85,1);
    -ms-transform: scale(.85,1); /* IE 9 */
}
#presents p.positive10 {
margin-left: 10px;
}
#presents p a {text-decoration: none; color: #6E7172;}
#presents p span {
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    display:inline-block;
    letter-spacing: 2px;
    transform:scale(.75,1); 
    -webkit-transform:scale(.75,1);
    -ms-transform: scale(.75,1); /* IE 9 */
}
#presents p span.negative20 { margin-right: -20px;}
#presents p span.negative15 { margin-right: -15px;}
#presents_actors {
    font-family: 'VTCorona', sans-serif;
    font-size: 21px;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 35px;
}
#presents_actors a {text-decoration: none; color: #6E7172;}
.presents_actors1 {
    display:inline-block;
    width: 70px;
    padding-left: 25px;
    padding-right: 25px;
}
/* s podkrepata na */
#spodkrepata {
    margin-top: 750px;
    text-align: center;
    color: #6E7172;
}
#spodkrepata p {
    font-family: 'BertaDrug', sans-serif;
    font-size: 14px;
    padding-bottom: 15px;
    letter-spacing: 1px;
        transform:scale(.85,1); 
    -webkit-transform:scale(.85,1);
    -ms-transform: scale(.85,1); /* IE 9 */
    display:block;
}
#spodkrepata p a {text-decoration: none; color: #6E7172;}

#spodkrepata p span {
    text-transform:uppercase;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    display:block;
    letter-spacing: 4px;
        transform:scale(.85,1); 
    -webkit-transform:scale(.85,1);
    -ms-transform: scale(.85,1); /* IE 9 */
    display:inline-block;
}
img.dolbylogo {
    margin-top: 50px;
}

/* ---------------- */
/* ----- FILM ----- */
/* ---------------- */
#zafilmaLinks {
    float: left;
    width: 310px;
    padding-top: 10px;
    font-family: 'BertaDrug', sans-serif;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 1px;
    transform:scale(.85,1); 
    -webkit-transform:scale(.85,1);
    -ms-transform: scale(.85,1); /* IE 9 */
    display:block;
}
#zafilmaLinks a {
    text-decoration: none;
    color: #C5C6C7;
}
#zafilmaLinks a:hover {
    color: #6E7172;
}
#zafilmaLinks a.active {
    color: #6E7172;
}
#zafilmaTxt {
    float: right;
    overflow-y:hidden;
    width: 630px;
    height: 173px;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    line-height: 21px;
    color: #6C7172;
} 
#zafilmaTxt a {text-decoration: none;}

/* personaji margita/manza links */
#zafilmaTxt span {
        font-family: 'BertaDrug', sans-serif;
    font-size: 14px;
    line-height: 35px;
    letter-spacing: 1px;
    transform:scale(.85,1); 
    -webkit-transform:scale(.85,1);
    -ms-transform: scale(.85,1); /* IE 9 */
    display:block;
    margin-left: -48px;
    padding-bottom: 5px;
}
#zafilmaTxt span a {
    text-decoration: none;
    color: #C5C6C7;
}
#zafilmaTxt span a:hover,  #zafilmaTxt span a.active{
    color: #6E7172;
}

/* ---------------- */
/* ---- ACTORS ---- */
/* ---------------- */
#actorsChar {
    float: left;
    width: 200px;
    padding-top: 20px;
    padding-left: 20px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #6E7172;
}
#actorsLinks {
    float: left;
    width: 200px;
    padding-top: 20px;
    padding-left: 0px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #6E7172;
}
#actorsLinks a {
    text-decoration: none;
    color: #6E7172;
}
#actorsLinks a:hover {
    color: #6E7172;
    text-decoration: underline;
}
#actorsLinks a.active {
    color: #6E7172;
    text-decoration: underline;
}
#actorsTxt {
    float: right;
    overflow-y:hidden;
    width: 540px;
    height: 175px;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #6C7172;
} 
#actorsTxt a {text-decoration: none;}


/* ---------------- */
/* ----- CREW ----- */
/* ---------------- */
#crewTxtWrap {    /*  bqloto pole */
    position: absolute;
    top: 610px;
    width: 960px;
    height: 180px;
}
#crew {
    float: left;
    width: 300px;
    text-align: right;
}
#crew p.crewName { /* Niki Todorov */
    padding-top: 10px;
    font-family: 'BertaDrug', sans-serif;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 1px;
    transform:scale(.85,1); 
    -webkit-transform:scale(.85,1);
    -ms-transform: scale(.85,1); /* IE 9 */
    display:block;   
    color: #6E7172;
    margin-right: -25px;
}
#crew p.crewRole { /* scenarii i postanovka */
    font-family: 'PT Sans', sans-serif;
    font-size: 17px;
    display:block;
    letter-spacing: 0px;
    transform:scale(.75,1); 
    -webkit-transform:scale(.75,1);
    -ms-transform: scale(.75,1); /* IE 9 */ 
    color: #6E7172;
    margin-top: 5px;
    margin-right: -42px;
}
#crewTxt {
    float: right;
    overflow-y:hidden;
    width: 620px;
    height: 160px;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #6C7172;
    margin-top: 10px;
} 
#crewTxt a {text-decoration: none;}

/* crew links */
#crewLinks {    /*  bqloto pole */
    position: absolute;
    top: 855px;
    width: 960px;
    text-align: center;
    color: #fff;
}
#crewLinks span a {
    font-family: 'BertaDrug', sans-serif;
    font-size: 20px;
    padding-bottom: 18px;
    letter-spacing: 1px;
    transform:scale(.85,1); 
    -webkit-transform:scale(.85,1);
    -ms-transform: scale(.85,1); /* IE 9 */
    color: #fff;
    text-decoration: none;
    padding-left: 15px;
}
#crewLinks span {
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    display:inline-block;
    transform:scale(.75,1); 
    -webkit-transform:scale(.75,1);
    -ms-transform: scale(.75,1); /* IE 9 */
    line-height: 35px;
}
#crewLinks span.negative80 { margin-left: -80px;}
#crewLinks span.negative15 { margin-left: -15px;}

/* other crew / no links */
#crewOther {
    position: absolute;
    top: 1100px;
    width: 960px;
    color: #fff; 
    font-family: 'PT Sans', sans-serif;
    font-size: 17px;
    display:inline-block;
    transform:scale(.75,1); 
    -webkit-transform:scale(.75,1);
    -ms-transform: scale(.75,1); /* IE 9 */
    line-height: 23px;
    text-transform: uppercase;
}
#crewOtherRoles {
    float: left;
    text-align: right;
    width: 49%;
}
#crewOtherNames {
    float: right;
    text-align: left;
    width: 49%;
}
#crewFilmFooter {
    text-align: center;
    position: absolute;
    bottom: 100px;
    width: 960px;
    color: #fff; 
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    line-height: 17px;
}

/* ---------------- */
/* ----- PRESS ---- */
/* ---------------- */
#pressTxt {
    float: left;
    overflow-y:hidden;
    width: 960px;
    height: 170px;
    font-family: 'PT Sans', sans-serif;
    color: #6C7172;
} 
#pressNews {
    padding: 10px;
    margin-bottom: 15px;
}
#pressNews a {
    font-size: 23px;
    color: #6C7172;
    text-decoration: none;
}
#pressNews a:hover {
    text-decoration: none;
}
#pressNews p { /* date */
    font-size: 15px;
    font-style: italic;
    padding-top: 10px;
}
#pressNews p span { /* iztochnik */
    font-size: 15px;
    color: #E54D39;
    padding-left: 20px;
}

/* ---------------- */
/* --- CONTACTS --- */
/* ---------------- */
#contactsTxt {
    float: left;
    overflow-y:hidden;
    width: 960px;
    height: 170px;
    font-family: 'PT Sans', sans-serif;
    color: #6C7172;
    padding-left: 150px;
    padding-top: 30px;
    font-size: 16px;
    line-height: 22px;
} 
#contactsTxt a {text-decoration: none; color: #6C7172;}
#contactsTxt p.title {
    font-size: 21px;
    padding-bottom: 5px;
}

/* ---------------- */
/* ----- NEWS ----- */
/* ---------------- */
#newsTxt {
    float: right;
    overflow-y:hidden;
    width: 900px;
    height: 170px;
    color: #6C7172;
    font-family: 'PT Sans', sans-serif;
} 
#containerNews {
    font-size: 23px;
    padding-bottom: 25px;
    padding-right: 200px;
    line-height: 26px;
}
#containerNews a {
    font-size: 13px;
    color: #E54D39;
    font-style: italic;
    text-decoration: underline;
}
#containerNews a:hover {
    text-decoration: underline;
}

#newsLink{
    position: absolute;
    top: 100px;
    width: 30px;
    height: 0px;
    font-size: 17px;
    color: #E54D39;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform:rotate(270deg); /* IE 9 */
    transform:rotate(270deg);
}
#newsLink a {
    text-decoration: none;
    color: #E54D39;
}
/* ---------------- */
/* --- NEWS FULL -- */
/* ---------------- */
#newsfullTxt {
    float: right;
    overflow-y:hidden;
    width: 900px;
    height: 170px;
    color: #6C7172;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    line-height: 19px;
} 
#newsfullTxt p.title {
    font-size: 23px;
    padding-top: 5px;
    padding-bottom: 17px;
    line-height: 26px;    
}
#newsfullTxt a {text-decoration: none; color: #E54D39; }

/* ---------------- */
/* ----- VIDEO ---- */
/* ---------------- */
#videoBox {
    text-align: center;
    width: 853px;
    height: 480px;
    margin: 0 auto;
    margin-top: 30px;
    background-color: #000;
    border: 25px solid #fff;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 18px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 18px 0px rgba(50, 50, 50, 0.75);
}

/* ------ FB ------ */
/* --- RIGHT BAR -- */
/* ---------------- */
#rightBar {
    position: absolute;
    right:0px;
    top:598px;
    height: 170px;
    background:url("../images/signature.jpg") no-repeat right top;
}
#rightBar #fb_button {
   padding-top: 5px;
    padding-right: 55px;
    float:right;
}
#rightBar #fb_button img:hover{
    opacity: 0.8;
}
#rightBar #imdb_button {
   padding-top: 8px;
    padding-right: 7px;
    float:right;
}
#rightBar #imdb_button img:hover{
    opacity: 0.8;
}
@media (max-width: 1250px) {
  #rightBar {
    display: none;
  }
}
@media (max-width: 1250px) {
  #dvd {
    display: none;
  }
}
#dvd {
    position: relative;
    margin-top: 55px;
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
    color: #6E7172;
    margin-left: 20px;
}
#dvd a{
    text-decoration: none;
    color: #6E7172;
}
#dvd a span{
    position:absolute;
    display: block;
    font-size: 16px;
    text-align: left;
    left: -90px; 
    top: 85px;    
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); /* IE 9 */
    -webkit-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
    -o-transform: rotate(-90deg);
    
}
#dvd a img {
    width: 125px; height: 160px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.5);
}
/* OTHER STYLES */
.hidden {
    display: none;
}
.show {
    display: block;
}

/* FOOTER */
footer {
    position:absolute;
    width: 100%;
    bottom:0px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'PT Sans', sans-serif;
    font-size: 12px;
    color: #6E7172;
    line-height: 17px;
}
footer a:hover{text-decoration: underline;}
footer a{text-decoration: none; color: #6E7172; }