@charset "utf-8";
/*
-------------------------------
LMS CSS v 1.0
Designed and developed by: LEMON MARKETING SOLUTIONS j.d.o.o.
Copyright, December 2015.
------------------------------- */


/* Start
----------------------------------------- */

html, body { 
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-family: 'Slabo 27px', serif;
   height:100%;
   vertical-align: baseline;}
   	   
media="all"
* { -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box;}
	 
a,
a > *{
   -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
   -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
   -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
   -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
    transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
    outline: none;
    text-decoration: none;}

body {
    min-height: 480px;
	margin: 0;}
	
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
	background-image: url(../images/layer.jpg);
	background-size:cover;
	position:relative;
    margin: 0 auto;
}

div,  footer, header, section {
    display: block;}

select:focus {
    border: 2px solid #8EC851;}


#preloader {
	position: fixed;
	top:0;
	left:0px;
	right:0;
	bottom:0;
	background:#fff;
	z-index:9999999;}

#status {
	width:180px;
	height:180px;
    overflow:visable !important;
	position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top:30%;
	display:block;
	background-image:url(../images/status.GIF);
	background-repeat:no-repeat;
	background-position:center;}
			
	
.scroller {
    position: absolute;
    bottom: 10px;
    position: absolute;
    right: 25px;
    width: 28px;
    height: 28px;
    display: block;
    background: #85161A;
    text-align: center;
    border-radius: 50px;
   -moz-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    animation: pulse 0.9s infinite alternate running;}


.tiper{
    color: #fff;
    font-size: 22px !important;}

.blok {
    width: 100%;
    height: 325px;
    padding-bottom: 50px;
    margin-top: -32px;
    background-image: url(../images/retrodukcija-bend-za-klupske-svirke.jpg);
    background-size: cover;
    margin-bottom: 50px;}


.blok2 {
    width: 100%;
    height: 350px;
    padding-bottom: 50px;
    margin-top: -32px;
    background-image: url(../images/retrodukcija-bend-za-vjenčanja.jpg);
    background-size: cover;
    margin-bottom: 50px;}


.bl-title {
    width: 100%;
    height: 100px;
    text-align: center;
    background: #000;
    font-family: 'Slabo 27px', serif;
    font-size: 32px;
    color: #fff;
    font-weight: 100;
    line-height: 100px;
    margin-top: 0;
}

.fa-color {
    color: #AB0B1A;
}

	
	
 /* ################HEADER##################
------------------------------------------- */	
	
.header { 
    width: 100%;
    height: 115px;
    z-index:50;
    position: fixed;
   -webkit-transition: 0.4s ease all;
   -moz-transition: 0.4s ease all;
   -ms-transition: 0.4s ease all;
   -o-transition: 0.4s ease all;
    transition: 0.4s ease all;}

.header-top { 
    height:40px;
	background:#000;
    width:100%;}

.social{
	width:150px;
	height:40px;
	float:left;}

.fb-link{
	width:50px;
	height:40px;
	float:left;
	background-image:url(../images/fbl.png);
	background-size:cover;}
	
.tw-link{
	width:50px;
	height:40px;
	float:left;
	background-image:url(../images/inl.png);
	background-size:cover;}
	
.yt-link{
	width:50px;
	height:40px;
	float:left;
	background-image:url(../images/ytl.png);
	background-size:cover;}
	


