/*!
 * Virtual Select v1.0.30
 * https://sa-si-dev.github.io/virtual-select
 * Licensed under MIT (https://github.com/sa-si-dev/virtual-select/blob/master/LICENSE)
 */
@-webkit-keyframes vscomp-animation-spin {
    to {
        transform: rotateZ(360deg)
    }
}

@keyframes vscomp-animation-spin {
    to {
        transform: rotateZ(360deg)
    }
}

.vscomp-popup-active {
    overflow: hidden !important
}

.vscomp-ele {
    display: inline-block;
    max-width: 250px;
    width: 100%
}

.vscomp-wrapper {
    color: #333;
    display: inline-flex;
    flex-wrap: wrap;
    font-family: sans-serif;
    font-size: 14px;
    position: relative;
    text-align: left;
    width: 100%
}

.vscomp-wrapper *,
.vscomp-wrapper *::before,
.vscomp-wrapper *::after {
    box-sizing: border-box
}

.vscomp-wrapper:focus {
    outline: none
}

.vscomp-dropbox-wrapper {
    left: 0;
    position: absolute;
    top: 0
}

.vscomp-toggle-button {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
    display: flex;
    padding: 7px 30px 7px 10px;
    position: relative;
    width: 100%
}

.vscomp-value {
    height: 20px;
    line-height: 20px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vscomp-arrow {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.vscomp-arrow::after {
    transform: rotate(45deg);
    border: 1px solid rgba(0, 0, 0, 0);
    border-bottom-color: #111;
    border-right-color: #111;
    content: "";
    height: 8px;
    margin-top: -6px;
    width: 8px
}

.vscomp-clear-icon {
    height: 12px;
    position: relative;
    width: 12px
}

.vscomp-clear-icon::before,
.vscomp-clear-icon::after {
    background-color: #999;
    content: "";
    height: 12px;
    left: 5px;
    position: absolute;
    top: 0;
    width: 2px
}

.vscomp-clear-icon::before {
    transform: rotate(45deg)
}

.vscomp-clear-icon::after {
    transform: rotate(-45deg)
}

.vscomp-clear-icon:hover::before,
.vscomp-clear-icon:hover::after {
    background: #333
}

.vscomp-clear-button {
    align-items: center;
    border-radius: 50%;
    display: none;
    height: 24px;
    justify-content: center;
    margin-top: -12px;
    position: absolute;
    right: 30px;
    top: 50%;
    width: 24px
}

.vscomp-clear-button:hover {
    background: #ccc
}

.vscomp-clear-button:hover .vscomp-clear-icon::before,
.vscomp-clear-button:hover .vscomp-clear-icon::after {
    background-color: #333
}

.vscomp-dropbox-close-button {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    bottom: -48px;
    cursor: pointer;
    display: none;
    height: 40px;
    justify-content: center;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 40px
}

.vscomp-value-tag.more-value-count {
    white-space: nowrap
}

.vscomp-dropbox-container {
    width: 100%;
    z-index: 2
}

.vscomp-dropbox {
    background-color: #fff;
    width: 100%
}

.vscomp-options-container {
    max-height: 210px;
    overflow: auto;
    position: relative
}

.vscomp-options-bottom-freezer {
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
}

.vscomp-option {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 40px;
    padding: 0 15px;
    position: relative
}

.vscomp-option.selected {
    background-color: #eee
}

.vscomp-option.focused {
    background-color: #ccc
}

.vscomp-option.disabled {
    cursor: default;
    opacity: .5
}

.vscomp-option.group-title .vscomp-option-text {
    cursor: default;
    opacity: .6
}

.vscomp-option.group-title.selected {
    background-color: rgba(0, 0, 0, 0)
}

.vscomp-option.group-option {
    padding-left: 30px
}

.vscomp-new-option-icon {
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.vscomp-new-option-icon::before {
    border: 15px solid #512da8;
    border-bottom-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    right: 0;
    top: 0
}

.vscomp-new-option-icon::after {
    align-items: center;
    color: #fff;
    content: "+";
    display: flex;
    font-size: 18px;
    height: 15px;
    justify-content: center;
    position: absolute;
    right: 1px;
    top: 0;
    width: 15px
}

.vscomp-option-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.vscomp-option-description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    font-size: 13px;
    line-height: 15px;
    width: 100%
}

.vscomp-search-container {
    align-items: center;
    border-bottom: 1px solid #ddd;
    display: flex;
    height: 40px;
    padding: 0 5px 0 15px;
    position: relative
}

.vscomp-search-input {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    color: inherit;
    font-size: 15px;
    height: 38px;
    padding: 10px 0;
    width: calc(100% - 30px)
}

.vscomp-search-input:focus {
    outline: none
}

.vscomp-search-clear {
    align-items: center;
    color: #999;
    cursor: pointer;
    display: flex;
    font-size: 25px;
    height: 30px;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 30px
}

.vscomp-search-clear:hover {
    color: inherit
}

.vscomp-no-options,
.vscomp-no-search-results {
    align-items: center;
    display: none;
    justify-content: center;
    padding: 20px 10px
}

.vscomp-options-loader {
    display: none;
    padding: 20px 0;
    text-align: center
}

.vscomp-options-loader::before {
    -webkit-animation: vscomp-animation-spin .8s infinite linear;
    animation: vscomp-animation-spin .8s infinite linear;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: -4px -5px 3px -3px rgba(0, 0, 0, .3);
    content: "";
    display: inline-block;
    height: 40px;
    opacity: .7;
    width: 40px
}

.vscomp-ele[disabled] {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vscomp-ele[disabled] .vscomp-wrapper {
    opacity: .7;
    pointer-events: none
}

.vscomp-wrapper .checkbox-icon {
    display: inline-flex;
    height: 15px;
    margin-right: 10px;
    position: relative;
    width: 15px
}

.vscomp-wrapper .checkbox-icon::after {
    transition-duration: .2s;
    border: 2px solid #888;
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%
}

.vscomp-wrapper .checkbox-icon.checked::after {
    transform: rotate(45deg) translate(1px, -4px);
    border-color: #512da8;
    border-left-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0);
    width: 50%
}

.vscomp-wrapper.show-as-popup .vscomp-dropbox-container {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    opacity: 1;
    overflow: auto;
    padding: 0 10px;
    position: fixed;
    top: 0;
    width: 100vw
}

.vscomp-wrapper.show-as-popup .vscomp-dropbox {
    margin-top: -24px;
    max-height: calc(80% - 48px);
    max-width: 500px;
    position: relative;
    width: 80%
}

.vscomp-wrapper.show-as-popup .vscomp-dropbox-close-button {
    display: flex
}

.vscomp-wrapper.popup-position-left .vscomp-dropbox-container {
    justify-content: flex-start
}

.vscomp-wrapper.popup-position-right .vscomp-dropbox-container {
    justify-content: flex-end
}

.vscomp-wrapper.has-select-all .vscomp-toggle-all-button {
    align-items: center;
    cursor: pointer;
    display: flex
}

.vscomp-wrapper.has-select-all .vscomp-search-input,
.vscomp-wrapper.has-select-all .vscomp-toggle-all-label {
    width: calc(100% - 55px)
}

.vscomp-wrapper.has-select-all .vscomp-toggle-all-label {
    display: none
}

.vscomp-wrapper:not(.has-search-input) .vscomp-toggle-all-button {
    width: 100%
}

.vscomp-wrapper:not(.has-search-input) .vscomp-toggle-all-label {
    display: inline-block
}

.vscomp-wrapper.multiple .vscomp-option .vscomp-option-text {
    width: calc(100% - 25px)
}

.vscomp-wrapper.multiple .vscomp-option .vscomp-option-description {
    padding-left: 25px
}

.vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon::after {
    transform: rotate(45deg) translate(1px, -4px);
    border-color: #512da8;
    border-left-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0);
    width: 50%
}

.vscomp-wrapper.focused .vscomp-toggle-button,
.vscomp-wrapper:focus .vscomp-toggle-button {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2)
}

