@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**

 * 1. Set default font family to sans-serif.

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

 */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,latin-ext);

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:700&subset=latin,latin-ext);

html {

  font-family: sans-serif;

  /* 1 */

  -ms-text-size-adjust: 100%;

  /* 2 */

  -webkit-text-size-adjust: 100%

  /* 2 */ }



/**

 * Remove default margin.

 */

body {

  margin: 0; }



/* HTML5 display definitions

   ========================================================================== */

/**

 * Correct `block` display not defined for any HTML5 element in IE 8/9.

 * Correct `block` display not defined for `details` or `summary` in IE 10/11

 * and Firefox.

 * Correct `block` display not defined for `main` in IE 11.

 */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

  display: block; }



/**

 * 1. Correct `inline-block` display not defined in IE 8/9.

 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.

 */

audio,

canvas,

progress,

video {

  display: inline-block;

  /* 1 */

  vertical-align: baseline

  /* 2 */ }



/**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */

audio:not([controls]) {

  display: none;

  height: 0; }



/**

 * Address `[hidden]` styling not present in IE 8/9/10.

 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.

 */

[hidden],

template {

  display: none; }



/* Links

   ========================================================================== */

/**

 * Remove the gray background color from active links in IE 10.

 */

a {

  background-color: transparent; }



/**

 * Improve readability when focused and also mouse hovered in all browsers.

 */

a:active,

a:hover {

  outline: 0; }



/* Text-level semantics

   ========================================================================== */

/**

 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.

 */

abbr[title] {

  border-bottom: 1px dotted; }



/**

 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.

 */

b,

strong {

  font-weight: bold; }



/**

 * Address styling not present in Safari and Chrome.

 */

dfn {

  font-style: italic; }



/**

 * Address variable `h1` font-size and margin within `section` and `article`

 * contexts in Firefox 4+, Safari, and Chrome.

 */

h1 {

  font-size: 2em;

  margin: 0.67em 0; }



/**

 * Address styling not present in IE 8/9.

 */

mark {

  background: #ff0;

  color: #000; }



/**

 * Address inconsistent and variable font size in all browsers.

 */

small {

  font-size: 80%; }



/**

 * Prevent `sub` and `sup` affecting `line-height` in all browsers.

 */

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline; }



sup {

  top: -0.5em; }



sub {

  bottom: -0.25em; }



/* Embedded content

   ========================================================================== */

/**

 * Remove border when inside `a` element in IE 8/9/10.

 */

img {

  border: 0; }



/**

 * Correct overflow not hidden in IE 9/10/11.

 */

svg:not(:root) {

  overflow: hidden; }



/* Grouping content

   ========================================================================== */

/**

 * Address margin not present in IE 8/9 and Safari.

 */

figure {

  margin: 1em 40px; }



/**

 * Address differences between Firefox and other browsers.

 */

hr {

  box-sizing: content-box;

  height: 0; }



/**

 * Contain overflow in all browsers.

 */

pre {

  overflow: auto; }



/**

 * Address odd `em`-unit font size rendering in all browsers.

 */

code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

  font-size: 1em; }



/* Forms

   ========================================================================== */

/**

 * Known limitation: by default, Chrome and Safari on OS X allow very limited

 * styling of `select`, unless a `border` property is set.

 */

/**

 * 1. Correct color not being inherited.

 *    Known issue: affects color of disabled elements.

 * 2. Correct font properties not being inherited.

 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.

 */

button,

input,

optgroup,

select,

textarea {

  color: inherit;

  /* 1 */

  font: inherit;

  /* 2 */

  margin: 0

  /* 3 */ }



/**

 * Address `overflow` set to `hidden` in IE 8/9/10/11.

 */

button {

  overflow: visible; }



/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.

 * Correct `select` style inheritance in Firefox.

 */

button,

select {

  text-transform: none; }



/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 */

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  /* 2 */

  cursor: pointer

  /* 3 */ }



/**

 * Re-set default cursor for disabled elements.

 */

button[disabled],

html input[disabled] {

  cursor: default; }



/**

 * Remove inner padding and border in Firefox 4+.

 */

button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0; }



/**

 * Address Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */

input {

  line-height: normal; }



/**

 * It's recommended that you don't attempt to style these elements.

 * Firefox's implementation doesn't respect box-sizing, padding, or width.

 *

 * 1. Address box sizing set to `content-box` in IE 8/9/10.

 * 2. Remove excess padding in IE 8/9/10.

 */

input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  /* 1 */

  padding: 0

  /* 2 */ }



/**

 * Fix the cursor style for Chrome's increment/decrement buttons. For certain

 * `font-size` values of the `input`, it causes the cursor style of the

 * decrement button to change from `default` to `text`.

 */

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto; }



/**

 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome

 *    (include `-moz` to future-proof).

 */

input[type="search"] {

  -webkit-appearance: textfield;

  /* 1 */

  /* 2 */

  box-sizing: content-box; }



/**

 * Remove inner padding and search cancel button in Safari and Chrome on OS X.

 * Safari (but not Chrome) clips the cancel button when the search input has

 * padding (and `textfield` appearance).

 */

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none; }



/**

 * Define consistent border, margin, and padding.

 */

fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em; }



/**

 * 1. Correct `color` not being inherited in IE 8/9/10/11.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

 */

legend {

  border: 0;

  /* 1 */

  padding: 0

  /* 2 */ }



/**

 * Remove default vertical scrollbar in IE 8/9/10/11.

 */

textarea {

  overflow: auto; }



/**

 * Don't inherit the `font-weight` (applied by a rule above).

 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.

 */

optgroup {

  font-weight: bold; }



/* Tables

   ========================================================================== */

/**

 * Remove most spacing between table cells.

 */

table {

  border-collapse: collapse;

  border-spacing: 0; }



td,

th {

  padding: 0; }



.clearfix:before,

.clearfix:after {

  content: " ";

  display: table; }



.clearfix:after {

  clear: both; }



.clearfix {

  *zoom: 1; }



.column {

  position: relative;

  padding-bottom: 10px;

  /*dodato*/

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease; }



@media (max-width: 46rem) {

  .column {

    margin-bottom: 20px; }



  nav {

    height: auto; } }

@media (max-width: 760px) {

  .column.fourth {

    width: 80%;

    margin: 0 auto;

    display: inline-block; }



  .column.fifth {

    width: 30%;

    margin: 0 auto;

    display: inline-table; } }

@media (max-width: 560px) {

  .column.fourth {

    width: 95%;

    margin: 0 auto; } }

@media (min-width: 46rem) {

  .column {

    float: left;

    padding-left: 15px;

    /*sve je bilo 1rem*/

    padding-right: 15px;

    box-sizing: border-box; }



  .column.full {

    width: 100%; }



  .column.two-thirds {

    width: 50%; }



  .column.half {

    width: 50%; }



  .column.third {

    width: 50%; }



  .column.third.poslednji {

    width: 100%; }



  .column.fourth {

    width: 50%; }



  .column.fifth {

    width: 50%; }



  .column.flow-opposite {

    float: right; } }

@media (min-width: 56rem) {

  .column {

    float: left;

    padding-left: 10px;

    /*sve je bilo 1rem*/

    padding-right: 10px;

    box-sizing: border-box; }



  .column.full {

    width: 100%; }



  .column.two-thirds {

    width: 66.7%; }



  .column.half {

    width: 50%; }



  .column.third {

    width: 33.3%; }



  .column.third.poslednji {

    width: 33.3%; }



  .column.fourth {

    width: 25%; }



  .column.fifth {

    width: 20%; }



  .column.flow-opposite {

    float: right; } }

.row {

  position: relative;

  padding: 30px;

  padding: 10px 5px 0 5px;

  /*width: 75%;*/

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

  overflow: hidden;

  box-sizing: border-box;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease; }



.row p, column.full li {

  line-height: 1.5em; }



/* $druga-boja:#000; */

* {

  -o-box-sizing: border-box;

  box-sizing: border-box; }



