.content-cell,
.display-cell.vertical-center,
.table .vertical-center {
    vertical-align: middle
}

.background-overlay,
.content-cell {
    z-index: 1;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s
}

#video_controls,
#what h1,
#what h4,
.benefits h2,
.box-right .box,
.footer h1,
input[name=captcha] {
    text-transform: uppercase
}

.h1,
.h2,
h1,
h2 {
    color: #fff;
}

.play,
.play:active,
.play:focus {
    outline: 0
}

@font-face {
    font-family: open_sansregular;
    src: url(../fonts/opensans/OpenSans-Regular-webfont.eot);
    src: url(../fonts/opensans/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/opensans/OpenSans-Regular-webfont.woff) format('woff'), url(../fonts/opensans/OpenSans-Regular-webfont.ttf) format('truetype'), url(../fonts/opensans/OpenSans-Regular-webfont.svg#open_sansregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sansbold;
    src: url(../fonts/opensans/OpenSans-Bold-webfont.eot);
    src: url(../fonts/opensans/OpenSans-Bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/opensans/OpenSans-Bold-webfont.woff) format('woff'), url(../fonts/opensans/OpenSans-Bold-webfont.ttf) format('truetype'), url(../fonts/opensans/OpenSans-Bold-webfont.svg#open_sansbold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sanssemibold;
    src: url(../fonts/opensans/OpenSans-Semibold-webfont.eot);
    src: url(../fonts/opensans/OpenSans-Semibold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/opensans/OpenSans-Semibold-webfont.woff) format('woff'), url(../fonts/opensans/OpenSans-Semibold-webfont.ttf) format('truetype'), url(../fonts/opensans/OpenSans-Semibold-webfont.svg#open_sanssemibold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome/fontawesome-webfont.eot);
    src: url(../fonts/fontawesome/fontawesome-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/fontawesome/fontawesome-webfont.woff) format('woff'), url(../fonts/fontawesome/fontawesome-webfont.ttf) format('truetype'), url(../fonts/fontawesome/fontawesome-webfont.svg#open_sanssemibold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon/icomoon.eot);
    src: url(../fonts/icomoon/icomoon.eot#iefix) format("embedded-opentype"), url(../fonts/icomoon/icomoon.ttf) format("truetype"), url(../fonts/icomoon/icomoon.woff) format("woff"), url(../fonts/icomoon/icomoon.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-3:before {
    content: "\E900"
}

.icon-1:before {
    content: "\E901"
}

.icon-2:before {
    content: "\E902"
}

.icon-month:before {
    content: "\E903"
}

.icon-plus:before {
    content: "\E904"
}

.icon-month2:before {
    content: "\E905"
}

.icon-album:before {
    content: "\E906"
}

.icon-apartment:before {
    content: "\E907"
}

.icon-award-2:before {
    content: "\E908"
}

.icon-award:before {
    content: "\E909"
}

.icon-bed:before {
    content: "\E90A"
}

.icon-bill:before {
    content: "\E90B"
}

.icon-broken:before {
    content: "\E90C"
}

.icon-check-simple-2:before {
    content: "\E90D"
}

.icon-check-square:before {
    content: "\E90E"
}

.icon-commercial:before {
    content: "\E90F"
}

.icon-crown-3:before {
    content: "\E910"
}

.icon-customer-support:before {
    content: "\E911"
}

.icon-dashboard:before {
    content: "\E912"
}

.icon-detached:before {
    content: "\E913"
}

.icon-dots-download:before {
    content: "\E914"
}

.icon-electric:before {
    content: "\E915"
}

.icon-factory:before {
    content: "\E916"
}

.icon-fuelcell:before {
    content: "\E917"
}

.icon-fullscreen-double:before {
    content: "\E918"
}

.icon-gas:before {
    content: "\E919"
}

.icon-heartbeat:before {
    content: "\E91A"
}

.icon-heatpump:before {
    content: "\E91B"
}

.icon-home-2:before {
    content: "\E91C"
}

.icon-home-4:before {
    content: "\E91D"
}

.icon-installers:before {
    content: "\E91E"
}

.icon-map:before {
    content: "\E91F"
}

.icon-new-build:before {
    content: "\E920"
}

.icon-no:before {
    content: "\E921"
}

.icon-notsure:before {
    content: "\E922"
}

.icon-now:before {
    content: "\E923"
}

.icon-pig:before {
    content: "\E924"
}

.icon-power-level:before {
    content: "\E925"
}

.icon-pulse-phone:before {
    content: "\E926"
}

.icon-refigeration:before {
    content: "\E927"
}

.icon-remote:before {
    content: "\E928"
}

.icon-restaurant-menu:before {
    content: "\E929"
}

.icon-semi-detached:before {
    content: "\E92A"
}

.icon-settings:before {
    content: "\E92B"
}

.icon-signal:before {
    content: "\E92C"
}

.icon-snow-2:before {
    content: "\E92D"
}

.icon-snow:before {
    content: "\E92E"
}

.icon-stamp:before {
    content: "\E92F"
}

.icon-tap:before {
    content: "\E930"
}

.icon-terraced:before {
    content: "\E931"
}

.icon-three-dots:before {
    content: "\E932"
}

.icon-thumb-up:before {
    content: "\E933"
}

.icon-upgrade:before {
    content: "\E934"
}

.icon-yes:before {
    content: "\E935"
}

html {
    position: relative;
    min-height: 100%;
    scroll-behavior: smooth;
}

body {
    padding: 70px 0 50px;
    font-family: open_sansregular, sans-serif;
    font-weight: 300;
    counter-reset: step;
    background: #0a0a0a;
    color:#fff;
}

.footer h2,
b,
strong {
    font-family: open_sanssemibold
}

.bold,
.box-right .box,
.footer h2 {
    font-weight: 700
}

.h1,
h1 {
    font-size: 1.7em
}

.h2,
h2 {
    font-size: 1.3em
}

a,
a:focus,
a:hover {
    color: #fff;
    text-decoration: none
}
#kod-greske{
    height:60px;
}

.form-control {
    border-radius: 0
}

.display-table {
    display: table;
    width: 100%;
    height: 100%
}

.display-cell {
    display: table-cell;
    max-width: 800px
}

.display-cell .bg-black-transparent {
    background-color: rgba(0, 0, 0, .6)
}

.horizontal-center {
    margin: 0 auto
}

.form-horizontal .control-label {
    text-align: left
}

.koraci h2 {
    display: inline-block;
    margin: 0 0 20px
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 20px
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    padding-top: 0
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-left: 0
}

.input-group[class*=col-] {
    padding-left: 15px
}

.btn-lg {
    padding: 10px 16px;
    font-size: 16px
}

.page p {
    font-size: 1.1em
}

.footer p {
    font-size: 1em
}

.col-xs-2-half {
    width: 20%
}

[data-toggle=tooltip] {
    cursor: pointer
}

#main-carousel {
    height: 700px
}

#main-carousel .carousel-inner,
#main-carousel .item,
#main-carousel .item.active {
    height: 100%
}

#main-carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover
}

#main-carousel .fifth-slide,
#main-carousel .first-slide,
#main-carousel .third-slide {
    background-position: left center
}

.carousel-caption {
    width: 450px;
    padding-bottom: 10px;
    right: 0;
    left: 20px;
    background-color: #bfbfbf;
    background-color: rgba(0, 0, 0, .3)
}

.carousel-caption.caption-right {
    width: 800px;
    top: 100px;
    right: 20px;
    bottom: initial;
    bottom: auto;
    left: initial;
    left: auto;
    background-color: transparent;
    text-align: left;
    letter-spacing: 1px
}

.carousel-caption.caption-right h1 {
    color: #bfbfbf;
    font-size: 3em
}

.carousel-caption.caption-right h2 {
    margin-top: 50px;
    color: #333;
    font-size: 2em;
    font-weight: 700
}

#offer .caption {
    background-color: #bfbfbf
}

#offer .visible-xs.hidden {
    display: none!important
}

#offer .caption.visible-xs a {
    max-width: 450px;
    padding: 20px 5px
}

#main-carousel .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.animacija,
.play,
footer {
    position: absolute
}

