* {
    list-style: none
}

html {
    clear: both;
    background-color: #eee;
    width: 100%
}

body {
    margin: 0;
    font-family: arial, sans-serif;
    cursor: default;
    clear: both;
    width: 100%
}

img {
    border: 0
}


#backgroundvideo {
    height: 100%;
    min-height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 10;
}

.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0px;
    clear: both;
}

.black li.counting a {
    font-family: inherit;
    color: #000;
}

.white li.counting a {
    font-family: inherit;
    color: #FFF;
}

.none {
    display: none!important
}

.text {
    font-size: 18px;
    float: left;
    line-height: 26px;
    font-family: HelveticaNeueThinCondensed, 'Open Sans Condensed', Lato, 'Open Sans', Arial, sans-serif
}

div.button-position {
    float: left;
    width: 100%;
    text-align: center
}

div.button-position button {
    background-image: url(images/next.png);
    background-position: left 9px;
    background-repeat: no-repeat;
    position: relative!important;
    text-align: center;
    border-radius: 0;
    padding-left: 40px;
    margin-top: 30px
}

div.button-position button:hover {
    background-image: url(images/next-hover.png);
    background-position: left 9px;
    background-repeat: no-repeat;
    transition: color 800ms ease 0s
}

div {
    font-family: HelveticaNeueThinCondensed, 'Open Sans Condensed', Lato, 'Open Sans', Arial, sans-serif;
    color: #fff;
    font-weight: 300
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans Condensed', Lato, 'Open Sans', Arial, sans-serif
}

h1 {
    font-size: 45px;
    line-height: 53px;
    letter-spacing: -3px;
    margin: 0;
    text-transform: uppercase;
    color: #202026;
    font-weight: 300
}

h2 {
    font-size: 40px;
    line-height: 28px;
    letter-spacing: -2px;
    margin: 0;
    text-transform: uppercase;
    color: #202026;
    font-weight: 400
}

h3 {
    font-size: 30px;
    line-height: 33px;
    letter-spacing: -1px;
    margin: 0;
    padding-top: 19px;
    color: #09c;
    font-weight: 300
}

h4 {
    font-size: 23px;
    margin: 0;
    padding: 0;
    letter-spacing: -1px;
    color: #303036;
    font-weight: 300
}

h5 {
    margin: 0;
    padding: 0;
    letter-spacing: -1px;
    font-size: 18px;
    padding-top: 19px;
    color: #303036;
    font-weight: 400
}

h6 {
    margin: 0;
    padding: 0;
    letter-spacing: -1px;
    font-size: 15px;
    padding-top: 19px;
    color: #303036;
    font-weight: 300
}

.light {
    font-weight: 100
}

.bold {
    font-weight: 400
}

.bolder {
    font-weight: 700
}

.boldest {
    font-weight: 900
}

.responsive {
    text-align: left;
    display: table;
    margin: auto
}

.layer {
    clear: both;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0
}

.float,
.float-left {
    float: left
}

.float-right {
    float: right
}

.table {
    display: table
}

.inline-table {
    display: inline
}

.width-10 {
    float: left;
    width: 10%
}

.width-20 {
    float: left;
    width: 20%
}

.width-25 {
    float: left;
    width: 25%
}

.width-30 {
    float: left;
    width: 30%
}

.width-33 {
    float: left;
    width: 33.33%
}

.width-40 {
    float: left;
    width: 40%
}

.width-45 {
    float: left;
    width: 45%
}

.width-50 {
    float: left;
    width: 50%
}

.width-60 {
    float: left;
    width: 60%
}

.width-66 {
    float: left;
    width: 66.67%
}

.width-70 {
    float: left;
    width: 70%
}

.width-75 {
    float: left;
    width: 75%
}

.width-80 {
    float: left;
    width: 80%
}

.width-90 {
    float: left;
    width: 90%
}

.width-100 {
    width: 100%
}

.hpad {
    padding: 40px
}

.vpad {
    padding: 0 20px
}

.padder-top {
    padding-top: 80px
}

.padder-bottom {
    padding-bottom: 40px;
}

.pad-right {
    padding-right: 20px
}

.pad-left {
    padding-left: 10px
}

.pad-top-button {
    padding-top: 22px
}

.pad-top-20 {
    padding-top: 20px
}

.pad-top-40 {
    padding-top: 40px
}

.pad-top,
.pad-top-shrink {
    padding-top: 75px
}

.pad-top-100 {
    padding-top: 100px
}

.pad-bottom-20 {
    padding-bottom: 20px
}

.pad-bottom-40 {
    padding-bottom: 40px
}

.pad-bottom,
.pad-bottom-important {
    padding-bottom: 75px
}

.pad-bottom-100 {
    padding-bottom: 100px
}

.pad-bottom-150 {
    padding-bottom: 150px
}

.pad-bottom-200 {
    padding-bottom: 200px
}

.pad-bottom-300 {
    padding-bottom: 300px
}

.pad-bottom-400 {
    padding-bottom: 400px
}

.pad-bottom-500 {
    padding-bottom: 500px
}

.align-left {
    display: block;
    text-align: left
}

