body {
	background: #fff url(../images/page-bg.jpg) 0 180px no-repeat;
	background-size: 100%;
	padding: 0;
}
/*
 * Structure
 *
 * * * * * * */
header {
	width: 100%;
	height: 182px;
	background: #fff;
	border-bottom: 1px solid #d4d4d4;
}
.page {
 	top: -34px;
	clear: both;
	display: block;
	position: relative;
	width: 958px;
	margin: 0 auto -34px; /* margin-bottom = top */
	border-right: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	background: #fff;
	overflow: hidden;
}
.front .top-bar {
	position: relative;
	padding-top: 33px;
}
.not-front .top-bar {
	display: block;
	position: relative;
}
#main-content {
	width: 640px;
	position: relative;
}
#sidebar-wrap {
	width: 300px;
	position: relative;
}
.no-sidebars #main-content {
	width: 100%;
	overflow: hidden;
	background: url(../images/node-bg.png) bottom left repeat-x;
}
footer[role="contentinfo"] {
	clear: both;
	display: block;
	width: 100%;
}
/*
 * Layouts
 *
 * * * * * * * */
/* Home page - sidebar on the right side */
.front #main-content {
	float: left;
}
.front #sidebar-wrap {
	float: right;
}
/* Inner pages - sidebar on the left side */
.not-front.sidebar-first #main-content {
	float: right;
}
.not-front.sidebar-first #sidebar-wrap {
	float: left;
}

/*
 * Globals
 *
 */
input[type="image"] {
	border: 0 none;
}
/* Titles */
h2.title,
h2.pane-title,
.not-front #main-content > h1,
.page-search #main-content > h2 {
	position: relative;
	display: block;
	clear: both;
	font-family: Georgia, serif;
	font-size: 20px;
	line-height: 41px;
	font-weight: bold;
	text-transform: uppercase;
	color: #525252;
	background: url(../images/sprite.png) -25px -185px no-repeat;
	margin: 0;
	padding-left: 17px;
}
h2.title a {
	color: #525252;
	text-decoration: none;
}
h2.pane-title,
.not-front #main-content > h1,
.page-search #main-content > h2{
	border-bottom: 1px solid #d4d4d4;
}
h2.pane-title,
.not-front #main-content > h1 {
	border-left: 1px solid #d4d4d4;
}
.not-front .top-bar {
	background: #064d93 url(../images/top-bar-bg.jpg) 0 0 repeat-y;
	background-size: 100% 100%;
	overflow: hidden;
	height: 41px;
	line-height: 41px;
	font-weight: bold;
	text-transform: uppercase;
}
.not-front .top-bar .section-title {
	font-family: 'Georgia', serif;
	font-size: 20px;
	color: #fff;
	margin-left: 20px;
	float: left;
	display: inline-block;
}
/* Follow us bar */
.not-front .top-bar #block-block-19 {
	font-family: 'Arial', sans-serif;
	font-size: 16px;
	color: #1E7FD8;
	float: right;
	display: inline-block;
	position: relative;
}
.not-front .top-bar .follow {
	float: left;
	display: inline-block;
	position: relative;
	margin-right: 10px;
}
.not-front .top-bar .addthis_toolbox {
	float: right;
	position: relative;
}
.top-bar .addthis_button_tweet iframe {
	width: 90px !important;
	margin: 10px 0 0 !important;
}
.top-bar .addthis_button_facebook_like iframe {
	width: 80px !important;
	margin: 10px 0 0 !important;
}
.top-bar .addthis_button_google_plusone > div {
	width: 70px !important;
	margin: 10px 0 0 !important;
}
/*
 * Articles - .node
 *
 */
/* All inner pages nodes - sidebar on the left side */
.not-front.sidebar-first .node,
.page-kontakt-kontakti .view-display-id-page_1,
.page-lokacije .view-id-lokacije,
.page-lokacije .view-opstinski-odbori {
	border-left: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}
/* All contact pages with .contact-info sections */
.not-front .contact-info,
.node-opstinski-odbor .content,
.page-home-page .node {
	border-bottom: 1px solid #d4d4d4;
}
/* Home page nodes */
.view-blokovi-vesti .node,
.view-blokovi-saopstenja .node {
	border-top: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
}
.page-home-page .node {
	border-right: 1px solid #d4d4d4;
}
.page-lokacije .view-opstinski-odbori {
	border-top: 1px solid #d4d4d4;
	overflow: hidden;
}
/* All nodes, .contact-info sections and div playing the .node role on contact-contacts page */
.view-blokovi-vesti .node,
.view-blokovi-saopstenja .node,
.sidebar-first .node,
.not-front .contact-info,
.page-kontakt-kontakti .view-display-id-page_1,
.view-id-lokacije,
.node-opstinski-odbor .content,
.page-not-found #main-content,
.page-lokacije .view-opstinski-odbori {
	background: url(../images/node-bg.png) bottom left repeat-x;
	position: relative; /* so that we can position read-more link absolute */
}
/* Nodes displaying article teasers */
.view-blokovi-vesti .node,
.view-blokovi-saopstenja .node,
.page-taxonomy .node,
.page-blog .node,
.page-dokumenti .node,
.page-gallery .node,
.page-video .node,
.page-home-page .node {
	padding: 5px 10px 20px 20px;
	overflow: hidden;
}
/* Two column nodes - Home, Novosti and Press Centar (make it default for last two and target full width nodes later) */
.view-blokovi-vesti .node,
.view-blokovi-saopstenja .node,
.page-novosti .node,
.page-press-centar .node,
.page-home-page .node {
	float:left;
	width: 289px; /* 319px - (10px + 20px paddings left and right) = 289px */
	min-height: 242px ; /* 267px height with three lines of title - (5px + 20px paddings) = 242px */
}
.page-home-page .node {
	min-height: 262px;
}
.view-blokovi-vesti .node .content,
.view-blokovi-saopstenja .content,
.page-novosti .node .content,
.page-press-centar .node .content,
.page-blog .node .content,
.page-video .node,
.page-home-page .node .content {
	position: relative;
	display: block;
}
/* Full width nodes - Novosti and Press Centar, their subtaxonomies and Blog */
.page-taxonomy-term .node,
.page-taxonomy .attachment-before .node,
.page-blog .node,
.page-dokumenti .node,
.page-gallery .node,
.page-video .node {
	width: 610px; /* 640px - (10px + 20px paddings) 610px */
}
.page-home-page .attachment-before .node {
	width: 609px;
	min-height: auto;
}
/*
 * Single nodes
 *
 *
 */
.not-front.node-single-full .node,
#sns-tools-eform-podrska,
.view-id-lokacije {
	padding: 20px;
	width: 600px; /* 640px - ( 2 * 20px paddings) = 600px */
}
/* Contact pages no padding
 * id 96 - cyr
 * id 98 - lat
 * id 100 - eng
 */
.node-single-96.node-single-full .node,
.node-single-98.node-single-full .node,
.node-single-100.node-single-full .node {
	padding: 20px 0;
	width: 640px;
}
.node h2,
.not-front .contact-info h2,
.page-search .page article h3 {
	font-family: 'Georgia', serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.node h2 {
	min-height: 60px;
}
.sontact-info h2,
.page-dokumenti .node h2{
	min-height: auto;
}
.node h2 a,
.not-front .contact-info h2,
.page-search .page article h3 a,
#block-views-opstinski-odbori-block-1 h3 a {
	color: #00529b;
	text-decoration: none;
}
.node .date {
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	color: #525252;
	text-transform: uppercase;
}
.node .field-type-text-with-summary,
.not-front .field-content,
.node-webform,
.node-opstinski-odbor .content,
.no-sidebars {
	font-family: 'Arial', sans-serif;
	color: #525252;
}
.no-sidebars #main-content{
	font-size: 14px;
	line-height: 20px;
}
.node .field-type-text-with-summary,
.node-webform {
	font-size: 10px;
	line-height: 16px;
	text-transform: uppercase;
}
.node-single-full .node .field-type-text-with-summary,
.not-front .contact-info,
.node-single-full .node-opstinski-odbor .content,
.page-home-page .node .field-type-text-with-summary {
	font-size: 12px;
	line-height: 16px;
	text-transform: none;
}
.node .field-type-text-with-summary p,
.not-front .field-content p,
.node-webform p {
	margin: 0 0 1em;
}
.node-opstinski-odbor .content p {
	margin: 0;
}
/*
 * Half width articles
 * Home, Novosti and Press Centar
 *
 */
.view-blokovi-vesti .node .field-type-image,
.view-blokovi-saopstenja .node .field-type-image,
.page-novosti .node .field-type-image,
.page-press-centar .node .field-type-image,
.page-home-page .node .field-type-image {
	float: left;
	display: inline-block;
	width: 130px;
}
.view-blokovi-vesti .node .field-type-text-with-summary,
.view-blokovi-saopstenja .node .field-type-text-with-summary,
.page-novosti .node .field-type-text-with-summary,
.page-press-centar .node .field-type-text-with-summary,
.page-home-page .node .field-type-text-with-summary {
	float: right;
	display: inline-block;
	width: 145px;
}
/*
 * Full width articles
 * All taxonomy and subtaxonomy pages and Blog
 *
 */
