body{
	overflow-x: hidden; 
}
 .nav-bg{

	height: 60px !important;
	background: url(../images/nav-bg.png) repeat-x;
	display: inline-block;
	border-color: transparent !important;
	color: #fff;
	width: 100%;
}

.fixed{

	position: fixed;
	width: 100%;
	z-index: 998
}

ul li {

	display: block;
	position: relative;
	float: left;
}

li ul {
	display: none;}

ul li a {

	display: block; 
	white-space: nowrap;
}


li:hover .sub-menu {

	display: block; 
	position: absolute;
	overflow: hidden;
	background-color:rgba(0,0,0,0.80);

}
.right-block-mob{
	display: none !important;
}

.hidden-d{
    	display: none !important;
    }

    .sub-menu{
    	margin-top: -1px;
    }

	.sub-menu li{

		width: 100px;
		margin-left: -30px;
		display: block;
		position: relative;
		display: none;
		z-index:999;

	}

	.sub-menu li a{

		display: block;

	}

	.sub-menu li:hover ul{

		display: block; position: absolute;

	}


	.sub-menu li:hover li{

		float: none;

	}



#nav-bg .main-navigation{
	list-style: none;
	margin: 0px;
	padding:0px;
	display: inline-block;
	margin-left: 50px;	
}

	#nav-bg .main-navigation li{
		display: inline-block;
		position: relative;
	}

	#nav-bg	.main-navigation li a{
			display: block;
			height: 60px;
			color: #fff;
			text-decoration: none;
			padding: 0px 15px;
			line-height: 60px;
		}

			#nav-bg .main-navigation li a:hover{

				color:#4099ff;

			}

		#nav-bg .main-first-child a{

			padding-left: 0px;

		}



	#nav-bg .active{

		color: #4099ff !important;

	}



	.language-block{
	

		float: left;

		margin-right: 20px;

	

}

	.language-block a{

		line-height: 60px;

		margin: 0 2px;

		color: #fff;

		text-decoration: none;

	}

	.language-block a:first-child{

		padding-right: 8px;

		border-right: 1px #fff solid;

	}

	.language-block a.activ-language{

		color: #4099ff;

	}

.social-block{

	float: left;

	display: inline-block;

	list-style: none;

	margin-top: 14px;

}

	.icon{

		display: inline-block;

		width: 32px;

		height: 32px;

		margin: 0 5px;

		border: 2px #fff solid;

		-webkit-border-radius:50%;

		-moz-border-radius:50%;

		-o-border-radius:50%;

		-ms-border-radius:50%;

		border-radius:50%;

	}



.line-block{

	position: fixed;

	left: 0px;

	top: 160px;

	width: 190px;

	border-right: 1px #fff solid;

	height: 100%;
	

}

.line-block-home{
	background: rgba(0,0,0,0.4);
	padding-top: 15px;
}

.title-of-page, .title-of-page-2{

	position: relative;

	top: 100px;

	right: -15px;

	min-width: 300px;

	-webkit-transform:rotate(-90deg);

	-moz-transform:rotate(-90deg);

	-ms-transform:rotate(-90deg);

	transform:rotate(-90deg);

}

.title-of-page-2{

	top: 135px;

}

.sub-header{
	width: 320px;
	position: absolute;
	color: #fff;
	font-size: 14px;
	top: 75px;
	left: 15px;
	line-height: 20px;
	padding: 5px 10px;
	text-align: center;
}

.rewards-block{
	text-align: center;
}

.rewards-block p{
	color: #fff;
	font-size: 10px;
	padding: 10px;
}

.rewards-block img{
	height:32px;

}

.citati-wrap{
	overflow: hidden;
	width: 100%;
	margin-top: 200px;
}

.citati{
	text-align: center;
	width: 100%;
	background: rgba(0,0,0,0.5);
	min-height: 110px;
	max-height: 110px;
	margin: 0 auto;
	padding: 0;
	padding-top: 10px;
}

.carousel-nav{
	text-align: center;
}

.carousel-nav a{
color: #fff;
font-size: 25px;
padding: 0 10px;
}

.carousel-nav a:hover{
color: #909090;
text-decoration: none;
}

.citati  p{
	color: #fff;
	width: 100%;
	padding: 5px;
}

.p-t-100{

	padding-top: 100px;

}

.home-trailer, .videos-trailer{

	margin-top: 250px;

	/*height: 546px;*/

	margin-bottom: 50px;

}

.naslovna-trailer{
	margin-top: 30px;
}