html, body, a, p, li {

  padding: 0px;

  margin: 0px;

  font-family: 'Open Sans', sans-serif;

  font-size: 62.5%;

  font-weight: 300;

  color: #222222; }



a:visited, a:link, a:hover, a:active {

  text-decoration: none;

  color: inherit;

  font-size: 1.4rem; }



h2, h3, h4, h5, h6 {

  margin: 0;

  padding: 0;

  font-family: "Source Sans Pro", sans-serif;

  font-weight: 700;

  color: #36b1d1;

  text-transform: uppercase; }



h1 {

  font-size: 12px;

  font-family: 'Open Sans', sans-serif;

  font-weight: 300;

  color: #222222; }



h2 {

  font-size: 1.3rem; }



h3 {

  font-size: 2.4rem; }



h4 {

  font-size: 1.5rem; }



h5 {

  font-size: 2.4rem; }



h6 {

  font-size: 2.4rem;

  color: #fff; }



p {

  font-size: 1.5rem;

  margin-bottom: 0.5rem;

  text-align: center;

  padding: 5px 30px; }



nav, ul, li {

  margin: 0;

  padding: 0; }



::-moz-selection {

  background: #36b1d1;

  color: #fff; }



::selection {

  background: #36b1d1;

  color: #fff; }



::-moz-selection {

  background: #36b1d1;

  color: #fff; }



a:active, a:focus, a:hover, a, a:visited, *:focus {

  outline: 0

  /*removes the dotted border*/ }



.keywords {

  color: #36b1d1;

  font-weight: 700;

  text-decoration: underline; }



.container {

  margin: 0 auto;

  max-width: 1200px;

  width: 100%;

  background-color: white;

  padding: 0 20px;

  box-sizing: border-box;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between; }



.row.clearfix {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap; }



@media (max-width: 1050px) {

  .container {

    width: 95%; } }

.naslov {

  font-family: "Source Sans Pro", sans-serif;

  font-weight: 700;

  position: relative;

  width: 100%;

  display: inline-block;

  text-align: center; }

  .naslov.levo-naslov, .naslov.levo-naslov p {

    text-align: left;

    padding-left: 0; }

  .naslov h3 {

    text-transform: uppercase;

    color: #222222;

    font-size: 22px;

    font-size: 2.2rem; }

  .naslov h4, .naslov p {

    font-family: "Source Sans Pro", sans-serif;

    font-size: 26px;

    font-size: 2.6rem;

    color: #36b1d1;

    text-transform: none; }

  .naslov p {

    color: white; }



.naslov.sekundarni p {

  font-size: 22px;

  font-size: 2.2rem;

  text-align: left;

  color: #36b1d1;

  padding-left: 0; }



.container > .naslov {

  margin: 30px 0 20px; }



.container > .naslov:first-child {

  margin: 10px 0 20px; }



/* ako naslov nije u container-u */

.naslov-100 {

  position: relative;

  display: inline-block;

  width: 100%;

  text-align: center;

  background-color: white; }



/* /ako naslov nije u container-u */

.heading-100 {

  position: relative;

  width: 100%;

  display: inline-block;

  text-align: center;

  background-color: #36b1d1 !important;

  color: #222222

  /* background: linear-gradient(to right, #A177FF, #02CEFF 100%); */ }

  .heading-100 .heading {

    width: 100%;

    max-width: 1200px;

    display: inline-block;

    margin: 0 auto;

    padding: 2px 10px;

    color: white; }

    .heading-100 .heading h1 {

      font-size: 12px;

      margin: 0;

      display: inline-block;

      float: left;

      padding: 0 15px;

      line-height: 20px; }

    .heading-100 .heading .heading-right {

      position: relative;

      display: inline-block;

      float: right; }

      .heading-100 .heading .heading-right .hr-box {

        position: relative;

        display: inline-block;

        padding: 0 20px

        /* margin: 0 10px; */ }

        .heading-100 .heading .heading-right .hr-box:before {

          content: '';

          position: absolute;

          right: 0;

          width: 1px;

          height: 19px;

          background-color: #222222; }

        .heading-100 .heading .heading-right .hr-box:last-child:before {

          display: none; }

        .heading-100 .heading .heading-right .hr-box p {

          position: relative;

          display: inline-block;

          padding: 0;

          margin: 0;

          font-size: 12px;

          font-size: 1.2rem;

          color: #222222;

          line-height: 20px;

          vertical-align: bottom;

          display: table-cell; }

          .heading-100 .heading .heading-right .hr-box p span {

            color: white; }

        .heading-100 .heading .heading-right .hr-box a {

          font-size: 12px;

          font-size: 1.2rem; }

        .heading-100 .heading .heading-right .hr-box.jezici a {

          text-transform: uppercase;

          vertical-align: bottom;

          display: table-cell;

          position: relative;

          line-height: 20px;

          color: #222222;

          padding: 0 10px;

          margin-right: 10px; }

        .heading-100 .heading .heading-right .hr-box.jezici a:hover {

          color: white; }



.header-100, .header-100 * {

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out; }



.header-100 {

  position: relative;

  display: inline-block;

  width: 100%;

  /* height: 60px; */

  color: white !important;

  background-color: white;

  padding: 10px 0;

  text-align: center;

  z-index: 9999999;

  box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2); }

  .header-100 .header {

    position: relative;

    display: inline-block;

    width: 100%;

    max-width: 1200px;

    padding: 0 10px; }

    .header-100 .header nav {

      position: relative;

      display: inline-block;

      float: left; }

      .header-100 .header nav ul {

        position: relative;

        display: block;

        list-style: none

        /* li:last-child {

                box-shadow: inset 0px 0px 0 2px #fff;

            } */ }

        .header-100 .header nav ul li {

          position: relative;

          display: inline-block;

          margin: 0 5px

          /*ul:before {

                  position: absolute;

                  width: 0;

                  height: 0;

                  background-color: lighten($druga-boja,5%);

                  border-bottom: 10px solid #fff;

                  border-right: 10px solid transparent;

                  border-left: 10px solid transparent;

              }*/ }

          .header-100 .header nav ul li a {

            display: block;

            color: white;

            padding: 8px;

            border-radius: 3px; }

            .header-100 .header nav ul li a h2 {

              font-family: "Source Sans Pro", sans-serif;

              font-size: 18px;

              font-size: 1.8rem;

              color: #222222;

              text-transform: uppercase; }

          .header-100 .header nav ul li a:hover {

            background-color: #222222; }

            .header-100 .header nav ul li a:hover h2 {

              color: #36b1d1; }

          .header-100 .header nav ul li ul {

            position: absolute;

            display: none;

            text-align: left;

            min-width: 250px;

            background-color: #60c1da;

            padding: 10px 0 10px 0; }

            .header-100 .header nav ul li ul li:last-child {

              box-shadow: none; }

            .header-100 .header nav ul li ul li {

              position: relative;

              display: block;

              margin: 0;

              border-bottom: 1px solid #60c1da; }

              .header-100 .header nav ul li ul li a {

                display: block;

                padding: 10px 20px; }

              .header-100 .header nav ul li ul li:hover a {

                padding: 10px 20px 10px 28px;

                background-color: #2ca2c1; }

            .header-100 .header nav ul li ul li:first-child {

              border-top: none; }

        .header-100 .header nav ul li:hover ul {

          display: block;

          max-height: 500px; }



/* RUSKI MENI */

.header-100 .header nav ul.russian-menu li a h2 {

  font-size: 15px;

  font-size: 1.5rem; }



/* RUSKI MENI */

.header .logo-mobile {

  position: absolute;

  left: 15px;

  display: none; }

  .header .logo-mobile img {

    position: relative;

    height: 52px;

    z-index: 9; }



.logo-block-100 {

  position: relative;

  display: inline-block;

  width: 100%;

  /* height: 60px; */

  color: white !important;

  background-color: white;

  background-image: url(../images/bg-header.png);

  padding: 10px 0;

  text-align: center;

  z-index: 9999999; }

  .logo-block-100 .logo-block {

    position: relative;

    display: inline-block;

    width: 100%;

    max-width: 1200px;

    padding: 0 10px;

    text-align: left; }



/* SLICKNAV */

.slicknav_menu {

  display: none; }



/* SLICKNAV */

nav > ul > li > ul:before {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  border-bottom: 10px solid #60c1da;

  border-right: 10px solid transparent;

  border-left: 10px solid transparent;

  top: -10px;

  left: 30px;

  z-index: 99; }



a.logo {

  position: relative;

  float: left;

  display: inline-block;

  font-size: 40px;

  font-size: 4rem;

  /* color:$boja; */

  /* PROMENJENA BOJA HEADERA */

  z-index: 99; }

  a.logo img {

    -webkit-transform: translateY(5px);

        -ms-transform: translateY(5px);

            transform: translateY(5px); }



.header-right {

  position: relative;

  float: left;

  /*   float: right; */

  margin-left: 40px; }



.header-social {

  position: relative;

  float: left;

  display: inline-block;

  margin-left: 20px;

  border-left: 1px solid white;

  /* border-left: 1px solid $boja; */

  /* PROMENJENA BOJA HEADERA */

  padding: 5px 10px;

  margin: 8px 0 0 20px;

  z-index: 99; }

  .header-social a.social-btn {

    position: relative;

    display: inline-block;

    width: 27px;

    height: 28px;

    margin: 0 2px;

    background-image: url(/images/icons-buttons.png); }



.facebook {

  background-position: 0 -28px; }

  .facebook:hover {

    background-position: 0 0px; }



.google-plus {

  background-position: -27px -28px; }

  .google-plus:hover {

    background-position: -27px 0; }



.twitter {

  background-position: -54px -28px; }

  .twitter:hover {

    background-position: -54px 0px; }



.youtube {

  background-position: -81px -28px; }

  .youtube:hover {

    background-position: -81px 0px; }



.instagram {

  background-position: -108px -28px; }

  .instagram:hover {

    background-position: -108px 0px; }



/***********SLAJDER*************/

/* #slider,  #slider * {

     -webkit-transition:all 0.3s ease-out;

    -moz-transition:all 0.3s ease-out;

    -o-transition:all 0.3s ease-out;

    transition:all 0.3s ease-out;

} */

#slider {

  position: relative;

  width: 100%;

  max-width: 100%;

  display: inline-block;

  background-color: #e3e3e3;

  /* overflow: hidden; */

  overflow: visible;

  /* margin-bottom: -12px; za owl 1 */

  /* margin-bottom: -2px; */

  box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.4); }

  #slider .view {

    display: none; }

  #slider .slide {

    position: relative;

    display: inline-block;

    width: 100%;

    text-align: center; }

  #slider .slider-description {

    position: relative;

    display: inline-block;

    width: 100%;

    text-align: center;

    margin-bottom: 40px;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%); }

  #slider .slider-icon {

    position: relative;

    display: block;

    margin: 0 auto;

    width: 126px;

    height: 106px;

    background-repeat: no-repeat;

    background-size: contain; }

  #slider .slider-title-up {

    position: relative;

    display: inline-block;

    margin-bottom: 10px; }

    #slider .slider-title-up p {

      color: white;

      padding: 0;

      margin: 0;

      font-family: "Source Sans Pro", sans-serif;

      font-weight: 700;

      font-size: 38px;

      text-transform: uppercase; }

  #slider .slider-title-main {

    position: relative;

    display: block;

    margin: 0 auto; }

    #slider .slider-title-main h2 {

      position: relative;

      font-weight: 300;

      font-size: 80px;

      font-size: 8rem; }

  #slider .slider-text {

    position: relative;

    display: block;

    margin: 0 auto; }

    #slider .slider-text p {

      position: relative;

      text-align: center;

      color: white;

      margin: 0;

      padding: 10px 0; }

  #slider .more-btn {

    position: relative;

    display: inline-block;

    padding: 10px 80px;

    background-color: #36b1d1;

    color: white;

    font-size: 18px;

    font-size: 1.8rem;

    font-family: "Source Sans Pro", sans-serif;

    text-transform: uppercase;

    border: 4px solid #36b1d1;

    -webkit-transition: 0.3s;

            transition: 0.3s; }

    #slider .more-btn:hover {

      background-color: white;

      background-color: rgba(255, 255, 255, 0.9);

      color: #36b1d1; }