.page-taxonomy-term .field-name-field-photo,
.page-novosti .attachment-before .field-name-field-photo,
.page-press-centar .attachment-before .field-name-field-photo,
.page-blog .field-name-field-photo,
.page-gallery .field-type-image,
.page-video .field-type-video-embed-field,
.page-home-page .attachment-before .field-name-field-photo {
	width: 299px;
	float: left;
	margin: 5px 20px 0 0;
	position: relative;
	display: inline-block;
}
.page-home-page .attachment-before .field-name-field-photo {
	width: 298px;
}
.page-taxonomy-term .node h2,
.page-novosti .attachment-before h2,
.page-press-centar .attachment-before h2,
.page-blog .node h2,
.page-home-page .attachment-before h2,
.page-taxonomy-term .node .content,
.page-novosti .attachment-before .field-type-text-with-summary,
.page-press-centar .attachment-before .field-type-text-with-summary,
.page-blog .node .content,
.page-gallery .node .field-type-text-with-summary,
.page-video .node .field-type-text-with-summary,
.page-home-page .attachment-before .field-type-text-with-summary {
	width: 291px;
	display: inline-block;
}
.page-video .node .field-type-text-with-summary {
	float: right;
}
/* Read more and back links */
.node .links a,
.node .back-link a,
.node-webform input[type="submit"],
.view-blokovi-dokumenti .attachment-after a,
.no-sidebars input[type="submit"] {
	font-family: 'Arial', sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 19px;
	color: #fff;
	text-decoration: none;
	padding: 1px 6px 0;
	background: url(../images/more-link-bg.png) 0 0 repeat-x;
	background-size: 100% 100%;
	display: inline-block;
}
/* Read more */
.node .links a {
	position: absolute;
	bottom: 20px;
	right: 10px;
}
.page-dokumenti .node .links a {
	bottom: 10px;
}
/* Pagination */
.item-list-pager {
	display: block;
	clear: both;
	border-bottom: 1px solid #d4d4d4;
	overflow: hidden;
}
.not-front .item-list-pager {
	border-left: 1px solid #d4d4d4;
}
.front .item-list-pager {
	border-right: 1px solid #d4d4d4;
}
.item-list-pager .pager {
	padding: 0 0 0 20px;
	margin: 0;
	height: 35px;
}
.item-list-pager .pager li {
	display: inline;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0 8px 0 0;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 35px;
	color: #818181;
	text-transform: uppercase;
}
.item-list-pager .pager li.current {
	color: #00529b;
	text-decoration: underline;
}
.item-list-pager .pager li a {
	color: #818181;
	text-decoration: none;
}

/*
 * Header
 *
 * * * * */

/*
 * Siteinfo
 *
 */
.siteinfo {
	width: 959px;
	margin: 0 auto;
}
.siteinfo figure {
	max-width: 280px;
	float:left;
}
.siteinfo a,
.no-sidebars .logo a {
	position: relative;
	z-index: 2;
}
.no-sidebars .logo a {
	max-width: 280px;
	float:left;
}
.siteinfo a img,
.no-sidebars .logo a img {
	padding: 27px 0 30px 8px;
}
hgroup h1 {
	margin: 0;
	height: 0;
	text-indent: -9999px;
	padding: 0;
}
/*
 * Header region
 *
 */
.header-region,
.no-sidebars .header {
	height: 150px;
}
.header-region div,
.no-sidebars .header div,
.no-sidebars .logo {
	width: 958px;
	margin: 0 auto;
	position: relative;
}
#block-block-2, /* social profiles */
#block-locale-language,
#block-search-form {
	text-align: right;
}
#block-block-1 {
	border-right: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
}

#block-block-1 span {
  font-family: 'Arial', serif;
  color: #103074;
  font-weight: 700;
  font-size: 1.5em;
  margin-left: 100px;
  font-style: italic;
}

#block-block-1 a { /* join us */
	margin-left: 50px;
	top: -20px;
	position: relative;
	z-index: 1;
}
/*
 * Social and language lists styles
 *
 */
#block-block-2,
#block-locale-language {
	border-right: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	z-index: 1;
}
#block-block-2 ul,
#block-locale-language ul {
	margin-top: 0;
	padding: 0;
	position: relative;
	display: inline-block;
	/* hack to kill the space between inline-blocks - ul li */
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 0;
}
#block-block-2 ul {
	margin-right: 116px;
}
#block-locale-language ul {
	border-top: 1px solid #C4C4C4;
	background: #D4D4D4;
	top: -19px;
}
#block-locale-language li {
	border-left: 1px solid #C4C4C4;
}
#block-block-2 ul li,
#block-locale-language ul li {
	display: inline-block;
	position: relative;
}
#block-block-2 ul li a,
#block-locale-language ul li a {
	display: block;
}
#block-block-2 ul li,
#block-locale-language ul li {
	font-family: 'Arial', sans-serif;
	font-weight: normal;
}
#block-block-2 ul li {
	font-size: 10px;
	line-height: 19px;
}
#block-locale-language ul li {
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
}
#block-block-2 ul li a {
	color: #f2f2f2;
	text-decoration: none;
	padding: 0 25px 0 5px;
	background: url(../images/sprite.png) no-repeat;
}
#block-block-2 .twitter a {
 	background-color: #3fa0ed;
	background-position: right top;
}
#block-block-2 .facebook a {
	background-color: #45619d;
	background-position: right -20px;
}
#block-block-2 .google a {
	background-color: #d64a3c;
	background-position: right -40px;
}
#block-block-2 .youtube a {
	background-color: #a9382e;
	background-position: right -60px;
}

#block-block-2 .rss a {
  background: url(../images/rss.png) no-repeat -30px 0;
}

#block-locale-language ul li a {
	color: #494949;
	text-decoration: none;
	padding: 0 7px;
}
/*
 * Search
 *
 */
#block-search-form {
	position: relative;
	top: -70px;
	background: url(../images/search-shadow.png) bottom right no-repeat;
	padding-bottom: 30px;
}
#block-search-form form#search-block-form {
	position: relative;
	display: inline-block;
}
#block-search-form input[type="text"] {
	background: transparent;
	border: 0 none;
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	color: #6f6f6f;
	text-align: right;
	padding-right: 25px;
	outline: 0;
}
#block-search-form .form-actions .form-submit {
	position: absolute;
	top: -16px;
	right: 7px;
}
/*
 * Navigation
 *
 */
.header-region nav {
	top: -50px;
	background: #fff url(../images/nav-bg.jpg) 0 bottom repeat-x;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	position: relative;
	display: block;
	z-index: 100;
}
.header-region nav h2 {
	margin: 0 auto;
	text-indent: -9999px;
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 32px;
	font-weight: bold;
	text-transform: uppercase;
	color: #818181;
	background: url(../images/menu-bg.png) center center no-repeat;
}
.header-region nav ul {
	width: 958px;
	margin: 0 auto;
	padding: 0;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	background: url(../images/logo-shadow.png) -2px 0 no-repeat;
	/* hack to kill the space between inline-blocks - ul li */
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 0;
	/* hide exceeding of li:last-child a */
	overflow: hidden;
}
.header-region nav ul li {
	font-family: 'Arial', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	border-right: 1px solid #a2a2a2;
}
.header-region nav ul li:last-child {
	border-right: 0 none transparent;
}
.header-region nav ul li:last-child a {
	/* we need wider :last-child a to make that border-bottom on :hover and :active go to the end of the ul */
	width: 100%;
}
.header-region nav ul li a {
	color: #555;
	text-decoration: none;
	padding: 4px 26px 0;
	position: relative;
	display: block;
	border-bottom: 4px solid transparent;
}
.i18n-sr-Latn .header-region nav ul li a {
	padding: 4px 29px 0;
}
.i18n-en .header-region nav ul li a {
	padding: 4px 36px 0;
}
.header-region nav ul li a.active {
	color: #252160;
}
.header-region nav ul li a.active,
.header-region nav ul li a:hover,
.header-region nav ul li a:active {
	border-bottom-color: #262261;
	outline: 0 none;
}
/* For users with Java Script enabled we added .js to li */
.header-region nav ul li.js a {
	border-bottom: 4px solid transparent; /* we have created span for animation - kill the border */
}
.header-region li.active-js a.active,
.header-region li.active-trail a.active-trail {
	border-bottom: 4px solid #262261; /* no animation for active link - leave the border as it was */
}
.header-region li.active-js .nav-border {
	display: none; /* no animation for active link - kill the span */
}
.nav-border,
.nav-border-last { /* span to animate hover for non active links and :last-child link */
	position: absolute;
	bottom: 0;
	display: block;
	height: 4px;
	background: #262261;
}
/*
 * Breadcrumbs
 *
 * * * * * * * */
.breadcrumb {
	padding-bottom: 0;
	padding-left: 20px;
	font-family: 'Georgia', serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 35px;
	text-transform: uppercase;
	color: #00529b;
	border-bottom: 1px solid #d4d4d4;
	height: 33px;
}
.breadcrumb a {
	color: #818181;
	text-decoration: none;
}
/*SWIPER CSS*/
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide .caption{
	background: url(../images/slider-gradient.png) 0 0 no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	width: 40%;
	height: 359px;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 8px 0 15px;
	margin: 1px 1px 1px 0px;
	text-align: left;
}
.swiper-container-horizontal > .swiper-pagination {
	bottom: 10px;
	left: 0px;
	width: 10%;
	top: 320px;
	display: block;
}
/*SWIPER CSS END*/
/*
 * Home slider
 *
 * * * * * * * */
/* Before js is loaded lets just show the logo and hide everything else */
#block-views-home-page-slider-block {
  border-top: 0 solid #d4d4d4;
	height: 360px;
	-webkit-transition:  height 1s,  -webkit-transform 1s;
	transition:  height 1s,  transform 1s;
}
/* When js is loaded hide the logo and display everything else */
#block-views-home-page-slider-block .content h2 {
	font-family: 'Georgia', serif;
	font-size: 20px;
	line-height: 25px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 30px 10px 0;
	margin: 5px 0 10px 0;
	border-top: 1px solid #36567f;
	border-bottom: 1px solid #36567f;
}
#block-views-home-page-slider-block .content h2 a {
	color: #fff;
	text-decoration: none;
}
#block-views-home-page-slider-block .content .subtitle{
	margin-top: 10px;
}
#block-views-home-page-slider-block .field-name-field-photo {
	diplay:block;
}
#block-views-home-page-slider-block .content .subtitle,
#block-views-home-page-slider-block .content .field-type-text-with-summary {
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	line-height: 21px;
	font-weight: normal;
	color: #fff;
 	text-transform: uppercase;

}
#block-views-home-page-slider-block .content .field-type-text-with-summary {
 	padding-right: 20px;
}
#block-views-home-page-slider-block .content .field-type-text-with-summary p {
	margin: 0;
}

