.logo-link-img {
    width: 299px;
    top: -7px;
}

body p {
    color: #555555;
    font-size: 16px;
}

p.okvir.okvir--info {
    background: #939292;
    border-left-color: #578bb9;
    color: #FFFFFF;
    border-radius: 3px;
}

p.note--info {
    border-left-color: #1b456c;
}

ol li, ul li {
    color: #404040;
    font-size: 16px;
}

b, strong {
    font-weight: 600;
}

body {
    overflow:hidden;
}

a{
    transition:0.3s;
}

.col-lg-9 ul {
    margin-left: 20px;
}

.search-fullp div[id^=results-] ul li a {
    margin-bottom: 12px;
}

.okvir a {
    color: #FFFFFF !important;
    transition: 0.3s;
}

.okvir a:hover {
    color: #dfefff !important;
}

ol.olcircle li:before {
    background: #578bb9;
}

.dropdown-menu li:last-child {
    background-color: transparent !important;
    border-radius: 20px;
    transition: 0.3s;
    position: relative;
}

.dropdown-menu li:last-child a {
    color: #777777 !important;
    font-size: 15px !important;
}

.dropdown-menu li:last-child .dropdown-item {
    color: #777777 !important;
}

.dropdown-menu li:last-child:after {
    display: none;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:last-child a {
    color: #777777 !important;
    font-size: 15px !important;
}

#header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu {
    display: block;
    margin-left: 0;
}

#header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu .dropdown-item:hover {
    padding-bottom: 6px !important;
    border-radius: 30px !important;
}

#mainNav li:last-child {
    background-color: #d3d3d3;
    border-radius: 20px;
    transition: 0.3s;
    position: relative;
    height: 45px !important;
    display: flex;
    align-items: center;
}

#mainNav li:last-child:after {
    content: "";
    height: 100%;
    position: absolute;
    background-color: #0038ee;
    border-radius: 20px;
    margin-top: -48px;
    width: 100%;
    z-index: -1;
    right: -7px;
    bottom: -7px;
}

#mainNav li:last-child a {
    color: #FFFFFF !important;
    font-size: 17px !important;
}

#mainNav li:last-child a.active:before {
    display: none;
}

#mainNav li:last-child:hover {
    background-color: #78bdfe;
}

#mainNav li:last-child:hover a:before {
    display: none;
}

.nav li a {
    color: #777777 !important;
    font-size: 17px !important;
}

.head-title {
    z-index: 0;
}

.header-first {
    background-position: top -124px right 0px !important;
}

#header.search-show .header-nav-features .header-nav-features-search-reveal-big-search {
    z-index: 100000;
}

.mdp-readabler-trigger-button-icon svg {
    visibility: visible;
}

.fa-bars-sort {
    font-size: 35px;
}

.fa-bars-sort:before {
    content: "\e0ae";
    color: #777777;
}

.h1-title h1 {
    font-size: 55px;
    line-height: 60px;
    font-weight: bold !important;
    padding-bottom: 20px !important;
    white-space: unset !important;
}

.h1-title span {
    font-weight: 800 !important;
}

.h1-title p {
    max-width: 48%;
    margin: auto;
    font-size: 17px;
    padding-bottom: 20px;
}

.heading-top-image .heading-title-block {
    right: 0;
    text-align: center;
    bottom: 51px;
    top: auto;
    padding-left: 274px;
    left: auto;
}

.down-menu .header-nav-top{
    position:relative;
    left: unset;
    right: unset;
    justify-content: unset;
    margin: auto;
    bottom: 0;
}

.sticky-header-active .down-menu .header-nav-top {
    bottom: 0px;
}

.heading-top-image .heading-title-block h2 strong {
    text-shadow: unset;
}

.heading-top-image .heading-title-block span {
    text-shadow: unset;
}

.elc-header {
    height: auto !important;
}

.elc-header h3 {
    text-transform: unset !important;
    margin-bottom: 6px !important;
}

html .badge-dark {
    background-color: #578bb9;
}

.page-header.page-header-lg {
    padding: 175px 0 0;
}

html .badge-dark {
    background-color: #939292;
    padding: 7px 15px !important;
    margin-bottom: 5px;
}

html .badge-dark {
    background-color: #939292;
    padding: 7px 15px !important;
    margin-bottom: 5px;
}


#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li > a.active:before {
    right: auto;
    left: 18px;
}

#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li:hover > a:before {
    right: auto;
    left: 18px;
}

#header .header-nav-top .flag {
    top: 0px!important;
}

.fa-chevron-down::before {
    font-size: 15px;
}

/*heading section*/
.heading-top-section {
    position: relative;
}

.heading-top-section:after {
    display: block;
    position: relative;
    /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 91%);*/
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 1) 100%);
    height: 200px;
    width: 100%;
    content: '';
    position: absolute;
    bottom: 0;
}

.header-body {
    background-color: transparent !important;
}

section.page-header .page-header-title-border {
    background-color: #0340ed !important;
}

.heading-zg {
    background-image: url("/doc/slike/kristal-zagreb.jpg");
}

.heading-sb {
    background-image: url("/doc/slike/bg-sb.jpg");
}

.heading-sesvete {
    background-image: url("/doc/slike/kristal-bg-sesvete.jpg");
}

.breadcrumb li, .breadcrumb a {
    color: #FFFFFF;
}

.title-top {
    padding: 20px 0 30px !important;
}

.title-top span {
    text-align: center !important;
    font-size: 50px !important;
    font-weight: 900;
    white-space: wrap;
}

.page-header {
    background-size: cover;
    background-image: url("/doc/slike/Ugradnja.jpg");
    height: 405px;
    background-size: cover !important;
    background-position: center;
    position: relative !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}

.page-header h1 {
    letter-spacing: 0.5px;
    font-size: 53px !important;
    font-weight: bold;
}

.heading-subtitle {
    position: absolute;
    margin-top: -160px;
    font-size: 18px;
    left: 0;
    right: 0;
}

.heading-subtitle h5 {
    text-transform: unset;
    white-space: unset !important;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 1px;
    padding-right: 40% !important;
}

.heading-title-block {
    position: absolute;
    top: 200px;
    z-index: 1;
    left: 0;
    width: 1102px;
}

.heading-title-block span {
    display: block;
    font-size: 21px;
    letter-spacing: 0.5px;
    text-shadow: -3px 3px 6px rgba(0, 0, 0, 0.36);
}

.heading-title-block h2 {
    text-align: left;
    width: 73% !important;
    text-shadow: -3px 3px 6px rgba(0, 0, 0, 0.36);
}

.heading-title-block h2 strong {
    font-size: 66px;
    line-height: 69px;
    text-shadow: -3px 3px 6px rgba(0, 0, 0, 0.36);
    color:#FFFFFF!important;
}

.heading-title-block .heading-text-below p {
    font-size: 17px;
    text-align: left;
    line-height: 23px;
    width: 70%;
    margin: auto;
    color: #ffffff;
    text-shadow: -3px 3px 6px rgba(0, 0, 0, 0.36);
}