.vscomp-wrapper.closed .vscomp-dropbox-container,
.vscomp-wrapper.closed.vscomp-dropbox-wrapper {
    display: none
}

.vscomp-wrapper:not(.has-value) .vscomp-value {
    opacity: .5
}

.vscomp-wrapper.has-clear-button.has-value .vscomp-clear-button {
    display: flex
}

.vscomp-wrapper.has-clear-button .vscomp-toggle-button {
    padding-right: 54px
}

.vscomp-wrapper.has-no-options .vscomp-options-container,
.vscomp-wrapper.has-no-search-results .vscomp-options-container {
    display: none
}

.vscomp-wrapper.has-no-options .vscomp-no-options {
    display: flex
}

.vscomp-wrapper.has-no-search-results .vscomp-no-search-results {
    display: flex
}

.vscomp-wrapper.has-search-value .vscomp-search-clear {
    visibility: visible
}

.vscomp-wrapper.has-no-options .vscomp-toggle-all-button {
    opacity: .5;
    pointer-events: none
}

.vscomp-wrapper.keep-always-open .vscomp-toggle-button {
    padding-right: 24px
}

.vscomp-wrapper.keep-always-open .vscomp-clear-button {
    right: 5px
}

.vscomp-wrapper.keep-always-open .vscomp-arrow {
    display: none
}

.vscomp-wrapper.keep-always-open .vscomp-dropbox-container {
    position: relative;
    z-index: 1
}

.vscomp-wrapper.keep-always-open .vscomp-dropbox {
    transition-duration: 0s;
    border: 1px solid #ddd;
    box-shadow: none
}

.vscomp-wrapper.keep-always-open.focused,
.vscomp-wrapper.keep-always-open:focus,
.vscomp-wrapper.keep-always-open:hover {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2)
}

.vscomp-wrapper.server-searching .vscomp-options-list {
    display: none
}

.vscomp-wrapper.server-searching .vscomp-options-loader {
    display: block
}

.vscomp-wrapper.has-error .vscomp-toggle-button {
    border-color: #b00020
}

.vscomp-wrapper.show-value-as-tags .vscomp-toggle-button {
    padding: 4px 22px 0 10px
}

.vscomp-wrapper.show-value-as-tags .vscomp-value {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    min-height: 28px;
    overflow: auto;
    text-overflow: unset;
    white-space: normal
}

.vscomp-wrapper.show-value-as-tags .vscomp-value-tag {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 20px;
    display: inline-flex;
    font-size: 12px;
    line-height: 16px;
    margin: 0 4px 4px 0;
    max-width: 100%;
    padding: 2px 3px 2px 8px
}

.vscomp-wrapper.show-value-as-tags .vscomp-value-tag.more-value-count {
    padding-right: 8px
}

.vscomp-wrapper.show-value-as-tags .vscomp-value-tag-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 20px)
}

.vscomp-wrapper.show-value-as-tags .vscomp-value-tag-clear-button {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.vscomp-wrapper.show-value-as-tags .vscomp-value-tag-clear-button .vscomp-clear-icon {
    transform: scale(0.8)
}

.vscomp-wrapper.show-value-as-tags .vscomp-arrow {
    height: 34px
}

.vscomp-wrapper.show-value-as-tags .vscomp-clear-button {
    margin-top: 0;
    top: 5px
}

.vscomp-wrapper.show-value-as-tags.has-value .vscomp-arrow {
    display: none
}

.vscomp-wrapper.show-value-as-tags.has-value .vscomp-clear-button {
    right: 2px
}

.vscomp-wrapper.show-value-as-tags:not(.has-value) .vscomp-toggle-button {
    padding-bottom: 2px
}

.vscomp-wrapper.show-value-as-tags:not(.has-value) .vscomp-value {
    align-items: center;
    padding-bottom: 3px
}

.vscomp-wrapper.text-direction-rtl {
    direction: rtl
}

.vscomp-wrapper.text-direction-rtl .vscomp-toggle-button {
    padding: 7px 10px 7px 30px
}

.vscomp-wrapper.text-direction-rtl .vscomp-arrow {
    left: 0;
    right: auto
}

.vscomp-wrapper.text-direction-rtl .vscomp-clear-button {
    left: 30px;
    right: auto !important
}

.vscomp-wrapper.text-direction-rtl .checkbox-icon {
    margin-left: 10px;
    margin-right: 0
}

.vscomp-wrapper.text-direction-rtl .checkbox-icon.checked::after {
    transform: rotate(45deg) translate(-4px, 1px)
}

.vscomp-wrapper.text-direction-rtl .vscomp-search-container {
    padding: 0 15px 0 5px
}

.vscomp-wrapper.text-direction-rtl .vscomp-toggle-all-label {
    text-align: right
}

.vscomp-wrapper.text-direction-rtl .vscomp-option {
    text-align: right
}

.vscomp-wrapper.text-direction-rtl .vscomp-option.group-option {
    padding-right: 30px
}

.vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon {
    left: 0;
    right: auto
}

.vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon::before {
    border-left-color: #512da8;
    border-right-color: rgba(0, 0, 0, 0)
}

.vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon::after {
    left: 1px;
    right: auto
}

.vscomp-wrapper.text-direction-rtl.multiple .vscomp-option.selected .checkbox-icon::after {
    transform: rotate(45deg) translate(-4px, 1px)
}

.vscomp-wrapper.text-direction-rtl.has-clear-button .vscomp-toggle-button {
    padding-left: 54px
}

.vscomp-wrapper.text-direction-rtl.keep-always-open .vscomp-toggle-button {
    padding-left: 24px
}

.vscomp-wrapper.text-direction-rtl.keep-always-open .vscomp-clear-button {
    left: 5px
}

.vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-toggle-button {
    padding: 4px 10px 0 22px
}

.vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-value-tag {
    margin: 0 0 4px 4px;
    padding: 2px 8px 2px 3px
}

.vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-value-tag.more-value-count {
    padding-left: 8px
}

.vscomp-wrapper.text-direction-rtl.show-value-as-tags.has-value .vscomp-clear-button {
    left: 2px
}

/*!
 * Popover v1.0.8
 * https://sa-si-dev.github.io/popover
 * Licensed under MIT (https://github.com/sa-si-dev/popover/blob/master/LICENSE)
 */
.pop-comp-wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    color: #000;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    text-align: left;
    flex-wrap: wrap;
    z-index: 1
}

.pop-comp-arrow {
    position: absolute;
    z-index: 1;
    width: 16px;
    height: 16px;
    overflow: hidden
}

.pop-comp-arrow::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: 16px;
    height: 16px;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pop-comp-content {
    position: relative;
    z-index: 2
}

.pop-comp-wrapper.position-bottom .pop-comp-arrow {
    margin-left: -8px;
    left: 0;
    top: -15px
}

.pop-comp-wrapper.position-bottom .pop-comp-arrow::before {
    box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, .14)
}

.pop-comp-wrapper.position-top .pop-comp-arrow {
    margin-left: -8px;
    left: 0;
    bottom: -15px
}

.pop-comp-wrapper.position-right .pop-comp-arrow {
    margin-top: -8px;
    top: 0;
    left: -15px
}

.pop-comp-wrapper.position-left .pop-comp-arrow {
    margin-top: -8px;
    top: 0;
    right: -15px
}

.pop-comp-disable-events {
    pointer-events: none
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../themes/swapo/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
body.lb-disable-scrolling {
  overflow: hidden;
}
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}
.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  /* Image border */
  border: 4px solid white;
}
.lightbox a img {
  border: none;
}
.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../themes/swapo/assets/img/loading.gif) no-repeat;
}
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.lb-container > .nav {
  left: 0;
}
.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}
.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../themes/swapo/assets/img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../themes/swapo/assets/img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-data {
  padding: 0 4px;
  color: #ccc;
}
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
.lb-data .lb-caption a {
  color: #4ae;
}
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../themes/swapo/assets/img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