#block-views-home-page-slider-block .content .links a {
	position: absolute;
	bottom: 15px;
	right: 15px;
	display: inline-block;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 40px;
	color: #262261;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.75);
	padding: 0 10px;
	background: #d4d4d4 url(../images/slider-more-bg.jpg) bottom left repeat-x;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 9px 0 rgba(250,250,250,.75);
	-moz-box-shadow: inset 0 0 9px 0 rgba(250,250,250,.75);
	box-shadow: inset 0 0 9px 0 rgba(250,250,250,.75);
}


/*
 * CSS for jQuery Orbit Plugin 1.4.0
 * Maintained for Foundation. foundation.zurb.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* Container */
.orbit-wrapper {
	width: 1px;
	height: 1px;
	position: relative;
}
.orbit {
	width: 1px;
	height: 1px;
	position: relative;
	overflow: hidden;
	margin-bottom: 17px;
}
.orbit.with-bullets {
	margin-bottom: 0;
}
.orbit .orbit-slide {
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.orbit a.orbit-slide {
	border: none;
	line-height: 0;
	display: none;
}
.orbit div.orbit-slide {
	width: 100%;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}
/*
 * Note: If your slider only uses content or anchors,
 * you're going to want to put the width and height declarations
 * on the ".orbit>div" and "div.orbit>a" tags
 * in addition to just the .orbit-wrapper
 */
/* Timer */
div.orbit-wrapper div.timer {
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: .6;
	cursor: pointer;
	z-index: 31;
}
div.orbit-wrapper span.rotator {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: -20px;
	z-index: 3;
}
div.orbit-wrapper span.rotator.move {
	left: 0;
}
div.orbit-wrapper span.mask {
	display: block;
	width: 20px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	overflow: hidden;
}
div.orbit-wrapper span.mask.move {
	width: 40px;
	left: 0;
}
div.orbit-wrapper span.pause {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	opacity: 0;
}
div.orbit-wrapper span.pause.active { }
div.orbit-wrapper div.timer:hover span.pause,
div.orbit-wrapper div.timer:focus span.pause,
div.orbit-wrapper span.pause.active {
	opacity: 1;
}
/* Captions */
.orbit-caption {
	display: none;
	font-family: inherit;
}
.orbit-wrapper .orbit-caption {
	background: black;
	background: rgba(0, 0, 0, 0.6);
	z-index: 30;
	color: white;
	text-align: center;
	padding: 7px 0;
	font-size: 13px;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
}
/* Directional Nav */
div.orbit-wrapper div.slider-nav {
	display: block;
}
div.orbit-wrapper div.slider-nav span {
	width: 39px;
	height: 50px;
	text-indent: -9999px;
	position: absolute;
	z-index: 30;
	top: 50%;
	margin-top: -25px;
	cursor: pointer;
}
div.orbit-wrapper div.slider-nav span.right {
	right: 0;
}
div.orbit-wrapper div.slider-nav span.left {
	left: 0;
}
.lt-ie9 div.orbit-wrapper div.slider-nav span.right {  }
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { }

/* Bullet Nav */
ul.orbit-bullets {
	position: absolute;
	z-index: 30;
	list-style: none;
	bottom: 10px;
	left: 20px;
	margin-left: 0;
	padding: 0;
}
ul.orbit-bullets li {
	float: left;
	margin-right: 5px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(../images/sprite.png) -10px -195px no-repeat;
	width: 9px;
	height: 9px;
}
ul.orbit-bullets li.active {
	background: url(../images/sprite.png) 0 -195px no-repeat;
}
/* Orbit Slide Counter */
.orbit-slide-counter {
	position: absolute;
	bottom: 0;
	z-index: 99;
	background: rgba(0, 0, 0, 0.7);
	color: white;
	padding: 5px;
}
/* Fluid Layout */
div.orbit img.fluid-placeholder {
	visibility: hidden;
	position: static;
	display: block;
	width: 100%;
}
div.orbit, div.orbit-wrapper {
	width: 100% !important;
}
/* Correct timer in IE */
.lt-ie9 .timer {
	display: none !important;
}
.lt-ie9 div.orbit-caption {
	background: black;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
	zoom: 1;
}
@media only screen and (max-width: 767px) {
	div.orbit.orbit-stack-on-small img.fluid-placeholder {
		visibility: visible;
	}
	div.orbit.orbit-stack-on-small .orbit-slide {
		position: static; margin-bottom: 10px;
	}
}

/*
 * News Ticker
 *
 * * * * * * * */
#block-views-ticker-block {
	position: relative;
	height: 33px;
}
.view-id-ticker {
	width: 100%;
	clear: both;
	display: block;
	position: absolute;
	height: 33px;
	background: #d4d4d4;
}
.view-id-ticker .item-list ul,
.view-id-ticker .item-list ul li {
	margin: 0;
	padding: 0;
}
/* Hide list until js is loaded */
.view-id-ticker ul li {
	display: none;
}
/* Show only first child before js is loaded and then show them all */
.view-id-ticker ul li:first-child,
.view-id-ticker ul.slides li {
	display: block;
}
.view-id-ticker .views-field-title {
	height: 33px;
}
.view-id-ticker .field-content {
	font-family: 'Arial', sans-serif;
	font-weight:bold;
	font-size: 16px;
	line-height: 33px;
	text-transform: uppercase;
	padding-left: 18px;
}
.view-id-ticker .field-content a {
	color: #0c2d72;
	text-decoration: none;
}
/* Control Nav */
.view-id-ticker .flex-control-nav {
	max-width: 90px;
	position: absolute;
	top: 11px;
	text-align:left;
	right: 10px;
}
.view-id-ticker .flex-control-nav li {
	height: 33px;
	margin: 0 3px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.view-id-ticker .flex-control-paging li a {
	width: 9px;
	height: 9px;
	display: block;
 	background: #fff;
	background: url(../images/sprite.png) 0 -185px no-repeat;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}
.view-id-ticker .flex-control-paging li a.flex-active {
 	background: #0b2a6a;
	background: url(../images/sprite.png) -10px -185px no-repeat;
	cursor: default;
}

/*
 * Gallery Slider
 *
 * * * * * * * * * */
.front .view-id-gallery {
	position: relative;
	padding-bottom: 3px;
	background: rgba(5, 25, 68, .6);
	border-top: 1px solid #d4d4d4;
}
.front .view-id-gallery .item-list ul,
.front .view-id-gallery .item-list ul li {
	margin: 0;
	padding: 0;
}
.front .view-id-gallery img {
	vertical-align: bottom;
}
.front .view-id-gallery h2 {
	position: absolute;
	bottom: 0;
}
.front .view-id-gallery h2 {
	margin: 0;
	background: #051944;
	background: rgba(5, 25, 68, .8);
	height: 38px;
	width: 260px;
	padding: 13px 20px;
	min-height: auto;
	font-size: 14px;
	line-height: 16px;
}
.front .view-id-gallery h2 a {
	color: #fff;
  margin-right: 5px;
}

/*
 * Home content
 *
 * * * * * * * * */
/* Full width blocks */
#block-views-blokovi-vesti-block,
#block-views-blokovi-saopstenja-block,
#block-views-blokovi-video-block {
	border-bottom: 1px solid #d4d4d4;
	position: relative;
	display: block;
	clear: both;
	overflow: hidden;
}
/* two columns blocks - docs, contact, join and youth */
#block-views-blokovi-dokumenti-block,
#block-block-10,
#block-block-12,
#block-block-13,
.mesni-orbor-cir,
.mesni-orbor-lat,
.mesni-orbor-eng,
.grupa-odb-cir,
.grupa-odb-lat,
.grupa-odb-en {
	width: 319px;
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	float: left;
}

/*
 * Docs and Contact
 *
 * Contact: cyr - #block-block-10
 *          lat - #block-block-12
 *          eng - #block-block-13
 */
#block-views-blokovi-dokumenti-block .view-display-id-block,
#block-block-10 > div,
#block-block-12 > div,
#block-block-13 > div {
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 12px;
	border-top: 1px solid #d4d4d4;
	background: url(../images/docs-contact-bg.png) bottom left repeat-x;
	min-height: 111px;
}
/* Docs */
#block-views-blokovi-dokumenti-block .view-display-id-block,
#block-views-obavestenja-block .view-id-obavestenja {
	padding: 10px 15px 15px 25px;
	line-height: 17px;
}
.view-id-obavestenja {
	border:1px solid #d4d4d4;
	border-top:none;
	border-right: none;
}
.view-blokovi-dokumenti .field-content,
.view-id-obavestenja .field-content {
	background: url(../images/docs-arrow.png) 0 5px no-repeat;
	padding-left: 21px;
	display: block;
}
.view-blokovi-dokumenti .field-content a,
.view-id-obavestenja .field-content a {
	color: #00529b;
	text-decoration: none;
}
.view-blokovi-dokumenti .attachment-after a {
	text-transform: none;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#block-informator-informator{
	border-left: 1px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;
}
#block-informator-informator .informator h2{
	font-size: 17px;
	border-bottom: 1px solid #D4D4D4;
}
#block-informator-informator .informator img{
	padding:10px;
}
/* Contact */
#block-block-10 > div,
#block-block-12 > div,
#block-block-13 > div {
	padding: 10px 15px 15px 20px;
	line-height: 22px;
	text-transform: uppercase;
	color: #525252;
}
#block-block-10 ul,
#block-block-12 ul,
#block-block-13 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*
 * Join and Youth Banners
 *
 * Join: cyr - #block-block-3
 *       lat - #block-block-14
 *       eng - #block-block-15
 *
 * Youth: cyr - #block-block-4
 *        lat - #block-block-16
 *        eng - #block-block-17
 */
