/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 25, 2017, 10:40:08 AM
    Author     : andrijakokanovic
*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  margin: 0px !important; }

.container {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto; }
  .container:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 990px) {
    .container {
      width: 952px; } }
  @media screen and (min-width: 768px) and (max-width: 989px) {
    .container {
      width: 100%;
      max-width: 100%; } }
  @media screen and (max-width: 767px) {
    .container {
      width: 100%;
      max-width: 100%; } }
  @media screen and (min-width: 990px) {
    .container.main {
      width: 992px;
      padding: 0 20px;
      background: #FFF; } }

@media screen and (max-width: 767px) {
  section.left {
    padding: 20px; } }
@media screen and (min-width: 768px) and (max-width: 989px) {
  section.left {
    padding: 20px 20px 11px 20px; } }
@media screen and (min-width: 990px) {
  section.left {
    /*@include span-columns(8 of 12);*/
    margin-top: 20px;
    float: left;
    width: 628px; }
    section.left.home-top {
      margin-bottom: -20px; }
    section.left.full-width {
      width: 100%; } }
section.left .box1 .box-item, section.left .box2 .box-item, section.left .box3 .box-item, section.left .box4 .box-item {
  width: 100%; }
@media screen and (min-width: 768px) {
  section.left .box1 .box-item {
    margin-bottom: 3.57866%; }
  section.left .box2 .box-item {
    float: left;
    display: block;
    margin-right: 3.5786636068%;
    width: 48.2106681966%;
    margin-bottom: 3.57866%; }
    section.left .box2 .box-item:last-child {
      margin-right: 0; }
    section.left .box2 .box-item:nth-child(2n) {
      margin-right: 0; }
    section.left .box2 .box-item:nth-child(2n+1) {
      clear: left; }
    section.left .box2 .box-item.columns2 .box-item, section.left .box2 .box-item .columns2 .box-item {
      float: left;
      display: block;
      margin-right: 7.4229703521%;
      width: 46.288514824%;
      margin-bottom: 7.42297%; }
      section.left .box2 .box-item.columns2 .box-item:last-child, section.left .box2 .box-item .columns2 .box-item:last-child {
        margin-right: 0; }
      section.left .box2 .box-item.columns2 .box-item:nth-child(2n), section.left .box2 .box-item .columns2 .box-item:nth-child(2n) {
        margin-right: 0; }
      section.left .box2 .box-item.columns2 .box-item:nth-child(2n+1), section.left .box2 .box-item .columns2 .box-item:nth-child(2n+1) {
        clear: left; }
    section.left .box2 .box-item.columns1 .box-item, section.left .box2 .box-item .columns1 .box-item {
      float: left;
      display: block;
      margin-right: 7.4229703521%;
      width: 100%;
      margin-right: 0;
      /*margin-bottom: 7.42297%;*/
      margin-bottom: 20px; }
      section.left .box2 .box-item.columns1 .box-item:last-child, section.left .box2 .box-item .columns1 .box-item:last-child {
        margin-right: 0; }
    section.left .box2 .box-item .full-width .box-item {
      width: 100%;
      margin-bottom: 7.42297%; }
  section.left .box2.type2 {
    overflow: auto;
    width: 100%; }
    section.left .box2.type2 .box-item.bigger {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 65.8807828007%; }
      section.left .box2.type2 .box-item.bigger:last-child {
        margin-right: 0; }
      section.left .box2.type2 .box-item.bigger .box-item {
        width: 100%;
        margin-bottom: 0; }
    section.left .box2.type2 .box-item.smaller {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 31.7615656014%; }
      section.left .box2.type2 .box-item.smaller:last-child {
        margin-right: 0; }
  section.left .box3, section.left box3actual {
    display: block; }
    section.left .box3:after, section.left box3actual:after {
      content: "";
      display: table;
      clear: both; }
    section.left .box3 .box-item, section.left box3actual .box-item {
      float: left;
      display: block;
      margin-right: 3.5786636068%;
      width: 30.9475575955%;
      margin-bottom: 3.57866%; }
      section.left .box3 .box-item:last-child, section.left box3actual .box-item:last-child {
        margin-right: 0; }
      section.left .box3 .box-item:nth-child(3n), section.left box3actual .box-item:nth-child(3n) {
        margin-right: 0; }
      section.left .box3 .box-item:nth-child(3n+1), section.left box3actual .box-item:nth-child(3n+1) {
        clear: left; }
  section.left .box4 .box-item {
    float: left;
    display: block;
    margin-right: 3.5786636068%;
    width: 22.3160022949%;
    margin-bottom: 3.57866%; }
    section.left .box4 .box-item:last-child {
      margin-right: 0; }
    section.left .box4 .box-item:nth-child(4n) {
      margin-right: 0; }
    section.left .box4 .box-item:nth-child(4n+1) {
      clear: left; } }

.box6 .box-item {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .box6 .box-item {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 14.7019570017%;
      margin-bottom: 3.57866%; }
      .box6 .box-item:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 767px) {
    .box6 .box-item:first-child {
      padding-top: 0;
      border-top: 0; } }
@media screen and (max-width: 989px) {
  .box6 {
    padding: 20px 20px 0 20px;
    overflow: auto; } }
@media screen and (min-width: 768px) and (max-width: 989px) {
  .box6 {
    margin-bottom: -20px; }
    .box6.news-box4 .text h3 {
      font-size: 13px; } }

@media screen and (max-width: 767px) {
  aside.right {
    padding: 30px 15px 15px 15px; } }
@media screen and (min-width: 768px) and (max-width: 989px) {
  aside.right {
    padding: 0 20px 20px 20px;
    margin-top: 20px; } }
@media screen and (max-width: 989px) {
  aside.right {
    clear: both; } }
@media screen and (min-width: 990px) {
  aside.right {
    /*@include span-columns(4 of 12);
    @include omega;*/
    margin-top: 20px;
    float: right;
    width: 304px; }
    aside.right.home-top {
      margin-bottom: -20px; } }

@media screen and (max-width: 767px) {
  section.page {
    padding: 15px; } }
@media screen and (min-width: 768px) and (max-width: 989px) {
  section.page {
    padding: 20px; } }

.container.full-width .left {
  width: 100%; }
.container.full-width .right {
  display: none; }

/*@mixin image-2x($image, $width, $height)*/
.specijal #top .b92-content > span:first-child a {
  color: #2a2966 !important; }
@media screen and (min-width: 990px) {
  .specijal #top ul.menu {
    width: 952px;
    margin: 0 auto;
    z-index: 90; }
    .specijal #top ul.menu li {
      display: inline-block;
      float: none;
      letter-spacing: 0px; }
      .specijal #top ul.menu li.active {
        background: transparent; }
      .specijal #top ul.menu li:first-child a {
        padding-left: 0; } }