.align-center {
    display: block;
    text-align: center
}

.align-right {
    display: block;
    text-align: right
}

.center,
.center-to-left {
    text-align: center;
    margin: auto
}

.pad {
    padding: 15px
}

.width {
    width: 100%;
    margin: auto
}

.box {
    width: 48%;
    float: left
}

.divider {
    width: 4%;
    float: left
}

.third {
    float: left;
    width: 33.3%
}

.box-fill {
    width: 100%
}

.icons {
    padding: 0 50px
}

.fill {
    width: 100%
}

.text-color {
    color: #89D
}

.bg-color {
    background-color: #89D
}

.border-color {
    border-color: #89D
}

.border-bottom-color {
    border-bottom-color: #89D
}

.no-border {
    border: 0!important
}

.text-color-on-white {
    color: #dd0
}

.white {
    color: #fff
}

.black,
.black-important {
    color: #000
}

.white-important {
    color: #fff
}

.red {
    color: red
}

.ivory {
    color: #eeeeef
}

.silver {
    color: #bbbbbf
}

.green {
    color: #066
}

.slate {
    color: #0bc
}

.yellow {
    color: #ff0
}

.gold {
    color: #ee0
}

.peach {
    color: #e85
}

.grey {
    color: #808088
}

.charcoal {
    color: #202026
}

.metal {
    color: #808088
}

.granite {
    color: #606066
}

.titanium {
    color: #505056
}

.bg-white-important {
    background: #fff!important
}

.bg-white {
    background: #fff
}

.bg-black {
    background: rgba(0, 0, 0, 1)
}

.bg-black-important {
    background-color: rgba(0, 0, 0, 1)!important
}

.page-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    bottom: 63px;
    width: 100%;
    z-index: 0;
    background: rgba(0, 0, 0, .3)
}

.pipe-line {
    border-left: 1px solid #000;
    padding-left: 10px;
    margin-left: 10px
}

.pipe-line-white {
    border-left: 1px solid #fff;
    padding-left: 10px;
    margin-left: 10px
}

.sections-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    opacity: .2;
    position: absolute;
    width: 100%;
    z-index: -1
}

.upper-index {
    z-index: 999
}

a {
    color: #606066;
    transition-property: -moz-transform, -webkit-transform, box-shadow, background, border, opacity, color, margin;
    transition-duration: .9s;
    -webkit-transition-property: -moz-transform, -webkit-transform, box-shadow, background, border, opacity, color, margin, margin-left;
    -webkit-transition-duration: .9s;
    text-decoration: none
}

a:hover {
    transition-property: -moz-transform, -webkit-transform, box-shadow, background, border, opacity, color, margin;
    transition-duration: .9s;
    -webkit-transition-property: -moz-transform, -webkit-transform, box-shadow, background, border, opacity, color, margin, margin-left;
    -webkit-transition-duration: .9s;
    text-decoration: none
}

a,
button {
    font-family: Lato, Oswald, 'Archivo Narrow', 'Open Sans', arial, sans-serif
}

a.button-caption {
    text-transform: none;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    padding: 10px 30px;
    color: #000;
    background-color: #cccccf;
    border-radius: 2px;
    border: 0
}

a:hover.button-caption {
    color: #fff;
    background-color: #202026
}

button[class^=button-] {
    font-size: 15px;
    font-weight: 900
}

button.button-text-color {
    display: table;
    cursor: pointer;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 30px;
    color: #ff0;
    background-color: #131316;
    border-radius: 2px;
    border: 0
}

button:hover.button-text-color {
    color: #fff!important;
    background-color: #000!important
}

button.button-color {
    display: table;
    cursor: pointer;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 30px;
    color: #202026;
    background-color: #ff0;
    border-radius: 2px;
    border: 0
}

button:hover.button-color {
    color: #202026!important;
    background-color: #fff!important
}

button.button-light {
    cursor: pointer;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 30px;
    color: #202026;
    background-color: #fff;
    border-radius: 2px;
    border: 0
}

button:hover.button-light {
    color: #09c
}

button.button-dark {
    cursor: pointer;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 30px;
    color: #dddddf;
    background-color: #000;
    border-radius: 2px;
    border: 0
}

button:hover.button-dark {
    color: #09c;
    background-color: #000
}

.more {
    width: 60px;
    height: 60px;
    display: block;
    background: url(images/arrow-down.png) no-repeat top left;
    float: right;
    margin-top: -100px;
    padding: 0!important;
    text-indent: -999999px
}

.icon-facebook {
    background-image: url(images/icon_facebook.png)
}

.icon-twitter {
    background-image: url(images/icon_twitter.png)
}

.icon-linkedin {
    background-image: url(images/icon_linkedin.png)
}

.icon-google {
    background-image: url(images/icon_google.png)
}

.icon-vimeo {
    background-image: url(images/icon_vimeo.png)
}

.icon-youtube {
    background-image: url(images/icon_youtube.png)
}

.home-click {
    cursor: pointer
}

#logo-home {
    position: relative;
    top: 160px;
    margin: auto;
    left: 0;
    width: 700px;
    text-align: center
}