.mesni-orbor-cir img,
.mesni-orbor-lat img,
.mesni-orbor-eng img,
.grupa-odb-cir img,
.grupa-odb-lat img,
.grupa-odb-en img
 {
	vertical-align: bottom;
	width: 319px;
	/* until we get the real images */
	height: 217px;
}
.mesni-orbor-cir .link,
.mesni-orbor-lat .link,
.mesni-orbor-eng .link,
.grupa-odb-cir .link,
.grupa-odb-lat .link,
.grupa-odb-en .link {
	position: relative;
}
.mesni-orbor-cir .link a,
.mesni-orbor-lat .link a,
.mesni-orbor-eng .link a,
.grupa-odb-cir .link a,
.grupa-odb-lat .link a,
.grupa-odb-en .link a {
	position: absolute;
	top:-45px; /* 35px height + 10px from bottom */
	left: 59px; /* block 320px - image 202px = 118px / 2 = 59px */
	width: 202px;
	height: 35px;
	text-indent: -9999px;
}

/* Join cyr */
.mesni-orbor-cir .link a {
	background: url(../images/join-sprite-new.png) 0 0 no-repeat;
}
/* Join lat */
.mesni-orbor-lat .link a {
	background: url(../images/join-sprite-new.png) 0 -80px no-repeat;
}
/* Join eng */
.mesni-orbor-eng .link a {
	background: url(../images/join-sprite-new.png) 0 -160px no-repeat;
}

/* Youth cyr */
.grupa-odb-cir .link a {
	background: url(../images/join-sprite-new.png) 0 -40px no-repeat;
}
/* Youth lat */
.grupa-odb-lat .link a {
	background: url(../images/join-sprite-new.png) 0 -120px no-repeat;
}
/* Youth eng */
.grupa-odb-en .link a {
	background: url(../images/join-sprite-new.png) 0 -200px no-repeat;
}

/*Odbornici view*/
.view-lista-odbornika .odbornik{
	border: 1px solid #D4D4D4;
	height: 130px;
	padding: 10px;
}
.view-lista-odbornika .odbornik > .views-field-title,
.view-lista-odbornika .odbornik > .views-field-field-prezime {
	margin: 0px 0px 20px;
	font-size: 18px;
	padding-top: 15px;
	font-weight: 200;
	display: inline-block;

}
.views-field-field-datum-rodjenja .field-content{
	margin: 0px 0px 20px;
	font-size: 18px;
	padding-top: 15px;
	font-weight: 200;
	display: inline-block;

}
.views-field-field-datum-rodjenja{
	font-size: 18px;
}
.views-field-field-slika-odbornika{

	float: left;
	width: 130px;
	padding-right: 15px;
}

.row-mesni-odbor > div.views-field.views-field-title,
.row-mesni-odbor > div.views-field.views-field-field-adr,
.row-mesni-odbor > div.views-field.views-field-field-p-gradjana{
	padding:10px;
}
.row-mesni-odbor .views-label.views-label-title{
	display: inline-block;
	color: #FF0000;
	font-weight: bold;
}
.row-mesni-odbor > div.views-field.views-field-title .field-content{
	font-weight: bold;
	color:#17365D;
	display:inline;
}
.row-mesni-odbor > div.views-field-field-adr .field-content,
.row-mesni-odbor > div.views-field-field-p-gradjana .field-content{

	display:inline;
}
.views-label-field-adr,
.views-label-field-p-gradjana {
	color: #FF0000;
}
.row-mesni-odbor{
	border-bottom:1px dashed #CCC;
}
.row-mesni-odbor:last-child{
	border-bottom:none;
}

/*
 * Video
 *
 */
#block-views-blokovi-video-block .attachment-before {
	width: 301px;
	float: left;
	position: relative;
}
#block-views-blokovi-video-block .attachment-before iframe {
	vertical-align: bottom;
	border-bottom: 2px solid #1b1b1b; /* we can't adjust height of video with height of titles so lets make it seem like we did */
}
#block-views-blokovi-video-block .views-field-title {
	font-family: "Georgia", serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	background: #d4d4d4;
	border-bottom: 1px solid #c4c4c4;
	height: 56px;
	width: 339px;
	float: right;
	display: inline-block;
}
#block-views-blokovi-video-block .views-field-title.active,
#block-views-blokovi-video-block .views-field-title:hover {
	background: #e31921;
	border-bottom: 1px solid #eb5e64;
}
#block-views-blokovi-video-block .field-content {
	display: block;
}
#block-views-blokovi-video-block .views-field-title a {
	color: #262261;
	text-decoration: none;
	padding: 8px 20px;
	position: relative;
	height: 40px; /* 56px .views-field-title - ( 2 * 8px paddings ) = 40px */
	display: block;
}
#block-views-blokovi-video-block .views-field-title.active a,
#block-views-blokovi-video-block .views-field-title:hover a {
	color: #fff;
}

/*
 * Single Articles
 *
 * * * * * * * * */
/* Back to taxonomy */
.node-type-novosti .back-link,
.node-type-press-centar .back-link,
.node-type-blog .back-link {
	position: absolute;
	top: -31px;
	right: 20px;
}
.node-type-novosti .field-name-field-photo,
.node-type-press-centar .field-name-field-photo,
.node-type-blog .field-name-field-photo {
	display: block;
}
.node-type-novosti .field-name-field-photo img,
.node-type-press-centar .field-name-field-photo img,
.node-type-blog .field-name-field-photo img {
	width: 100%;
}
.field-type-taxonomy-term-reference {
	display: none;
}
.title-wrap {
	background: url(../images/single-title-bg.png) 0 0 no-repeat;
	background-size: 100%;
	margin-left: 20px;
	padding-top: 28px;
	width: 525px;
	height: 105px;
	margin-top: -50px;
	margin-bottom: -30px;
	position: relative;
	z-index: 1;
}
.title-wrap h1 {
	font-family: 'Georgia', serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
	color: #fff;
	padding: 7px 55px 7px 0; /* 25px right shadow + 30px right padding = 55px */
	margin: 0 25px 10px 20px; /* 25px right shadow */
	display: block;
}
.title-wrap .date {
	line-height: 35px;
	color: #fff;
	margin-left: 20px;
	position: absolute;
	top: 0;
}
.node-type-novosti .field-type-text-with-summary,
.node-type-press-centar .field-type-text-with-summary,
.node-type-blog .field-type-text-with-summary {
	position: relative;
	font-size: 12px;
	line-height: 16px;
	z-index: 2; /* .title-wrap has negative margins in order to be over image so give to article text higher index if we get links there  */
}

/*
 * Gallery
 *
 * * * * * * */
.node-type-galerija .node {
	overflow: hidden;
}
.node-type-galerija .field-item {
	min-height: 80px;
	float: left;
	margin: 0 10px 10px 0;
}

/*
 * Dokument
 *
 * * * * * * */
.node-type-dokument .field-type-file {
	padding-top: 10px;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
	text-transform: uppercase;
}
.node-type-dokument .field-type-file label {
	color: #525252;
}
.node-type-dokument .field-type-file .file {
	background: url(../images/docs-arrow.png) 0 6px no-repeat;
	padding-left: 21px;
}
.node-type-dokument .field-type-file .file a {
	color: #00529b;
	text-decoration: none;
}

/*
 * Contact pages
 *
 * * * * * * */
.not-front .contact-info {
	padding: 10px 0 20px;
}
.node-opstinski-odbor .content {
	padding: 10px 20px 20px;
}
.not-front .contact-info h2 {
	margin: 0 0 0 20px;
}
.not-front .contact-info ul {
	padding: 0;
	margin: 15px 0 0 20px;
}
.not-front.node-type-strana .contact-map {
	padding: 20px 20px 5px;
}
.not-front.node-type-strana .contact-map iframe,
.view-id-lokacije > div {
	border: 1px solid #d4d4d4;
}
.not-front.node-type-strana .contact-map small a {
	color: #00529b !important;
	text-decoration: none;
}
/* Contact Contacts list */
.view-display-id-page_1 > .view-content {
	padding: 20px 0 40px;
}
.view-display-id-page_1 > .view-content > div {
	clear: both;
	position: relative;
	display: block;
	overflow: hidden;
	font-size: 10px;
	padding: 8px 0;
	line-height: 15px;
	margin-left: 20px;
	border-bottom: 1px solid #d4d4d4;
}
.page-kontakt-kontakti .views-field-field-email,
.page-kontakt-kontakti .views-field-field-web-site,
.page-kontakt-kontakti .views-field-field-sluzba {
	position: relative;
	display: inline-block;
}
.page-kontakt-kontakti .views-field-field-email,
.page-kontakt-kontakti .views-field-field-web-site {
	width: 225px;
	float: left;
}
.page-kontakt-kontakti .views-field-field-web-site {
	clear: both;
}
.page-kontakt-kontakti .views-field-field-sluzba {
	width: 265px;
}
.page-kontakt-kontakti .views-field-field-email a,
.page-kontakt-kontakti .views-field-field-web-site a {
	color: #00529b;
	text-decoration: none;
}
.page-lokacije #main-content .item-list {
	font-size: 12px;
	line-height: 1.2em;
}

/*
 * Joining form
 *
 * * * * * * * * * */
.node-webform input[type="text"],
.node-webform input[type="email"],
.node-webform select,
.no-sidebars .page input[type="text"],
.no-sidebars .page input[type="password"] {
	border: 1px solid #d4d4d4;
	color: #525252;
	font-size: 13px;
	line-height: 19px;
	padding: 2px 6px 3px;
}
.node-webform input[type="submit"],
.no-sidebars input[type="submit"] {
	font-size: 13px;
	line-height: 25px;
	text-transform: uppercase;
	padding: 3px 10px;
	border: 0 none;
}

/*
 * Sidebar
 *
 * * * * * * */

/*
 * Municipal Board Map
 *
 */
