/* CSS RESET */
html, body, div, span, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END CSS RESET */

/* FONTS */

@import url(http://fonts.googleapis.com/css?family=Muli);
@import url(http://fonts.googleapis.com/css?family=Maven+Pro:500,400);
@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700);
/* END FONTS*/

body {
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    background-color:#080808!important;
}
.bold {
    font-weight:700;
}
a:hover, a:focus {
    text-decoration:none;
}

.remove-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
@media screen and (max-width: 800px) {
    .remove-padding-xs {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

#page-container {
    width:1280px;
    margin:0 auto;
    background-color:#fff;
}

#header {
    background-color:#EEEEEE;
}

.above-header {
    min-height:30px;
    font-size:0.8em;
    background-color:#231f20;
    line-height: 30px;
}

.above-header .social-icons{
    padding-left: 100px;
    text-align: left;
}

.above-header .social-icons ul li{
    padding-right: .75em;
    padding-left: .75em;
}
.above-header .login-wrapper{
    padding-right: 100px;
    font-weight: bold;
    text-align: right;
}
.social-link li {
    display: inline;
}

@media screen and (max-width: 1000px) {
    .above-header .social-icons{
        padding: 0px;
        text-align: center;
    }
    .above-header .login-wrapper{
        padding:0px;
        text-align: center;
    }
}

.above-header a {
    color:#fff;
    line-height:25px;
}
.above-header a:hover {
    text-decoration:none;
    color:#fff;
}

.site-brand {
    padding: 20px 100px;
    background-color: rgb(0, 0, 0);
}

.top100clubs {
    float: right;
    vertical-align: middle;
}

#navbar-open {
    display: none;
    color:#fff;
    font-size:2em;
    line-height: 50px;
    padding-right: 0.5em;
}

@media screen and (max-width: 1000px) {
    .site-brand {
        padding: 0px;
        text-align:center;
    }
    #navbar-open {
        display: block;
        float: right;
    }
}

.forgotten_password {
    margin-top: 20px;
    font-size: 0.8em;

}
.navbar {
    background:#ED1555;
    margin-bottom:0;
    height: 50px;
    border: 0px !important;
    border-radius: 0 !important;
}

.navbar .container {
    width:inherit;
    height:inherit;    
}

#navbar li a {
    color:#fff;
    font-size:0.85em;
    padding-left:1.5em;
    padding-right: 1.5em;
}
#navbar li a:hover {
    background-color:#eeeeee;
    color:#17296f;
}
.navbar-default {
    border-color: #e7e7e7;
}

.input-group {
    width:100%;
    border:1px solid #EEEEEE;
    height:40px;
}

.input-group input {
    height:26px;
    border:0;
    border-radius:0;
}

#main-container {
    padding-bottom:50px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
}

.carousel {
    width: 1024px;
    margin: 0;
    padding-top:10px;
    background-color: rgba(132, 122, 122, 0.18);
}

.static-img {
    min-height:180px;
}
.static-img .row div {
    padding:0;
}
.static-img .row > div {
    margin-bottom:5px;
}
.fotorama__grab {
    cursor: pointer!important;
}
.fotorama__nav-wrap {
    margin-top: 8px;
}
.fotorama__nav__frame {
    opacity:0.5;
}
.fotorama__active,
.fotorama__nav__frame:hover {
    opacity:1;
}
.fotorama .any div{
	width: 95%;
}
.event-link {
    margin-top: 250px;
    padding: 30px 20px;
    width: 100%;
    background: rgba(0,0,0,0.65);
}

.event-name
{
    display:block;
    font-size: 1.6em;
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
}
.event-time {
    display:block;
    padding-top: 15px;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
}
.event-location {
    display:block;
    padding-top: 15px;
    font-size: 1.2em;
    text-decoration: none;
    color: #FFF;
}

#main-content {
    padding: 0 30px;
}

.title-recom,
.title 
{
    text-align:center;
    height:20px;
    line-height:20px;
    font-size:1.4em;
    font-weight:700;
    font-family: 'Oxygen', sans-serif;
    text-transform:uppercase;
}
.title, .index-search {
    text-align:left;
    margin-top:50px;
    margin-bottom: 10px;
}
.index-search {
    margin-top:35px;
}
.title-recom hr,
.title hr
{
    margin-top:5px;
}