#logo-home-index {
    display: none
}

.logo-font {
    padding-top: 50px;
    letter-spacing: -7.1px!important;
    font-size: 140px;
    text-shadow: 4px 4px 2px #000;
    color: #fff
}

a.home-tour {
    display: none
}

a.tour {
    position: relative;
    text-transform: uppercase;
    padding: 10px;
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
    background-color: #FFF;
    transition: background 800ms ease 0s
}

a.tour:hover {
    background-color: #000;
    color: #FFF;
    text-decoration: none;
    transition: background 800ms ease 0s
}

.tagline {
    text-shadow: 4px 4px 2px #000;
    color: #fff;
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .2px;
    margin-top: 20px
}

.logo-font-home,
.tagline-home {
    display: none
}

.start-top-padding {
    padding-top: 185px
}

#topmenu {
    z-index: 9999;
    background: #000;
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8
}

#submenu {
    z-index: 200;
    margin: 0
}

.submenu-align {
    float: right
}

.nav {
    display: table;
    width: 100%;
    padding-left: 20px
}

ul.the-nav-padding {
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 0
}

ul.the-nav-padding li {
    display: block;
    float: left
}

.the-logo {
    min-width: 100px
}

#go-to-top {
    background-color: #29292F;
    background-image: url(images/arrow_up.png);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50px;
    bottom: 10px;
    cursor: pointer;
    height: 35px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 35px
}

#go-to-top:hover {
    background-color: #606066
}

#GoToTop {
    float: left;
    display: none;
    margin: 0 5px;
    padding: 3px;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 10px;
    background-color: #29292F;
    background-image: url(images/arrow_up.png);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    z-index: 999
}

#GoToTop:hover {
    background-color: #606066
}

#menu,
.logo-absolut,
.slicknav_menu {
    display: none
}

#logo-nav {
    margin-top: 15px;
    display: table;
    background-color: transparent;
    min-width: 100px;
    background-repeat: no-repeat;
    background-position: center top;
    cursor: pointer;
    font-size: 0
}

#logo-nav-midi,
#logo-nav-mini {
    display: none
}

.nav {
    color: #909099;
    white-space: nowrap
}

a.submenu {
    display: inline-block;
    margin: 0;
    text-shadow: 1px 1px #fff;
    border-top: solid 2px transparent;
    border-bottom: solid 2px transparent;
    width: auto;
    padding: 24px 15px;
    text-align: center;
    color: #000;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0;
    cursor: pointer
}

a:hover.submenu {
    color: #09c!important;
    text-decoration: none;
    transition: background 800ms ease 0s
}

a.active {
    color: #09c!important;
    text-decoration: none
}

.marg-bot {
    margin-bottom: 20px
}

a.topmenu {
    display: inline-block;
    margin: 0;
    border-top: solid 2px transparent;
    border-bottom: solid 2px transparent;
    width: auto;
    padding: 35px 15px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0;
    cursor: pointer
}

a:hover.topmenu {
    color: #09c!important;
    background-color: transparent;
    text-decoration: none;
    transition: color 800ms ease 0s
}

.box-nav,
.box-picker {
    width: 48%;
    float: left
}

.divider-logo {
    width: 4%;
    float: left
}

.the-color-picker {
    width: 220px;
    display: table;
    float: right;
    padding: 0;
    margin: 0
}

.monitor {
    position: relative;
    top: 31px;
    left: 0;
    font-size: 0;
    cursor: default;
    width: 30px;
    height: 32px!important;
    background-image: url(images/colors.png);
    background-repeat: no-repeat
}

.colors {
    position: relative;
    left: -5px;
    top: -30px;
    padding-right: 15px;
    margin-bottom: -30px
}

a.color-picker {
    font-size: 0;
    float: left;
    width: 24px;
    height: 14px;
    margin: 37px 8px 0;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer
}

a:hover.color-picker {
    text-decoration: none
}

#submenu-btn {
    display: none;
    background-color: #606066;
    border-top: solid 2px #000;
    border-bottom: solid 2px #000
}

.submenu-btn-padding {
    padding: 25px 30px;
    font-weight: 700;
    color: #cccccf
}

#topmenu-btn {
    display: none;
    background-color: #606066;
    border-top: solid 2px #000;
    border-bottom: solid 2px #000
}

.topmenu-btn-padding {
    padding: 25px 30px;
    font-weight: 700;
    color: #cccccf
}

.header-width-14 {
    float: left;
    width: 14%
}

.header-width-43 {
    float: left;
    width: 43%
}

.header-width-86 {
    float: left;
    width: 73%
}

.header-width-86-s {
    float: left;
    width: 86%
}

.header-width-8 {
    float: left;
    width: 13%;
}

.gallery-media {
    display: inline-block;
    background-color: #19191f;
    cursor: pointer;
    float: left;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat
}

.gallery-photo {
    display: table;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    margin: 0
}

#thumbs {
    width: 100%;
    text-align: left
}

.gallery-thumb {
    width: 31%;
    display: inline-block;
    background-color: #202026;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #fff;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    cursor: pointer;
    transition: opacity 800ms ease 0s
}

