@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@media print {.noPrint, .adminBtn {display:none !important;}}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.link {cursor:pointer;}
.fs13 {font-size:13px;}
.vsebina table.table {color:inherit;width:auto;}
.vsebina table {border-collapse:collapse;}
.vsebina table td {border:1px solid #005868;padding:.3rem .7rem;}
.vsebina table p {margin:0;}
.table-striped>tbody>tr:nth-of-type(odd) td, .table-striped-2>tbody>tr:nth-of-type(even) td{background-color: rgba(37,189,173,0.15);color: #005868;}
.vsebina ul:not(.address-listing) {margin-bottom:1rem;}
.vsebina ul:not(.address-listing) li {position: relative; padding-left:2rem; margin-bottom:.3rem;}
.vsebina ul:not(.address-listing) li:before {content:""; background-color:rgb(37,189,173); position: absolute; left:1rem; top:.6rem; width:.3rem; height:.3rem;}
.vsebina ul:not(.address-listing) li p {margin-bottom:0;}
.vsebina ol {list-style:decimal;}
.vsebina img:not(.img-fluid) {max-width:100%;}
.grey {color:#6c757d;}
.vsebina a:not(.btn) { color: rgb(37,189,173);}
.vsebina a:not(.btn):hover { color: rgba(21,145,143,1);}
.tar {text-align:right;}

/* General 
--------------------------------------------------------------------------------------------------------*/
.window-resizing *, body:not(.page-loaded) *{transition: none!important; }
a{transition: all 0.3s;}
html, body { min-width: 360px; min-height: 100vh; }
body { font-size: 16px; line-height: 22px; font-family: 'Inter', sans-serif; -ms-overflow-style: scrollbar; -webkit-font-smoothing: subpixel-antialiased; color:#005868;}
.wrapper { min-height: 100vh; }
a { color: #005868; text-decoration: none; }
a:hover { color: #25bdad; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2em; padding: 0 0 20px; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display: block; }
h1 {font-size:42px;}
h2 {font-size:20px;}
h6 {font-size:18px; line-height:24px;}
.modal-title {padding-bottom:0;}
input[type=text], input[type=email], input[type=password], textarea { -webkit-appearance: none; appearance: none; }
::-webkit-input-placeholder { color: #005868; }
::-moz-placeholder { color: #005868; }
:-ms-input-placeholder { color: #005868; }
:-moz-placeholder { color: #005868; }
::-moz-focus-inner { border: 0; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #005868; }
option:not(:checked) { color: black; }
ul {margin:0;padding:0;}

.bg-light{background-color: #fbfbfb !important;}
.btn-close:focus{box-shadow: 0 0 0 0.25rem #00586820;}
.container-xl{padding-left: 16px; padding-right: 16px;}

.figure img {object-fit: cover;}

.limit-2, .limit-3, .limit-4 {position: relative;display: block;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.limit-2 {-webkit-line-clamp: 2;height: calc(1em * 1.178 * 2);}
.limit-3 {-webkit-line-clamp: 3;height: calc(1em * 1.178 * 3);}
.limit-4 {-webkit-line-clamp: 4;height: calc(1em * 1.178 * 4);}

/*----RESPONSIVE VIDEO--------*/

.flex-video {
  position: relative;
  /*padding-top: 25px;*/
  padding-bottom: 67.5%;
  height: 0;
  overflow: hidden;
}

.flex-video + .flex-video {margin-top:20px;}

.flex-video.widescreen { padding-bottom:56.25%;}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}

/* slider */
.slider {position:relative;}
.slider.slider-horizontal {height:20px;width:100%;}
.slider.slider-horizontal .slider-track {height:3px;width:100%;top: 50%;left:0;transform:translateY(-50%);}
.slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high {height: 100%;top: 0;bottom: 0;}
.slider.slider-horizontal .max-slider-handle {margin-left:-1rem;}
.slider .hide, .slider input {display:none;}
.slider-track {position: absolute;background-color:rgba(63, 67, 76, 0.5);}
.slider-selection {position: absolute;background-color:#005868;}
.slider-track-low, .slider-track-high {position: absolute;}
.slider-handle {position: absolute;top:50%;transform:translateY(-50%);width:1rem;height:1rem;background-color:#fff;border:1px solid #3f434c;cursor:pointer;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px;}
.price-fields {width:205px;}
.price-fields .value-from, .price-fields .value-to {font-size:1rem;}
.device-thumb .slick-slide img  {border :1px solid #eeebe5; width: 92px;height: 92px;object-fit: contain;}
.device-thumb .slick-dots { margin-top:10px}
.device-thumb {margin-top: 1.5rem!important;}
.device-thumb .slick-slide { display: flex;align-items: center;justify-content: center; background-color:#fff;}
.device-thumb .slick-dots li.slick-active  button{ width: 30px; background-color: #000;border:solid 2px #000;}
.device-thumb .slick-slide.slick-current img {border-color:#005868;}

.banner-slider {border-top:1px solid #ededed;}
.banner-slider .slider-container, .banner-slider .slider-container .slide-inner {width:100%;}
.banner-slider .slick-list, .banner-slider .slick-track, .banner-slider .slick-slide, .banner-slider .slide-inner {height:100%;}
.banner-slider .banner-slider-img{width:100%;height:100%;object-fit:contain;}
.banner-slider .slick-dots{position: absolute; left:0; bottom:-25px; display: flex; flex-direction:row; justify-content: center;}
.banner-slider .slick-dots button{height:12px; width:12px; text-indent: -9999px; overflow: hidden; background: none; border: solid 1px #005868; border-radius:50%; padding: 0;}
.banner-slider .slick-dots .slick-active button{background: #005868;}
.banner-slider .slick-dots > li + li {margin-left:5px;}

.banner-slider .banners-product-slider > div {width:100%;}
.banner-slider .banners-product-slider .slider-outer {margin-left:-8px;margin-right:-8px;}
.banner-slider .banners-product-slider .slider-item {padding:0 8px;}

/* Pager*/
.page-item.active .page-link {color: #0d173b;background: none;border: none;}
.page-link:hover{color: #1c7fb8;}
.page-link {color: #0d173b;}
.page-link, .page-link:hover, .page-item.active .page-link {background: none;border: none;}


/* inquiry */
.inquiryNotif {border-top:2px solid #fff;text-align:center;position:fixed;bottom:0;left:0;right:0;z-index:1031;background-color:#fff;border:1px solid #000000;padding:20px;-webkit-box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.3);}
.inquiryNotif:not(.show) {transform:translateY(calc(100% + 15px));}

/* basket */
.basket {transition:transform .5s ease-in-out;position:fixed;top:0;bottom: 0;left:0;z-index:1051; overflow: auto; background-color:#fff;width:100%;}
.basket:not(.show) {transform:translateX(-100%);}
.basket ul {margin:0;padding:0;}
.btn-close-basket, .basket-total > div {text-transform:uppercase;letter-spacing:0.08em;}
.btn-close-basket {font-size:11px;}
.btn-close-basket i {margin-left:5px;font-size:14px;vertical-align:middle;margin-bottom:3px;}
.basket-heading, .filter-heading {height:70px;border-bottom:1px solid #e5e5e5;}
.basket-heading, .basket-total, .filter-heading {box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.basket-heading h4 {color:#005868;}
.basket ul > li, .basket-total {border-top:1px solid #e5e5e5;}
.basket ul > li:first-child {border-top:none;}
.basket-remove-from-cart {position:absolute;top:15px;right:1rem;}
.basket-remove-from-cart .fa-times {margin-right: 3px;}
.basket-remove-from-cart, #CartItemsContent .remove-from-cart {font-size:12px;color:rgba(13,23,59,0.5);}
.basket-img {width:45px;min-width:45px;min-height:45px;max-height:56px;margin-right:15px;border:1px solid #e5e5e5;padding:2px;align-items:center;justify-content:center;}
.basket-info .name {line-height:1.178em;}
.basket-info .name a {width:calc(100vw - 110px);}
.basket-info .name a + span {margin-top:5px;font-size:14px;line-height:1.3;}
.basket-info .price {color:rgba(21,145,143,1);font-size:0.9rem;}
.basket-info .counter .btn {background:none;padding:0;}
.basket-info .counter input {border:none;width:50px;padding:0;height:calc(1em + 5px);}
.basket-info .counter {margin-right:-8px;}
.basket-list {max-height:calc(100vh - 185px);overflow:auto;}
.basket-total {height:115px;}
.basket-total > div {font-size:12px;}

/* cart */
.CartStepsTop > div {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width:25%;background-color:#fff;border:1px solid rgb(37,189,173);color:#ddd;padding:15px 20px; text-align:center; position:relative;}
.CartStepsTop > div + div {border-left:none;}
.CartStepsTop > div > span {margin-left:10px;}
.CartStepsTop > div.active {background-color: rgb(37,189,173); background: linear-gradient(90deg, rgba(37,189,173,1) 0%, rgba(37,189,173,1) 50%, rgba(21,145,143,1) 100%);color:#fff;}
.CartStepsTop > div.done {color:inherit;}
.CartStepsTop > div:not(:last-child):after, .CartStepsTop > div:not(:last-child):before {content:'';position:absolute;top:50%;transform:translateY(-50%);z-index:1;right:-14px;border:7px solid transparent;}
.CartStepsTop > div:not(:last-child):before {border-left-color:rgb(37,189,173);}
.CartStepsTop > div:not(:last-child):after {border-left-color:#fff;right:-13px;}
.CartStepsTop > div.active:before {border-left-color:rgba(21,145,143,1);}
.CartStepsTop > div.active:after {display:none;}
#CartHolder h5 {font-weight:500;font-size:1.3rem;}

.postavka_seperator {background-color:#e5e5e5;height:1px;content:" ";margin:20px 0px;}

#CartItemsContent .cart-item-image {-ms-flex: 0 0 80px;flex: 0 0 80px;max-width:80px; padding-right:5px;}
#CartItemsContent .lh, #CartItemsContent .product-counter {padding-left:5px;}
#CartItemsContent .cart-item-image a {border:1px solid #e5e5e5; min-height:60px; max-height:70px; padding:5px;align-items:center;justify-content:center;}
#CartItemsContent .product-counter {-ms-flex: 0 0 180px;flex: 0 0 180px;max-width:180px;}
#CartItemsContent .remove-from-cart {text-align:center;}
#CartItemsContent .cart-item-image img, .basket-img img {max-width:100%;object-fit:contain;}

.step1_summary {border-top:2px solid #e5e5e5;margin-top:20px;padding-top:20px;}
.step1_summary > div > div.postavka_seperator, #reviewItems div.postavka_seperator {margin:7px 0px;}
.step1_summary > div > div > div:not(.d-md-flex) {display:inline-block;width:110px;text-align:right;float:right;}
.step1_summary.fs13 > div > div > div:not(.d-md-flex) {width:90px;}

#txtPromoCode {letter-spacing:0.1em;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}
#btnPromoCode {border-color: #c7dade; min-width: 0; padding:0.313rem .75rem;}
#btnPromoCode span {font-size:0.8rem;line-height:1;}

#CartLogin > .row > .col-md-6 {border-bottom:1px solid #e5e5e5;}
#CartLogin > .row > .col-md-6:first-child {border-right:1px solid #e5e5e5;padding-left:0;padding-right:45px;}
#CartBuyerForm textarea.form-control {height: calc(10.5rem + 2px);}
#CartReviewForm .fa-edit.fr {float:right;}
#CartReviewForm .border {font-size:.9rem;}
#CartReviewForm .border.lh strong {font-size:1rem;}
#reviewItems > div:first-child > div {border-bottom:2px solid #e5e5e5;padding-bottom:0.5rem;}
#reviewItems > div.row > div:last-child {white-space:nowrap;}
#reviewItems > div.row:not(.step1_summary) {line-height:1.4;}
#paymentServices label {line-height:26px;padding-top:0;}
/* gallery */
.lg-backdrop {background-color:#fff}
.lg-toolbar .lg-icon {color:#000}
.lg-toolbar .lg-icon:hover {color:#000000;}
.lg-toolbar, .lg-actions .lg-next, .lg-actions .lg-prev {background:none}
.lg-actions .lg-prev:after, .lg-actions .lg-next:before {display:none}
.lg-actions .lg-prev svg, .lg-actions .lg-next svg {height:80px;}
.lg-actions .lg-prev:hover polyline, .lg-actions .lg-next:hover polyline {stroke-width:3;stroke:#000000;}
.lg-outer .lg-thumb-item img {object-fit:cover;}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {background-color:#fff;border-color:#e2151a;}

/* attachments */
.col-lg + .fileList {flex:0 0 auto;width:330px;}
.col-lg + .fileList .inner {background-color:#F8F9FA;border-radius:10px;padding:1rem;}
.fileList div + div {margin-top:10px;}
.fileList i {font-size:18px;}
.fileList a {color:#005868;}
.fileList a span {margin-right:10px;display:inline-block;}

/* read more */
.read-more summary .label-more {display: inline;}
.read-more summary .label-less {display: none;}
.read-more[open] summary .label-more {display: none;}
.read-more[open] summary .label-less {display: inline;}

/* cPanel */
.cPanel {line-height:18px;margin-top:20px;border-bottom:1px solid #e5e5e5;padding-bottom:20px;}
.cPanel i{font-size:24px;margin-bottom:10px}
.cPanel>div{text-align:center;}
.cPanel>div+div {margin-left:20px;}

/* orders */
.ordersList {color:#3e3e3e; margin-bottom:20px;}
.ordersList > div:first-child {background-color:#e1e1e1;}
.ordersList > div {font-size:14px;}
.ordersList > .row {background-color:#f0f0f0;border-bottom:2px solid #ddd;}
.ordersList > .row:last-child {border-bottom:none;}
.ordersList > .row > div {padding-top:15px;padding-bottom:15px;padding-left:10px;padding-right:10px;}

/* loader */
.cssload-loader-wrapper {position: fixed;top:0;left:0;width:100%;height:100%;z-index:1050;background-color:rgba(255,255,255,0.8);}
.cssload-loader {position: absolute;top: 50%;left: 50%;width: 200px;height: 200px;margin-left:-100px;margin-top:-100px;perspective: 4700px;}
.cssload-inner {position: absolute;width: 100%;height: 100%;}

.cssload-inner.cssload-one {border-bottom: 10px solid #005868;left: 0%;top: 0%;animation: cssload-rotate-one 2.05s linear infinite;-o-animation: cssload-rotate-one 2.05s linear infinite;-ms-animation: cssload-rotate-one 2.05s linear infinite;-webkit-animation: cssload-rotate-one 2.05s linear infinite;-moz-animation: cssload-rotate-one 2.05s linear infinite;}
.cssload-inner.cssload-two {border-right: 10px solid rgb(37,189,173);right: 0%;top: 0%;animation: cssload-rotate-two 2.05s linear infinite;-o-animation: cssload-rotate-two 2.05s linear infinite;-ms-animation: cssload-rotate-two 2.05s linear infinite;-webkit-animation: cssload-rotate-two 2.05s linear infinite;-moz-animation: cssload-rotate-two 2.05s linear infinite;}
.cssload-inner.cssload-three {border-top: 10px solid #000000;right: 0%;bottom: 0%;animation: cssload-rotate-three 2.05s linear infinite;-o-animation: cssload-rotate-three 2.05s linear infinite;-ms-animation: cssload-rotate-three 2.05s linear infinite;-webkit-animation: cssload-rotate-three 2.05s linear infinite;-moz-animation: cssload-rotate-three 2.05s linear infinite;}

@keyframes cssload-rotate-one {0% {transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}100% {transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}}
@-o-keyframes cssload-rotate-one {0% {-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}100% {-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}}
@-ms-keyframes cssload-rotate-one {0% {-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}100% {-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}}
@-webkit-keyframes cssload-rotate-one {0% {-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}100% {-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}}
@-moz-keyframes cssload-rotate-one{0%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}
@keyframes cssload-rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}
@-o-keyframes cssload-rotate-two{0%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}
@-ms-keyframes cssload-rotate-two{0%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}
@-webkit-keyframes cssload-rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}
@-moz-keyframes cssload-rotate-two{0%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}
@keyframes cssload-rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}
@-o-keyframes cssload-rotate-three{0%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}
@-ms-keyframes cssload-rotate-three{0%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}
@-webkit-keyframes cssload-rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}
@-moz-keyframes cssload-rotate-three{0%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}

/* fade in animation */
@-moz-keyframes fade-in {from{opacity:0;}to{opacity:1;}}
@-ms-keyframes fade-in {from{opacity:0;}to{opacity:1;}}
@-o-keyframes fade-in {from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes fade-in {from{opacity:0;}to{opacity:1;}}
@keyframes fade-in {from{opacity:0;}to{opacity:1;}}

/* COOKIES BEGIN */

#cookie_notification {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: #fff;
    color: #333;
    font-size: 12px;
    padding: 10px;
    border:1px solid #eae9ef;
    box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2);
    max-width:70vw;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#cookie_notification > div {max-width:270px;}

#cookie_notification .cookie_text {margin-bottom:15px;}
#cookie_notification button, #cookie_notification a 
{
    display:block;
    border:1px solid #36b19f;
    width:100%;
    color: White;
    background-color:#36b19f;
    font-size: 12px;
    padding:8px 10px;
    text-align:center;
    cursor:pointer;
}

#cookie_notification button:hover, #cookie_notification a:hover {
    text-decoration: none;
    background-color:#fff;
    color:#36b19f;
}

#cookie_notification .cookie_buttons > * {margin-top:5px;}

#more-about-cookies h2 {
    margin-bottom: 10px;
}

#more-about-cookies h3 {
    color:#444;
}

#more-about-cookies table {
    border-collapse: collapse;
}

    #more-about-cookies table th {
        border: 2px solid white;
        background-color: #36b19f;
        color: #fff;
        font-weight: bold;
        vertical-align: top;
        text-align: left;
        padding: 10px;
        font-size: 12px;
    }

    #more-about-cookies table td {
        border: 2px solid white;
        vertical-align: top;
        padding: 10px;
        font-size: 12px;
    }

    #more-about-cookies table tr:nth-child(even) {
        background-color: #F1F1F1;
    }
    #more-about-cookies table tr:nth-child(odd) {
        background-color: #FFF;
    }

    #more-about-cookies table td strong {
        font-family: "Courier New", Courier, monospace;
        font-weight: normal;
        display: inline-block;
        margin-top: 2px;
    }

    #more-about-cookies table td .mono {
        font-family: "Courier New", Courier, monospace;
    }

#more-about-cookies .tip, #more-about-cookies .settings {
    background-color: #eeeeee;
    overflow: hidden;
    border: 2px solid #666666;
    padding: 20px;
    font-size: 12px;
}

#more-about-cookies .settings {}

    #more-about-cookies .settings label {
        font-size: 14px; margin-left:5px; font-weight:normal;
    }

#more-about-cookies .btnCookiesSaveSettings {
    border: 2px solid #36b19f;
    background-color: #36b19f;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    #more-about-cookies .btnCookiesSaveSettings:hover {
        background-color: transparent;
        color: #36b19f;
    }

#more-about-cookies em {
    font-size: 14px;
}



::-ms-clear {display: none;}

::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
  -webkit-appearance:none; display:none;
}

/* Form
--------------------------------------------------------------------------------------------------------*/
.btn {padding:0 20px; box-shadow:none !important; position: relative; overflow: hidden; min-width: 100px;}
.btn span {font-size:16px; font-weight:500; line-height:43px;}
.btn-primary {background-color: rgb(37,189,173); background: linear-gradient(90deg, rgba(37,189,173,1) 0%, rgba(37,189,173,1) 50%, rgba(21,145,143,1) 100%);}
.btn-primary:hover {background-color: rgb(21,145,143) !important; background: linear-gradient(90deg, rgba(21,145,143,1) 0%, rgba(37,189,173,1) 50%, rgba(37,189,173,1) 100%) !important;}
.btn-primary.active {background:none;background-color:#005868;}
.btn-primary.active:hover {background:none!important;background-color:#005868!important;opacity:0.8;}

.btn-outline-primary {border-color:#c7dade !important;}  
.btn-outline-primary span{color: #005868;}
.btn-outline-primary:hover, .btn-outline-primary.active {border-color:rgb(21,145,143); background-color: rgb(37,189,173); background: linear-gradient(90deg, rgba(37,189,173,1) 0%, rgba(37,189,173,1) 50%, rgba(21,145,143,1) 100%);}
.counter .input-group { align-items:center}
.counter .input-group .input-group-btn {width:30px; position:relative; height:30px; }
.counter .input-group .input-group-btn button{    padding: 0px;min-width: 30px;height: 30px;}
.counter .input-group .input-group-btn button:hover{    background-color: #f0f0f0;}
.counter .input-group .input-group-btn button i { font-size: 10px; }
.counter .input-group input { font-family: 'Inter', sans-serif; font-size:.8rem; letter-spacing: 1.28px; color: #000; height: 30px; width: 65px; border: 0px; box-shadow: none !important; outline: none !important; }

.form-check-input[type=checkbox] {border-radius:0;}
.form-check-input {width: 20px; height: 20px;}
.form-check-label {color: #005868; line-height:1; cursor: pointer; padding-left:5px; padding-top:7px;}
.form-check-input {box-shadow:none !important; outline:none !important; }
.form-check-input:focus {border-color: #005868;}
.form-check-input:checked {background-color:#005868; border-color: #005868;}

.sidebar:empty {display:none;}
.sidebar .form-check{margin-bottom:0;}

.form-control:focus {border-color:rgb(37,189,173);box-shadow:0 0 0 0.25rem rgba(37,189,173,.25);}

textarea.form-control {min-height:143px; height: auto;}

.input-group>.custom-file {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1%;margin-bottom: 0;}
.custom-file {position: relative;display: inline-block;width: 100%;height: calc(1.5em + .75rem + 2px);margin-bottom: 0;}
.custom-file-input {position: relative;z-index: 2;width: 100%;height: calc(1.5em + .75rem + 2px);margin: 0;opacity: 0;}
.custom-file-label {overflow: hidden;white-space: nowrap;border: 1px solid #ced4da;color: #212529;font-size: 14px;position: absolute;top: 0;right: 0;left: 0;z-index: 1;height: calc(1.5em + .75rem + 2px);padding: .375rem .75rem;font-weight: 400;line-height: 1.5;background-color: #fff;border-radius: .25rem;}
.custom-control-label::before, .custom-file-label {transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.custom-file-label::after {position: absolute;top: 0;right: 0;bottom: 0;z-index: 3;display: block;height: calc(1.5em + .75rem);padding: .375rem .75rem;line-height: 1.5;color: #495057;content: "Prebrskaj";background-color: #e9ecef;border-left: inherit;border-radius: 0 .25rem .25rem 0;}

/* accordion */
.accordion-button{align-items:start;gap:1rem;}
.accordion-button:focus {box-shadow:none;border:none;}
.accordion-button:not(.collapsed) {color:#fff;background-color:#005868;}
.accordion-button:not(.collapsed)::after {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.accordion-button::after{margin-top:3px;}

/* comments */
#comments-holder a {text-decoration:none;}
.comment-body {font-size:16px;}
.comment-body p {margin-bottom:.7rem;padding:0;}
.comment-meta span, .comment-body a {color:#005868;}
.comment-meta.signature {margin-top:-0.5rem; font-style:italic;}
#commentForm small {margin-top:-0.5rem;font-size:65%;}

/* Breadcrumb */
.breadcrumb {margin-bottom:10px;}
.breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item {font-size: 14px;}
.breadcrumb .breadcrumb-item a:hover {color:#25bdad;}

/* Header
--------------------------------------------------------------------------------------------------------*/
.header {width: 100%; top: 0; left: 0; z-index: 9; border-bottom: 1px solid #ededed;}
.navbar-brand > img{width: 140px;}
.heart-logo {display:none;border-left:1px solid #ededed;}
.heart-logo > img {height:48px;}
.header-top-part{background: #005868; padding: 9px 0;}
.header-top-part ul.mini-navig>li + li{margin-left: 19px;}
.header-top-part a:not(.dropdown-item), .header-top-part .dropdown-toggle{color: #f8f9f8; font-size: 14px; font-weight: 600;}
.header-top-part a:not(.dropdown-item):hover, .header-top-part .dropdown-toggle:hover{opacity: 0.7;}
.header-top-part .dropdown-menu {z-index:1001;border-color:#ededed;padding-top:0;padding-bottom:0;}
.header-top-part .dropdown-menu>li:first-child>a {border-top-left-radius:.25rem;border-top-right-radius:.25rem;}
.header-top-part .dropdown-menu>li:last-child>a {border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;}
.header-top-part .dropdown-menu .dropdown-item {font-size:14px;}
.header-top-part .dropdown-toggle {text-decoration:none;padding:0;min-width:auto;text-transform:uppercase;font-weight:700;}
.header-top-part .dropdown {margin-left:36px;}
.main-navigation .nav-item .nav-link{font-weight: 600; letter-spacing: -0.2px; padding: 0; color: #005868;}
.main-navigation .nav-item:hover > .nav-link, .main-navigation .nav-item .nav-link.active{color: #25bdad;}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item, .header-top-part .dropdown-menu .dropdown-item{padding: 8px 15px; background: none; transition: none; color: #005868;}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover, .header-top-part .dropdown-menu .dropdown-item:hover{color: #ffffff !important; background: rgb(21,145,143); background: linear-gradient(90deg, rgba(21,145,143,1) 0%, rgba(37,189,173,1) 50%, rgba(37,189,173,1) 100%);}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item.active, .header-top-part .dropdown-menu .dropdown-item.active {color:#25bdad;}
.header-top-part .dropdown-menu .dropdown-item {padding:4px 10px;}
.navbar-top-part li + li{margin-left: 30px;}
.navbar-top-part li a{color: #005868; font-size: 14px; font-weight: 500;}
.navbar-top-part li a:hover{opacity: 0.7;}
.navbar-top-part .badge {background-color:#25BDAD;right:-.5rem;top:-.5rem;width:1rem;height:1rem;font-size:.6em;line-height:1rem;}

.hamburger {
width: 46px; height: 46px;
border-radius: 40px; background: #005868;
  padding:12px 13px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  border: 0;
  margin: 0;
  overflow: visible; }


  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #fff; }

.hamburger-box {
  width: 20px;
  height: 14px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;}
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }

.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top:6px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 12px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 6px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -12px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

.navbar-expand-lg .offcanvas{width: 100%; border: 0;}
.search-form .form-control{border-color: #dddddd; height: 45px; font-weight: 500; font-size: 15px; line-height: 20px; color: #005868; border-radius: 0; padding: 10px;}
.search-form .search-form-btn{background: none; border: solid 1px #dddddd; width: 45px;}
.search-form .search-form-btn:hover{background: rgb(21,145,143); background: linear-gradient(90deg, rgba(21,145,143,1) 0%, rgba(37,189,173,1) 50%, rgba(37,189,173,1) 100%);}
.search-form .search-form-btn:hover img{filter: brightness(0) invert(1);}
.search-form *:focus{box-shadow: none; border-color: #005868;}
.search-form .search-form-btn {transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.search-form input[type="search"]:focus + .easy-autocomplete-container + .search-form-btn {border-color: #005868;}
.search-form .search-form-btn i {color:#005868;font-size:13px;}

#offcanvasNav {top:64px;}

/* Main Content
--------------------------------------------------------------------------------------------------------*/
.section-outer {padding:40px 15px;}
.main-content {overflow:hidden;}
.mt-n4 {margin-top :-1rem;}
.mr-n4 {margin-right :-1rem;}
.ml-n4 {margin-left :-1rem;}
/* Main Banner
--------------------------------------------------------------------------------------------------------*/
.main-banner {padding:40px 30px; background:#fff url('../images/main-banner-bg.png') center top;}
.main-banner:before{content: ""; position: absolute; width: 70%; height: 70%; border-radius: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0; background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);}
.main-banner .card-body{z-index: 1;}
.main-banner h1 {font-size:36px;font-weight:700; padding-bottom:15px; background: #25BDAD; background: -webkit-linear-gradient(to right, #25BDAD 34%, #1A7180 100%); background: -moz-linear-gradient(to right, #25BDAD 34%, #1A7180 100%); background: linear-gradient(to right, #25BDAD 34%, #1A7180 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -0.5px;}
.main-banner p {font-size:18px;line-height:normal; color: #005868; padding-bottom:25px; letter-spacing: -0.7px;}

.main-banner #alphabet {max-width:calc(100vw - 160px);margin:0px auto;}	

.main-banner .figure {margin-bottom:0;}
.main-banner .figure .img-fluid {max-width:100px; max-height:200px;} 
.main-banner .banner-left-t-heart .img-fluid {max-width:80px;}
.main-banner .banner-left-t {left: 0; top: -63px; z-index: 0;}
.main-banner .banner-left-t-heart {left:10px;bottom:0px; z-index: 0;}

.main-banner .banner-left-b, .main-banner .banner-right-t, .main-banner .banner-right-b{display:none;}
 
.letters li{padding:3px; position: relative;}
.letters a {color: #0e6170; font-size:15px; line-height:25px; text-align:center; width:25px; height:25px; border-radius:50%; z-index:1;}
.letters a:after {content:''; z-index:0; opacity:0; position: absolute; top:50%; left:50%; right:50%; bottom:50%; display: block; border-radius:80px; border:solid 2px #25bdad; transition: all 0.3s;}
.letters a:hover:after, .letters a.active:after {opacity:1; left:0px; top:0px; bottom: 0; right: 0;}

.main-banner .btn-group {padding-top:45px;}
.main-banner .btn-group li {padding:4px;}
.main-banner .btn {border-color:#c7dade; min-width:0; padding:0 19px; transition: none;}
.main-banner .btn span {color: #005868; font-size:15px; font-weight: 500; line-height:42px;}
.main-banner .btn:hover {background: rgb(21,145,143); background: linear-gradient(90deg, rgba(21,145,143,1) 0%, rgba(37,189,173,1) 50%, rgba(37,189,173,1) 100%); border: 0; padding: 2px 21px;}
.main-banner .btn:hover span{color: #ffffff;}

.main-banner #results:empty {padding:0;}

/* Normal Slider
--------------------------------------------------------------------------------------------------------*/
.normal-slider .slider-heading {color: #005868; font-weight:700; padding-bottom:8px; text-align: left; letter-spacing: -1.4px;}
.normal-slider .slick-arrow {width:30px; height: 30px; border-radius:30px; display: flex; align-items: center; justify-content: center;position: absolute; top:-43px;}
.normal-slider .prev-arrow {right:30px;}
.normal-slider .next-arrow {right:0;}
.normal-slider .slider-three-item .next-arrow{right: 23px;}
.normal-slider .slider-three-item .prev-arrow{right: 57px;}
.normal-slider .prev-arrow img, .normal-slider .next-arrow img {width:18px; height:18px; display: block;}
.normal-slider .slick-arrow:hover{background: rgb(21,145,143); background: linear-gradient(90deg, rgba(21,145,143,1) 0%, rgba(37,189,173,1) 50%, rgba(37,189,173,1) 100%);}
.normal-slider .slick-arrow:hover img{filter: brightness(0) invert(1);}

/* current-offer */
.current-offer:not(.banner-slider) {width:100%;}
.current-offer:not(.banner-slider) {border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
.current-offer:not(.banner-slider) .slider-outer {margin:0 -8px;}
.current-offer:not(.banner-slider) .slider-item {padding:0 8px;}
.current-offer .figure {border:1px solid #ebecee; border-radius:10px; overflow: hidden; transition: all 0.3s; height: 214px; width: 214px;}
.current-offer .card-body {padding:15px 0;}
.current-offer .slick-slide .card-body {padding-bottom:0;}
.current-offer .card-body .product-name { color: #005868; font-size:18px; line-height:normal; margin-bottom:12px; max-width:214px;}
.current-offer .card-body .product-price {color: #25bdad; font-weight:700; font-size: 16px;}
.current-offer .card-body .product-price span {color: #005868;font-weight:400; text-decoration: line-through; padding-right:10px;}
.current-offer .card:hover .figure {box-shadow: 0px 10px 16px 0 rgba(9, 59, 57, 0.16);}
.slider-loading {width:100%;height:430px;position:relative;}
.slider-loading::before {display:block;content:'';width:215px;height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);
      background:
          linear-gradient(0.25turn, transparent, #FFF, transparent),
          linear-gradient(#DDD, #DDD),
          linear-gradient(#DDD, #DDD),
          linear-gradient(#DDD, #DDD);
      background-color: #fff;
      background-repeat: no-repeat;
      background-size: 215px 220px, 215px 130px, 100px 15px, 150px 15px;
      background-position: -215px 0, 0 0, 15px 150px, 15px 180px;
      animation: loadingSlider 1.5s infinite;}

  @keyframes loadingSlider {
    to {
      background-position: 215px 0, 0 0, 15px 150px, 15px 180px;
    }
  }

/* professional-articles */
.badge.bg-primary {background-color:#25707e !important;}
.professional-articles .slider-outer {margin:0 -15px;}
.professional-articles .slider-item {padding:0 15px;}
.professional-articles .badge {font-size: 12px; line-height:24px; padding:0 8px; font-weight:700;color: #fff; border-radius: 3px; position: absolute; top:10px; left:10px; z-index:1;} 
.professional-articles .figure {border-radius:10px; overflow: hidden; height: 210px; transition: all 0.3s;}
.professional-articles .figure img {width:100%; height: 100%;}
.professional-articles .card-body {padding:20px 10px;}
.professional-articles .card-body .card-title {color: #13606e; font-size:18px; line-height:20px; font-weight:700; padding-bottom:15px;}
.professional-articles .card-body .card-text {color: #13606e; font-size:15px; line-height:18px; padding-bottom:15px;}
.professional-articles .card-body .link {color: #13606e; font-size:13px; font-weight:700; letter-spacing: 0.6px;}
.professional-articles .card:hover .figure {box-shadow: 0px 10px 16px 0 rgba(9, 59, 57, 0.16);}

/* Subscribe
--------------------------------------------------------------------------------------------------------*/
.subscribe-section {text-align:center; padding:30px 0; background: rgb(37,189,173); background: linear-gradient(90deg, rgba(37,189,173,1) 0%, rgba(37,189,173,1) 50%, rgba(21,145,143,1) 100%);}
.subscribe-section .search-form {padding:8px; background-color:#fff; border-radius:60px; max-width:397px;}
.subscribe-section h4 {color:#fff; font-size:25px; font-weight:700; padding:0 20px 20px 20px;}
.subscribe-section .search-form {margin:0 auto;}
.subscribe-section .search-form .form-control {font-size:18px;color: #005868; height:44px; background: transparent;}
.subscribe-section .search-form .btn span {line-height:43px;}


/* Inner Banner
--------------------------------------------------------------------------------------------------------*/
.main-banner.inner-banner {overflow: hidden; min-height:190px;}
.main-banner .card-body {z-index:2;} 

/* Product Listing
--------------------------------------------------------------------------------------------------------*/
.product-listing {padding-top:33px;}
.product-filter .offcanvas, #newsCatFilter {width: 300px;}

.product-filter .accordion-flush {border-top:1px solid #97bac0;}
.product-filter .accordion-flush .accordion-item {border-bottom:1px solid #97bac0;}
.product-filter .accordion-header {border:0px; padding-bottom:0px;}
.product-filter .accordion-header .accordion-button {font-size:1.25rem; color: #005868; font-weight:700; line-height:30px;padding:20px 30px 20px 0; box-shadow: none !important;}
.product-filter .accordion-header .accordion-button::after {content:"-"; color: #005868; background:none; position: absolute; top:20px; right:3px; transform:inherit;}
.product-filter .accordion-header .accordion-button.collapsed::after {content:"+";}

.product-filter .accordion-body {padding:0;}
.product-filter .accordion-collapse .accordion-body .letters {margin:15px 0;}

.product-filter-list li {padding:10px 0;}
.product-filter-list > li > a {text-transform:uppercase;}
.product-filter-list li a {font-size:16px; line-height:20px; color: #005868; display: block;}
.product-filter-list li a.active, .product-filter-list li a:hover{color: #25bdad;}
.product-filter-list li .hr {height: 1px; width: 30px; min-width: 30px; border-bottom: 1px solid; margin:9px 5px 0 0;}
.product-filter-list li .hr.small{width: 15px; min-width: 15px;}
.product-filter-list li .hr.large{width: 50px; min-width: 50px;}

.product-listing .current-offer .figure {height:0; width:100%; position: relative; padding-bottom: calc(100% - 2px);} 
.product-listing .current-offer .figure img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.product-listing .current-offer .card {margin:0 auto;}

.product-listing .current-offer .card {margin-bottom:18px;}
.product-listing .professional-articles .card {margin-bottom:12px;}
.product-listing .professional-articles .card-body .card-text {height: calc(1em * 1.27 * 2); letter-spacing: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom:15px;}

.card-body-limited, .card-body-limited.show {-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.card-body-limited {overflow:hidden;margin-bottom:20px;padding-bottom:0px;}
.card-body-limited:not(.show):not(.collapsing) {max-height:182px;}
.card-body-limited.show {max-height:390px;overflow:auto;}
.card-limited-show-hide {padding:0px 20px 20px calc(1.5rem + 5px); margin-top:-10px;}
.card-limited-show-hide a {font-size:15px;}
.card-limited-show-hide a i {vertical-align:middle;margin-left:5px;margin-top:-1px;}

.stock {font-size:0.9rem;}
.stock-yes {color:rgb(37,189,173);}
.stock-no {color:#ff0000;}

/* badges */

[class*="product"] .badges {position:absolute;top:10px;left:10px;text-align:left;z-index:2;padding:5px 10px 0px 10px;}
[class*="product"] .badges > span {border-radius:3px;color:#fff;font-size:13px;line-height:13px;padding:4px 10px;display:block;margin-top:2px;}
[class*="product"] [class*="badge-"] {background-color:#000;}
[class*="product"] .badge-new, [class*="product"] .badge-discount {background:#005868;}
[class*="product"] .badge-1 {background-color:#fa9d2f;}
[class*="product"] .badge-2 {background-color:#15356c;}
[class*="product"] .badge-3 {background-color:#d5357c;}
[class*="product"] .badge-4 {background-color:#9571a9;}
[class*="product"] .badge-5 {background-color:#88ccbe;}
[class*="product"] .badge-6 {background-color:#fac72f;}
[class*="product"] .badge-7 {background-color:#b09a74;}
[class*="product"] .badge-8 {background-color:#b7c892;}
[class*="product"] .badge-9 {background-color:#817773;}
[class*="product"] .badge-10 {background-color:#ec3e23;}
.badge-rent .card-subtitle {margin-top:0;}

/* Pager*/
.page-link:hover{color: rgb(37,189,173);}
.page-link {color: #005868;background: none;border: none;}
.page-item.active .page-link {color:#fff;background:#005868;border: none;}


/* Product Details
--------------------------------------------------------------------------------------------------------*/
.product-details-section {padding:15px 0 40px;}
.product-details-section .device-images .slick-arrow { top: 50%; border-radius: 30px; z-index: 1; position: absolute; padding: 6px;align-items: center; align-content: center; display: flex; }
.product-details-section .device-images .prev-arrow { right: auto; left: 5px; }
.product-details-section .device-images .next-arrow { right: 5px; }
.product-details-section .device-images .slick-arrow:hover { background-color: var(--bs-teal) }
.product-img-block .figure {border:1px solid #ebecee; border-radius:10px; overflow: hidden; transition: all 0.3s;background-color:#fff;}
.product-img-block .figure img {object-fit:contain;height:inherit;padding:1rem;}

.product-details .product-name {font-size: 28px; line-height:normal; color: #005868; padding-bottom:25px;}
.product-details .product-price {color: #25bdad; font-weight:700; font-size:28px; padding-bottom:25px;}
.product-details .product-price span {color: #005868;font-weight:400; text-decoration: line-through; padding-right:10px;}
.product-details .card-text {font-size:19px;line-height:1.5;font-weight:700;}
.product-details hr {background-color: #005868; margin-bottom:20px;}
.product-details .attrList a {text-decoration:underline;}

.number-of-item {width:135px; height:45px;border-radius: 22px; border: solid 1px #c4c4c4; background-color: #fbfbfb;}
.number-of-item .form-control {font-size:16px; font-weight:500; color: #004653;}
.number-of-item .number-btn {width:70px; height:45px; border-radius:45px 0 0 45px; padding:0px; text-align: center;}
.number-of-item .number-btn.plus {border-radius:0 45px 45px 0;}
.number-of-item .number-btn span {color: #004653;  font-size:16px; line-height:16px; font-weight:500; text-align:center; display: block; top:50%; left:0; right:0; margin-top:-10px;}
.number-of-item .number-btn:hover {background-color: rgb(37,189,173); background: linear-gradient(90deg, rgba(37,189,173,1) 0%, rgba(37,189,173,1) 50%, rgba(21,145,143,1) 100%);}
.number-of-item .number-btn:hover span{color: #fff;}

.product-counter.number-of-item .input-group { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; width: 153px; }
.product-counter .number-of-item {width:153px;}
.product-counter .input-group .input-group-btn { height: 45px; border-radius: 45px 0 0 45px; padding: 0px; text-align: center; display:flex; align-items:center; }
.product-counter .input-group-btn:nth-child(3) { border-radius: 0 45px 45px 0; }
.product-counter .input-group .input-group-btn:hover { background-color: rgb(37,189,173); background: linear-gradient( 90deg, rgba(37,189,173,1) 0%, rgba(37,189,173,1) 50%, rgba(21,145,143,1) 100%); }
.product-counter .input-group button { min-width: 45px; padding: 0px ; display: flex; align-items: center; justify-content: center; }
.product-counter .input-group button i { color: #004653; font-size: 8px; line-height: 16px; }

.brand-logo img {max-width:200px;max-height:50px;}

.product-notification > p:last-child {margin-bottom:0;}
.product-notification {background-color:rgba(0,88,104,0.2);}

/* Custom Tabs
--------------------------------------------------------------------------------------------------------*/
.custom-tabs .nav {
	margin: 0 -8px;
}
.custom-tabs .nav .nav-item {padding:0 8px 16px;}
.custom-tabs .nav .nav-item .btn-outline-primary {border-width:2px;}
.custom-tabs .nav .nav-item .btn-outline-primary:hover {background-color:#fff !important; background-image:none !important;}
.custom-tabs .nav .nav-item .btn-outline-primary.active { border-color:#005868 !important; background-color: #fff !important; background-image:none !important;}
.custom-tabs .tab-pane {font-size: 16px; font-weight: 500;color: #005868; padding:1rem; border-radius:10px; background-color: #fff; line-height: 25px;}
#login h5 {font-size: 1.25rem;height: 20px;}


/* Footer
--------------------------------------------------------------------------------------------------------*/
.footer {border-top:2px solid rgba(37,189,173,.3);}
.footer-top-part{border-bottom: 1px solid #00586815;}
.footer h6{font-weight: 700; color: #005868; padding-bottom: 0;}
.footer-accordion{margin: 0 -16px; border-top: 1px solid #00586815;}
.footer-accordion .accordion-item{background: none; border-top: 0; border-bottom-color: #00586815;}
.footer-accordion .accordion-button{padding: 16px; background: none; box-shadow: none; color: #005868; font-weight: 700;}
.footer-accordion .accordion-button:after{background-image: url(../images/ic-accordion-arrow.svg);}
.footer-accordion .accordion-item{border-radius: 0; border-left: 0; border-right: 0;}
.footer-accordion .accordion-body{padding:10px 16px 16px;}
.footer-links > li + li{margin-top: 30px;}
.footer-links > li > a{font-size: 15px; line-height: 20px;}
.footer-links > li > ul {margin-left:1rem;margin-top:1rem;}
.footer-links > li > ul > li + li {margin-top:10px;}
.footer-links > li > ul > li > a {font-size:14px;line-height:1;}
.address-listing{border-left: solid 1px #d6e3e5; border-top: solid 1px #d6e3e5;}
.address-listing li{border-right: solid 1px #d6e3e5;  border-bottom: solid 1px #d6e3e5; color: #005868;}
.address-listing li p{font-size: 15px; line-height: 25px; padding: 0;}
.address-listing li p b,.address-listing li p strong{font-weight: 700;}
.footer .call-link{color: #005868; font-size: 24px; line-height: 30px; font-weight: 700; margin: 20px 0;}
.footer .call-link:hover{opacity: 0.7;}
.copyright {color: #444444; font-size: 13px; line-height: 20px; letter-spacing: 0.36px;}
.subscribe-section + footer {border-top:none;}

/* accessibility begin */

.skip-to-main {left:0;position:absolute;transform:translateY(-100%);}
.skip-to-main:focus {transform:none;left:5px;top:5px;z-index:9999;background-color:#ffffff;padding:5px 10px;}

.accessibility-toggle {position:fixed;left:15px;bottom:15px;z-index:999999999;}
.accessibility-toggle button {background-color:#ff0000;color:#fff;border-radius:50%;font-size:30px;width:45px;height:45px;text-align:center;border:none;}
#accessibility button {display:block;font-size:18px;border:1px solid #999;background:none;height:130px;padding:0px 20px;}
#accessibility button:not(.w-100) {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
#accessibility button.w-100{width:100%;}
#accessibility button:hover {background:#f2f2f2;}
#accessibility button:focus {border:none;outline:0;box-shadow:inset 0 0 0 5px rgba(255,0,0,0.7);}
#accessibility button.active {background:#000;color:#fff;}
#accessibility .btn-secondary {font-size:16px;}
#accessibility .modal-body {display:flex;flex-wrap:wrap;color:#000;}
#accessibility i {display:block;margin:0px auto 10px auto;font-size:40px;}
#accessibility .modal-body > button:nth-child(2n) {border-left:none;}
#accessibility .modal-body > button:not(:nth-last-child(-n+2)), #accessibility .modal-body > button:not(:nth-last-child(1)) {border-bottom:none;}
.accessibility-modal .modal-backdrop {opacity:0;}

html.desaturate { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
body.font-family *:not(i) {font-family: "Arial", sans-serif !important;}
body.underline-links a {text-decoration: underline !important;}

.goToTop {position:fixed;bottom:15px;right:15px;background-color:rgba(0,0,0,0.7);color:#fff;border-radius:50%;width:36px;height:36px;text-align:center;border:none;}
.goToTop i {line-height:22px;font-size:20px;}

.btn-check:focus+.btn, .btn:focus, .dropdown-toggle:focus {outline:2px solid #000;}

/* accessibility end */

@media screen and (min-width: 480px) {.heart-logo{display:block;}}

@media screen and (min-width: 576px) {    
    #offcanvasNav {top:108px;}
	.navbar-brand > img{width:148px;}
	.heart-logo > img {height:51px;}
	.heart-logo{display:none;}
    .inquiryNotif{right:auto;margin:15px;}
    .basket {width:400px;}
    .basket-info .name a {width:290px;}
    .section-outer {padding:40px 30px;}
	.professional-articles .slider-outer {margin:0 -33px;}
	.professional-articles .slider-item {padding:0 33px;}
	.professional-articles:not(.main-news-list) .card {max-width:335px;}
}

@media screen and (min-width: 650px) {.heart-logo{display:block;}}

@media screen and (min-width: 768px) {
	.header-top-part ul.mini-navig>li + li{margin-left:24px;}
	.main-banner .banner-left-b {left: 0; bottom: 0; z-index: 1;display:inline-block;}
	.main-banner .banner-right-t {right: 0; top: 0; z-index: 1;display:inline-block;}
	.main-banner .banner-left-t-heart {bottom:unset;top:0;}
  .main-banner .banner-left-t-heart .img-fluid {max-width:100px;}
  .main-banner .banner-left-t-heart + figure.banner-left-b .img-fluid {max-height:160px;}
  .main-banner .banner-right-b {right: 0; bottom: 0; z-index: 0;display:inline-block;}  
	.main-banner #alphabet {max-width:70vw;}	
	.banner-slider .slider-container, .banner-slider .slider-container .slide-inner {width:62.5vw;}
	.banner-slider .container-xl .slick-slider {height:32.670454545vw;}
	.banner-slider .banners-product-slider > div {margin-left:auto;width:calc(37.5vw - 105px);}
	.banner-slider.current-offer .figure {width:calc(37.5vw - 120px);height:calc(37.5vw - 120px);}
	.banner-slider.current-offer .card-body {padding-top:0;}
	.banner-slider.current-offer .limit-3 {-webkit-line-clamp:1;height:calc(1em * 1.178);}
    .step1_summary .promocode {background:none;color:inherit;}
    .step1_summary > div:last-child {-ms-flex: 0 0 360px;flex: 0 0 360px;max-width:360px;}
    .step1_summary.fs13 > div:last-child {-ms-flex: 0 0 350px;flex: 0 0 350px;max-width:350px;}
    .cPanel>div+div {margin-left:50px;}
	.product-filter{width:205px;}
    .product-filter .offcanvas, #newsCatFilter{width:  auto;}
	.product-listing .current-offer .figure{ min-width:214px;min-height	:214px; }
	.sidebar.col-md-auto {width:calc(205px + var(--bs-gutter-x));}
	.text-md-right {text-align:right;}
}

@media screen and (min-width: 992px) {
    
    .basket {left:auto; right:0;}
    .basket:not(.show) {transform:translateX(100%);visibility:hidden;}
    .basket-img {width:75px;min-width:75px;min-height:75px;max-height:95px;}
	.basket-info .name a {width:260px;}
    #CartItemsContent .lh, #CartItemsContent .product-counter {padding-left:15px;}
    #CartItemsContent .cart-item-image {-ms-flex: 0 0 160px;flex: 0 0 160px;max-width:160px; padding-right:15px;}
    #CartItemsContent .cart-item-image a {min-height:130px;max-height:160px;}
    #CartItemsContent .remove-from-cart {-ms-flex: 0 0 50px;flex: 0 0 50px;max-width:50px;text-align:left;}
    h1 {font-size:60px;}
	h2 {font-size:28px;}
	.custom-tabs .tab-pane {padding:2.5rem;}
	.section-outer {padding-top:110px; padding-bottom:100px;}
	.navbar-expand-lg{padding: 0;}
	.navbar-expand-lg .offcanvas{width: auto; border-top: 1px solid #ededed; padding: 20px 0;}
	.navbar-top-part{padding: 12px 0;}
	.main-navigation .dropdown-menu.custom-scrollbar {max-height:calc(100vh - 200px);overflow:auto;min-width:220px; min-height:200px;padding-top:0;padding-bottom:0;}
	.main-navigation .nav-item + .nav-item{margin-left: 30px;}
	.navbar-expand-lg .navbar-nav .dropdown-menu{display: none!important; border-color: #ededed;}	
	.navbar-expand-lg .navbar-nav .dropdown:hover > .dropdown-menu{display: block!important;}
	.search-form{width: 400px;}
	.search-form .form-control{border-radius: 45px; padding: 10px 20px;}
	.search-form .search-form-btn{padding: 10px 15px 10px 12px; border-radius: 45px;}
	#offcanvasNav {top:auto;}
	.address-listing{margin-top: -17px;}
	.address-listing li{width: 50%;}
	.footer-top-part{ padding: 110px 0 70px;}
	.footer h6{font-weight: 700; color: #005868; padding-bottom: 33px;}
	.footer .address-outer{width: 500px; min-width: 500px;}
	.footer .call-link{margin: -36px 0 0; position: relative; top: -10px;}
	.footer-accordion{margin: 0; border: 0;}
	.footer-accordion .accordion-item{border: 0;}
	.footer-accordion .accordion-body{padding: 0;}

	
	/* main-banner */
	.main-banner h1 {font-size:55px;}
	.main-banner p {font-size:26px;padding-bottom:15px;}
  .main-banner .banner-left-t-heart .img-fluid {max-width:130px;max-height:130px;}
  .main-banner .banner-left-t-heart + figure.banner-left-b .img-fluid {max-height:140px;}

	.subscribe-section {padding-top:57px;padding-bottom: 57px;}
	.subscribe-section .search-form {margin:0;}
	.subscribe-section h4 {padding-bottom:0px;}

	.main-banner.inner-banner .figure .img-fluid {max-width:120px; max-height:250px;} 	

	.banner-slider.current-offer {padding-top:55px;}
	.banner-slider.current-offer .figure {width:calc(37.5vw - 150px);height:calc(37.5vw - 150px);}
	.banner-slider.current-offer .limit-3 {-webkit-line-clamp:2;height:calc(1em * 1.178 * 2);}

	.product-listing .professional-articles {padding-left:24px; max-width:234px;}
	.product-listing .professional-articles .figure {height:135px; width:auto;}

	.product-details-section {padding:1.5rem 0 5rem;}
	.product-details-professional.section-outer {padding-top:70px; padding-bottom:70px;} 
	.product-details {padding-left:43px;}

    .custom-scrollbar::-webkit-scrollbar {width:6px;}
    .custom-scrollbar.horizontal::-webkit-scrollbar {width:auto;height:6px;}
    .custom-scrollbar::-webkit-scrollbar-button {display:none;}
    .custom-scrollbar::-webkit-scrollbar-thumb {background: #e6e7eb;}
    .custom-scrollbar::-webkit-scrollbar-thumb:hover {background: #0e6170;}
    .custom-scrollbar::-webkit-scrollbar-track, .custom-scrollbar::-webkit-scrollbar-track-piece {background:#F8F9FA;}
}


@media (max-width:991.98px) {
	.navbar-expand-lg .offcanvas .container-xl, .navbar-expand-lg .offcanvas .offcanvas-body{padding: 0;}
	.search-form .form-control{height: 55px; border-left: 0; padding-left: 16px;}
	.search-form .search-form-btn{border-right: 0; width: 55px;}
	.main-navigation{max-height: calc(100vh - 140px); overflow: auto;}
	.main-navigation .nav-item{border-bottom: solid 1px #dddddd;}
	.main-navigation .nav-item .nav-link{padding:15px 16px; display: flex; align-items: center;}
	.main-navigation .nav-item .nav-link.dropdown-toggle{ justify-content: space-between;}
	.main-navigation .nav-item.d-sm-none{border-color:#074752;}
	.main-navigation .nav-item.d-sm-none .nav-link{font-size: 14px; background: #005868; color: #fff; text-transform: none;}
	.main-navigation .nav-item.d-sm-none .nav-link img{filter: brightness(0) invert(1); width: 20px;}
	.main-navigation .nav-item.d-sm-none .nav-link:hover{opacity: 0.9;}
	.main-navigation .dropdown .dropdown-toggle.show{color: #25bdad;}
	.main-navigation .dropdown .dropdown-toggle.show:after{transform: rotate(180deg);}
	.navbar-nav .dropdown-menu{padding: 0; border: 0;}
	.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{padding-left:30px;}
	.footer-accordion .row{margin: 0;}
	.footer-accordion .row > div{padding: 0;}
	
}


@media (min-width:1200px) {
	.container-xl{max-width: 1164px;}
	.main-navigation .nav-item + .nav-item{margin-left: 40px;}
	.subscribe-section h4 {padding-right:100px;padding-bottom:0px;}

	.main-banner.inner-banner .figure .img-fluid {max-width:150px; max-height:250px;} 
	.product-img-block .figure  {width:554px; height:554px;}
	.banner-slider .slider-container, .banner-slider .slider-container .slide-inner {width:660px;}
	.banner-slider .container-xl .slick-slider {height:345px;}
	.banner-slider .banners-product-slider > div {width:444px;}
	.banner-slider.current-offer .card-body {padding-top:15px;}
	.banner-slider.current-offer .figure {width:214px;height:214px;}
	.banner-slider.current-offer .limit-3 {-webkit-line-clamp:3;height:calc(1em * 1.178 * 3);}
}


/* do not change beyond this point */

.adminBtnFA {cursor:pointer; color:#a0a0a0; font-size:13px;}
.adminBtnFA + .adminBtnFA {margin-left:5px;}
.adminBtnFA:hover {color:#000;}

.btnCMS {font-size:13px;color:#a0a0a0;text-decoration:none !important;}
.btnCMS:hover {color:#000 !important;}
.btnCMS i.fa-pencil-alt {color:orange;}
.btnCMS i.fa-plus-square {color:green;}
.btnCMS i.fa-list {color:darkblue;}
.btnCMS i.fa-times {color:red;}
.btnCMS i.fa-paperclip {color:cornflowerblue;}
.btnCMS i.fa-images {color:olive;}

.adminBtn{display:inline-block;padding:5px 15px 5px 10px;font-family:Arial;color:Black !important;font-size:12px;text-decoration:none;background:#fff;box-shadow:0 0 3px 3px rgba(0, 0, 0 , 0.1);}
.adminBtn span{display:inline-block;background-repeat:no-repeat;background-position:left center;padding-left:23px;padding-top:2px;}
.adminBtn:hover, .adminBtn:active{text-decoration:none;color:black !important;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 3px rgba(0, 0, 0 , 0.3);}
.adminBtn:active{background-color:White;}

.btn-album-switch{background-image:url(../images/cms/album-switch.png);}
.btn-album-edit{background-image:url(../images/cms/album-edit.png);}
.btn-attachment{background-image:url(../images/cms/attachment.png);}
.btn-banners{background-image:url(../images/cms/banners.png);}
.btn-banners-edit{background-image:url(../images/cms/banners-edit.png);}
.btn-document{background-image:url(../images/cms/document.png);}
.btn-footer{background-image:url(../images/cms/footer.png);}
.btn-header{background-image:url(../images/cms/header.png);}
.btn-form-edit{background-image:url(../images/cms/form-edit.png);}
.btn-form-results{background-image:url(../images/cms/form-results.png);}
.btn-form-switch{background-image:url(../images/cms/form-switch.png);}
.btn-images{background-image:url(../images/cms/images.png);}
.btn-logout{background-image:url(../images/cms/logout.png);}
.btn-map{background-image:url(../images/cms/map.png);}
.btn-menu{background-image:url(../images/cms/menu.png);}
.btn-modules{background-image:url(../images/cms/modules.png);}
.btn-news-edit{background-image:url(../images/cms/news-edit.png);}
.btn-news-add{background-image:url(../images/cms/news-add.png);}
.btn-page-edit{background-image:url(../images/cms/page-edit.png);}
.btn-bottom-menu{background-image:url(../images/cms/bottom-menu.png);}
.btn-hotel{background-image:url(../images/cms/hotel.png);}
.btn-hotel-add{background-image:url(../images/cms/hotel-add.png);}
.btn-cat-edit{background-image:url(../images/cms/cat-edit.png);}
.btn-cat-add{background-image:url(../images/cms/cat-add.png);}
.btn-cat-list{background-image:url(../images/cms/cat-list.png);}