@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    list-style: none;
    box-sizing: border-box
}

::-moz-selection {
    color: #fff;
    background: #96CC49
}

::selection {
    color: #fff;
    background: #96CC49
}


html {
    overflow-x: hidden;
}
.tag_cont blockquote{
    margin: 0 0 25px 0;
    padding: 15px;
}
body {
    font-family: 'Arimo', sans-serif;
    font-display: swap;
    color: #000;
    width: 100%;
    height: 100%;
    font-size: 16px;
    background-color: #fff;
    font-weight: 400;
    line-height: 1.5em;
    
    margin: 0 auto;
    overflow-x: hidden;
    letter-spacing: .5px;
}

.loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #555;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#loadMoreBtn {
    margin: 0 auto;
    width: 250px;
    padding: 20px;
    background-color: #f9fafb;
    color: #96CC49;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    transition: .5s all;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
}

#loadMoreBtn:hover {
    background-color: #fff;
}

#loadMoreBtn i {
    font-size: 20px;
    margin-right: 10px;
}

.secondary-font {
    font-family: 'Arimo', sans-serif;
}

.container {
    margin: 71px auto;
    width: 100%;
    max-width: 1800px;
    padding: 0 0;
   
}

.user_container {
    margin: 0 auto;
    max-width: 1100px;
    padding: 0 20px;
    margin-bottom: 30px;
}

.narrow_container {
    margin: 0 auto;
    max-width: 800px;
    padding: 2em 0
}

.into_cont {
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.blog_izpis img {
    width: 100%
}

.t_summary {
    font-size: 1.3em;
    margin-bottom: 25px
}

.summary table {
    margin-bottom: 20px;
}



.just {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}


.desno {
    float: left;
    width: 100%;
}

b,
strong {
    font-weight: 600
}

ul {
    margin: 2em
}

ul li {
    list-style: circle;
    margin-bottom: 5px
}

u {
    text-decoration: none !important
}

input,
select,
textarea {
    font-family: 'Titillium Web', sans-serif;
    outline: 0;
    font-weight: 400 !important;
    padding: 1em;
    font-size: 1em;
    color: #000
}

a {
    color: #96CC49;
    text-decoration: underline;
    transition: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer;
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

a:hover {
    color: #96CC49;
    text-decoration: none
}

.btn {
    background-color: #fff;
    padding: .5em 1em;
    color: #000;
    display: inline-block;
    margin-top: 1em;
    text-decoration: none;
    font-weight: 700
}

.btn:hover {
    background-color: #96CC49;
    color: #fff
}

h1 {
    font-size: 2.5em;
    font-weight: 700;
    margin-bottom: .8em;
    color: #000;
    line-height: 1em;

    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for WebKit */
    word-break: break-word;
}

.user_style h2 {
    font-size: 1.8em;
    margin: 1em 0 .5em 0;
    font-weight: 500;
    line-height: 1em
}

.user_style h3 {
    font-size: 1.5em;
    margin: 1em 0 .5em 0;
    font-weight: 400
}

.user_style h4 {
    font-size: 1.5em;
    margin: 1em 0 .5em 0;
    font-weight: 400
}

.p0 {
    margin: 0 0 25px 0 !important;
}

.breaker {
    font-weight: 500;
    float: left;
    width: 100%;
    display: block;
    margin: 35px 0 25px 0;

    font-size: 2em;
}

.product_list .breaker {
    font-size: 25px !important;
    line-height: 25px !important;
}

.breaker strong {}

.othr {
    font-size: 1.4em;
    margin-top: 25px !important;
}

.othr strong {
    display: inline-block;
    background-color: #f2f2f2;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 10px 20px;
    font-weight: 700;
}

h6 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #004783
}

.files {
    width: 100%;
    margin-top: 15px
}

.fileDownload {
    padding: 5px 0 5px 25px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px
}

.doc {
    background-image: url(../images/_body/doc.png)
}

.docx {
    background-image: url(../images/_body/docx.png)
}

.gif {
    background-image: url(../images/_body/gif.png)
}

.jpg {
    background-image: url(../images/_body/jpg.png)
}

.mp3 {
    background-image: url(../images/_body/mp3.png)
}

.mp4 {
    background-image: url(../images/_body/mp4.png)
}

.pdf {
    background-image: url(../images/_body/pdf.png)
}

.png {
    background-image: url(../images/_body/png.png)
}

.xls {
    background-image: url(../images/_body/xls.png)
}

.xlsx {
    background-image: url(../images/_body/xlsx.png)
}

.cover_img {
    display: flex;
    width: 100%;
    margin: 1em 0 1em 0;
    justify-content: center
}

.imgCover {
    width: 100%;
    height: 350px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.imgRight {
    float: right;
    width: 35%;
    max-width: 400px;
    height: auto;
    clear: right;
    box-sizing: border-box;
    margin: 0 0 1em 1em
}

.imgRight img {
    width: 100%
}

.imgLeft {
    float: left;
    width: 35%;
    max-width: 400px;
    height: auto;
    clear: left;
    box-sizing: border-box;
    margin: 0 1em 1em 0
}

.imgLeft img {
    width: 100%
}

.imgCenter {
    display: flex;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin: 1em 0 1.5em 0;
    line-height: 0;
    justify-content: center
}

.imgCenter img {
    width: 100% !important;
    max-width: 900px;
}

.userGgallery {
    margin: 25px 0;
    line-height: 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.userGgallery a {
    margin: 0 5px 5px 0;
}

.pGal {}

.userGgallery img {
    height: 150px;
    margin: 0 0 0 0;
    padding: 5px;
    line-height: 0;
}

.obvestilo {
   background-color: #96CC49;
    color: #fff;
    padding: 15px 20px;
    margin-bottom: 0;
    float: left;
    width: 100%;

}

.obvestilo .header_container {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-start !important;
    align-items: flex-start;
}

.obvestilo a {
    color: #fff
}

.obvestilo p {
    width: calc(100% - 60px);
}

.zapri {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    padding: 10px 0 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    font-weight: 700;
    font-size: 30px;
    text-decoration: none
}

blockquote {
    float: left;
    width: 100%;
    font-size: 1.2em;
    line-height: 1.2em;
    text-align: center;
    padding: 30px 0 30px 0;
    margin: 30px 0 30px 0;
    background-color: #373f50;
    color: #fff;
    font-weight: 700
}

blockquote a {
    color: #fff
}

blockquote p {
    width: 70%;
    margin-left: 15%
}

.carousel {
    margin: 0 auto;
    width: 100%;
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px
}

.carouselImg {
    display: none;
    width: 100%
}

.carouselBtn {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    color: #fff !important;
    background-color: #000 !important
}

.display-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%)
}

.display-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%)
}

.breadCrumbs {
    font-size: .8em;
    padding: 0 0 10px 0;
    color: #acacac;
    margin-bottom: 0;
    text-align: left;
    width: 100%;
    float: left;
    margin-top: 15px;
    -ms-word-break: break-all;
    word-break: break-all;

    /* Non standard for WebKit */
    word-break: break-word;
}

.breadCrumbs a {
    text-decoration: none;
    color: #acacac
}

.thank-you-page {
    margin: 2em auto;
    max-width: 870px;
    width: 100%;
    line-height: 1.8em;
    padding: 2em;
    margin-bottom: 2em;
    text-align: center;
    background-color: #fff
}

.thank-you-page h3 {
    margin: 10px 0;
    padding: 10px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #96CC49
}

.lost-links a {
    display: inline-block;
    margin: .5em
}

.thank-you-page img {
    max-width: 30%;
    margin-bottom: 1em
}

table {
    width: auto;
    border-spacing: 0;
    max-width: 100%
}

tr:nth-child(even) {
    background: inherit
}

.pointer {
    cursor: pointer
}

.b_flex {
    display: flex;
    flex-direction: column;
}

.check-option {
    display: flex;
    line-height: 1.1em;
    align-items: center
}

.check-option label {
    margin-left: 10px;
    font-size: 13px !important;
    color: #1f2023;
    font-weight: 500;

}