.gallery-thumb:hover {
    opacity: .7;
    transition: opacity 800ms ease 0s
}

.gallery-th-photo {
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url(images/fali.gif)
}

div:hover.gallery-th-photo {
    background-image: url(images/fali.png)
}

.gallery-th-video {
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url(images/fali.png);
    background-repeat: no-repeat;
    background-position: center center
}

div:hover.gallery-th-video {
    background-image: url(images/fali.png);
    background-position: center center
}

.bg-specifications {
    display: table;
    width: 100%;
    height: 100%;
    background-image: url(img/leidi800-plovila-f-2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc)
}

.bg-spec {
    display: table;
    width: 100%;
    height: 100%;
    background-image: url(images/spec-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc)
}

.bg-dodatna {
    display: table;
    width: 100%;
    height: 100%;
    background-image: url(images/oprema-dodatna-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc)
}

.bg-spec-600 {
    display: table;
    width: 100%;
    height: 100%;
    background-image: url(images/spec-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc)
}

.bg-reviewz {
    background-image: url(img/leidi800-plovila-f-3.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    background-color: #303036
}

.pad-bottom-reviewz {
    padding-bottom: 160px
}

#full {
    display: block;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #909099;
    background-color: #202026;
    cursor: pointer
}
#full2 {
    display: block;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #909099;
    background-color: #202026;
    cursor: pointer
}
#full3 {
    display: block;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #909099;
    background-color: #202026;
    cursor: pointer
}
#captions {
    display: none;
    position: fixed;
    z-index: 1100;
    cursor: default;
    text-align: left;
    right: 0;
    bottom: 0;
    margin-bottom: 0;
    width: 100%;
    opacity: .8;
    filter: alpha(opacity=80)
}

.captions-pad {
    padding: 25px
}

#slideshow-header {
    display: none;
    position: fixed;
    z-index: 1100;
    right: 55px;
    top: 35px;
    width: 300px;
    height: 100px
}

#controls {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: 50px
}

#gallery-header {
    display: table;
    position: fixed;
    left: 50px;
    top: 50px;
    border-radius: 3px;
    padding: 10px 50px 15px;
    background-color: #29292f
}

#hide-slideshow {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    padding: 25px;
    background-color: #29292f;
    text-align: center;
    background-image: url(images/hide_slideshow.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50px;
    font-size: 0
}

div:hover#hide-slideshow {
    background-color: #606066
}

#toggle-captions {
    cursor: pointer;
    position: absolute;
    right: 70px;
    top: 0;
    padding: 25px;
    background-color: #29292f;
    text-align: center;
    background-image: url(images/show_captions.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50px;
    font-size: 0
}

div:hover#toggle-captions {
    background-color: #606066
}

#gallery-left {
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 50px;
    right: 120px;
    top: 0;
    background-color: #29292f;
    text-align: center;
    background-image: url(images/arrow_left.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50px
}

div:hover#gallery-left {
    background-color: #606066
}

#gallery-right {
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 50px;
    right: 60px;
    top: 0;
    background-color: #29292f;
    text-align: center;
    background-image: url(images/arrow_right.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50px
}

div:hover#gallery-right {
    background-color: #606066
}

#hide-captions {
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 50px;
    right: 15px;
    top: 15px;
    background-color: #fff;
    display: table;
    text-align: center;
    background-image: url(images/hide_text.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50px
}

div:hover#hide-captions {
    background-color: #eeeeef
}

div:active#hide-captions {
    background-color: transparent
}

#gallery-description a {
    color: #06f;
    text-decoration: none
}

#gallery-description a:hover {
    color: #39f;
    text-decoration: underline
}

.gallery-caption-content {
    position: relative;
    width: 55%;
    margin: auto
}

#gallery-title {
    font-size: 34px;
    letter-spacing: -1px;
    line-height: 39px;
    padding-bottom: 20px;
    padding-right: 40px;
    text-transform: none;
    text-align: center
}

#gallery-description {
    font-size: 17px;
    padding-right: 40px
}

#gallery-link {
    width: 100%;
    text-align: center;
    padding-top: 20px;
    margin: 20px auto
}

#intro {
    position: fixed;
    z-index: 300;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #909099
}

#loading {
    font-size: 0;
    letter-spacing: 5px;
    font-weight: 400;
    margin: auto;
    background-color: transparent;
    border-radius: 200px
}

#logo-loading {
    display: table;
    width: 100px;
    font-size: 0
}

.loading-text {
    letter-spacing: 2px;
    margin-left: 2px
}

@font-face {
    font-family: HelveticaNeueThinCondensed;
    src: url(helveticaneueltw1g-thcn-webfont.eot);
    src: url(helveticaneueltw1g-thcn-webfont.eot?#iefix) format('embedded-opentype'), url(helveticaneueltw1g-thcn-webfont.ttf) format('truetype'), url(helveticaneueltw1g-thcn-webfont.svg#HelveticaNeueLTW1G37ThCn) format('svg');
    font-weight: 400;
    font-style: normal
}

.main-title {
    padding: 20px;
    vertical-align: center;
    width: 300px;
    height: 200px;
    background: #000
}

.margin-top {
    margin-top: 13px!important
}

#onama-ico,
#oprema-dodatna-ico,
#oprema-ico,
#pregled-ico,
#reklisu-ico,
#spec-ico,
#uvod-ico {
    padding-top: 34px!important;
    min-width: 60px;
    transition: color 400ms ease 0s
}