.sidebar-mapa {
	position: relative;
}
#block-menu-menu-okruzi h2.title {
	display: none;
}
.map-wrapper {
	background: #032e63 url(../images/map-bg-shadow.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	display: block;
	position: relative;
	overflow: hidden;
	height: 465px;
	min-height: 465px;
}
.map-image {
	width: 173px;
	float: left;
	display: inline-block;
}
#map, #serbia {
	margin: 110px 0 0 15px;
}
.map-shadow {
	width: 173px;
	height: 50px;
	margin-top: 5px;
	background: url(../images/map-shadow.png) 0 0 no-repeat;
}
/* demo */
.regions-map-list {
	width: 127px;
	display: inline-block;
	position: absolute;
	top: 41px;
	right: 0;
}
/* Map list styling */
.regions-map-list ul {
	list-style: none;
	margin: 0;
	padding: 8px 0;
}
.regions-map-list ul li {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 1.4em;
	text-transform: uppercase;
}
.regions-map-list ul a {
	color: #6ea2d1;
	text-decoration: none;
	display: block;
	padding-left: 13px;
}
.regions-map-list ul a:hover,
.regions-map-list ul a:active,
.regions-map-list ul a.active,
.regions-map-list ul a.hovered {
	color: #fff;
	background: url(../images/map-bullet.png) 5px 4px no-repeat;
}

/*
 * Sidebar navigation
 *
 * Affects all inner pages:
 *
 *       #block-menu-menu-novosti - Novosti
 *                                - Novosti subtaxonomy
 *                                - Novosti Single
 *  #block-menu-menu-press-centar - Press Centar
 *                                - Press Centar subtaxonomy
 *                                - Press Centar Single
 *        #block-menu-menu-o-nama - About and subpages
 *          #block-menu-menu-blog - Blog
 *                                - Blog Taxonomy
 *                                - Blog Single
 *  #block-menu-menu-kontakt-menu - Contact Headquarters
 *                                - Contact Contacts
 *                                - Pristupnica
 *
 */
.not-front .sidebar-first nav ul {
	margin: 0;
	padding: 10px 0 15px;
	border-top: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}
.not-front .sidebar-first nav ul li {
	margin: 0;
	padding: 0 10px 0 20px;
	font-family: 'Georgia', serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
}
.not-front .sidebar-first nav ul li.active-trail {
	background: url(../images/tax-menu-arrow.png) 0 center no-repeat;
}
.not-front .sidebar-first nav ul li a {
	color: #818181;
	text-decoration: none;
}
.not-front .sidebar-first nav ul li.active-trail a,
.not-front .sidebar-first nav ul li a:hover {
	color: #00529b;
}

/*
 * Social widgets
 *
 * Don't wait for widget to load and set the height right away
 */
.twitter-timeline {
	height: 350px;
	display: block;
}
.fb-social-activityfeed-plugin {
	height: 300px;
	display: block;
}
/*
 * Against corruption
 *
 */
#block-block-25 a,
#block-block-26 a {
  display: block;
  text-indent: -9999px;
  min-height: 102px;
}
#block-block-25 {
  background-repeat: no-repeat;
  background-image: url(../images/prot-kor.png);
  background-size: 100% 100%;
}
#block-block-25:hover {
  background-repeat: no-repeat;
  background-image: url(../images/prot-kor-hover.png);
  background-size: 100% 100%;
}
#block-block-26 {
  background-repeat: no-repeat;
  background-image: url(../images/prot-kor-lat.png);
  background-size: 100% 100%;
}
#block-block-26:hover {
  background-repeat: no-repeat;
  background-image: url(../images/prot-kor-lat-hover.png);
  background-size: 100% 100%;
}
/*
 * No sidebar pages
 *
 * Login, Search, Search results, 404
 *
 * * * * * * * * * * * * * * * * * * * * */
.no-sidebars .page input[type="text"],
.no-sidebars .page input[type="password"] {
	display: block;
}
.no-sidebars .page label,
.no-sidebars .page input[type="submit"] {
	margin-top: 20px;
}
/* Search */
.page-search .page form {
	padding: 0 10% 20px;
	margin: 20px 0 0;
	border-bottom: 1px solid #d4d4d4;
}
.page-search .page ul {
	padding: 1em 10%;
}
.page-search .page article {
	padding: .5em 2%;
	border-bottom: 1px solid #d4d4d4;
}
/* Login */
.page-user .page form {
	width: 300px;
	margin: 50px auto;
}
.page-user .page form .required,
.page-user .page form small {
	color: #525252;
}
/* Error */
.page-not-found #main-content p {
	padding: 1em 5% 0;
}
.page-not-found #main-content > div {
	display: inline-block;
	float: left;
	width: 24%;
	margin-bottom: 1em;
}
.page-not-found #main-content ul {
	width: 60%;
	margin: 1em auto;
	padding:0
}
.page-not-found #main-content ul li {
	display: block;
	font-family: 'Arial', sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 17px;
	text-transform: uppercase;
	border-bottom: 1px solid #264573;
	border-bottom: 1px solid rgba(116,162,217,.3);
	padding: 10px 0 0;
}
.page-not-found #main-content ul li a {
	color: #00529b;
	text-decoration: none;
}
/*
 * Footer
 *
 * * * * * */
footer[role="contentinfo"] {
	background: url(../images/footer-bg.jpg) bottom left repeat-x;
	background-size: 100% 100%;
	overflow: hidden;
}
footer .wrap {
	width: 930px;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 20px 50px 10px;
}
footer .wrap nav {
	display: inline-block;
	float:left;
	width: 305px;
	max-width: 32.9%;
}
footer .wrap nav ul {
	margin: 0;
	padding: 0;
	width: 80%;
}
footer .wrap nav ul li {
	display: block;
	font-family: 'Arial', sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 17px;
	text-transform: uppercase;
	color: #fff;
	border-bottom: 1px solid #264573;
	border-bottom: 1px solid rgba(116,162,217,.3);
	padding: 10px 0 0 10px;
	background: url(../images/footer-bullet.png) 0 17px no-repeat;
}
footer .wrap nav ul li.first {
	font-weight: bold;
	font-size: 12px;
	line-height: 27px;
	color: #73a7d5;
	padding: 0;
	border-bottom: 0 none transparent;
	background: transparent none;
}
footer .wrap nav ul li.first a {
	color: #73a7d5;
	text-decoration: none;
}
footer .wrap nav ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
}
#block-menu-menu-novosti-footer {
	margin-left: 10px;
}
/* footer bottom */
#block-block-24,
#block-block-8 {
	margin-top: 60px;
}
/* Logo */
#block-block-24 {
	clear: both;
	width: 192px;
	float: left;
	position: relative;
	display: inline-block;
}
.footer-logo {
	width: 192px;
	-ms-interpolation-mode: bicubic; /* IE resizing image fix */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";   /* IE 8 */
	filter: alpha(opacity=30);   /* IE 5-7 */
	-webkit-opacity: 0.3;
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
/* Social and copyrights */
#block-block-8,
#block-block-7 {
	width: 728px;
	float: right;
	position: relative;
	display: inline-block;
}
#block-block-7 {
	text-align: right;
}
/* Social profiles */
#block-block-8 {
	height: 25px;
	border-bottom: 1px solid #264573;
	border-bottom: 1px solid rgba(116,162,217,.3);
}
#block-block-8 ul {
	height: 25px;
	padding:0;
	margin: 0;
	float: right;
	/* hack to kill the space between inline-blocks - ul li */
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 0;
}
#block-block-8 ul li {
	display: inline-block;
	font-size: 25px;
	line-height: 25px;
}
#block-block-8 ul li a {
	display: block;
	width: 77px;
	height: 25px;
	text-indent: -9999px;
	background: url(../images/sprite.png) no-repeat;
}
#block-block-8 ul li.footer-twitter a {
	background-position: 0 -80px;
}
#block-block-8 ul li.footer-facebook a {
	background-position: 0 -105px;
}
#block-block-8 ul li.footer-google a {
	background-position: 0 -130px;
}
#block-block-8 ul li.footer-youtube a {
	background-position: 0 -155px;
}
/* copyrights */
#block-block-7 {
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #1F3E70; /* old browsers */
	color: rgba(116,162,217,.3);
}
#block-block-7 p {
	margin: 0;
}
#block-block-7 a {
	color: #1F3E70; /* old browsers */
	color: rgba(116,162,217,.3);
	text-decoration: none;
}
.bg_el_tophead {
	z-index: 1000;
}
.bg_el_tophead img{
	width: 400px;
	height: auto;
	margin-top: -27px;
	padding-left: 56px;
}

/*
 * Responsive @media
 */