.fb-link:hover{
	background-color: #06C;}
	
.tw-link:hover{
	background-color: #09C;}
	
.yt-link:hover{
	background-color: #C00;}

.language-switcher{
	width:150px;
	height:40px;
	float:right;}

.language-switcher a {
    width: 50px;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 12px;}

.active-language{
	color: #999 !important;
    font-weight: 600;}

.language-switcher a:hover {
	background:#FFF;
	color:#000;}

nav {
  width:1060px;
  margin: 0 auto;
  padding: 0;}

nav:after {
  content: "";
  display: table;
  clear: both;}

nav ul {
    width:100%;
    padding: 0;
    list-style: none;
    position: relative;}

nav ul li {
    margin: 0px;
    display: inline-block;
    float: left;}

nav a {
  display: block;
  width:100%;
  height: 75px;
  color: #FFF;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 75px;
  text-align: center;
  text-decoration: none;}

.bullet{
    width: 1160px;
    margin: 0 auto;}

.drop-title {
    color: #f1f1f1;
    padding-left: 22px;
    padding-top: 15px;
    font-family: 'Slabo 27px', serif;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.03em;}

nav a:hover {
	background: #000;
	color:#fff; }

nav ul ul {
  display: none;
  z-index: 55;
  position: absolute;
  top: 117px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  float: none;
  text-align:center;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

.toggle, [id^=drop] {
    display: none;
}

.menuitem1{
	float:left;
    width: 95px;
	height: 75px;}
	
.menuitem2{
	float:left;
	width: 195px;
	height: 75px;}
	
.menuitem3{
	float:left;
	width: 210px;
	height: 75px;}
	
.menuitem4{
	float:left;
	width: 235px;
	height: 75px;}
	
.menuitem5{
	float:left;
    width: 95px;
	height: 75px;}
	
.menuitem6{
	float:left;
    width: 110px;
	height: 75px;}
	
.menuitem7{
	float:left;
	width: 120px;
	height: 75px;}

.parallax, .parallax-2 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.parallax {
     background-image:url(../images/fp-background.jpg);}

#intro{
    display:block;
    top: 0;
    position:relative;
    bottom: 0;
    left: 0;
    right: 0;
    width:100%;}
	
.header-bottom{
	width: 100%;
    height: 75px;
    background: #860707;
   -moz-box-shadow:0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000;
    opacity: 0.90;
    margin-top: -16px;}	
	
#links {
    width: 100%;
	overflow:hidden;
    background-image: url(../images/layer.jpg);
    background-size: cover;
    background-color: #fff;}
	
#container{
    width: 100%;
    padding-top:70px;
    padding-bottom: 285px;
    overflow:hidden;}

#container h1{
	width: 1160px;
    margin: 0 auto;
	font-size:45px;
	font-weight:100;
    font-family: 'Slabo 27px', serif;
    text-align: center;
    padding-top: 85px;}	

#links h1{
	width: 1160px;
    margin: 0 auto;
	font-size:45px;
	font-weight:100;
    font-family: 'Slabo 27px', serif;
    text-align: center;
    padding-top: 160px;}	
	
#links p ,#container p, #main-klupske-svirke p, #links li{
    width: 1160px;
    margin: 0 auto;
    font-size:14px;
    letter-spacing: 1px;
    line-height:21px;
    text-align: justify;}

#main-klupske-svirke3 p{
    width: 1085px;
    margin: 0 auto;
    font-size:14px;
    letter-spacing: 1px;
    line-height:21px;
    text-align: justify;}
	
#container p a{
	color:#000;}	
	
#container p a:hover{
	color:#CC1C1C;}
	
.link-place{
	width:795px;
	margin:0 auto;
    padding-top: 70px;
	height:380px;}
	
.link-place-klupske {
    width: 520px;
    margin: 0 auto;
    padding-top: 70px;
    height: 380px;}
	

	
#main-link1{
	float:left;
	position:relative;
    height: 212px;
    width: 212px;
	margin-left:15px;
    background-image:url(../images/dot.png);
	background-color:#fff;
   -webkit-border-radius: 200px 200px 200px 200px;
    border-radius: 200px 200px 200px 200px;}
	
#main-link2{
	float:left;
	height: 212px;
	position:relative;
    width: 212px;
	margin-left:65px;
    background-image:url(../images/dot.png);
	background-color:#fff;
   -webkit-border-radius: 200px 200px 200px 200px;
    border-radius: 200px 200px 200px 200px;}
	
#main-link2-klupske {
    float: left;
    height: 212px;
    width: 212px;
	position:relative;
    margin-left: 15px;
    background-image:url(../images/dot.png);
	background-color:#fff;
    -webkit-border-radius: 200px 200px 200px 200px;
    border-radius: 200px 200px 200px 200px;}
	
#main-link3{
	float:left;
	position:relative;
	height: 212px;
    width: 212px;
	float: right;
    margin-right: 15px;
    background-image:url(../images/dot.png);
	background-color:#fff;
   -webkit-border-radius: 200px 200px 200px 200px;
    border-radius: 200px 200px 200px 200px;}	
	