#spec-ico {
    background: url(images/spec.png) top center no-repeat
}

#pregled-ico {
    background: url(images/pregled.png) top center no-repeat
}

#uvod-ico {
    background: url(images/uvod.png) top center no-repeat
}

#oprema-ico {
    background: url(images/oprema.png) top center no-repeat
}

#reklisu-ico {
    background: url(images/reklisu.png) top center no-repeat
}

#oprema-dodatna-ico {
    background: url(images/oprema-dodatna.png) top center no-repeat
}

#onama-ico {
    background: url(images/onama.png) top center no-repeat
}

#spec-ico:hover {
    background: url(images/spec-hover.png) top center no-repeat
}

#pregled-ico:hover {
    background: url(images/pregled-hover.png) top center no-repeat
}

#uvod-ico:hover {
    background: url(images/uvod-hover.png) top center no-repeat
}

#oprema-ico:hover {
    background: url(images/oprema-hover.png) top center no-repeat
}

#reklisu-ico:hover {
    background: url(images/reklisu-hover.png) top center no-repeat
}

#oprema-dodatna-ico:hover {
    background: url(images/oprema-dodatna-hover.png) top center no-repeat
}

#onama-ico:hover {
    background: url(images/onama-hover.png) top center no-repeat
}

div.fast-info {
    position: absolute;
    height: 100px;
    width: 100%;
    text-align: center;
    bottom: 80px
}

div.fast-info ul {
    width: 1200px;
    margin: auto;
    height: 100px
}

div.fast-info li {
    BACKGROUND: url(images/divider.png) left bottom repeat-y;
    float: left;
    WIDTH: 120PX;
    text-align: center;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px
}

div.fast-info span {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-family: Lato, Oswald, 'Archivo Narrow', 'Open Sans', arial, sans-serif;
    margin-top: -10px;
    font-weight: 400
}

div.fast-info img {
    float: left;
    WIDTH: 100%
}

.first {
    margin-top: 20px!important
}

.last {
    margin-bottom: 30px!important
}

li.counting {
    padding-left: 15px;
    background: url(images/counting.png) left 3px no-repeat;
    float: left;
    width: 97%;
    margin-top: 6px;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 2px
}

li.counting i {
    font-style: normal;
    color: #CCC;
    padding-left: 5px
}

.contact {
    border: 0;
    padding: 0!important;
    float: left;
    width: 100%;
    margin-top: 10px
}

.contact input,
.contact label,
.contact textarea {
    float: left;
    width: 98%;
    font-size: 16px
}

.contact label {
    text-transform: uppercase;
    margin-bottom: 5px
}

.contact input,
.contact textarea {
    padding: 8px;
    border: 2px solid #666;
    margin-bottom: 12px;
    background: 0 0;
    color: #fff
}

.contact textarea {
    height: 220px
}

.send {
    float: right!important;
    border: 0!important;
    background-color: #fff!important;
    color: #000!important;
    WIDTH: 150PX!important;
    margin-right: -8px
}

.send:hover {
    background: #666!important;
    color: #fff!important;
    cursor: pointer
}

.qoute {
    margin-top: 10px;
    float: left;
    padding: 30px;
    padding-left: 39px;
    padding-top: 0;
    background: url(images/quote-up.png) left top no-repeat
}

.quoted {
    background: url(images/quote-down.png) right bottom no-repeat;
    padding-bottom: 20px
}

.quote-title {
    font-size: 30px!important;
    padding-top: 2px
}

.quote-link {
    float: right;
    color: #000;
    padding: 2px 6px;
    text-transform: uppercase;
    margin-right: 40px;
    font-size: 13px;
    font-family: Lato, Oswald, 'Archivo Narrow', 'Open Sans', arial, sans-serif
}

.quote-link:hover {
    color: #333;
    text-decoration: none
}

.right_cont {
    float: right;
    margin-top: 23px;
    margin-right: 30px
}

.socialize {
    margin-left: 30px;
    float: left;
    padding: 0!important
}

.footer-interior {
    margin: auto;
    height: 40px;
    background: #000!important
}

.socialize li {
    float: left;
    margin-right: 20px
}

.margin-top-minus {
    margin-top: 0!important
}

.left-rec {
    margin-left: 15px!important;
    padding-top: 10px
}

.soc_button,
.soc_button img {
    float: left;
    width: 20px;
    transition: opacity 800ms ease;
    margin-right: 10px
}

#logo-nav img {
    transition: opacity 800ms ease
}

#logo-nav img:hover,
.soc_button img:hover {
    opacity: .7;
    transition: opacity 800ms ease 0s
}

span.foot_small {
    font-size: 11px!important;
    text-transform: uppercase;
    color: #fff!important
}