@media screen and (max-width: 800px) {
	body {
		background-position: center 0;
	}
	header {
		height: auto;
	}
	.page,
	footer .wrap,
	.header-region {
		width: 100%;
	}
	.header-region,
	footer[role="contentinfo"] {
		border-left: 1px solid #d4d4d4;
		border-right: 1px solid #d4d4d4;
	}
	#block-views-ticker-block {
		display: none;
	}
	#main-content {
		width: 65.7894736842%;
	}
	#sidebar-wrap {
		width: 31.5789473684%;
	}
	/* On pages with sidebar-map keep sidebar wider */
	.front #main-content,
	.node-single-96 #main-content,
	.page-kontakt #main-content,
	.node-type-webform #main-content,
	.page-lokacije #main-content,
	.node-type-opstinski-odbor #main-content {
		width: 57.8947368421%;
	}
	.front #sidebar-wrap,
	.node-single-96 #sidebar-wrap,
	.page-kontakt #sidebar-wrap,
	.node-type-webform #sidebar-wrap,
	.page-lokacije #sidebar-wrap,
	.node-type-opstinski-odbor #sidebar-wrap {
		width: 39.4736842105%;
	}
	.header-region div,
	.siteinfo figure,
	#block-block-2,
	#block-locale-language,
	.header-region nav ul,
	#block-search-form,
	#block-search-form div,
	.view-blokovi-vesti .node,
	.view-blokovi-saopstenja .node,
	.page-novosti .node,
	.page-press-centar .node,
	.page-dokumenti .node,
	.page-taxonomy-term .node,
	.page-taxonomy .attachment-before .node,
	.page-blog .node,
	.page-gallery .node,
	.page-video .node,
	.page-home-page .attachment-before .node,
	.page-home-page .node,
	.not-front.node-single-full .node,
  #sns-tools-eform-podrska,
	.node-single-96.node-single-full .node,
	.node-single-98.node-single-full .node,
	.node-single-100.node-single-full .node {
		width: auto;
	}
	/* Header */
	/* logo */
	.siteinfo {
		width: 25%;
		margin: 0;
	}
	.siteinfo img {
		padding: 20px 0 30px 8px;
	}
	/* join us */
	#block-block-1 {
		width: 25%;
	}
	#block-block-1 a {
		margin-left: 0;
		top: -10px;
	}
	#block-search-form {
		top:-50px;
    padding-bottom: 50px;
	}
	#block-block-1,
	#block-block-2,
	#block-locale-language,
	.header-region nav ul {
		border-right: 0 none;
		border-left: 0 none;
	}
  #block-block-1 span {
    margin-left: 0;
  }
	/* Navigation */
	.header-region nav ul li {
		font-size: 14px;
	}
	.header-region nav ul li a {
		padding: 4px 22px 0;
	}
	.i18n-sr-Latn .header-region nav ul li a {
		padding: 4px 25px 0;
	}
	.i18n-en .header-region nav ul li a {
		padding: 4px 30px 0;
	}
	.breadcrumb {
		line-height: 40px;
	}
	/* Slider */
	#block-views-home-page-slider-block{
		height: 450px;
		margin-top: -10%;
	}
	#block-views-home-page-slider-block .node .content {
		bottom: 0px;
		top: 50%;
		width: 98%;
		height: auto;
		padding: 0 0 0 0;
		height: 92px;
		margin: 0;
	}
	#block-views-home-page-slider-block .caption {
		padding:0;
		bottom: auto;
		width: 100%;
		height: 125px;
		margin-top: -3px;
		border-top: 1px solid #eee;

	}
	#block-views-home-page-slider-block .content h2 {
		font-size: 14px;
		line-height: 20px;
		padding: 5px 20px 5px 5px;

	}
	#block-views-home-page-slider-block .content .field-type-text-with-summary p {
		padding-right: 77px;
	}
	#block-views-home-page-slider-block .content .subtitle,
	#block-views-home-page-slider-block .content .field-type-text-with-summary {
		font-size: 9px;
		line-height: 15px;
		padding-left: 5px;
	}
	#block-views-home-page-slider-block .content .links a {
		right: 10px;
		bottom: 12px;
		font-size: 11px;
		line-height: 19px;
	}
	.swiper-container-horizontal > .swiper-pagination {
		display: none;
	}
	ul.orbit-bullets {
		margin-bottom: 0;
		bottom: 20px;
	}
	/* Nodes */
	.view-blokovi-vesti .node,
	.view-blokovi-saopstenja .node,
	.page-novosti .node,
	.page-press-centar .node,
	.page-dokumenti .node,
	.page-home-page .node {
		float: none;
		min-height: auto;
		padding: 10px 3%;
	}
	.view-blokovi-vesti .node .field-type-image,
	.view-blokovi-saopstenja .node .field-type-image,
	.page-novosti .node .field-type-image,
	.page-press-centar .node .field-type-image,
	.page-home-page .node .field-type-image {
		width: 30%;
	}
	.view-blokovi-vesti .node .field-type-text-with-summary,
	.view-blokovi-saopstenja .node .field-type-text-with-summary,
	.page-novosti .node .field-type-text-with-summary,
	.page-press-centar .node .field-type-text-with-summary,
	.page-home-page .node .field-type-text-with-summary {
		width: 65%;
	}
	.node .links a {
		bottom: 10px;
	}
	.page-taxonomy-term .field-name-field-photo,
	.page-novosti .attachment-before .field-name-field-photo,
	.page-press-centar .attachment-before .field-name-field-photo,
	.page-home-page .attachment-before .field-name-field-photo,
	.page-blog .field-name-field-photo,
	.page-gallery .field-type-image,
	.page-video .field-type-video-embed-field {
		width: 45%;
		margin-right: 4%;
	}
	.page-taxonomy-term .node h2,
	.page-novosti .attachment-before h2,
	.page-press-centar .attachment-before h2,
	.page-home-page .attachment-before h2,
	.page-blog .node h2,
	.page-taxonomy-term .node .content,
	.page-novosti .attachment-before .field-type-text-with-summary,
	.page-press-centar .attachment-before .field-type-text-with-summary,
	.page-home-page .attachment-before .field-type-text-with-summary,
	.page-blog .node .content,
	.page-gallery .node .field-type-text-with-summary,
	.page-video .node .field-type-text-with-summary {
		width: 50%;
		float: none;
	}
	.node h2 {
		font-size: 12px;
		line-height: 18px;
		min-height: auto;
	}
	/* Singles */
	.not-front.node-single-full .node {
		padding: 4%;
	}
	.node-single-96.node-single-full .node,
	.node-single-98.node-single-full .node,
	.node-single-100.node-single-full .node {
		padding: 4% 0;
	}
	.title-wrap {
		background-size: 100% 90%;
		width: 90%;
		height: 90px;
		margin-bottom: -10px;
	}
	.title-wrap h1 {
		padding: 7px 22% 7px 0;
	}
	/* docs and contact */
	#block-views-blokovi-dokumenti-block,
	#block-block-10,
	#block-block-12,
	#block-block-13 {
		float: none;
		width: 99.8%;
	}
	/* join us and youth */
	#block-block-3,
	#block-block-14,
	#block-block-15,
	#block-block-4,
	#block-block-16,
	#block-block-17 {
		width: 49.75%;
	}
	#block-block-3 img,
	#block-block-14 img,
	#block-block-15 img,
	#block-block-4 img,
	#block-block-16 img,
	#block-block-17 img {
		width: 100%;
	}
	#block-block-3 img,
	#block-block-14 img,
	#block-block-15 img,
	#block-block-4 img,
	#block-block-16 img,
	#block-block-17 img {
		height: auto;
	}
	#block-block-3 .link a,
	#block-block-14 .link a,
	#block-block-15 .link a,
	#block-block-4 .link a,
	#block-block-16 .link a,
	#block-block-17 .link a {
		left: 8px;
	}
	/* Video */
	#block-views-blokovi-video-block .attachment-before,
	#block-views-blokovi-video-block .views-field-title {
		width: 100%;
	}
	#block-views-blokovi-video-block .views-field-title,
	#block-views-blokovi-video-block .views-field-title a {
		float: none;
		height: auto;
	}
	/* Google maps on contact pages */
	.not-front.node-type-strana .contact-map {
		padding: 20px 4% 5px;
	}
	.view-id-lokacije {
		padding:20px 4% 20px;
		width: auto;
	}
	/* Contact list */
	.page-kontakt-kontakti .views-field-field-email,
	.page-kontakt-kontakti .views-field-field-web-site {
		width: 30%;
	}
	.page-kontakt-kontakti .views-field-field-sluzba {
		width: 60%;
	}
	/* Sidebar */
	.view-id-gallery .flex-control-nav li {
		width: 19%;
	}
	.view-id-gallery .flex-control-nav li a {
		width: auto;
	}
	/* Footer */
	footer .wrap {
		padding: 10px 0 50px;
	}
	footer .wrap nav {
		width: 33%;
		max-width: 33%;
	}
	#block-menu-menu-novosti-footer {
		margin-left: 0;
	}
	footer .wrap nav ul {
		width: 80%;
		margin-left: 10%;
	}
	#block-block-24 {
		margin-left: 2%;
		width: 25%;
	}
	#block-block-8,
	#block-block-7 {
		margin-right: 2%;
		width: 70%;
	}
	/* Images */
	#block-views-home-page-slider-block img,
	.view-home-page-slider img,
	.siteinfo img,
	#block-block-1 img,
	.view-blokovi-vesti .node .field-type-image img,
	.view-blokovi-saopstenja .node .field-type-image img,
	.page-novosti .node .field-type-image img,
	.page-press-centar .node .field-type-image img,
	.page-taxonomy-term .field-name-field-photo img,
	.page-novosti .attachment-before .field-name-field-photo img,
	.page-press-centar .attachment-before .field-name-field-photo img,
	.page-home-page .attachment-before .field-name-field-photo img,
	.page-home-page .node .field-type-image img,
	.page-blog .field-name-field-photo img,
	.page-gallery .field-type-image img,
	.footer-logo {
		width: 100%;
		height: auto;
	}
	/* Iframes */
	.page-video .field-type-video-embed-field iframe,
	.node-type-video .node iframe,
	#block-views-blokovi-video-block .attachment-before iframe,
	.not-front.node-type-strana .contact-map iframe {
		width: 100%;
	}
	.view-id-lokacije > div {
		width: 100% !important;
	}
}

@media screen and (max-width: 768px) {
	/* Navigation */
	.header-region nav ul li a {
		padding: 4px 19px 0;
	}
	.i18n-sr-Latn .header-region nav ul li a {
		padding: 4px 21px 0;
	}
	.i18n-en .header-region nav ul li a {
		padding: 4px 27px 0;
	}
	/* Slider */
	#block-views-home-page-slider-block {
		height: 480px;
		margin-top: -9%;
	}
	#block-views-home-page-slider-block .node .content {
		padding:0;
	}
	#block-views-home-page-slider-block .content h2 {
		font-size: 14px;
		line-height: 20px;
		padding: 5px 20px 5px 5px;
	}
	.swiper-container-horizontal > .swiper-pagination {
		display: none;
	}
	#block-views-home-page-slider-block .content .field-type-text-with-summary p {
		padding-right: 77px;
	}
	#block-views-home-page-slider-block .content .subtitle,
	#block-views-home-page-slider-block .content .field-type-text-with-summary {
		font-size: 9px;
		line-height: 15px;
		padding-left: 5px;
	}
	#block-views-home-page-slider-block .content .links a {
		right: 10px;
		bottom: 10px;
		font-size: 11px;
		line-height: 19px;
	}
	.title-wrap h1 {
		font-size: 14px;
	}
	#block-block-3 .link a,
	#block-block-14 .link a,
	#block-block-15 .link a,
	#block-block-4 .link a,
	#block-block-16 .link a,
	#block-block-17 .link a {
		left: 4px;
	}
}