.videos-trailer{

	margin-top: 5px;

	padding-right: 0px;

}



.video-teasers article{

	margin-bottom: 50px;

}

.video-teasers-container{
	margin-left: 0!important;
}

.teasers-container{

	padding-left: 15px;

}

.teasers-container article{

	padding: 0px;

}

.left-0{

	margin-left: 0px !important;

}

.news-block, .about-b{

	background-color: rgba(0,0,0,0.65);

	overflow: hidden;

	margin-bottom: 30px;

	padding-bottom: 20px;

	min-height: 386px;

}

	.news-block:hover{

		background-color: rgba(0,0,0,0.8);

	}

	.news-block img{

		width: 100%;
		height: auto;
	}

	.news-block iframe{
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;  
	}

	.news-a .teaser-news{
		height: 100%!important;
		display: block;

	}

	.news-a {
		color: #fff!important;

	}

	.news-a:hover{
		text-decoration: none !important;
	}

.title-news, .about-b--title{

	margin: 20px 10px 19px 10px;

	text-transform: uppercase;

	color:#fff;

	font-family: 'dinprolight', Arial, sans-serif;

	font-weight: 300;

	font-size: 18px;

	height: 45px;

	overflow: hidden;

}

.news-block .title-news{
	height: auto;
}

.about-b--title{

	margin: 20px 15px 5px 15px;

	font-size: 36px;

	height: 45px;

	overflow: hidden;

}

.date-news{

	font-size: 14px;

	color:#fff;

	text-align: center;

	font-family: 'dinprolight', Arial, sans-serif;

	padding-right: 0px;

}

.teaser-news{

	color: #fff;

	font-size: 13px;

	font-family: 'dinprolight', Arial, sans-serif;

}

.text-news{

	color: #fff;

	font-size: 16px;

	line-height: 22px;

	font-family: 'dinprolight', Arial, sans-serif;

}

.text-news p{

	margin-top: 0px;

}

.read-more{

	margin: 20px 15px 0 0;

	color: #fff;

	font-family: 'dinprolight', Arial, sans-serif;



}

	.read-more:hover{

		color: #4099ff;

		text-decoration: none;

	}

.thumbs-block{

	overflow: hidden;

	margin-bottom: 30px;

	position: relative;

	display: block;

}

.photos img{
	margin-bottom: 20px;
}

/*---------------*/



/***** Milo *****/



/*---------------*/



figure.effect-milo {

	background: #9e9b7c;

	width: 310px;

	height: 210px;

	overflow: hidden;

}



figure.effect-milo img {

	/*width: -webkit-calc(100% + 60px);

	width: calc(100% + 60px);*/

	opacity: 1;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(0px,0,0) scale(1);

	transform: translate3d(0px,0,0) scale(1);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



figure.effect-milo:hover img {

	opacity: 0.5;

	-webkit-transform: translate3d(0,0,0) scale(1.12);

	transform: translate3d(0,0,0) scale(1.12);

}



figure.effect-milo h2 {

	position: absolute;

	right: 0;

	bottom: 0;

	padding: 1em 1.2em;

}



figure.effect-milo div {

	padding: 0 0px 0 8px;

	margin-top: 22px;

	width: 80%;

	border-left: 4px solid #fff;

	text-align: left;

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(0px,0,0);

	transform: translate3d(0px,0,0);

}



figure.effect-milo:hover div {

	opacity: 1;

	-webkit-transform: translate3d(40px,0,0);

	transform: translate3d(40px,0,0);

}

.desc-block{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}





/*-------------------------------------------------------



		MODAL



---------------------------------------------------------*/

.sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}

.sr-only-focusable:active,

.sr-only-focusable:focus {

  position: static;

  width: auto;

  height: auto;

  margin: 0;

  overflow: visible;

  clip: auto;

}

.modal-open {

  overflow: hidden;

}

.modal {

  display: none;

  overflow: hidden;

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1050;

  -webkit-overflow-scrolling: touch;

  outline: 0;

  background: rgba(0,0,0,0.8);

}

.modal.fade .modal-dialog {

  -webkit-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

  -webkit-transition: -webkit-transform 0.3s ease-out;

  -moz-transition: -moz-transform 0.3s ease-out;

  -o-transition: -o-transform 0.3s ease-out;

  transition: transform 0.3s ease-out;

}