.page-header.page-header-classic:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.page-header .order-2 {
    z-index: 1;
}

.header-nav-top {
    position: absolute;
    left: 0;
    right: 0;
    justify-content: center;
    margin: auto;
    bottom: 55px;
}

.header-nav-top .nav-link {
    color: #0038ee !important;
    font-size: 16px;
}
.header-nav-top .flag-img-center {
    font-size: 13px !important;
}
.dropdown-menu .flag-img-center {
    font-size: 13px !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
}

.header-nav-top li a {
    color: #777777;
}

#header .header-nav-main nav > ul > li > a {
    color: #181818;
    font-weight: normal;
    text-transform: unset !important;
}

.heading.heading-middle-border h1, 
.heading.heading-middle-border h2, 
.heading.heading-middle-border h3, 
.heading.heading-middle-border h4, 
.heading.heading-middle-border h5, 
.heading.heading-middle-border h6 {
    background: transparent;
}

.sticky-header-active .header-body {
    top: 0 !important;
    background-color: #FFFFFF !important;
}

.sticky-header-active .header-column {
    height: 115px;
    padding-bottom: 24px;
}

.sticky-header-active .header-logo img {
    top: 20px !important;
}

.sticky-header-active #header {
    z-index: 10000000;
    transition: 0.3s;
}

.sticky-header-active .header-nav-top {
    bottom: 77px;
}

.sticky-header-active .header-nav-main {
    bottom: 27px;
}

#header {
    transition: 0.3s;
}



.header-nav-main {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    justify-content: center;
    bottom: 0;
    padding-left: 115px;
}

.header-nav-main a {
    transition: 0.3s;
    padding: 0.6rem !important;
}

.header-nav-main a.active {
    color: #0038ee !important;
}

.header-nav-main a:before {
    transition: 0.3s;
    background-color:#0038ee !important;
}

#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a:before,
#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li:hover > a:before {
    width: 8px;
    height: 8px;
    transition: 0.3s;
    border-radius: 50%;
    top: 62%;
    left: 32px;
}

.social-icons li {
    box-shadow: none !important;
}

.social-icons li a {
    background-color:#d3d3d3 !important;
    border-radius: 100% !important;
}

.social-icons li a i:before {
    color: #FFFFFF;
    font-size: 12px;
    transition: 0.3s;
}

.social-icons li a:hover {
    background-color: #58a2df !important;
}

.fa-magnifying-glass {
    margin-top: 9px;
}

.fa-magnifying-glass::before {
    color: #000000;
    font-size: 23px;
    transition: 0.3s;
}

.header-nav-features {
    padding-left: 20px !important;
    margin-left: 0 !important;
    padding-right: 13px;
}

.header-nav .d-none {
    z-index:100;
}
.header-nav-features-search-show-icon:hover i:before {
    color: #58a2df;
}

header {
    height: 115px !important;
}

#header .header-nav {
    min-height: 12px;
}

#header .header-logo {
    height: 0px !important;
    top: 7px;
}

.header-nav-features-search-reveal-big-search-full {
    height: 146px !important;
}

#header .header-nav-features .header-nav-features-search-reveal-big-search .form-control {
    border-bottom-color: #578bb9;
}

.search-show .header-nav-features-search ul {
    width: 100%;
    min-width: 100%;
    position: absolute;
    padding: 22px 3rem 1rem;
    top: 147px;
    left: 0;
    background: #fff;
}

/*SCROLLBAR*/
/* width */
.search-show .header-nav-features-search ul::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.search-show .header-nav-features-search ul::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.search-show .header-nav-features-search ul::-webkit-scrollbar-thumb {
    background: #578bb9;
    border-radius: 30px;
}

.search-show .header-nav-feature {
    height: 123px;
}

.search-show .fa-search:after {
    height: auto;
}

.search-show .fa-search:before {
    color: #FFFFFF;
}

.nav-pills li:last-child {
    margin-left: 13px !important;
}

/*.dropdown-menu {
    padding-top: 27px !important;
}*/

.dropdown-menu a {
    color: #0088CC !important !important;
    padding: 10px 19px !important;
    text-transform: uppercase !important;
}

.dropdown-menu li:last-child {
    margin-left: 0px !important;
}

.dropdown-menu .dropdown-item {
    color: #777777 !important;
    font-size: 15px !important;
    margin-left: 0px !important;
}

.carousel-category {
    margin-bottom: 65px;
}

.carousel-category a {
    color:#0038ee;
    transition:0.3s;
}

.carousel-category a:hover {
    color:#212529;
}

.carousel-category .owl-item img {
    display: none;
}

.carousel-category .owl-item h4 {
    text-align: center;
    font-size: 25px;
}

.carousel-category .owl-carousel .owl-nav {
    top: 35% !important;
}

.carousel-category .owl-carousel .owl-nav button.owl-next {
    right: -70px;
}

.carousel-category .owl-carousel .owl-nav button.owl-prev {
    left: -70px;
}

.--bg-arrows .owl-carousel .owl-nav button[class*=owl-] {
    background-color: #878787 !important;
    width: 35px !important;
    height: 35px !important;
    border-radius: 30px;
    transition: 0.3s;
}

.category-entry-navigation {
    margin: 0 auto 0px;
}

 .article-load {
    padding-right: 8px;
    padding-left: 8px;
    max-height: 297px;
    overflow: hidden;
    margin-bottom: 17px !important;
}

.category-entry-navigation .img-thumbnail.img-thumbnail-no-borders{
    filter: brightness(0.90);
}

.category-entry-navigation .article-load:hover {
    transition: 0.3s;
    background: transparent;
}

.category-entry-navigation .article-load:hover img {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.category-entry-navigation .article-load .d-block {
    position: absolute;
    bottom: 70px;
    left: 50px;
}

.category-entry-navigation .article-load .d-block a {
    background-color: #78bdfe;
    border: none;
    border-radius: 30px;
    padding: 10px 25px;
    font-size: 13px !important;
    font-weight: bold;
}

.category-entry-navigation .article-load .d-block a:hover {
    background-color: #58a2df;
}

.category-entry-navigation .thumb-info-wrapper {
    border-radius: 0 !important;
    overflow: hidden;
    max-height: 408px;
    margin: 0;
    transition: 0.4s;
}

.category-entry-navigation img {
    width: 100%;
    border-radius: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
}

.category-entry-navigation h4 {
    position: absolute;
    bottom: 53px;
    z-index: 1000;
    letter-spacing: 0.5px;
    left: 48px;
    font-size: 40px !important;
    line-height: 38px;
}

.category-entry-navigation2 h4 {
    bottom: 123px;
}

.category-entry-navigation h4 a {
    color: #FFFFFF;
}

.category-entry-navigation h4:after {
    content: "";
    width: 50%;
    height: 3px;
    border-radius: 5px;
    margin-bottom: -15px;
    border: none;
    background: #78bdfe;
    position: absolute;
    bottom: 0;
    left: 0;
}

.category-entry-navigation .post-image {
    overflow: hidden;
    max-height: 484px;
    margin: 0;
    transition: 0.3s;
    margin-bottom: 0 !important;
    position: relative;
}

.category-entry-navigation .post-image:after {
    content: "";
    background: linear-gradient(212deg, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 0.90) 88%);
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
}