@charset "UTF-8";
body {
  background-color: #f3f3f3;
  font-family: 'Poppins', sans-serif;
  color: #00314f;
}
input, .vscomp-wrapper {
  font-family: 'Poppins', sans-serif;
}
main {
  min-height: calc(100vh - 270.72px);
}
img {
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
}
a {
  text-decoration: none;
}
#cookies__modal .modal-dialog.cookies {
  position: absolute;
  bottom: 0;
}
hr:not([size]) {
  height: 2px;
  color: #00314f;
}
.btn:focus, input:focus {
  box-shadow: none !important;
}
button.btn.btn-styled, a.btn.btn-styled {
  color: #f3f3f3;
  background: #7bb4d7;
  background: -moz-linear-gradient(140deg, #7bb4d7 9%, #9ce099 90%);
  background: -webkit-linear-gradient(140deg, #7bb4d7 9%, #9ce099 90%);
  background: linear-gradient(140deg, #7bb4d7 9%, #9ce099 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7bb4d7", endColorstr="#9ce099", GradientType=1);
  border: 0;
  font-weight: 600;
  font-size: 14px;
  padding: 14px 22px;
  transition: all 0.2s ease;
}
button.btn.btn-styled:hover, a.btn.btn-styled:hover {
  background: #7bb4d7;
  background: -moz-linear-gradient(140deg, #7bb4d7 9%, #7bb4d7 90%);
  background: -webkit-linear-gradient(140deg, #7bb4d7 9%, #7bb4d7 90%);
  background: linear-gradient(140deg, #7bb4d7 9%, #7bb4d7 90%);
  transition: all 0.2s ease;
}
button.btn.btn-styled-small, a.btn.btn-styled-small {
  background: #9ce099;
  color: #2b2b2b;
  padding: 7px 11px;
  font-size: 12px;
}
button.btn.btn-styled-small:hover, a.btn.btn-styled-small:hover {
  background: #00314f;
  color: #9ce099;
}
button.btn.btn-dangerous, a.btn.btn-dangerous {
  color: #f3f3f3;
  background: #c00;
  border: 0;
  font-weight: 600;
  font-size: 14px;
  padding: 14px 22px;
  transition: all 0.2s ease;
}
button.btn.btn-dangerous:hover, a.btn.btn-dangerous:hover {
  background: #900;
  transition: all 0.2s ease;
}
button.btn.btn-transparent, a.btn.btn-transparent {
  color: #00314f;
  background: rgba(0, 49, 79, 0.1);
  border: 0;
  font-weight: 600;
  font-size: 14px;
  padding: 14px 22px;
  transition: all 0.2s ease;
}
button.btn.btn-transparent:hover, a.btn.btn-transparent:hover {
  background: rgba(0, 49, 79, 0.3);
  transition: all 0.2s ease;
}
button.btn.btn-transparent-small, a.btn.btn-transparent-small {
  background: rgba(0, 49, 79, 0.1);
  padding: 7px 11px;
  font-size: 12px;
}
button.btn.btn-transparent-small:hover, a.btn.btn-transparent-small:hover {
  background: rgba(0, 49, 79, 0.3);
  color: #f3f3f3;
}
.owl-nav button {
  margin: 0 10px;
}
.owl-nav button:focus {
  outline: none;
}
.owl-nav .owl-prev, .owl-nav .owl-next {
  position: absolute;
  top: 45%;
  transform: translateY(-45%);
  display: block !important;
  border: 0px solid #65acd7;
}
.owl-nav .owl-prev {
  left: -35px;
}
.owl-nav .owl-next {
  right: -35px;
}
.owl-nav i.fa-solid {
  font-size: 3rem;
  color: #cdcdcd;
}
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  color: #2b2b2b;
}
i.fas.fa-star {
  color: rgba(0, 49, 79, 0.2);
}
i.fas.fa-star.active {
  color: #fecc6c;
}
.referals_add {
  background: url('../themes/swapo/assets/img/referal.jpg');
  background-size: cover;
  background-position: center center;
  height: 280px;
  border-radius: 1.5rem;
}
.referals_add h2.h1 {
  color: white;
}
.referals_add .overlay {
  background: #0a0a0a;
  background: -moz-linear-gradient(0deg, rgba(10, 10, 10, 0.668504902) 0%, rgba(10, 10, 10, 0.4640231092) 59%, rgba(10, 10, 10, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(10, 10, 10, 0.668504902) 0%, rgba(10, 10, 10, 0.4640231092) 59%, rgba(10, 10, 10, 0) 100%);
  background: linear-gradient(0deg, rgba(10, 10, 10, 0.668504902) 0%, rgba(10, 10, 10, 0.4640231092) 59%, rgba(10, 10, 10, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a0a0a",endColorstr="#0a0a0a",GradientType=1);
  border-radius: 1.5rem;
}
.odporucNas .imageWrapper {
  background: url(../themes/swapo/assets/img/referal.jpg);
  background-size: cover;
  background-position: center;
  height: 350px;
}
.odporucNas .overlay {
  background: #0a0a0a;
  background: -moz-linear-gradient(0deg, rgba(10, 10, 10, 0.668504902) 0%, rgba(10, 10, 10, 0.4640231092) 59%, rgba(10, 10, 10, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(10, 10, 10, 0.668504902) 0%, rgba(10, 10, 10, 0.4640231092) 59%, rgba(10, 10, 10, 0) 100%);
  background: linear-gradient(0deg, rgba(10, 10, 10, 0.668504902) 0%, rgba(10, 10, 10, 0.4640231092) 59%, rgba(10, 10, 10, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a0a0a", endColorstr="#0a0a0a", GradientType=1);
}
.some__line {
  width: 150px;
  height: 10px;
  background: #e1e1e1;
}
.modal#filter input.form-control {
  border-radius: 0;
  padding-left: 35px;
  color: #00314f;
}
.modal#filter input.form-control::placeholder {
  color: #00314f;
}
.modal#filter i.fa-magnifying-glass {
  position: absolute;
  left: 20px;
  top: 22%;
  font-size: 18px;
}
.modal#filter .vscomp-ele {
  max-width: 100%;
}
.modal#filter .vscomp-value {
  color: #00314f;
  font-size: 18px;
  opacity: 1;
}
.pagination li.page-item.active a.page-link {
  background-color: #00314f;
  border-colo: #00314f;
  color: white;
}
.pagination li.page-item a.page-link {
  color: #00314f;
}
.lb-nav a.lb-next, .lb-nav a.lb-prev {
  opacity: 1 !important;
}
#topovatInzerat .border-right {
  border-right: 2px solid rgba(0, 49, 79, 0.3);
}
#topovatInzerat .modal-body_second {
  background: white;
}
.top__badge {
  background: rgba(101, 172, 215, 0.8);
  font-weight: bold;
  font-size: 14px;
  border-top-left-radius: 0.75rem;
  padding: 5px 10px;
}
.detail__info__condition.top__badge {
  background: rgba(101, 172, 215, 0.8);
  font-size: 16px;
}
.flash-message.success {
  background: #65acd7 !important;
}
.referal_wrapper a {
  color: #65acd7;
}
.referal_wrapper a:hover {
  text-decoration: underline;
}
.similiar__products .similiar__heading {
  margin-bottom: 10px;
  color: #00314f;
}
.similiar__products .similiar__heading.top {
  color: #65acd7 !important;
}
.similiar__products .owl-item {
  background: rgba(0, 49, 79, 0.1);
  border-top-right-radius: 0.75rem;
  border-top-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.similiar__products .owl-carousel .owl-stage-outer {
  height: calc(100% + 20px);
  margin: -10px;
  padding: 10px 9px;
  width: calc(100% + 18px);
}
.similiar__products a {
  color: #00314f;
}
.similiar__products .similiar__product__heading {
  font-size: 16px;
  font-weight: 600;
}
.similiar__products .similiar__product__place {
  font-size: 13px;
}
.similiar__products img {
  height: 200px;
  border-top-right-radius: 0.75rem;
  border-top-left-radius: 0.75rem;
  object-fit: cover;
  object-position: center center;
}
#signin-modal .modal-content {
  border-radius: 0.25rem;
  border: none;
  background: #f3f3f3;
}
#signin-modal img {
  width: 30px;
}
#signin-modal .modal-header {
  border: none;
}
#signin-modal h4 {
  font-weight: 600;
}
#signin-modal a.modal-close {
  font-size: 24px;
  color: #00314f;
  transition: opacity 0.2s ease-in;
  opacity: 1;
}
#signin-modal a.modal-close:hover {
  opacity: 0.8;
  transition: opacity 0.2s ease-in;
}
#signin-modal a {
  color: #00314f;
}
#signin-modal a.switchToRegister {
  display: inline-block;
  position: relative;
  color: #00314f;
  transition: 0.3s ease-in;
}
#signin-modal a.switchToRegister:hover {
  opacity: 0.6;
  transition: 0.3s ease-in-out;
}
#signin-modal a.switchToRegister.opacity {
  opacity: 0;
  transition: 0.3s ease-in-out;
}
#signin-modal a.switchToRegister:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #f3f3f3;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
#signin-modal a.switchToRegister:hover:After {
  transform: scaleX(1);
  transform-origin: bottom left;
}
#signin-modal .modal-main {
  transition: 0.3s ease-in-out;
}
#signin-modal .modal-main.opacity {
  opacity: 0;
  transition: 0.3s ease-in-out;
}
#signin-modal .modal-main .form-floating input, #signin-modal .modal-main .form-floating select {
  background: rgba(0, 49, 79, 0.1);
  border: none;
  color: #00314f;
}
#signin-modal .modal-main input:-webkit-autofill, #signin-modal .modal-main input:-webkit-autofill:hover, #signin-modal .modal-main input:-webkit-autofill:focus, #signin-modal .modal-main input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px rgba(0, 49, 79, 0.1) inset !important;
}
#signin-modal .modal-main .form-floating label {
  color: #00314f;
}
#signin-modal .modal-main a.restorePwrd {
  transition: 0.3s ease-in-out;
}
#signin-modal .modal-main a.restorePwrd:hover {
  opacity: 0.6;
  transition: 0.3s ease-in-out;
}
#signin-modal .modal-main p {
  overflow: hidden;
  text-align: center;
  color: #2b2b2b;
  opacity: 0.5;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 0;
}
#signin-modal .modal-main p:before, #signin-modal .modal-main p:after {
  background-color: #2b2b2b;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}