div.intro-bg {
    width: 100%;
    margin-top: -80px!important;
    margin: auto;
    box-shadow: 0 0 5px #ddd;
    height: 330px;
    background: url(img/leidi800-plovila-f-1-2.jpg) no-repeat center top fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 20px
}

.video-big {
    width: 100%;
    height: 100%
}

div.intro-text,
div.intro-text-single {
    border-bottom: 70px solid #000;
    height: 400px;
    margin-top: -75px;
    text-align: center;
    top: 0;
    width: 100%
}

div.intro-text-single h1 {
    top: 413px;
    color: #fff!important;
    WIDTH: 80%;
    MARGIN: AUTO;
    text-align: LEFT;
    position: relative;
    font-size: 40px!important
}

div.intro-text-single h1 span {
    float: right;
    color: #09c;
    font-size: 23px!important;
    line-height: 27px!important;
    letter-spacing: -1px!important;
    margin-top: 8px;
    opacity: .8
}

div.intro-text-kontakt {
    border-bottom: 70px solid #000;
    height: 350px;
    margin-top: -75px;
    text-align: center;
    top: 0;
    width: 100%
}

div.intro-text-kontakt h1 {
    top: 363px;
    color: #fff!important;
    WIDTH: 80%;
    MARGIN: AUTO;
    text-align: LEFT;
    position: relative;
    font-size: 40px!important
}

div.intro-text-kontakt h1 span {
    color: #09C;
    float: right;
    font-size: 23px!important;
    letter-spacing: -1px!important;
    line-height: 27px!important;
    margin-top: 8px;
    opacity: .8
}

.bottom {
    margin-bottom: 20px!important
}

div.intro-text h1 {
    top: 413px;
    color: #fff!important;
    WIDTH: 80%;
    MARGIN: AUTO;
    text-align: LEFT;
    position: relative;
    font-size: 40px!important
}

div.intro-text h1 span {
    float: right;
    color: #09c;
    font-size: 23px!important;
    line-height: 27px!important;
    letter-spacing: -1px!important;
    margin-top: 8px;
    opacity: .8
}

.recenzije-top,
.vijest-top {
    background: url(img/vijest-top.jpg) no-repeat top center fixed
}

.one-news-all label {
    text-align: left;
    float: left;
    width: 100%;
    font-size: 25px;
    color: #000
}

.one-news-all input {
    float: left;
    width: 100%;
    padding: 5px;
    font-size: 17px!important;
    font-weight: 100!important;
    margin-top: 5px;
    margin-bottom: 7px;
    border: 1px solid #e6e6e6;
    background: #f8f8f8;
    font-family: 'Open Sans Condensed', Lato, Oswald, 'Archivo Narrow', 'Open Sans', arial, sans-serif
}

.one-news-all textarea {
    width: 100%;
    padding: 5px;
    font-size: 17px!important;
    font-weight: 100!important;
    margin-top: 5px;
    margin-bottom: 7px;
    border: 1px solid #e6e6e6;
    background: #f8f8f8;
    font-family: 'Open Sans Condensed', Oswald, 'Archivo Narrow', 'Open Sans', arial, sans-serif;
    height: 100px
}

div.main-content {
    padding-top: 0;
    padding-bottom: 0;
    top: 0;
    margin: auto
}

INPUT#submit-form.btn {
    width: 100px!important;
    float: right;
    background: #000!important;
    color: #fff!important;
    border: 0!important;
    position: relative;
    text-transform: uppercase;
    padding: 10px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
    background-color: #fff;
    transition: background 800ms ease 0s;
    margin-right: -10px
}

INPUT#submit-form.btn:hover {
    color: #000!important;
    background: #fff!important;
    cursor: pointer
}

.height-more {
    height: 440px
}

div.news {
    width: 78%;
    margin: auto;
    padding: 1%;
    background: #fff;
    background: #fff;
    box-shadow: 0 0 5px #000
}

.first-text {
    text-align: right!important;
    font-size: 30px!important;
    line-height: 48px!important;
    font-family: 'Open Sans Condensed', Lato, 'Open Sans', Arial, sans-serif
}

div.one-news {
    max-width: 90%;
    margin: auto;
    background: #fff;
    background: #fff;
    margin-bottom: 0;
    height: 132px;
    box-shadow: 0 0 5px #ddd;
    transition: box-shadow 800ms ease
}

div.one-news:hover {
    transition: background 800ms ease;
    background: #000
}

.one-news-link {
    width: 100%;
    z-index: 900000;
    display: block;
    height: 132px;
    position: relative;
    float: left
}

.one-news-all {
    padding: 3%;
    width: 94%;
    z-index: 900000;
    display: block;
    background: #fff
}

.one-news-all img {
    width: 100%
}

.one-news-all p {
    text-align: left;
    color: #000;
    font-size: 18px;
    line-height: 32px
}

.contact-h1 {
    top: 10px!important
}

.one-news-all h3 {
    text-align: left;
    font-size: 30px
}

.wrapper-news {
    max-width: 90%;
    margin: 20px auto;
    background: #fff;
    background: #fff;
    box-shadow: 0 0 5px #ddd;
    transition: box-shadow 800ms ease
}