@media screen and (max-width: 603px) {
	#main-content,
	#sidebar-wrap,
	.front #main-content,
	.front #sidebar-wrap,
	.not-front #main-content,
	.not-front #sidebar-wrap {
		width: 100%;
	}
	header {
		height: 145px;
	}
	/* Navigation */
	.header-region nav {
		top: -88px;
	}
	.header-region nav h2,
	.header-region nav ul,
	.header-region nav li {
		width: 100%;
	}
	.header-region nav ul {
		background: none;
		border-top: 1px solid #d4d4d4;
	}
	.header-region nav li {
		border-right: 0 none;
		border-bottom: 1px solid #d4d4d4;
	}
	.header-region nav ul li:last-child {
		border-bottom: 0 none transparent;
	}
	.header-region nav ul li a {
		padding: 2px 10px 0;
	}
	footer .wrap {
		padding: 10px 0 30px;
	}
	.siteinfo {
		width: 40%;
	}
	.siteinfo a img,
	.no-sidebars .logo a img {
		padding: 30px 0 30px 20px;
	}
	#block-block-1 {
		display: none;
	}
	/* Search */
	#block-search-form {
		top: 0;
	}
	/* Slider */
	#block-views-home-page-slider-block {
		height: 430px;
		margin-top: -9%;
	}
	#block-views-home-page-slider-block .node .content {
		padding:0;
	}
	#block-views-home-page-slider-block .content h2 {
		font-size: 14px;
		line-height: 20px;
		padding: 5px 20px 5px 5px;
	}
	#block-views-home-page-slider-block .content .field-type-text-with-summary p {
		padding-right: 77px;
	}
	#block-views-home-page-slider-block .content .subtitle,
	#block-views-home-page-slider-block .content .field-type-text-with-summary {
		font-size: 9px;
		line-height: 15px;
		padding-left:5px;
	}
	.swiper-container-horizontal > .swiper-pagination {
		display: none;
	}
	#block-views-home-page-slider-block .content .links a {
		right: 10px;
		bottom: 10px;
		font-size: 11px;
		line-height: 19px;
	}
	ul.orbit-bullets {
		bottom: 10px;
	}
	#block-block-3,
	#block-block-14,
	#block-block-15,
	#block-block-4,
	#block-block-16,
	#block-block-17 {
		width: 50%;
		border-right: 0 none;
	}
	#block-block-3 .link a,
	#block-block-14 .link a,
	#block-block-15 .link a,
	#block-block-4 .link a,
	#block-block-16 .link a,
	#block-block-17 .link a {
		left: 15%;
	}
	.not-front .top-bar .section-title {
		font-size: 16px;
	}
	.not-front .top-bar .follow {
		font-size: 12px;
	}
	#block-views-blokovi-dokumenti-block,
  .mesni-orbor-cir,
  .mesni-orbor-lat,
  .mesni-orbor-eng,
  .grupa-odb-cir,
  .grupa-odb-lat,
  .grupa-odb-en,
	#block-block-10,
	#block-block-12,
	#block-block-13 {
		border-right: 0 none;
		width: 100%;
	}
	.not-front.sidebar-first .node,
	.page-kontakt-kontakti .view-display-id-page_1,
	.page-lokacije .view-id-lokacije,
	h2.pane-title,
	.not-front #main-content > h1,
	.not-front .item-list-pager,
	.page-lokacije .view-opstinski-odbori {
		border-left: 0 none;
	}
	/* Nodes */
	.view-blokovi-vesti .node,
	.view-blokovi-saopstenja .node,
	.page-home-page .node,
	.front .item-list-pager {
		border-right: 0 none;
	}
	/* Sidebar */
	.sidebar-first,
	.sidebar-mapa {
		display: block;
		clear: both;
	}
	.not-front .sidebar-first nav ul {
		border-right: 0 none;
	}
  .front .view-id-gallery img {
    width: 100%;
    height: auto;
  }
  .front .view-id-gallery h2 {
    width: 100%;
  }
  .mesni-orbor-cir img,
  .mesni-orbor-lat img,
  .mesni-orbor-eng img,
  .grupa-odb-cir img,
  .grupa-odb-lat img,
  .grupa-odb-en img {
    width: 100%;
    height: auto;
  }
	/* Social widgets */
	#block-block-22,
	#block-fb-social-facebook {
		display: none;
	}
	/* Error */
	.page-not-found #main-content h1 {
		font-size: 16px;
	}
	.page-not-found #main-content > div {
		width: 49%;
	}
	.page-not-found #main-content .menu-novosti {
		clear: both;
	}
	/* Footer */
	footer .wrap nav {
		width: 33.33333%;
		max-width:auto;
	}
	#block-block-24 {
		margin-top: 40px;
		margin-left: 3%;
		width: 30%;
	}
	#block-block-8 {
		margin: -10px 0 0;
	}
	#block-block-8,
	#block-block-7 {
		width: 95%;
		margin-right: 2%;
	}
}

@media screen and (max-width: 480px) {
	.siteinfo {
 		width: 50%;
	}
	.header-region {
		position: relative;
	}
	#block-block-2,
	#block-locale-language {
		position: absolute;
		right: 0;
		z-index: 11;
	}
	#block-block-2 ul {
		margin-right: 0;
	}
	#block-locale-language {
		top: 40px;
	}
	#block-search-form {
		top: -50px;
	}
	.header-region nav {
		top: -63px;
	}
	#block-views-home-page-slider-block {
		height: 280px;
	}
	#block-views-home-page-slider-block .content .subtitle{
		padding-left: 5px;
	}
	#block-views-home-page-slider-block .content h2 {
		padding: 5px 92px 5px 5px;
	}
	#block-views-home-page-slider-block .content .links a {
		bottom: 30px;
	}
	#block-views-home-page-slider-block .content .field-type-text-with-summary {
		display: none;
	}
	.swiper-container-horizontal > .swiper-pagination {
		display: none;
	}
	#block-block-3 .link a,
	#block-block-14 .link a,
	#block-block-15 .link a,
	#block-block-4 .link a,
	#block-block-16 .link a,
	#block-block-17 .link a {
		left: 5%;
	}
	.title-wrap h1 {
		padding: 7px 5% 7px 0;
	}
	#block-block-8 {
		margin: 10px 0 0;
	}
	#block-block-24 {
		width: 35%;
	}
	/* Error */
	.page-not-found #main-content h1 {
		font-size: 12px;
	}
}

@media screen and (max-width: 320px) {
	header {
		height: 200px;
	}
	.siteinfo {
		width: 70%;
	}
	.siteinfo a img,
	.no-sidebars .logo a img {
		padding: 40px 0 10px 20px;
		width: 155px;
	}
	#block-block-2 {
		left: 0;
		right: auto;
		top: -1px;
	}
	#block-block-2 ul li {
		font-size: 9px;
		line-height: 18px;
	}
	#block-locale-language,
	#block-locale-language ul {
		border-top: 0 none;
		/*top: 0;*/
	}
	#block-locale-language ul li {
		font-size: 11px;
	}
	#block-locale-language ul li a {
		padding: 0 5px;
	}
	#block-search-form {
		top: -5px;
	}
	.header-region nav {
		top: -20px;
	}
	.page {
		margin: 0 auto -55px;
		top: -55px;
	}
	.breadcrumb {
		padding-top: 5px;
	}

	#block-views-home-page-slider-block{
		height: 246px;
		margin-top: -22px;
	}
	#block-views-home-page-slider-block .content .date {
		display: none;
	}
	#block-views-home-page-slider-block .content h2 {
		line-height: 15px;
		padding: 5px;
		font-size: 10px;
	}
	#block-views-home-page-slider-block .content .links a {
		text-align: center;
		left: 10px;
		bottom: 25px;
	}
	.swiper-container-horizontal > .swiper-pagination {
		display: none;
	}
	ul.orbit-bullets {
		display: none;
	}
	#block-block-3,
	#block-block-14,
	#block-block-15,
	#block-block-4,
	#block-block-16,
	#block-block-17 {
		width: 100%;
	}
	#block-block-3 .link a,
	#block-block-14 .link a,
	#block-block-15 .link a,
	#block-block-4 .link a,
	#block-block-16 .link a,
	#block-block-17 .link a {
		left: 20%;
	}
	.page-taxonomy-term .field-name-field-photo,
	.page-novosti .attachment-before .field-name-field-photo,
	.page-press-centar .attachment-before .field-name-field-photo,
	.page-home-page .attachment-before .field-name-field-photo,
	.page-blog .field-name-field-photo,
	.page-gallery .field-type-image,
	.page-video .field-type-video-embed-field {
		width: 100%;
		margin-right: 0;
	}
	.page-taxonomy-term .node h2,
	.page-novosti .attachment-before h2,
	.page-press-centar .attachment-before h2,
	.page-home-page .attachment-before h2,
	.page-blog .node h2,
	.page-taxonomy-term .node .content,
	.page-novosti .attachment-before .field-type-text-with-summary,
	.page-press-centar .attachment-before .field-type-text-with-summary,
	.page-home-page .attachment-before .field-type-text-with-summary,
	.page-blog .node .content,
	.page-gallery .node .field-type-text-with-summary,
	.page-video .node .field-type-text-with-summary {
		width: 100%;
	}
	.page-video .node .field-type-video-embed-field {
		margin-bottom: 15px;
	}
	.title-wrap h1 {
		font-size: 10px;
	}
	.page-kontakt-kontakti .views-field-field-email,
	.page-kontakt-kontakti .views-field-field-web-site,
	.page-kontakt-kontakti .views-field-field-sluzba {
		width: 100%;
	}.page-kontakt-kontakti .views-field-field-sluzba {
		margin-top: 10px;
	}
	/* Error */
	.page-not-found #main-content h1 {
		font-size: 8px;
	}
	.page-not-found #main-content > div {
		width: 99%;
	}
	footer .wrap nav {
		margin-bottom: 2em;
		width: 90%;
		max-width: 90%;
	}
	#block-block-24 {
		padding: 30px 0 10px;
		display: block;
		float: none;
		margin: 0 auto;
		width: 80%;
	}
	#block-block-8 {
		height: auto;
		float: none;
		display: block;
		width: 95%;
		border-bottom: 0 none;
		margin: 10px 0;
	}
	#block-block-8 ul {
		height: auto;
		text-align: center;
		margin: 0 auto;
		float: none;
	}
	#block-block-7 {
		float: none;
		display: block;
		line-height: 18px;
		margin-right: 0;
		text-align: center;
	}
}