#vodic a {
    display: block
}

.content-block {
    display: table;
    position: relative
}

.content-block-2 {
    width: 100%;
    height: 300px;
    margin-bottom: 20px
}

.thumb-block {
    background-size: cover;
    background-position: 50% 50%
}

.background-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    display: table;
    transition: all .5s ease-out 0s
}

.background-overlay:hover {
    background-color: rgba(0, 0, 0, .5)
}

.content-cell {
    display: table-cell;
    padding: 20px;
    overflow: hidden;
    transition: all .5s ease-out 0s
}

.content-cell h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    text-shadow: 1px 1px 5px #000;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
}

.content-cell h2 a {
    color: #fff
}

.content-cell span.h-sub-line {
    width: 80px;
    height: 1px;
    display: table;
    margin: 0 auto;
    background-color: #fff
}

.content-block:hover .animate-sub {
    height: initial;
    display: table;
    opacity: 1
}

.content-cell p {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

@media screen and (max-width:767px) {
    .table-responsive {
        border: 0
    }
    .table-responsive>.table-bordered {
        border: 1px solid #ddd
    }
}

.dropdown-menu {
    z-index: 1080
}

.bootstrap-select .btn-info {
    border-color: #bfbfbf;
    border-radius: 0
}
.hladjenje .bootstrap-select .btn-info {
    border-color: #092161;
    border-radius: 0
}

.bootstrap-select.btn-group .dropdown-menu li {
    border-bottom: 1px dashed #ccc
}

.bootstrap-select .dropdown-menu {
    margin: 0;
    border-radius: 0;
    z-index: 9999
}

.bootstrap-select .btn-info:focus,
.bootstrap-select .btn-info:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.open>.dropdown-toggle.btn-info,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
    color: #000;
    background-color: #bfbfbf
}
.hladjenje .bootstrap-select .btn-info:focus,
.hladjenje .bootstrap-select .btn-info:hover,
.hladjenje .dropdown-menu>li>a:focus,
.hladjenje .dropdown-menu>li>a:hover,
.hladjenje .open>.dropdown-toggle.btn-info,
.hladjenje .open>.dropdown-toggle.btn-info:focus,
.hladjenje .open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #092161;
}

.row.no-gutter [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.row.no-gutter [class*=col-]:first-child {
    padding-left: 15px
}

.row.no-gutter [class*=col-]:last-child {
    padding-right: 15px
}

.input-group-addon {
    border-radius: 0
}

.input-group-addon .fa {
    font-size: 1.4em
}

label+.fa,
label>.fa {
    font-size: 1.1em
}

.fa-question-circle {
    color: #bebebe;
    font-size: 1.2em
}

.fa-facebook-official {
    color: #337ab7
}

label>.fa-star,
p>.fa-star {
    color: #FF5757;
    font-size: .6em;
    vertical-align: super
}


.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.page {
    padding-top: 100px
}

.visible-xxs {
    display: none!important
}

.link {
    color: #FF5757
}

.link-inverse {
    color: #f6cbcb
}

.link-blue {
    color: #0070c0
}

.link:hover {
    color: #c92121
}

.link-inverse:hover {
    color: #efefef
}

.link-blue:hover {
    color: #000
}

.navbar-default {
    border: none;
    background-color: #000;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    z-index: 9999
}

.navbar-brand {
    height: auto;
    padding: 0 20px
}

.navbar-brand>img {
    height: 90px
}

.navbar-nav>li {
    padding-left: 20px
}

.navbar-default .navbar-nav>li>.active,
.navbar-default .navbar-nav>li>a {
    display: block;
    padding: 20px 0 12px;
    border-bottom: 3px solid transparent;
    color: #fff;
    font-size: 1.1em;
    line-height: 54px;
    transition: .2s border-color
}

.navbar-default .navbar-nav>li>.active {
    border-bottom-color: #fff;
    cursor: default
}

#steps .complete a,
.animacija,
.play,
button,
label[for],
select {
    cursor: pointer
}

.navbar-default .navbar-toggle {
    width: 77px;
    cursor: pointer;
    margin-top: 20px;
    border: none!important;
    color: #fff
}

.animacija,
footer {
    width: 100%;
}

.navbar-default .navbar-toggle span.menu {
    position: absolute;
    display: block;
    line-height: 15px;
    margin-left: 30px
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    color: #f1f1f1;
    background-color: transparent
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #f1f1f1;
    border-bottom-color: #f1f1f1
}

h2.bold {
    margin-top: 5px;
    color: #333
}

footer {
    background-color: #000
}

footer a,
footer p {
    margin: 0;
    color: #fff;
    line-height: 50px
}

footer a:hover {
    color: #999
}

.footer {
    margin-top: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #0a0a0a;
}

.footer h1 {
    margin: 0 0 25px
}

.footer h2 {
    margin-bottom: 30px;
    color: #fff;
    font-size: 1.2em
}

.footer p {
    line-height: 1.8em
}

.list {
    padding-left: 15px
}

.animacija {
    height: auto;
    background-color: #fff;
    z-index: 999
}

.play {
    top: 50%;
    right: 10%;
    width: 100px;
    height: 48px;
    margin-top: -24px;
    border: none;
    background-color: transparent;
    padding: 0;
    opacity: .9;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    font-size: 1.2em;
    font-family: inherit;
    line-height: inherit;
    z-index: 9999;
    -moz-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.item:last-child .play {
    right: 50%;
    margin-left: -34px
}

#main-carousel .item:hover .play {
    opacity: 1
}

#main-carousel .play-button {
    outline: 0;
    -moz-transition: fill .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);
    -webkit-transition: fill .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: fill .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);
    fill: #bfbfbf;
    opacity: .9
}

#main-carousel .item:hover .play-button {
    -moz-transition: fill .1s cubic-bezier(0, 0, .2, 1), opacity .1s cubic-bezier(0, 0, .2, 1);
    -webkit-transition: fill .1s cubic-bezier(0, 0, .2, 1), opacity .1s cubic-bezier(0, 0, .2, 1);
    transition: fill .1s cubic-bezier(0, 0, .2, 1), opacity .1s cubic-bezier(0, 0, .2, 1);
    fill: #ff4039;
    opacity: 1
}

.box-right .box,
.reference,
.reference:hover {
    transition: .2s all
}

#strip {
    overflow: hidden;
    padding: 10px 15px;
    background-color: #e4e4e4
}

.benefits {
    margin-top: 30px
}

.benefits h2 {
    font-size: 1.5em
}

.benefits .fa {
    color: #bfbfbf;
    font-size: 4em
}

.col-md-4:last-child .benefits p {
    margin-bottom: 10px
}

#offer #bg {
    position: relative;
    height: 600px;
    background-image: url(../images/slide1-xl.jpg?v=2);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover
}

#offer .caption h1,
.carousel-caption h1 {
    margin-top: 0;
    color: #fff;
    font-size: 2.2em;
    font-family: open_sansbold;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: none
}

.carousel-caption h2 {
    color: #fff
}

#offer .caption a,
.carousel-caption a {
    display: block;
    padding: 0 30px;
    color: #fff;
    text-align: left;
    text-shadow: none
}

.carousel-caption p {
    color: #fff
}

.carousel-caption p:last-child {
    font-size: 1.2em;
    text-shadow: 1px 0 2px #000
}

#quote .reference {
    font-size: 1.5em;
    background-color: #fbfbfb
}

.benefits {
    margin-bottom: 0;
    padding: 10px 0;
    border: none;
    background-color: transparent
}

.benefits h2 {
    margin: 0;
    padding: 0
}

#testimonials,
#what {
    margin-top: 30px
}

.box-left h2 {
    margin-bottom: 30px
}

.box-left p {
    line-height: 1.8em
}

.box-right {
    padding: 20px 34px 30px;
    color: #fff;
    font-size: 1.1em;
    line-height: 1.6em;
    background-color: rgb(0, 0, 0, 0.4);
    border: 3px solid #FF5757;
    border-radius: 10px;
}

.box-right h2 {
    padding-bottom: 15px;
    line-height: 1.3em;
    color: #fff
}

#what h4,
.box-right .box {
    color: #FF5757
}