.date,
.photo,
.title {
    float: left;
    height: 100%;
    display: block
}

.all-news {
    margin: 20px auto
}

.one-news-all-kontakt label {
    text-align: left;
    float: left;
    width: 100%;
    font-size: 25px;
    color: #000
}

.one-news-all-kontakt input {
    float: left;
    width: 100%;
    padding: 5px;
    font-size: 17px!important;
    font-weight: 100!important;
    margin-top: 5px;
    margin-bottom: 7px;
    border: 1px solid #e6e6e6;
    background: #f8f8f8;
    font-family: 'Open Sans Condensed', Lato, Oswald, 'Archivo Narrow', 'Open Sans', arial, sans-serif
}

.one-news-all-kontakt textarea {
    width: 100%;
    padding: 5px;
    font-size: 17px!important;
    font-weight: 100!important;
    margin-top: 5px;
    margin-bottom: 7px;
    border: 1px solid #e6e6e6;
    background: #f8f8f8;
    font-family: 'Open Sans Condensed', Oswald, 'Archivo Narrow', 'Open Sans', arial, sans-serif;
    height: 100px
}

.one-news-all-kontakt {
    float: left;
    padding: 3%;
    width: 40%;
    z-index: 900000;
    display: block;
    background: #fff
}

.one-news-all-kontakt img {
    width: 100%
}

.one-news-all-kontakt p {
    text-align: left;
    color: #000;
    font-size: 18px;
    line-height: 32px
}

.one-news-all-info label {
    text-align: left;
    float: left;
    width: 100%;
    font-size: 25px;
    color: #000
}

.one-news-all-info input {
    float: left;
    width: 100%;
    padding: 5px;
    font-size: 17px!important;
    font-weight: 100!important;
    margin-top: 5px;
    margin-bottom: 7px;
    border: 1px solid #e6e6e6;
    background: #f8f8f8;
    font-family: 'Open Sans Condensed', Lato, Oswald, 'Archivo Narrow', 'Open Sans', arial, sans-serif
}

.one-news-all-info textarea {
    width: 100%;
    padding: 5px;
    font-size: 17px!important;
    font-weight: 100!important;
    margin-top: 5px;
    margin-bottom: 7px;
    border: 1px solid #e6e6e6;
    background: #f8f8f8;
    font-family: 'Open Sans Condensed', Oswald, 'Archivo Narrow', 'Open Sans', arial, sans-serif;
    height: 100px
}

.one-news-all-info {
    padding: 3%;
    width: 40%;
    z-index: 900000;
    display: block;
    background: #fff;
    float: right
}

.one-news-all-info img {
    width: 100%
}

.one-news-all-info p {
    text-align: left;
    color: #000;
    font-size: 18px;
    line-height: 32px
}

.bottom-bord {
    margin: 20px 0 0
}

.date {
    width: 200px
}

.photo {
    width: 327px
}

.title {
    width: 427px
}

.wz {
    color: #89d!important;
    text-transform: uppercase;
    font-size: 17px!important;
    font-family: 'Open Sans Condensed', Arial, sans-serif
}

.wz:hover {
    color: #fff!important
}

.photo img {
    float: left;
    width: 100%
}

.one-news-link:hover img {
    opacity: .5
}

.one-news-link:hover h3,
.one-news-link:hover span {
    color: #fff!important
}

.title h3 {
    text-align: left!important;
    font-size: 30px!important;
    color: #333!important;
    font-weight: 400;
    margin-left: 20px;
    padding: 0!important;
    margin-top: 55px
}

.one-news span {
    color: #000;
    width: 90%;
    text-align: left;
    margin-left: 20px;
    float: left
}

.time {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1.4px;
    font-family: 'Open Sans Condensed', Lato, 'Open Sans', Arial, sans-serif;
    margin-top: 55px;
    color: #09c!important
}

.author {
    color: gray!important;
    font-family: HelveticaNeueThinCondensed, 'Open Sans Condensed', Lato, 'Open Sans', Arial, sans-serif
}

.under-construction-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(img/leidi800-under-bg.jpg) no-repeat center top fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top: 0;
    z-index: -1
}

.small-title {
    font-size: 100px!important
}

.langugaes {
    margin-right: 15px;
    font-family: Lato, Oswald, 'Archivo Narrow', 'Open Sans', arial, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    width: inherit;
    float: right;
    margin-top: 16px;
    margin-left: 20px
}

.langugaes select {
    padding: 3px;
    box-shadow: 0 0 5px #000;
    border: 1px solid #fff;
    font-size: 12px;
    margin-left: 5px;
    background: #fff!important;
    cursor: pointer;
    transition: box-shadow 800ms ease
}

.langugaes span {
    opacity: .6
}

.langugaes select:hover {
    box-shadow: 0 0 5px #ddd;
    transition: box-shadow 800ms ease
}

div.black-line {
    width: 100%;
    height: 70px;
    margin-bottom: 20px;
    background: #000;
    text-align: center;
    vertical-align: middle
}

div.black-line span {
    color: #fff!important;
    margin: auto;
    top: 18px;
    width: 80%;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-size: 30px!important
}