.specijal #top .header-top {
  background: #fff; }
  .specijal #top .header-top .header-master {
    height: 62px;
    margin: 0;
    /*                background-color: #fff;*/ }
    @media screen and (max-width: 989px) {
      .specijal #top .header-top .header-master {
        padding-left: 20px; } }
  .specijal #top .header-top nav.main-nav {
    z-index: 1; }
  .specijal #top .header-top .menu {
    top: 62px; }
    .specijal #top .header-top .menu li.active a {
      background: none; }
    @media screen and (max-width: 767px) {
      .specijal #top .header-top .menu li.active {
        border-bottom: 1px solid #ebebeb; } }
    @media screen and (max-width: 989px) {
      .specijal #top .header-top .menu li a {
        padding-top: 22px;
        padding-bottom: 21px;
        font-size: 16px; } }
    @media screen and (min-width: 768px) and (max-width: 989px) {
      .specijal #top .header-top .menu li.active a, .specijal #top .header-top .menu li a {
        padding-left: 18px; } }
.specijal #top .logo-specijal {
  text-indent: -9999px;
  display: inline-block; }
.specijal .b92-content {
  float: right;
  width: 240px;
  height: 37px;
  margin: 14px 0 0 0;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase; }
  .specijal .b92-content img {
    padding: 1.5px; }
  @media screen and (max-width: 989px) {
    .specijal .b92-content {
      display: none; } }
  .specijal .b92-content span {
    width: 81px;
    /*            line-height: 37px;*/
    float: left;
    background: #ededed;
    font-weight: 700; }
    .specijal .b92-content span a {
      color: #336; }
  .specijal .b92-content div {
    position: relative; }
  .specijal .b92-content h4 {
    width: 158px;
    line-height: 37px;
    float: left;
    background: #2a2966;
    color: #FFF;
    position: relative;
    font-weight: 600;
    text-align: center;
    padding-right: 12px;
    font-size: 11px; }
    .specijal .b92-content h4:hover {
      cursor: pointer; }
    .specijal .b92-content h4:after {
      content: "";
      width: 9px;
      height: 6px;
      display: inline-block;
      position: absolute;
      right: 16px;
      top: 16px;
      background: url("../images/sprites2.png") no-repeat 0px -341px; }
    .specijal .b92-content h4 a {
      color: #FFF; }
  .specijal .b92-content span, .specijal .b92-content h4 {
    text-align: center; }
  .specijal .b92-content ul {
    display: none !important;
    position: absolute;
    top: 33px;
    left: 81px;
    width: 158px;
    background-color: rgba(42, 41, 102, 0.95);
    padding: 5px 0 15px;
    z-index: 100; }
    .specijal .b92-content ul li {
      width: 100%; }
    .specijal .b92-content ul a {
      padding: 8px 15px 7px 22px;
      display: block;
      color: #FFF; }
  .specijal .b92-content div:hover ul {
    display: block !important; }
.specijal .news-box-list-3 li {
  padding: 0 0 10px;
  line-height: 1.5;
  position: relative;
  font-size: 13.5px; }
  .specijal .news-box-list-3 li span {
    float: left;
    margin: 0 10px 0 0;
    font-size: 12px;
    position: relative;
    top: 2px; }
  .specijal .news-box-list-3 li a {
    color: #333; }
.specijal .score-table td {
  background: #f5f5f5;
  padding: 5px 10px 6px;
  text-align: center;
  border-bottom: 2px solid #FFF;
  font-size: 13px; }
  .specijal .score-table td.align-left {
    text-align: left; }

#zivot {
  /*    .news-box1 .box-item .text .category, .news-box2 .text .category, .news-box4 .box-info .text .category {
          background: rgba($second-color, 0.75);
          padding: 1px 5px;
          color: #FFF;
          &:hover {
              background: $main-color;
          }
      }*/
  /*    .news-box1 .box-item .comments-number, .news-box2 .comments-number, .news-box4 .box-info .comments-number {
          background: rgba($second-color, 0.75);
          &:after {
              border-top-color: rgba($second-color, 0.75);
          }
      }*/
  /*    .tabs-news-list {
          margin-top:0;
      }*/
  /*    .tabs {
          margin-bottom: 14px;
          overflow: auto;
          li.ui-tabs-active a {
              background: $main-color;
              color: #FFF;
              font-weight: bold;
          }
          li a {
              float: left;
              padding: 5px 12px;
              margin-right: 5px;
              text-transform: uppercase;
              background: #F5F5F5;
          }
      }*/
  /*    .blog {
          clear: both;
          article {
              clear: both;
              width: 100%;
              img {
                  float: left;
                  width: 25%;
                  max-width: 140px;
                  height: auto;
                  margin: 0 15px 15px 0;
                  @include media($desktop) {
                      width: 140px;
                      height: 100px;
                      margin-right: 14px;
                      margin-bottom: 20px;
                  }
              }
              h2 {
                  font-size: 14px;
                  margin-bottom: 5px;
                  @include media($desktop) {
                      font-size: 20px;
                      margin-right: 20px;
                      line-height: 1.3;
                  }
              }
              span {
                  font-size: 11px;
                  color: #808080;
                  text-transform: uppercase;
                  a {
                      color: #808080;
                  }
                  small {
                      position: relative;
                      top: -1px;
                  }
                  
              }
          }
      }*/
  /*    .related-box {
          clear: both;
      }
      .related {
          position: relative;
          @include media($desktop) {
              margin-bottom: 20px;
          }
          @media(min-width: 600px) {
              float: left;
              display: block;
              margin-right: 2%;
              width: 23%;
              clear: none;
          }
          img {
              float: left;
              width: 25%;
              height: auto;
              margin: 0 10px 10px 0;
              @include media($desktop) {
                  margin-bottom: 0px;
              }
              @media (min-width: 600px) {
                  width: 100%;
                  float: none;
              }
          }
          h3 {
              font-size: 16px;
              @include media($desktop) {
                  font-size: 15px;
                  margin: 6px 5px 0;
              }
          }
          span {
              &.box-info {
                  text-transform: uppercase;
                  font-size: 11px;
                  color: #808080;
                  @include media($desktop){
                      position: absolute;
                      left: 5px;
                      right: 5px;
                      top: 84px;
                      font-size: 9px;
                      a {
                          color: #FFF;
                          font-weight: 600;
                          text-transform: uppercase;
                          font-size: 9px;
                          padding: 1px 5px;
                          background: $second-color;
                      }
                      .box-comments {
                          float: right;
                      }
                      small {
                          display: none;
                      }
                  }
              }
          }
      }*/ }
  #zivot .overallImg-left, #zivot .overallImg-right {
    z-index: 200; }
  #zivot .zodiak {
    margin: 2.35765% 0;
    overflow: auto; }
    #zivot .zodiak li {
      float: left;
      display: block;
      /*            margin-right: 2.35765%;
                  width: 6.17215%;*/
      text-align: center;
      /*            margin-bottom: 2.35765%;*/ }
      #zivot .zodiak li span {
        display: block;
        font-size: 11px;
        padding: 5px; }
      #zivot .zodiak li a {
        padding: 0;
        background: none;
        text-transform: none;
        font-size: 11px;
        float: none; }
  #zivot .icon.zodiac {
    background-color: #f1703c; }
    @media screen and (max-width: 989px) {
      #zivot .icon.zodiac {
        top: -36px; } }
  #zivot .videoIconS {
    background: rgba(241, 112, 60, 0.95) url(../images/sprites2.png) no-repeat -72px -33px; }
  #zivot .news-box1 .box-item .comments-number, #zivot .news-box2 .comments-number, #zivot .news-box4 .box-info .comments-number {
    background: rgba(241, 112, 60, 0.95); }
    #zivot .news-box1 .box-item .comments-number:after, #zivot .news-box2 .comments-number:after, #zivot .news-box4 .box-info .comments-number:after {
      border-top-color: rgba(241, 112, 60, 0.95); }
    #zivot .news-box1 .box-item .comments-number:hover, #zivot .news-box2 .comments-number:hover, #zivot .news-box4 .box-info .comments-number:hover {
      background: #a20c26; }
      #zivot .news-box1 .box-item .comments-number:hover:after, #zivot .news-box2 .comments-number:hover:after, #zivot .news-box4 .box-info .comments-number:hover:after {
        border-top-color: #a20c26; }
  #zivot #top {
    background-color: #a40622;
    /*OVDE OSTATAK POSTAVITI!*/
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(50%, #a40622), color-stop(50%, #f8e331)); }
    #zivot #top .header-top {
      width: 100%;
      background: none;
      /*OVDE OSTATAK POSTAVITI!*/
      background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(10%, #a40622), color-stop(35%, #54234f), color-stop(50%, #913c88), color-stop(65%, #ed5d8e), color-stop(80%, #f8ab82), color-stop(95%, #f8e331));
      background-size: 1200px 100%;
      background-repeat: no-repeat;
      background-position: center;
      /*                @include media($phoneAndTablet){
                          width: 100%;
                          background: none;
                          background-color: #ffffff;
                          border-bottom: 1px solid #EF513B;
                      }*/ }
      @media screen and (max-width: 989px) {
        #zivot #top .header-top {
          background-size: 150% 100%; } }
      #zivot #top .header-top .logo-specijal {
        width: 240px;
        height: 50px; }
        @media screen and (min-width: 990px) {
          #zivot #top .header-top .logo-specijal {
            background: url("https://b92s.net/zivot/images/new/zivot-110px.png") no-repeat left;
            background-size: 110px;
            margin-top: 5px; } }
  @media screen and (min-width: 990px) and (min--moz-device-pixel-ratio: 1.3), screen and (min-width: 990px) and (-o-min-device-pixel-ratio: 2.6 / 2), screen and (min-width: 990px) and (-webkit-min-device-pixel-ratio: 1.3), screen and (min-width: 990px) and (min-device-pixel-ratio: 1.3), screen and (min-width: 990px) and (min-resolution: 1.3dppx) {
    #zivot #top .header-top .logo-specijal {
      /* on retina, use image that's scaled by 2 */
      background-image: url("https://b92s.net/zivot/images/new/zivot-220px.png");
      /*    background-size: $width $height;*/
      background-size: 110px; } }

        @media screen and (max-width: 989px) {
          #zivot #top .header-top .logo-specijal {
            background: url("https://b92s.net/zivot/images/new/zivot-110px.png") no-repeat left;
            background-size: 110px;
            margin-top: 5px; } }
  @media screen and (max-width: 989px) and (min--moz-device-pixel-ratio: 1.3), screen and (max-width: 989px) and (-o-min-device-pixel-ratio: 2.6 / 2), screen and (max-width: 989px) and (-webkit-min-device-pixel-ratio: 1.3), screen and (max-width: 989px) and (min-device-pixel-ratio: 1.3), screen and (max-width: 989px) and (min-resolution: 1.3dppx) {
    #zivot #top .header-top .logo-specijal {
      /* on retina, use image that's scaled by 2 */
      background-image: url("https://b92s.net/zivot/images/new/zivot-220px.png");
      /*    background-size: $width $height;*/
      background-size: 110px; } }

      #zivot #top .header-top .menu-collapse {
        background-color: transparent;
        height: 60px; }
        #zivot #top .header-top .menu-collapse .icon-bar {
          background-color: #FFF;
          width: 30px;
          height: 5px; }
        #zivot #top .header-top .menu-collapse.on {
          background: url("https://b92s.net/zivot/images/new/menu-close.png") no-repeat center center; }
      #zivot #top .header-top .submenu-menu > a {
        background: url(https://b92s.net/zivot/images/new/arrowDown.svg) no-repeat right 17px;
        background-size: 10px 7px;
        padding-right: 17px !important; }
      #zivot #top .header-top .submenu-menu ul {
        top: 35px; }
        #zivot #top .header-top .submenu-menu ul li a {
          color: #a20c26 !important;
          text-shadow: none; }
          #zivot #top .header-top .submenu-menu ul li a:hover {
            color: #a20c26;
            text-decoration: underline; }
      #zivot #top .header-top .header-master {
        /*                    background-color: #0d5246;*/ }
        @media screen and (min-width: 990px) {
          #zivot #top .header-top .header-master {
            height: 60px;
            background: none; } }
        @media screen and (max-width: 767px) {
          #zivot #top .header-top .header-master {
            text-align: left;
            background-image: none; }
            #zivot #top .header-top .header-master .logo-specijal {
              background-image: url("https://b92s.net/zivot/images/new/zivot-110px.png"); } }
    @media screen and (max-width: 767px) and (min--moz-device-pixel-ratio: 1.3), screen and (max-width: 767px) and (-o-min-device-pixel-ratio: 2.6 / 2), screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.3), screen and (max-width: 767px) and (min-device-pixel-ratio: 1.3), screen and (max-width: 767px) and (min-resolution: 1.3dppx) {
      #zivot #top .header-top .header-master .logo-specijal {
        /* on retina, use image that's scaled by 2 */
        background-image: url("https://b92s.net/zivot/images/new/zivot-220px.png");
        /*    background-size: $width $height;*/
        background-size: 110px; } }

        #zivot #top .header-top .header-master .b92-content span {
          background: #F0F0F0; }
      @media screen and (max-width: 989px) {
        #zivot #top .header-top .menu li a {
          color: #a20c26; } }
      @media screen and (min-width: 768px) and (max-width: 989px) {
        #zivot #top .header-top .menu li.active a {
          border-color: #a20c26; } }
  @media screen and (min-width: 990px) {
    #zivot #top .header-top .container:first-child {
      height: 50px; }
    #zivot #top .header-top .menu > li {
      padding: 0;
      margin-right: 10px;
      font-size: 12px;
      font-weight: 600;
      position: relative; }
      #zivot #top .header-top .menu > li:last-child:hover:after {
        content: none; }
      #zivot #top .header-top .menu > li.active, #zivot #top .header-top .menu > li:hover {
        background: transparent;
        /*                    a {
                                color: #FFF;
                                float: left;
                                padding: 10px 4px 8px;
                                font-size: 14px;
                                font-weight: 500;
                                text-transform: uppercase;
                            }*/ }
        #zivot #top .header-top .menu > li.active:after, #zivot #top .header-top .menu > li:hover:after {
          content: "";
          height: 1px;
          position: absolute;
          width: 100%;
          left: 0;
          bottom: 3px;
          background-color: #fff;
          box-shadow: 1px 1px #000; }
      #zivot #top .header-top .menu > li a {
        color: #FFF;
        float: left;
        padding: 10px 4px 8px;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        text-shadow: 1px 1px #000; }
        #zivot #top .header-top .menu > li a:hover {
          text-decoration: none; }
    #zivot nav.main-nav {
      background-color: transparent;
      position: relative;
      /*            &:after {
                      content: "";
                      position:absolute;
                      left:0;
                      right:0;
                      bottom: 2px;
                      height: 1px;
                      background: none;
                  }*/ } }
  #zivot .blog-head h1 {
    background-color: #a20c26; }
  #zivot .module-title {
    background: #a20c26; }
  #zivot .blog-head ul li.active {
    border-color: #a20c26; }
  #zivot .button-news.theme2 a {
    border-color: #808080;
    color: #1a1a1a; }
  #zivot #rate-nav .selected-tab {
    border-bottom-color: #035742; }
  #zivot .item-page .comments-send {
    background-color: #a20c26; }
  #zivot .item-page .article-footer .comments-number a {
    background-color: #a20c26; }
    #zivot .item-page .article-footer .comments-number a:after {
      border-top-color: #a20c26; }
  #zivot .item-page .article-info .comments {
    background-color: #a20c26; }
    #zivot .item-page .article-info .comments:after {
      border-top-color: #a20c26; }
  #zivot .tabs-news-list .tabs li.ui-tabs-active a, #zivot .tabs-news-list .tabs li.active a, #zivot .tabs-news-list .tournamentYears li.ui-tabs-active a, #zivot .tabs-news-list .tournamentYears li.active a {
    color: #a20c26;
    border-color: #a20c26; }
  #zivot .tabs-news-list .tabs li, #zivot .tabs-news-list .tournamentYears li {
    padding-top: 0; }
  #zivot .item-page p a, #zivot .lb-post-container a, #zivot .article-header h1 a {
    color: #a20c26;
    text-decoration: underline; }
    #zivot .item-page p a:hover, #zivot .item-page p a:active, #zivot .lb-post-container a:hover, #zivot .lb-post-container a:active, #zivot .article-header h1 a:hover, #zivot .article-header h1 a:active {
      color: #ffd450; }
  #zivot .page-title {
    font-size: 14px;
    font-weight: bold;
    display: table;
    margin-bottom: 10px;
    background: #a20c26;
    color: #FFF;
    text-transform: uppercase;
    padding: 4px 15px;
    float: left; }
  #zivot .table th, #zivot .table thead td, #zivot .table tfoot td {
    background: #F5F5F5;
    text-align: left; }
  #zivot .table tbody td {
    background: #f5f5f5; }
    #zivot .table tbody td a {
      color: #a20c26; }
  #zivot .table th, #zivot .table td {
    padding: 11px 14px 14px;
    border-bottom: 2px solid #FFF; }
  #zivot section h4 {
    /*        background: $main-color;*/
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(25%, #913c88), color-stop(75%, #ed5d8e));
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 4px 19px;
    margin-bottom: 10px;
    display: inline-block; }
    @media screen and (min-width: 990px) {
      #zivot section h4 {
        margin-bottom: 20px; } }
    @media screen and (max-width: 989px) {
      #zivot section h4 {
        margin-bottom: 40px; } }
  #zivot aside.right section {
    margin-bottom: 20px; }
  #zivot p.heading {
    font-size: 16px;
    margin: 10px 0; }
  #zivot p.date {
    margin: 10px 0;
    font-style: italic; }
  #zivot .select-day {
    overflow: auto; }
    #zivot .select-day li {
      float: left;
      margin: 0 8px 8px 0; }
      #zivot .select-day li a {
        padding: 8px 12px;
        background: #f5f5f5;
        display: block; }
  #zivot .tabs-nav {
    margin-top: 20px; }
  #zivot .cat-list {
    overflow: auto;
    margin: -14px 0;
    border-top: 1px solid #a20c26;
    padding: 10px; }
    #zivot .cat-list li {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      margin-bottom: 7px; }
      #zivot .cat-list li:nth-child(2n) {
        margin-right: 0px; }