.box-right p {
    margin-bottom: 25px
}

.box-right .box {
    display: inline-block;
    padding: 13px 10px;
    background-color: #fff;
    font-family: open_sansbold;
    outline: transparent solid 1px
}

#consult h1,
#consult h2 {
    text-shadow: 0 0 5px #000;
    color: #fff
}

#contact p,
.steps-xs h1 {
    font-family: open_sanssemibold
}

#quote p {
    margin-bottom: 30px;
    color: #a6a6a6;
    font-style: italic;
    font-weight: 400;
    line-height: 1.3em
}

#quote p:last-child {
    margin-bottom: 0
}

#reference {
    margin-top: 10px;
    margin-bottom: 50px
}

#reference .margin-btm {
    margin-bottom: 110px
}

.reference:hover {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2)
}

#what .topics h4:before,
.ui-checkbox-icon-group .checkbox-inline,
.ui-checkbox-icon-group .checkbox-inline:hover,
.ui-radio-icon-group .radio-image,
.ui-radio-icon-group .radio-image:hover {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.reference {
    height: 415px
}

.reference p {
    text-align: left
}

.steps a,
.testimonial,
.testimonial .sign {
    text-align: center
}

.reference a {
    display: block;
    padding: 54px 40px
}

#what {
    padding: 30px 10px 5px;
    border: 1px solid #383838;
    background-color: #383838
}

#what h1 {
    margin: 0 0 20px 45px
}

#what h4 {
    margin-bottom: -20px
}

#what .topics {
    border: none
}

#what .topics h4:before {
    margin-right: 15px;
    background-image: url(../images/topics.png);
    vertical-align: top;
    transition: all .2s ease-in-out
}

#what .header {
    padding: 0;
    background-color: transparent;
    border-bottom: none
}

#what .topics p {
    margin-left: 35px;
    line-height: 1.8em
}

.topics:hover .gas:before {
    background-position: 0 -35px
}

.topics:hover .pumpa:before {
    background-position: -70px -35px
}

.topics:hover .ulje:before {
    background-position: -35px -35px
}

.topics:hover .drvo:before {
    background-position: -105px -35px
}

#consult {
    position: relative;
    padding: 0 15px;
    height: 390px;
    background: url(../images/konsultacije.jpg) center no-repeat #f1f1f1
}

#consult h2 {
    margin-top: 20px;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.4em
}

#consult h1 {
    padding-top: 20px;
    font-size: 2.4em
}

#consult .btn,
#offer .btn {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: 20px
}

.testimonial {
    margin-bottom: 20px;
    color: #bfbfbf
}

.testimonial .blockquote {
    display: table-cell;
    margin: 0;
    font-style: italic;
    vertical-align: middle
}

.testimonial .blockquote:before {
    content: '';
    padding-left: 20px;
    background: url(../images/blockquote-open.png) left top no-repeat;
    background-size: 15px 12px
}

.testimonial .blockquote:after {
    content: '';
    padding-left: 20px;
    background: url(../images/blockquote-close.png) right bottom no-repeat;
    background-size: 15px 12px
}

.testimonial .sign p {
    margin: 0;
    color:#fff;
}

.testimonial-content {
    position: relative;
    display: table;
    width: 100%;
    height: 140px;
    margin-bottom: 20px;
    padding: 12px 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #f9f9f9;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 20px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.testimonial .testimonial-content .arrow {
    bottom: -30px;
    left: 50%;
    margin-left: -15px;
    border-top-color: #ccc;
    border-top-color: rgba(0, 0, 0, .25);
    border-width: 15px
}

.testimonial-content .arrow,
.testimonial-content .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.testimonial-content .arrow:after {
    border-width: 14px 14px 0;
    bottom: 1px;
    margin-left: -14px;
    content: " ";
    border-top-color: #f9f9f9
}

.btn {
    background-color: #bfbfbf;
    color: #fff;
    border-radius: 0
}
.kodovi-gresaka .btn{
    
    background-color: #bfbfbf;
    color: #fff;
    border-radius: 0;
}
.kodovi-gresaka .input-group{
    width:100%;
}
.kodovi-gresaka .input-group-addon{
    width:40%;
}

#kodovi-gresaka-pretraga{
    
    width: 100%;
    height:60px
}
.kodovi-gresaka .btn:hover{
    
    background-color: #999;
    color: #fff;
    border-radius: 0
}

.hladjenje .btn{
    background-color: #fff;
    color: #092161;
    border-radius: 0
}


.btn-red,
.tooltip-inner {
    background-color: #fff;
}

.hladjenje .tooltip-inner {
    background-color: #092161;
}

.tooltip-inner {
    padding: 5px 10px;
    border-radius: 0
}

.btn-red {
    color: #fff
}

label {
    font-weight: 400
}

.tooltip.top .tooltip-arrow {
    border-top-color: #bfbfbf
}

.hladjenje .tooltip.top .tooltip-arrow {
    border-top-color: #092161;
}

button,
select {
    background: #f5f5f5;
    padding: 8px 5px;
    border: 1px solid #ccc;
    text-transform: none
}

.red {
    color: #bfbfbf
}

.plavaHladjenje{
    color: #092161;
}

.koraci {
    display: none;
    border-top: 1px solid #292929
}

.koraci h1 {
    margin-bottom: 20px;
    padding: 10px 15px;
    font-size: 1.5em;
    color: #fff;
}

.hladjenje .koraci h1 {
    margin-bottom: 20px;
    padding: 10px 15px;
    font-size: 1.5em;
    color: #fff;
    background-color: #092161;
}

#ostalo-grejanje {
    margin-top: 10px
}

#captcha {
    border: 1px solid #fff
}

.active-page .visible-active,
.visible-active,
.visible-inactive {
    display: block
}

.active-page .visible-inactive {
    display: none
}

.bs-wizard {
    margin-top: 30px
}

.bs-wizard>.bs-wizard-step {
    padding: 0;
    position: relative
}

.bs-wizard>.bs-wizard-step .bs-wizard-info {
    color: #999;
    font-size: 14px
}

.bs-wizard>.bs-wizard-step .bs-wizard-dot {
    position: absolute;
    width: 40px;
    height: 40px;
    display: block;
    background: #efefef;
    top: 0;
    left: 50%;
    margin-left: -15px;
    border-radius: 50%
}

.bs-wizard>.bs-wizard-step .bs-wizard-dot:after {
    counter-increment: step;
    content: counter(step, decimal);
    font-size: 1.5em;
    font-weight: 700;
    color: #bfbfbf;
    border-radius: 50px;
    position: absolute;
    top: 5px;
    left: 13px
}

.bs-wizard>.bs-wizard-step .progress {
    position: relative;
    border-radius: 0;
    height: 8px;
    box-shadow: none;
    margin: 15px 0
}

.bs-wizard>.bs-wizard-step .progress>.progress-bar {
    width: 0;
    box-shadow: none;
    background: #efefef
}

.bs-wizard>.bs-wizard-step.complete .progress>.progress-bar {
    width: 100%
}

.bs-wizard>.bs-wizard-step.active .progress>.progress-bar {
    width: 50%
}

.bs-wizard>.bs-wizard-step:first-child.active .progress>.progress-bar {
    width: 0
}

.bs-wizard>.bs-wizard-step:last-child.active .progress>.progress-bar {
    width: 100%
}

.bs-wizard>.bs-wizard-step.disabled .bs-wizard-dot {
    background-color: #f5f5f5
}

.bs-wizard>.bs-wizard-step.disabled .bs-wizard-dot:after {
    color: #ccc
}

.bs-wizard>.bs-wizard-step:first-child .progress {
    left: 50%;
    width: 50%
}

.bs-wizard>.bs-wizard-step:last-child .progress {
    width: 50%
}

.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none
}

.bs-wizard-info a {
    color: #bfbfbf
}

.bs-wizard>.bs-wizard-step .bs-wizard-image {
    position: absolute;
    width: 80px;
    height: 80px;
    display: block;
    background: url(../images/koraci.png) #e0e0e0;
    top: 0;
    left: 47%;
    margin-top: -15px;
    margin-left: -30px
}