.posl-post .post-content {
    margin-bottom: 20px;
}

.posl-post .post-content h4 {
    text-align: center;
    margin-top: 19px;
    font-size: 20px !important;
    margin-bottom: 0px !important;
}

.posl-post .article-load .grid-media{
    width:100%;
}

.card-reference .carousel-default .owl-item img {
    height: 100%;
    max-height: 100%;
    object-fit: cover;
}

.post-head .heading-border {
    margin-bottom: 0px;
    width: 52%;
    margin: auto;
}

.post-head hr {
    margin: 16px 0;
}

.post-head h1 {
    font-weight: bold !important;
    margin-bottom: 0 !important;
}

.post-head figure {
    width: 70px;
    height: 56px;
    position: absolute;
    right: 0;
    bottom: -22px;
}

.post-head img {
    height: auto;
}

.catalog-list .article-load {
    margin-bottom: 15px;
    max-width: 90%;
}

.catalog-list .article-load .post {
    background-color: #dfefff;
    border-radius: 5px;
}

.catalog-list .article-load:nth-child(even) .post {
    background-color: #578bb9;
}

.catalog-list .article-load:nth-child(even) .post a {
    color: #FFFFFF;
    transition: 0.3s;
}

.catalog-list .article-load:nth-child(even) .post a:hover {
    color: #dfefff;
}

.catalog-list .article-load:nth-child(even) .remote-field {
    color: #ffffff;
}

.catalog-list .article-load .post-content {
    display: flex;
    padding: 20px 20px;
    flex-direction: row;
    font-size: 18px;
    font-weight: bold;
}

.catalog-list .article-load .post-content h4 {
    font-size: 17px !important;
    order: 1;
    padding-left: 40px;
    margin-bottom: 0 !important;
}

.catalog-list .article-load .post-content a {
    color: #578bb9;
    transition: 0.3s;
}

.catalog-list .article-load .post-content a:hover {
    color: #1b456c;
}

.catalog-list .article-load .remote-field {
    color: #578bb9;
}

.catalog-list .article-load .remote-field:before {
    content: "- ";
    padding-left: 5px;
}

.catalog-list .article-load .post-meta {
    width: auto;
}

.catalog-detail .catalog-details {
    display: flex;
}

.catalog-detail .catalog-details p {
    font-size: 20px;
}

.catalog-detail .catalog-details p:first-child {
    font-weight: bold;
    color: #1b456c;
    padding-right: 6px;
    width: 200px;
}

.catalog-detail .blog-posts {
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 40px;
}

.catalog-detail .single-post {
    margin-right: 0;
}

.catalog-detail .inside-blog {
    position: relative;
}

.catalog-detail .inside-blog:before {
    content: "";
    background-image: url("/doc/slike/check02.png");
    width: 300px;
    height: 300px;
    top: 19px;
    left: auto;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    right: 126px;
    bottom: auto;
}

.catalog-detail .form-entry-block {
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    top: 104px;
    background: #bbdefe;
    padding: 40px 40px;
    border-radius: 5px;
    float: left;
}

.catalog-detail .form-entry-block .iti--show-flags {
    width: 100%;
}

.catalog-detail .form-entry-block .fui-page-container .fui-page-row:nth-child(2),
.catalog-detail .form-entry-block .fui-page-container .fui-page-row:nth-child(3),
.catalog-detail .form-entry-block .fui-page-container .fui-page-row:nth-child(4),
.catalog-detail .form-entry-block .fui-page-container .fui-page-row:nth-child(5) {
    display: inline-block;
    width: 50%;
}

.catalog-detail .form-entry-block .fui-page-container .fui-page-row:nth-child(2),
.catalog-detail .form-entry-block .fui-page-container .fui-page-row:nth-child(4) {
    margin-right: 15px;
}

.catalog-detail form h4 {
    font-weight: normal;
    font-size: 17px;
    line-height: 23px;
    color: #1b456c;
}

.fui-btn-wrapper .fui-btn.fui-submit.fui-next {
    width: 100%;
    background: #0340ed !important;
    transition:0.3s;
}

.fui-btn-wrapper .fui-btn.fui-submit.fui-next:hover {
    background: #0c3197 !important;
}

.catalog-detail form h1 {
    font-size: 33px !important;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 39px;
    position: relative;
    margin-bottom: 10px;
}

.slider-container {
    background: #f2f2f2;
}

.slider-content .tp-parallax-wrap{
    left:20%!important;
    position: relative!important;
    top: 0!important;
}

.slider-content .tp-mask-wrap{
    position: relative!important;
}

.slider-content .slider-group-info {
    width: 800px;
    position: absolute;
    top: auto;
    display: block;
    bottom:165px;
    height: auto;
    left:0;
}

.slider-content .tp-loop-wrap {
    position:relative!important;
}

.slider-content .slider-content-title{
    font-size: 66px !important;
    line-height: 69px !important;
    text-shadow: -3px 3px 6px rgba(0, 0, 0, 0.36);
    white-space: normal!important;
}

.slider-content .slider-content-subtitle {
    display: block;
    font-size: 21px!important;
    letter-spacing: 0.5px!important;
    text-shadow: -3px 3px 6px rgba(0, 0, 0, 0.36);
    white-space: normal!important;
}

textarea {
    min-height: 120px;
}

.partner {
    text-transform: uppercase;
    text-align: center;
    color: #0088CC;
    font-weight: bold;
}

/*content section*/
.content-section {
    margin-top: 50px;
    padding: 100px auto 100px;
}

.content-box h4 {
    font-size: 70px;
    line-height: 78px;
    padding-bottom: 60px;
    font-weight: 700;
    position: relative;
    color: #939393;
    margin-bottom: 20px !important;
}

.content-box h4:after {
    content: "";
    width: 20%;
    height: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
    border: none;
    background: #578bb9;
    position: absolute;
    bottom: 0;
    left: 0;
}

.content-box .section-default {
    padding-right: 60px !important;
}

.content-box .section-default p {
    font-size:18px;
    line-height: 25px;
    font-weight: 500;
    color: #404040 !important;
}

.content-box .section-default ol li,
.content-box .section-default ul li {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 13px !important;
}

.content-box .section-default strong {
    color: #0340ed;
}

.parallax-background {
    height: 100% !important;
}

.carousel-default .owl-item img,
.carousel-default .owl-item .embed-responsive.embed-responsive-16by9 {
    object-fit: contain;
}