/* SNS Popup */
#block-sns-tools-sns-popup {
  display: none;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}

#block-sns-tools-sns-popup img {
  display: block;
  margin: 0 auto;
}

#block-sns-tools-sns-popup a {
  text-decoration: none;
  color: inherit;
}

@media screen and (max-width: 800px) {
  #block-sns-tools-sns-popup {
    position: fixed;
    background-image: url('../images/popup/footer_lodyas.jpg');
    z-index: 101;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
	.bg_el_tophead img{
		width: 317px;
		height: auto;
		margin-top: -27px;
		padding-left: 56px;
	}
}

@media screen and (min-width: 640px) and (max-width: 800px) {
  #block-sns-tools-sns-popup {
    width: 560px;
    height: 418px;
    top: calc(50% - 209px);
    left: calc(50% - 280px);
    border-radius: 15px;
  }
}

.popup__close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 0;
}

@media screen and (min-width: 640px) and (max-width: 800px) {
  .popup__close {
    top: -40px;
    right: -40px;
  }
}

.popup__close:before {
  content: '\e800';
  font-size: 27px;
  font-family: 'sns';
  color: #999999;
}

@media screen and (min-width: 640px) and (max-width: 800px) {
  .popup__close:before {
    font-size: 41px;
    color: #fff;
  }
}

@font-face {
  font-family: 'sns';
  src: url('../font/sns.eot?28744013');
  src: url('../font/sns.eot?28744013#iefix') format('embedded-opentype'),
  url('../font/sns.svg?28744013#sns') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'sns';
  src: url('data:application/octet-stream;base64,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') format('woff'),
  url('data:application/octet-stream;base64,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I0ewASsjYTghWbErARQrLbBCLLA1Ky6xKwEUKy2wQyywNishIyAgPLAEI0IjOLErARQrsARDLrArKy2wRCywABUgR7AAI0KyAAEBFRQTLrAxKi2wRSywABUgR7AAI0KyAAEBFRQTLrAxKi2wRiyxAAEUE7AyKi2wRyywNCotsEgssAAWRSMgLiBGiiNhOLErARQrLbBJLLAII0KwSCstsEossgAAQSstsEsssgABQSstsEwssgEAQSstsE0ssgEBQSstsE4ssgAAQistsE8ssgABQistsFAssgEAQistsFEssgEBQistsFIssgAAPistsFMssgABPistsFQssgEAPistsFUssgEBPistsFYssgAAQCstsFcssgABQCstsFgssgEAQCstsFkssgEBQCstsFossgAAQystsFsssgABQystsFwssgEAQystsF0ssgEBQystsF4ssgAAPystsF8ssgABPystsGAssgEAPystsGEssgEBPystsGIssDcrLrErARQrLbBjLLA3K7A7Ky2wZCywNyuwPCstsGUssAAWsDcrsD0rLbBmLLA4Ky6xKwEUKy2wZyywOCuwOystsGgssDgrsDwrLbBpLLA4K7A9Ky2waiywOSsusSsBFCstsGsssDkrsDsrLbBsLLA5K7A8Ky2wbSywOSuwPSstsG4ssDorLrErARQrLbBvLLA6K7A7Ky2wcCywOiuwPCstsHEssDorsD0rLbByLLMJBAIDRVghGyMhWUIrsAhlsAMkUHiwARUwLQBLuADIUlixAQGOWbABuQgACABjcLEABUKyAAEAKrEABUKzCgIBCCqxAAVCsw4AAQgqsQAGQroCwAABAAkqsQAHQroAQAABAAkqsQMARLEkAYhRWLBAiFixA2REsSYBiFFYugiAAAEEQIhjVFixAwBEWVlZWbMMAgEMKrgB/4WwBI2xAgBEAAA=') format('truetype');
}

.popup__desc {
  color: #5c5c5c;
  font-weight: 300;
  font-size: 28px;
  line-height: 32px;
  margin-top: 40px;
  margin-bottom: 140px;
}

@media screen and (min-width: 640px) and (max-width: 800px) {
  .popup__desc {
    margin-bottom: 50px;
  }
}

.popup__logo {
  margin-top: 110px;
}

@media screen and (min-width: 640px) and (max-width: 800px) {
  .popup__logo {
    margin-top: 55px;
  }
}

.popup__link {
  display: block;
}

.popup__store {
  margin-bottom: 20px;
}

.popup__store img {
  width: 170px;
}

.popup__party {
  color: #434343;
  line-height: 20px;
}

.popup__party--member {
  font-size: 20px;
  font-weight: 500;
}

.popup__party--name {
  font-size: 14px;
  font-weight: 300;
}

#overlay {
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 12;
}
@media (max-width: 603px) {
	.bg_el_tophead {
		display:none;
	}
}

/*Scroll to top*/
.floating-buttons {
  display: block;
  position: fixed;
  bottom: 20px;
  left: 50%;
  max-width: 1000px;
  width: 100%;
  transform: translateX(-50%);
  z-index: 1;
}

.js-trigger-scroll {
  cursor: pointer;
  position: absolute;
  right: 20px;
  bottom: 0;
}


.js-trigger-scroll:hover {
  text-decoration: none;
}


.js-trigger-scroll::before {
  content: '';
  display: block;
  width: 56px;
  height: 56px;
  text-align: center;
  border-radius: 100%;
  transition: background 0.5s;
  background-repeat: no-repeat;
  background-color: #184b82;
  background-position-x: 16px;
  background-position-y: 13px;
  background-size: 25px;
  background-image: url("../images/arrow-up.svg");
}

/*Recommended news.*/
.top-news-pics {
  position: relative;
}
@media (min-width: 550px) and (max-width: 800px) {
  #top-news {
    margin-bottom: 50px;
  }
  #top-news:before {
    content: "";
    background-color: #21529B;
    position: absolute;
    transform: skewY(-8deg);
    height: 250px;
    z-index: 0;
    left: 0;
    right: 0;
  }
}
@media (min-width: 604px) and (max-width: 800px) {
  #top-news {
    margin-bottom: 50px;
  }
  #top-news:before {
    content: "";
    background-color: #21529B;
    position: absolute;
    transform: skewY(-8deg);
    height: 400px;
    z-index: 0;
    left: -100vw;
    right: 0;
  }
}

@media (max-width: 603px) {
  #top-news:before {
    content: "";
    background-color: #21529b;
    position: absolute;
    transform: skewY(-8deg);
    height: 148px;
    z-index: 0;
    left: 0;
    right: 0;
  }
}

@media (max-width: 800px) {

  .top-news-pic-wrapper {
    text-align: center;
    position: relative;
    padding: 46px 12px 0 12px;
  }

  .top-news-pics img {
    display: block;
    height: auto;
    width: 100%;
  }

  .top-news-date {
    margin-top: 16px;
    margin-bottom: 7px;
    margin-left: 12px;
    margin-right: 12px;
  }

  .top-news-date span {
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    color: #525252;
    text-transform: uppercase;
  }

  .top-news-date::before {
    content: "!";
    color: #525252;
    margin-right: 7px;
    margin-left: 7px
  }

  .top-news-text {
    display: none;
  }
  .top-news-title {
    margin: 0 12px;
  }
  .top-news-title span{
    color: #00529b;
    font-size: 12px;
    line-height: 18px;
    min-height: auto;
    font-weight: bold;
    text-transform: uppercase;
  }
  .top-news-url {
    text-align: right;
    margin: 0 24px 16px 24px;
  }
  .top-news-url a{
    font-weight: normal;
    font-size: 11px;
    line-height: 19px;
    color: #fff;
    text-decoration: none;
    padding: 1px 6px 0;
    background: url(../images/more-link-bg.png) 0 0 repeat-x;
    background-size: 100% 100%;
    display: inline-block;
  }
}
@media (min-width: 800px) {
  .front .top-bar {
    position: relative;
    padding-top: 0;
  }
  .top-news-wrapper{
    display: block;
    margin-top: 4px;
  }
  .top-news-pic-wrapper {
    float: left;
  }
  .top-news-pics img {
    display: block;
    padding: 24px;
  }
  .top-news-pic-wrapper:before {
    width: 309px;
    content: "";
    background-color: #21529b;
    position: absolute;
    transform: skewX(-36deg);
    height: 272px;
    z-index: 0;
    left: -106px;
    right: 0;
  }
  .top-news-content-wrapper {
    float: left;
    width: 586px;
  }
  .top-news-date {
    margin-top: 32px;
    margin-bottom: 7px;
    margin-right: 12px;
  }

  .top-news-date span {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #525252;
    text-transform: uppercase;
  }

  .top-news-date::before {
    content: "!";
    color: white;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 14px;
    background: #e43722;
    text-align: center;
    display: inline-block;
    vertical-align: text-bottom;
  }
  .top-news-text {
    color: #525252;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    height: 68px;
    overflow: hidden;
  }
  .top-news-title{
    margin-bottom: 8px;
    max-height: 84px;
    overflow: hidden;
  }
  .top-news-title span{

    color: #00529b;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    text-transform: uppercase;

  }
  .top-news-url {
    text-align: right;
    margin-top: 10px;
  }
  .top-news-url a{
    font-weight: normal;
    font-size: 11px;
    line-height: 19px;
    color: #fff;
    text-decoration: none;
    padding: 1px 6px 0;
    background: url(../images/more-link-bg.png) 0 0 repeat-x;
    background-size: 100% 100%;
    display: inline-block;
  }
}