.bs-wizard>.bs-wizard-step .bs-wizard-image.step2 {
    background-position: -80px 0
}

.bs-wizard>.bs-wizard-step .bs-wizard-image.step3 {
    background-position: -160px 0
}

.bs-wizard>.bs-wizard-step .bs-wizard-image.step4 {
    background-position: -240px 0
}

.bs-wizard a {
    display: block;
    padding-top: 20px
}

.bs-wizard .fa {
    margin-left: -20px;
    color: #999;
    font-size: 2em
}

#logo {
    margin-top: -30px;
    background-color: rgb(0, 0, 0, 0.3);
}

.hladjenje #logo{
    margin-top: -30px;
    background-color: #092161;

}

#steps {
    padding-top: 25px;
    padding-bottom: 10px;
    background-color: #000;
    top: 75px
}
.hladjenje #steps {
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: #fff;
    top: 75px
}

#steps.fixed {
    position: fixed;
    top: 90px;
    right: 0;
    left: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    z-index: 9998
}

#steps.fixed+#forma>section:first-child {
    margin-top: 100px
}

#steps ul {
    list-style-type: none
}

#steps .dot {
    position: absolute;
    display: inline-block;
    left: 45%;
    top: 0;
    width: 40px;
    height: 40px
}
@media(max-width:765px){
    #steps .dot {
        position: absolute;
        display: inline-block;
        left: 20%;
        top: 0;
        width: 40px;
        height: 40px
    }
    
}

.borderradius #steps .dot {
    background: #efefef;
    border-radius: 50%
}

.no-borderradius {
    background: url(../images/borderradius.png) center #efefef
}

#steps .dot:after {
    counter-increment: step;
    content: counter(step, decimal);
    position: absolute;
    top: 5px;
    left: 13px;
    font-size: 1.5em;
    font-weight: 700;
    color: #ccc
}

#quote p:first-child:before,
#quote p:last-child:after,
.topics h4:before {
    content: ''
}

#steps .step {
    padding: 0;
    position: relative;
    width: 20%
}
.hladjenje #steps .step {
    padding: 0;
    position: relative;
    width: 20%
}
#steps .progress {
    position: relative;
    border-radius: 0;
    height: 8px;
    box-shadow: none;
    margin: 15px 0;
    background-color: #efefef
}

#steps .progress>.progress-bar {
    width: 0;
    box-shadow: none;
    background-color: #efefef
}

#steps .complete .progress>.progress-bar {
    width: 100%;
    background-color: #AE0000;
}

#steps .active .progress>.progress-bar {
    width: 50%
}

#steps .step:first-child.active .progress>.progress-bar {
    width: 0
}

#steps .step:last-child.active .progress>.progress-bar {
    width: 100%
}

#steps .step.disabled .bs-wizard-dot {
    background-color: #efefef
}

#steps .step.disabled .bs-wizard-dot:after {
    color: #ccc
}

#steps .complete .dot:after,
#steps .complete a {
    color: #fff
}

.hladjenje #steps .complete .dot:after,
.hladjenje #steps .complete a {
    color: #092161;
}
#steps .step:first-child .progress {
    left: 50%;
    width: 50%
}

#steps .step:last-child .progress {
    width: 50%
}

#steps .complete .dot {
    background-color: #AE0000;
}

.margina-gornja-20{
    margin-top: 20px !important;
}
.margina-donja-40{
    margin-bottom: 40px !important;

}
#steps a {
    display: block;
    padding-top: 5px;
    color: #fff !important;
    cursor: default
}

.steps {
    position: relative;
    margin-top: 20px
}

.steps [class*=step],
.steps [class^=step] {
    display: block;
    margin: 0 auto 5px;
    width: 100px;
    height: 100px;
    background-image: url(../images/koraci.png?v=2);
    background-repeat: no-repeat
}

.steps a {
    display: block;
    font-size: .9em
}

.steps a:hover {
    color: #fff
}

.steps a:hover [class*=step],
.steps a:hover [class^=step] {
    background-color: #111
}

.steps .fa {
    position: absolute;
    top: 45px;
    left: -10px;
    color: #fff;
    font-size: 1.2em
}

#final,
#video-holder {
    top: 70px;
    right: 0;
    bottom: 50px;
    position: absolute
}

.step1 {
    background-position: 0 0
}

.step2 {
    background-position: -100px 0
}

.step3 {
    background-position: -200px 0
}

.step4 {
    background-position: -300px 0
}

.steps-xs .steps {
    display: table;
    margin-bottom: 20px
}

.steps-xs .row:nth-child(even) {
    background-color: #000
}

.steps-xs [class*=step],
.steps-xs [class^=step],
.title {
    display: table-cell;
    vertical-align: middle
}

.social,
.topics h4,
.topics h4:before {
    display: inline-block
}

.steps-xs h1 {
    margin: 0
}

.img-left {
    margin-right: 20px;
    margin-bottom: 20px
}

.title h1,
.title h2 {
    margin: 0 0 10px
}

.title h2 {
    font-size: 1.6em;
    color: #bababa
}

#mailto:hover,
.reference h4 {
    color: #bfbfbf
}

.reference,
.topics {
    margin-bottom: 20px;
    border: 1px solid #ccc
}

.topics .header {
    padding: 0 5px;
    background-color: #fafafa;
    border-bottom: 1px solid #f2f2f2
}

.reference .box,
.topics p {
    padding: 10px 15px
}

.topics h4:before {
    width: 35px;
    height: 35px;
    margin-right: 5px;
    background: url(../images/topics.png) no-repeat;
    vertical-align: middle
}

.fb-like,
.social {
    width: 65px;
    height: 20px
}

.topics .gas:before {
    background-position: 0 0
}

.topics .ulje:before {
    background-position: -35px 0
}

.topics .pumpa:before {
    margin-right: 4px;
    background-position: -70px 0
}

.topics .drvo:before {
    margin-right: 4px;
    background-position: -105px 0
}

.topics h4 {
    font-size: 1.1em;
    vertical-align: middle
}

.topics p {
    margin-bottom: 0;
    text-align: justify
}

#quote p:first-child:before {
    padding-left: 30px;
    background: url(../images/blockquote-open.png) left top no-repeat
}

#quote p:last-child:after {
    padding-right: 30px;
    background: url(../images/blockquote-close.png) right bottom no-repeat
}

.facebook,
.fbLike {
    background-color: #425f9c
}

#contact>div {
    border-right: 1px solid #ccc;
    margin-bottom: 20px
}

#fb-like-btn,
.social {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px
}

#contact>div:last-child {
    border-right: none
}

#contact p {
    font-size: 1.2em
}

.fa-envelope,
.fa-phone {
    padding-right: 5px;
    color: #bfbfbf;
    font-size: 1.8em;
    vertical-align: middle
}

#fb-like-btn {
    position: relative
}

.social {
    color: #fff;
    text-align: left;
    padding-left: 4px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 3px;
    cursor: pointer;
    transition: .2s all
}

.social .fa {
    padding: 0 5px 0 3px
}

#contact div:last-child {
    margin-top: 10px
}

.fb-like {
    opacity: 0
}

.fbLike {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.twitter,
.twitterFollow {
    background-color: #1da1f2
}

.youtube {
    background-color: #e62117
}

.linkedin {
    background-color: #0077b5
}

.facebook:hover,
.fb-like:hover+.fbLike,
.fbLike:hover,
.linkedin:hover,
.twitter:hover,
.twitterFollow:hover,
.youtube:hover {
    background-color: #f1f1f1
}

.facebook:hover,
.fb-like:hover+.fbLike {
    color: #425f9c
}

.twitter:hover,
.twitterFollow:hover {
    color: #1da1f2
}

.youtube:hover {
    color: #e62117
}

.linkedin:hover {
    color: #0077b5
}

.margin-btm {
    margin-bottom: 40px
}

.margin-btm-sm {
    margin-top: 20px
}

.why {
    font-size: 1.1em
}

#test {
    width: 90px;
    height: 54px;
    margin-left: -1px;
    font-size: 32px;
    font-weight: 700;
    color: #bfbfbf;
    letter-spacing: 1px;
    border: 3px solid #bfbfbf;
    border-left: 0px;
    border-radius: 0;
    box-shadow: none
}
.hladjenje #test {
    width: 90px;
    height: 54px;
    margin-left: -1px;
    font-size: 32px;
    font-weight: 700;
    color: #092161;
    letter-spacing: 1px;
    border: 2px solid #092161;
    border-left: 0px;
    border-radius: 0;
    box-shadow: none
}