.events-title {
    text-align:left;
    height:40px;
    line-height:40px;
    margin-bottom: 10px;
    color: #fff;
    background: #636363;
    font-size:1.4em;
    font-weight:700;
    font-family: 'Oxygen', sans-serif;
    text-transform:uppercase;
}

.place-info, .privacy, .terms{
    text-align: justify;
    color: #707070;
    font-size: 16px;
    line-height: 20px;
}
.place-info a, .privacy a, .terms a{
    font-weight: bold;
    color: rgba(255, 88, 0, 0.83);
   
}

.center-block {
    margin-top:20px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    width:100%;
}
.single-event .event-description {
    text-align: justify;
    color: #707070;
    font-size: 16px;
    line-height: 20px;
}
.single-event .event-description a{
    font-weight: bold;
    color: #ED1555;
   
}


.recom-event-list {
    margin-top:40px;
    border-right: 1px solid #ECECEC;
}
.one-recom-event {
    padding-bottom: 15px;
    min-height:300px;
}
.one-recom-event:hover {
    background-color:#ECEDFF;
}
.one-recom-event img {
    padding-top:15px;
    width:160px;
    height:160px;
}
.one-recom-event h4,
.all-events .one-event h4 {
    font-size:1.2em;
    color:#3A3A3A;
    margin:0;
    padding:5px 0;
    margin-bottom:10px;
    font-weight:700;
}
.one-recom-event a,
.all-events .one-event a {
    color:#0d0d0d;
}
.one-recom-event .vrijeme,
.all-events .one-event .vrijeme {
    color:#fff;
    text-align:center;
    padding-right:0;
    font-size:0.9em;
    padding-left:0;
    margin-left:15px;
    background-color: #ED1555;
    border-radius:3px;
    font-family: 'Oxygen', sans-serif;
}
.one-recom-event .vrijeme p,
.all-events .one-event .vrijeme p {
    margin-bottom:5px;
}
.one-recom-event .vrijeme p:first-child,
.all-events .one-event .vrijeme p:first-child {
    padding-top:5px;
    font-weight:700;
}
.one-recom-event .mjesto {
    font-size:0.8em;
    color:#696969;
}
.all-events .one-event .mjesto {
    font-size:1em;
    color:#404040;
}
.one-event {
    display:block;
    padding: 10px;
	height: 250px;
}
.one-event:hover {
    background-color:#ECEDFF;
}
.one-event img{
	height: 145px;
}
.one-event .event-content {
    margin-top:5px;
}
.one-event h4 {
    margin-top:0;
    color:#0d0d0d;
    font-weight:700;
}
.one-event .vrijeme,
.one-event .mjesto {
    font-size:0.8em;
    color:#414141;
}
.all-events .one-event {
    min-height:350px;
}
.all-events .one-event img {
    width:100%;
    height:45%;
}
.all-events .one-event h4 {
    font-size:1.3em;
    margin-top:0;
    color:#0d0d0d;
    font-weight:700;
}

.sidebar-mobile { display:none; }


/* ALL EVENTS */
.all-events {
    margin-top:0px!important;  
    padding-top:15px!important; 
}
.thumbnail {
    width:300px;
    height:170px;
}
.all-events .one-event,
.all-events .one-event a  {
    display:block;
    height:350px;
}
.searchbar {
    margin-top:20px;
}
input[type=text] {
    padding: 20px;
}


/* SINGLE EVENT */
.single-event {
    margin-top:0px!important;
}
.single-event h2 {
    font-weight:400;
    font-size:2.2em;
}

@media screen and (max-width: 768px) {
    .single-event h2 {
        font-weight:400;
        font-size:1.4em;
     }
	 .event-link {
		margin-top: 22%	;
	}
	.event-name{
		font-size: 0.9em;
		line-height: 1.1em;
	}
    .main-slider {
        padding: 0px;
    }
}

.single-event hr {
    width:100%;
    border-top:2px solid #D6D6D6;
}

