ul{
	padding:0px;
	margin:0px;
	list-style-type: none;
}
ol{
	padding:0px;
	margin:0px 0px 0px 20px;
	list-style-type: decimal;
}

li{
	padding:0px;
	margin:0px;
}
input {
	color : #000000;
	font-size : 110%;
	font-weight: normal;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:1px solid #dddddd;
}
img {
	position:relative;
	margin: 0px;
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
iframe {
	border:0;
	margin:0;
	padding:0;
}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
a:link, a:visited {
	color:#fff;
}


/*Main styles =main */
* {margin: 0px; padding: 0px;}
/* basic elements */
html {
	margin: 0px;
	padding: 0px;
	}
body {
	background-image: url("../images/back1.jpg"); /* The image used */
	background-color: #000000; /* Used if the image is unavailable */
	background-position: top center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	font-family: 'Lato', sans-serif;
	font-size:15px;
	font-weight:400;
	margin: 0px;
	padding: 0px;
	color:#fff;
	}

acronym {
	border-bottom: none;
	}
blockquote {
	padding-top:5px;
	padding-left:40px;
	padding-bottom:5px;
	}
#header {
	height:479px;
	overflow: hidden;
}
.container{
	position:relative;
}
.kocka {
	background: url("../images/kocke.png") no-repeat center center;
	width:284px;
	height:316px;
	position:absolute;
	top:14px;
	left:0px;
	z-index: 100;
}
.face {
	background: url("../images/lik.png") no-repeat center center;
	width:454px;
	height:329px;
	position:absolute;
	top:0px;
	left:220px;
}
.muzzik {
	background: url("../images/muzzik-logo.png") no-repeat center center;
	width:162px;
	height:52px;
	position:absolute;
	top:10px;
	left: 0;
  right: 0;
  margin: 0 auto;
}
.amva {
	background: url("../images/amwa.png") no-repeat center center;
	width:271px;
	height:60px;
	position:absolute;
	top:173px;
	right:214px;
	z-index: 101;
}
.year {
	background: url("../images/2020.png") no-repeat center center;
	width:97px;
	height:28px;
	position:absolute;
	top:240px;
	right:188px;
	z-index: 101;
}
.oko {
	background: url("../images/oko.png") no-repeat center center;
	width:309px;
	height:308px;
	position:absolute;
	top:44px;
	right:-96px;
	z-index: 100;
}
.menu{
	position:absolute;
	left:70px;
	top:330px;
	border-top:1px solid #676767;
	border-left:1px solid #676767;
	width:996px;
	background:#000;
}
.menu ul{

}
.menu li{
	display:flex;
	flex-wrap: wrap;
	flex-flow:row;
	justify-content:center;
	align-items:center;
	width:12.49%;
	height:74px;
	text-align:center;
	text-transform:uppercase;
	float:left;
	border-right: 1px solid #676767;
  border-bottom: 1px solid #676767;
	font-size:11px;
	padding:10px;
	background: #000;
}
#body{
	background: url("../images/back_content.jpg") no-repeat bottom center;
}
.spotovi-wrap, .content-wrap{
	padding: 0px 75px 132px 70px;
}
.spotovi, .content{
	background:#000000;
	border-left:1px solid #676767;
	border-right:1px solid #676767;
	border-bottom:1px solid #676767;
	border-top: 1px solid #676767;
	margin-top: -2px;
	padding:30px 50px;
}
.spotovi h1{
	margin:0px 0px 20px;
	font-size:18px;
	text-transform:uppercase;
	font-weight:500;
}
.spotovi h3{
	margin:0px 0px 40px;
	font-size:24px;
	font-weight:700;
}
.votes{
	text-align:right;
	text-transform:uppercase;
	font-size:13px;
	padding:5px 0px;
}
.votes span{
	border:1px solid #fff;
	padding:5px 15px;
	text-align:center;
	margin-left: 5px;
}
.social{
	display:block;
	width:100%;
	height:25px;
}
.vote{
	background:url('../images/oko-vote.png') no-repeat left center;
	text-transform:uppercase;
	font-size:13px;
	padding-left:25px;
	float:left;
	cursor:pointer;
}
.share{
	background:url('../images/facebook.png') no-repeat right center;
	text-transform:uppercase;
	font-size:13px;
	padding-right:25px;
	float:right;
}
.description{
	float:none;
	padding:10px 0px;
}
.description h2{
	float:none;
	padding:0px;
	margin:0px 0px 30px;
	color:#747474;
	font-size:16px;
}
.description h2 span{
	text-transform:uppercase;
	font-weight:700;
}
.video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0;
}
.social-footer{
	display: block;
	width: 100%;
	height: 25px;
	text-align: center;
  font-size: 20px;
  margin: 20px 0px -20px;
}
.social-footer i{
	padding:0px 5px;
}


	.newsletterbanner-wrapper  {
		    box-sizing: border-box;
				position: fixed;
				bottom:0;
				left:0;
				right:0;
				top:0;
				display: none;
		    z-index: 99999;
				animation-iteration-count: 1;
		    animation-timing-function: ease;
		    animation-fill-mode: both;
		    animation-direction: normal;
		    backface-visibility: hidden;
		    transform-style: preserve-3d;
				align-items: center;
		}