#signin-modal .modal-main p:before {
  right: 0.5em;
  margin-left: -50%;
}
#signin-modal .modal-main p:after {
  left: 0.5em;
  margin-right: -50%;
}
#signin-modal .btn-login-social {
  background: rgba(0, 49, 79, 0.1);
  height: 50px;
  color: #00314f;
}
#signin-modal .btn-login-social:hover {
  background: rgba(0, 49, 79, 0.2);
  transition: 0.5s ease-in-out;
}
.navbar-light .navbar-toggler-icon {
  background-image: url('../themes/swapo/assets/img/hamburger.svg') !important;
}
#main_navbar {
  background: #fbfbfb;
  border-bottom: 2px solid rgba(43, 43, 43, 0.05);
}
#main_navbar .navbar-toggler {
  border: none;
  margin-top: 10px;
  color: #00314f;
}
#main_navbar .navbar-toggler:focus, #main_navbar .navbar-toggler:active {
  box-shadow: none;
  outline: none;
}
#main_navbar a.navbar-brand img {
  width: 120px;
}
#main_navbar a.nav-link {
  margin: 0 8px;
  position: relative;
  top: 2px;
}
#main_navbar a.nav-link, #main_navbar button.btn-link {
  color: #00314f;
  font-size: 18px;
  cursor: pointer;
  text-decoration: none;
}
#main_navbar a.nav-link:hover, #main_navbar button.btn-link:hover {
  color: #65acd7;
}
#main_navbar button.btn-link {
  font-size: 26px;
}
#main_navbar .user__header {
  flex-direction: row;
}
#main_navbar .user__header img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  object-position: center center;
  border-radius: 50%;
}
#main_navbar .user__header p {
  font-size: 13px;
}
#main_navbar .user__header a {
  color: #00314f;
  font-weight: bold;
}
#main_navbar .user__header .messages_modalOpener {
  background: #2b2b2b;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