.ui-radio.checked {
    background-position: 0 -23px
}

.ui-radio label span {
    margin-left: 8px;
    margin-top: 1px
}

.checkbox-custom label {
    display: block!important;
    height: 28px;
    font-size: inherit;
    line-height: 20px!important;
    color: #fff!important;
    margin-right: 20px;
    padding-top: 4px!important;
    padding-bottom: 5px!important;
    padding-left: 0!important;
    white-space: normal
}

.checkbox-custom label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border: 1px solid #ccc;
    vertical-align: text-bottom
}

.checkbox-custom input:checked+label:before {
    content: "\f00c";
    color: #bfbfbf;
    font-family: FontAwesome;
    font-size: 1.2em
}
.hladjenje .checkbox-custom input:checked+label:before {
    content: "\f00c";
    color: #092161;
    font-family: FontAwesome;
    font-size: 1.2em
}

.form-horizontal .margin-btm-20,
.margin-btm-20 {
    margin-bottom: 20px
}

.ui-radio-icon-group .radio-image {
    background: #b3b3b3;
    color:#d8d8d8;
}

.ui-radio-icon-group .radio-image,
.ui-radio-icon-group .radio-image:hover {
    transition: all .2s ease-in-out
}

.ui-radio-icon-group .radio-image:hover {
    border-color: #b3b3b3;
    background-color: #b3b3b3;
    color:#fff;
}
.cekiran{
    position:absolute;
    top:15px;
    right:15px;
    color:#b3b3b3;
    font-size: 26px !important;
}

input[type="radio"]:checked+label .cekiran {
    color: #FF5757;
}


.ui-radio-icon-group .radio-image label {
    color: #fff;
    font-size: 18px;
    width: 220px;
    height: 320px;
    padding: 10px 5px
}