.gallery-kristal .gclose svg, .gnext svg, .gprev svg {
    visibility: visible!important;
}

.glightbox-clean .gclose svg {
    width: 19px;
    height: auto;
    visibility: visible!important;
}

.brands .carousel-default .owl-item img {
    min-height: 180px;
    max-height: 180px;
    max-width: 180px;
}

.brands .carousel-default .owl-item picture {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-kristal{
    padding-top:0!important;
}


/*services*/
.services-box {
    margin: 20px auto 100px;
}

.services-box .row {
    justify-content: center;
}

.services-box .post-content h4 {
    text-transform: uppercase;
}

.services-box .post-content {
    padding-top: 15px;
    text-align: center;
}

.article-load-center .article-load h4 {
    margin: 9px 0 8px !important;
    text-transform: uppercase;
}

.article-load:hover {
    transition: 0.3s;
    background: transparent;
}

.article-load:hover img {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.thumb-info-wrapper {
    border-radius: 0 !important;
    overflow: hidden;
    max-height: 408px;
    margin: 0;
    transition: 0.4s;
}

.cijena-ikone .col-lg-12 {
    width: calc(100% / 3);
    flex:unset;
}
.cijena-ikone .feature-box-icon {
    display:flex;
    margin:auto;
}
.cijena-ikone .feature-box-info {
    text-align: center;
}

img {
    border-radius: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.post-image {
    overflow: hidden;
    max-height: 484px;
    margin: 0;
    transition: 0.3s;
    margin-bottom: 0 !important;
}

/*contact*/
.contact-flex {
    display: flex !important;
    position:relative;
    margin-bottom:38px;
}

.contact-flex:after {
    content:"";
    width:60%;
    height:1px;
    position:absolute;
    bottom:0;
    background:#d3d3d3;
    left:0;
    right:0;
    margin:auto;
}

.car-line{
    position:relative;
    margin-bottom:32px;
}

.car-line:after {
    content:"";
    width:60%;
    height:1px;
    position:absolute;
    bottom:0;
    background:#d3d3d3;
    left:0;
    right:0;
    margin:auto;
}

.contact-flex .featured-boxes-sidebar .col-lg-9 {
    flex: 0 0 100%;
    max-width: 100%;
}

.contact-flex .featured-boxes-full .featured-box-full {
    text-align: center;
    padding: 55px 33px;
}

.contact-form2 .fui-form-container{
    background: #c3c3c3;
    padding: 30px 30px 50px;
}

.contact-form2{
    .fui-label {
        color: #FFFFFF;
    }
}

.map2 .gm-map {
    height: 580px!important;
}

.map2{
    margin-bottom:60px;
}

.contact-form2 h2 {
    margin: 0 0 10px;
}

.contact-zatrazite-ponudu textarea {
    min-height: 105px!important;
}

.contact-zatrazite-ponudu .fui-form-container{
    background-image: url("/doc/slike/form-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.form-entry-block {
    width: 100%;
    float: left;
}

.form-entry-block h2 {
    color: #939393;
}

.sidebar-color2 h5{
    background-color:#0340ed!important;
}

.sidebar-color2 a span{
    color:#0340ed;
}

.kristal-poslovnice h4 {
    margin: 20px 0 35px;
    font-size: 1.4em !important;
    text-align: center;
}

.poslovnice-kontakt {
    width: 50%;
}

.poslovnice-flex{
    display:flex;
}

.kristal-poslovnice-block-kontakt{
    width:100%!important;
}

.kristal-poslovnice-block-kontakt .col-lg-3{
    flex: 0 0 24%;
    max-width: 25%;
}

.kristal-poslovnice-block {
    width:50%;
}

.kristal-poslovnice-block h2 {
    margin: auto !important;
    font-weight: 800 !important;
    font-size: 45px;
}

.poslovnice-kontakt .owl-stage {
    width: 100% !important;
    display: block;
    display: flex;
    flex-wrap: wrap;
}

.poslovnice-kontakt .owl-item {
    width: 50% !important;
    text-align: center;
}

.poslovnice-kontakt .container-xl {
    padding:0;
}

.cnct-form .col-lg-12{
    padding:0;
}
.poslovnice-kontakt .owl-item h4 {
    margin: 20px 0 35px;
}

.poslovnice-kontakt .owl-item img {
    min-height: 239px;
    max-height: 239px;
}

.poslovnice-kontakt .header-lists-block h2 {
    color: #1b456c;
    margin: auto;
    font-weight: 800;
    font-size: 45px;
}

.poslovnice-kontakt  h4{
    margin: 20px 0 35px;
    font-size:1.4em!important;
    text-align:center;
}

.poslovnice-kontakt h2{
    color: #1b456c;
    margin: auto;
    font-weight: 800!important;
    font-size: 45px;
}

.post-content h2 {
    font-weight: 600 !important;
    font-size:2.1em!important;
}
.contact-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column-reverse;
    padding: 80px 0 50px;
    background-image: url("/doc/slike/bg04.png");
    background-size: cover;
    background-position: right 12% top 60%;
    /*background-color:#0340ed;*/
    /*background: #2980b9 url('https://static.tumblr.com/03fbbc566b081016810402488936fbae/pqpk3dn/MRSmlzpj3/tumblr_static_bg3.png') repeat 0 0;
    -webkit-animation: 10s linear 0s normal none infinite animate;
    -moz-animation: 10s linear 0s normal none infinite animate;
    -ms-animation: 10s linear 0s normal none infinite animate;
    -o-animation: 10s linear 0s normal none infinite animate;
    animation: 10s linear 0s normal none infinite animate;*/
}

@-webkit-keyframes animate {
    from {background-position:0 0;}
    to {background-position: 500px 0;}
}

@-moz-keyframes animate {
    from {background-position:0 0;}
    to {background-position: 500px 0;}
}

@-ms-keyframes animate {
    from {background-position:0 0;}
    to {background-position: 500px 0;}
}

@-o-keyframes animate {
    from {background-position:0 0;}
    to {background-position: 500px 0;}
}

@keyframes animate {
    from {background-position:0 0;}
    to {background-position: 500px 0;}
}

.contact-btn {
    background-color: #FFFFFF !important;
    border-color: unset !important;
    padding: 16px 25px !important;
    font-weight: bold;
    transition: 0.3s;
    border: none;
}

.contact-btn:hover {
    color: #FFFFFF !important;
    background-color: #578bb9 !important;
    border-color: unset !important;
}

.contact-icons2 {
    width: 100% !important;
    margin: 45px auto 60px auto!important;
}

.contact-icons-new .col-lg-3 {
    flex: 0 0 25%!important;
    max-width: 25%!important;
}

.contact-icons-new .feature-box-info {
    padding-left: 0;
    text-align: center;
}

.contact-icons-new .feature-box-icon {
    display:flex;
    margin:auto;
}

.kontaktlijevo {
    width: 50%;
}

.poslovnice-kontakt2-new {
    width:100%!important;
}

.poslovnice-kontakt2-new .article-load {
    max-height: unset!important;
}

.contact-new-left {
    margin-right:50px;
}

.contact-icons2 .col-lg-12 .col-lg-12{
    flex: 0 0 50%;
    max-width: 50%;
}

.contact-icons2 .feature-box-icon {
    background-color: #0340ed !important;
}
.image-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.image-flex img{
    padding:5px;
}

.contact-icons .feature-box-primary {
    display:block;
}
.contact-icons .feature-box-info{
    padding-left:0;
}
form button {
    background: #1b456c !important;
    border: 0 !important;
    padding: .8rem 1.5rem !important;
}

form button:hover {
    background: #2d2d2d !important;
}
.cjenik-form {
    margin-left:0!important;
    width: 100%;
    margin-top: 20px;
}
.contact-form {
    max-width: 100% !important;
    margin: 0;
}

.contact-form h2 {
    font-size: 35px !important;
    font-weight: 500;
    color:#FFFFFF;
}

.contact-form h4 {
    color: #939393;
    font-weight: normal;
    font-size: 17px;
    line-height: 23px;
}

.contact-form input {
    padding: 11px !important;
}

.contact-form .col-lg-9 {
    flex: 0 0 68%;
    max-width: 68%;
}

.contact-form .sidebar-display-fix {
    max-width: 32%;
    width: 100%;
}

.contact-form textarea {
    min-height: 180px;
}

.cnct-form .form-entry-block h2 {
    color: #ffffff;
}

.cnct-form form {
    background-image: url("/doc/slike/form-bg.jpg");
    border-radius: 5px;
    padding: 30px 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.cnct-form h4 {
    color: #1b456c;
}

.fui-required {
    color: #578bb9;
}

.map-new .gm-map {
    height: 715px;
}

/*entry post*/
.single-post {
    margin-right: 100px;
}

.single-post img {
    margin-right: 24px;
}

.single-post ol li, .single-post ul li {
    color: #404040;
    font-size: 16px;
    padding: 0 0 20px 40px;
}

.single-post ol li:before, .single-post ul li:before {
    position: absolute;
    margin-top: -3px;
    left: 17px;
    background: #0340ed !important;
}

/*icon box*/
.feature-box:hover, html .featured-boxes-full .featured-box-full-primary:hover {
    background: none;
}

html .feature-box-primary .feature-box-icon {
    background-color: #c0c0c0;
    padding: 44px;
    top: 0px;
}

html .feature-box-primary .feature-box-icon i:before {
    font-size: 30px;
}

@keyframes floating {
    0% { transform: translate(0, 0px); }
    50% { transform: translate(0, 15px); }
    100% { transform: translate(0, -0px); }
}

.contact-icons {
    margin: 45px 0 0 0;
    width: 113%;
}

.contact-icons .feature-box-info h4 {
    font-size: 17px;
    padding-top:10px;
}

.contact-icons .col-lg-3{
    padding-right:0;
    flex: 0 0 22%;
    max-width: 24%;
}
.contact-icons p{
    font-size:15px;
    line-height: 23px;
}
.contact-icons .feature-box {
    margin-bottom: 33px;
}

.contact-icons .mb-4 {
    display: none;
}

.contact-icons a {
    cursor: auto;
}


.about-block {
    width: 100%;
    margin-bottom: 50px;
}

.about-text {
    padding: 0px 0px 14px !important;
    width: 535px;
}

.about-text h2 {
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 39px;
    font-weight: bold !important;
    line-height: 45px;
}

.about-text p {
    color: #ffffff;
}

.new-section {
    display: flex;
    flex-wrap: wrap;
}

.new-section ol li,
.new-section ul li::marker {
    color: transparent !important;
}

.new-section ol li,
.new-section ul li {
    position: relative;
    font-size: 18px;
    margin-bottom: 21px;
    padding-left: 60px;
}

.new-section ol li:before,
.new-section ul li:before {
    content: "";
    background-image: url("/doc/slike/check01.png");
    width: 35px;
    height: 35px;
    top: -5px;
    left: 0;
    bottom: 0px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}

.new-section .col-lg-12 {
    margin: 0px 0 0 143px;
}

.new-section section.section {
    border-top: 0;
    margin: 0;
    padding: 0;
}

.new-counter {
    margin-bottom: 100px;
    max-width: 88% !important;
    margin-right: 15px;
}

.new-counter .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 45%;
    max-width: 45%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    padding: 30px;
}

.new-counter label {
    display: block;
    font-weight: 100;
    line-height: 28px;
    margin-top: 17px;
    margin-top: 17px;
}

.new-counter .row .col-sm-6:first-child {
    background-color: #0038ee;
    height: 135px;
    color: #ffffff;
}
 .counters strong{
     font-size: 40px;
     line-height: 46px;
}
.new-counter .row .col-sm-6:nth-child(2n) {
    background-color: #808080;
    height: 235px;
}

.new-counter .row .col-sm-6:nth-child(3n) {
    background-color: #d3d3d3;
    height: 235px;
    margin-top: -100px;
}

.new-counter .row .col-sm-6:last-child {
    background-color: #7597ff;
    height: 135px;
}

.new-brendovi {
    margin-bottom: 50px;
}

.new-brendovi picture {
    display: none;
}

.new-brendovi .owl-carousel {
    text-align: center;
}

.new-brendovi .header-lists-block h2 {
    color: #1b456c;
    margin: auto;
    font-weight: 800;
    font-size: 45px;
}

.brendovi-kristal .carousel-default .owl-item img {
    min-height: 170px;
    max-height: 170px;
    max-width: 170px;
}

.brendovi-kristal {
    padding-bottom: 60px !important;
}

.brendovi-kristal .header-lists {
    display:none;
}

/*.new-brendovi .owl-item:first-child {
    width: 243px !important;
}*/

.new-brendovi .header-lists-block h2:after {
    content: "";
    width: 96%;
    height: 1px;
    bottom: -29px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background: #1b456c;
}

.new-brendovi a {
    font-size: 24px;
}

.posl-new {
    margin-bottom: 50px;
}

.posl-new h2 {
    color: #0340ed;
    margin: auto;
    font-weight: 800;
    font-size: 45px;
}

.posl-new .owl-stage-outer {
    text-align: center;
}

.posl-new .owl-stage {
    width: 100% !important;
}

.posl-new img {
    min-height: 150px !important;
    max-height: 150px !important;
    margin: 0 10px !important;
}

.posl-new .owl-item {
    width: 20% !important;
    margin: 0 5px !important;
}

.posl-new a{
    transition:0.3s;
}

.posl-new a:hover{
    color:#212529;
}

.posl-new h4{
    margin-top:10px;
}

.new-icons {
    padding-top: 0 !important;
}

.new-icons a{
    color:#0038ee;
    transition:0.3s;
}

.new-icons a:hover{
    color:#212529;
}

.new-icons .owl-item {
    width: 33% !important;
}

.new-icons .owl-item .content {
    text-align: center;
    padding: 0 20px;
}

.new-icons .owl-item img {
    width: auto !important;
    height: auto !important;
    max-height: unset !important;
    min-height: unset !important;
    max-width: 31% !important;
    margin: auto !important;
}

.new-icons p {
    background: #808080;
    padding: 35px;
    color: #ffffff;
    min-height: 214px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 29px;
}

.new-icons .owl-item:first-child p{
    background-color:#0340ed;
}

.new-icons .owl-item:nth-child(2) p{
    background-color:#81adde;
}

.new-icons h4 {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
}

.new-icons .owl-carousel,
.new-icons .owl-stage {
    width: 100% !important;
}

.about-icons .feature-box-icon {
    border: 3px solid #ffffff;
    background-color: #FFFFFF !important;
}

.about-icons .feature-box-icon i:before{
    color:#0340ed;
}

.about-icons .feature-box {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.about-icons h4 {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 0 !important;
    line-height: 28px;
}

.sidebar-settings .sidebar h5 {
    background-color: #578bb9;
    border-radius: 3px;
}
.different-image .image{
    max-width: 60%!important;
    max-height: 40%;
}
.different-image img {
    height:auto;
}
.prodaja-section {
    max-width: 1500px;
    margin: auto;
}

.prodaja-section .parallax-background {
    background-size: cover;
    position: relative !important;
    top: auto;
    left: auto;
    width: 600px !important;
    height: 400px !important;
    transform: unset !important;
    z-index: 1;
    background-position-x: unset !important;
    margin-left: 25px;
}

figure {
    height:auto!important;
}
.prodaja-section section.section {
    padding: 0 !important;
}

.prodaja-section .row {
    align-items: center;
}

.prodaja-section .section-default {
    width: 80%;
}

.prodaja-section .section-default p {
    font-size: 18px;
    color: #777777 !important;
}

.prodaja-section .section-default h4 {
    font-weight: normal;
    position:relative;
}

.prodaja-section .section-default h4:after {
    content: "";
    width: 26%;
    height: 3px;
    border-radius: 5px;
    margin-bottom: -15px;
    border: none;
    background: #78bdfe;
    position: absolute;
    bottom: 0;
    left: 0;
}

.prodaja-section .section-default h1 {
    font-weight: bold;
    margin-top: 29px;
    position:relative;
}

.prodaja-section .section-default h1:after {
    content: "";
    width: 14%;
    height: 3px;
    border-radius: 5px;
    margin-bottom: -17px;
    border: none;
    background: #d6d6d6;
    position: absolute;
    bottom: 0;
    left: 0;
}

.prodaja-section .section-background {
    overflow: unset !important;
}

.prodaja-section .section-background:after {
    content: "";
    height: 100%;
    position: absolute;
    background-image: url("/doc/slike/kristal-0081.jpg");
    margin-top: -48px;
    width: 79%;
    z-index: 0;
    opacity: 30%;
    left: -1px;
    bottom: -22px;
    background-size: cover;
}

.vector-bg {
    background: url("/doc/slike/bg6.png") no-repeat 0 50%;
    padding-top: 100px;
    background-size: cover;
}

.vector-icons {
    background-color: transparent !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.vector-icons a{
    color:#0038ee;
    transition:0.3s;
}

.vector-icons a:hover {
    color:#212529;
}

.vector-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 60px auto 0px;
    padding-bottom: 100px;
}

.vector-section .owl-stage-outer .owl-item img {
    width: 76% !important;
    margin: auto;
    min-height: 105px;
}

.vector-section .header-lists {
    display: none;
}

.vector-section .content {
    text-align: center;
}

.vector-section .content h4 {
    margin-bottom: 0;
}

.vector-section .owl-item {
    width: 191px !important;
    margin: 0px 57px;
}

.vector-text {
    max-width: 50%;
    width: 50%;
    margin: 0;
}

.vector-text h1 {
    font-weight: bold;
    margin-bottom: 9px;
    color: #1b456c !important;
}

.vector-text .alert {
    padding: 2rem 1.25rem .78rem;
    border-radius: 0px;
}

.posl-block .single-post {
    display: flex;
    flex-wrap: nowrap;
}

.posl-block .table{
    width: auto;
}

.posl-block .table td{
    border: 0;
    padding: 0;
    padding-right: 20px;
    font-size:16px;
    line-height:26px;
    color: #555555;
}

.posl-block .post-large {
    display: block;
    width:100%;
}

.posl-block .post-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.posl-block .map-new .gm-map {
    height: 560px;
}

.posl-content .inside-blog {
     width: 100%;
}

.posl-content .post-content {
    width: auto;
    padding-bottom: 30px;
    display: flex;
    justify-content: space-between;
}

.thumb-info .thumb-info-title {
    padding: 6px 21px 6px;
    background: #777777;
}

.card-reference h4 {
    font-size: 30px !important;
    text-align: center;
    color: #0340ed;
    font-weight: bold;
    margin-bottom: 41px !important;
    line-height:37px;
}

.owl-carousel .owl-nav button[class*="owl-"] {
    background-color: #0340ed;
    border-color: #0340ed #0340ed #0340ed;
    color: #FFF;
}

.card-reference .thumb-info.thumb-info-no-borders .thumb-info-wrapper {
    height: 230px;
}

.o-nama-section {
    border-top: none !important;
    margin: 0 !important;
    min-height: 735px;
}

.o-nama-section .parallax-background {
    transform: unset;
    background-position-x: unset;
    background-size: cover;
    top: auto;
    left: auto;
    width: 100% !important;
    transform: unset !important;
    background-position-x: unset !important;
}

.o-nama-section h4 {
    color: #000000 !important;
    font-size: 30px;
    font-weight: normal;
}

.o-nama-section .container-xl {
    margin-top: -25px;
}

.o-nama-section h1 {
    color: #212529 !important;
    font-weight: 800;
    position: relative;
    font-size: 45px;
    margin: 18px auto 50px;
}

.o-nama-section h1:after {
    content: "";
    width: 27%;
    height: 1px;
    border-radius: 5px;
    margin-bottom: 20px;
    border: none;
    background: #1b456c;
    position: absolute;
    bottom: -98px;
    left: 0;
    right: 0;
    top: 0;
    bottom: -98px;
    margin: auto;
}

.o-nama-section p {
    font-size: 19px;
    font-weight: 600;
}

.o-nama-section .col {
    max-width: 54%;
    margin: auto;
}

.o-nama-section .button-tag {
    margin: -3px auto;
}

.o-nama-btn {
    border-radius: 18px;
    border: none;
    font-size: 15px!important;
    font-weight: bold;
    padding: 10px 32px;
    background-color: #0038ee!important;
    transition:0.3s;
}

.o-nama-btn:hover {
    background-color: #1b456c!important;
}

.car-section section.section {
    padding: 0px 0;
}

.car-section {
    margin-top: 0;
    margin-bottom: -4px;
}

.car-section .col-lg-6:first-child {
    height:600px;
}

.car-section .parallax-background {
    top: auto;
    left: -42px!important;
    position: relative!important;
    width: 100%!important;
    height: 600px!important;
    background-repeat: no-repeat;
    transform: unset!important;
    background-position-x: unset!important;
    background-position: center;
}

.car-section .parallax-background:after {
    content: "";
    width: 135%;
    height: 83%;
    top: 75px;
    left: -36%;
    bottom: 0px;
    opacity: 0.5;
    position: absolute;
    background: #d3d3d3;
    clip-path: polygon(-2% 0, 110% -11%, 103% 78%, 0 52%);
    transform: scaleY(-1);
}

.car-section .row {
    align-items: center;
}

.car-section .section-background {
    float: right;
    width: 75%;
    padding: 0;
    overflow: visible!important;
    border-bottom: 25px solid grey;
}

.car-section .section-background:after {
    content: "";
    width: 122%;
    height: 30px;
    background: #f2f2f2;
    position: absolute;
    left: -274px;
    bottom: -3px;
}

.car-section figure.image {
    display: inline-block;
    margin-left: 35px;
}

.car-section ul li::marker {
    color: transparent!important;
}

.car-section ul li {
    position: relative;
    font-size: 18px;
    margin-bottom: 21px;
    padding-left: 60px;
}

.car-section ul li:before {
    content: "";
    background-image: url("/doc/slike/check01.png");
    width: 35px;
    height: 35px;
    top: -5px;
    left: 0;
    bottom: 0px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}

.brands-image {
    background: #f2f2f2;
    width: 46%;
}
.paddingtop {
    padding-top: 13px;
}
.products-button {
    background-color: #d3d3d3!important;
    border: none;
    border-radius: 18px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 34px;
    margin-top: 35px!important;
    transition:0.3s;
}
.products-button:hover{
    background-color:#0340ed!important;
}

.auto-proizvodi span {
    background: #78bdfe;
    color: #FFFFFF;
    position: relative;
    padding: 12px 17px;
    border-radius: 5px;
    font-size: 25px;
    line-height: 78px;
    width: 60px;
    display: flex;
    height: 60px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.auto-proizvodi td {
    vertical-align: top;
}

.auto-box {
    margin-bottom: 45px;
}

.kontakt-info-col {
    flex: unset;
    width: 50%;
    max-width: 50%;
}

.kontakt-info-col h5 {
    text-transform: none;
    font-size: 55px;
    line-height: 58px;
    color: #2869a5 !important;
    position: relative;
    margin-bottom: 60px !important;
}

.kontakt-info-col h5:before {
    content: "";
    background: #ffffff;
    width: 80%;
    height: 1px;
    position: absolute;
    bottom: -31px;
}

.kontakt-info-col h5:after {
    color: #FFFFFF;
    /*content: " info";*/
}

.poslovnice-fransize h4{
    font-size: 1.4em!important;
    font-weight: 600!important;
    line-height: 27px!important;
    margin: 15px 0 10px!important;
    text-align:center;
    text-transform:uppercase;
}

.poslovnice-fransize .row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.poslovnice-fransize img {
    min-height: 150px;
}

.poslovnice-more .article-load {
    flex: unset;
    max-width: unset;
    min-height:250px;
}

.poslovnice-more .row{
    flex-wrap:nowrap;
}

.posl-naslov-home h2 {
    color: #0340ed!important;
    margin: auto!important;
    font-weight: 800!important;
    font-size: 45px!important;
}

.posl-naslov-home{
    margin-bottom:10px;
}

.no-map-footer{
    background:url(/doc/slike/footer-kristal01.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center top 57% !important;
}
.no-map-footer .mt-4 {
    width: 100% !important;
    justify-content: center;
    max-width: 1379px;
    padding: 125px 50px 125px;
}

.no-map-footer .py-5 {
    width: 100%;
    padding: 0px 0 10px !important;
}

.no-map-footer .align-items-baseline {
    align-items: baseline !important;
}

.no-map-footer .col-poslovnice {
    margin-top: 0;
    position: relative;
}

.no-map-footer .col-poslovnice:after {
    content: "";
    height: 335px;
    width: 1px;
    background: #78bdfe;
    position: absolute;
    right: -105%;
    top: -20px;
}

.no-map-footer .col-poslovnice:before {
    content: "";
    height: 335px;
    width: 1px;
    background: #78bdfe;
    position: absolute;
    left: -105%;
    top: -20px;
}

.no-map-footer .col-poslovnice p {
    margin-bottom: .25rem !important;
}

.no-map-footer .col-poslovnice h5 {
    margin-bottom: 15px !important;
    font-size: 21px;
    font-weight:600;
}

.no-map-footer .col-poslovnice a {
    font-size: 16px !important;
    line-height: 18px !important;
    padding-left: 0;
}

.no-map-footer .kontakt-info-col {
    width: unset;
    max-width: unset;
}

.no-map-footer .kontakt-info-col p {
    font-size: 16px !important;
    line-height: 28px !important;
}

.no-map-footer .kontakt-info-col h5 {
    margin-bottom: 15px !important;
    font-size: 21px;
    font-weight:600;
    line-height: 26px;
}

.no-map-footer .kontakt-info-col h5:before {
    display: none;
}

.no-map-footer .col-link {
    order: unset;
    width: unset !important;
    min-width: unset;
    margin-top: 0;
    max-width: 33%;
}

.no-map-footer .col-link a {
    font-size: 16px !important;
    line-height: 18px !important;
}

.no-map-footer .col-link h5 {
    margin-bottom: 15px !important;
    font-size: 21px;
    font-weight: 600;
}

.no-map-footer h5 {
    text-transform: unset !important;
}
.col-text{
    flex: 0 0 100%;
    max-width: 100%;
    padding: 15px 0 0;
}
.col-poslovnice {
    margin-top: 83px;
}

.heading.heading-middle-border h1, .heading.heading-middle-border h2, .heading.heading-middle-border h3, .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6{
    white-space:normal;
}

.col-poslovnice h5 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 35px !important;
}

.col-poslovnice a {
    font-size: 26px !important;
    position: relative;
}

.col-poslovnice a:before {
    content: "";
    background: #4274a3;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 14px;
}

.col-informacije p{
    margin-bottom:5px;
}

.col-informacije a:hover{
   color:#FFFFFF!important;
}

.col-poslovnice p {
    margin-bottom: 10px !important;
}
footer.pad-for-footer{
    padding:0!important;
}

footer {
    border-top: 0;
    overflow: unset !important;
}

footer h5 {
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}

footer a:not(.btn) {
    color: #181818;
    transition: 0.3s;
}

footer a:not(.btn):hover {
    color: #578bb9;
}

footer p {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 26px;
}

footer p strong {
    font-size: 20px;
}

footer a {
    color: #FFFFFF !important;
    font-size: 16px;
    line-height: 26px;
}

footer a:hover {
    color: #1b456c !important;
}

footer .mt-4 {
    justify-content: right;
    display: flex;
}

footer .py-5 {
    width: 51%;
}

footer .bg img {
    width: 47%;
    height: 89%;
    margin-top: -38px;
}

footer .align-items-baseline {
    align-items: unset !important;
}

footer .social-icons li a {
    background-color: #ffffff !important;
}

footer .social-icons li a:hover {
    background-color: #5fa5e4 !important;
}

footer .social-icons li a i:before {
    color: #777777 !important;
}
footer {
    height: auto !important;
    border-top: 0 !important;
}

footer .mt-4 {
    width: 73.5% !important;
}

footer .py-5 {
    padding: 25px 0 30px !important;
}

footer i:before {
    color: #939393;
}

footer .container-xl {
    padding: 0;
    max-width: 100%;
}

.fa-location-dot::before {
    font-size: 39px;
}
.fa-facebook:before {
    font-size: 37px;
}
.footer-copyright {
    background: #777777!important;
}

.footer-copyright a,
.footer-copyright p {
    color: #ffffff!important;
    font-size: 14px!important;
}

.footer-copyright .py-2 {
    width: 72%!important;
    margin: auto;
}

.footer-copyright .col-lg-2 {
    margin: auto;
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
}

.wmd-text {
    text-align: right;
}

.wmd-text a:hover {
    color: #d7ecff!important;
}
.footer-col-first {
    width: auto;
    max-width: 100%;
    flex: unset;
}

.footer-col-first .mb-1 {
    display: flex;
    align-items: center;
}

.footer-col-first .mb-1 i {
    margin-right: 20px!important;
}

.contact-link {
    font-size: 35px!important;
    font-weight: bold!important;
    margin-bottom: 36px!important;
}
.contact-form-flex .blog-posts{
    width:100%;
}

.contact-form-flex .cnct-form{
    width: 80%;
    margin-left: 152px;
}

.fui-required {
    color: #FFFFFF!important;
}
.contact-link a {
    color: #578bb9!important;
}
.contact-pin{
    margin-bottom: 23px !important;
}

.contact-zatrazite-ponudu .contact-icons2 .col-lg-12 .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.contact-zatrazite-ponudu .contact-icons2 {
    width: 35% !important;
}
.footer-logo {
    width: 100%;
    position: relative;
    flex: unset;
    max-width: 100%;
    display: flex;
}

.footer-logo img {
    width: 261px;
    position: absolute;
    right: 18px;
    bottom: -131px;
}
.container{
    position:absolute;
    max-width:100%;
}
svg{
    max-width:100%;
    visibility:hidden;
}
.footer2 {
    background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9)), url(/doc/slike/footer-bg01.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center top 10% !important;
}

.footer2 .col-poslovnice {
    margin-top: 0;
}

.footer2 .mt-4 {
    justify-content: unset;
}

#footer.footer2 .col-lg-3 h5{
    color:#0340ed;
}

.footer2 p strong {
    font-size: 17px;
}

.footer2 h5 {
    font-size: 18px;
}

.footer2 .social-icons li a {
    background:#0340ed!important;
}

.footer2 .social-icons li a i:before{
    color:#FFFFFF!important;
}

.footer2 .footer-copyright {
    background: transparent !important;
}

.footer2 .py-5 {
    width: 100%;
    margin: auto;
    padding: 90px 0 140px !important;
}

.footer2 .py-5 a {
    color: #404040 !important;
    font-size: 17px !important;
    line-height: 28px;
}

.footer2 .py-5 a:hover {
    color: #1b456c !important;
}

.footer2 .py-5 p {
    color: #404040;
    font-size: 17px !important;
    line-height: 28px;
}

.footer2 .py-5 strong {
    color: #1b456c;
}

.footer2 .col-lg-5 {
    max-width: 25%;
}

.footer2 .col-sm-12 {
    display: block !important;
}

.footer2 .footer-copyright p{
    color:  #404040!important;
}
.footer2 .footer-copyright a{
    color:  #404040!important;
    transition:0.3s;
}

.footer2 .footer-copyright a:hover{
    color:  #78bdfe!important;
}

.footer2 .kontakt-info-col {
    flex: unset;
    width: auto;
    margin-right: 36px;
}

.footer2 .kontakt-info-col p{
    margin-bottom:0!important;
}

.footer2 .kontakt-info-col h5 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 1.5rem !important;
}

.footer2 .kontakt-info-col h5:before,
.footer2 .kontakt-info-col h5:after {
    display: none;
}

.footer2 .mr-1,
.footer2 .mx-1 {
    margin-right: 0 !important;
}

.footer2 .footer-logo {
    display: block;
    text-align: center;
}

.footer2 .footer-logo img {
    position: relative;
    right: auto;
    bottom: auto;
    margin-bottom: 60px;
    width: 335px;
}
.link-column{
    max-width: 15%;
    max-width: 15%!important;
}
.location-column .button-tag {
    margin-top: 30px;
}

.location-column .button-tag a {
    background:#0340ed;
    padding: 15px 25px;
    border-radius: 30px;
    border: 0;
    color: #FFFFFF !important;
    font-weight: bold;
    margin-top: 30px !important;
    position: relative;
}

.location-column .button-tag a:hover {
    color: #FFFFFF !important;
    background: #0340ed;
}

.col-poslovnice a:before {
    visibility: hidden;
}
.col-link {
    order: 1;
    width: 300px !important;
    min-width: 305px;
    margin-top: -48px;
}

.col-link a {
    font-size: 18px !important;
}

.col-link h5 {
    margin-bottom: 10px !important;
}
#elc-cookie-consent{
    z-index: 100000 !important;
}
.footer-map-section {
    position: relative;
}

.footer-map-section .map-new {
    text-align: center;
    position: absolute;
    width: 49.2%;
    left: -15px;
    bottom: 30px;
    right: auto;
    z-index: 1;
    height: 100%;
}
.mt-4 .footer-copyright.footer-copyright-style-2 {
    padding-bottom: 0;
}

.no-map-footer .fab.fa-twitter:before{
    background-image: url("/doc/slike/twitter01.svg");
    content:""!important;
    color: #777777 !important;
    font-size: 12px;
    width: 13px;
    height: 13px;
    position: absolute;
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.header-social-icons .fab.fa-twitter:before{
    background-image: url("/doc/slike/twitter02.svg");
    content:""!important;
    color: #777777 !important;
    font-size: 12px;
    width: 13px;
    height: 13px;
    position: absolute;
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.footer2 .fab.fa-twitter:before{
    background-image: url("/doc/slike/twitter02.svg");
    content:""!important;
    color: #777777 !important;
    font-size: 12px;
    width: 13px;
    height: 13px;
    position: absolute;
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.social-icons-twitter a {
    position:relative;
}