#main-link3-klupske{
	float:left;
	height: 212px;
    width: 212px;
	float: right;
	position:relative;
    margin-right: 15px;
    background-image:url(../images/dot.png);
	background-color:#fff;
    -webkit-border-radius: 200px 200px 200px 200px;
    border-radius: 200px 200px 200px 200px;}
	
#main-link1:hover, #main-link2:hover, #main-link3:hover, #main-link3-klupske:hover, #main-link2-klupske:hover{	
    background-color:#eee;}
	
.ln-text {
    line-height: 40px !important;
    text-align: center !important;
    font-size: 13px;
    color: #000;
    width: 100% !important;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: -75px !important;}
	
	
#crew {
    width: 100%;
    background-image: url(../images/layer.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
    background-size: cover;
	min-height:480px;
    background-color: #fff;}

.video{
    border:none;}


	
#video-links {
    width: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 940px;
    background-color: #000;
}	
	
#main-video-links {
    width: 100%;
	overflow:hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
    background-size: cover;
	padding-bottom: 285px;
    background-color: #000;}
	
#main-foto-links {
    width: 100%;
	overflow:hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
    background-size: cover;
	padding-bottom: 285px;}
	
#main-klupske-svirke {
    width: 100%;
	overflow:hidden;
	padding-bottom: 285px;}
	
#main-video-links h1, #main-foto-links h1 {
    width: 100%;
    margin: 0 auto;
    font-size: 33px;
    background-size: cover;
    background-image: url(../images/111.jpg);
    color: #fff;
    font-weight: 100;
    font-family: 'Slabo 27px', serif;
    text-align: center;
    padding-top: 175px;
    padding-bottom: 70px;}
	
.overflow-icon{
    width: 35px;
    height: 105px;
    background: #861414;
    position: fixed;
    top: 160px;
	cursor: pointer;
	z-index: 101;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    right: 0px;
    border-radius: 13px 0 0 13px;}
	
.fb-side{
    width: 240px;
    height: 100%;
    position: fixed;
    top: 0;
    right: -280px;
    z-index: 5000;
    transition: all .6s ease;
   -webkit-transition: all .6s ease;
   -moz-transition: all .6s ease;
   -ms-transition: all .6s ease;
   -o-transition: all .6s ease;}
   
.fb-side-visable{
    width: 240px;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0px;
    z-index: 5000;
    transition: all .6s ease;
   -webkit-transition: all .6s ease;
   -moz-transition: all .6s ease;
   -ms-transition: all .6s ease;
   -o-transition: all .6s ease;}
   

.theblogwidgets {
    background-image:url(../images/fb2.png);
    background-repeat: no-repeat;
    background-size:cover;
    float: right;
    height: 100px;
    padding: 0 5px 0 35px;
    width: 245px;
    z-index: 99999;
    position: fixed;
    right: -250px;
    top: 20%;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;}

.theblogwidgets:hover {
   cursor:pointer;}

.show-widget{
    right:0px;}
        
.theblogwidgets div{ padding: 0; margin-right:-4px; border:4px solid  #85171a; background:#85171a;}

#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#JasperRoberts {
background: #fff none repeat scroll 0% 0%;
width: 245px;
height: 245px;
position: absolute;
border-radius: 5px;
top: 150px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/TheBlogWidgets.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}

#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	

#main-klupske-svirke h1, #main-klupske-svirke3 h1 {
    width: 100%;
    margin: 0 auto;
    font-size: 33px;
    background-size: cover;
    background-image: url(../images/klupske-svirke.jpg);
    color: #fff;
    font-weight: 100;
    font-family: 'Slabo 27px', serif;
    text-align: center;
    padding-top: 175px;
    padding-bottom: 70px;}
	
#crew h2{
    width: 100%;
    height: 100px;
    text-align: center;
    background: #000;
    font-family: 'Slabo 27px', serif;
    font-size: 32px;
    color: #fff;
    line-height: 100px;
    margin-top: 0px;}
	
	
.band-member1{
	width:100%;
	margin-top:-27px;
	height:560px;
	overflow:hidden;
	position:relative;}
	
.band-member2{
	width:100%;
	background-color: rgba(0, 0, 0, 0.96);
	height:600px;
	overflow:hidden;
	position:relative;}
	
.band-member3{
	width:100%;
	height:540px;
	overflow:hidden;
	position:relative;}
	
