body {padding-top:40px;}
a img {border:none}
ul, li {margin:0; padding:0;}
h1, h2, h3, h4 {font-weight:600;}
h1 {
    font-size: 2em;
    margin: 0 0 10px;
    padding: 0;
}
.OmoWidget {
    z-index:1000 !important;
}
    .tophead {
    background: #fcfcfc;
    border-bottom: 1px solid #ebeaea;
}
header { background:#ffffff; padding:10px 0;}
.logo {background:url(logo@2x.png) no-repeat 0 0; background-size:contain; float:right; display:block; width:74px; height:85px; position:relative; right:5px; top:0px; text-indent:-9999px;}
 .mobile-fixed-header {display:block; 	position: fixed;
	z-index: 25;
	top: 0;
	left: 0;
	width: 100%;
	height: 45px;
	line-height: 45px; background-color:#6193d0;  height:45px; }
  .mobile-fixed-header a{color:#fff; }
ul.languages
{
    position: relative;
    bottom: 0px;
    float:left;
    width:auto;
    margin:0px;
    z-index:10;
    line-height:4;
}
nav ul.languages li
{
    float: left;
    margin: 0 0px 0 2px;
    font-size: 12px;
    font-weight:400;
     list-style-type: none;
}
nav ul.languages li a
{
    float: left;
    padding: 2px 8px;
    text-decoration: none;
    color: #747474;
}
nav ul.languages li a:hover, nav ul.languages li a:focus
{
    color: #000000;
}
nav ul.languages li a:active
{
    background: #000000;
}
nav ul.languages li.active a
{
    color: #000000;
}

/* Reset */
.nav.columns,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

.nav a { text-decoration: none; }

.nav li { list-style: none; }

/* Menu Container */
  #menu-wrapper {display:none;}
  .trigger {
display: block;

line-height: 60px !important;
height: 60px;
width: 80px;
position: relative;
left: 5px;
}


.nav {
	display: inline-block;
	position: relative;
	cursor: default;
	z-index: 500;
}

/* Menu List */
.nav > li {

}
.nav > li.columns {

	position: static;
}
/* Menu Links */
.nav > li > a {
	position: relative;
	display: block;
	z-index: 510;
	line-height: 25px;
	padding:5px;
	font-family:'allerregular';
	font-size: 14px;
	color: #212121;
	text-align:center;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
    border-bottom:1px solid #ececec;
}
.nav li.columns:nth-child(7) > a:before, .nav li.columns:nth-child(8) > a:before {display:block; position:absolute;  content:url('vodnjan-grb.png'); width:45px; height:60px; top:-1px; left:0; right:auto; margin:0 auto;}
.nav > li > a  > span { font-size:11px; color:#999999; text-transform:uppercase; font-family:'allerregular'; display:block;}
.nav > li:hover > a { background: #DFDFDF; }
.nav > li > a i {display:block; position:absolute; right:10px; top:0; bottom:0; height:30px; margin:auto;}
.nav > li:first-child > a {
	border-left: none;
}


/* Menu Dropdown */
.nav > li > div {
	position: relative;
	top: 0px;
	left: 0;
	opacity: 0;
	padding:20px 20px 40px 20px;
	/*visibility: hidden;*/
	overflow: hidden;
    display:none;
	background: #DFDFDF;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	z-index:1000;
}
.nav li div.visible {
	opacity: 1;
	/*visibility: visible;*/
	overflow: visible;
    display:block
}


/* Menu Content Styles */   
/*.nav .nav-column {
	float: left;
	width: 20%;
	padding: 2.5%;
}*/
.nav .nav-column h3 {
        border-bottom:1px solid #d2d2d2;
    }
.nav .nav-column h3,
.nav .nav-column h3 a {
	margin: 10px 0 10px 0;
	line-height: 18px;
	font-size: 14px;
	color: #000000;
	/*border-bottom:1px solid #d2d2d2;*/
	width:90%;
	padding-bottom:3px;
}
.nav .nav-column h3 a:hover {color: #6090c3; text-decoration: underline;}

.nav .nav-column li a {
	display: block;
	line-height: 26px;	
	font-size: 13px;
	color: #4d4c4c;
}

.nav .nav-column li a:hover { color: #6090c3; text-decoration: underline; }

.banner,.breadcrumb {
position:relative;
padding:15px 0;
margin-bottom:1.0625em;
background: #5d8fce;
background: -moz-linear-gradient(top,  #5d8fce 0%, #6193d0 18%, #6ca0d9 81%, #74a9df 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d8fce), color-stop(18%,#6193d0), color-stop(81%,#6ca0d9), color-stop(100%,#74a9df));
background: -webkit-linear-gradient(top,  #5d8fce 0%,#6193d0 18%,#6ca0d9 81%,#74a9df 100%);
background: -o-linear-gradient(top,  #5d8fce 0%,#6193d0 18%,#6ca0d9 81%,#74a9df 100%);
background: -ms-linear-gradient(top,  #5d8fce 0%,#6193d0 18%,#6ca0d9 81%,#74a9df 100%);
background: linear-gradient(to bottom,  #5d8fce 0%,#6193d0 18%,#6ca0d9 81%,#74a9df 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d8fce', endColorstr='#74a9df',GradientType=0 );
}
.banner .fotka { position: absolute; right:0; bottom:0; z-index:0}
.breadcrumb {padding:5px 0; color:#fff; }
.breadcrumb a, .breadcrumb i.fa-angle-right{ color:#fff; text-decoration:none;font-size:0.8125em; padding:0 3px;}
.breadcrumb a:hover {text-decoration:underline;}
.breadcrumb a span, .breadcrumb i.fa-angle-right:last-of-type { display:none;}
.breadcrumb .fa-home.fa-lg {font-size: 1.5em;}
.fotorama__wrap {margin-bottom:1.0625em;}
.fotorama.home .fotorama__nav {
   bottom: -20px;
    position: absolute;
    right: 8px;
    padding-bottom: 15px;
    /*width: 110px !important;*/
    z-index: 0;
}
.fotorama.galerija .fotorama__nav {background:#fff; padding:5px 0;}
.fotorama.home .fotorama__nav__shaft {float:right;}
.fotorama__dot {
    border-color: #000;
	 height: 8px;
    width: 8px;
}
.fotorama__active .fotorama__dot {
    background-color: #000;
}
.fotorama__nav__frame.fotorama__active .fotorama__dot {
    border: medium none;
    height: 10px;
    width: 10px;
}
.nav-arrows {position:absolute; bottom:40px; right:20px; display:none;}
  .nav-arrows a{display:inline-block; padding:3px 0px 3px 8px;}
  .nav-arrows a i{font-size:1.3125em;}
.fotorama .caption {background:#fff; width:100%; position:absolute; bottom:0; left:0; padding:10px 20% 10px 20px;}
 .fotorama .caption h2, .fotorama .caption h2 a{ padding:0px; width:75%; margin:0; font-size:1em; font-family:'allerregular', sans-serif; font-weight:normal; text-decoration:none; color:#000000;}
 .fotorama .caption p{  font-size:0.875em;  margin: 5px 0; width:75%; display:none;}
 .fotorama .caption p a{ color:#6193d0; }
article p, article ul, article ol{
    font-size: 0.875em;
    line-height: 1.8;
}
article ul {margin-left:40px;}
 .box {  background:#fff; overflow:hidden;}
 .box.popular {  min-height: initial;}
  .box.popular .title, .box.social .title{ background:#000; color:#fff; padding:8px 10px; width:100%; display:block; font-family: 'allerregular',sans-serif;
    font-weight: normal; text-transform:uppercase; font-size: 0.8125em;}
  .box.novosti .title{ background:#999999; color:#fff; padding:8px 10px; width:100%; display:block;font-family: 'allerregular',sans-serif;
    font-weight: normal; text-transform:uppercase; font-size: 0.8125em;}
   .box.dokumenti .title, .box.info .title{ background:#989898; color:#fff; padding:8px 10px; width:100%; display:block; font-family: 'allerregular',sans-serif;
    font-weight: normal; text-transform:uppercase; font-size: 0.8125em;}
   article .box.novosti .title {display:none;}
    article .box.novosti {background:transparent;}
    aside .box.novosti {margin-bottom:1.0625em}
  .box.novosti {padding-bottom: 20px;}
  .box .content{ padding:0 10px;}
  .box.social .content{ padding:0;}
  .box .content p{ font-size:0.875em; line-height:1.5;}
  .box.popular  ol {
    counter-reset: numList;
    display: block;
    list-style: none outside none;
    margin-left: 0;
    overflow: hidden;
    padding: 0;
}
.box.popular ol > li:before {
    background:  #cccccc;
    border-radius: 20%;
    color: #fff;
    content: " " counter(item, decimal) ". ";
    float: left;
    font: bold 12px/21px sans-serif;
    height: 21px;
    left: 0;
    margin-right: 0;
    position: relative;
    text-align: center;
    width: 21px;
}
  .box.popular  ol li {
    float: left;
    margin: 0px 0 7px 0px;
    position: relative;
	line-height:21px;
	font-size:0.8125em;
}
  .box.popular  ol > li {
    counter-increment: item;
    list-style: none inside none;
    margin: 0px 0 7px 0px;
    padding: 0;
}
  .box.popular  ol li a{
   text-decoration:none;
   color:#4d4c4c;
   padding-left:7px;
}
	  .box.popular  ol li a:hover{color:#6d9ed2; text-decoration:underline;}

  .box.dokumenti, 
 .box.info {margin:1.0625em 0; }
  .box.dokumenti .content, 
 .box.info .content { padding:15px;}
 .box.dokumenti .content p, 
 .box.info .content p,
 .box.dokumenti .content li, 
 .box.info .content li{  font-size: 0.8125em; padding:0 0 0 9px;  line-height:1.8; position:relative; }
  .box.info .content h3,
 .box.dokumenti .content h3 {font-size: 0.875em; padding:0; margin:0 0 8px 0;}
   .box.info .content ul{ margin:8px 0 8px 18px; }
   .box.dokumenti .content ul { margin:0px 0 0px 0px; }
   .box.dokumenti .content ul li { padding-left:0; margin-bottom:4px; }
   .box.info .content ul li:before {content: "\f111"; font-family: FontAwesome; font-size:0.3em; position:absolute; top:9px; left:0; color:#6b6b6b;}
.box.info .content a { color:#990000; text-decoration:none;}
.box.dokumenti .content a { color:#000000; text-decoration:none;}
.box.dokumenti .content a:hover,.box.info .content a:hover {  text-decoration: underline;}
.dokumenti ul li:before{
    list-style-type: none !important;
    content: "" !important;
}
.dokumenti li {
    position: relative;
    padding-left: 36px !important;
    padding-bottom: 0.25rem !important;
}
    .dokumenti li i {
        position: absolute;
        left: 13px;
        top: 7px;
        font-size: 16px;
    }
article a {
    text-decoration: none;
    color: #6090c3;
}
    article a:hover {
        text-decoration: underline;
    }
span.doc-date {
    margin-left: 0px;
    margin-right: 5px;
    font-size: 11px;
    padding: 3px 6px;
    color: #747475;
    font-style: italic;
    border-right: 2px solid #6090c3;
    background: #fff;
}
.fa-file-pdf-o {color:#990000}
.fa-file-word-o, .fa-file-doc-o, .fa-file-docx-o {color:#0a309f}
.fa-file-excel-o, .fa-file-xls-o, .fa-file-xlsx-o {color:#4DC01D}
.fa-file-word-o:before, .fa-file-doc-o:before, .fa-file-docx-o:before {
    content: "\f1c2";
}
.fa-file-excel-o:before, .fa-file-xls-o:before, .fa-file-xlsx-o:before {
    content: "\f1c3";
}
 .box.gradonacelnik{  min-height: initial; margin:1.0625em 0;}
 .box.gradonacelnik .content {
    float: left;
    padding: 0 10px;
    width: 70%;
}
 .box.gradonacelnik > img {
    float: left;
    width: 30%;
}
 /*.box.social{  min-height:408px;}*/
 .box.gradonacelnik h3,.box.social h3{ font-size:1em; font-family:'allerregular', sans-serif; font-weight:normal; margin:5px 0; padding:0}
  .box.gradonacelnik p,.box.social p{ font-size:0.75em;  margin:0 0 5px 0;padding:0}
  .box.social ul{ font-size:1.2em; text-align:center;}
  .box.social .fa span{display:none;}
  .box.social a {color:#000000;}
  .box.social a:hover {color:#6193d0;}
a .caption {
    background: #fff;
    bottom: 10px;
    position: relative;
    right: 0em;
    text-align: right;
    padding: 5px 10px;
    color:#000;
    width:100%;
    min-height:90px;
     
}
a .caption h2 {
    font-size: 0.875em;
    margin: 0;
    padding: 0;
}
a .caption p {
    font-size: 0.687em;
    margin: 0;
    padding: 0;
    color:#272727;
    text-transform:uppercase;
}

.novosti ul {
    padding:0;
    margin:0;
    list-style-type:none;

}
.novosti ul li {
    padding:0;
    margin:0;
    list-style-type:none;
    border-bottom:1px solid #ececec;
}
article .novosti ul li { border-bottom:1px solid #ccc;}
.novosti ul a { text-decoration:none; display:block;padding:3px 5px;}
.novosti ul a:hover {background-color:#f7f7f7;}
    .novosti ul a:hover .naslov {
        color: #990000 /*#6d9ed2*/;
        text-decoration: none;
    }
    .novosti span.title-bar {
    position: relative;
    display: block;
    width: 100%;
}
.novosti span.title-bar a{position: absolute; right:5px; font-size:0.75em; top:0;color: #999999;}
.novosti span.title a{position: absolute; right:5px; font-size:0.75em; top:5px;color: #fff;}
    .novosti  h2 {
        color: #020202;
        font-size:13px;
        display:block;
        text-transform:uppercase;
        font-family: 'allerregular', sans-serif;
        border-bottom:1px dashed #333;
        font-weight:normal;
    }
.novosti ul li .naslov {
    color: #3f3f3f;
    font-size: 13px;
    display: block;
    text-decoration: underline;
}
    article .novosti ul li .naslov {font-size:14px;}
    .novosti ul li .datum {
        color: #999999;
        font-size:11px;
        display:block;
        font-style:italic;
    }
 
.novosti .more {
    display: block;
    font-size: 13px;
    padding: 0.625em 0;
    text-align: center;
    text-decoration: none;
    color:#9a0000;
}
.novosti .more:hover, .novosti .arhiva:hover {text-decoration:underline;}
.novosti .arhiva {
    border-top: 1px solid #f3f3f3;
    color: #999;
    display: block;
    font-size: 12px;
    padding: 0.625em 0 0;
    text-align: center;
    text-decoration: none;
}

.grow { display:block; overflow:hidden; text-decoration:none; margin-bottom:0px;}
 .grow img {
	width:100%;
    max-width:100%;
	-webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease;
  	-o-transition: all 1s ease;
  	-ms-transition: all 1s ease;
  	transition: all 1s ease;
}

.grow:hover img {
	cursor: pointer;
    transform:scale(1.1);
    -ms-transform:scale(1.1); /* IE 9 */
    -moz-transform:scale(1.1); /* Firefox */
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -o-transform:scale(1.1); /* Opera */
}
.grow h2 {font-family:'allerregular', sans-serif; font-weight:normal;}
.tourist, .news { margin-bottom:1.0625em;}
.manifestacije {color:#375476;}
.vodnjan {color:#bb3a17;}
.galizana {color:#a97422;}
.peroj {color:#e49802;}

.box.sidenav {margin-bottom:1.0625em;}
.box.sidenav .title{ background:#75a8df; color:#fff; padding:8px 10px; width:100%; display:block; text-transform:uppercase; font-size:0.8125em; font-family: 'allerregular',sans-serif;
    font-weight: normal;}
.box.sidenav .title span {display:none;}
.sidenav h3 {
    border-bottom: 1px solid #dcdcdc;
    font-size: 0.875em;
    margin: 0;
    padding: 5px 0;
    cursor:pointer;
    font-family: 'allerregular',sans-serif;
    font-weight: normal;
}
.sidenav div:last-child h3, .sidenav h3.active {border-bottom:none;}
.sidenav h3.active, .sidenav h3:hover {color: #6090c3;}
.sidenav ul {display:none;}
.sidenav li {
    list-style-type: none;
    margin: 0;
}
.sidenav ul li a {
    color: #646464;
    display: block;
    font-size: 0.8125em;
    padding: 5px 0 3px 15px;
    text-decoration: none;
}
.sidenav ul li a:hover, .sidenav ul li.active a{
    color: #6090c3;
      text-decoration: underline;
}
.addthis_toolbox {position: relative; width:100%; left:0px; top:0px;}
.addthis_toolbox a {color:#000;}
.addthis_toolbox a:hover {color:#999;}

.tabnav {display: inline-block; padding:0 0 6px 0; margin:0; list-style-type:none; border-bottom:1px solid #6193d0; width:100%; background:#ececec;}
.tabnav li {padding:0; margin:0 1px 0 0; list-style-type:none; display:inline;}
.tabnav li a{display:block; padding:3px 10px; text-decoration:none; color:#999; width:auto; float:left;}
.tabnav li a.active{color:#fff; background:#6193d0; position:relative;}
.tabnav li a.active:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #6193d0; border-width: 8px; margin-left: -8px; }
.lista-glasnika {padding:0; margin:25px 0 25px 10px; list-style-type:none;}
.lista-glasnika a{color:#6193d0; text-decoration:none; margin-bottom:8px; font-size:0.9375em; margin-left:5px}
.lista-glasnika a:hover{color:#6193d0; text-decoration: underline;}
#GooglepretrazivanjeGlasnika input {margin:0;}
.gsc-control,.gsc-results-wrapper-nooverlay {width:100% !important}
.gsc-control  table,.gsc-results-wrapper-nooverlay table {border:none; background:transparent !important; margin:0;}
.gsc-results .gsc-cursor-box .gsc-cursor-page {font-size:0.875em; text-decoration:none; }
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {color:#6193d0 !important;}
.gsc-cursor-box { border-top:1px solid #6193d0;  background:#ececec;padding: 3px 10px;}
.header-contact-us {position:relative;}
    .header-contact-us p {
        width: auto;
        margin: 0;
        float: right;
        padding: 0px 6px;
        color: #fff;
        background: #000;
        cursor: pointer;
    }
.fb-header { width:auto; margin:0 2px 0 0; float:right; padding:3px 8px; font-size:12px; color:#fff; background:#000; cursor:pointer;}
.header-contact-us p.active { color:#000; background:#fcfcfc;}
.header-contact-us .contact-popup {display:none; position:absolute; top:24px; z-index:1001; right:0; width:100%; padding:0 15px 15px; font-size:0.8125em; background:  #fcfcfc; border: 1px solid #ebeaea; }
.contact-popup ul {list-style-type: none; margin:0; padding:0;}
.header-search {float:right; margin-right:20px; margin-left: 20px;}
#btn-header-search {padding:1px 2px !important; margin:0 0 0 -2px !important; }
#value-header-search {position: relative;top: -1px; padding: 3px; border:none; border-left:1px solid #ebeaea; font-size:0.8125em; color:#999999}

.page-item {background:#fff; margin-bottom: 1.0625em; padding:0.625em; color:#747474}
.page-item h2{font-size:1.125em; margin:0 0 0.53125em 0; border-bottom: 1px solid #ececec;padding-bottom: 0.375em;}
.page-item h2 a{ text-decoration:none; color:#272727}
.page-item p, .page-item a.more{font-size:0.8125em; margin:0 0 0.53125em 0;}
.page-item a.more{display:block; text-align:right; color:#6193d0}
.page-item a{color:#5d8fce; font-size:0.875em; text-decoration:none;}
.page-item a:hover{color:#000000;text-decoration:underline;}
/* Fontovi 01.06.2014*/
@font-face {
    font-family: 'allerbold';
    src: url('font/aller_bd-webfont.eot');
    src: url('font/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aller_bd-webfont.woff') format('woff'),
         url('font/aller_bd-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alleritalic';
    src: url('font/aller_it-webfont.eot');
    src: url('font/aller_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aller_it-webfont.woff') format('woff'),
         url('font/aller_it-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'allerregular';
    src: url('font/aller_rg-webfont.eot');
    src: url('font/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aller_rg-webfont.woff') format('woff'),
         url('font/aller_rg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@media only screen and (max-device-width: 640px)  {
    #wrapper {
        position: absolute;
        z-index: 1;
        top: 45px;
        bottom: 0px;
        left: 0;
        width: 100%;
         overflow-x: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

}
.banner-bottom {text-decoration:none;}
.banner-bottom figure {
    margin: 0;
}
@media only screen and (min-width: 40.063em) {
    body {padding-top:0px;}
    header {  padding-top:65px;}
    .mobile-fixed-header {display:none;}
    .logo {background:url(logo@2x.png) no-repeat 0 0; display:block; width:91px; height:105px; position:absolute; left:-100px; top:-52px;background-size:contain;}
     #menu-wrapper {display:block;}
    .nav > li > a {
	position: relative;
	display: block;
	z-index: 510;
	line-height: 25px;
	padding:8px;
	font-family:'allerbold';
	font-size: 16px;
	color: #212121;
	text-align:center;
    border-bottom:none;
}
.nav li.columns:nth-child(7) > a:before { top:-60px; left:0; right:0; }
.nav > li > a i {display:none;}
.nav > li > a  > span { font-size:12px; color:#999999; text-transform:uppercase; font-family:'allerregular'; display:block;}
    .nav > li > div {
        position: absolute;
        top: 100%;
        left: 0px;
        right: 0px;
        opacity: 0;
        padding: 20px 20px 40px 20px;
        /*visibility: hidden;*/
        display: none;
        overflow: hidden;
        background: #DFDFDF;
        border-bottom: none;
    }
.nav > li:hover > div, .nav li div.visible {
	opacity: 1;
	/*visibility: visible;*/
	overflow: visible;
    display:block
}
ul.languages{line-height:1.5;}
.header-contact-us .contact-popup { width:320px;  }
a .caption {
    bottom: 10px;
    position: absolute;
    right: 0.53125em;
    text-align: right;
    padding: 3px 10px;
    width: auto;
    min-height:auto; /* IE hack */
    min-height:initial;
    -webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease;
  	-o-transition: all 1s ease;
  	-ms-transition: all 1s ease;
  	transition: all 1s ease;
}
 a .caption:hover {}

a .caption h2 {
    font-size: 1.125em;
    margin: 0;
    padding: 0;
}
a .caption p {
    font-size: 0.75em;
    margin: 0;
    padding: 0;
    color:#272727;
    text-transform:uppercase;
}
     .box.gradonacelnik{  min-height: initial; margin:0 0 1.0625em 0;}
     .box.gradonacelnik .content {
        float: none;
        padding: 0 10px;
        width: 100%;
    }
     .box.gradonacelnik > img {
        float: none;
        width: 100%;
    }
.addthis_toolbox {position:absolute; width:40px; left:-55px; top:69px;}
.fotorama__wrap {margin-bottom:1.0625em;}
 .fotorama .caption h2, .fotorama .caption h2 a{ font-size:1.125em; width: 85%;}
 .fotorama .caption p{  display:block;}
 .nav-arrows {display:block;}
 .grow {margin-bottom:20px;}
 figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 30px);
	width: calc(100% + 30px);
	opacity: 0.9;
	-webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
	transition: opacity 0.25s, transform 0.25s;
	-webkit-transform: translate3d(-20px,0, 0);
	transform: translate3d(-20px,0,0);
}

figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

 .banner-bottom:hover img{
	opacity: 1;
}

 .banner-bottom:hover img {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
    opacity: 1
}

 .banner-bottom figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	min-width: 100%;
	max-width: 100%;
	max-height: 386px/*101px*/;
	width: 48%;
	cursor: pointer;
     background: #000
}

figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}
}

@media only screen and (min-width: 64.063em) {
     .box.popular {  min-height:408px;}
     .box.gradonacelnik{  min-height:285px; margin:0 0 1.0625em 0;}
     .box.gradonacelnik .content {
        float: none;
        padding: 0 10px;
        width: 100%;
    }
     .box.gradonacelnik > img {
        float: none;
        width: 100%;
    }
      .grow {margin-bottom:0px;}
      .fotorama__wrap {margin-bottom:0em;}
}

/* CSS infosit brand powered by */
.inf-brand-border {
    border-radius: 50%;
    position: relative;
    background-color: transparent;
    border: 3px solid #999;
    display: block;
    width: 18px;
    height: 18px;
    outline: none;
    margin: 15px auto 0;
    
}

.inf-brand-circle {
    border-radius: 50%;
    position: absolute;
    text-indent: -9999px;
    background-color: #999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 4px;
    height: 4px;
    display: block;
}

.inf-brand-border:hover {
    border-color: #176FB5;
}

    .inf-brand-border:hover .inf-brand-circle {
        background-color: #F8981B;
    }
/*new menu*/
.nav .desktop, .mob-menu .nav .mob {
    display: block;
}

.mob-menu .nav .desktop, .nav .mob {
    display: none;
}

.nav-item ul.menu, .nav-item ul.menu li ul.sub-menu {
    list-style: none;
    position: absolute;
    z-index: 10;
    display: none;
    background: #DFDFDF;
    border-bottom: none;
}

.nav-item:hover > ul.menu, .nav-item > ul.menu > li:hover > ul.sub-menu {
    display: block;
}

.nav-item ul.menu {
    padding: 20px 0 40px 20px;
}

.nav-item > ul.menu > li {
    position: relative;
}

.nav-item ul.menu li:last-child {
    float: none;
}

.nav-item ul.menu li ul.sub-menu {
    right: -250px;
    width: 100%;
    top: -10px;
    padding: 20px 20px 40px 20px;
}
/*new menu end*/