.slider-description {

  display: none !important; }



.fotorama__active .slider-description {

  display: inline-block !important; }



/* ------------ */

/* #slider{

    position: relative;

    width: 100%;

    max-width: 100%;

    display: inline-block;

    background-color: $svetlo-siva;

    overflow: hidden;

    margin-bottom: -12px; za owl 1 

    margin-bottom: -2px;

    

    

    .item{

        img {position: relative; width: 100%;}

    }

    

    h2 { 

        font-size: 72px; font-size: 7.2rem;

        color: #fff;

        line-height: 64px;

    }

    span {

        font-family: $font;

        font-weight: 700;

        font-size: 48px; font-size: 4.8rem;

        text-transform: uppercase;

        position: relative;

        display: block;

    }

}







.owl-item .caption {

    position:absolute;

    color:#fff;

    text-align:center;

    width:100%;

    z-index:100;

    font-size:50px;

    top: 30%;

    

    

    

   h2 {

        

       color: transparent;

    } 

    

        

    span { 

        

        color:white;

        color: transparent;

    }

   

} */

/* @-webkit-keyframes fadeInUpBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInUpBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

} */

/* .fotorama__active .slider-description {animation: fadeInUpBig  1s 1;} */

.fotorama__active .slider-icon {

  -webkit-animation: fadeInDown 1s 1;

          animation: fadeInDown 1s 1; }



.fotorama__active .slider-title-up {

  -webkit-animation: fadeInLeft 1s 1;

          animation: fadeInLeft 1s 1; }



.fotorama__active .slider-title-main {

  -webkit-animation: fadeInRight 1s 1;

          animation: fadeInRight 1s 1; }



.fotorama__active .slider-text {

  -webkit-animation: fadeInUp 1s 1;

          animation: fadeInUp 1s 1; }



.fotorama__active .more-btn {

  -webkit-animation: fadeInUp 1s 1;

          animation: fadeInUp 1s 1; }



/*/SLAJDER*/

/* SADRZAJ */

.container {

  padding: 25px 55px;

  position: relative; }



/* SECTION SADRZAJ */

section#povrat-pdv-a-cash-back {

  position: relative;

  display: inline-block;

  width: 100%; }



/* USLUGE BOXEVI */

.usluge-box {

  position: relative;

  display: inline-block;

  width: 100%;

  background-image: url(../images/bg-content.png);

  padding: 40px 0 5px; }

  .usluge-box .container {

    background-color: transparent; }



.usluga-box {

  position: relative;

  display: inline-block;

  width: 31%;

  padding: 45px 20px;

  background-color: white;

  margin-bottom: 3vw; }

  .usluga-box .usluga-ikona {

    position: relative;

    display: inline-block;

    width: 100%;

    text-align: center; }

  .usluga-box .naslov h3 {

    min-height: 5.6rem;

    margin-bottom: 5px;

    margin-top: 10px; }

  .usluga-box p {

    padding: 0;

    margin: 0;

    text-align: center; }



/* /USLUGE BOXEVI */

/* PLAVI BOX */

.plavi-box {

  position: relative;

  display: inline-block;

  width: 100%;

  background-color: #36b1d1

  /* padding: 40px 0 5px; */ }

  .plavi-box .container {

    background-color: transparent; }

  .plavi-box p {

    width: 100%;

    text-align: center; }



/* /PLAVI BOX */

/* SOCIAL PLAVI BOX */

.social-icon {

  position: absolute;

  display: inline-block;

  width: 32px;

  height: 32px;

  left: 0;

  top: 1px;

  background-image: url(../images/social-icons.png);

  -webkit-transition: 0.3s ease;

          transition: 0.3s ease; }



.social {

  position: relative;

  display: inline-block;

  width: 100%;

  text-align: center; }



.social-icon {

  position: relative;

  display: inline-block;

  padding: 0 4px;

  margin: 0 8px; }

  .social-icon.facebook {

    background-position: -0px -0px; }

  .social-icon.twitter {

    background-position: -32px -0px; }

  .social-icon.google-plus {

    background-position: -64px -0px; }

  .social-icon.facebook:hover {

    background-position: -0px -32px; }

  .social-icon.twitter:hover {

    background-position: -32px -32px; }

  .social-icon.google-plus:hover {

    background-position: -64px -32px; }



/* SOCIAL PLAVI BOX */

/* POVRAT PDVA Stranica */

.trecina, .dve-trecine {

  position: relative;

  display: inline-block;

  width: 36%; }



.dve-trecine {

  width: 60%; }



.trecina img {

  position: relative;

  display: inline-block;

  max-width: 100%;

  border: 1px solid #e3e3e3; }



/* ACCORDION */

#accordion {

  position: relative;

  display: inline-block;

  width: 100%;

  border: 1px solid #e3e3e3;

  margin: 20px 0 0;

  text-align: left; }

  #accordion p {

    text-align: justify; }



.accordion-toggle {

  cursor: pointer;

  margin: 0; }



.accordion-content {

  display: none; }



.accordion-content.default {

  display: block; }



.accordion-toggle {

  position: relative;

  display: inline-block;

  width: 100%;

  border-bottom: 1px solid #e3e3e3;

  background-color: white; }

  .accordion-toggle p {

    margin-bottom: 0;

    padding: 14px 56px 14px 20px; }



#accordion .accordion-content:last-child

#accordion .accordion-toggle:last-child {

  border-bottom: none !important; }