.band-member4{
	width:100%;
	background-color: rgba(0, 0, 0, 0.96);
	height:600px;
	overflow:hidden;
	position:relative;}
	
.band-member5{
	width:100%;
	height:600px;
	overflow:hidden;
	position:relative;}
	
.band-member6 {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.96);
    height: 600px;
    overflow: hidden;
    position: relative;
}	

.band-member7{
	width:100%;
	height:600px;
	overflow:hidden;
	position:relative;}

#member6-pic {
    width: 439px;
    height: 450px;
    background: url(../images/member-6.png);
    position: absolute;
    bottom: 0;
    background-size: cover;
    left: 25%;
}
		
#member1-pic {
    width: 400px;
    height: 450px;
    background: url(../images/member-1.png);
    position: absolute;
    bottom:0;
    background-size: cover;
    right: 20%;}
	
#member2-pic {
    width: 285px;
    height: 450px;
    background: url(../images/member-2.png);
    position: absolute;
    bottom: 0;
    background-size: cover;
    left: 24%;}
	
#member3-pic {
    width: 281px;
    height: 413px;
    background: url(../images/member-3.png);
    position: absolute;
    bottom:-16px;
    background-size: cover;
    right: 27%;}
	
#member4-pic {
    width: 505px;
    height: 400px;
    background: url(../images/member-4.png);
    position: absolute;
    bottom: 0;
    background-size: cover;
    left: 25%;}
	
#member5-pic {
    width: 362px;
    height: 412px;
    background: url(../images/member-5.png);
    position: absolute;
    bottom:0px;
    background-size: cover;
    right: 27%;}
    
 #member7-pic {
    width: 362px;
    height: 412px;
    background: url(../images/member-7.png);
    position: absolute;
    bottom:0px;
    background-size: cover;
    right: 27%;}
	
	
.member-info {
    float: left;
    position: absolute;
    left: 26%;
	width:450px;
	height:350px;
    text-align: center;
    top: 210px;}
	
.member-info-right {
    float: right;
    position: absolute;
    right: 30%;
	width:450px;
	height:350px;
    text-align: center;
    top: 245px;}
	
.member-info-right2 {
    float: right;
    position: absolute;
    right: 25%;
	width:450px;
	height:350px;
    text-align: center;
    top: 245px;}
	
.member-info3 {
    float: left;
    position: absolute;
    left: 26%;
	width:450px;
	height:350px;
    text-align: center;
    top: 225px;}	
	
.member-title {
    font-family: 'Slabo 27px', serif;
    font-size: 64px;
    height: 45px;
    margin-top: -25px;
    margin-bottom: 65px;
    color: #000;}	
	
	
.member-description {
    font-family: 'Slabo 27px', serif;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 0px;
    line-height: 25px;
    color: #000;
    padding-left: 5px;
    padding-right: 5px;}
	
.break{
	display:none;}	
	
.section-container {
    width: 1160px;
    margin: 0 auto;
    height: auto;
    position: relative;
    padding-top: 50px;
    padding-bottom:50px;}

.video {
    width: 100%;
    height: 254px;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;}
	
.video:hover {
    -webkit-filter: none;
     filter: none;
	 -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-filter: grayscale(0%);}
	
	
.videolink{ 
    width: 29%;
	position: relative;
    margin-left: 3.125%;
	border-top: 1px solid #911F1F;
	float: left;}
	
#video-links a {
    color: #fff;
    width: 100%;
    margin-top: 50px;
    display: inline-block;
    text-align: center;
    font-family: 'Slabo 27px', serif;
    font-size: 26px;
    height: 45px;}
	
#video-links h2 {
    width: 100%;
    height: 100px;
	-webkit-box-shadow: inset 0 7px 13px -7px #000;
    -moz-box-shadow: inset 0 7px 13px -7px #000;
    box-shadow: inset 0 7px 13px -7px #000;
    text-align: center;
    background: #790707;
    font-family: 'Slabo 27px', serif;
    font-size: 32px;
    color: #fff;
    line-height: 100px;
    margin-top: 0px;}

#video-links a:hover {
    color: #9C0606;}
	
	
#footer{
	height:140px;
	width:100%;
	display:block;
	bottom:0;
	background:#F5F6F7;}	
	
.footer-top{
	width:1160px;
	height:100px;
	position:relative;
	margin:0 auto;
	display:block;}	
	