.modal.in .modal-dialog {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.modal-open .modal {

  overflow-x: hidden;

  overflow-y: auto;

}

.modal-dialog {

  position: relative;

  width: auto;

  margin: 10px;

}

.modal-content {

  position: relative;

  background-color: #ffffff;

  border: 1px solid #999999;

  border: 1px solid rgba(0, 0, 0, 0.2);

   -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

  /*background-clip: padding-box;*/

  outline: 0;

  height: 100%;

  overflow: hidden;

 }

 .content-desc{

 	overflow: auto;

 	width: 100%;

 	height: 100%;

 }

 .modal-backdrop {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1040;

  background-color: #000000;

}

.modal-backdrop.fade {

  opacity: 0;

  filter: alpha(opacity=0);

}

.modal-backdrop.in {

  opacity: 0.5;

  filter: alpha(opacity=50);

}



.close {

  width: 15px;

  position: absolute;

  top: 95px;

  left:125px;

  background-color: #fff !important;


}

.bio-block{

	height: 100%;

	margin: 160px 0 0 233px;

	width: 480px;

}

.bio-block h3{

	margin-bottom: 5px;

	margin-top: 0px;

}

.bio-block p{

	margin: 0px;

	font-size: 15px;

	margin-bottom: 10px;

}

.modal-footer .btn + .btn {

  margin-left: 5px;

  margin-bottom: 0;

}

.modal-footer .btn-group .btn + .btn {

  margin-left: -1px;

}

.modal-footer .btn-block + .btn-block {

  margin-left: 0;

}

.modal-scrollbar-measure {

  position: absolute;

  top: -9999px;

  width: 50px;

  height: 50px;

  overflow: scroll;

}

@media (min-width: 768px) {

  .modal-dialog {

    width: 100%;

    height: 100%;

    position: absolute;

	left:0;

    right:0;

    margin-left:auto;

    margin-right:auto;

    top: 0%;

    margin:0px;

    z-index: 9999;

  }

  .modal-content {

    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);

  }

  .modal-sm {

    width: 300px;

  }

}

@media (min-width: 992px) {

  .modal-lg {

    width: 100%;

  }

}



.contact-block{

	background:rgba(28,33,34,0.3);

	padding: 30px 40px  30px 40px;

}

.contact-block img{

	display: block;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 42px;

}

.contact-block p{

	font-size: 16px;

	color: #fff;

	line-height: 22px;

	margin: 5px 0;

}

.map{

	width: 100%;

	height: 400px;

	margin-top: 20px;

	margin-bottom: 20px;

}


/*-----------------------------------------------------

(max-width: 1279px)

-----------------------------------------------------*/

@media (max-width: 1279px) {

	/*NAVBAR*/

	.navbar-header .navbar-toggle{
		margin-top: 12px !important;
	}

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
    	padding-right: 0px !important;
    	padding-left: 0px !important;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
  
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
       
    }
    .navbar-nav>li {
        float: none;
    }

    .collapse.in{
        display:block !important;
        overflow-y:hidden!important;
         
    }

    .right-block{
   	
		display: none;	
    }

    .navbar-collapse, .collapse, .in{
    	z-index: 999!important;
    }


    .main-navigation{
    	position: relative;
    	z-index: 999!important;
    	width: 100%;
    	left: 0px;
    	margin-left: 0px !important;
    	height: auto;
    	background-color:black;
    	padding-bottom: 15px !important;
    	
    }


    .main-navigation li{
    	display: block !important;
    	height: 40px;
    	
    }

    #hidden-p{
    	display: none !important;
    }

    .hidden-d{
    	display: block !important;
    }

    .right-block-mob{
	display: inline-block !important;
	width: 100%;
	height: 60px;
}

	.right-block-mob a{
	display: inline-block !important;
	height: 35px!important;
	line-height: 35px !important;
	border-right: 1px solid white !important;
	margin-top: 10px;
	margin-bottom: 10px;
	

	}

	.right-block-mob .activ-language{
	color: #4099ff !important;
	}


    /*LINE BLOCK*/

    .line-block{

	position: static;

	margin-left: -15px;

	margin-top: 160px;

	width: 100%;

	border-right: none;

	height: 100%;

	padding-bottom: 10px;
	background: transparent;

	border-width: 0 0 2px 0;
	-webkit-border-image: 
	-webkit-gradient(linear, 100% 0, 0 0, from(white), to(rgba(255, 255, 255, 0))) 100% 1;
	-webkit-border-image: 
	-webkit-linear-gradient(left, white, rgba(255, 255, 255, 0)) 100% 1;
	-o-border-image:
	     -o-linear-gradient(left, white, rgba(255, 255, 255, 0)) 100% 1;
	-moz-border-image:
	   -moz-linear-gradient(left, white, rgba(255, 255, 255, 0)) 100% 1;   

}