.inputF {
    width: 100%;
    height: 50px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 0 0 0 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.psx {
    display: flex;
    align-items: center;
    height: 50px;

}

.mFilt {
    display: none;

}

.sMenu {
    background-image: url("images/_body/select.svg");
    background-size: 15px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    width: auto;
    padding-right: 25PX;
    height: 35px;
    font-size: 14px !important;
    margin-bottom: 0 !important;

}

.input_rez {
    width: 100%;
    height: 50px;
    background-color: transparent;
    border-bottom: 1px solid #fff;
    font-size: .9em;
    padding: 0 0 0 25px;
    color: #fff;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px
}

.icon_user {
    background-image: url(../images/_body/user.svg)
}

.radio_buttons {
    display: flex;
    flex-wrap: wrap
}

.p_radio {
    display: flex;
    align-items: center;
    margin: 10px 10px 10px 0;
    cursor: pointer;
    flex-basis: auto
}

.p_radio_circle {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 2px solid #000;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    background-color: #fff
}

.p_radio_act {
    width: 10px;
    height: 10px;
    background-color: #96CC49;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    line-height: 0
}

.p_radio_info {
    font-size: .9em;
    color: #fff
}

.area-field {
    width: 100%;
    background-color: #fff;
    height: 150px;
    border: 1px solid #ddd;
    font-size: 1em;
    line-height: 1.2em;
    padding: 10px 0 0 10px
}

.default-form-btn {
    background-color: #96CC49;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    min-width: 200px;
    text-align: center;
    font-size: 1em;
    padding: 1em .5em;
    font-weight: 700 !important;
    -webkit-appearance: button;
    width: 100%
}

.default-form-btn:hover {
    background-color: #000
}

.message {
    position: fixed;
    z-index: 20000;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    display: none
}

.message_cont {
    display: flex;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center
}

.message_show {
    font-size: 15px;
    position: fixed;
    width: 96%;
    max-width: 400px;
    background-color: #fff;
    padding: 25px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    text-align: left;
    line-height: 20px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    color: #fff !important
}

.message_cont a {
    background-color: white;
    text-decoration: none;
    margin-top: 5px;
    display: inline-block;
    font-weight: 700;
    padding: 5px 10px;
}

.message_icon {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat
}

.success {
    background-color: #96CC49 !important;
}

.error {
    background-color: #c92b2b
}

.warning {
    background-color: #ffd557
}

.success .message_icon {
    background-image: url(../images/_body/success.svg)
}

.warning .message_icon {
    background-image: url(../images/_body/warning.svg)
}

.error .message_icon {
    background-image: url(../images/_body/error.svg)
}

.closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #fff;
    font-weight: 700;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: .3s
}

.ikone {
    margin: 10px 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.ikona {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    padding-bottom: 8px;
    flex-basis: 100%;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
}

.ikone img {
    margin-right: 10px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
}

.closebtn:hover {
    color: #000
}

.hAbs {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5000;
}

.mtX {
    margin-top: 0;
}

header {
    margin: 0 auto;
    width: 100%;
   
    align-items: center;
   
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 20px;
    border-bottom: 1px solid #000;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    background-color: rgba(255, 255, 255, .75);
}

.lean_info {
    width: 100%;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.lean_win {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background-color: white;
    padding: 20px;
    width: 250px;
    position: absolute;
    opacity: 0;
    transition: .5s all;
    display: none;
    border-radius: 15px;
    margin-top: 120px;

}

.lClose {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
    font-size: 2em;
    cursor: pointer;
}

.lean_info a {

    padding: 10px;

    font-size: .8em;


}


.w_l {
    display: block;
    opacity: 1;
}

.lean_win img {
    width: 80%;
}

.obrok {

    display: block;
    width: 100%;
    margin-bottom: 1px;
    background-color: #1F0273;
    padding: 10px 10px 10px 10px;
    color: white;
    box-sizing: border-box;
    font-weight: 600;
}

.mb50 {
    background-color: white;
    margin-top: 10px;
}

.backBtn {
    background-color: #586877;
    color: white;
    font-weight: 700 !important;
    font-size: 1em !important;
    padding: 0 10px;
}

.login {
    margin-left: auto
}

.login img {
    height: 15px !important;
    margin-right: 8px !important
}

.header-element {
    display: flex;
    align-items: center;
    font-weight: 700 !important;
    width: auto;
    font-size: 13px;
    line-height: 15px;
    padding: 0 0 0 20px;
    color: #000;
}

.header-element img {
    height: 18px;
    width: 18px;
    margin: 0 8px 0 0
}

.roundB {
    cursor: pointer;
}

.header-element a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #000;
}

.basket {
    color: #000;
    cursor: pointer;
    margin-right: 0
}

.logo {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    line-height: 0;
    margin-right: 40px;
}

.logo img {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    height: 45px;
}

.topIcon {
  height: 70px;
  width: 70px;
  border-right: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #96CC49;
  text-decoration: none;
  position: relative;
 
}
.lBord{
    border-left: 1px solid #000;
}
.topIcon:hover{
    color: #000;
}
.bskt{
    background-color: #96CC49;
    color: #000;
}
.hInfo a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #000;
}

.hInfo img {
    height: 15px;
    margin-right: 5px;
}

.tElems {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 0;
}


nav {
    margin-left: auto;
    margin-right: 50px;
}

.topMenu a {
    text-decoration: none;
}


.cntIco {
    margin-left: auto;
}

.basketIco {
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
   
    line-height: 17px;


    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.tElems>div {
    display: flex;
}

.header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    flex-basis: auto;
}

.head-cont {
    display: flex;
    padding: 0 0;
    align-items: center
}

.lan-select {
    height: 30px;
    background-size: 10px;
}

.featured-content {
    display: flex;
    justify-content: center;
    align-items: center
}

.feautred-img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: calc(100vh);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative
}

.feautred-summary {
    font-size: 1em;
    color: #fff;
    width: 60%;
    padding: 100px;
    text-align: center
}

.feautred-summary strong {
    font-size: 2.5em;
    line-height: 1em;
    font-weight: 700;
    display: block;
    margin-bottom: 15px
}

.feautred-summary h2 {
    font-size: 1.5em;
    line-height: 1em;
    font-weight: 700;
    display: block;
    margin-bottom: 10px
}

.feautred-img_sub {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative
}

.section {
    display: flex;
    padding: 100px 0;
    align-items: center;
    background-color: #fff
}

.pb0 {
    padding-bottom: 0
}

.edinstveno {
    text-align: center
}

.white_bg {
    background-color: #fff;
    padding: 2em 0
}

.section h1 {
    font-size: 2.5em;
    font-weight: 700;
    margin: 0 0 15px 0;
    color: #000
}

.section h2 {
    font-size: 1.5em;
    font-weight: 500;
    margin: 0 0 2em 0;
    color: #969696
}

.b_img {
    margin-bottom: 25px
}

.blog_read {
    line-height: 1.5em;

}

.blog_read td,
.blog_read th {
    line-height: 1.2em;
}

.blog-list {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.blog_item {
    flex-basis: 25%;
    position: relative;
    margin-bottom: 25px;
    padding: 5px;
}

.kList .blog_item {
    flex-basis: 50% !important;
}

.blog_item_img {
    width: 100%;
    line-height: 0;
    aspect-ratio: 4/3;
    object-fit: cover;
    overflow: hidden
}

.blog_item img {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.blog_item_content {
    width: 90%;
    margin-left: 5%;
    margin-top: -50px;
    background-color: #fff;
    padding: 15px;
    position: relative
}

.blog_item:hover .blog_item_img img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2)
}

.blog_item:hover a {
    color: #96CC49;
    text-decoration: none
}

.blog_item h3 {
    font-size: 1.3em;
    margin: 10px 0 10px 0;
    font-weight: 700;
    line-height: 1.2em
}

.blog_item p {
    font-size: 1em;
    font-weight: 500;
    display: block;
    margin-bottom: 5px
}