.accordion-content {

  position: relative;

  display: inline-block;

  width: 100%;

  background-color: #fafafa;

  border-bottom: 1px solid #e3e3e3; }

  .accordion-content p {

    padding: 20px 20px 25px 20px; }

  .accordion-content ul {

    margin-left: 50px;

    padding: 10px 0; }

  .accordion-content li {

    font-size: 14px;

    font-size: 1.4rem; }



/* ikonice plus minus */

.accordion-toggle:before {

  content: '+';

  position: absolute;

  right: 20px;

  top: 8px;

  width: 26px;

  height: 26px;

  border: 2px solid #222222;

  border-radius: 50%;

  line-height: 26px;

  font-size: 30px;

  text-align: center;

  color: #222222; }



.accordion-toggle.aktivan:before {

  content: '-';

  color: #36b1d1;

  border: 2px solid #36b1d1

  /* line-height: 14px;

  font-size: 62px; */ }



.accordion-toggle.aktivan p {

  color: #36b1d1; }



.accordion-toggle {

  cursor: pointer;

  margin: 0; }



.accordion-content {

  display: none; }



.accordion-content.default {

  display: block; }



/* Kontakt stranica */

.red, .red * {

  -webkit-transition: 0.3s ease;

          transition: 0.3s ease; }



.red {

  position: relative;

  display: inline-block;

  width: 100%;

  margin-bottom: 20px; }

  .red .naslov p {

    color: #222222; }



.kontakt-kat-box {

  position: relative;

  display: inline-block;

  width: 100%;

  margin-bottom: 20px;

  text-align: left; }

  .kontakt-kat-box p {

    text-align: left;

    margin: 0;

    padding: 0; }

    .kontakt-kat-box p a {

      color: #222222; }

      .kontakt-kat-box p a:hover {

        color: #36b1d1;

        padding-left: 10px; }

  .kontakt-kat-box .kontakt-kat {

    color: #36b1d1;

    text-transform: uppercase; }



/* kontakt forma */

form {

  position: relative;

  display: inline-block;

  width: 100%;

  margin-top: 15px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between; }



.kontakt-polovina {

  position: relative;

  display: inline-block;

  width: 48%; }



.input-polje {

  position: relative;

  display: inline-block;

  width: 100%;

  padding-left: 130px; }

  .input-polje > p {

    position: absolute;

    left: 0;

    top: 0px;

    padding: 0;

    margin: 15px 0; }



input, textarea {

  font-size: 16px;

  font-size: 1.6rem;

  padding: 15px 10px;

  width: 100%;

  /* max-width: 400px; */

  margin-bottom: 25px;

  font-size: 14px;

  border: 1px solid #e3e3e3;

  position: relative;

  display: block; }



input[type="submit"] {

  display: inline-block;

  clear: both;

  background-color: #36b1d1;

  color: white;

  width: auto;

  padding: 12px 40px;

  font-family: "Source Sans Pro", sans-serif;

  font-weight: 700;

  text-transform: uppercase;

  font-size: 22px;

  font-size: 2.2rem; }

  input[type="submit"]:hover {

    background-color: #222222; }



/* PROCESI I ROKOVI */

.tekstboks.sivi-tekstboks, .tekstboks.beli-tekstboks {

  position: relative;

  display: inline-block;

  width: 100%;

  padding: 20px 10px;

  background-color: #f7f7f7; }

  .tekstboks.sivi-tekstboks p, .tekstboks.beli-tekstboks p {

    text-align: justify; }



.tekstboks.beli-tekstboks {

  margin-bottom: 20px; }



.tekstboks ul {

  margin-left: 20px;

  padding-bottom: 15px; }

  .tekstboks ul li {

    font-size: 14px;

    font-size: 1.4rem; }



.tekstboks-naslov {

  position: relative;

  display: inline-block;

  width: 100%; }

  .tekstboks-naslov p {

    font-family: "Source Sans Pro", sans-serif;

    font-size: 18px;

    padding-left: 0; }



.tekstboks.beli-tekstboks {

  background-color: white; }



.sivi-boks {

  position: relative;

  display: inline-block;

  width: 100%;

  padding: 10px 0;

  background-color: #f7f7f7; }

  .sivi-boks .container {

    background-color: transparent; }



.plavi-krug {

  position: relative; }



.tekstboks.sivi-tekstboks.sa-krugom, .tekstboks.beli-tekstboks.sa-krugom {

  padding-left: 130px; }

  .tekstboks.sivi-tekstboks.sa-krugom:before, .tekstboks.beli-tekstboks.sa-krugom:before {

    content: '';

    position: absolute;

    display: inline-block;

    width: 73px;

    height: 75px;

    left: 22px;

    top: 15px;

    background-image: url(../images/povrat-pdv-a-cash-back-ikone-krug.png); }

  .tekstboks.sivi-tekstboks.sa-krugom.zgrade-ikona:before, .tekstboks.beli-tekstboks.sa-krugom.zgrade-ikona:before {

    background-position: -73px 0; }

  .tekstboks.sivi-tekstboks.sa-krugom.silueta-ikona:before, .tekstboks.beli-tekstboks.sa-krugom.silueta-ikona:before {

    background-position: -146px 0; }

  .tekstboks.sivi-tekstboks.sa-krugom.povrat-ikona:before, .tekstboks.beli-tekstboks.sa-krugom.povrat-ikona:before {

    background-position: -219px 0; }

  .tekstboks.sivi-tekstboks.sa-krugom.novac-ikona:before, .tekstboks.beli-tekstboks.sa-krugom.novac-ikona:before {

    background-position: -292px 0; }



.container > .sivi-tekstboks:last-child {

  margin-bottom: 30px; }



/* glavni boks i sidebar */

.glavni-boks, .sidebar {

  position: relative;

  display: inline-block;

  width: 60%; }



.sidebar {

  width: 36%; }



.glavni-boks > p {

  padding-left: 10px;

  padding-bottom: 30px;

  text-align: left; }



/* /PROCESI I ROKOVI */

/* TROŠKOVI ZA POVRAT POREZA */

.ul-box {

  position: relative;

  display: inline-block;

  padding: 0 15px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between; }



ul.plave-tacke {

  position: relative;

  display: inline-block;

  width: auto;

  list-style: none;

  text-align: left;

  margin-top: 30px;

  padding-left: 30px;

  width: 46%; }

  ul.plave-tacke li {

    padding: 10px 0; }

    ul.plave-tacke li:before {

      content: '';

      position: absolute;

      left: 0;

      margin-top: 4px;

      width: 8px;

      height: 8px;

      border-radius: 50%;

      background-color: #37b2d1; }



/* /TROŠKOVI ZA POVRAT POREZA */

/* O NAMA MIRKO VICENTIC */

.blue {

  background-color: #36b1d1;

  color: white !important; }

  .blue .container {

    background-color: transparent; }



.manager-cash-back {

  position: relative

  /* display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;

  -webkit-box-flex:wrap;

  -webkit-flex:wrap;

      -ms-flex:wrap;

          flex:wrap; */ }



.mv-small-box {

  position: relative;

  display: inline-block;

  width: 16.66%;

  padding: 0 15px;

  padding-bottom: 16px; }

  .mv-small-box > p {

    padding: 0 !important;

    text-align: left;

    color: white; }



.col-md-4 {

  position: relative;

  display: inline-block;

  width: 33.33%; }



.mirko-vicentic {

  border-radius: 50%;

  overflow: hidden; }



.mirko-vicentic img {

  position: relative;

  display: block;

  width: 100% !important;

  max-width: 100% !important; }



.mirko-vicentic-title p {

  font-size: 24px;

  padding: 0 10px 0 5px;

  text-align: left;

  color: white; }



.mirko-vicentic-title p span {

  font-size: 16px; }



.mirko-vicentic, .mirko-vicentic-title {

  width: 49%;

  position: relative;

  display: inline-table;

  vertical-align: middle; }



.manager-cash-back .mv-small-box p {

  font-size: 14px; }



.manager-cash-back > .mv-small-box:before {

  content: '';

  position: absolute;

  right: 0;

  top: 10px;

  width: 1px;

  height: 100px;

  background-color: white;

  background-color: rgba(255, 255, 255, 0.5); }



@media (max-width: 991px) {

  .mirko-vicentic {

    margin-bottom: 30px;

    max-width: 250px; }



  .mirko-vicentic-title {

    padding-left: 20px; }



  .manager-cash-back .col-md-4 {

    text-align: center;

    width: 100%; }



  .manager-cash-back .mv-small-box {

    width: 100%;

    margin-bottom: 20px;

    padding-bottom: 2px;

    text-align: center;

    margin: 0 0 10px; }



  .manager-cash-back .mv-small-box p {

    font-size: 16px;

    padding: 0 !important;

    color: white;

    text-align: left; }



  .manager-cash-back > .mv-small-box:before {

    top: auto;

    bottom: 0;

    width: 160px;

    height: 1px;

    left: 50%;

    margin-left: -80px; } }

.manager-cash-back .mv-small-box:last-child:before {

  background-color: transparent; }



/* /mirko vicentic */

/* NASA MREZA */

.nasa-mreza-acc {

  position: relative;

  display: inline-block;

  width: 100%

  /* display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;  */ }

  .nasa-mreza-acc #accordion {

    border: none; }

    .nasa-mreza-acc #accordion .polovina {

      border: 1px solid #e3e3e3; }

    .nasa-mreza-acc #accordion .polovina {

      position: relative;

      display: inline-table;

      vertical-align: top;

      width: 48%; }

    .nasa-mreza-acc #accordion .polovina:last-child {

      float: right; }



/* 3 BLOCKS */

.block-wrap {

  position: relative;

  display: inline-block;

  width: 100%;

  padding: 25px 0 40px;

  border-bottom: 1px solid #e3e5e6;

  margin-bottom: 30px; }



.block-third {

  position: relative;

  display: inline-block;

  width: 33.3%;

  float: left; }

  .block-third .title p, .block-third a.logo p, .block-third .slicknav_menu .slicknav_menutxt p, .slicknav_menu .block-third .slicknav_menutxt p, .block-third .slicknav_nav a p, .slicknav_nav .block-third a p {

    margin-bottom: 6px;

    padding-bottom: 0; }

  .block-third .more-btn {

    position: relative;

    display: inline-block;

    padding: 5px 25px;

    font-family: "Source Sans Pro", sans-serif;

    font-size: 18px;

    font-size: 1.8rem;

    background-color: #36b1d1;

    text-transform: uppercase;

    color: white;

    border: 3px solid #36b1d1;

    margin-left: 30px; }

    .block-third .more-btn:hover {

      background-color: white;

      color: #36b1d1; }



.subtitle {

  position: relative;

  display: inline-block;

  width: 100%; }

  .subtitle p {

    font-family: "Source Sans Pro", sans-serif;

    color: #36b1d1;

    font-size: 24px;

    margin-bottom: 0; }

  .subtitle.main-subtitle p {

    text-align: center; }



/* /3 BLOCKS */

/* homepage List */

.block-third ul {

  position: relative;

  display: block;

  list-style: none; }

  .block-third ul li {

    position: relative;

    display: block;

    padding-left: 20px; }

    .block-third ul li:before {

      content: '';

      position: absolute;

      left: 0;

      top: 0;

      width: 34px;

      height: 34px;

      background-image: url(../images/icons-buttons.png);

      background-position: 0 -179px; }



/* /homepage List */

/* CALL US */

.call-us-box {

  position: relative;

  display: inline-block;

  width: 100%;

  height: 480px;

  text-align: center;

  background-image: url(../images/carpet-cleaning-vancouver-call-us-scroll.jpg);

  background-size: cover;

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-position: center center; }

  .call-us-box .call-us-content {

    position: relative;

    display: inline-block;

    max-width: 80%;

    text-align: center;

    top: 50%;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%); }

  .call-us-box p {

    position: relative;

    display: inline-block;

    width: 100%;

    text-align: center;

    color: white;

    margin: 0; }

    .call-us-box p.call-us {

      font-family: "Source Sans Pro", sans-serif;

      font-size: 72px;

      font-size: 7.2rem;

      text-transform: uppercase;

      line-height: 78px;

      line-height: 7.8rem; }

  .call-us-box .more-btn {

    position: relative;

    display: inline-block;

    padding: 8px 72px;

    margin-top: 25px;

    background-color: #36b1d1;

    color: white;

    font-size: 18px;

    font-size: 1.8rem;

    font-family: "Source Sans Pro", sans-serif;

    text-transform: uppercase;

    border: 4px solid #36b1d1;

    -webkit-transition: 0.3s;

            transition: 0.3s; }

    .call-us-box .more-btn:hover {

      background-color: white;

      background-color: rgba(255, 255, 255, 0.9);

      color: #36b1d1; }



/* FIKSIRANJE MENIJA */

.fiksiran {

  position: fixed !important;

  padding: 0;

  top: 0;

  left: 0;

  right: 0;

  z-index: 9999999; }

  .fiksiran a.logo {

    font-size: 3rem !important; }

  .fiksiran a {

    font-size: 1.6rem !important; }



.container.footer-container {

  position: relative;

  padding: 0; }



footer {

  position: relative;

  width: 100%;

  padding: 0px 10px;

  text-align: center;

  background-color: #222222; }

  footer * {

    -webkit-transition: all 0.4s ease-out;

    transition: all 0.4s ease-out; }



#footer-carpet-cleaning {

  position: relative;

  display: inline-block;

  width: 100%;

  max-width: 1200px;

  padding: 0 20px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between; }



.footer-box {

  position: relative;

  display: inline-block;

  width: 100%;

  padding: 10px 13px;

  text-align: center; }

  .footer-box > p {

    padding: 0px;

    margin: 0px;

    font-size: 1.3rem;

    text-align: center; }

    .footer-box > p strong {

      font-family: "Source Sans Pro", sans-serif;

      font-size: 34px;

      font-size: 3.4rem; }



/* .social-icon {

            position: absolute;

            display: inline-block;

            width: 26px;

            height: 20px;

            left: 0;

            top: 1px;

            background-image: url(../images/icons-buttons.png);

            transition: 0.3s ease;

            

            

            &.address {background-position: -13px -10px;}

            &.telephone {background-position: -48px -10px;}

        }

        

        .heading-social {

            position: relative;

            display: inline-block;

        }

        

        .social-icon {

            position: relative;

            padding: 0 4px;

            margin: 0 5px;

            

            &.facebook {background-position: -160px -10px;}

            &.twitter {background-position: -204px -10px;}

            &.google-plus {background-position: -247px -10px;}

            

            &.facebook:hover {background-position: -160px -39px;}

            &.twitter:hover {background-position: -204px -39px;}

            &.google-plus:hover {background-position: -247px -39px;}

        } */

.design-copy {

  position: relative;

  display: inline-block;

  width: 100%;

  max-width: 1300px;

  padding: 12px 20px; }

  .design-copy * {

    color: white !important;

    font-size: 14px;

    font-size: 1.4rem; }



.design-by, .copyright {

  position: relative;

  display: inline-block;

  float: left; }

  .design-by p, .design-by a, .copyright p, .copyright a {

    padding: 0;

    margin: 0;

    /* font-size: 12px; font-size: 1.2rem; */

    line-height: 49px;

    display: inline-table;

    vertical-align: middle; }

    .design-by p span, .design-by a span, .copyright p span, .copyright a span {

      color: #36b1d1 !important; }

  .design-by a:hover, .copyright a:hover {

    color: #36b1d1 !important; }

  .design-by img, .copyright img {

    position: relative;

    display: inline-table;

    vertical-align: middle; }



.copyright {

  float: right; }



/*!

 * Fotorama 4.6.4 | http://fotorama.io/license/

 */

.fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__html, .fotorama__img, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video iframe {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0; }



.fotorama--fullscreen, .fotorama__img {

  max-width: 99999px !important;

  max-height: 99999px !important;

  min-width: 0 !important;

  min-height: 0 !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  padding: 0 !important; }



.fotorama__wrap .fotorama__grab {

  cursor: move;

  cursor: -webkit-grab;

  cursor: -o-grab;

  cursor: -ms-grab;

  cursor: grab; }



.fotorama__grabbing * {

  cursor: move;

  cursor: -webkit-grabbing;

  cursor: -o-grabbing;

  cursor: -ms-grabbing;

  cursor: grabbing; }



.fotorama__spinner {

  position: absolute !important;

  top: 50% !important;

  left: 50% !important; }



.fotorama__wrap--css3 .fotorama__arr, .fotorama__wrap--css3 .fotorama__fullscreen-icon, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border, .fotorama__wrap--css3 .fotorama__video-close, .fotorama__wrap--css3 .fotorama__video-play {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0); }



.fotorama__caption, .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__stage__frame {

  -webkit-transform: translateZ(0);

  transform: translateZ(0); }



.fotorama__arr:focus, .fotorama__fullscreen-icon:focus, .fotorama__nav__frame {

  outline: 0; }



.fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after {

  content: '';

  border-radius: inherit;

  background-color: rgba(0, 175, 234, 0.5); }



.fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__shaft {

  -webkit-transform: none !important;

  -ms-transform: none !important;

      transform: none !important; }



.fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border {

  -webkit-transition-property: -webkit-transform,width;

          transition-property: -webkit-transform,width;

  transition-property: transform,width;

  -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);

          transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);

  -webkit-transition-duration: 0ms;

          transition-duration: 0ms; }



.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__no-select, .fotorama__video-close, .fotorama__video-play, .fotorama__wrap {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none; }



.fotorama__select {

  -webkit-user-select: text;

  -moz-user-select: text;

  -ms-user-select: text;

  user-select: text; }



.fotorama__nav, .fotorama__nav__frame {

  margin: auto;

  padding: 0; }



.fotorama__caption__wrap, .fotorama__nav__frame, .fotorama__nav__shaft {

  -moz-box-orient: vertical;

  display: inline-block;

  vertical-align: middle;

  *display: inline;

  *zoom: 1; }



.fotorama__nav__frame, .fotorama__thumb-border {

  box-sizing: content-box; }



.fotorama__caption__wrap {

  box-sizing: border-box; }



.fotorama--hidden, .fotorama__load {

  position: absolute;

  left: -99999px;

  top: -99999px;

  z-index: -1; }



.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__nav, .fotorama__nav__frame, .fotorama__nav__shaft, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video-close, .fotorama__video-play {

  -webkit-tap-highlight-color: transparent; }



.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {

  background: url(../images/fotorama.png) no-repeat; }



@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {

  .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {

    background: url(../images/fotorama@2x.png) 0 0/96px 160px no-repeat; } }

.fotorama__thumb {

  background-color: #7f7f7f;

  background-color: rgba(127, 127, 127, 0.2); }



@media print {

  .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__thumb-border, .fotorama__video-close, .fotorama__video-play {

    background: none !important; } }

.fotorama {

  min-width: 1px;

  overflow: hidden; }



.fotorama:not(.fotorama--unobtrusive) > *:not(:first-child) {

  display: none; }



.fullscreen {

  width: 100% !important;

  height: 100% !important;

  max-width: 100% !important;

  max-height: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  overflow: hidden !important;

  background: #000; }



.fotorama--fullscreen {

  position: absolute !important;

  top: 0 !important;

  left: 0 !important;

  right: 0 !important;

  bottom: 0 !important;

  float: none !important;

  z-index: 2147483647 !important;

  background: #000;

  width: 100% !important;

  height: 100% !important;

  margin: 0 !important; }



.fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage {

  background: #000; }



.fotorama__wrap {

  -webkit-text-size-adjust: 100%;

  position: relative;

  direction: ltr;

  z-index: 0; }



.fotorama__wrap--rtl .fotorama__stage__frame {

  direction: rtl; }



.fotorama__nav, .fotorama__stage {

  overflow: hidden;

  position: relative;

  max-width: 100%; }



.fotorama__wrap--pan-y {

  -ms-touch-action: pan-y; }



.fotorama__wrap .fotorama__pointer {

  cursor: pointer; }



.fotorama__wrap--slide .fotorama__stage__frame {

  opacity: 1 !important; }



.fotorama__stage__frame {

  overflow: hidden; }



.fotorama__stage__frame.fotorama__active {

  z-index: 8; }



.fotorama__wrap--fade .fotorama__stage__frame {

  display: none; }



.fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear, .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {

  display: block;

  left: 0;

  top: 0; }



.fotorama__wrap--fade .fotorama__fade-front {

  z-index: 8; }



.fotorama__wrap--fade .fotorama__fade-rear {

  z-index: 7; }



.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {

  z-index: 9; }



.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {

  display: none; }



.fotorama__img {

  -ms-filter: "alpha(Opacity=0)";

  filter: alpha(opacity=0);

  opacity: 0;

  border: none !important; }



.fotorama__error .fotorama__img, .fotorama__loaded .fotorama__img {

  -ms-filter: "alpha(Opacity=100)";

  filter: alpha(opacity=100);

  opacity: 1; }



.fotorama--fullscreen .fotorama__loaded--full .fotorama__img, .fotorama__img--full {

  display: none; }



.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {

  display: block; }



.fotorama__wrap--only-active .fotorama__nav, .fotorama__wrap--only-active .fotorama__stage {

  max-width: 99999px !important; }



.fotorama__wrap--only-active .fotorama__stage__frame {

  visibility: hidden; }



.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {

  visibility: visible; }



.fotorama__nav {

  font-size: 0;

  line-height: 0;

  text-align: center;

  display: none;

  white-space: nowrap;

  z-index: 5; }



.fotorama__nav__shaft {

  position: relative;

  left: 0;

  top: 0;

  text-align: left; }



.fotorama__nav__frame {

  position: relative;

  cursor: pointer; }



.fotorama__nav--dots {

  display: block; }



.fotorama__nav--dots .fotorama__nav__frame {

  width: 18px;

  height: 30px; }



.fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border {

  display: none; }



.fotorama__nav--thumbs {

  display: block; }



.fotorama__nav--thumbs .fotorama__nav__frame {

  padding-left: 0 !important; }



.fotorama__nav--thumbs .fotorama__nav__frame:last-child {

  padding-right: 0 !important; }



.fotorama__nav--thumbs .fotorama__nav__frame--dot {

  display: none; }



.fotorama__dot {

  display: block;

  width: 4px;

  height: 4px;

  position: relative;

  top: 12px;

  left: 6px;

  border-radius: 6px;

  border: 1px solid #7f7f7f; }



.fotorama__nav__frame:focus .fotorama__dot:after {

  padding: 1px;

  top: -1px;

  left: -1px; }



.fotorama__nav__frame.fotorama__active .fotorama__dot {

  width: 0;

  height: 0;

  border-width: 3px; }



.fotorama__nav__frame.fotorama__active .fotorama__dot:after {

  padding: 3px;

  top: -3px;

  left: -3px; }



.fotorama__thumb {

  overflow: hidden;

  position: relative;

  width: 100%;

  height: 100%; }



.fotorama__nav__frame:focus .fotorama__thumb {

  z-index: 2; }



.fotorama__thumb-border {

  position: absolute;

  z-index: 9;

  top: 0;

  left: 0;

  border-style: solid;

  border-color: #00afea;

  background-image: -webkit-linear-gradient(top left, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1));

  background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)); }



.fotorama__caption {

  position: absolute;

  z-index: 12;

  bottom: 0;

  left: 0;

  right: 0;

  font-family: 'Helvetica Neue',Arial,sans-serif;

  font-size: 14px;

  line-height: 1.5;

  color: #000; }



.fotorama__caption a {

  text-decoration: none;

  color: #000;

  border-bottom: 1px solid;

  border-color: rgba(0, 0, 0, 0.5); }



.fotorama__caption a:hover {

  color: #333;

  border-color: rgba(51, 51, 51, 0.5); }



.fotorama__wrap--rtl .fotorama__caption {

  left: auto;

  right: 0; }



.fotorama__wrap--no-captions .fotorama__caption, .fotorama__wrap--video .fotorama__caption {

  display: none; }



.fotorama__caption__wrap {

  background-color: #fff;

  background-color: rgba(255, 255, 255, 0.9);

  padding: 5px 10px; }



@-webkit-keyframes spinner {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(0); }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg); } }

@keyframes spinner {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(0); }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg); } }

.fotorama__wrap--css3 .fotorama__spinner {

  -webkit-animation: spinner 24s infinite linear;

  animation: spinner 24s infinite linear; }



.fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img {

  -webkit-transition-property: opacity;

          transition-property: opacity;

  -webkit-transition-timing-function: linear;

          transition-timing-function: linear;

  -webkit-transition-duration: .3s;

          transition-duration: .3s; }



.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {

  -ms-filter: "alpha(Opacity=0)";

  filter: alpha(opacity=0);

  opacity: 0; }



.fotorama__select {

  cursor: auto; }



.fotorama__video {

  top: 32px;

  right: 0;

  bottom: 0;

  left: 0;

  position: absolute;

  z-index: 10; }



@-moz-document url-prefix() {

  .fotorama__active {

    box-shadow: 0 0 0 transparent; } }

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {

  position: absolute;

  z-index: 11;

  cursor: pointer; }



.fotorama__arr {

  position: absolute;

  width: 32px;

  height: 32px;

  top: 50%;

  margin-top: -16px; }



.fotorama__arr--prev {

  left: 2px

  /* background-position:0 0 */ }



.fotorama__arr--next {

  right: 2px

  /*background-position:-32px 0*/ }



.fotorama__arr--disabled {

  pointer-events: none;

  cursor: default;

  *display: none;

  opacity: .1; }



.fotorama__fullscreen-icon {

  width: 32px;

  height: 32px;

  top: 2px;

  right: 2px;

  background-position: 0 -32px;

  z-index: 20; }



.fotorama__arr:focus, .fotorama__fullscreen-icon:focus {

  border-radius: 50%; }



.fotorama--fullscreen .fotorama__fullscreen-icon {

  background-position: -32px -32px; }



.fotorama__video-play {

  width: 96px;

  height: 96px;

  left: 50%;

  top: 50%;

  margin-left: -48px;

  margin-top: -48px;

  background-position: 0 -64px;

  opacity: 0; }



.fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play {

  display: none; }



.fotorama__error .fotorama__video-play, .fotorama__loaded .fotorama__video-play, .fotorama__nav__frame .fotorama__video-play {

  opacity: 1;

  display: block; }



.fotorama__nav__frame .fotorama__video-play {

  width: 32px;

  height: 32px;

  margin-left: -16px;

  margin-top: -16px;

  background-position: -64px -32px; }



.fotorama__video-close {

  width: 32px;

  height: 32px;

  top: 0;

  right: 0;

  background-position: -64px 0;

  z-index: 20;

  opacity: 0; }



.fotorama__wrap--css2 .fotorama__video-close {

  display: none; }



.fotorama__wrap--css3 .fotorama__video-close {

  -webkit-transform: translate3d(32px, -32px, 0);

  transform: translate3d(32px, -32px, 0); }



.fotorama__wrap--video .fotorama__video-close {

  display: block;

  opacity: 1; }



.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0); }



