body {
  background-repeat: no-repeat;
  background-position: 0 150px;
  background-image: url(../images/page-bg.jpg);
  background-color: #fff;
  background-size: 100%;
  padding: 0;
}

/*
 * Structure
 *
 * * * * * * */
header {
  width: 100%;
  height: auto;
  background: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.page {
  /*top: -26px;*/
  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;
}

.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;
  min-width: 255px; /*Chrome bug*/
}

.top-bar .addthis_button_tweet iframe {
  width: 90px !important;
  margin: 10px 0 0 !important;
}
.top-bar .addthis_button_facebook_like{
  margin-top: 5px !important;
}
.top-bar .addthis_button_facebook_like iframe {
  width: 80px !important;
  margin: 5px 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: 246px;
}

.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;
}

/*
 * Single nodes
 *
 *
 */
.not-front.node-single-full .node,
.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 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;
}

/*remove after removing izbori ^^*/

#block-block-1,
#block-block-31 {
  border-right: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
}

#block-block-1 a,
#block-block-31 a { /* join us */
  margin-left: 50px;
  top: -20px;
  position: relative;
  z-index: 1;
}

/*Izbori block*/
.bid185 {
  border-right: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
}

.bid185 a { /* join us */
  margin-left: 50px;
  top: -20px;
  position: relative;
  z-index: 1;
}

/*Izbori block end*/
/*
 * Social and language lists styles
 *
 */
#block-block-2,
#block-locale-language {
  border-right: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  z-index: 10;
}

#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: 0;
  word-spacing: 0;
  font-size: 0;
}

#block-block-2 ul {
  margin-right: 116px;
}

#block-locale-language ul {
  border-top: 1px solid #c4c4c4;
  background: #d4d4d4;
}

#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 -27px 0;
}

#block-locale-language ul li a {
  color: #494949;
  text-decoration: none;
  padding: 0 7px;
}

/*
 * Search
 *
 */
#block-search-form {
  position: relative;
  top: -50px;
  background: url(../images/search-shadow.png) bottom right no-repeat;
  padding-bottom: 30px;
  border-right: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
}

#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 {
  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;
  top: -52px;
}

.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: 0;
  word-spacing: 0;
  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: 3px 8px 0 15px;
  margin: 1px 1px 3px 0;
  text-align: left;
}

.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  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: 1px 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 {
  display: 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;
}

#player {
  width: 958px;
  height: 560px;
}

/*Sidebar first informator*/
#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 {
  display: block;
  height: 306px;
  margin: auto;
  padding: 10px 10px 10px 42px;
}

@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;
  }

  #player {
    width: 100%;
    height: 360px;
  }
}

/*
 * 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);
  width: 260px;
  padding: 13px 20px;
  font-size: 14px;
  line-height: 16px;
}

.front .view-id-gallery h2 a {
  color: #fff;
}

/*
 * 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,
#block-block-14,
#block-block-15,
#block-block-4,
#block-block-16,
#block-block-17,
#block-block-29,
#block-block-30 {
  width: 319px;
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  float: left;
}

#block-block-3,
#block-block-28 {
  border-bottom: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
}

/*
 * 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 {
  padding: 10px 15px 15px 25px;
  line-height: 17px;
}

.view-blokovi-dokumenti .field-content {
  background: url(../images/docs-arrow.png) 0 5px no-repeat;
  padding-left: 21px;
  display: block;
}

.view-blokovi-dokumenti .field-content a {
  color: #00529b;
  text-decoration: none;
}

.view-blokovi-dokumenti .attachment-after a {
  text-transform: none;
  position: absolute;
  bottom: 10px;
  right: 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
 */
#block-block-14 img,
#block-block-15 img,
#block-block-4 img,
#block-block-16 img,
#block-block-17 img,
#block-block-29 img,
#block-block-30 img {
  vertical-align: bottom;
  width: 319px;
  /* until we get the real images */
  height: 217px;
}

#block-block-3 img,
#block-block-28 img {
  height: auto;
  width: 100%;
}

#block-block-3 .link,
#block-block-14 .link,
#block-block-15 .link,
#block-block-4 .link,
#block-block-16 .link,
#block-block-17 .link,
#block-block-28 .link,
#block-block-29 .link,
#block-block-30 .link {
  position: relative;
}

#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,
#block-block-28 .link a,
#block-block-29 .link a,
#block-block-30 .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 */
#block-block-3 .link a {
  background: url(../images/join-sprite.png) 0 0 no-repeat;
}

/* Join lat */
#block-block-14 .link a {
  background: url(../images/join-sprite.png) 0 -80px no-repeat;
}

/* Join eng */
#block-block-15 .link a {
  background: url(../images/join-sprite.png) 0 -160px no-repeat;
}