.blog_item a {
    color: inherit
}

.contact_info {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px
}

.contact_form {
    flex: 1
}

.c_info {
    padding: 0;
}

.contact_card {
    flex: 1;
    margin-left: 50px;
    padding: 0
}

.contact_card h3 {
    margin-top: 0;
    margin-bottom: 20px
}

.contact_card>div {
    display: flex;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

.contact_card>div p:first-child {
    display: inline-block;
    width: 115px;
    font-size: .9em;
    font-weight: 700;
    color: #96CC49;
}

.form-place {
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0;
    padding: 0;

}

.rez-place {
    padding: 0;
    background-color: inherit
}

.form-place>div {
    flex-basis: 50%;
    padding: 10px 10px 0 10px
}

.full-row {
    flex-basis: 100% !important
}

.form-place label {
    font-size: 14px
}

.back-btn {
    display: inline-block;
    width: auto;
    padding: 5px 15px;
    height: auto;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    margin: 15px 0;
    background-color: #373f50
}

.back-btn:hover {
    background-color: #96CC49;
    color: #fff
}

.share-content {
    width: 100%;
    margin: 60px 0 0 0;
    text-align: right
}

a.share-btn {
    display: inline-block;
    width: auto;
    padding: 10px;
    height: auto;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 0 15px
}


.catalog_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
   
    flex-wrap: wrap;
    gap: 20px;
}

.pt20 {
    padding: 20px;
}

.gr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /*background-color: #eff1f5;
    padding: 15px;*/
    width: 100%;
    gap: 10px;
}

.gr3 {
    grid-template-columns: repeat(3, 1fr);
}

.gr .catalog_item {
    flex-basis: auto;
    border: none;
    padding: 0;
}

.catalog_item_blank {
    grid-column: -1 / 1;
    background-color: #3d4350;
}

.catalog_item_blank h3 {
    font-weight: 700;
    font-size: 1.2em;
    margin: 0;
    padding: 10px 0;
    color: white;
}

.lastnosti {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 25px 0;
    width: 100%;
    gap: 15px;
}

.lastnost h3 {
    margin: 10px 0 !important;
    font-size: 18px !important;
    color: #000 !important;
}

.lastnost img {
    width: 100%;
}

.catalog_item {

    background-color: white;


    position: relative;
    transition: .5s all;
}

.catalog_item:hover img {
    transform: scale(1.1);
}

.rWide {
    width: calc(100% - 350px);
}

.rating {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
}

.rating img {
    height: 20px;
    cursor: pointer;
}

.note {
    display: none;
    position: absolute;
    background-color: #96CC49;
    color: white;
    padding: 8px;
    font-size: 12px;
    font-weight: 700;
    width: auto;
    left: 0;
    top: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 160px;
}

.favorite {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    cursor: pointer
}

.bFav {
    top: 15px;
    right: 15px
}

.favorite img {
    height: 20px !important;
    width: 20px !important
}

.cat_item_img {
    line-height: 0;
    width: 100%;
    height: 300px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: .5s all;
}

.cat_item_img img {
    max-width: 100%;
    max-height: 300px;
    height: auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: .5s all;

}

