:root {
    --main-color: #122e48;
    --light-blue: #00b4de;
}
.main-color {color: var(--main-color);} .back-main-color {background-color: var(--main-color);}
.light-blue {color: var(--light-blue);} .back-light-blue {background-color: var(--light-blue);}
.white-color {color: #fff;} .back-white {background-color: #fff!important;}

body {font-size: 17px; line-height: 1.5em;}
body, h1, h2, h3, h4, h5, h6, p, a, ul, li, span {font-family: 'Maison Neue','Helvetica','Arial',sans-serif;}
.font-book {font-family: 'Maison Neue Book','Maison Neue','Helvetica','Arial',sans-serif;}
h1, h2, h3, h4, h5, h6 {color: var(--main-color);}
h3 {text-transform: uppercase;}
.h5, h5 {font-size: 17px;}
ul {list-style-type: none; padding-left: 0;}

a:hover {color: var(--light-blue)!important;}
a:visited, a:focus {text-decoration: none; outline: none;}

.section-gray {background-color: #f0f5f5;}
.grid2x2 {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2,1fr);}
.overlay {position: relative;}
.overlay:after {position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; z-index: 2;}
.compensate-for-scrollbar {margin-right: 0!important;}

.flex-row-center {display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}

.blue-line {width: 30px; height: 3px; background-color: var(--light-blue); margin: 0 0 20px;}
.blue-line-center {margin: 0 auto 20px;}

.wave {position: relative;}
.wave:before {height: 42px; -webkit-mask: url(/img/icon/talasiTop.svg) no-repeat; mask: url(/img/icon/talasiTop.svg) no-repeat; mask-position-x: 0%; mask-position-y: 0%; mask-size: auto; content: ''; z-index: 99999; 
                position: absolute; left: 0; right: 0; background-color: #fff; -webkit-mask-size: 101% 100% !important; mask-size: 101% 100% !important; -webkit-mask-position: bottom center !important; mask-position: bottom center !important;}
                
.white-text-shadow {text-shadow: 1px 1px 1px #fff;} 
.noselect, img, i {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
*:focus {outline: none!important;}



header .top,  header .middle { width: 100%; z-index: 998; top: 0; left: 0; margin: 0;}
.homepage header .top,  header .middle {position: absolute;}
header .top {height: 50px; background: #0000005e; padding: 0;}
header .top :is(a:hover, a:hover > i) {background: none; color: var(--light-blue);}
header .top :is(a, i, div) {color: #fff;}
header .top .header-social {margin: 0; padding: 0; list-style: none; display: inline-block;}
header .top .header-social > li {display: inline-block; padding: 17px 2px 10px;}
header .top .header-social > li:first-child {padding-left: 0;}
header .top .header-social > li > a {padding: 10px}
header .top .header-social > li > a > i {font-size: 20px;}
header .top .nav > li {display: inline-block; float: unset;}
header .top .nav > li:first-child {background-color: var(--light-blue); transition: all .1s ease-in;}
header .top .nav > li:first-child:hover {background-color: var(--main-color);}


.homepage header .middle {top: 50px; padding: 0;}
header .middle .flex-center:first-of-type {flex-direction: row; justify-content: space-between;}
header .middle .navbar ul.navbar-nav > li > a {color: #fff; font-size: 1.25em; font-family: "Maison Neue","Helvetica","Arial",sans-serif; font-weight: 500; letter-spacing: .63px; text-shadow: none;}
.homepage header .middle .navbar ul.navbar-nav > li > a:hover {color: var(--main-color);}

header .middle .navbar ul.navbar-nav > li.products-menu > a {padding-left: 0; font-weight: 500;}
header .middle .solid-menus .no-bg li.active > a {text-decoration: underline;}
header .middle .solid-menus .no-bg li.active a {background: none;}
header .middle .navbar .dropdown-menu {grid-template-columns: 1fr 1fr 1fr 1fr; min-width: 1350px; background: #000000a6; align-items: center;}
.solid-menus .navbar.navbar-hover .dropdown:hover > .dropdown-menu {display: grid!important;}
header .middle .navbar .dropdown-menu > li {align-items: center; flex-direction: row; justify-content: center;}
header .middle .navbar .dropdown-menu > li > a {color: #fff; padding: 30px 15px; font-size: 18px; font-weight: 500; font-family: "Maison Neue","Helvetica","Arial",sans-serif;}
header .solid-menus .no-bg li.active:hover a {color: #fff;}
header .middle .navbar .dropdown-menu > li > img {width: 50px; height: 50px; padding: 5px; filter: drop-shadow(2px 3px 6px #0005);}
header .middle .dropdown-menu > li > :is(a:focus, a:hover) {background: none;}


header .logo img {height: 120px;}


header .middle .shopping-cart {padding: 0; padding-left: 10px;}
header .middle .shopping-cart .cart-img {background: #fff url(/img/icon/cart-img.png) no-repeat; background-position-x: 0%; background-position-y: 0%; background-position: -56px -11px; background-size: 110px 110px; width: 45px; height: 45px; 
                                            border-radius: 50%; box-shadow: 0 0 4px 2px rgb(18 46 72 / 39%); display: inline-block; vertical-align: middle; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; 
                                            transition: all 0.5s;}
header .middle .shopping-cart:hover .cart-img {background: var(--light-blue) url(/img/icon/cart-img.png) no-repeat; background-size: 110px 110px; background-position: -56px -56px;}
header .middle .shopping-cart .badge {position: absolute; bottom: 0; right: -10px; border: 1px solid #fff; padding: 2px 4px 3px 5px; font-size: 12px;}





.video-wrap, .img-wrap {position: relative; height: 100vh; width: 100%;}
.video-wrap .video-back, .img-wrap .img-back {display: block; visibility: visible; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: display .3s; -moz-transition: display .3s; transition: display .3s; pointer-events: none;}
.img-wrap .img-back img {width: 100%;}
.news-one .img-wrap .img-back img {width: 100%; position: absolute; top: -45%;}
.video-wrap .video-text, .img-wrap .img-text {position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); z-index: 9; width: 100%; max-width: 70%;}
.video-wrap .video-text h1, .img-wrap .img-text h1 {color: #f0f5f5; font-family: "Maison Neue","Helvetica","Arial",sans-serif; line-height: 1.2; text-shadow: 0px 0px 8px rgb(0 0 0 / 40%);}
.homepage .video-wrap .video-text h1 {font-size: 84px;}
.video-wrap img {height: 100vh; display: block; width: 100%; min-height: 100%; object-fit: cover;}




body:not(.homepage) header .top {background-color: var(--main-color);}
body:not(.homepage) header .middle .navbar-default .navbar-nav > li {padding: 9px 0;}
body:not(.homepage) header .middle {top: 50px; padding: 1px 0;/* background-color: var(--light-blue);  background: url(/img/back/voda-bazen.jpg) no-repeat top center; back}ground-size: cover;*/}
body:not(.homepage) header .logo img {max-height: 70px; transition: all 0.2s ease-out;}
body:not(.homepage) :is(.video-wrap, .img-wrap) {height: 400px;}
body:not(.homepage) h1 {/*font-family: "Maison Neue Book","Helvetica","Arial",sans-serif;*/ font-size: 3em;}
body:not(.homepage) .img-back.overlay:after {background: rgb(0 18 32 / 32%);}


body:not(.homepage) .middle.no-img, body:not(.homepage).product header .middle, body:not(.homepage).shop header .middle, body:not(.homepage).checkout header .middle, 
body:not(.homepage).checkout-finished header .middle, body:not(.homepage).checkout-finished-bank header .middle, body:not(.homepage).brand header .middle, body:not(.homepage).user-login header .middle, body:not(.homepage).faq header .middle
    {position: relative; background: var(--light-blue); display: inline-block; margin-top: 0; padding: 0; top: -3px;}
    
header .middle.no-img .navbar ul.navbar-nav > li > a:hover, :is(.product, .brand, .category, .user-login, .checkout-finished, .checkout, .faq) .middle .navbar ul.navbar-nav > li > a:hover {color: var(--main-color)!important;}

body:not(.homepage) .breadcrumb-wrap {position: absolute; bottom: 0; width: 100%; background-color: transparent; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.4);}
body:not(.homepage) .breadcrumb-wrap .breadcrumb {background-color: transparent; font-size: 13px; letter-spacing: -0.4px; z-index: 9; position: relative;}
body:not(.homepage) .breadcrumb-wrap ul {padding-left: 0;}
body:not(.homepage) .breadcrumb-wrap ul :is(li, li a) {color: #fff;}
body:not(.homepage) .breadcrumb > .active {padding-left: 34px; position: relative;}
body:not(.homepage) .breadcrumb > .active:before {position: absolute; font-family:"Material Design Icons"; content:"\F0BBA"; top: 0; left: 0; font-size: 28px; color: #fff; display: block; padding: 0;}
body video {max-height: 100%; object-fit: cover; width: 100%; height: 100vh;}
.breadcrumb>li+li:before {content: ''; display: none;}





.advanced-search .input input {background: transparent; border: none; border-bottom: 1px solid #eee; padding: 10px 30px 10px 10px; border-radius: 0; color: #fff; font-weight: 600; letter-spacing: 0.2px;}
.advanced-search .button {right: 15px; top: 0;}
.advanced-search .button input {color: #fff; font-weight: 500; font-size: 18px; padding: 10px 30px 9px 10px; position: relative; z-index: 999;}
.advanced-search .button:after {position: absolute; font-family:"Material Design Icons"; content:"\F13B8"; top: 13px; right: 0; font-size: 26px; color: #fff;}
.advanced-search .input input:focus {background: #00b4de4a;}



.heading {color: #002e5e;}

.homepage .about-us-home {padding-top: 50px;}
.homepage .about-us-home .text-block h2 {font-size: 60px; line-height: normal; font-weight: 600;}
.homepage .about-us-home .text-block h3 {font-size: 15px; font-weight: 400; color: #66686b; letter-spacing: 1px; line-height: normal; margin-bottom: 12px; text-transform: uppercase;}
.homepage .about-us-home .animated-dark {display: inline-block;}

.homepage .about-us-home .cards-list > div {grid-gap: 10px;}
.image-card {cursor: pointer; overflow: hidden; position: relative; width: 100%;}


.homepage .about-text ul {list-style: none; padding-left: 0;}
.homepage .about-text i {color: var(--light-blue); font-size: 20px; margin-right: 10px;}
.homepage .about-text .faq .panel {box-shadow: none;}
.homepage .about-text .faq a.animated-dark {float: right;}


.image-card-img {max-height: 250px; height: 100%; width: 100%; }
.image-card-img img {min-height: 100%; width: 100%; height: auto; object-fit: cover;}
.image-card-text {padding: 0 28px; position: absolute; top: calc(100% - 20px); right: 0; left: 0; transition: top .25s; z-index: 2;}
.image-card-text h4 {color: #fff; font-size: 24px; font-weight: 300; line-height: 28px; margin-bottom: 10px; text-transform: capitalize; transform: translate(0,-100%); transition: transform .17s linear .05s; text-shadow: 0px 0px 3px rgba(0,0,0,.6);}
.image-card-text p {color: #fff; font-weight: 300; line-height: 18px; margin: 0 0 10px; display: block;}
.image-card-text span:hover {text-decoration: underline;}
.homepage .image-card-text a {font-size: 16px; font-weight: 400; color: #fff; display: inline-block; line-height: normal; margin-bottom: 20px; padding-right: 20px; position: relative; transition: color .25s ease-in;}
.image-card-overlay {background-color: #000000; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; z-index: -1; transition: opacity .2s ease;}

.image-card:hover .image-card-text {top: 20px; z-index: 2;}
.image-card:hover h4 {transform: translate(0,0);}
.image-card:hover .image-card-overlay {opacity: .6; z-index: 1;}


.models {position: relative;}
.models .models-back {width: 100%; background: transparent url(/img/back/modeli-back.jpg) no-repeat center; background-size: cover; position: relative; z-index: 1; padding: 0 0 50px; padding-top: 30px;}
.models .models-back:after {background: #0206098c;}
.models .models-back * {position: relative; z-index: 9;}
.models .models-back h3 {letter-spacing: -0.8px;}
.models .models-back h5 {color: #a9a9a9; font-weight: 500;}
.models .models-back h6 {color: #fff; color: #a9a9a9; font-size: 15px; letter-spacing: -.3px;}
.models:before {bottom: 0;}



.home-icons a {transition: transform .2s ease; display: inline-block;}
.home-icons a:hover {transform: scale3d(1.3, 1.3, 1.3);}
.home-icons a > i, .o-nama .vestine i {font-size: 42px; width: 80px; height: 80px; background: var(--light-blue); color: #fff; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 12px;}


.services-icons h2 {color: #fff; font-weight: 400; font-size: 40px; text-shadow: 0px 0px 15px #000306; }
.services-icons:after {background: linear-gradient(180deg, #ffffff00, #ffffff96, #ffffff);}
.services-icons:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(graphic-to-be-filtered.jpg); filter: grayscale(50%); background: transparent url(/img/back/bazen.jpg) no-repeat center; background-size: cover; }
.services-icons > div {padding: 40px 0 20px;}
.services-icons > div:before {top: 0; -webkit-transform: rotate(180deg); /* WebKit */ -moz-transform: rotate(180deg); /* Mozilla */ -o-transform: rotate(180deg); /* Opera */ -ms-transform: rotate(180deg); /* Internet Explorer */ transform: rotate(180deg); /* CSS3 */}
.services-icons > div > div {z-index: 9; position: relative;}
.services-icons h4 {text-transform: uppercase;}
.services-icons a {display: inline-block; background: var(--light-blue); padding: 20px; border-radius: 10em; border: 1px solid #fff; margin-bottom: 0.25em; -webkit-transition: all .2s linear; -moz-transition: all .2s linear;
                    -o-transition: all .2s linear; transition: all .2s linear; box-shadow: 0 0 12px 6px #02000017;}
.services-icons a:hover {background-color: var(--main-color);}
.services-icons .flex-row-center.service-one {align-items: flex-start;}





.home-categories {}
.home-categories .category .product-holder {border: none; }
.home-categories .category .product-holder img {padding: 40px; transition: padding 0.1s ease-in;}
.home-categories .category .product-holder:hover img {padding: 20px; transition: padding 0.3s ease-in-out; opacity: initial;}
.home-categories .category .product-holder h4 {transition: color 0.2s ease-in-out;}
.home-categories .category .product-holder:hover h4 {color: var(--light-blue);}



.home-products {position: relative;}
.home-products .products-slide-back {background: #f6f6f6; position: absolute; width: 100%; height: 35%; top: 50%; left: 0; right: 0; transform: translateY(-50%);}
.home-products .swiper-slide {padding: 20px 15px 50px;}
.home-products .product-holder {background: #fff; box-shadow: 0px 0px 21px 5px rgb(0 0 0 / 7%); padding: 25px 25px 0; position: relative; border-radius: 0px 0px 10px 10px; transition: box-shadow 250ms ease-in-out; overflow: unset;}
.home-products .product-holder .product-img {border: none;}
[class^="exp-on-"] {background: var(--light-blue);}
.home-products .product-holder a.productname {padding-bottom: 20px; display: block;}
.home-products .product-holder a h2 {text-align: left; text-transform: uppercase; position: relative; overflow: unset; height: auto;}
.home-products .product-holder a h2:after {content: ''; position: absolute; width: 30px; height: 3px; background-color: var(--light-blue); display: block; bottom: -20px; left: 0;}
.home-products .product-holder .productcat {}
.home-products .product-holder .productsku {color: var(--light-blue);}
.home-products .product-holder .price {color: var(--main-color); text-align: left; font-weight: 300; font-size: 20px;}
.home-products .product-holder .currency {text-transform: lowercase; font-size: 15px;}
.home-products .product-holder .price-old {text-align: left; color: var(--light-blue);}
.home-products .product-holder .product-flags {right: 0; top: 0; font-size: 14px; display: flex; flex-direction: column; align-items: flex-end;}
.home-products .product-holder .product-flags span {padding: 5px 10px; margin-bottom: 0;}
.home-products .product-holder .btn-more {background: #152c3d; color: #fff; display: block; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); padding: 12px 15px; font-size: 1.2rem; 
                                            font-weight: 900; letter-spacing: 0.1rem; border-radius: 0px 0px 10px 10px; min-width: 80%; text-align: center; transition: background 250ms ease-in-out, color 250ms ease-in-out;}






.page-content {padding-top: 40px; padding-bottom: 40px; z-index: 9; position: relative;}
.page-content .center80 {text-align: center; max-width: 80%; margin: 0 auto; display: block; padding-bottom: 30px;}


.o-nama .flex-row-center {justify-content: space-between;}
.o-nama .image-card:after {background: linear-gradient(0deg, #122e48e0, transparent); z-index: 1;}
.o-nama :is(.image-card, .image-card-img) {height: 300px; max-height: 300px;}
.o-nama .image-card-text {top: calc(100% - 200px); z-index: 9;}
.o-nama .image-card-text a {border-color: #fff; z-index: 9; position: relative; display: inline-block; color: #fff;}
.o-nama .image-card ul {padding-left: 50px;}
.o-nama .image-card ul > li {color: #fff; line-height: 1.8em; text-align: left;}
.o-nama .image-card ul > li > span {font-size: 15px; line-height: 153%; font-style: normal; color: #2c4745; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 22px; height: 22px; 
                                    text-align: center; display: inline-block; margin-right: 10px;}
.o-nama .vestine {background: url(/img/back/vestine-back.jpg) no-repeat; background-position: center; background-size: cover;}
.o-nama .vestine:after {background: linear-gradient(180deg, #122e48e0, transparent);}
.o-nama .vestine :is(h2, h3) {color: #fff;}
.o-nama .vestine h3 {font-size: 1.2em;}
.o-nama .vestine p {font-size: 18px; text-shadow: 0 0 20px #000; font-weight: 500;}
.o-nama .vestine i {box-shadow: 0 0 10px #00000063; color: var(--light-blue); background: #fff;}



.accordion-wrapper {max-width: 850px; margin: 0 auto;}
.accordion .accordion-item {background-color: #f0f5f5;}
.accordion h2 {margin-bottom: 0!important;}
.accordion button {font-size: 18px; font-weight: 500; background-color: #f0f5f5; border: none; border-radius: 0; box-shadow: none; color: var(--main-color); display: block; line-height: normal; padding: 25px 25px 25px 60px;
                            position: relative; text-align: left; width: 100%;}
.accordion button:before, .accordion button:after {background-color: var(--light-blue); content: ''; position: absolute; top: 50%; left: 20px; height: 2px; width: 23px; transform: translate(0,-50%); transition: transform .25s;}
.accordion button:before {transform: translate(0,-50%) rotate(0); transition: transform .25s;}
.accordion button.collapsed:before {transform: translate(0,-50%) rotate(90deg); transition: transform .25s;}
.accordion .accordion-body { transition: height .25s; margin-bottom: 0; height: auto;}
.accordion .accordion-body > div {font-size: 16px; font-weight: 300; color: #66686b; line-height: 26px; padding: 20px 55px 35px 60px; }





.galerija-wrap {background-color: #eff3f2;}
.galerija .page-content h2 {font-weight: 300; font-size: 3em;}
.galerija .intro p {max-width: 70%;}
.galerija .counter span {display: block; font-size: 55px; margin: 0 0 15px 0;}
.galerija .counter p {margin: 0;}
.galerija .counter [class^='col-'] > div {background-color: #88bed1; text-align: center; height: 200px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; position: relative;  padding: 10px;}

.masonry-grid-item:after, .masonry-grid-item:before {position: absolute; content: '';  width: 100%;  height: 100%;  background-color: rgba(0,0,0,.7); top: 0; left: 0; opacity: 0; 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;}
.masonry-grid-item:before {color: #fff; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: auto; height: auto; background-color: transparent; z-index: 999;}                                                      
.masonry-grid-item:before {content: "\f067"; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 700; pointer-events: none; -webkit-font-smoothing: antialiased; color:#fff; opacity: 0;}
.masonry-grid-item:hover:after, .masonry-grid-item:hover:before {opacity: 1; cursor: pointer;}





.usluge .one-news .imgdiv {height: 280px; max-height: 280px; margin-bottom: 0;}
.usluge .one-news .imgdiv > img {height: 100%; object-position: left; object-fit: cover;}
.usluge .one-news .imgdiv:after {background: linear-gradient(0deg, #122e48a1 1%, transparent 27%, transparent 100%)}
.usluge .image-card {margin-bottom: 30px;}
.usluge .news-template-short2 img:hover {transform: unset;}

.usluge .image-card-text h4 {text-transform: uppercase;}
.usluge .image-card-text img {width: 50px; height: 50px;}


.news-one/*.usluge*/ .news-text :is(ul, ol) {margin: 20px 0;}
.news-one .news-text ol {padding-left: 20px;}
.news-one h1 {margin: -6px 0 10px 0;}

/*iz category fajla*/
.shop .sidebar { position: relative; z-index: 9; left: auto; top: auto; }
.sidebar .active {font-weight: 700!important;color: #5eca98!important; }
.sidebar .active ul a { font-weight: 400!important;color: #454d58!important; }
.sidebar ul li a { text-transform: uppercase;}
.sidebar ul li ul li a { text-transform: capitalize;}
.category h1 {}



.product-details a:hover {color: #fff!important;}
.product-details .go-to-checkout {background-color: var(--main-color);}
.product-details .go-to-checkout:hover:before {background-color: var(--light-blue);}
.product-details :is(.sp-minus, .sp-plus) {padding: 7px 5px;}


.kontakt .center80 {padding-bottom: 0;}
.kontakt :is(.contact-info-1, .contact-info-2, .contact-info-3) {padding: 30px; color: #fff; text-align: left;}
.kontakt :is(.contact-info-1, .contact-info-2, .contact-info-3) a {color: #fff;}
.kontakt :is(.contact-info-1, .contact-info-3) li {line-height: 1.7em; display: flex; align-items: center;}
.kontakt .contact-info-1 li:nth-child(4) a {font-size: 2em; line-height: 1.4em;}
.kontakt :is(.contact-info-1, .contact-info-2) a:hover {color: var(--main-color)!important;}
.kontakt :is(.contact-info-1, .contact-info-3) i {margin-right: 10px; color: var(--main-color); font-size: 18px; line-height: 1.7em;}
.kontakt .contact-info-2 {background-color: #eff3f2; color: var(--main-color);}
.kontakt .contact-info-2 b {font-weight: 500;}
.kontakt .contact-border {/*border: 1px solid #eaeaea;*/ padding: 30px; text-align: left;}    
.kontakt form .flex-row-center {justify-content: space-between;}
.kontakt form .form-group :is(input, textarea) {height: 46px; padding: 10px 16px; font-weight: 300; background-color: #fff; border: none; border-bottom: 1px solid #d0d7de; border-radius: 0px; box-shadow: none; transition: background 0.2s ease-in;}
.kontakt form .form-group :is(input, textarea):focus {background: #eff3f2;}
.kontakt form .form-group  textarea {height: 122px;}
.kontakt form .animated-custom {border: 1px solid #eaeaea; background: #eff3f2;}

.kontakt .contact-map {height: 300px; width: 100%; position: relative;}
.kontakt :is(.contact-info-3, #mapaMarker) {width: 50%; height: 100%;}
.kontakt #mapaMarker {height: 300px;}
.kontakt .contact-info-3 {margin-right: -15px; margin-left: -15px;}
.kontakt .contact-info-3 i {font-size: 20px; color: var(--light-blue);}
.kontakt .contact-info-3 h3 {position: relative; display: block;}
.kontakt .contact-info-3 h3:after {content: ''; position: absolute; right: 10px; top: 0; width: 120px; height: 120px; display: block; background: url(/img/logo-white-120h.png) no-repeat center center; background-size: 90px auto;}
.kontakt .contact-info-3 li:nth-child(3) a {font-size: 16px;}


.footer-top {position: relative; /*background: url(/img/back/voda-bazen.jpg) no-repeat top center; background-size: cover;*/}
.footer-top:after {position: relative;}
.footer-top p {font-size: 24px;}
.footer-top > img {position: absolute; left: 50%; bottom: -40px; display: block; z-index: 9;}
.footer-top .footer-top-text {text-shadow: 1px 1.732px 5px rgb(0 0 0 / 12%);}
.footer-top a {text-transform: uppercase; z-index: 999; position: absolute; top: 17px; left: -56px; border: 1px solid #122e48; max-width: 230px; padding: 7px 13px; display: flex; justify-content: center; align-items: center; gap: 10px; font-weight: 400; background: #122e48b5; color: #fff; border-radius: 10px;}
.footer-top a > span {background: #b1b1b12b; border-radius: 9px; padding: 4px 6px; letter-spacing: -.7px; font-size: 16px;}
.footer-top a > i {font-size: 26px;}
.footer-top a:hover {background: #122e48;}
.footer-top .simpleParallax  {position: absolute; width: 100%; left: 0; top: 0; bottom: 0;}
.footer-top .mysimpleParallax {width: 100%; min-height: 100%; object-fit: cover;}




footer {background: url(/img/back/footer-back.jpg) no-repeat center; background-size: cover;}
footer:after {background: linear-gradient(180deg, black, #0000008c);}
footer .details {background: none!important; z-index: 9; position: relative; padding: 60px 0 10px;}
footer .details > div > div > div:first-child ul > li {line-height: 2.2em;}
footer .details > div > div > div:first-child ul > li, footer .details .footer-news > div {border-bottom: 1px solid #3a3a3a;}
footer .details > div > div > div:first-child ul > li:last-child, footer .details .footer-news > div:last-child {border-bottom: none;}
footer .details :is(ul, li, p, a, h5), footer .signature :is(li, a, div) {color: #a2a2a2;}
footer .details h4 {color: #fff; font-weight: 700; text-transform: uppercase; padding-bottom: 0; margin-bottom: 30px;}
footer .details h4:before {display: none;}
footer .details h5 {margin-top: 0; text-transform: uppercase; font-weight: 600; font-size: 16px; letter-spacing: -.3px;}
footer .footer-logo img {width: auto; height: auto; max-height: 200px; display: block; margin: 0 auto;}
footer .details p {line-height: initial;}

footer .footer-news > div {margin-bottom: 16px;}
footer .footer-news img {border-radius: 100%;}

footer .footer-contact ul:not(.social-footer) li i {font-size: 20px; margin-right: 10px; position: relative; top: 2px}
footer .social-footer {padding: 0; }
footer .social-footer li {display: inline-block; padding: 0 5px 0 0;}
footer .social-footer li > a > i {background: #2c2d2f; color: #818283; width: 38px; height: 38px; text-align: center; position: relative; display: inline-block; padding: 10px; background: #1e2226; color: #54606b; font-size: 18px; font-weight: 700;}

footer .signature {background: none; z-index: 9; position: relative;}

footer .signature ul {display: inline-flex;}
footer .signature ul li {margin-right: 8px; position: relative;}
footer .signature span {color: #2f4857;}

footer a {-webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -ms-transition: all .2s ease-out;}
footer a:hover:before {display: none!important;}
footer a:hover, footer a:hover i {color: var(--light-blue)!important; font-weight: inherit!important;}













.scrollToTop {background: var(--light-blue);}
::-moz-selection {background: var(--light-blue); color: #fff;}
::selection {background: var(--light-blue); color: #fff;}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {-webkit-transition: "color 9999s ease-out, background-color 9999s ease-out"; -webkit-transition-delay: 9999s;}

.cookie-notification {margin: 0; width: 100%; font-size: 15px; box-shadow: 3px 3px 9px 8px rgb(0 0 0 / 25%);}
.cookie-notification p {color: initial;}
.cookie-notification .close-cookie-notification:hover {color: var(--main-color);}
.cookie-notification .assetBlock {flex-direction: row;}

a.animated-custom:hover, input.animated-custom:hover {background-color: var(--light-blue); color: #fff!important; border-color: var(--main-color);}


.cwt-list li, .news-one .news-text ul > li {position: relative; padding-left: 30px; line-height: 1.5em; margin-bottom: 2px; list-style: none;}
.cwt-list li:before, .news-one .news-text ul > li:before {font: normal normal normal 20px/1 "Material Design Icons"; content: "\F012C"; color: var(--light-blue); position: absolute; left: 0; top: calc(50% - 10px); padding: 0;}




/* lg i veći */
@media only screen and (min-width: 992px) {
    .flex-lg {display: flex; align-items: center;}
    
}







/* lg i manji */
@media only screen and (max-width: 991px) {
    .text-center-lg {text-align: center;}
    
    .homepage .about-text .faq a.animated-dark {float: none;}
    
    .galerija .intro p {display: block; margin: 0 auto; padding-bottom: 30px;}
    
    .kontakt .page-content .center80 {width: 100%; max-width: 100%;}
    
    .news-one .img-wrap .img-back img {top: 0;}
    
    .cookie-notification p {margin-bottom: 30px;}
}










/* md i manji */
@media only screen and (max-width: 767px) {
    
    
header .middle {top: 0; padding: 0;}    
header .middle .flex-center:first-of-type {display: block;}
header .solid-menus .navbar-brand.navbar-brand-center {left: inherit; right: 0;}
header .solid-menus .navbar-brand.navbar-brand-center img {height: auto;margin-top: -36px; width: 100px;}
header .solid-menus .navbar .navbar-toggle {border: none;}

header .navbar-default .navbar-toggle .icon-bar {width: 30px; height: 4px; border-radius: 5px; background-color: #fff;}
header .navbar-default .navbar-toggle:focus, header .navbar-default .navbar-toggle:hover {background: transparent;}
header .navbar-collapse.collapse.in, header .navbar-collapse.collapsing {position: absolute; left: -15px; background-color: #292e33; width: calc(100% - -30px);}


    
header .middle .navbar ul.navbar-nav > li.products-menu > a {padding-left: 15px;}
body:not(.homepage) .middle.no-img, body:not(.homepage).product header .middle, body:not(.homepage).shop header .middle, body:not(.homepage).checkout header .middle, 
body:not(.homepage).checkout-finished header .middle, body:not(.homepage).checkout-finished-bank header .middle, body:not(.homepage).brand header .middle, body:not(.homepage).user-login header .middle
    {padding-top: 25px; padding-bottom: 25px;}


                        
.navbar-collapse.collapse.in, .navbar-collapse.collapsing {background: var(--main-color); z-index: 99999; position: relative;}    
body header .middle .navbar .dropdown-menu { min-width: auto; background: #fffffff2;}
body header .middle .navbar-nav .open .dropdown-menu {display: block; background: inherit;}
body header .middle .navbar-default .navbar-nav > li {padding: 1px 0!important;}
header .middle .navbar ul.navbar-nav > li > a { font-size: 14px; text-transform: uppercase; letter-spacing: -.2px; text-shadow: none;}
header .middle .navbar .dropdown-menu > li {display: flex;}
header .middle .navbar .dropdown-menu > li > a {padding: 10px; font-size: 14px;}
header .middle .navbar .dropdown-menu > li > img {width: 30px; height: 30px;}
header .middle .navbar :is(ul.navbar-nav > li > a, .dropdown-menu > li > a) {color: #77868d;}
header .middle .navbar :is(ul.navbar-nav > li > a:hover, .dropdown-menu > li > a:hover) {color: var(--light-blue)!important;}
header .middle .solid-menus .no-bg li.active a {background: none; color: var(--light-blue);}

/*header .middle .navbar ul.navbar-nav > li > a:hover {color: ;}*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background: transparent;}



.homepage .video-wrap .video-text h1 {font-size: 2.2em;}
.homepage .about-us-home {padding-top: 0;}
.homepage .about-us-home .text-block h2 {font-size: 50px;}
.homepage .about-us-home .text-block {margin-bottom: 40px;}
.homepage .about-us-home .text-block .animated-dark {margin-top: 20px!important;}
.homepage .about-us-home .cards-list > div {display: block;}


.homepage .panel-title > a {display:flex; align-items: center;}
.homepage .models .models-back h3 {width: 90%; margin: 10px auto 30px!important;}

.homepage .image-card-img img {min-height: 200px;}


body:not(.homepage) header .solid-menus .navbar-brand.navbar-brand-center img {max-height: 100px; width: auto;}
body:not(.homepage) video {height: 100%;}
body:not(.homepage) .video-wrap .video-text {z-index: 997;}
body:not(.homepage) h1 {font-size: 2.6em;}
body:not(.homepage) .blue-line {margin: 0 auto 20px;}
body:not(.homepage) .img-back > img {object-fit: cover; height: 400px;}



.image-card {margin-bottom: 10px;}

.center80 {max-width: 90%; width: 90%;}



.o-nama h2 {text-align: center;}
.o-nama .image-card-text {padding: 0 10px;}
.o-nama .image-card-text h4 {padding-bottom: 0;}
.o-nama .image-card ul {padding-left: 0;}
.o-nama .image-card-text a {margin-top: 10px!important;}
.o-nama .image-card:hover .image-card-text {top: 10px;}

.galerija .page-content h2 {font-size: 2.4em;}
.galerija .counter span {font-size: 50px;}
.galerija .counter [class^='col-'] > div {height: 155px; margin-bottom: 20px;}

.kontakt .page-content .center80 {width: 100%; max-width: 100%; display: flex; flex-direction: column;}
.kontakt .page-content .center80 > div:nth-of-type(2) {order: 3; margin-top: 30px;}
.kontakt h3 {text-align: center;}
.kontakt .contact-map {display: block; height: auto; }
.kontakt :is(.contact-info-3, #mapaMarker) {width: 100%; height: auto; min-height: 300px; margin: auto;}
.kontakt .contact-info-3 {margin-bottom: 30px!important;}


.news-template-short2 .imgdiv, .news-template-short2 .time-ago {width: 100%;}



body.category .category-list h1 {font-size: 2em;}
.category .category-list h3 {font-size: 1.3em; font-weight: 500;}


.footer-top {padding-bottom: 50px;}
.footer-top .footer-top-text {text-align: center;}
.footer-top .animated-dark {position: relative; margin: 0 auto; top: inherit; left: inherit;}
.footer-top img {right: 0; left: inherit;}

footer .details.visible-xs {padding-top: 60px;}
footer .details p {text-align: center; padding: 15px 0;}

footer .logo {height: auto; width: 100px;}




}




@media only screen and (max-width: 576px) {
    .kontakt .contact-info-3 h3:after {display: none;}
    .kontakt form .flex-row-center {display: block;}
    .kontakt form .g-recaptcha {display: table; margin: 0 auto 20px;}
}











/*@font-face{font-family:'Ionicons';font-display:swap;font-style:normal;font-weight:400;src:local("Ionicons"),url(//www.lathampool.com/wp-content/themes/lathampool/assets/css/../fonts/ionicons/ionicons.woff) format("woff")}*/
@font-face{font-family:'Maison Neue Black';font-display:swap;font-style:normal;font-weight:400;src:local("Maison Neue Black"),url(/vendors/fonts/MaisonNeue/MaisonNeue-Black.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-Black.woff) format("woff")}
@font-face{font-family:'Maison Neue Black';font-display:swap;font-style:italic;font-weight:400;src:local("Maison Neue Black"),url(/vendors/fonts/MaisonNeue/MaisonNeue-BlackItalic.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-BlackItalic.woff) format("woff")}
@font-face{font-family:'Maison Neue Book';font-display:swap;font-style:normal;font-weight:400;src:local("Maison Neue Book"),url(/vendors/fonts/MaisonNeue/MaisonNeue-Book.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-Book.woff) format("woff")}
@font-face{font-family:'Maison Neue Book';font-display:swap;font-style:italic;font-weight:400;src:local("Maison Neue Book"),url(/vendors/fonts/MaisonNeue/MaisonNeue-BookItalic.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-BookItalic.woff) format("woff")}
@font-face{font-family:'Maison Neue Demi';font-display:swap;font-style:normal;font-weight:400;src:local("Maison Neue Demi"),url(/vendors/fonts/MaisonNeue/MaisonNeue-Demi.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-Demi.woff) format("woff")}
@font-face{font-family:'Maison Neue Demi';font-display:swap;font-style:italic;font-weight:400;src:local("Maison Neue Demi"),url(/vendors/fonts/MaisonNeue/MaisonNeue-DemiItalic.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-DemiItalic.woff) format("woff")}
@font-face{font-family:'Maison Neue';font-display:swap;font-style:normal;font-weight:900;src:local("Maison Neue"),url(/vendors/fonts/MaisonNeue/MaisonNeue-ExtraBold.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-ExtraBold.woff) format("woff")}
@font-face{font-family:'Maison Neue';font-display:swap;font-style:italic;font-weight:900;src:local("Maison Neue"),url(/vendors/fonts/MaisonNeue/MaisonNeue-ExtraBoldItalic.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-ExtraBoldItalic.woff) format("woff")}
@font-face{font-family:'Maison Neue';font-display:swap;font-style:normal;font-weight:700;src:local("Maison Neue"),url(/vendors/fonts/MaisonNeue/MaisonNeue-Bold.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-Bold.woff) format("woff")}
@font-face{font-family:'Maison Neue';font-display:swap;font-style:italic;font-weight:700;src:local("Maison Neue"),url(/vendors/fonts/MaisonNeue/MaisonNeue-BoldItalic.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-BoldItalic.woff) format("woff")}
@font-face{font-family:'Maison Neue';font-display:swap;font-style:normal;font-weight:500;src:local("Maison Neue"),url(/vendors/fonts/MaisonNeue/MaisonNeue-Medium.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-Medium.woff) format("woff")}
@font-face{font-family:'Maison Neue';font-display:swap;font-style:italic;font-weight:500;src:local("Maison Neue"),url(/vendors/fonts/MaisonNeue/MaisonNeue-MediumItalic.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-MediumItalic.woff) format("woff")}
@font-face{font-family:'Maison Neue';font-display:swap;font-style:normal;font-weight:400;src:local("Maison Neue"),url(/vendors/fonts/MaisonNeue/MaisonNeue-Light.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-Light.woff) format("woff")}
@font-face{font-family:'Maison Neue';font-display:swap;font-style:italic;font-weight:400;src:local("Maison Neue"),url(/vendors/fonts/MaisonNeue/MaisonNeue-LightItalic.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-LightItalic.woff) format("woff")}
@font-face{font-family:'Maison Neue';font-display:swap;font-style:normal;font-weight:300;src:local("Maison Neue"),url(/vendors/fonts/MaisonNeue/MaisonNeue-Thin.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-Thin.woff) format("woff")}
@font-face{font-family:'Maison Neue';font-display:swap;font-style:italic;font-weight:300;src:local("Maison Neue"),url(/vendors/fonts/MaisonNeue/MaisonNeue-ThinItalic.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-ThinItalic.woff) format("woff")}
@font-face{font-family:'Maison Neue';font-display:swap;font-style:normal;font-weight:100;src:local("Maison Neue"),url(/vendors/fonts/MaisonNeue/MaisonNeue-ExtraThin.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-ExtraThin.woff) format("woff")}
@font-face{font-family:'Maison Neue';font-display:swap;font-style:italic;font-weight:100;src:local("Maison Neue"),url(/vendors/fonts/MaisonNeue/MaisonNeue-ExtraThinItalic.woff2) format("woff2"),url(/vendors/fonts/MaisonNeue/MaisonNeue-ExtraThinItalic.woff) format("woff")}