.related {
  clear: both;
  margin: 27px 0 30px; }
  .related h5 {
    text-transform: uppercase;
    color: #1a1a1a;
    font-weight: 700;
    display: block;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 6px;
    margin: -5px 0 12px; }
    @media screen and (max-width: 767px) {
      .related h5 {
        margin-top: 0; } }
  .related ul {
    overflow: hidden; }
  .related .box-item {
    padding: 0;
    margin-bottom: 15px !important;
    display: inline-block;
    vertical-align: top; }
    .related .box-item .text {
      float: left;
      display: block;
      margin-right: 2.8425855704%;
      width: 58.8629657719%; }
      .related .box-item .text:last-child {
        margin-right: 0; }
      .related .box-item .text h3 {
        font-size: 14px;
        font-weight: 400;
        margin: 0;
        padding-left: 2px; }
        @media screen and (max-width: 767px) {
          .related .box-item .text h3 {
            font-size: 16px; } }
    .related .box-item .img {
      float: left;
      display: block;
      margin-right: 2.8425855704%;
      width: 38.2944486578%;
      margin-left: 0; }
      .related .box-item .img:last-child {
        margin-right: 0; }
      .related .box-item .img a img {
        height: 100%;
        width: 100%; }
    @media screen and (max-width: 767px) {
      .related .box-item {
        /*            @include span-columns(3 of 9);
                    width:31.1% !important;
                    border-top:0;*/
        border-top: none; } }
  @media (max-width: 650px) {
    .related .box-item {
      width: 100% !important;
      /*            margin-top: 15px;*/
      padding-top: 0; }
      .related .box-item .img {
        /*                display:none;*/ }
      .related .box-item .text {
        /*                width: inherit;*/ }
      .related .box-item:first-child {
        margin-top: 0;
        padding-top: 3px; }
      .related .box-item:last-child {
        padding-bottom: 16px;
        border-bottom: 1px solid #D9D9D9; } }
  section.left .related .box-item {
    margin-right: 3%;
    width: 48%;
    float: left;
    display: block; }
    section.left .related .box-item:nth-child(2n) {
      margin-right: 0;
      margin-bottom: 15px !important; }
      @media (max-width: 650px) {
        section.left .related .box-item:nth-child(2n) {
          margin-bottom: 0 !important; } }
    section.left .related .box-item:last-child {
      clear: none; }
    section.left .related .box-item:nth-child(3n) {
      margin-right: 3%; }

@media screen and (min-width: 990px) {
  .hide-desktop {
    display: none !important; } }

/*# sourceMappingURL=zivot.css.map */