.middle-graphic {
    margin: auto;
    width: 100%;
    text-align: center;
    top: 40%;
    position: absolute
}

section {
    min-height: 250px
}

.activecol {
    color: #09C
}

.footer_home {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 333;
    padding: 0 20px;
    background: #000;
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8
}

.footer_home .left_cont {
    margin: 10px auto;
    display: inline-block;
    float: left
}

.footer_home .right_cont {
    margin: 10px 40px 10px auto;
    display: inline-block;
    float: right
}

.footer_color {
    background: #000
}

.footer_other {
    position: relative;
    width: 100%;
    padding: 0
}

.footer_other .left_cont {
    margin: 10px auto;
    display: inline-block;
    float: left
}

.footer_other .right_cont {
    margin: 10px 40px 10px auto;
    display: inline-block;
    float: right
}

.footer_scroll {
    z-index: 333;
    padding: 0 20px;
    background: rgba(0, 0, 0, .9)!important
}

.footer_scroll .left_cont {
    margin: 10px auto;
    display: inline-block;
    float: left
}

.footer_scroll .right_cont {
    margin: 10px 40px 10px auto;
    display: inline-block;
    float: right
}

.desc {
    font-size: 17px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', arial, sans-serif
}

.fa-youtube-square {
    color: #fff
}

.fa-youtube-square:hover {
    color: #89D
}

.fa-facebook-square {
    color: #fff
}

.fa-facebook-square:hover {
    color: #89D
}

.leidi600-inner {
    background: url(img/leidi600-vatrena-dama-1600x900.jpg) no-repeat fixed center top rgba(0, 0, 0, 0)
}

.leidi600-inner2 {
    background: url(img/leidi600-neodoljivo-ljupka-brodica-1600x900.jpg) no-repeat fixed center top rgba(0, 0, 0, 0)
}

.leidi600-inner4 {
    background: url(img/brodica-za-obitelj-1600x900.jpg) no-repeat fixed center top rgba(0, 0, 0, 0)
}

.leidi600-inner3 {
    background: url(img/leidi600-dama-1600x900.jpg) no-repeat fixed center top rgba(0, 0, 0, 0)
}

.bg-index {
    display: none
}

.bg-home {
    display: table;
    width: 100%;
    height: 100%;
    background-image: url(img/leidi-800-naslovna-big.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc)
}

.bg-home990 {
    display: table;
    width: 100%;
    height: 100%;
    background-image: url(img/leidi990/full/6.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc)
}

.bg-home-600 {
    display: table;
    width: 100%;
    height: 100%;
    background-image: url(img/leidi-600-naslovna.jpg);
    background-position: center center;
    background-repeat: no-repeat;
   /*background-attachment: fixed;*/
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc)
}


/* block top languages */

.new {
    color: #FF0000;
    padding: 0 0 0 2px;
    margin: 0;
    float: right;
    font-weight: normal;
    font-style: normal;
    font-size: 10px;
}

.header-width-80 {
    width: 80%;
    float: left;
}

.leidi660-pregled li.counting i {
    color: #000!important;
}

.pad-h3 {
    padding-top: 50px!important;
}

.tagline660 {
    font-size: 40px!important;
}

.tagline660 {
    text-shadow: 4px 4px 2px #000;
    color: #FFF;
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.2px;
    margin-top: 140px!important;
}

.bg-home660 {
    display: table;
    width: 100%;
    height: 100%;
    background-image: url("img/leidi660-2.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: cover;
}

.languages-block {
    float: left;
    padding: 0px;
    margin: 7% 20px 0px;
}

.languages-block .hr-lang {
    float: left;
    padding: 10px;
}

.languages-block .en-lang {
    float: right;
    padding: 10px;
}

#languages_block_top {
    float: left;
    margin: 18% 20px;
    padding: 0;
    border-radius: 3px;
    background: white;
    border: 1px solid #ccc;
}

#languages_block_top p {
    clear: left;
    padding-right: 20px;
    font: 11px Arial, Verdana, sans-serif;
    color: #ccc;
    text-align: right;
    background: url("img/block_languages_top_p_bg.png") no-repeat scroll right top transparent;
}

#languages_block_top ul#first-languages li {
    float: left;
    margin-right: 3px
}

#languages_block_top ul#first-languages li.selected_language {
    float: left;
}


/*languages with jquery*/

#countries {
    cursor: pointer;
    position: relative;
    top: 1px;
}

#countries p {
    position: relative;
    top: 0;
    padding: 7px;
    margin: 0;
}

#countries p img {
    padding-left: 0px;
}

#countries .countries_ul {
    display: none;
    z-index: 10000;
    padding: 10px;
    width: 100%;
    list-style-type: none;
}

#countries .countries_ul_hover {
    display: block;
    z-index: 5000;
    position: absolute;
    left: -1px;
    padding: 5px 10px;
    height: auto;
    width: 10px;
    border: 1px solid #ccc;
    border-top: none;
    background: white;
    margin-top: -1px;
    border-bottom-radius: 3px;
}

.bg-onama {
    display: table;
    width: 100%;
    height: 100%;
    background-image: url("images/onama-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}