.event-image {
    text-align:center;
    padding: 15px 0px;
}
.event-image img{
    width: 100%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}


.subitem.vrijeme {
    font-size:1.1em;
    text-align: center;
    padding: 10px 0 10px 0;
    background-color: lavender;
    border-radius: 5px;
    color: white;
    font-weight: 700;
    line-height: 1.4em;
    background-color: #ED1555;
}
.single-event .vrijeme-mobile {
    display: none;
}
.single-event .vrijeme-full-screen {
    display: block;
}
.single-event .mjesto li {
    margin-bottom:5px;
    color:#7B7B7B;
}
.hall {
    font-size:1.2em;
}
.address {
    font-size: 0.9em;
    color: #797979;    
}

.buy {
    margin-top:15px;
}
.buy a {
    display:block;
    height: 50px;
    background: #ED1555;
    margin-bottom: 30px;
    text-align: center;
    line-height: 50px;
    color:#fff !important;
    font-weight:700;
}
.buy a:hover {
    background: #f2215e;
}
.event-description {
    margin-top:5%;
}
.table {
    font-size:0.9em;
}
.event-description .minititle {
    background: #ffb591;
    background: -moz-linear-gradient(top,  #ffb591 0%, #ff5800 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb591), color-stop(100%,#ff5800));
    background: -webkit-linear-gradient(top,  #ffb591 0%,#ff5800 100%);
    background: -o-linear-gradient(top,  #ffb591 0%,#ff5800 100%);
    background: -ms-linear-gradient(top,  #ffb591 0%,#ff5800 100%);
    background: linear-gradient(to bottom,  #ffb591 0%,#ff5800 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb591', endColorstr='#ff5800',GradientType=0 );
    font-size: 0.9em;
    color: white;
    text-align: center;
    line-height: 130%;
}
.single-image img {
    padding:2px;
}
#gallery {
    margin-left:0px;
    margin-right:0px;
}


/* CONTACT */
.contact {
    margin-top:0px!important;
    padding:10px 30px;
    font-size:0.95em;
}
.contact-info {
    background-color:#F5F5F5;
    margin-top:10px;
}
.contact-info h3 {
    margin-top:10px;
}
.contact-info li {
    margin-bottom:5px;
    color:#585858;
}
.contact-info li:first-child {
    font-weight:700;
    color:#0d0d0d;
}



.hr {
    height:2px;
    background-color: #241F1B;
}

/* REGISTRY */
.registry {
    margin-top:0px!important;
}
label { margin-bottom:5px; }

.bg-warning {
    line-height:3em;
    background-color:#FF8B8B;
}
.admin-error {
    width:300px;
    margin:0 auto;
    color : #333;
    display : none;
    margin-top:0.5em;
    text-align:center;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.admin-error-active {
    display : block;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.about-us-description p {
    line-height: 22px;
    font-size: 16px !important; 
}

/* LOGIN */
.login-container {
    margin-top:0px!important;
}

/* TICKET SALE */
.ticket-sale {
    margin-top:0px!important;
}
#ticket-sale-header {
    min-height:120px;
    margin-left:-30px;
    margin-right:-30px;
    padding-left:20px;
}
.ticket-description {
    font-size:0.7em;
}
.ticket-description strong {
    font-weight:700;  
}
#datetime {
    height:100px;
    padding-right:8%;
    background:url(../img/calendar-transp.png) left center no-repeat;
    text-align:right;
}
#location {
    height:100px;
    padding-right:20px;
    background:url(../img/location-transp.png) left center no-repeat;
    text-align:right;
}
#ticket-sale-description {
    padding-top:20px;
}
#ticket-sale-description label {
    margin-bottom:10px;
}
.sector-type label:first-child {
    text-transform:uppercase;
    font-size: 0.85em;
    height: 34px;
    background-color: #F5F5F5;
    line-height: 34px;
}
.sector-type-choice {
    font-size:0.9em;
}
.sector-select label {
    height: 34px;
    line-height: 34px;
    padding-left:15px;
}
.order-details h3 {
    font-size: 1em;
    height:30px;
    line-height:30px;
    background-color:#F5F5F5;
    text-transform:uppercase;
    padding-left:10px;
}
.personal-details p {
    font-size: 0.75em;
    margin-left: -15px;
    margin-right: -15px;
}
.values {
    text-align:right;
}
.table-two tr:last-child {
    font-weight:700;
}
.btn-default-focus {
    color: transparent!important; 
    background-color: transparent!important;
    border:none!important;
    outline: none!important;
    box-shadow: none!important;
}

/* PROFILE PAGE */
.profile-page {
    margin-top:0px!important;
}
.profile-page h3 {
    height:30px;
    line-height:30px;
    background-color:#F5F5F5;
    text-transform:uppercase;
    padding-left:10px;
}
.profile-page h4 {
    background-color:#F5F5F5;
    text-transform:uppercase;
    font-size: 18px;
    line-height: 22px;
    color: #b12706;
    padding-left: 10px;
}
#tickets th {
    font-weight:700;
    font-size:0.8em;
    text-transform:uppercase;
}
.table-nonfluid {
   width: auto !important;
}
.nav-tabs {
    border:0px !important;
    margin-top:30px;
}
.nav-tabs a {
    border-radius:0px !important;
    border: 1px solid transparent;
    color: #ED1555;
}

.nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover {
    background-color:#ED1555;
    border: 1px solid transparent;
    color: #fff;
    font-weight: 500;
}



/* REZULTATI PRODAJE */
.payment-result {
    padding-top:100px;
    min-height:500px;
}
.payment-result p {
    line-height: 25px !important;    
}

/* EVENT GRID */
#event-grid {
    display:block;
}
#event-grid .event {
	margin-bottom: 10px;
	padding-top:10px;
	padding-bottom: 10px;
    height: 220px;
}
#event-grid .event-name{
	color: rgba(0,0,0,0.5);
	padding:5px;
	font-size: 1em;
	
}
#event-grid .event:hover{
	background-color: #ECEDFF;
}
#event-grid img {
    width:100%;
    height: 150px;
}



/* FOOTER */
#footer {
    position: relative;
    clear: both;
    padding-top: 20px;
    background-color: #000;
    color: #D5D5D5;
}
#footer .container {
    height:auto;
}
#footer h3 {
    height:50px;
}
.footer-logo {
    display: block;
}

@media (max-width:1000px) {
    .footer-logo {
        text-align: center;
    }
}


#footer li {
    line-height: 1.4;
}
#footer li,
#footer li a {
    font-size: 0.9em;
    color:#f8f8f8;
}
#footer li a:hover {
    color:#848484;
}
.footer-locations {
    margin-top:20px;
}
.footer-locations ul li{
    padding-right:10px;
    float:left;
}
.footer-events {
    clear:both;
    margin-top:20px;
}
.footer-events a {
    margin:5px;
    float:left;
}
.footer-events img {
    opacity:0.4;
    filter:alpha(opacity=40);
    width:130px;
    height:130px;
}


#footer .copyright {
    font-size: 0.8em;
    text-align: center;
    padding-top: 30px;
}
.copyright hr {
    width:90%;
    border-top:1px solid #2F2F2F;
}

.izjava-o-konverziji {
    background: #000;
    padding: 15px 0;
    width: 100%;
    color: #D5D5D5;	
    text-shadow: 1px 1px 1px #333;
    text-align: center;
}
.izjava-o-konverziji a {
    display: block;
    width: auto;
    height: 50px;
    float: right;
}
.izjava-o-konverziji a.livi {
    width: 13%;
    background: url(../img/wspay/wspay.png) no-repeat left top;
    background-size: auto;
    float: left;
}
.izjava-o-konverziji img {
    max-height: 30px;
    margin: 10px 0 0 5px;
    vertical-align:middle;
}
.izjava-o-konverziji p {
    clear: both;
    width: 100%;
    font-size: 12px;
    line-height: 13px;
    padding: 5px 20px 15px 0;
    text-align: center;
}
#footer .clear {
    width: 100%;
    clear: both;
}

.information {
    padding-left:50px;
    padding-right:50px;
}