/* Uncomment after election
/!* Youth cyr *!/
#block-block-4 .link a {
	background: url(../images/join-sprite.png) 0 -40px no-repeat;
}
/!* Youth lat *!/
#block-block-16 .link a {
	background: url(../images/join-sprite.png) 0 -120px no-repeat;
}
/!* Youth eng *!/
#block-block-17 .link a {
	background: url(../images/join-sprite.png) 0 -200px no-repeat;
}
*/

/*HIDE MLADI BLOCK --- DELETE AFTER ELECTION*/
#block-block-4,
#block-block-16,
#block-block-17 {
  display: none;
}

#block-block-4 a,
#block-block-16 a,
#block-block-17 a {
  display: none;
}

#block-block-4 h2,
#block-block-16 h2,
#block-block-17 h2 {
  display: none;
}

/*HIDE MLADI BLOCK --- DELETE AFTER ELECTION*/

/*Izbori blok*/
.bid182 .link a {
  background: url(../images/izbori-sprite.png) 0 -40px no-repeat;
}

/*Izbori blok*/
.bid184 .link a {
  background: url(../images/izbori-sprite.png) 0 -120px no-repeat;
}

/*Izbori blok*/
.bid183 .link a {
  background: url(../images/izbori-sprite.png) 0 -200px no-repeat;
}

/*
 * 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;
  top: 35px;
  position: relative;
}

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: 0;
  word-spacing: 0;
  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;
}

/*
 * Responsive @media
 */

@media screen and (max-width: 800px) {
  body {
    background-position: center 0;
  }

  header {
    height: auto;
  }

  #block-block-31 {
    display: none;
  }

  .page,
  footer .wrap,
  .header-region {
    width: 100%;
  }

  .page {
    top: -31px;
  }

  .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: 41.5%;
  }

  .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,
  .node-single-96.node-single-full .node,
  .node-single-98.node-single-full .node,
  .node-single-100.node-single-full .node {
    width: auto;
    min-height: auto;
  }

  /* Header */
  /* logo */
  .siteinfo {
    width: 25%;
    margin: 0;
  }

  .siteinfo img {
    padding: 20px 0 30px 8px;
  }

  /* join us */
  #block-block-1,
  #block-block-31 {
    width: 25%;
  }

  #block-block-1 a,
  #block-block-31 a {
    margin-left: 0;
    top: -10px;
  }

  .header-region nav {
    z-index: 2;
    top: auto;
  }

  .header-region nav ul {
    background: none;
  }

  .header-region nav li {
    border-right: 0 none;
    border-bottom: 1px solid #d4d4d4;
  }

  .header-region nav ul li {
    display: block;
  }

  .header-region nav ul li.first {
    border-top: 1px solid #d4d4d4;
  }

  #block-search-form {
    top: auto;
  }

  #block-block-1,
  #block-block-2,
  #block-block-31,
  #block-locale-language,
  .header-region nav ul {
    border-right: 0 none;
    border-left: 0 none;
  }

  /* 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 .node .content {
    bottom: 0;
    top: 50%;
    width: 98%;
    padding: 0;
    height: 123px;
    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;
    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;
  }

  /* 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-14,
  #block-block-15,
  #block-block-4,
  #block-block-16,
  #block-block-17 {
    width: 49.75%;
  }

  #block-block-14 img,
  #block-block-15 img,
  #block-block-4 img,
  #block-block-16 img,
  #block-block-17 img {
    width: 100%;
  }

  #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,
  #block-block-28 .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,
  .siteinfo img,
  #block-block-1 img,
  #block-block-31 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;
  }

  #player {
    width: 100%;
    height: 360px;
  }
}

@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 .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-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;
  }

  #player {
    width: 100%;
    height: 260px;
  }
}

@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: -5px;
  }

  .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 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;
  }

  /* Social networks */
  #block-block-2 ul {
    margin-right: 0;
  }

  /* Search */
  #block-search-form {
    top: 10px;
  }

  /* Slider */
  #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-14,
  #block-block-15,
  #block-block-4,
  #block-block-16,
  #block-block-17 {
    width: 100%;
    border-right: 0 none;
  }

  #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,
  #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%;
  }

  /* 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%;
  }

  #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%;
  }

  #player {
    width: 100%;
    height: 260px;
  }
}

@media screen and (min-width: 603px) {

  /* Language switcher */
  #block-locale-language ul {
    top: -19px;
  }
}

@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-locale-language {
    top: 19px;
  }

  #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: 45px;
  }

  #block-views-home-page-slider-block .content .field-type-text-with-summary {
    display: none;
  }

  .swiper-container-horizontal > .swiper-pagination {
    display: none;
  }

  #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;
  }

  #player {
    width: 100%;
    height: 160px;
  }
}

@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;
  }

  #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: -54px;
  }

  .breadcrumb {
    padding-top: 5px;
  }

  #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-14,
  #block-block-15,
  #block-block-4,
  #block-block-16,
  #block-block-17 {
    width: 100%;
  }

  #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: 12;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

@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;
}
/*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");
}