.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {

  opacity: 0; }



.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {

  opacity: 1; }



.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon {

  opacity: 0 !important; }



.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {

  display: none; }



.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {

  display: block; }



.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {

  display: none !important; }



.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {

  -webkit-transform: translate3d(32px, -32px, 0);

  transform: translate3d(32px, -32px, 0); }



.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {

  -webkit-transform: translate3d(-48px, 0, 0);

  transform: translate3d(-48px, 0, 0); }



.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {

  -webkit-transform: translate3d(48px, 0, 0);

  transform: translate3d(48px, 0, 0); }



.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {

  -webkit-transform: translate3d(32px, -32px, 0) !important;

  transform: translate3d(32px, -32px, 0) !important; }



.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {

  -webkit-transform: translate3d(-48px, 0, 0) !important;

  transform: translate3d(-48px, 0, 0) !important; }



.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {

  -webkit-transform: translate3d(48px, 0, 0) !important;

  transform: translate3d(48px, 0, 0) !important; }



.fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus) {

  -webkit-transition-property: -webkit-transform,opacity;

          transition-property: -webkit-transform,opacity;

  transition-property: transform,opacity;

  -webkit-transition-duration: .3s;

          transition-duration: .3s; }



.fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before {

  content: "";

  display: block;

  position: absolute;

  text-decoration: none;

  top: 0;

  bottom: 0;

  width: 10px;

  height: auto;

  z-index: 10;

  pointer-events: none;

  background-repeat: no-repeat;

  background-size: 1px 100%,5px 100%; }