.line-block-2{
	margin-top: 0px;
	margin-bottom: 30px;
}

.line-block-3{
	margin-top: 20px;
	margin-bottom: 30px;
	margin-top: 40px;
	height: auto;
}

.line-block-4{
	margin-top: 0px;
	margin-bottom: 0px;
	top:20px;
}
.rewards-block{
	display:  none;
}

.bio-block{
	margin: 0;
	margin-left: 30px;
	width: 600px;
}

.close{
	left: 30px !important;
	top:95px !important;
}

.left-title-home{
	margin-left: 20px;
}

.title-of-page, .title-of-page-2{

	position: static;

	min-width: 300px;

	-webkit-transform:rotate(0deg);

	-moz-transform:rotate(0deg);

	-ms-transform:rotate(0deg);

	transform:rotate(0deg);

}

.citati-wrap{
	margin-top: 15px;
}

.title-of-page{
	right: -15px;
}

.title-section-right{
	display: none;
}

.left-title-second, .left-sub-title{
	margin-left:40px;
	text-align: left !important;
	margin-top: 0;
}

.container, .container-tab{
	width: 100%;
	margin-left: 0px;
}

.home-trailer{
	width: 990px;
	margin-top: 50px;
	margin-left: auto !important;
	margin-right: auto !important;
}
.video-teasers article{
	height: 100%;
	margin-bottom: 30px;
}


	.news-block iframe{
   
    max-width: 100%;
	}

.video-teasers iframe{
	width: 100%;


}

.video-teasers-container{
	margin-left: auto!important;
	margin-right: auto!important;
	width: 100%;
}

.video-art article{
	padding-left: 10px;
	padding-right: 10px;
}

.photos{
	margin-left: 20px;
}

.sponsors{
	margin-left: 15px;
	margin-right: 15px;
}



}


/*-----------------------------------------------------

(max-width: 992px)

-----------------------------------------------------*/

@media (max-width: 992px) {

	.container-tab{
		margin-left:0px;

	}

	.line-block{
		margin-top: 45px;
	}

	.photos{
	margin-left: 0;
	}

	.videos-trailer, 
	.home-trailer{
		width: 100%!important;
	}



}




@media (min-width: 768px ) and (max-width: 1279px) {
	.navbar-header{
		float: none!important;
	}
}

/*-----------------------------------------------------

(max-width: 767px)

-----------------------------------------------------*/

@media (max-width: 767px) {

	.citati{
		min-height: 155px;
		max-height: 155px;
	}

	.container-tab{
		margin-left:0;
		
	}

	.line-block{
		margin-top: 15px;
	}

	.home-trailer{
		width: 100%;
		
	}

	.home-trailer iframe{
		width: 100%;

	}

	.video-teasers article{
		width: 100%;
	}

	.video-teasers iframe{
		display: block;
		max-width: 340px;	
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.thumbs-block{
		width: 310px;
		margin-left: auto;
		margin-right: auto;
	}

	.photos img{
		width: 310px;
		margin-left: auto;
		margin-right: auto;
	}

	.sponsors{
		margin-left: 0;
		padding-left: 0;
	}

	.sponsors a{
		width: 100%;
	}

	.sponsors img{
		display: block !important;
		width: 310px;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.sponsors h2{
	text-align: center;
	}

	.navbar-header img{
		margin-left: 0;
		margin-top: 3px;
		width: 90%;
	}

	.modal-content{
		/*background-size: contain;*/
	}

	.bio-block{
		width: auto;
		margin-left: 10px;
	}

	.bio-block p{
		color: #fff;
	}

	.close{
		top: 70px !important;
	}

	.content-desc{
		min-height:600px; 
		background-color: rgba(0,0,0,0.5);

	}

	.left-sub-title{
		color: #fff !important;
		padding-top: 5px;
	}

	.left-title-second{
		color: #fff !important;
	}



}

/*-----------------------------------------------------

(max-width: 480px)

-----------------------------------------------------*/


@media (max-width: 479px) {

	.actors-row{
		padding-left: 0!important;
		margin-left: -30px!important;
	}

		.citati{
		min-height: 175px;
		max-height: 175px;
	}
	.citati p{
		font-size: 11px;
	}

	.sub-header{
		left: 0;
	}

	.news-block .title-news{
		height: auto;
	}

	.sponsors{
		margin-right: 0!important;
	}

	.actors-row{
		padding-left: 5px !important;
	}


}