@media (max-width:1000px) {
    .information {
        padding:0px;
    }
}

.adriaticket {
    text-align:center;
    font-size:0.7em;
    color: #fff;
    padding: 20px 0px;
    background: #231f20;
}

/* END FOOTER */


@media (max-width:768px) {
    .event-list img {
        width:100%
    }

    #fb-root {
        display:none;
    }
    .static-img {
        display: none;
    }
    #page-container {
        width:100%;
    }
    .carousel {
        width:100%;
    }
    .fotorama__grab {
        cursor: move;
        cursor: -webkit-grab!important;
    }
    .fotorama { 
        padding:0;
        margin-bottom:5px;
    }
    .fotorama__nav-wrap { display:none; }
	.navbar{
		z-index: 99;
	}
    .navbar .container {
        padding:0;
        color:#b12706
    }
    .navbar-nav {
        margin:0;
    }
    .single-event .vrijeme-mobile {
        display: block;
    }
    .single-event .vrijeme-full-screen {
        display: none;
    }

    .container > .navbar-header {
        margin:0;
    }
    .navbar-default .navbar-nav > li {
        z-index:10;
    }
    .navbar-default .navbar-nav > li > a {
        background-color:#1D1D1D;
    }
    .navbar-default .navbar-nav > li > a:hover {
        background-color:#494949;
    }
    .navbar li:nth-last-child(2),
    .navbar li:last-child
     {
        margin:0;
        background-color:none;
        height:auto;
    }
    .one-recom-event img {
        display:block;
        width:100%;
        text-align:center;
    }
    .one-recom-event .vrijeme,
    .all-events .vrijeme {
        height:45px;
    }
    .static-img img {
        width:100%;
    }
    .sidebar { display:none;}
    .sidebar-mobile { display: block; }
    .event-sidebar img {
        width:100%;
    }
    .thumbnail {
        width:100%;
    }
    .ticket-sale #datetime,
    .ticket-sale #location {
        font-size:0.8em;
        height:120px;
    }
    .ticket-sale #datetime h3,
    .ticket-sale #location h3{
        font-size:1.4em;
    }
    .ticket-select {
        margin-top:20px;
        clear:both;
    }
    .hall-layout img {
        width:100%;
    }
    .ticket-sale .btn,
    .registry .btn,
    .login-container .btn {
        width:100%;
    }
    #event-grid {
        margin-top:35px;
    }
    .admin-error-active {
        width:100%;
    }
    .angular-google-map-container {height:200px;}
    .webPlacesBoxes {width:85%;}
    .contact { padding:0; }
    .contact-info h3 { padding-top:20px;}
    .order-details h3 {
        font-size: 0.8em;
    }
    .izjava-o-konverziji a {
        display: inline-block;
        float:none;
    }
        .izjava-o-konverziji a.livi {
            width: 100%;
            background: url(../img/wspay/wspay.png) no-repeat center top;
        }
    .profile-page h3 {
        font-size: 0.8em;
    }
    #changePassword button {
        font-size:0.8em;
    }
    #tickets {
        overflow-x:scroll;
    }

}
@media (min-width:361px) and (max-width:600px) {
    .izjava-o-konverziji a.livi {
        width: 100%;
        background: url(../img/wspay/wspay.png) no-repeat center top;
    }
    .izjava-o-konverziji a {
        display: inline-block;
        float:none;
    }
}