.fotorama__nav:before, .fotorama__stage:before {

  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -webkit-radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);

  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent);

  background-position: 0 0,0 0;

  left: -10px; }



.fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--left:before {

  left: 0; }



.fotorama__nav:after, .fotorama__stage:after {

  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -webkit-radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);

  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent);

  background-position: 100% 0,100% 0;

  right: -10px; }



.fotorama__nav.fotorama__shadows--right:after, .fotorama__stage.fotorama__shadows--right:after {

  right: 0; }



.fotorama--fullscreen .fotorama__nav:after, .fotorama--fullscreen .fotorama__nav:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__stage:before, .fotorama__wrap--fade .fotorama__stage:after, .fotorama__wrap--fade .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__stage:before {

  display: none; }



/* CORE */

.slicknav_btn {

  position: relative;

  display: block;

  vertical-align: middle;

  float: right;

  padding: 0.438em 0.625em 0.438em 0.625em;

  line-height: 1.125em;

  cursor: pointer; }

  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {

    margin-top: 0.188em;

    margin-top: 5px; }



.slicknav_menu {

  *zoom: 1; }

  .slicknav_menu .slicknav_menutxt {

    display: block;

    line-height: 1.188em;

    float: left;

    font-family: "Source Sans Pro", sans-serif;

    font-size: 1.8rem; }

  .slicknav_menu .slicknav_icon {

    float: left;

    margin: 5px 0  0 8px;

    margin: 0; }

  .slicknav_menu .slicknav_no-text {

    margin: 0; }

  .slicknav_menu .slicknav_icon-bar {

    display: block;

    width: 1.125em;

    height: 0.15em;

    width: 30px;

    height: 3px

    /* -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px; 

    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);*/ }

  .slicknav_menu:before {

    content: " ";

    display: table; }

  .slicknav_menu:after {

    content: " ";

    display: table;

    clear: both; }