.footer-left{
	float: left;
    display: block;
    height: 100px;
	margin-left: -20px;
    width: 445px;}	
	
.footer-right{
	float: right;
    display: block;
    height: 100px;
    width: 445px;}	
	
.footer-center {
    background-image: url(../images/bottom-logo.png);
    height: 250px;
    border-radius: 117px 115px 0 0;
    width: 270px;
    position: absolute;
    top: -117px;
    left: 445px;}
	
	
.footer-bottom{
	display:block;
	height:40px;
	background: #790707;
	color:#fff;
   -webkit-box-shadow: inset 0 7px 19px -7px #000;
   -moz-box-shadow: inset 0 7px 19px -7px #000;
    box-shadow: inset 0 7px 19px -7px #000;
	width:100%;}
	
.footer-bottom p {
    float: left;
    display: block;
	height:5px;
    margin-left: 20px;
    margin-top: 14px;
    font-size: 13px;}
	
.footer-bottom a {
    width: 90px;
    display: block;
    cursor: pointer;
    background: url(../images/lemon-marketing-solutions.png);
    background-position: -105px -5px;
    height: 22px;
    margin-top: 10px;
    font-size: 13px;
    text-align: left;
    line-height: 23px;
    color: #fff;
    margin-right: 20px;
    float: right;}	
	
.footer-bottom a:hover {
	background-position: -105px -35px;}
	
	
.mail1 {
    display: block;
    width: 145px;
    height: 60px;
	float:left;
    background-image: url(../images/footer-links.png);
    background-color: #000;
    color: #000;
	margin-top: 19px;
    font-size: 12px;
    text-align: center;
    line-height: 95px;}
	
.fb-link2 {
    display: block;
    width: 145px;
    height: 60px;
	float:left;
	background-position: -434px 0;
    background-image: url(../images/footer-links.png);
    background-color: #000;
    color: #000;
	margin-top: 19px;
    font-size: 12px;
    text-align: center;
    line-height: 95px;}
	
.tw-link2 {
    display: block;
    width: 145px;
    height: 60px;
	float:left;
	background-position: -581px 0;
    background-image: url(../images/footer-links.png);
    background-color: #000;
    color: #000;
	margin-top: 19px;
    font-size: 12px;
    text-align: center;
    line-height: 95px;}
	
.yt-link2 {
    display: block;
    width: 145px;
    height: 60px;
	float:right;
	background-position: -723px 0;
    background-image: url(../images/footer-links.png);
    background-color: #000;
    color: #000;
	margin-top: 19px;
    font-size: 12px;
    text-align: center;
    line-height: 95px;}
	
.tw-link2:hover{
	background-color:#09F;}
	
.yt-link2:hover{
	background-color:#F00;}
	
.fb-link2:hover{
	background-color:#039;}
	
.mail1:hover, .mail2:hover, .tel:hover{
	background-color:#790707;}	
	
.mail2 {
    display: block;
    width: 173px;
    height: 60px;
    float: left;
    background-image: url(../images/footer-links.png);
    background-color: #000;
    color: #000;
    margin-top: 19px;
	margin-left: 13px;
    font-size: 11px;
	font-family: sans-serif;
    text-align: center;
    line-height: 95px;
    background-position: -131px 0;}
	
.tel{
	display: block;
    width: 100px;
    height: 60px;
    float: right;
    background-image: url(../images/footer-links.png);
    background-color: #000;
    color: #000;
    margin-top: 19px;
    font-size: 12px;
    text-align: center;
    line-height: 95px;
    background-position: -313px 0;}
	
.repertoar{
	width:800px;
	margin:0 auto;
	display:block;
	}
	
#column2 {
    width: 45.25%;
    height: auto;
    margin-left: 3.125%;
    float: left;
    border-radius: 15px;
    border: 1px solid #CBCBCB;
    padding-bottom: 15px;
    margin-bottom: 50px;}
	
#column2 p{
	color:#000;
	padding-left:15px;}
	
.d-title{
	text-align:center;
	height: 35px;
	border-bottom:1px solid #CBCBCB;}	
	
	
	


#contactus {
    width: 400px;
    padding-top: 9px;
    min-height: 300px;
    margin: 0 auto;
    display: block;}

#contactus input[type="text"] {
    height: 35px;
    padding: 2px 10px;
    color:#fff;
    letter-spacing: 1px;
    font-family: inherit;
    border: 1px solid rgb(23, 23, 23);
    width: 100%;
    margin-bottom: 15px;
    background-color: #000;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;}

#contactus textarea{
    max-height:120px;
    min-height:120px;
    margin-bottom:15px;
    letter-spacing: 1px;
    font-family: inherit;
    padding: 7px;
    color:#fff;
    border: 1px solid rgb(23, 23, 23);
    width: 100%;
    background-color: #000;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
    border-radius: 8px;}

#contactus input[type="text"]:focus,textarea:focus{
    color : #fff;
    letter-spacing: 1px;
    font-family: inherit;
    border : 1px solid #990000;
    background-color : #000;
    outline:none;}