@media screen and (max-width:425px) {
    .ui-radio-icon-group .radio-image label {
        color: #fff;
        font-size: 14px;
        width: 150px;
        height: 200px;
        padding: 10px 5px
    }

    .ui-radio-icon-group .radio-image .image{
        font-size: 45px !important;
        display: block;
        text-align: center !important;
        margin-top: 50px !important;
        margin-bottom: 30px !important;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
}

.ui-radio-icon-group .radio-custom.circle,
.ui-radio-icon-group .radio-custom.circle label {
    border-radius: 50%
}

.ui-radio-icon-group .radio-custom.circle label {
    width: 170px;
    padding: 25px 30px
}

.ui-radio-icon-group .radio-custom.circle .small-text {
    padding: 35px 45px
}

.ui-radio-icon-group .radio-custom .small-text {
    padding: 20px 5px
}

.ui-radio-icon-group .radio-image input:checked+label {
    color: #000 !important;
    background: #fff;
    cursor: default
}
.ui-radio-icon-group .radio-image input:disabled+label{
    color: #000 !important;
    background: #383838;
    cursor: default

}
.ui-radio-icon-group .radio label {
    display: inline-block;
    text-align: center
}

.ui-radio-icon-group .radio-image .image {
    font-size: 60px;
    display: block;
    text-align: center !important;
    margin-top: 100px;
    margin-bottom: 70px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.fa-elektromobilnost{
    font-size: 20px!important;
}
.ui-radio-icon-group .radio-image .novi .image {
    background-position: -960px 0
}

.ui-radio-icon-group .radio-image input:checked+.novi .image {
    background-position: -960px -60px
}

.ui-radio-icon-group .radio-image .modernizacija .image {
    background-position: -1020px 0
}

.ui-radio-icon-group .radio-image input:checked+.modernizacija .image {
    background-position: -1020px -60px
}

.ui-radio-icon-group .radio-image input:checked+.gas .image {
    background-position: 0 -60px
}

.ui-radio-icon-group .radio-image .ulje .image {
    background-position: -60px 0
}

.ui-radio-icon-group .radio-image input:checked+.ulje .image {
    background-position: -60px -60px
}

.ui-radio-icon-group .radio-image .pumpa .image {
    background-position: -180px 0
}

.ui-radio-icon-group .radio-image input:checked+.pumpa .image {
    background-position: -180px -60px
}

.ui-radio-icon-group .radio-image .drvo .image {
    background-position: -120px 0
}

.ui-radio-icon-group .radio-image input:checked+.drvo .image {
    background-position: -120px -60px
}

.ui-radio-icon-group .radio-image .struja .image {
    background-position: -240px 0
}

.ui-radio-icon-group .radio-image input:checked+.struja .image {
    background-position: -240px -60px
}

.ui-radio-icon-group .radio-image .toplana .image {
    background-position: -300px 0
}

.ui-radio-icon-group .radio-image input:checked+.toplana .image {
    background-position: -300px -60px
}

.ui-radio-icon-group .radio-image .ugalj .image {
    background-position: -360px 0
}

.ui-radio-icon-group .radio-image input:checked+.ugalj .image {
    background-position: -360px -60px
}

.ui-radio-icon-group .radio-image .stan .image {
    background-position: -420px 0
}

.ui-radio-icon-group .radio-image input:checked+.stan .image {
    background-position: -420px -60px
}

/* KLIMATIZACIJA IKONICE */
.ui-radio-icon-group .radio-image .lokal .image {
    background: url(../images/klimatizacija/lokal1.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image input:checked+.lokal .image {
    background: url(../images/klimatizacija/lokal1b.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}
.ui-radio-icon-group .radio-image .potkrovlje .image {
    background: url(../images/klimatizacija/potkrovlje.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image input:checked+.potkrovlje .image {
    background: url(../images/klimatizacija/potkrovljeb.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}


.ui-radio-icon-group .radio-image .soba9 .image {
    background: url(../images/klimatizacija/soba9.png) no-repeat;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image .soba12 .image {
    background: url(../images/klimatizacija/soba12.png) no-repeat;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image .soba18 .image {
    background: url(../images/klimatizacija/soba18.png) no-repeat;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image .soba24 .image {
    background: url(../images/klimatizacija/soba24.png) no-repeat;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image .soba25 .image {
    background: url(../images/klimatizacija/soba25.png) no-repeat;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image input:checked+.soba9 .image {
    background: url(../images/klimatizacija/soba9b.png) no-repeat;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image input:checked+.soba12 .image {
    background: url(../images/klimatizacija/soba12b.png) no-repeat;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image input:checked+.soba18 .image {
    background: url(../images/klimatizacija/soba18b.png) no-repeat;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image input:checked+.soba24 .image {
    background: url(../images/klimatizacija/soba24b.png) no-repeat;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image input:checked+.soba25 .image {
    background: url(../images/klimatizacija/soba25b.png) no-repeat;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image .zamena .image {
    background: url(../images/klimatizacija/zamena-sadasnjeg.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image input:checked+.zamena .image {
    background: url(../images/klimatizacija/zamena-sadasnjeg-b.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image .kombinacija .image {
    background: url(../images/klimatizacija/kombinovanje.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image input:checked+.kombinacija .image {
    background: url(../images/klimatizacija/kombinovanje-b.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image .nova-instalacija .image {
    background: url(../images/klimatizacija/nova-instalacija.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image input:checked+.nova-instalacija .image {
    background: url(../images/klimatizacija/nova-instalacija-b.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image .jedna .image {
    background: url(../images/klimatizacija/jedan.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image input:checked+.jedna .image {
    background: url(../images/klimatizacija/jedan-b.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image .dve .image {
    background: url(../images/klimatizacija/dva.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image input:checked+.dve .image {
    background: url(../images/klimatizacija/dva-b.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image .tri .image {
    background: url(../images/klimatizacija/tri.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image input:checked+.tri .image {
    background: url(../images/klimatizacija/tri-b.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image .vise-od-tri .image {
    background: url(../images/klimatizacija/vise-od-tri.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image input:checked+.vise-od-tri .image {
    background: url(../images/klimatizacija/vise-od-tri-b.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image .single-split .image {
    background: url(../images/klimatizacija/monosplit.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image input:checked+.single-split .image {
    background: url(../images/klimatizacija/monosplit-b.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image .multi-split .image {
    background: url(../images/klimatizacija/multisplit.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-radio-icon-group .radio-image input:checked+.multi-split .image {
    background: url(../images/klimatizacija/multisplit-b.png) no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}


.ui-radio-icon-group .radio-image .kuca .image {
    background-position: -480px 0
}

.ui-radio-icon-group .radio-image input:checked+.kuca .image {
    background-position: -480px -60px
}

.ui-radio-icon-group .radio-image .radijator .image {
    background-position: -540px 0
}

.ui-radio-icon-group .radio-image input:checked+.radijator .image {
    background-position: -540px -60px
}

.ui-radio-icon-group .radio-image .pod .image {
    background-position: -600px 0
}

.ui-radio-icon-group .radio-image input:checked+.pod .image {
    background-position: -600px -60px
}

.ui-radio-icon-group .radio-image .radijator-pod .image {
    background-position: -660px 0
}

.ui-radio-icon-group .radio-image input:checked+.radijator-pod .image {
    background-position: -660px -60px
}

.ui-radio-icon-group .radio-image .ostalo .image {
    background-position: -720px 0
}

.ui-radio-icon-group .radio-image input:checked+.ostalo .image {
    background-position: -720px -60px
}

.ui-radio-icon-group .radio-image .kalendar .image {
    background-position: -780px 0
}

.ui-radio-icon-group .radio-image input:checked+.kalendar .image {
    background-position: -780px -60px
}

.ui-radio-icon-group .radio-image .kalendar6 .image {
    background-position: -840px 0
}

.ui-radio-icon-group .radio-image input:checked+.kalendar6 .image {
    background-position: -840px -60px
}

.ui-radio-icon-group .radio-image .kalendar12 .image {
    background-position: -900px 0
}

.ui-radio-icon-group .radio-image input:checked+.kalendar12 .image {
    background-position: -900px -60px
}

.ui-checkbox-icon-group .checkbox-custom input:checked,
.ui-radio-icon-group .radio-custom input:checked {
    border-color: #555;
    background-color: #fbfbfb
}

.ui-checkbox-icon-group .checkbox-custom input,
.ui-radio-icon-group .radio-custom input {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: -1;
    outline: 0
}

.ui-radio-icon-group .radio+.radio {
    margin-top: 0
}

.koraci:nth-child(even) {
    background-color: #000000;
}

.btn-next {
    padding: 10px 20px 10px 10px;
    color: #fff;
    background-color: #FF5757;
    border-color: #FF5757;
}
.hladjenje .btn-next {
    padding: 10px 20px 10px 10px;
    color: #fff;
    background-color: #092161;
    border-color: #092161
}

[class*=fa-chevron],
[class^=fa-chevron] {
    padding-left: 8px
}

.btn-next .fa-chevron-right:before {
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
    transition: transform .2s ease
}

.btn-next.active,
.btn-next:active,
.btn-next:focus,
.btn-next:hover,
.open .dropdown-toggle.btn-next {
    color: #fff;
    background-color: #e44545;
    border-color: #e44545
}

.hladjenje .btn-next.active,
.hladjenje .btn-next:active,
.hladjenje .btn-next:focus,
.hladjenje .btn-next:hover,
.hladjenje .open .dropdown-toggle.btn-next {
    color: #fff;
    background-color: #1177d9;
    border-color: #092161
}

.btn-next.active .fa-chevron-right:before,
.btn-next:active .fa-chevron-right:before,
.btn-next:focus .fa-chevron-right:before,
.btn-next:hover .fa-chevron-right:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

#no404,

#poslato{
    position: relative;
    top: 70px;
    bottom: 50px;
    background: url(../images/simbol-upitnik.png) center no-repeat #bfbfbf;
    background: url(../images/simbol-upitnik.png) center no-repeat, -moz-radial-gradient(center, ellipse cover, #242424 0, #626262 100%);
    background: url(../images/simbol-upitnik.png) center no-repeat, -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #242424), color-stop(100%, #626262));
    background: url(../images/simbol-upitnik.png) center no-repeat, -webkit-radial-gradient(center, ellipse cover, #242424 0, #626262 100%);
    background: url(../images/simbol-upitnik.png) center no-repeat, -o-radial-gradient(center, ellipse cover, #242424 0, #626262 100%);
    background: url(../images/simbol-upitnik.png) center no-repeat, -ms-radial-gradient(center, ellipse cover, #242424 0, #626262 100%);
    background: url(../images/simbol-upitnik.png) center no-repeat, radial-gradient(ellipse at center, #242424 0, #626262 100%)
}

.hladjenje #poslato {
    position: relative;
    top: 70px;
    bottom: 50px;
    background: url(../images/simbol-upitnik.png) center no-repeat #092161;
    background: url(../images/simbol-upitnik.png) center no-repeat, -moz-radial-gradient(center, ellipse cover, #1177d9 0, #092161 100%);
    background: url(../images/simbol-upitnik.png) center no-repeat, -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #e65c20), color-stop(100%, #092161));
    background: url(../images/simbol-upitnik.png) center no-repeat, -webkit-radial-gradient(center, ellipse cover, #1177d9 0, #092161 100%);
    background: url(../images/simbol-upitnik.png) center no-repeat, -o-radial-gradient(center, ellipse cover, #1177d9 0, #092161 100%);
    background: url(../images/simbol-upitnik.png) center no-repeat, -ms-radial-gradient(center, ellipse cover, #1177d9 0, #092161 100%);
    background: url(../images/simbol-upitnik.png) center no-repeat, radial-gradient(ellipse at center, #1177d9 0, #092161 100%)
}


.anketa {
    background: url(../images/simbol-upitnik.png) center no-repeat #bfbfbf;
    background: url(../images/simbol-upitnik.png) center no-repeat, -moz-radial-gradient(center, ellipse cover, #e65c20 0, #c71c1d 100%);
    background: url(../images/simbol-upitnik.png) center no-repeat, -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #e65c20), color-stop(100%, #c71c1d));
    background: url(../images/simbol-upitnik.png) center no-repeat, -webkit-radial-gradient(center, ellipse cover, #e65c20 0, #c71c1d 100%);
    background: url(../images/simbol-upitnik.png) center no-repeat, -o-radial-gradient(center, ellipse cover, #e65c20 0, #c71c1d 100%);
    background: url(../images/simbol-upitnik.png) center no-repeat, -ms-radial-gradient(center, ellipse cover, #e65c20 0, #c71c1d 100%);
    background: url(../images/simbol-upitnik.png) center no-repeat, radial-gradient(ellipse at center, #e65c20 0, #c71c1d 100%);
    background-attachment: fixed
}

#anketa .uvod {
    margin-bottom: 15px
}

#anketa .form-group p {
    padding-left: 1em;
    text-indent: -1.1em
}

#anketa .form-group:not(:last-child) {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f1f1f1
}

#anketa textarea {
    width: 98%;
    height: 32px;
    min-height: 32px;
    margin-bottom: 10px;
    margin-left: 13px;
    padding-bottom: 0;
    padding-left: 6px;
    overflow: hidden;
    background: 0 0;
    border: none;
    border: 1px solid #5e5e5e;
    border-radius: 0;
    box-shadow: none;
    resize: vertical
}

.alert {
    border-radius: 0
}

#anketa .has-error p {
    color: #a94442
}

#anketa .has-error .radio-custom label::before {
    border-color: #a94442
}

.checkbox-custom,
.radio-custom {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0 20px 20px 0;
    padding: 0;
    vertical-align: top
}

.checkbox-custom input[type=checkbox],
.radio-custom input[type=radio] {
    position: absolute;
    z-index: 1;
    width: 20px;
    height: 20px;
    cursor: pointer;
    opacity: 0
}

.checkbox-custom label,
.radio-custom label {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    min-height: 22px;
    margin-bottom: 0;
    font-weight: 300;
    cursor: pointer;
    vertical-align: middle
}

.radio-default input[type=radio]:checked+input[type=hidden]+label::before,
.radio-default input[type=radio]:checked+label::before,
.radio-default.checked label::after {
    background-color: #fff;
    border-color: #e0e0e0;
    border-width: 1px
}

.radio-default input[type=radio]:checked+input[type=hidden]+label::after,
.radio-default input[type=radio]:checked+label::after,
.radio-default.checked label::after {
    border-color: #3f51b5
}

.radio-custom:not(.radio-image) label::before {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    background-color: #fff;
    border: 1px solid #5e5e5e;
    border-radius: 50%;
    -webkit-transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s;
    -o-transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s;
    transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s
}

.radio-custom:not(.radio-image) input:checked+label::after {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    background-color: #bfbfbf;
    border: 1px solid transparent;
    border-radius: 50%;
    -webkit-transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s;
    -o-transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s;
    transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s
}

#lafarge,
#poslato .cell-bg {
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, .6)
}

#poslato ul {
    padding-left: 20px;
    list-style-type: decimal
}

#poslato li {
    padding-bottom: 10px;
    font-size: 16px;
    color: #fff
}

#poslato li:first-child {
    padding-top: 10px
}

#poslato .fa {
    font-size: 20px;
    color: #90ee90
}

#final h1,
#lafarge p,
#no404 h1,
#poslato h4,
#poslato p,
#video_controls {
    color: #fff
}

#poslato .horizontal-center {
    max-width: 800px;
    padding: 10px 20px
}

#poslato {
    overflow: auto;
    background: radial-gradient(ellipse at center, #1e1e1e 0, #626262 100%)
}

#poslato .cell-bg {
    max-width: 610px;
    margin: 0 auto
}

#lafarge {
    position: absolute;
    max-width: 350px;
    right: 17px;
    z-index: 9999
}

#lafarge a {
    display: inline-block
}

.side-baner {
    display: none
}

#final {
    left: 0;
    background: url(../images/memorandum-xl.jpg) center no-repeat;
    background-size: cover
}

#final .horizontal-center {
    max-width: 650px;
    padding: 20px
}

#final h1 {
    margin: 0;
    text-shadow: 0 0 5px #000
}

textarea {
    resize: vertical
}

@media (max-width:400px) {
    .ui-radio-icon-group .radio-image:nth-child(even) {
        margin-right: 0
    }
    .navbar-brand {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:450px) {
    .carousel-caption{
        left:0 !important;
    }
    .carousel-caption {
        width: 100%;
        float: left;
    }
    .carousel-caption h1 {
        font-size: 12px;
    }
    #carousel-grejanje-leti{
        width:250px;
        height:190px;
    }
    #carousel-grejanje-leti h1{
        font-size: 1em;
    }
}

@media (max-width:595px) {
    .carousel-caption{
        left:0 !important;
    }
    .carousel-caption {
        width: 100%;
        float: left;
    }
    .carousel-caption h1 {
        font-size: 12px;
    }
    .hidden-xxs {
        display: none!important
    }
    .visible-xxs {
        display: block!important
    }
    .col-xxs-6 {
        width: 50%
    }
    .steps:nth-child(3) .fa-chevron-right {
        display: none
    }
    #final {
        background-image: url(../images/memorandum-m.jpg)!important
    }
}

@media (max-width:1084px) {
    .navbar-header,
    nav.navbar-default ul.navbar-nav {
        float: none
    }
    .navbar-toggle {
        display: block
    }
    .navbar-collapse.collapse {
        display: none!important
    }
    .navbar-nav>li {
        float: none;
        padding-right: 0;
        padding-left: 0
    }
    .navbar-default .navbar-nav>li>.active,
    .navbar-default .navbar-nav>li>a {
        margin-bottom: 2px;
        padding: 0 15px;
        border-bottom-width: 0
    }
    .navbar-default .navbar-nav>li>.active {
        border-left: 3px solid #fff
    }
    nav.navbar-default li a {
        border-bottom-color: transparent;
        border-left: 3px solid #b4b4b4
    }
    #quote a {
        padding-top: 88px;
        padding-bottom: 89px
    }
    #reference .margin-btm {
        margin-bottom: 0
    }
    #final {
        background-image: url(../images/memorandum-l.jpg)
    }
    #poslato .display-cell,
    #poslato .display-table {
        display: block
    }
    #lafarge {
        display: none
    }
    .side-baner {
        display: block
    }
}

@media (max-width:767px) {
    .carousel-caption{
        left:0 !important;
    }
    .carousel-caption {
        width: 100%;
        float: left;
    }
    .carousel-caption h1 {
        font-size: 12px;
    }
    #main-carousel {
        height: 300px
    }
    .carousel-inner .item .first-slide {
        background: url(../images/home_slider/fotovoltaik_za_firme-s.jpg) center left no-repeat
    }
    .carousel-inner .item .second-slide {
        background: url(../images/home_slider/fotovoltaik_za_domacinstva-s.jpg) center left no-repeat
    }
    .carousel-inner .item .third-slide {
        background-image: url(../images/home_slider/nadstresnice_s.jpg)
    }
    .carousel-inner .item .fourth-slide {
        background-image: url(../images/home_slider/domacinstva-s.jpg?v=3)
    }
    #quote a {
        padding-top: 40px;
        padding-bottom: 40px
    }
    #contact>div:nth-child(2) {
        border-right: none
    }
    #contact>div:first-child {
        padding-top: 20px;
        border-right: none;
        border-top: 1px dashed #ccc
    }
    #contact>div {
        padding-bottom: 20px;
        border-bottom: 1px dashed #ccc
    }
    #funkcionalnost .row:nth-child(even) {
        padding: 20px 0;
        background-color: #f1f1f1
    }
}

@media (min-width:992px) and (max-width:11199px) {
    .ui-checkbox label {
        float: left
    }
}

@media (min-width:768px) and (max-width:991px) {
    .ui-checkbox label {
        float: left
    }
    #main-carousel {
        height: 400px
    }
    .carousel-inner .item .first-slide {
        background-image: url(../images/home_slider/fotovoltaik_za_firme-m.jpg)
    }
    .carousel-inner .item .second-slide {
        background-image: url(../images/home_slider/fotovoltaik_za_domacinstva-m.jpg)
    }
    .carousel-inner .item .third-slide {
        background-image: url(../images/home_slider/nadstresnice_m.jpg)
    }
    .carousel-inner .item .fourth-slide {
        background-image: url(../images/home_slider/domacinstva-m.jpg?v=3)
    }
    .carousel-caption.bg-transparent {
        background-color: rgba(0, 0, 0, .4) !important
    }
    .carousel-caption.caption-right {
        width: 450px;
        right: 5px
    }
    .carousel-caption.caption-right h1 {
        font-size: 2.2em;
        text-align: right
    }
    .carousel-caption.caption-right h2 {
        font-size: 1.4em;
        text-align: right
    }
}

@media (min-width:768px) {
    .navbar-right {
        float: none!important
    }
}

@media (min-width:992px) {
    .navbar-right {
        float: right!important;
        margin-right: -15px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #quote a {
        padding-top: 85px;
        padding-bottom: 85px
    }
    #reference .margin-btm {
        margin-bottom: 130px
    }
}

@media (min-width:992px) and (max-width:1366px) {
    #main-carousel {
        height: 500px
    }
    .carousel-inner .item .first-slide {
        background: url(../images/home_slider/fotovoltaik_za_firme-l.jpg) left center no-repeat;
        background-size: cover
    }
    .carousel-inner .item .second-slide {
        background-image: url(../images/home_slider/fotovoltaik_za_domacinstva-l.jpg)
    }
    .carousel-inner .item .third-slide {
        background-image: url(../images/home_slider/nadstresnice_l.jpg)
    }
    .carousel-inner .item .fourth-slide {
        background-image: url(../images/home_slider/domacinstva-l.jpg)
    }
    .carousel-caption.bg-transparent {
        background-color: rgba(0, 0, 0, .4) !important
    }
    .carousel-caption.caption-right {
        width: 700px;
        right: 5px
    }
    .carousel-caption.caption-right h1 {
        font-size: 2.6em;
        text-align: right
    }
    .carousel-caption.caption-right h2 {
        font-size: 1.6em;
        text-align: right
    }
    #final {
        background-image: url(../images/memorandum-l.jpg)
    }
}

@media (min-width:1085px) and (max-width:1200px) {
    .navbar .container {
        width: 100%
    }
}

@media (min-width:1367px) {
    .carousel-inner .item .first-slide{
        background-image: url(../images/home_slider/fotovoltaik_za_firme-xl.jpg)
    }
    .carousel-inner .item .second-slide {
        background-image: url(../images/home_slider/fotovoltaik_za_domacinstva-xl.jpg)
    }
    .carousel-inner .item .third-slide {
        background-image: url(../images/home_slider/nadstresnice_xl.jpg)
    }
    .carousel-inner .item .fourth-slide {
        background-image: url(../images/home_slider/domacinstva-xl.jpg)
    }
    .carousel-caption {
        left: 20px
    }
    .carousel-caption.bg-transparent {
        background-color: rgba(0, 0, 0, .4) !important
    }
}

#video-holder {
    left: 0;
    text-align: center
}

#video-holder a {
    position: absolute;
    top: 20px;
    padding: 10px 20px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    z-index: 999
}

#video_controls {
    height: 25px;
    background-color: #333;
    font-family: Verdana, sans-serif;
    font-size: 12px
}

#video_controls div {
    height: 25px;
    line-height: 25px
}

.player-button {
    float: left;
    width: 40px;
    text-align: center;
    outline: 0;
    cursor: pointer
}

#progress {
    width: 65%;
    float: left;
    position: relative;
    background: #555
}

#play_progress {
    position: absolute;
    background: #bfbfbf
}

#load_progress {
    position: absolute;
    background: rgba(255, 255, 255, .4)
}

#fullscreen {
    margin-right: 20px
}

#time {
    text-align: right
}

@media not all,
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform 2s ease-in-out;
        -o-transition: -o-transform 2s ease-in-out;
        transition: transform 2s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
}

  
  ol.carousel-indicators li,
  ol.carousel-indicators li.active {
    width: 70px;
    height: 5px;
    border-radius: 0;
    border: 0;
    background: rgb(255, 255, 255, 0.8);
    border: 0.1px solid rgb(0, 0, 0, 0.3);
  }
  
  ol.carousel-indicators li.active {
    background: rgba(255, 255, 255, 1);
    border: 0.1px solid rgb(0, 0, 0, 0.3);
  }

  .cta-bkgrd-img{
      background-position:center center;
      background-repeat:no-repeat;
      background-size:cover;
      height:100%;
      max-width:100%;
      -moz-transition:all .3s;
      -webkit-transition:all .3s;
      transition:all .3s
    }
.cta-bkgrd-img:hover{
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.hometools-widget{
    margin-bottom:15px
}
.img-icon-overlay{
    position:relative
}
.cta-img{
    height:190px;
    overflow:hidden;
    width:100%
}
.cta-bkgrd-img{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    height:100%;
    max-width:100%;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s
}.cta-bkgrd-img:hover{
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.hometools-title{
    color:#fff;
    line-height:28px;
    margin-top:30px
}
.hometools-widget .hometools-title{
    font-size:20px;
    line-height:28px;
    margin-top:30px!important;
    margin-bottom:25px !important;
}
.hometools-text{
    margin-bottom:15px
}
.hometools-widget .hometools-text{
    margin-top:0
}
.newest-article-widget{
    margin-top: 20px;
}
.newsBox{
    margin-top: 40px !important;
}

.parallax {
    padding-top: 150px;
    padding-bottom: 100px;
    min-height: 550px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}

.columns-widget{
    padding-top: 30px;
    padding-bottom: 30px;
}


.golden {
    color: #bfbfbf !important;
}

.mt-35{
    margin-top: 35px !important;
}

.mt-25{
    margin-top: 25px !important;
}
.mt-15{
    margin-top: 15px !important;
}

.dugme{
    
    height: 60px;
    line-height: 60px;
    
    border:1px solid #fff;
    height: 50px;
    font-style: normal;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 50px;
    letter-spacing: 1px;
    padding-top: 17px;
    padding-right: 20px;
    padding-left: 20px;
    
    background-image: none;
    cursor: pointer;
    white-space: nowrap;
    line-height: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    outline: 0;
  }
  
  .dugme:hover
    {
      color:#000;

      background-color: #fff;
  }

  .dugme-sm{
    height: 45px;
    line-height: 40px;
    
    border:1px solid #fff;
    font-style: normal;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 50px;
    letter-spacing: 1px;
    padding-top: 14px;
    padding-right: 30px;
    padding-left: 30px;
    
    background-image: none;
    cursor: pointer;
    white-space: nowrap;
    line-height: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    outline: 0;
  }
  
  .dugme-sm:hover
    {
      color:#000;

      background-color: #fff;
  }

  #map{
    z-index: 3;
    position: relative;
    height: 400px;
  }
  @media only screen and (max-width: 500px) { 
    #map{
      height: 350px;
    }
  }

  #searchInput{
    z-index: 3;
    position: relative;
  }

  #searchInputAlert{
    display: none;
  }

  #povrsinaAlert{
    display: none;
  }

  .vest-wrap{
    min-height: 200px;
  }
  .newest-article-widget{
    margin-bottom: -50px !important;
  }

  .crvenaBoja{
    color:#FF5757;
  }
  .ikonicaKrova{
    height: 40px;
  }

  .mapaDisclaimer{
    font-size: 15px!important;
  }

  .border-top{
    border-top: 2px solid white;
  }

  .lead-sm{
    font-size: 17px;
  }



















  #youtubePlaceholder {
    height: 470px;
    width: 100%;
    max-height: 470px;
    max-width: 1000px;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.uc-embedding-wrapper h3 {
    color: black;
}
p.description-text {
    color: black !important;
    max-width: 100% !important;
}
.uc-embedding-more-info {
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
    font-size: 16px;
    display: inline-block;
    height: 45px;
    width: 100%;
    max-width: 230px;
    letter-spacing: 1.2;
    background: #ffffff;
    color: #6E6E6E;
    border: 1px solid #6E6E6E;
    margin: 5px 10px 15px 10px;
    line-height:0px;
}
.uc-embedding-accept {
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    box-shadow: none;
    font-size: 16px;
    display: inline-block;
    height: 45px;
    width: 100%;
    max-width: 230px;
    padding: 0;
    letter-spacing: 1.2;
    padding-left: 25px;
    padding-right: 25px;
    background: #9b004b;
    color: #fff;
    margin: 5px 10px 15px 10px;
    line-height:0px;
}
.uc-embedding-wrapper {
    width: 100%;
    height: 100%;
    justify-content: center;
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    background: rgba(255, 255, 255, 0.75);
    border-radius: 4px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 50%);
    position: absolute;
    padding: 10px;
    top: 50%;
    left: 50%;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    transform: translateX(-50%) translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    overflow: auto;
    font-family: Arial, Verdana, sans-serif;
}
.uc-embedding-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.uc-embedding-wrapper>h3 {
    margin-top: 0px !important;
    max-width: 100% !important;
}

.h1{
    font-size: 2.5em;
}

.h2{
    font-size: 2em;
}

.h3{
    font-size: 1.8em;
}

p{
    font-size: 1.12em;
    line-height: 1.8em;
}

.text-danger{
    color: #FF5757;
}


.question-line-row{
    display: flex;
    align-items: center;
    margin: 0 auto !important;
  }
  .true-and-false-line{
    border-bottom: 1px solid #000;
    flex: 1;
  }
  
  .eblink{
    font-size: x-large;
    color: #bbb;
  }

  .w-25{
    width: 25% !important;
  }

  .mt-50{
    margin-top: 50px !important;
  }

  .devider{
    width: 30%;
  }
  
@media screen and (max-width:767px) {
    .devider{
      width: 50%;
    }
}

.meni-crvena{
    color: #FFDE59 !important;
    font-weight: 900;
}