@media (min-width:361px) and (max-width:1023px) {
    .static-img {
        display: none;
    }
    #page-container {
        width: 100%;
    }

    .carousel {
        width: 100%;
    }
    .fotorama__grab {
        cursor: move;
        cursor: -webkit-grab!important;
    }
    .fotorama {
        padding: 0;
        margin-bottom: 5px;
    }

    .fotorama__nav-wrap {
        display: none;
    }

    .navbar .container {
        padding: 0;
        color: #b12706;
    }

    .navbar-nav {
        margin: 0;
    }

    .container > .navbar-header {
        margin: 0;
    }

    .navbar-default .navbar-nav > li {
        z-index: 10;
    }

        .navbar-default .navbar-nav > li > a {
            background-color: #1D1D1D;
        }

            .navbar-default .navbar-nav > li > a:hover {
                background-color: #494949;
            }

    .navbar li:nth-last-child(2),
    .navbar li:last-child {
        margin: 0;
        background-color: none;
        height: auto;
    }

    .one-recom-event img {
        display: block;
        width: 100%;
        text-align: center;
    }

    .one-recom-event .vrijeme,
    .all-events .vrijeme {
        height: 55px;
    }

    .one-recom-event .event-content {
        font-size:1.4em;
    }
    .one-recom-event h4 {
        font-size:1.3em;
    }
    .static-img img {
        width: 100%;
    }

    .sidebar {
        display: none;
    }

    .sidebar-mobile {
        display: block;
        margin:10px 0;
        text-align:center;
    }

    .event-sidebar img {
        width: 100%;
    }
    .single-event .vrijeme-mobile {
        display: block;
    }
    .single-event .vrijeme-full-screen {
        display: none;
    }
    .thumbnail {
        width: 100%;
    }

    .ticket-sale #datetime,
    .ticket-sale #location {
        font-size: 0.8em;
        height: 120px;
    }

        .ticket-sale #datetime h3,
        .ticket-sale #location h3 {
            font-size: 1.4em;
        }
    .ticket-sale .col-xs-6 {
        width:40%;
    }
    .ticket-sale #location {
        margin-left:15%;
    }

    .hall-layout img {
        width: 100%;
    }

    .ticket-sale .btn,
    .registry .btn,
    .login-container .btn {
        width: 100%;
    }

    .admin-error-active {
        width: 100%;
    }

    .angular-google-map-container {
        height: 200px;
    }

    .webPlacesBoxes {
        width: 85%;
    }

    .contact {
        padding: 0;
    }

    .contact-info h3 {
        padding-top: 20px;
    }
}

@media (min-width:1024px) {
    .single-event .vrijeme {
        background:url(../img/calendar-icon.png) left no-repeat;
        text-align:left;
        text-indent:30px;
        color:#6D6D6D;
        font-weight:400;
        font-size:1em;
        padding:0;
    }
    .single-event .vrijeme ul li { display:inline; }
    .single-event .mjesto {
        background:url(../img/location-icon.png) left top no-repeat;
        text-align:left;
        text-indent:30px;
        padding:0;
        margin:0 15px;
    }
    .all-events .vrijeme,
    .one-recom-event .vrijeme {
        background-color:transparent!important;
        border-radius:0!important;
        color:#9A9A9A!important;
        border-right:1px solid #ABABAB;
        text-align: right!important;
        padding-right: 10px!important;
    }
    .all-events .vrijeme p:first-child,
    .one-recom-event .vrijeme p:first-child {
        font-weight:400!important;
    }
    .all-events .mjesto,
    .one-recom-event .mjesto {
        color:#9A9A9A!important;
        padding-left:10px;
        font-size:0.9em!important;
        padding-top:5px;
    }
    .all-events .mjesto p,
    .one-recom-event .mjesto p {
        margin:0 0 5px!important;
        
    }
    .one-recom-event .mjesto {
        padding-left:25px;
    }
    .all-events .mjesto p {
        font-weight: bold;
    }

}


[ng\:cloak], [ng-cloak], .ng-cloak 
{
  display: none !important;
}


.hall-layout img {
    width: 100%;
}

div.static-img div div img {
    width: 330px;
    height: 210px;
}
.ads-container a img{
    margin-bottom: 25px;
}

.small-info-text {
    font-size: 11px;
    font-style: italic;
    color: #707070;
    vertical-align: text-top;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

#sector-layout {
    text-align:center;  
}
#pick-timer {
    margin-top: 20px;
    text-align: right;
    color: red;
}

@media (max-width:1024px) {
    #sector-layout {
        overflow: auto;  
    }
}

.site404 {
    text-align: center;
}
.site404 div {
    padding-top: 60px;
    padding-bottom:20px;
}
@media (max-width:800px) {
    .site404 div {
        padding-top: 25px;
    }
    .site404 div img{
        width: 100%;
    }
}