#main_navbar .user__header .messages_modalOpener a {
  color: #f3f3f3;
  font-size: 16px;
  position: relative;
  top: 5px;
}
#main_navbar #openLogin i {
  font-size: 32px;
  position: relative;
  top: 3px;
  color: #2b2b2b;
}
#main_navbar .filter_modalOpener {
  background: #2b2b2b;
  width: 32px;
  height: 32px;
  position: relative;
  text-align: center;
  border-radius: 50%;
}
#main_navbar .filter_modalOpener a {
  color: #f3f3f3;
  font-size: 18px;
  position: relative;
  top: 2px;
}
nav.mobileFixedNavigation {
  background: #9ce099;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
  border-top: 2px solid #76d472;
}
nav.mobileFixedNavigation .col-3 {
  border-right: 2px solid #76d472;
}
nav.mobileFixedNavigation .col-3:last-of-type {
  border-right: none;
}
nav.mobileFixedNavigation a {
  color: #2b2b2b;
}
nav.mobileFixedNavigation a:hover {
  color: #f3f3f3;
}
nav.mobileFixedNavigation a:focus {
  color: #2b2b2b;
}
nav.mobileFixedNavigation i {
  font-size: 22px;
}
nav.mobileFixedNavigation .mobileFixedNavigation__mainLink {
  background: #76d472;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  top: 20%;
}
nav.mobileFixedNavigation .mobileFixedNavigation__mainLink i {
  font-size: 28px;
}
.modal-dialog.cookies {
  max-width: unset;
  margin: 0;
  border-bottom: 1px solid lightgrey;
}
.modal-dialog.cookies .modal-content {
  border-radius: none;
  border: none;
}
.modal-dialog.cookies .left__section {
  text-align: right;
}
.modal-dialog.cookies .left__section img {
  width: 150px;
  margin-right: 20px;
}
.modal-dialog.cookies .middle__section__heading {
  font-weight: 900;
}
.modal-dialog.cookies .middle__section p {
  font-size: 15px;
}
.modal-dialog.cookies .right__section button, .modal-dialog.cookies .right__section a {
  width: 100%;
  padding: 12px 30px;
  font-size: 16px;
}
.modal-dialog.cookies .right__section button.btn-outline-success, .modal-dialog.cookies .right__section a.btn-outline-success {
  color: black;
}
.modal-dialog.cookies .right__section button.btn-outline-success:hover, .modal-dialog.cookies .right__section a.btn-outline-success:hover {
  background: #f2f2f2;
  color: #28a745;
}
.modal-dialog.cookies .switch__wrapper {
  margin: 0 40px 0 0;
  display: inline-block;
}
.modal-dialog.cookies .switch__wrapper label span {
  position: relative;
  top: 4px;
  font-weight: bold;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                        supported by Chrome, Edge, Opera and Firefox */
}
.modal-dialog.cookies #cookies__detail p.collapse__heading {
  font-weight: bold;
}
#homepage #landing {
  background: #7bb4d7;
  background: -moz-linear-gradient(140deg, #7bb4d7 9%, #9ce099 90%);
  background: -webkit-linear-gradient(140deg, #7bb4d7 9%, #9ce099 90%);
  background: linear-gradient(140deg, #7bb4d7 9%, #9ce099 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7bb4d7", endColorstr="#9ce099", GradientType=1);
}
#homepage #landing .landing__text h1 {
  font-weight: 600;
  font-size: 46px;
  color: #f3f3f3;
}
#homepage #landing .landing__text p {
  color: #f3f3f3;
}
#homepage #landing .landing__image img {
  width: 80%;
}
#homepage #landing .searchbar {
  background: #f3f3f3;
  border-radius: 0.25rem;
  position: absolute;
  left: 8.333333335%;
  bottom: 0;
  transform: translateY(50%);
  -webkit-box-shadow: 17px 17px 18px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 17px 17px 18px 0px rgba(0, 0, 0, 0.1);
  font-size: 22px;
}
#homepage #landing .searchbar__firsthalf {
  border-bottom: 2px solid #00314f;
}
#homepage #landing .searchbar__secondhalf a {
  color: #00314f;
}
#homepage #landing .searchbar input, #homepage #landing .searchbar select, #homepage #landing .searchbar .form-control {
  border: none;
  outline: 0;
  background: none;
  margin-left: 10px;
  width: 80%;
  min-height: auto !important;
  box-shadow: none !important;
}
#homepage #landing .searchbar input:focus, #homepage #landing .searchbar input:hover, #homepage #landing .searchbar input:active, #homepage #landing .searchbar input:focus-visible, #homepage #landing .searchbar select:focus, #homepage #landing .searchbar select:hover, #homepage #landing .searchbar select:active, #homepage #landing .searchbar select:focus-visible, #homepage #landing .searchbar .form-control:focus, #homepage #landing .searchbar .form-control:hover, #homepage #landing .searchbar .form-control:active, #homepage #landing .searchbar .form-control:focus-visible {
  border: none;
  outline: 0;
  background: none;
}
#homepage #landing .searchbar input::placeholder, #homepage #landing .searchbar select::placeholder, #homepage #landing .searchbar .form-control::placeholder {
  font-size: 22px;
  color: #00314f;
}
#homepage #landing .searchbar .form-select {
  padding: 0 10px;
  color: #00314f;
  font-size: 22px;
}
#homepage #landing .searchbar .form-select option {
  font-size: 18px;
}
#homepage #landing .searchbar .form-control {
  width: 100%;
}
#homepage #landing .searchbar .form-control input {
  pointer-events: none;
}
#homepage #landing .searchbar .form-check {
  padding: 0;
}
#homepage #landing .searchbar .form-check input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
#homepage #landing .searchbar input.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  margin-left: 0;
  margin-right: 5px;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
}
#homepage #landing .searchbar .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
#homepage #landing .searchbar li.badge span {
  position: relative;
  bottom: 1px;
  margin-right: 2px;
}
#homepage #landing .searchbar button.btn-link {
  color: #00314f;
  font-size: 22px;
  font-weight: 600;
  text-decoration: none;
  padding: 0;
}
#homepage .scrolling-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  margin-top: 60px;
  text-align: center;
}
#homepage .scrolling-wrapper .home__category__sm {
  display: inline-block;
  border-radius: 0.75rem;
  border: none;
  width: 39%;
  padding: 30px;
  background: #f3f3f3;
  color: #00314f;
  margin-right: 5px;
}
#homepage .scrolling-wrapper .home__category__sm img {
  height: auto;
  width: 100%;
}
#homepage .scrolling-wrapper .home__category__sm img:nth-child(2) {
  display: none;
}
#homepage .scrolling-wrapper .home__category__sm h2 {
  font-weight: 600;
  font-size: 17px;
}
#homepage .scrolling-wrapper .home__category__sm:hover {
  background: #7bb4d7;
  background: -moz-linear-gradient(140deg, #7bb4d7 9%, #9ce099 90%);
  background: -webkit-linear-gradient(140deg, #7bb4d7 9%, #9ce099 90%);
  background: linear-gradient(140deg, #7bb4d7 9%, #9ce099 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7bb4d7", endColorstr="#9ce099", GradientType=1);
  color: #f3f3f3;
}
#homepage .scrolling-wrapper .home__category__sm:hover img {
  display: none;
}
#homepage .scrolling-wrapper .home__category__sm:hover img:nth-child(2) {
  display: inline-block;
  text-align: center;
}
#homepage .scrolling-wrapper {
  margin-bottom: 20px;
  -webkit-overflow-scrolling: touch;
}
#homepage .scrolling-wrapper > * {
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
}
#homepage .scrolling-wrapper::-webkit-scrollbar {
  display: none;
}
#homepage .home__categories a {
  color: #00314f;
  font-weight: 900;
}
#homepage .home__category {
  border-radius: 0.75rem;
  background: #f3f3f3;
}
#homepage .home__category img {
  height: 85px;
  width: auto;
}
#homepage .home__category img:nth-child(2) {
  display: none;
}
#homepage .home__category h2 {
  font-weight: 600;
  font-size: 20px;
}
#homepage .home__category:hover {
  background: #7bb4d7;
  background: -moz-linear-gradient(140deg, #7bb4d7 9%, #9ce099 90%);
  background: -webkit-linear-gradient(140deg, #7bb4d7 9%, #9ce099 90%);
  background: linear-gradient(140deg, #7bb4d7 9%, #9ce099 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7bb4d7", endColorstr="#9ce099", GradientType=1);
  color: #f3f3f3;
}
#homepage .home__category:hover img {
  display: none;
}
#homepage .home__category:hover img:nth-child(2) {
  display: inline-block;
  text-align: center;
}
#homepage .how {
  color: #00314f;
}
#homepage .how__heading {
  font-weight: 600;
}
#homepage .how img {
  width: 100%;
}
#homepage .how a {
  text-decoration: underline;
  font-size: 14px;
  color: #7bb4d7;
}
.categories__heading {
  font-weight: 600;
  color: #00314f;
}
.categories ul {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
}
.categories__category a {
  color: #00314f;
}
.categories__category a:hover {
  font-weight: bold;
}
#zoznam .zoznam__heading {
  color: #00314f;
  font-weight: 900;
  font-size: 20px;
}
#zoznam .zoznam__header a.nav-link {
  font-size: 16px;
  color: #00314f;
  padding-left: 0;
  padding-right: 0;
}
#zoznam .zoznam__header a.nav-link.show {
  color: #65acd7;
}
#zoznam .zoznam__header a.nav-link:hover {
  color: #65acd7;
}
#zoznam .zoznam__header .dropdown-toggle::after {
  margin-left: 0;
  vertical-align: 0.055em;
}
#zoznam .zoznam__header a.dropdown-item {
  cursor: pointer;
  color: #00314f;
}
#zoznam .zoznam__header a.dropdown-item:hover {
  color: #65acd7;
}
#zoznam .zoznam__header ul.dropdown-menu-dark {
  background: rgba(243, 243, 243, 0.9);
}
#zoznam .zoznam__searchbar input {
  padding-left: 40px;
  font-size: 16px;
  border: none;
  background: rgba(0, 49, 79, 0.3);
  color: #00314f;
}
#zoznam .zoznam__searchbar input:focus {
  outline: none;
  border: none;
}
#zoznam .zoznam__searchbar input::placeholder {
  color: #00314f;
}
#zoznam .zoznam__searchbar i {
  position: absolute;
  transform: translate(0, -50%);
  top: 50%;
  left: 0;
  pointer-events: none;
  width: 40px;
  text-align: center;
  font-size: 18px;
  color: #00314f;
}
#zoznam .list__items .list__item a {
  color: #00314f;
}
#zoznam .list__items .list__item a:hover .list__item__text__wrapper, #zoznam .list__items .list__item a:hover .list__item__heading {
  color: #65acd7;
}
#zoznam .list__items .list__item__text__wrapper {
  background: rgba(0, 49, 79, 0.1);
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
#zoznam .list__items .list__item__heading {
  color: #00314f;
  font-size: 16px;
  font-weight: 600;
}
#zoznam .list__items .list__item__place {
  font-size: 13px;
}
#zoznam .list__items .list__item img {
  height: 200px;
  object-fit: cover;
  object-position: center center;
  border-top-right-radius: 0.75rem;
  border-top-left-radius: 0.75rem;
}
.similiar__product:hover .similiar__product__heading, .similiar__product:hover .similiar__product__place {
  color: #65acd7;
}
#detail {
  min-height: 100vh;
}
#detail .similiar__products {
  margin-bottom: 15px;
}
.detail__images .main__image img {
  max-height: 500px;
  width: auto;
  object-fit: cover;
  object-position: center;
}
.detail__images__more:nth-child(n+6) {
  display: none;
}
.detail__images__more .overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
}
.detail__images__more .overlay__bg {
  background: rgba(43, 43, 43, 0.7);
}
.detail__images__more .overlay__bg p {
  font-size: 26px;
  color: #f3f3f3;
}
.detail__images__more:nth-child(6) .overlay {
  display: block;
}
.detail__info__name {
  color: #00314f;
  font-weight: 600;
  font-size: 26px;
}
.detail__info__place {
  color: #00314f;
}
.detail__info__profilepic {
  width: 35px;
  height: 35px;
  display: inline-block;
  position: relative;
  top: -15px;
  margin-right: 5px;
}
.detail__info__profilepic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 50%;
}
.detail__info__sellername {
  display: inline-block;
}
.detail__info__sellername h3 {
  font-size: 18px;
  font-weight: 600;
}
.detail__info__sellername a {
  color: #00314f;
}
.detail__info__sellername .stars i {
  font-size: 13px;
  position: relative;
  top: -3px;
}
.detail__info__condition {
  display: inline-block;
  background: rgba(0, 49, 79, 0.2);
  font-size: 16px;
  font-weight: 600;
  color: #00314f;
}
.detail__info__price {
  font-size: 26px;
  color: #00314f;
}
.detail__info__price .subname {
  font-size: 16px;
}
.detail__info__price__acc {
  font-weight: 600;
  position: relative;
  top: -5px;
  left: -1px;
}
.detail__info__exchange {
  color: #00314f;
}
.detail__info__exchange span {
  font-weight: 600;
}
.yourProfile .my_adds__empty {
  color: #454545;
}
.yourProfile .my_adds__empty i {
  font-size: 50px;
  margin-bottom: 10px;
  color: #65acd7;
}
.yourProfile .my_adds__empty h3 {
  font-weight: 800;
  font-size: 22px;
  color: #2b2b2b;
}
.yourProfile .my_adds__empty p {
  font-size: 18px;
}
.yourProfile .my_reviews__empty {
  color: #454545;
}
.yourProfile .my_reviews__empty i {
  font-size: 50px;
  margin-bottom: 10px;
  color: #65acd7;
}
.yourProfile .my_reviews__empty h3 {
  font-weight: 800;
  font-size: 22px;
  color: #2b2b2b;
}
.yourProfile .my_reviews__empty p {
  font-size: 18px;
}
.yourProfile h3 {
  font-weight: 600;
}
.yourProfile__profilepic {
  width: 100%;
  padding-top: 100%;
  position: relative;
}
.yourProfile__profilepic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.yourProfile__yourName h1 {
  font-weight: 600;
}
.yourProfile__miniNav a {
  color: #00314f;
}
.yourProfile__addReview {
  border: 1px solid rgba(0, 49, 79, 0.2);
}
.yourProfile__content .your_adds__empty {
  color: #454545;
}
.yourProfile__content .your_adds__empty i {
  font-size: 50px;
  margin-bottom: 10px;
  color: #65acd7;
}
.yourProfile__content .your_adds__empty h3 {
  font-weight: 800;
  font-size: 22px;
  color: #2b2b2b;
}
.yourProfile__content .your_adds__empty p {
  font-size: 18px;
}
.yourProfile__content .your_add a h3, .yourProfile__content .your_add a p {
  color: #00314f;
}
.yourProfile__content .your_add a:hover h3, .yourProfile__content .your_add a:hover p {
  color: #65acd7;
}
.yourProfile__content .your_add__text__wrapper {
  background: rgba(0, 49, 79, 0.1);
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.yourProfile__content .your_add__heading {
  font-size: 16px;
  font-weight: 600;
}
.yourProfile__content .your_add__place {
  font-size: 13px;
}
.yourProfile__content .your_add img {
  height: 200px;
  object-fit: cover;
  object-position: center center;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.yourProfile__content .your_add a {
  color: #f3f3f3;
  display: block;
  padding: 5px 0;
  font-size: 17px;
}
.yourProfile__content .your_add a:hover {
  color: #65acd7;
}
.yourProfile__content .your_review {
  background: #f3f3f3;
  margin-bottom: 10px;
  border: 1px solid rgba(0, 49, 79, 0.2);
}
.yourProfile__content .your_review a {
  color: #00314f;
}
.yourProfile__content .your_review:last-child {
  margin-bottom: 0;
}
.yourProfile__content .your_reviews__empty {
  color: #454545;
}
.yourProfile__content .your_reviews__empty i {
  font-size: 50px;
  margin-bottom: 10px;
  color: #65acd7;
}
.yourProfile__content .your_reviews__empty h3 {
  font-weight: 800;
  font-size: 22px;
  color: #2b2b2b;
}
.yourProfile__content .your_reviews__empty p {
  font-size: 18px;
}
.myProfile__profilepic {
  width: 80px;
  height: 80px;
  display: inline-block;
  position: relative;
  top: -40px;
  margin-right: 5px;
}
.myProfile__profilepic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 50%;
}
.myProfile__profilepic a.upload-button {
  width: 25px;
  height: 25px;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  color: #00314f;
  font-size: 14px;
}
.myProfile__myName {
  display: inline-block;
}
.myProfile__myName h1 {
  font-weight: 600;
}
.myProfile__myName a {
  color: #00314f;
}
.myProfile__myName .stars i {
  font-size: 16px;
  position: relative;
  top: -5px;
}
.myProfile .myProfile__content ul.nav.nav-tabs {
  border: none;
  position: relative;
  top: -1px;
}
.myProfile .myProfile__content button.nav-link {
  border: none;
  color: #00314f;
}
.myProfile .myProfile__content button.nav-link.active {
  background: rgba(0, 49, 79, 0.2);
}
.myProfile .myProfile__content .tab-content {
  background: rgba(0, 49, 79, 0.2);
  border: none;
}
.myProfile #profil button.btn-styled, .myProfile #profil button.btn-dangerous {
  min-width: 250px;
}
.myProfile #profil .profile-pic {
  width: 250px;
  max-height: 250px;
  display: inline-block;
}
.myProfile #profil .file-upload {
  display: none;
}
.myProfile #profil .circle {
  border-radius: 100% !important;
  overflow: hidden;
  width: 200px;
  height: 200px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  position: relative;
}
.myProfile #profil img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.myProfile #profil .p-image {
  color: #00314f;
  cursor: pointer;
}
.myProfile #profil .p-image:hover {
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.myProfile #profil .upload-button:hover {
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  color: #65acd7;
}
.myProfile #inzeraty .my_adds__empty {
  color: #454545;
}
.myProfile #inzeraty .my_adds__empty i {
  font-size: 50px;
  margin-bottom: 10px;
  color: #65acd7;
}
.myProfile #inzeraty .my_adds__empty h3 {
  font-weight: 800;
  font-size: 22px;
  color: #2b2b2b;
}
.myProfile #inzeraty .my_adds__empty p {
  font-size: 18px;
}
.myProfile #inzeraty .my_add a {
  color: #f3f3f3;
  padding: 5px 0;
  font-size: 18px;
}
.myProfile #inzeraty .my_add a:hover {
  color: #65acd7;
}
.myProfile #inzeraty .my_add a .my_add__text__wrapper {
  background: white;
  -webkit-box-shadow: 2px 10px 18px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 10px 18px 0px rgba(0, 0, 0, 0.1);
}
.myProfile #inzeraty .my_add a .my_add__heading {
  color: #00314f;
  font-size: 16px;
  font-weight: 600;
}
.myProfile #inzeraty .my_add a .my_add__place {
  font-size: 13px;
}
.myProfile #inzeraty .my_add a img {
  height: 200px;
  object-fit: cover;
  object-position: center center;
  border-top-right-radius: 0.75rem;
  border-top-left-radius: 0.75rem;
}
.myProfile #inzeraty .my_add_button .my_add__text__wrapper {
  background: #65acd7;
  height: 270.19px;
  border-radius: 0.75rem;
}
.myProfile #inzeraty .my_add_button .my_add__text__wrapper a:hover {
  color: #2b2b2b;
}
.myProfile #hodnotenia .my_review {
  background: #f3f3f3;
  margin-bottom: 10px;
}
.myProfile #hodnotenia .my_review a {
  color: #00314f;
}
.myProfile #hodnotenia .my_review:last-child {
  margin-bottom: 0;
}
.myProfile #hodnotenia .my_reviews__empty {
  color: #454545;
}
.myProfile #hodnotenia .my_reviews__empty i {
  font-size: 50px;
  margin-bottom: 10px;
  color: #65acd7;
}
.myProfile #hodnotenia .my_reviews__empty h3 {
  font-weight: 800;
  font-size: 22px;
  color: #2b2b2b;
}
.myProfile #hodnotenia .my_reviews__empty p {
  font-size: 18px;
}
fieldset, label {
  margin: 0;
  padding: 0;
}
/****** Style Star Rating Widget *****/
.rating {
  border: none;
}
.rating > input {
  display: none;
}
.rating > label:before {
  margin: 5px;
  cursor: pointer;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "";
}
.rating > label {
  color: rgba(0, 49, 79, 0.2);
  float: right;
}
/***** CSS Magic to Highlight Stars on Hover *****/
.rating > input:checked ~ label {
  color: #fecc6c;
}
/* show gold star when clicked */
.rating:not(:checked) > label:hover {
  color: rgba(254, 204, 108, 0.5);
}
/* hover current star */
.rating:not(:checked) > label:hover ~ label {
  color: rgba(254, 204, 108, 0.8);
}
/* hover previous stars in list */
.rating > input:checked + label:hover {
  color: black;
}
/* hover current star when changing rating */
.rating > input:checked ~ label:hover {
  color: #d08901;
}
.rating > label:hover ~ input:checked ~ label {
  color: #fecc6c;
}
/* lighten current selection */
.rating > input:checked ~ label:hover ~ label {
  color: #fecc6c;
}
#newAddPage .heading h1, #editAddPage .heading h1 {
  font-weight: 600;
}
#newAddPage .add-product, #editAddPage .add-product {
  background: rgba(0, 49, 79, 0.1);
  border-radius: 0.25rem;
}
#newAddPage .uploadImage__wrapper, #editAddPage .uploadImage__wrapper {
  background: #fff;
  height: 60vw;
  border-radius: 0.25rem;
  overflow-y: scroll;
}
#newAddPage .uploadImage__wrapper .editImage__info, #editAddPage .uploadImage__wrapper .editImage__info {
  background: white;
  font-size: 12px;
}
#newAddPage .p-image, #editAddPage .p-image {
  color: #00314f;
  cursor: pointer;
}
#newAddPage .p-image i, #editAddPage .p-image i {
  font-size: 34px;
}
#newAddPage .p-image:hover, #editAddPage .p-image:hover {
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#newAddPage .upload-button:hover, #editAddPage .upload-button:hover {
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  color: #65acd7;
  cursor: pointer;
}
#newAddPage .edit__images button.removeImg, #newAddPage .edit__images a, #editAddPage .edit__images button.removeImg, #editAddPage .edit__images a {
  color: #00314f;
  background: rgba(255, 255, 255, 0.7);
  border: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  top: 5px;
  right: 10px;
}
#newAddPage .edit__images button.removeImg:hover, #newAddPage .edit__images a:hover, #editAddPage .edit__images button.removeImg:hover, #editAddPage .edit__images a:hover {
  background: #00314f;
  color: #f3f3f3;
}
#newAddPage .edit__images button.removeImg small, #editAddPage .edit__images button.removeImg small {
  position: relative;
  top: -0.75px;
  left: -0.15px;
}
#newAddPage .edit__images input.mainImageCheck, #editAddPage .edit__images input.mainImageCheck {
  right: 10px;
  bottom: 5px;
  cursor: pointer;
}
#newAddPage .edit__images span.badge, #editAddPage .edit__images span.badge {
  background: #65acd7;
  right: 10px;
  bottom: 5px;
}
#newAddPage .edit__images button.changeMainImg, #editAddPage .edit__images button.changeMainImg {
  bottom: 5px;
  right: 10px;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