#contactus .error {
    font-weight: 100;
    line-height: 30px;
    font-family: 'Slabo 27px', serif;
    letter-spacing: 1px;
    color: #000;
    display: block;
    margin-left: 7px;
    margin-top: -17px;
    margin-bottom: 7px;
    font-size: 12px;}


.captcha-container {
    margin-top: 12px;
    width: 193px;
    float:left;
    border-radius: 8px;
    height: 130px;
    border: 1px solid #CECECE;
    background-color: white;
    padding: 20px;}

.push {
    width: 100%;
    height: 280px;
    background: #030303;
    display: block;}

#contactus input[type="submit"] {
    width: 100%;
    height: 40px;
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -o-transition: 0.3s;
   -ms-transition: 0.3s;
    transition: 0.3s;
    margin-top: 11px;
    background: #911F1F;
    border-radius: 8px;
    color: #fff;
    border: none;
    font-size: 15px;}

#contactus input[type="submit"]:hover {
    background:#000;
    cursor:pointer;}


#contactus input[type="text"]:focus, select:focus{
    color : #000;
    background:#fff;}

#contactus textarea:focus{
    background:#fff;
    color : #000;}


#contactus .short_explanation{

   font-size: 0.6em;
   color:#333;   }

#contactus .spmhidip{
   display:none;
   width:10px;
   height:3px;}

#fg_crdiv{
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   }

#fg_crdiv p{
   display:none;}


.gallery {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 auto;
    width: 1110px;}
    
.gallery li {
    float: left;
    margin: 11px;}

.lightbox {
    cursor: pointer;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: black;
    /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7);
    -webkit-filter: none !important;
    z-index: 9997;
}

.lightbox img {
    display: block;
    position: absolute;
    border: 5px solid #fff;
    box-shadow: 0 0 20px #000;
    border-radius: 1px;
}

body.blurred > * {
    -webkit-filter: blur(2px);
    -webkit-transform: translate3d(0, 0, 0);
}