.newsletterbannner-body{
			 font-size:20px;
			 width:100%;
		}

/* slideInBottom */

.newsletterbanner-wrapper .active  {
    animation-name: sm-zoomIn;
		animation-duration: 0.4s;
    animation-delay: 0s;
		background:#000000;
		margin:auto;
		width: 440px;
		height:558px;
		max-width: none;
		padding-top: 60px;
		padding-right: 60px;
		padding-bottom: 60px;
		padding-left: 60px;
		color:#9a847a;
		position:relative;
		top: 0;
    bottom: 0;
		left: 0;
		right: 0;
		display:flex;
		border: 2px solid #fff;
}


.newsletterbanner {
    animation-name: sm-zoomIn-out;
		animation-duration: 0.4s;
    animation-delay: 0s;
}
@keyframes sm-zoomIn {
    0% {
        opacity: 0;
        transform: scale(0.7);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes sm-zoomIn-out {
    0% {
        opacity: 1;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: scale(0.7);
    }
}
@keyframes sm-slideInBottom {
    0% {
        opacity: 0;
        transform: scale(.8) translateY(30%);
    }
    50% {
        opacity: 1;
        transform: scale(.8) translateY(0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes sm-slideInBottom-out {
    0% {
        opacity: 1;
        transform: none;
    }
    50% {
        opacity: 1;
        transform: scale(.8) translateY(0);
    }
    100% {
        opacity: 0;
        transform: scale(.8) translateY(30%);
    }
}
/*
   Close buttons
   ------------------------------ */

/* Basic */
.newsletterbanner-wrapper .sm-button {
    position: absolute;
    z-index: 999;
		right: 25px;
		top: 25px;
		cursor: pointer;
		font-weight: 300;
		font-size: 26px;
		color: #9a847a;
		transform: scaleY(0.7);
    transform-origin: 0 0;
}

.newsletterbanner-wrapper .sm-button,
.newsletterbanner-wrapper .sm-button:before,
.newsletterbanner-wrapper .sm-button:after  {
    transition: all .5s ease;
}
.newsletterbanner-wrapper .newsletter-subscribe{
	text-align:center;
}
.newsletter-subscribe p {
	margin:0px;
	font-weight: 700;
	letter-spacing: 5px;
	line-height:1;
}
.newsletter-subscribe p.sub{
	color:#9a847a;
	font-size:46px;
	text-transform:uppercase;
}
.newsletter-subscribe p.get{
	color:#9a847a;
	font-size:30px;
	text-transform:uppercase;
}
.newsletter-subscribe p.off{
	color:#fff;
	font-size:30px;
	margin:0px 0px 50px 0px;
}
.newsletterbanner-wrapper .contact-form{
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #989590;
	height: 40px;
	line-height: 40px;
	width: 100%;
	max-height: 85px;
	margin-bottom: 20px;
	color:#989590;
	padding: 0px 10px;
}
.newsletterbanner-wrapper .ctrlHolder-2{
	position:relative;
}
.styled-checkbox {
  position: absolute;
  opacity: 0;
	top: 0px;
  z-index: 100;
  width: 20px;
  height: 20px;
}
.styled-checkbox + label {
    position: relative;
    padding: 0;
		font-size: 16px;
    font-weight: 300;
    padding-left: 30px;
  }


.styled-checkbox + label:before {
    content: '';
		position: absolute;
    left: 2px;
    top: 0px;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: transparent;
		border:1px solid #989590;
  }


.styled-checkbox:hover + label:before {
    background: #989590;
  }


.styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
  }


.styled-checkbox:checked + label:before {
    background: #989590;
  }


.styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto;
  }


.styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
  }


.styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 7px;
    top: 10px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow:
      2px 0 0 white,
      4px 0 0 white,
      4px -2px 0 white,
      4px -4px 0 white,
      4px -6px 0 white,
      4px -8px 0 white;
    transform: rotate(45deg);
  }

.newsletterbanner-wrapper .buttonHolder{
	text-align: center;
}
.newsletterbanner-wrapper .btn{
	border-radius: 0px;
	margin-top:18px;
	text-transform:uppercase;
	color:#000;
	padding:12px 20px;
	font-size:20px;
	font-weight:600;
	max-width:166px;
	letter-spacing: 3px;
	background: #fff;
}


@media (max-width: 768px) {
	.newsletterbanner-wrapper .active  {
			width: 320px;
			height:558px;
			 padding-top: 30px;
			 padding-right: 30px;
			 padding-bottom: 30px;
			 padding-left: 30px;

	}
	.newsletter-subscribe p.sub {
    font-size: 36px;
		letter-spacing: 1px;
		margin-top: 30px;
	}
	.newsletter-subscribe p.off {
    font-size: 50px;
	}
}
.email-error{
	color:red;
	font-size: 14px;
  font-weight: 700;
  margin: -10px 0px 0px 0px;
}
.kategorija p{
	display: inline-block;
	text-transform:uppercase;
}