.catalog_item_info {
    width: 100%;
    padding: 15px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.catalog_item_bot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.catalog_item_price {
    margin: 0;
    font-size: 20px;
    color: #000;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 0;
  
}
.dp{
    flex-direction: row;
 
}


.details_add {}

.odprema {
    padding-top: 10px;
    margin-top: 10px;

    font-size: 13px;
    line-height: 20px;
}

.details_add .catalog_item_price {
    font-size: 30px;
}

.details_add .catalog_item_price span {
    flex-basis: 100%;
    font-size: 14px !important;
    display: inline-block
}

.min_size {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #c40909;
    font-weight: 700;
}

.min_size b {
    color: #1c1c22;
}

.catalog_item_price small {
    font-size: 15px;
    margin-right: 5px;
    font-weight: 500;
}

.catalog_item_discount {
    display: flex;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #d00000;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: .8em;
    font-weight: 500;

}

.details_add .catalog_item_discount {
    left: 250px;
    top: 15px;
}

.sijalka {
    cursor: pointer;
    display: flex;
    position: absolute;
    top: 40px;
    left: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #ff9f07;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1em;
    font-weight: 700;
    background-image: url("../images/_body/light-bulb.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.catalog_item a {
    text-decoration: none;
    color: #96CC49 !important;
}

.reservation_details {
    width: 100%;
    float: left
}

.product-details-qty-list {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 14px !important;
    padding: 0 !important;
    background-color: #fff;
    border: 1px solid #ddd;
    color: black;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    outline: none;
}

.product-details-add-btn-list {
    background-image: url("../images/_body/shopping-bag-top.svg");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 0 1em 0 35px;
    height: 40px;
    text-align: center;
    font-size: .9em;
    background-color: #96CC49;
    color: white;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    font-weight: 700 !important;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}

.lastnost {
    float: left;
    margin-right: 8px;
}

.lastnost b {
    display: inline-block;
    margin-right: 3px;
    color: #96CC49;
}

.product-details-add-btn-list:hover {
    background-color: #000
}

.ci_bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.catalog_details_description .ci_bot {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.ci_add {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.details_add .ci_add {
    margin-top: 25px;
}

.ci_add img {
    height: 10px;
}

.ci-qty {
    width: 48px !important;
    height: 48px;
    border: 1px solid #000;
    text-align: center;
    font-size: 1.5em;
    display: inline-block;
    padding: 0 !important;
    margin: 0;
    font-size: 15px;
    font-weight: 700 !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.details_add .ci-qty {
    width: 45px !important;
    height: 48px;
    font-size: 1.4em;
}

.ci_add_btn {
     background-color: #96CC49;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    min-width: 48px;
    padding: 0 15px !important;
    height: 48px;
    text-align: center;
    font-size: 1em;
   
    font-weight: 700 !important;
   width: auto !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
   position: relative;
   overflow: hidden; z-index: 1;
}
.ci_add_btn i{
    margin-left: 5px;
}
.catalog_item .ci_add_btn i{
    margin-left: 0;
}
.ci_add_btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -95%;
    width: 100%;
    height: 100%;
    background-color: #000;
    transition: left 0.4s;
    z-index: -1;
}
.ci_add_btn:hover::before{
    left: 0;
}


.noTxt {
    width: 48px !important;
    padding: 0;
    background-position: center;
}

.details_full {
    display: flex;
    align-items: center;
}

.summary {
    line-height: 1.5em !important;
    color: #000;
    display: block;
    margin-top: 20px !important;
    margin-bottom: 25px !important;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}

.summary iframe {
    width: 50%;
    line-height: 0;
    height: 350px;
    margin: 10px 0;
}

.details_add .ci_add_btn {
    width: auto !important;
    height: 48px;
    font-size: 16px;
    padding: 0 20px 0 35px;
   
}


.lazy {
    transition: .5s all;
}

.status {
    position: absolute;
    width: auto;
    height: 20px;
    padding: 0 10px;
    top: -23px;
    left: 0;
    color: #fff;
    font-size: .8em;
    z-index: 10;
    font-weight: 700;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.catalog_item a {
    color: black !important;
}

.catalog_item a:hover {
    text-decoration: none;
    color: #96CC49 !important;
}

.catalog_item h2,
.catalog_item h3,
.catalog_item span {
    padding: 0 0 10px 0;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    margin: 0 0 15px 0 !important;
    color: #000;
    height: 65px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    width: 100%;
}


.reservation_details {
    width: 100%;
    float: left
}

.catalog_details {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.catalog_details_image {
    width: 50%;
    text-align: center;
    background-color: #fff;
    padding: 0;
    line-height: 0;
    position: relative;
    order: 2;
}

.stavno1 img {
    max-height: 50px;
    position: absolute;
    right: 0;
}

.note_fav {
    display: none;
    position: absolute;
    background-color: #373f50;
    color: #fff;
    padding: 8px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    width: auto;
    margin-top: 10px;
    left: 0;
    top: 60px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    z-index: 1000;
    text-align: center
}

.t0 {
    top: 10px
}

.index-img {
    max-width: 90%;
    max-height: 500px;
}

.catalog_details_description {
    width: 47%;
}

.catalog_details_description table {
    width: 100% !important;
}

.desc_top {
    width: 100%;
    background-color: #f9fafb;
    padding: 20px;
    position: relative;
}

.catalog_details_description span {
    display: inline-block;
    width: 90px;

}

.desc_top .zaloga {
    background-color: #96CC49;
    color: white;
}

.desc_top .no {

    background-color: #D51D1D;
    color: white;
}

.d_opis {
    margin-bottom: 20px
}

.d_vsebina {
    margin-bottom: 20px
}

.d_vsebina h3 {
    font-weight: 500;
    color: #c40909
}

.options {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.sOption {
    width: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    cursor: pointer;
    margin-right: 10px;
    position: relative;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.catalog_details_description h5 {
    margin-bottom: 1px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 15px;
    padding: 0 0 0 25px !important;
    color: #2b3445;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.d_summary {
    width: 100%;
    margin: 30px 0;
    padding: 30px 0 0 0;
    line-height: 25px;
}

.d_summary label {
    display: inline-block;
    width: 100px;
    font-weight: 700;
    font-size: .9em;
}

.border_top {
    border-top: 1px solid #ddd;
}

.select_section {
    width: 100%;
    padding: 15px 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.hidden_s {
    display: none
}

.s_size {
    background-image: url(../images/_body/velikost.svg)
}

.s_vaza {
    background-image: url(../images/_body/vaza.svg)
}

.s_barva {
    background-image: url(../images/_body/barva.svg)
}

.s_posvetilo {
    background-image: url(../images/_body/posvetilo.svg)
}

.s_dostava {
    background-image: url(../images/_body/dostava.svg)
}

.catalog_details_description h1 {
    font-size: 2.5em;
    font-weight: 700;
}

.minOption {
    width: 23%;
    padding: 10px;
    font-size: 14px;
    text-align: center
}

.minOption .optionPrice {
    font-size: 18px;
    line-height: 20px;
    margin: 0
}

.minOption .c_size {
    font-size: 13px;
    line-height: 15px;
    text-transform: initial
}

.minOption .bull {
    width: 16px;
    height: 16px;
    background-size: 8px
}

.optionPrice {
    font-size: 25px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 5px 0 5px 0
}

.c_size,
.stebla {
    font-weight: 700;
    font-size: 13px;
}

.sc {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.lt {
    text-decoration: line-through
}

.dv {
    background-color: #ef2a61;
    padding: 3px 8px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 15px
}

.row {
    float: left;
    width: 100%;
    margin: 25px 0
}

.bull {
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    top: -5px;
    left: -5px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.single {
    background-color: #fff !important;
    color: inherit !important
}

.single .bull {
    display: none
}

.actOpt {
    background-color: #2b3445;
    color: #fff
}

.actOpt .bull {
    background-image: url(../images/_body/check.svg)
}

.actSize {
    background-color: #2b3445;
    color: #fff
}

.actSize .bull {
    background-image: url(../images/_body/check.svg)
}

.actCol {
    background-color: #2b3445;
    color: #fff
}

.actCol .bull {
    background-image: url(../images/_body/check.svg)
}

.catalog_details_price {
    width: 100%;
    margin: 0 0 25px 0;
    background-size: .6em;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 2em;
    color: #000;
    font-weight: 700;
    display: flex;
    align-items: center;
    order: 5;
    position: relative;
}

.old-price {
    font-weight: 400;
    text-decoration: line-through;
    color: #4d4d4d;
    margin-right: 10px;
    font-size: .8em
}

.discount-value {
    display: flex;

    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #d00000;
    align-items: center;
    justify-content: center;
    color: #fff;
    left: 250px;
    font-size: .8em;
    /* top: 40px;
    margin-top: 32px;*/
    font-weight: 500;
    position: absolute;

}

.s12 {
    background-color: #96CC49
}

.s14 {
    background-color: #96CC49
}

.s1156 {
    background-color: #ff9f07
}

.status {
    position: absolute;
    left: 0;
    padding: .5em 1em;
    width: auto;
    top: 0;
    left: 0;
    text-align: left;
    color: #fff;
    font-size: .8em;
    z-index: 10;
    font-weight: 700
}

.dob {
    background-color: #f2f2f2;
    padding: 20px 0 15px 0;
}

.dob h2 {
    margin: 10px 0;
    font-weight: 700;
}

.catalog_details_add {
    width: 100%;
    margin: 20px 0 20px 0
}

.catalog_details_add label {
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
}

.catalog_add_form {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.fw100 {
    flex-basis: 100%
}

.dateRez {
    border: 1px solid #ddd;
    height: 50px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding-left: 35px;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-image: url(../images/_body/calendar.svg);
    background-size: 15px;
    width: 285px;
    margin-bottom: 0
}

.catalog_add_form span img {
    height: 15px
}

.catalog_add_form span {
    cursor: pointer;
    padding: 0 .5em
}


.zClass {
    display: inline-block;
    align-items: center;
    display: flex;
    width: auto;
    margin: 10px 0;
    font-size: 1.3em;
    color: black;
}

.stat {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
}

.p1153 {
    color:#96CC49;

}

.p1154 {
    color: rgb(255, 156, 74);

}
.p1266 {
    color: rgb(227, 54, 54);

}

.zaloga {
    font-size: 13px;
    font-weight: 700;
    background-color: #fff;
    color: #96CC49;
    padding: 5px 10px;
}

.catMore {
    width: 100%;
    height: auto;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #ddd;

}
.min_info{
    font-size: 14px;
}
.min_info i{
    width: 25px;
    
}
.catMore h4 {
    display: flex;
    align-items: center;
    color: #000;
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 15px;
     line-height: 0;
}

.catMore i {

    margin-right: 5px;
   
}

.catMore a {
    padding: 6px 10px;
    border: 1px solid #000;
    background-color: transparent;
    color: #000;
    display: inline-block;
    text-decoration: none;
    font-size: .8em;
    font-weight: 500;
   
    margin-right: 8px;
    transition: .5s all;
}

.catMore a:hover {

    background-color: #96CC49;
    color: #000;
}

.no {
    color: #D51D1D;
}

.dobava {
    margin-bottom: 20px;
    font-weight: 700;
}

.dobava span {
    font-size: .9em;
    font-weight: 400;
}

.zaloga span {
    padding: 0 !important;
}

.product-details-qty {
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    border-right: none;
    text-align: center;
    font-size: 1.5em;
    display: inline-block;
    padding: 0 !important;
    margin: 0;
    background-color: #eff1f5;
}

.add,
.minus {
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0
}

.catalog_add_btn {
    display: flex;
    align-items: center;
    padding: 2px 1em 0 35px;
    height: 50px;
    text-align: center;
    font-size: 1em;
    line-height: 0;
    background-color: #c40909;
    color: #fff;
    cursor: pointer;
    margin-left: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    font-weight: 700 !important;
    background-image: url(../images/_checkout/cart-add.svg);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 20px
}

.catalog_add_btn:hover {
    background-color: #2b3445
}

.overLay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .6);
    display: none;
    z-index: 10000
}

.basketPanel {
    background-color: #fff;
    position: fixed;
    top: 0;
    right: -340px;
    width: 320px;
    height: 100%;
    min-height: 100%;
    transition: all .5s ease;
    padding: 1em;
    overflow: scroll;
    border-left: 8px solid #000;
    z-index: 11000
}

.bakset-flex {
    display: flex;
    flex-direction: column
}

.close-side {
    font-size: 2em !important;
    position: absolute;
    right: 15px;
    top: 10px;
    border: none !important;
    outline: 0;
    cursor: pointer
}

.side-items {
    color: #000;
    font-size: 15px !important;
    display: flex;
    align-items: center;
    margin: 0 0 !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.side_img {
    flex-basis: 50px;
    text-align: center;
    width: 40px !important;
    height: 60px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.side_img img {
    max-width: 40px;
    max-height: 50px;
    margin-right: 15px;
}

.side_content {
    width: 100%;
    line-height: 1.3em;
    font-size: .9em;
}

.side_content small {
    display: block;
    font-size: 12px;
    line-height: 12px;
    color: #333;
    padding: 2px 0;
    margin: 0;
}

.basketPanel div h3 {
    font-size: 1.1em;
    font-weight: 700;
    margin: 0 0 5px 0;
    line-height: 1.2em;
}

.basketPanel strong {
    color: #96CC49;
}

.basketPanel h2 {
    font-size: 1.8em;
    text-align: center;
    margin: 1em 0 1em 0;
}

.remove-item {
   
    cursor: pointer;
}

.remove-item img {
    height: 15px !important;
}

.basketVis {
    right: 0;
    transition: all .5s ease
}

.overVis {
    display: block
}

.bakset-flex p {
    text-align: center;
    font-size: 1.6rem;
    display: block;
    margin: 15px 0;
    padding-bottom: 1em;
    border-bottom: 2px solid #ddd
}

.bakset-flex a {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #000;
    text-align: center;
    text-decoration: none;
    padding: 15px;
    color: #fff;
    transition: all .5s ease;
    display: block;
    cursor: pointer;
    margin-bottom: 15px
}

.sideBtn {
    font-size: .8em !important
}

.cta {
    background-color: #96CC49 !important;
    font-weight: 700;
    color: #fff !important;
    font-size: .9em !important
}

.count {
    text-align: center;
    margin-bottom: 2em
}

.count h6 {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.6em
}

.count h6 strong {
    color: #f1c5ce
}

.bakset-flex a:hover {
    opacity: .8;
    color: #fff !important
}

.responsive-nav {
    display: none
}

.panel {
    display: none
}

.main-navi {
    margin: 0 auto;
    padding: 0;


}

.fixed {
    position: fixed;
    height: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    overflow: visible;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    background-image: url("../images/_body/marja-white.svg");
    background-repeat: no-repeat;
    background-size: 45px;
    background-position: 8px 15px;
}

.fixed ul.mainUl li:hover ul {
    z-index: 1000;
}

.navigation {
    list-style: none;
    font-size: 1em;
    text-align: center;
    margin: 0 0;
    font-weight: 500;
}

.homeImg {
    height: 15px;
    width: 15px;
}

.navigation li {
    display: inline-block;
    margin: 0 10px;
    padding-bottom: 0;
}

.navigation .act a {
    color: #96CC49;
}

.navigation li a {
    display: flex;
    color: #000;
    text-decoration: none;
    height: 45px;
    align-items: center;
}

.navigation li a:hover {
    color: #96CC49 !important;
}

.main-navi li:hover>ul {
    display: flex;
    opacity: 1;
    animation: fadein 0.5s;
}

.main-navi ul ul {
    position: absolute;
    display: none;
    z-index: 10000;
    margin: 0 0;
    padding: 0;
    opacity: 0;
    text-align: left;
    font-size: 1em;
}

.main-navi ul ul li {
    display: flex;
    opacity: 1;
    animation: fadein 0.5s;
    flex-wrap: wrap;

}

.submenuHover {
    width: 680px;
    height: auto;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    border: 10px solid #f9fafb;
}

.submenuHover li {
    padding: 10px;
    margin: 0;
    font-size: .9em;
    line-height: 1.1em;
    flex-basis: 33.3%;
    transition: .5s all;
    border: 5px solid #f9fafb;
}

.submenuHover li:hover {}

.submenuHover li a {
    width: 100%;
    display: flex;
    color: black !important;
}

.submenuHover img {
    max-width: 60px;
    max-height: 50px;
    object-fit: cover;
    margin-right: 10px;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.subFilts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
    margin-bottom: 25px;
    margin-top: 25px;
}

.subF a {

    display: flex;
    align-items: center;

    font-weight: 500 !important;
    color: #000;
    text-decoration: none;
}

.subF {
    display: flex;
    align-items: center;
    border: 1px solid #96CC49;
    padding: 10px;
    border-radius: 8px;
    transition: .5s all;
}

.subF:hover {
    background-color: #f2f2f2;
}

.subF img {
    max-width: 100px;
    max-height: 60px;
    margin-right: 10px;
    line-height: 0;
}

.subF h2 {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    width: 100%;
}

.subCatsNorm {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 10px 0 30px 0;
    justify-content: flex-start;
    align-items: center
}

.subCatsNorm a {
    background-color: #fff;
    flex-basis: 200px;
    height: 100px;
    margin: 10px 10px 10px 0;
    text-decoration: none;
    border: 1px solid #ddd;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

.subCatsNorm a:hover {
    background-color: #fff
}

.rez-place {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}

.rez-left {
    flex-basis: 48%
}

.rez-right {
    flex-basis: 48%;
    color: #fff;
    font-size: .9em;
    text-align: justify
}

.rez-right h2 {
    color: #96CC49;
    margin-bottom: 15px;
    font-size: 2em;
    font-weight: 400
}

.sec {
    float: left;
    width: 100% !important;

}

.pn_section {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    box-sizing: border-box;
    width: 100%;

    padding: 50px 0 0 0 !important;

}

.sNav {
    width: 100%;
    position: relative;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sNav{
    display: none;
}
.arrow {
    width: 80px;
    height: 40px;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s all;
    background-color: #586877;
    text-align: center;
    color: #fff;
    margin: 0 10px;
}



.arrow:hover {
    background-color: #2b3445;
}


.pn_item {
    flex: 0 0 auto;
    flex-basis: 20%;
    padding: 0 10px;
}

.pn_section::-webkit-scrollbar {
    display: none
}

.fCent {
    justify-content: center
}




.tabs {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    font-weight: 700;
    font-size: 16px
}

.tabs a {
    text-decoration: none;
    margin: 0 10px;
    color: #000
}

.tabs a:hover {
    color: #96CC49
}

.act_swicth {
    color: #96CC49 !important
}

.items {
    display: flex;
    width: 100%
}

.eNovice {
    width: 100%;
    background-color: #2b3445;
    padding: 0 0;
    margin: 0;
    color: #fff;
    text-align: center
}

.ml-form-embedContent,
.ml-form-successContent {
    margin-bottom: 5px !important
}

.ml-form-embedContent h4,
.ml-form-successContent h4 {
    margin-bottom: 3px !important;
    font-family: "Baloo Bhaijaan 2", cursive !important;
    font-weight: 700 !important
}

.ml-form-embedContent p,
.ml-form-successContent p {
    font-family: "Baloo Bhaijaan 2", cursive !important;
    margin-bottom: 10px !important
}

.ml-mobileButton-horizontal {
    margin-top: -10px !important
}

.button-block .btn-block {
    width: 100% !important;
    display: block !important;
    padding: 0 !important
}




.quaters{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
   color: #000;
    flex-wrap: wrap;
    gap: 20px;
    padding: 15px;
    border-bottom: 15px solid #f9fafb;
}
.defq{
    grid-template-columns: repeat(4, 1fr);
    background-color: #000;
    margin-top: 1px;
    padding: 35px 0;
    margin-bottom: -71PX;
}
.defq .quater{
    padding: 0 25px ;
}
.defq .quater h4{
    color: #96CC49 !important;
}
.defq .quater p{
    color: #fff !important;
}
.quaters .quater{
    margin-bottom: 0;
}
.quater {
    display: flex;
    align-items: center;

    margin-bottom: 20px;
}


.quater p {

    color: #fff;
    line-height: 1.4em;
}
.quaters p,.quaters h4{
    color: #000 !important;
}
.quater i {
width: 28px;
text-align: center;
    margin-right: 10px;
    font-size: 25px;
    color: #96CC49;
}

.quater h4 {
    font-size: 18px;
    color: #fff;

    font-weight: 600;
    display: flex;
    margin: 0 0 2px 0 !important;
    align-items: center;
}

.container ul,
.user_container ul {
    margin: 15px 0 15px 0;
    padding: 0;
    position: relative;
    padding-left: 25px
}

.container li,
.user_container li {
    margin: 0;
    list-style: none;
    margin-bottom: 5px;
}

.container li::before,
.user_container li::before {
     content: "\f35a";
    display: inline-block;
    height: 15px;
    width: 15px;
    font-family: FontAwesome;
    background-size: 100%;
    position: absolute;
    left: 0;
    color: #96CC49;
    background-repeat: no-repeat
}

.user_style table {
    width: 100%;
    border-spacing: 0;
    max-width: 100%
}

.user_style tr:nth-child(even) {
    background: inherit
}

.user_style td {
    padding: 5px 10px;
    font-size: .9em;
    border-bottom: 1px solid #ddd
}

.user_style th {
    background-color: #96CC49;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align: left;
    font-weight: 700
}

.check_container {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 14px;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 6px;
    margin: 0 0 10px 0
}

.check_container p {
    margin-top: -3px;
    padding: 0 !important;
    font-weight: 500;
    line-height: 16px;
    font-size: 12px;
}

.big_check {
    padding-top: 2px;
    font-size: 18px;
    line-height: 18px;
    margin: 10px 0
}

.check_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px !important;
    background-color: #2b3445;

}

.check_container:hover input~.checkmark {
    background-color: #96CC49
}

.check_container input:checked~.checkmark {
    background-color: #96CC49
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.check_container input:checked~.checkmark:after {
    display: block
}

.check_container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.altContainer {
    margin-top: 40px
}

.altContent {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px;
    align-items: center
}

.altTxt {
    flex: 1;
    order: 1;
    box-sizing: border-box
}

.txt_cont {
    width: 100%;
    padding-right: 20px;
    padding-left: 0
}

.reverse .txt_cont {
    text-align: right;
    padding-left: 20px;
    padding-right: 0
}

.altImg {
    flex: 1;
    order: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 50%;
    line-height: 0
}

.altImg a {
    flex: 1 1 200px
}

.altImg img {
    min-width: 200px;
    max-width: 100%
}

.altTxt h2 {
    margin: 25px 0;
    line-height: 1em;
}

.reverse .altTxt {
    order: 3;
}

.cta_btn {
    display: inline-block;
    background-color: #96CC49;
    color: #fff;
    margin-top: 20px;
    font-size: 1.2em;
    padding: 10px 15px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
}

.cta_btn:hover {
    background-color: #000;
    color: #fff
}

.p_help {
    font-weight: 500;
    margin-bottom: 5px;
    display: inline-block
}

.posvetilo .p_help {
    color: #fff
}

.tags {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 30px 0
}

.tags h4 {
    flex-basis: 100%;
    text-align: center
}

.tags a {
    text-decoration: none;
    padding: 5px;
    border: 1px solid #eee;
    background-color: #f2f2f2;
    margin: 5px;
    color: #586877;
    font-size: 13px;
    line-height: 13px
}

.tags a:hover {
    color: #96CC49
}

.oznaka {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.oznakaImg {
    flex-basis: 150px;
    line-height: 0
}
.oznaka b{
    color: #96CC49;
}
.oznakaImg img {
    width: 150px;
    height: 100px;
    object-fit: cover
}

.oznakaContent {
    width: calc(100% - 170px)
}

.oznakaContent h2 {
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 20px
}

.oznakaContent p {
    font-size: 16px;
    line-height: 20px
}

.oznakaContent small {
    font-weight: 500;
    font-size: 14px
}

.paralax {
    width: 100%;
    min-height: 450px;
    background-size: cover;
    background-position: center;
    margin: 30px 0;
    text-align: center;
    color: white;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.paralax a {
    display: inline-block;
    padding: 5px 10px;
    margin-top: 10px;
    background-color: white;
    font-size: 15px;
    text-decoration: none;
}

.paralax-capt {
    color: #fff;
    width: 90%;
    max-width: 900px;
    padding: 15px;
    font-size: 1.1em;
    background: rgba(0, 0, 0, .7);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.paralax-capt h3 {
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: 700;
    margin-bottom: 5px;
}

.pages {
    text-align: center;
    font-size: .9em;
    margin: 0 0 40px 0;
    padding: 2em 0 0 0;
    background-position: top center;
    background-repeat: no-repeat;
}

.pages a {
    text-decoration: none;
    color: #3d4350;
    display: inline-block;
    padding: 0 .5em;
    font-weight: 700;
}

.pages a.act {
    color: #96CC49;
    font-size: 18px;
}

.cont_split {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}

.side_cont {
    flex-basis: 260px;
    padding: 0 0 0 20px;
}

.main_cont {
    flex-basis: calc(100% - 310px);
}

.side_cont .quaters {
    float: left;
    margin: 25px 0 !important;
    padding: 0;
}

.side_cont .quater {
    font-size: 13px;
    margin-top: 15px;
    flex-basis: 100%;
}

.side_cont .quater h4 {
    font-size: 15px;
    color: #000;
    margin-bottom: 5px;
    font-weight: 700;
}

.side_cont .quater img {
    width: 25px;
    margin-right: 10px;
}

.subCats {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    margin-bottom: 0;
   
}

.minCats {
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 0;
}

.minCats a {
    text-decoration: none;
}

.tMenu {
    margin-right: 35px;
    font-size: 13px;
    font-weight: 700;
}

.tMenu a {
    text-decoration: none;
    color: #2b3445;
    padding: 0 8px;
}

.lanSelect {
    height: 30px;
    padding: 0 5px;
    border: 1px solid #ddd;
}

.subCat {

    display: flex;
    align-items: flex-start;
    border: 1px solid #f0f3f5;

    background-color: #fff;
    transition: .5s all;
    flex-direction: column;
    padding: 15px;
}

.subCat img {
    width: 100%;

}

.subCatMin {
    height: 45px;
    background-size: 40px;
    background-position: left 10px center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    border: 1px solid #f0f3f5;
    justify-content: flex-start;
    transition: .5s all;
    background-color: #fff;
}

.subCatMin h2 {

    margin: 0 0 0 60px;
    font-weight: 500;
    color: #000;
    font-size: 14px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;

    line-height: 20px;
}

.subCat a {
    text-decoration: none;
    color: inherit !important;
    color: #000;
}

.subCat h2 {



    font-weight: 500;
    color: #000;
    font-size: 20px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    text-align: center;
    margin: 10px 0 15px 0;
    width: 100%;

    line-height: 20px;
}

.subCat:hover {
    border-color: #96CC49;
}

.subCat:hover h2 {
    color: #96CC49;

}

.subCatMin:hover {
    background-color: #fff !important;
    color: #96CC49 !important;

}

.subCatMin:hover h2 {

    color: #96CC49;
}

.src-desktop {
    margin-left: auto;
}

.search-box {
    margin-left: auto;
    float: left;
    width: 300px;
    background-color: #f9fafb;
    display: flex;
    align-items: center;
    margin-right: 30px;
    height: 45px;
    position: relative;
}

.src-input {
    width: 200px;
    margin-left: 0;
    height: 40px;
    font-size: 16px !important;
    background-color: #f9fafb;
    padding-right: 25px;
    font-weight: 700 !important;
    position: relative;
    padding: 0;
    font-weight: 400 !important;
}

.srcPrew {
    float: left;
    width: 45px;
    background-color: #96CC49;
    height: 45px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.srcPrew img {
    height: 25px;
    width: 25px;
}

::placeholder {
    color: black;
    opacity: 1;
}

:-ms-input-placeholder {
    color: black;
}

::-ms-input-placeholder {
    color: black;
}

.slItems {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2em;
    flex-wrap: wrap;
    margin-top: 0;
}

.slItem {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 25%;
    height: 300px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.slItem:hover .slSum {
    background-color: rgba(247, 37, 41, 0.8);
}

.slSum {
    font-size: 1em;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    width: 100%;
    padding: 1em 2em;
    min-height: 100px;
    font-weight: 500;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.slSum strong {
    font-size: 1.3em;
    line-height: 1em;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    color: #fff;
}

.vavcer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2em 0;
    flex-wrap: wrap;
    background-color: #F2F2F2;
    border-top: 1px solid #ddd;
}

.vavcer img {
    height: 50px;
}

.vavcer>div {
    flex: 1;
    max-width: 160px;
    min-width: 160px;
    text-align: center;
    margin-bottom: 10px;
    font-size: .8em !important;
}

.team_full {
    display: flex;
    width: 100%;
    margin-bottom: 45px;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}

.team {
    text-align: center;
    margin: 0 50px 30px 50px;
}

.team h3 {
    font-size: 1.1em;
    margin: 8px 0;
    font-weight: 700;
    padding: 0;
}

.team img {
    max-width: 250px;
    -webkit-filter: grayscale(100%);
    /*Safari6.0-9.0*/
    filter: grayscale(100%);
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    border-radius: 50%;
}

.team:hover img {
    -webkit-filter: grayscale(100%);
    /*Safari6.0-9.0*/
    filter: grayscale(0%);
}

.filters {
    background-color: #f9fafb;
    width: 280px;
    display: flex;
    margin-bottom: 25PX;
    flex-direction: column;
order:1;
    padding: 15px;
}

.filter-title {
    padding-bottom: 6px !important;
    margin-bottom: 10px !important;
    color: #96CC49 !important;
    font-size: 16px !important;
    border-bottom: 1px solid #000 !important;
    font-weight: 600;
}

.filters .inputF {
    flex-basis: 100%;
    height: 40px;
    margin: 0;
    padding: 10px;
}

.filters .check_container{
    padding-top: 6px !important;
}

.product_list {
    width: calc(100% - 310px);
    order:2;
}

.subs_min {
    flex-basis: 100%;
    margin-top: 10px;
}

.loading {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    display: none;
    text-align: center;
    position: absolute;
    left: 0;
}

.fade {
    opacity: .5;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #96CC49;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}
.list1 table{
    width: 100% !important;
}
.footer {
    font-size: 14px;
    background-color: #000;
    padding: 40px 10vw;
    line-height: 1.5rem;
    display: flex;
   flex-wrap: wrap;
    margin: 45px auto;
    margin-bottom: 0 !important;
    
}
.safe img{
    width: 100%;
    max-width: 250px;
}
.show_brands img {
    height: 50px !important;
    width: unset !important;
    max-width: 90% !important;
}

.show_brands {
    text-align: center;
    padding-top: 0 !important;
    justify-content: center;
}

.show_brands .subCat {
    align-items: center;
    margin: 0 15px;
}

.logos {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 30px;
}

.logos a {
    border: 1px solid #ddd;
    margin: 10px;
    padding: 5px;
    line-height: 0;
}

.logos img {
    height: 50px;


}

.footer a {
    text-decoration: none;
}


.f_brd{
    flex: 1;
    border-right: 1px solid #333;
    padding: 0 40px;
}

.f_first img{
 width: 90%;
 max-width: 200px;
 margin-bottom: 25px;

}
.foot-info {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.foot-info a span {
    display: flex;
   margin-right: 10px;
   width: 35px;
   height: 35px;
   align-items: center;
   justify-content: center;
   border: 1px solid #96CC49;
   font-size: 14px;
}
footer h5 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  display: flex;
  margin: 0 0 20px 0 !important;
  align-items: center;
}
.foot-info a {
    display: flex;
    align-items: center;
    color: white;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.3em;
    margin: 10px 0;
}
.social a:hover{
    color: #96CC49;
}
.foot-info a:hover {
    color: #96CC49 !important;
}

.foot-info img {
    height: 20px;
    margin-right: 8px;
}

.social a {
   
 display: flex;
 align-items: center;
 color: #fff;
 margin-bottom: 20px;
}

.social i {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #96CC49;
  
    margin: 0 10px 0 0;
    font-size: 20px;
}

.min-navi {
  
    color: #333;
  
}

.min-navi a {
    display: block;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
}
.min-navi a::before {
   content: "\f35a";
    display: inline-block;
    height: 15px;
    width: 15px;
    font-family: FontAwesome;
    background-size: 100%;
    position: absolute;
    left: 0;
    color: #fff;
    background-repeat: no-repeat;
    transition: .5s all;
}
.min-navi a:hover::before{
    color:#96CC49;
}

.min-navi a:hover {
    color: #96CC49 !important;
    text-decoration: none;
}

.pg-end {
   
    text-align: right;
    font-size: .9em;
    color: #797979;
}

.pg-end a {
    color: #797979;
    display: block;
}

.pg-end a:hover {
    color: #fff;
    text-decoration: none
}

.foot-split {
    float: left;
    width: 100%;
    height: 1px;
    background-position: center;
    background-repeat: no-repeat;

}

.subList img {
    float: left;
    width: 10px;
    margin: 0 0 0 0;
}

.subList a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 15px 8px 0;
    text-decoration: none;
    border-bottom: 1px solid #f0f3f5;
    color: #404041;
}

.elementSub {
    float: left;
    width: 100%;
    height: auto;
    cursor: pointer;
    font-size: 15px;
    box-sizing: border-box;
    font-weight: 700;

}

.elementSubAct {
    float: left;
    width: 100%;
    height: auto;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    box-sizing: border-box;


}

.elementSubAct a {
    color: #fff !important;
}

.iteracija100 {
    width: 100%;
    padding: 0 0 0 20px;
    font-weight: 700;
    font-size: 1.1em;
}

.iteracija90 {
    width: 100%;
    padding: 0 0 0 20px;
    font-weight: 700;
    font-size: 1.1em;
}

.iteracija80 {
    width: 100%;
    padding: 0 0 0 30px;
    font-weight: 400;
    font-size: .9em;
}

.iteracija70 {
    width: 100%;
    padding: 0 0 0 40px;
    font-weight: 400;
    font-size: .9em;
}

.iteracija90 a {
    text-decoration: none;
}

.iteracija90:hover a {
    color: #96CC49 !important;
}

.elementSubAct.iteracija90 a {
    color: #96CC49 !important;
}

.iteracija80 a {
    text-decoration: none;
}

.iteracija80:hover a {
    color: #96CC49 !important;
}

.iteracija80:hover {}

.elementSubAct.iteracija80 {}

.elementSubAct.iteracija80 a {
    color: #96CC49 !important;
}

.iteracija70 a {
    text-decoration: none;
}

.iteracija70:hover a {
    color: #96CC49 !important;
}

.iteracija70:hover {}

.elementSubAct.iteracija70 {}

.elementSubAct.iteracija70 a {
    color: #96CC49 !important;
}


.izpo {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    font-size: 18px;
    line-height: 25px;
    background-color: #f9fafb;
    margin-bottom: 1px;
    position: relative;
    flex-wrap: wrap;
    order: 1;

    margin-top: 50px;

}

.rev {
    justify-content: flex-start;

}

.rev .iCont {
    right: 0 !important;
    text-align: right;
    left: auto;

}

.iImg {
    width: 50% !important;
    height: 450px;
}

.iImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.iCont {
    width: 50%;
    padding: 20px 30px 20px 2%;

    position: absolute;
    left: 0;
    color: #000;
    background-color: #f9fafb;


    border-bottom: none;
}

.iCont h2 {
    font-size: 25px !important;
    color: #96CC49;
    font-weight: 700 !important;

    margin-bottom: 15px !important;
    display: inline-block;
}

.iCont h2 a {
    color: #96CC49 !important;
}

.brands {
    margin-bottom: 30px;
    margin-top: 30px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.brands a {
    padding: 10px 1em;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    white-space: nowrap;
    border: 2px solid #96CC49;
    border-radius: 10px;
    text-align: center;

    font-size: .9em;
    margin: 5px;
}

.actBrand {
    color: white !important;
    background-color: #96CC49 !important;
}

.brands a:hover {

    color: white;
    background-color: #96CC49;
}


.iCont p a {
    padding: 1em;
    color: black;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    min-width: 250px;
    border: 2px solid #96CC49;
   
    text-align: center;
    margin-top: 25px;
    font-size: .9em;
}

.iCont p a:hover {
    padding: 1em;
    color: white;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background-color: #96CC49;
    font-weight: 700;
    min-width: 250px;
    border: 2px solid #96CC49;
    
    text-align: center;
    margin-top: 25px;
    font-size: .9em;
}

.desno th {
    text-align: left;
    font-weight: 400;
    padding: 5px;
    border-bottom: 1px solid #ddd;
}

.desno td {
    padding: 5px;
    border-bottom: 1px solid #ddd;
}

.hui-text-subtitle1 {
    color: #96CC49;
    font-weight: 700;
}

.desno tr:nth-child(even) {
    background-color: #f9fafb;
}

.desno td:nth-child(1) {
    font-weight: 700 !important;
}

.desno th:nth-child(1) {
    font-weight: 700 !important;
}

.summary h1,
.summary h2,
.summary h3,
.summary h4 {
    font-size: 1.2em;
    font-weight: 700;
    color: #96CC49;
    margin: 15px 0;
}

.obrazecS {
    height: 0;
    overflow: hidden;
    transition: .5s all;
}

.showObr {
    height: auto;
    overflow: visible;
    transition: .5s all;
}

.rMore {
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 6em;
    transition: max-height 0.3s ease;
}

/* Gradient overlay */
.rMore::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2em;
    background: linear-gradient(to bottom, transparent, white);
    /* prilagodi barvo ozadja */
    pointer-events: none;
}

/* Ko je razširjeno, skrij gradient */
.rMore.expanded {
    -webkit-line-clamp: unset;
    max-height: none;
    overflow: visible;
}

.rMore.expanded::after {
    display: none;
}

.rMore h2 {
    font-size: 20px !important;
    color: #96CC49 !important;
}

.rMore h2:first-child {
    margin-top: 0;
}

.rMore h3 {
    font-size: 18px !important;
    color: #000 !important;
}

.rMore.expanded {
    -webkit-line-clamp: unset;
    max-height: none;
    overflow: visible;
}

.readMore {
    display: inline-block;
    color: #96CC49;
    cursor: pointer;

    margin: 10px 0 25px 0;
}

.tabs {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab {
    background-color: #f2f2f2;
    font-size: 18px;
    display: inline-block;
    padding: 10px 15px;
    font-weight: 400;
    color: #96CC49;
    margin: 0 10px 0 10px;

    position: relative;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
}

.tab img {
    display: none;
}

.actTab {
    background-color: #96CC49;
    color: white;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
}

.switch {
    cursor: pointer;
}
.acc-h {
    cursor: pointer;
    user-select: none;
    margin: 0 0 15px 0;
   color: #000;
   font-size: 18px !important;
   padding-bottom: 10px;
   
    border-bottom: 1px solid #000;
   position: relative;
  }
  .acc-h::after{
    position: absolute;
    content: "\2b";
    display: inline-block;
    height: 15px;
    width: 15px;
    font-family: FontAwesome;
    right: 0;
  }
  .acc-h + .acc-panel {
    border-top: 0;
    display: none;
    padding: 25px 0;
  }
  .acc-h.is-open::after { position: absolute;
    content: "\f068";
    display: inline-block;
    height: 15px;
    width: 15px;
    font-family: FontAwesome;
    color: #96CC49;
    right: 0; }

.label_div {
    width: 250px;
    float: left;
    line-height: 28px;
}

.input_container {
    height: 30px;
    float: left;
}

.input_container input {
    height: 20px;
    width: 250px;
    padding: 3px;
    border: 1px solid #cccccc;
    border-radius: 0;
}

.no_res {
    color: white;
}

.input_container ul {
    width: 250px !important;
    position: absolute;
    z-index: 9;
    background: #fff;
    list-style: none !important;
}

.input_container ul li {
    padding: 2px;
    list-style: none !important;
}

.input_container ul li:hover {
    background: #f2f2f2;
}

.src_add {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
}

.src_top {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.src_top b {
    flex-basis: calc(100% - 80px);
}


/*	By Ivan Sergey	*/

.demo_list_id {
    display: none;
    position: absolute;
    background-color: #96CC49;
    overflow: scroll;
    padding: 1em;
    z-index: 1000;
    font-size: 13px;
    height: auto;
    max-height: 600px;
    margin: 45px 0 0 0px;
    width: 340px;
    top: 0;
}

.clear_fix {
    clear: both;
    height: 0;
}

.search_item {

    padding: 10px;
    margin-bottom: 5px;
    background-color: #FFF;
    list-style: none !important;
    align-items: center;
    color: #000;
    font-size: 14px !important;
    font-weight: 400;
}

.search_item a {
    color: #000;
    text-decoration: none;
    font-weight: 700 !important;

}

.search_item>a {
    display: flex;
    color: black;
    text-decoration: none;
    align-items: center;
    justify-content: space-between;
}

.search_item a:hover {
    color: black !important;
}

.search_img {
    padding: 0;
    flex-basis: 70px;

    text-align: center;
    line-height: 0;
    height: 50px;

}

.search_img img {
    max-width: 70px;
    max-height: 50px;


}

.item_content {
    font-size: 14px;

    overflow: hidden;
    width: 100%;
    line-height: 16px;
}

.item_content b {
    display: inline-block;
}

.hovered {}

.modFont {
    color: #000 !important;
    font-size: 16px !important;
    line-height: 16px;
    font-weight: 700;
    display: inline-block;
    margin-right: 15px;
}

.item_content_do {
    color: #2c2c2c;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;
    background-color: #96CC49;
    width: 100%;
    padding: 10px 0;
    color: white !important;
}

.all_result {
    padding-left: 5px;
    color: #2c2c2c;
}


#slider-container {
    margin-top: 71px;
    
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #000;
}

#slider {
    display: flex;
        transition: transform 0.5s ease-in-out;


}
.slide:not(.active) .caption {
  /*  transition: .5s all;
  opacity: .2;*/
}
.slide {
    flex: 0 0 100%;
    max-width: 1500px;
    height: 550px;
    display: flex;
   
    align-items: center;
    background-color: lightgray;
    margin: 0 0;
    transition: filter 0.5s ease-in-out;
}


.slide.active {
    opacity: 1;
    z-index: 51;
}

.slide img {
    width: 100% !important;
    height: 100%;
    object-fit: cover; 

}

.caption {
text-align: center;
    width: 100%;
    max-width: 1500px;
    padding: 35px;
    padding-bottom: 140px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    transition: .5s all;
    position: absolute;
    height: 100%;
background: linear-gradient(
    to top,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 100%
);


}

.captionSummary a,
.parallax a,.feat-vid a {
    padding: 1em;
    color: white;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    min-width: 250px;
    border: 1px solid #96CC49;
   
    text-align: center;
    margin-top: 25px;
    font-size: .9em;
}



.captionSummary a:hover,
.parallax a:hover,
.feat-vid a:hover {
    padding: 1em;
    color: #fff;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background-color: #96CC49;
    font-weight: 600;
    min-width: 250px;
    border: 1px solid #96CC49;
   
    text-align: center;
    margin-top: 25px;
    font-size: .9em;
}

.captionSummary h2 {
    font-size: 2em;
    color: #fff;
    line-height: 1.1em;
    font-weight: 300;
    margin: 0 0 10px 0;
}

.captionSummary {
    color: #fff;



}

#slideNav {
    position: absolute;
   
    z-index: 52;
    bottom: 35px;
    left: calc(50% - 55px);
    display: flex;
}

#slideNav img {
    height: 20px;
}

#prevBtn,
#nextBtn {
    width: 45px;
    height: 45px;
    font-size: 18px;
    cursor: pointer;
   background-color: #96CC49;
    color: #fff;
   
    transition: .5s all;
    margin:0 5px;
  
   font-size: 20px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;

}

#prevBtn:hover,
#nextBtn:hover {
    background-color: #fff;
    color: #000;
    
}