.slicknav_nav {

  clear: both; }

  .slicknav_nav ul {

    display: block; }

  .slicknav_nav li {

    display: block; }

  .slicknav_nav .slicknav_arrow {

    font-size: 0.8em;

    margin: 0 0 0 0.4em; }

  .slicknav_nav .slicknav_item {

    cursor: pointer; }

    .slicknav_nav .slicknav_item a {

      display: inline; }

  .slicknav_nav .slicknav_row {

    display: block; }

  .slicknav_nav a {

    display: block; }

  .slicknav_nav .slicknav_parent-link a {

    display: inline; }



.slicknav_brand {

  float: left; }



/* THEME */

.slicknav_menu {

  font-size: 16px;

  box-sizing: border-box;

  /* background: $color_bg; */

  padding: 5px; }

  .slicknav_menu * {

    box-sizing: border-box; }

  .slicknav_menu .slicknav_menutxt {

    color: #fff;

    font-weight: bold

    /* text-shadow: 0 1px 3px $color_shadow; */ }

  .slicknav_menu .slicknav_icon-bar {

    background-color: #fff; }



.slicknav_btn {

  margin: 5px 5px 6px;

  text-decoration: none;

  /*text-shadow: 0 1px 1px $color_0;

   -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px; */

  /* background-color: darken($boja,20%); */

  background-color: #36b1d1; }



.slicknav_nav {

  color: #fff;

  margin: 0;

  padding: 0;

  font-size: 0.875em;

  list-style: none;

  overflow: hidden; }

  .slicknav_nav ul {

    list-style: none;

    overflow: hidden;

    padding: 0;

    margin: 0px 5px;

    background: #238098

    /* padding: 0px 0px 0px 20%; */ }

    .slicknav_nav ul a {

      /* padding-left: 20%; */ }

  .slicknav_nav .slicknav_row {

    /* padding: 5px 10px; DA NE BI IMAO ZASEBAN PADDING - VUCE OD a */

    margin: 2px 5px; }

    .slicknav_nav .slicknav_row:hover {

      /* -webkit-border-radius: 6px;

      -moz-border-radius: 6px;

      border-radius: 6px; */

      background: #1e6e83;

      color: #fff; }

    .slicknav_nav .slicknav_row a:hover {

      background: inherit; }

  .slicknav_nav a {

    padding: 15px 10px;

    margin: 2px 5px;

    text-decoration: none;

    color: #fff;

    font-size: 1.7rem; }

    .slicknav_nav a h2 {

      font-size: 18px !important;

      font-size: 1.8rem !important; }

    .slicknav_nav a:hover {

      /* -webkit-border-radius: 6px;

      -moz-border-radius: 6px;

      border-radius: 6px; */

      /* background: darken($boja,10%); */

      background: #36b1d1

      /* color: $color_hover_text; */ }

      .slicknav_nav a:hover h2 {

        color: white !important; }

  .slicknav_nav .slicknav_txtnode {

    margin-left: 15px; }

  .slicknav_nav .slicknav_item a {

    padding: 0;

    margin: 0; }

  .slicknav_nav .slicknav_parent-link a {

    padding: 0;

    margin: 0; }



.slicknav_brand {

  color: #fff;

  font-size: 18px;

  line-height: 30px;

  padding: 7px 12px;

  height: 44px; }



/******** FOTORAMA BUTTONS ********/

.fotorama, .fotorama * {

  max-width: 100%; }



.fotorama__wrap {

  margin: 0px auto !important; }



.fotorama__arr {

  position: absolute;

  width: 50px !important;

  height: 50px !important;

  top: 50%;

  margin-top: -25px; }



.fotorama__arr--prev {

  left: 30px;

  background-position: 0px 0px !important; }



.fotorama__arr--next {

  right: 30px;

  background-position: -50px 0px !important; }



.fotorama__fullscreen-icon {

  background-position: 0px -387px !important; }



.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {

  background: url(../images/slider-arrows.png) no-repeat;

  background-repeat: no-repeat; }



/******** /FOTORAMA BUTTONS ********/

.fotorama__caption {

  top: 0; }



/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

/* 



FROM LINE 290 FANCYBOX THUMBS HELPER 



*/

.fancybox-wrap,

.fancybox-skin,

.fancybox-outer,

.fancybox-inner,

.fancybox-image,

.fancybox-wrap iframe,

.fancybox-wrap object,

.fancybox-nav,

.fancybox-nav span,

.fancybox-tmp {

  padding: 0;

  margin: 0;

  border: 0;

  outline: none;

  vertical-align: top; }



.fancybox-wrap {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 8020; }



.fancybox-skin {

  position: relative;

  background: #f9f9f9;

  color: #444;

  text-shadow: none;

  border-radius: 4px; }



.fancybox-opened {

  z-index: 8030; }



.fancybox-opened .fancybox-skin {

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }



.fancybox-outer, .fancybox-inner {

  position: relative; }



.fancybox-inner {

  overflow: hidden; }



.fancybox-type-iframe .fancybox-inner {

  -webkit-overflow-scrolling: touch; }



.fancybox-error {

  color: #444;

  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;

  margin: 0;

  padding: 15px;

  white-space: nowrap; }



.fancybox-image, .fancybox-iframe {

  display: block;

  width: 100%;

  height: 100%; }



.fancybox-image {

  max-width: 100%;

  max-height: 100%; }



#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

  background-image: url("/images/fancybox/fancybox_sprite.png"); }



#fancybox-loading {

  position: fixed;

  top: 50%;

  left: 50%;

  margin-top: -22px;

  margin-left: -22px;

  background-position: 0 -108px;

  opacity: 0.8;

  cursor: pointer;

  z-index: 8060; }



#fancybox-loading div {

  width: 44px;

  height: 44px;

  background: url("/images/fancybox/fancybox_loading.gif") center center no-repeat; }