#editAddPage .uploadedImage .editImage__info {
  position: absolute;
  bottom: 0;
  background: white;
  font-size: 12px;
}
#chatbox {
  width: 100%;
  background: white;
  overflow: hidden;
  height: 80vh;
}
#friendslist {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow-y: auto;
}
#friendslist::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: white;
}
#friendslist::-webkit-scrollbar {
  width: 10px;
  background-color: white;
  padding-top: 10px;
  padding-bottom: 10px;
}
#friendslist::-webkit-scrollbar-thumb {
  background-color: #2b2b2b;
  border: 2px solid black;
}
#friendslist .header h3 {
  color: #00314f;
}
.friend {
  height: 70px;
  border-bottom: 1px solid #f3f3f3;
  position: relative;
}
.friend.newMessages {
  background: rgba(101, 172, 215, 0.3);
}
.friend:hover {
  cursor: pointer;
  background: #f3f3f3;
}
.friend:hover p strong {
  color: #00314f;
}
.friend:hover p span {
  color: #00314f;
}
.friend img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
  margin: 15px;
  float: left;
}
.friend p {
  padding: 15px 0 0 0;
  line-height: 18px;
}
.friend p strong {
  font-weight: 600;
  font-size: 15px;
  color: #2b2b2b;
}
.friend p span {
  font-size: 13px;
  font-weight: 400;
  color: #2b2b2b;
}
.friend .status {
  background: #26c281;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 31px;
  right: 17px;
}
.friend .status.inactive {
  background: #eaeef0;
}
#search {
  background: #e3e9ed url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/search.png") -11px 0 no-repeat;
  height: 60px;
  width: 100%;
  position: relative;
  bottom: 0;
  left: 0;
}
#searchfield {
  background: #e3e9ed;
  margin: 21px 0 0 55px;
  border: none;
  padding: 0;
  font-size: 18px;
  line-height: 20px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400px;
  width: calc(100% - 110px);
  color: #8198ac;
}
#searchfield::placeholder {
  color: #8ca1b3;
}
#searchfield:focus {
  outline: 0;
}
#chatview {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background: #fff;
}
.messageDetailHeader {
  background: rgba(0, 49, 79, 0.2);
}
.messageDetailHeader button i.fa-solid {
  font-size: 20px;
}
.messageDetailHeader img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
}
.messageDetailHeader .status {
  background: #26c281;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  right: 5px;
}
.messageDetailHeader .status.inactive {
  background: #eaeef0;
}
#messagesWrapper {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 90px - 94px);
}
#messagesWrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: white;
  border-radius: 3rem;
}
#messagesWrapper::-webkit-scrollbar {
  width: 10px;
  background-color: white;
  padding-top: 10px;
  padding-bottom: 10px;
}
#messagesWrapper::-webkit-scrollbar-thumb {
  background-color: #00314f;
  border: 2px solid #002136;
  border-radius: 3rem;
}
#sendMessageWrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: white;
}
#sendMessageWrapper input {
  resize: none;
  border-radius: 2rem;
  background: rgba(0, 49, 79, 0.2);
  padding-right: 100px;
  padding-left: 40px;
}
#sendMessageWrapper input::-webkit-scrollbar {
  display: none;
}
#sendMessageWrapper input:focus {
  box-shadow: none;
  border-color: transparent;
}
#sendMessageWrapper .sendMessagesPositioning button.btn-sending {
  position: absolute;
  right: 0;
  top: -2px;
}
#sendMessageWrapper .sendMessagesPositioning a.btn-files {
  position: absolute;
  left: 0;
  top: -2px;
  color: #00314f;
}
#sendMessageWrapper a.deleteImageBtn {
  color: #00314f;
  background: rgba(255, 255, 255, 0.7);
  border: 0;
  width: 17px;
  height: 17px;
  font-size: 10px;
  text-align: center;
  border-radius: 50%;
  top: 5px;
  right: 5px;
}
#sendMessageWrapper a.deleteImageBtn:hover {
  background: #00314f;
  color: #f3f3f3;
}
#kontakt {
  background: #00314f;
}
#kontakt h4 {
  color: #f3f3f3;
  font-weight: 600;
}
#kontakt a, #kontakt button {
  color: #f3f3f3;
  text-decoration: none;
}
#kontakt a:hover, #kontakt button:hover {
  color: #cdcdcd;
}
#kontakt img {
  width: 150px;
}
#kontakt #kontaktModal a {
  color: #00314f;
}
#kontakt .footer_nav a.collapse_btn span {
  font-weight: 600;
}
#kontakt .footer_nav a.collapse_btn i {
  margin-left: 3px;
  font-size: 12px;
  font-weight: 600;
  position: relative;
  bottom: 2px;
}
#kontakt .contacts i {
  margin-right: 3px;
  font-size: 16px;
}
#kontakt .socials a {
  display: inline-block;
  background-color: #f3f3f3;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 0 5px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  color: #2b2b2b;
  font-size: 26px;
  border-radius: 50%;
  transition: 0.3s ease-in-out;
}
#kontakt .socials a:hover {
  background: #65acd7;
  transition: 0.3s ease-in-out;
}
#kontakt .created-by {
  background: #002136;
  color: #f3f3f3;
  font-size: 14px;
  padding: 5px 0;
}
#kontakt .created-by a {
  color: #65acd7;
}
@media (min-width: 392px) {
  #main_navbar .navbar-toggler {
    margin-top: unset;
  }
}
@media (min-width: 576px) {
  #main_navbar a.navbar-brand img {
    width: 150px;
  }
  #homepage .scrolling-wrapper .home__category__sm {
    width: 29%;
  }
  #zoznam .list__items .list__item img {
    height: 250px;
  }
  #mojeInzeraty .my_add img {
    height: 250px;
  }
}
@media (min-width: 768px) {
  .modal-dialog.cookies .right__section button, .modal-dialog.cookies .right__section a {
    width: 48%;
  }
  #homepage #landing .landing__text {
    padding-right: 0;
  }
  #homepage #landing .searchbar__firsthalf {
    border-bottom: none;
  }
  #homepage #landing .searchbar__secondhalf {
    border-left: 1px solid #00314f;
  }
  #zoznam .zoznam__heading {
    font-size: 26px;
  }
  .myProfile__profilepic {
    width: 80px;
    height: 80px;
  }
  .yourProfile__profilepic {
    width: 120px;
    height: 120px;
    padding-top: unset;
    position: relative;
  }
  .yourProfile__profilepic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    position: relative;
    top: unset;
    right: unset;
    transform: unset;
  }
  #kontakt .created-by {
    padding-bottom: unset;
  }
}
@media (min-width: 992px) {
  main {
    min-height: calc(100vh - 145.72px);
  }
  .navbar-expand-lg .navbar-collapse.mobile {
    display: none !important;
  }
  #main_navbar button.btn-link {
    font-size: 18px;
  }
  #homepage #landing .landing__text h3 {
    font-size: 80px;
    line-height: 90px;
  }
  #homepage .how img {
    width: 75%;
  }
  #zoznam .zoznam__heading {
    font-size: 30px;
  }
  #zoznam .zoznam__header a.nav-link {
    font-size: 18px;
    padding-top: 10px;
  }
  .myProfile__profilepic {
    width: 100px;
    height: 100px;
  }
  #newAddPage .uploadImage__wrapper, #editAddPage .uploadImage__wrapper {
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .modal-dialog.cookies .right__section button, .modal-dialog.cookies .right__section a {
    width: 100%;
  }
  #zoznam .zoznam__heading {
    font-size: 42px;
  }
  .detail__info__name {
    font-size: 36px;
  }
  .detail__info__profilepic {
    width: 50px;
    height: 50px;
    top: -17px;
  }
  .detail__info__sellername h3 {
    font-size: 20px;
  }
  .detail__info__sellername .stars i {
    font-size: 14px;
  }
  .detail__info__price {
    font-size: 28px;
  }
  .detail__info__price .subname {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  #homepage #landing .searchbar {
    left: 16.666666665%;
  }
}
#maintenance {
  height: 100vh;
  background-size: cover;
  background-position: center center;
}
#maintenance i {
  font-size: 70px;
  margin-bottom: 10px;
  color: #65acd7;
}
#maintenance h3 {
  font-weight: 800;
  font-size: 40px;
  color: #2b2b2b;
}
#maintenance p {
  font-size: 20px;
}
#messages .modal-title {
  font-weight: 600;
}
#messages .modal-content {
  border-radius: 0;
}
#messages .modal-body {
  background: #f3f3f3;
}
#messages .modal-body input:-webkit-autofill, #messages .modal-body input:-webkit-autofill:hover, #messages .modal-body input:-webkit-autofill:focus, #messages .modal-body input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #f3f3f3 inset !important;
}
#messages h3 {
  font-weight: 800;
  color: #f3f3f3;
}
#messages .modal-header, #messages .modal-body, #messages .modal-footer {
  border: none;
}
div.message {
  padding: 0 0 30px 5px;
  clear: both;
  max-width: 70%;
}
div.message img {
  margin-bottom: 20px;
  max-width: 30%;
  float: left;
}
div.message.right {
  padding: 0 25px 30px 0;
  margin-right: -19px;
  margin-left: 19px;
  margin-left: auto;
}
div.message.right img {
  float: right;
}
.message .bubble {
  background: rgba(0, 49, 79, 0.1);
  font-size: 15px;
  font-weight: 600;
  max-width: 80%;
  padding: 12px 13px;
  margin-bottom: 20px;
  border-radius: 5px 5px 5px 0px;
  color: #2b2b2b;
  position: relative;
  float: left;
}
.message .bubble img {
  float: left;
}
div.message.right .bubble {
  float: right;
  max-width: 80%;
  border-radius: 5px 5px 0px 5px;
  background: rgba(0, 49, 79, 0.4);
}
div.message.right .bubble img {
  float: right;
}
.bubble .corner {
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-corner.png") 0 0 no-repeat;
  position: absolute;
  width: 7px;
  height: 7px;
  left: -5px;
  bottom: 0;
}
div.message.right .corner {
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-cornerR.png") 0 0 no-repeat;
  left: auto;
  right: -5px;
}
.bubble span {
  color: #aab8c2;
  font-size: 11px;
  position: absolute;
  right: 0;
  bottom: -22px;
}