.lightbox__loading {
    background: url(../images/loading.gif) center center no-repeat;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.lightbox__caption {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 9998;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
}

.lightbox__caption p {
    margin: 0 auto;
    max-width: 70%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
}

.lightbox__button {
    position: absolute;
    z-index: 9999;
    background: no-repeat center center;
    width: 32px;
    height: 32px;
    opacity: 0.4;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.lightbox__button:hover,
.lightbox__button:focus {
    opacity: 1;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}

.lightbox__close {
    right: 10px;
    top: 10px;
    background-image: url(../images/close.png);
}

.lightbox__nav {
    top: 50%;
    margin-top: -16px;
}

.lightbox__nav--next {
    right: 10px;
    background-image: url(../images/next.png);
}

.lightbox__nav--prev {
    left: 10px;
    background-image: url(../images/previous.png);
}

.foto-small{
	border-top: 1px solid #780606;
    padding-top: 15px;
}

.foto-small:hover{
	opacity:0.7;}
	
	

	
	
	
/* Media Queries
--------------------------------------------- */


@media all and (max-width : 1600px) {

#member1-pic {right: 10%;}
.member-info {left: 20%;}
.member-info-right {right: 18%;}
#member3-pic {right: 13%;}
.member-info3 {left: 24%;}
#member4-pic {left: 17%;}
.member-info-right2 {right: 22%;}
#member5-pic {right: 11%;}
.member-info3 {left: 24%;}
#member6-pic {left: 17%;}
#member7-pic {right: 11%;}
}
	
	
@media all and (max-width : 1300px) {
		
#links h1 {width: 100%;}
#links p, #links li {width: 90%;}
.member-title {font-size: 53px; margin-bottom: 50px;}
.band-member1, .band-member2, .band-member3, .band-member4, .band-member5, .band-member6, .band-member7 {height: 480px;}
.member-info {left: 15%; top:170px;}
#member2-pic {left:15%;}
.member-info-right {top:210px;}
.member-info3 {left: 15%; top:220px;}
.member-info-right2 {top:185px; right: 10%;}
#member4-pic {left: 13%;}
.footer-left {margin-left: 0px;}
#member6-pic {left: 13%;}
}


@media all and (max-width : 1180px) {
.section-container {width: 100%;}
.video {height: 245px;}
.videolink {height: 245px;}
.footer-center { background-size: cover;height: 200px;width: 217px;top: -75px;}
.footer-top {width: 1100px;}

}



@media all and (max-width : 1120px) {
	
.header-bottom {height: 50px; margin-top: 0px;}
[id^=drop]:checked + ul { margin-top: 0px;display: block; width: 100%; z-index: 86;}
nav {width: 100%;margin: 0;}
.toggle + a, .menu { display: none; }
.toggle {display: block;padding: 0 20px;font-size: 14px;font-weight: 100;color: #f1f1f1;line-height: 52px;text-decoration: none;border: none;}
.toggle:hover { background-color: rgba(255, 255, 255, 0.08); cursor:pointer;}
.button-menu:hover{background-color:#000;}
.menuitem1 {float: none;width: 100%;height: 55px;background-color: #000;margin-top:-2px;}
.menuitem2 {float: none;width: 100%;height: 55px;background-color: #000;}
.menuitem3 {float: none;width: 100%;height: 55px;background-color: #000;}
.menuitem4 {float: none;width: 100%;height: 55px;background-color: #000;}
.menuitem5 {float: none;width: 100%;height: 55px;background-color: #000;}
.menuitem6 {float: none;width: 100%;height: 55px;background-color: #000;}
.menuitem7 {float: none;width: 100%;height: 55px;background-color: #000;}
nav a {height: 55px; line-height: 55px;}
nav a:hover {color:#F00;}
nav ul li {display: block;width: 100%;}
nav ul ul .toggle, nav ul ul a { padding: 0 40px; }
nav ul ul ul a { padding: 0 80px; }
nav a:hover, nav ul ul ul a { background-color: #000; }
nav ul li ul li .toggle,nav ul ul a { background-color: #212121; }
nav ul ul {float: none;position: static;color: #ffffff;}
nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; }
nav ul ul li {display: block;width: 100%;}
nav ul ul ul li { position: static;}	
#member1-pic {width: 300px;height: 350px;}
.member-name {font-size: 14px;}
.member-title {font-size: 45px;margin-bottom: 25px; margin-top: -18px;}
.band-member1, .band-member2, .band-member3, .band-member4, .band-member5, .band-member6, .band-member7 {height: 415px; overflow:hidden;}
.member-info {left: 10%;top: 140px;}
#member2-pic {width: 230px;height: 350px;}
.member-info-right {top: 150px; right:13%;}
#member3-pic {width: 231px;height: 327px;}
.member-info3 {left: 12%;top: 160px;}
.link-place {width: 520px; height: 640px;}
#main-link3 {margin-right: 155px;}
#links p, #links li{text-align: justify;}
#member4-pic {width: 360px;height: 295px;}
#member6-pic {width: 360px;height: 295px;}
.member-info-right2 {top: 155px;}
#member5-pic {width: 290px;height: 330px;}
#member7-pic {width: 290px;height: 330px;}
.videolink {height: 210px;}
.video {height: 210px;}
.footer-top {width: 980px;}
.footer-left, .footer-right {width: 340px;}
.tel, .yt-link2 {margin-right: 137px;}
.footer-top {width: 930px;height: 165px; background-color: #F5F6F7;}
.footer-center {background-size: cover;height: 237px;width: 255px; top: -75px;left: 336px;}
#footer {height: 205px;}
.push {height: 300px;}
#container h1 {width: 95%;}
#container p, #main-klupske-svirke3 p,#main-klupske-svirke p{width: 95%;}
#container {padding-top: 25px;}
.gallery {width: 888px;}
.bullet{width:95%;}
.links h1  { padding-top:130px;}
}
	
	
@media all and (max-width : 970px) {

.footer-top {width: 100%;height: 395px;}
.footer-left, .footer-right {width: 100%;float: none;display: block;}
.tel, .yt-link2 {float: left;}
.footer-left, .footer-right {width: 100%;float: none; position: absolute;display: block;}
.footer-left {position: initial;padding-top: 170px;margin: 0 auto;width: 475px;}
.footer-right {position: initial;padding-top: 10px; width: 478px;margin: 0 auto;}	
.tel {float: right;margin-right: 20px;}
.tw-link2 {margin-left: 21px;}
.yt-link2 {float: right;margin-right: 0px;}
.mail2{margin-left: 5px;}
.footer-center {margin-left: auto;margin-right: auto;left: 0;right: 0;}


}
	
	
	
@media all and (max-width : 910px) {
	
.member-name {font-size: 12px;}
.member-title {font-size: 33px; margin-bottom: 15px;}
.member-description {font-size: 14px; line-height: 21px;}
.member-info {width:300px;}
.member-info-right {right: 9%; width:360px;}
.member-info3 {left: 8%;width: 375px;}
.member-info-right2 {top: 117px; right:6%; width:390px;}
.video {height: 170px;}
.gallery {width: 666px;}
.repertoar{ width: 720px;}

}
	
	
@media all and (max-width : 740px) {	

.link-place { width: 90%;margin: 0 auto;height: 1000px;}
.link-place-klupske { width: 90%;margin: 0 auto;height: 720px;}
#main-link2-klupske {float: none;display: block;margin: 0 auto;}
#main-link3-klupske {float: none;display: block;margin: 0 auto;}
#main-link1 {float: none;display: block;margin: 0 auto;}
#main-link2 {float: none;display: block;margin: 0 auto;}
.break{display:block; width:100%; height:50px;}
#main-link3 {float: none;display: block;margin: 0 auto;}
.member-info, .member-info-right, .member-info-right2, .member-info3{ width: 90%;height: 100px;margin: 0 auto;float: none;position: initial; padding-top: 50px;}
.band-member1, .band-member2, .band-member4, .band-member5, .band-member6, .band-member7 {height: 450px;}
.band-member3{height:434px;}
.member-description {display: none;}
#member1-pic, #member2-pic, #member3-pic, #member5-pic, #member6-pic, #member7-pic {width: 260px;height: 300px;position: initial;margin: 0 auto;}
#member4-pic, #member6-pic{width: 280px; height: 230px; position: initial;margin: 0 auto;}
.member-info-right2{padding-bottom: 70px;}
#member5-pic {width: 290px;height: 300px;position: initial;margin: 0 auto;}
.video {float: none;display: block;margin: 0 auto;width: 260px;height: 200px;border-top: none;}
.videolink {float: none;display: block;margin: 0 auto;width: 260px;height: 200px;}
#video-links {min-height: 960px;}
#video-links a {margin-top: 5px; margin-bottom: 125px;}
.footer-top {width: 100%;height: 675px;}
.footer-left, .footer-right { width: 100%; height: 225px;position: relative;}
.mail1, .mail2, .tel, .fb-link2, .tw-link2, .yt-link2 {margin-left: auto;margin-right: auto;left: 0;right: 0;float: none;}
.tel{background-position: -312px 0;}
#contactus input[type="text"] {width: 100%;}
#contactus {width: 260px;}
#contactus textarea { width: 100%;}
.gallery {width: 445px;}
.videolink{border-bottom:none !important;}
.repertoar{ width: 300px;}
#column2{ width:100%; float:none;}
.member-title{margin-top: 10px;}
.tw-link2{background-position: -578px 0;}

}
	
@media all and (max-width : 470px) {
	
.gallery {width: 210px;}
}
		
	
	
@media all and (max-width : 390px) {	
	
.footer-bottom {height: 75px;}
.footer-bottom p {float: none; display: block;font-size: 13px; margin: 0 auto; width: 190px;padding-top: 18px;padding-bottom: 12px;}
.footer-bottom a {width: 90px;margin: 0 auto; float: none;padding-top: 7px;background-position: -105px 2px;}
.footer-bottom a:hover {background-position: -105px -27px;}
}
	
	
	
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}	
	
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}