.fancybox-close {

  position: absolute;

  top: -18px;

  right: -18px;

  width: 36px;

  height: 36px;

  cursor: pointer;

  z-index: 8040; }



.fancybox-nav {

  position: absolute;

  top: 0;

  width: 40%;

  height: 100%;

  cursor: pointer;

  text-decoration: none;

  background: transparent url("/images/fancybox/blank.gif");

  /* helps IE */

  -webkit-tap-highlight-color: transparent;

  z-index: 8040; }



.fancybox-prev {

  left: 0; }



.fancybox-next {

  right: 0; }



.fancybox-nav span {

  position: absolute;

  top: 50%;

  width: 36px;

  height: 34px;

  margin-top: -18px;

  cursor: pointer;

  z-index: 8040;

  visibility: hidden; }



.fancybox-prev span {

  left: 10px;

  background-position: 0 -36px; }



.fancybox-next span {

  right: 10px;

  background-position: 0 -72px; }



.fancybox-nav:hover span {

  visibility: visible; }



.fancybox-tmp {

  position: absolute;

  top: -99999px;

  left: -99999px;

  visibility: hidden;

  max-width: 99999px;

  max-height: 99999px;

  overflow: visible !important; }



/* Overlay helper */

.fancybox-lock {

  overflow: hidden !important;

  width: auto; }



.fancybox-lock body {

  overflow: hidden !important; }



.fancybox-lock-test {

  overflow-y: hidden !important; }



.fancybox-overlay {

  position: absolute;

  top: 0;

  left: 0;

  overflow: hidden;

  display: none;

  z-index: 8010;

  background: url("/images/fancybox/fancybox_overlay.png"); }



.fancybox-overlay-fixed {

  position: fixed;

  bottom: 0;

  right: 0; }



.fancybox-lock .fancybox-overlay {

  overflow: auto;

  overflow-y: scroll; }



/* Title helper */

.fancybox-title {

  visibility: hidden;

  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;

  position: relative;

  text-shadow: none;

  z-index: 8050; }



.fancybox-opened .fancybox-title {

  visibility: visible; }



.fancybox-title-float-wrap {

  position: absolute;

  bottom: 0;

  right: 50%;

  margin-bottom: -35px;

  z-index: 8050;

  text-align: center; }



.fancybox-title-float-wrap .child {

  display: inline-block;

  margin-right: -100%;

  padding: 2px 20px;

  background: transparent;

  /* Fallback for web browsers that doesn't support RGBa */

  background: rgba(0, 0, 0, 0.8);

  border-radius: 15px;

  text-shadow: 0 1px 2px #222;

  color: #FFF;

  font-weight: bold;

  line-height: 24px;

  white-space: nowrap; }



.fancybox-title-outside-wrap {

  position: relative;

  margin-top: 10px;

  color: #fff; }



.fancybox-title-inside-wrap {

  padding-top: 10px; }



.fancybox-title-over-wrap {

  position: absolute;

  bottom: 0;

  left: 0;

  color: #fff;

  padding: 10px;

  background: #000;

  background: rgba(0, 0, 0, 0.8); }



/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

    background-image: url("/images/fancybox/fancybox_sprite@2x.png");

    background-size: 44px 152px

    /*The size of the normal image, half the size of the hi-res image*/ }



  #fancybox-loading div {

    background-image: url("/images/fancybox/fancybox_loading@2x.gif");

    background-size: 24px 24px

    /*The size of the normal image, half the size of the hi-res image*/ } }

/* 









FANCYBOX THUMBS 













*/

#fancybox-thumbs {

  position: fixed;

  left: 0;

  width: 100%;

  overflow: hidden;

  z-index: 8050; }



#fancybox-thumbs.bottom {

  bottom: 2px; }



#fancybox-thumbs.top {

  top: 2px; }



#fancybox-thumbs ul {

  position: relative;

  list-style: none;

  margin: 0;

  padding: 0; }



#fancybox-thumbs ul li {

  float: left;

  padding: 1px;

  opacity: 0.5; }



#fancybox-thumbs ul li.active {

  opacity: 0.75;

  padding: 0;

  border: 1px solid #fff; }



#fancybox-thumbs ul li:hover {

  opacity: 1; }



#fancybox-thumbs ul li a {

  display: block;

  position: relative;

  overflow: hidden;

  border: 1px solid #222;

  background: #111;

  outline: none; }



#fancybox-thumbs ul li img {

  display: block;

  position: relative;

  border: 0;

  padding: 0;

  max-width: none; }



@media (max-width: 1200px) {

  .header-100 .header nav ul li a h2 {

    font-size: 16px;

    font-size: 1.6rem; }



  .header-100 .header nav ul.russian-menu li a h2 {

    font-size: 14px;

    font-size: 1.4rem; } }

@media (max-width: 1100px) {

  .header-100 .header nav ul li a {

    font-size: 14px;

    padding: 8px 5px; } }

@media (max-width: 1050px) {

  .header-100 .header nav ul li a h2 {

    font-size: 14px;

    font-size: 1.4rem; }



  .header-100 .header nav ul li a {

    padding: 8px 3px; }



  .header-100 .header nav ul.russian-menu li a h2 {

    font-size: 12px;

    font-size: 1.2rem; } }

@media (max-width: 1000px) {

  .block-third {

    width: 100%;

    padding-bottom: 30px;

    border-bottom: 1px solid #e3e5e6;

    margin-bottom: 25px; }



  .block-wrap .block-third:last-child {

    border-bottom: none; }



  .block-wrap {

    padding-bottom: 0; }



  .about-wrap ul {

    width: 50%;

    margin: 0 auto; } }

@media (max-width: 950px) {

  .glavni-boks, .sidebar {

    width: 100% !important; }



  .promo-boxes .box {

    width: 50%; }



  .promo-boxes .box:last-child {

    width: 100%;

    height: 350px; }



  .promo-boxes .box:last-child .image-holder img {

    -webkit-transform: translateY(-25%);

        -ms-transform: translateY(-25%);

            transform: translateY(-25%); } }

@media (max-width: 950px) {

  .usluga-box {

    width: 48%; } }

@media (max-width: 900px) {

  .kontakt-polovina {

    width: 100%; } }

@media (max-width: 800px) {

  ul.plave-tacke {

    width: 100%; }



  .ul-box > ul.plave-tacke:first-child {

    padding-bottom: 0; }



  .ul-box > ul.plave-tacke:last-child {

    padding-top: 0;

    margin-top: 0; }



  /* slider */

  #slider .slider-icon {

    -webkit-transform: scale(0.6);

        -ms-transform: scale(0.6);

            transform: scale(0.6); }



  #slider .slider-title-up p {

    font-size: 24px;

    font-size: 2.4rem;

    margin-bottom: 0; }



  #slider .slider-title-main h2 {

    font-size: 50px;

    font-size: 5rem;

    line-height: 50px !important; }



  #slider .more-btn {

    padding: 4px 60px; }



  /* /slider */

  .trecina {

    width: 70%;

    margin: 0 auto 30px auto; }



  .dve-trecine {

    width: 100%; }



  .call-us-box p.call-us {

    font-size: 5.2rem;

    line-height: 5.8rem; } }

@media (max-width: 750px) {

  .nasa-mreza-acc #accordion .polovina {

    width: 100%; }



  .nasa-mreza-acc #accordion .polovina:last-child {

    float: none;

    border-bottom: none; } }

@media (max-width: 700px) {

  .about-wrap ul {

    width: 80%;

    margin: 0 auto; } }

@media (max-width: 650px) {

  .promo-boxes .box {

    width: 100%;

    height: 350px; }



  .promo-boxes .box:last-child .image-holder img {

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; } }

@media (max-width: 600px) {

  .usluga-box {

    width: 100%; }



  .about-wrap ul {

    width: 100%;

    margin: 0 auto; }



  #slider {

    display: none !important;

    margin-bottom: 0; } }

@media (max-width: 500px) {

  .call-us-box p.call-us {

    font-size: 3.2rem;

    line-height: 3.8rem; } }

@media (max-width: 400px) {

  a.logo img {

    width: 180px;

    margin-top: 8px;

    vertical-align: top; } }

@media screen and (max-width: 920px) {

  /* #menu is the original menu */

  #menu {

    display: none; }



  .slicknav_menu {

    display: block; }



  .header-right {

    float: none;

    margin-left: 0; }



  .logo-mobile {

    display: inline-block !important; }



  .logo-block-100 .logo-block {

    text-align: center; } }


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