@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('../fonts/subset-HelveticaNeueCE-Bold.eot');
    src: url('../fonts/subset-HelveticaNeueCE-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-HelveticaNeueCE-Bold.woff2') format('woff2'),
        url('../fonts/subset-HelveticaNeueCE-Bold.woff') format('woff'),
        url('../fonts/subset-HelveticaNeueCE-Bold.ttf') format('truetype'),
        url('../fonts/subset-HelveticaNeueCE-Bold.svg#HelveticaNeueCE-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueRoman';
    src: url('../fonts/subset-HelveticaNeueCE-Roman.eot');
    src: url('../fonts/subset-HelveticaNeueCE-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-HelveticaNeueCE-Roman.woff2') format('woff2'),
        url('../fonts/subset-HelveticaNeueCE-Roman.woff') format('woff'),
        url('../fonts/subset-HelveticaNeueCE-Roman.ttf') format('truetype'),
        url('../fonts/subset-HelveticaNeueCE-Roman.svg#HelveticaNeueCE-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic.eot');
    src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic.woff2') format('woff2'),
        url('../fonts/CenturyGothic.woff') format('woff'),
        url('../fonts/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'smdicomoon';
    src: url('../fonts/smdicomoon.eot?jgd0n1');
    src: url('../fonts/smdicomoon.eot?jgd0n1#iefix') format('embedded-opentype'),
        url('../fonts/smdicomoon.ttf?jgd0n1') format('truetype'),
        url('../fonts/smdicomoon.woff?jgd0n1') format('woff'),
        url('../fonts/smdicomoon.svg?jgd0n1#smdicomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* .icon-smdmail_icon:before {
    content: "\e900";
  }
  .icon-smdaccount_icon:before {
    content: "\e901";
  }
  .icon-smdfacebook_icon:before {
    content: "\e902";
  }
  .icon-smdinstagram_icon:before {
    content: "\e903";
  }
  .icon-smdsearch_icon:before {
    content: "\e904";
  }
  .icon-smdshopping_basket_icon:before {
    content: "\e905";
  }
  .icon-smdyoutube_icon:before {
    content: "\e906";
  }
  .icon-smdarrows_icon:before {
    content: "\e907";
  }
  .icon-smdpanel_center_icon:before {
    content: "\e908";
  }
  .icon-smdweb_shop_icon:before {
    content: "\e909";
  }
  .icon-smdprojects_icon:before {
    content: "\e90a";
  }
  .icon-smdtestne_komore_icon:before {
    content: "\e90b";
  }
  .icon-smdkrompir_luk_icon:before {
    content: "\e90c";
  }
  .icon-smdvoce_icon:before {
    content: "\e90d";
  }
  .icon-smdhladna_skladista_icon:before {
    content: "\e90e";
  }
  .icon-smdmlecni_proizvodi_icon:before {
    content: "\e90f";
  }
  .icon-smdpekarski_proizvodi_icon:before {
    content: "\e910";
  }
  .icon-smdmeso_icon:before {
    content: "\e911";
  }
  .icon-smdsmrznuta-hrana_icon:before {
    content: "\e912";
  }
  .icon-smdkrava_icon:before {
    content: "\e913";
  }
  .icon-smdriba_icon:before {
    content: "\e914";
  }
  .icon-smdlinkedin_sign:before {
    content: "\f08c";
  } */
/* Scrollbar style */
body::-webkit-scrollbar {
    width: 15px;
    /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
    background: #fff;
    /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
    background-color: #020d1d;
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
    border: 3px solid #F7F7F7;
    /* creates padding around scroll thumb */
}

.minicart-items-wrapper::-webkit-scrollbar {
    width: 15px;
    /* width of the entire scrollbar */
}

.minicart-items-wrapper::-webkit-scrollbar-track {
    background: #fff;
    /* color of the tracking area */
}

.minicart-items-wrapper::-webkit-scrollbar-thumb {
    background-color: #020d1d;
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
    border: 3px solid #F7F7F7;
    /* creates padding around scroll thumb */
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'HelveticaNeueRoman';
}

a,
.social_media a:after,
.minicart-wrapper .action.showcart::before,
.header.links a::after,
a.contactHeader label,
.feature-home-navigation ul li.online_shop a:before,
.feature-home-navigation ul li.projects a:before,
.feature-home-navigation ul li.panel_centar a:before,
.header-right .block.block-search .search_magnifier::after,
.feature-home-navigation ul li a span,
.header-right,
.logo {
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

.navigation,
.breadcrumbs,
.page-header .header.panel,
.header.content,
.footer.content,
.page-wrapper>.widget,
.page-wrapper>.page-bottom,
.block.category.event,
.top-container,
.page-main,
.contentInner {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1220px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.minicart-wrapper .block-minicart {
    right: -5px;
    margin-top: 7px;
}

.minicart-wrapper .action.showcart::before,
.minicart-wrapper .action.showcart.active::before {
    font-family: 'smdicomoon';
    content: '\e905';
    color: #fff;
    font-size: 26px;
    line-height: 28px;
}

.minicart-wrapper .action.showcart:hover::before,
.minicart-wrapper .action.showcart.active::before,
.minicart-wrapper .action.showcart.active:hover::before,
.header-right .block.block-search .search_magnifier:hover::after,
.header.links a:hover::after,
a.contactHeader:hover:after {
    color: #0078ff;
}

.header.links {
    list-style: none;
    margin-bottom: 0;
    line-height: 1;
    padding-left: 25px;
}

.header.links li {
    margin-bottom: 0;
}

.header.links a {
    font-size: 0;
    float: left;
    margin-top: -3px;
}

.header.links a::after {
    font-family: 'smdicomoon';
    content: '\e901';
    color: #fff;
    font-size: 29px;
}

a.contactHeader {
    color: #fff;
    line-height: 1
}

a.contactHeader:hover {
    color: #0078ff;
}

a.contactHeader:hover label {
    color: #fff;
}

a.contactHeader span {
    float: left;
    padding-right: 20px;
}

a.contactHeader label {
    display: block;
    padding-top: 5px;
    color: #aeacac;
    text-align: right;
}

a.contactHeader:after {
    font-family: 'smdicomoon';
    content: '\e900';
    color: #fff;
    font-size: 25px;
}

a.contactHeader:hover {
    text-decoration: none;
}

.minicart-wrapper {
    margin-left: 20px;
}

.header-right .block.block-search {
    width: auto;
    padding-left: 20px;
    cursor: pointer;
}

.header-right .block.block-search .search_magnifier:after {
    font-family: 'smdicomoon';
    content: '\e904';
    color: #fff;
    font-size: 28px;
    display: inline-block;
    margin-top: -5px;
}

.header-right .block.block-search .search_close:after {
    content: 'X';
    color: #fff;
    font-size: 16px;
    display: inline-block;
    margin-top: -5px;
    position: fixed;
    right: 50px;
    top: 50px;
    display: none;
    background: #2f5075;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border-radius: 100%;
}

.header-right .block.block-search .search_close:hover:after {
    background: #2f6383;
    ;
}

.header-right .block.block-search.active .search_close:after {
    display: block;
}

.header-right .block.block-search.active .search_magnifier:after {
    display: none;
}

.header-right .block.block-search .block.block-content {
    display: none;
    opacity: 0;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.search_overlay {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1001;
    top: 0%;
    height: 100%;
    background: rgb(21, 64, 112);
    background: linear-gradient(180deg, rgba(21, 64, 112, 1) 0%, rgba(6, 33, 63, 1) 50%, rgba(21, 64, 112, 0.9023810207676821) 100%);
    margin-top: 0;
    opacity: 0;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.search_overlay.active {
    opacity: 1;
}

.block.block-search {
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.block.block-search.active {
    opacity: 1;
    display: block;
    position: fixed;
    z-index: 1002;
    left: 30%;
    right: 30%;
    top: 40%;
}

.block.block-search.active .block.block-content {
    display: block;
    opacity: 1;
}

.block.block-search input[type="text"] {
    background: transparent;
    border: none;
    border-bottom: solid 0px #fff;
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}

.block.block-search.active input[type="text"] {
    background: transparent;
    border: none;
    border-bottom: solid 5px #fff;
    height: 60px;
    font-size: 30px;
    color: #fff;
}

.block-search .action.search {
    top: 5px;
}

.block-search .action.search::before {
    color: #fff;
    font-size: 40px;
    line-height: 44px;
    font-family: 'smdicomoon';
    content: '\e904';
}

.block-search .action.search:hover::before {
    color: #2f6281;
}

.block.block-search.active input:not([disabled]):focus {
    box-shadow: none;
}

.block-search input::-webkit-input-placeholder {
    color: #2f6383;
    opacity: 1;
}

.block-search input:-moz-placeholder {
    color: #2f6383;
    opacity: 1;
}

.block-search input::-moz-placeholder {
    color: #2f6383;
    opacity: 1;
}

.block-search input:-ms-input-placeholder {
    color: #2f6383;
    opacity: 1;
}

.header .header-right,
.header .min_konto_mob,
.header .header.links {
    float: right;
}

.header .header-right {
    padding-top: 25px;
}

.cms-index-index .page-main,
.page-layout-projects .page-main,
.page-layout-panel_centar .page-main,
.page-layout-about .page-main {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.page-layout-projects .columns .column.main,
.page-layout-panel_centar .columns .column.main,
.page-layout-about .columns .column.main {
    padding-bottom: 0;
}

.header.content {
    padding: 25px 20px 0;
}

.cms-index-index .page-header,
.page-layout-projects .page-header,
.page-layout-panel_centar .page-header,
.page-layout-about .page-header {
    border: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 111;
}

body:not(.cms-index-index):not(.page-layout-projects):not(.page-layout-panel_centar):not(.page-layout-about) .page-header {
    background: #020d1d url(../images/header-bg.jpg) center top no-repeat;
}

body:not(.cms-index-index):not(.page-layout-projects):not(.page-layout-panel_centar):not(.page-layout-about) .page-main {
    padding-top: 30px;
}


/************ HOME SLIDER ***************/

.homeTopPromotion {
    position: relative;
    background: #000;
}

.top-promotion-slides {
    background: #fff;
    max-height: 790px;
    overflow: hidden;
}

.top-slide-item {
    opacity: 0;
    z-index: 1;
    position: relative;
    transition: opacity 0.5s linear;
    text-align: center;
    max-height: 795px;
}

.top-slide-item:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.top-slide-item.show-slide {
    opacity: 1;
    z-index: 2;
}

.top-slide-item img {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.top-slide-item .promotion_content>*:first-child {
    margin-top: 0;
}

.contentWrapper,
.top-promotion-nav {
    position: absolute;
    top: 53%;
    left: 0;
    right: 0;
    max-width: 1200px;
    padding: 0 0px 40px;
    width: auto;
    transform: translateY(-50%);
    text-align: center;
    margin: 0 auto;
}

.cms-o-nama .contentWrapper {
    top: 43%;
}

.contentWrapperInner {
    max-width: 80%;
    position: relative;
    margin: 0 auto;
}

.projects .contentWrapperInner {
    float: right;
    text-align: right;
    max-width: 65%;
}

.panel_center .contentWrapperInner,
.about .contentWrapperInner {
    float: left;
    text-align: left;
    max-width: 65%;
}

.top-promotion-nav {
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding-bottom: 0;
    display: none;
}

.top-promotion-nav ul {
    list-style-type: none;
    width: auto;
    padding: 0;
    margin: -30px auto 0;
    display: flex;
    justify-content: center;
}

.top-promotion-nav ul li {
    width: 13px;
    height: 13px;
    border-radius: 100%;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 15px;
    min-height: 6px;
    padding: 0;
    line-height: 6px;
    background-color: transparent;
    border: solid 2px #fff;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: background 0.2s ease;
    text-indent: -999em;
}

.top-promotion-nav ul li:first-child {
    margin-left: 0;
}

.top-promotion-nav ul li.active-nav {
    background-color: #fff;
}

.top-slide-item .promotion_title {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    font-family: 'HelveticaNeueRoman';
    color: #fff;
    opacity: 0;
    transform: translateX(-50px);
    line-height: 1;
    margin-bottom: 1.0rem;
    letter-spacing: 0.05em;
}

.projects .top-slide-item .promotion_title {
    font-family: HelveticaNeueBold;
    font-size: 37px;
    margin-bottom: 1em;
}

.panel_center .top-slide-item .promotion_title,
.about .top-slide-item .promotion_title {
    font-family: HelveticaNeueBold;
    font-size: 37px;
    margin-bottom: 1em;
    color: #082550;
}

.about .top-slide-item .promotion_title {
    color: #fff
}

.top-slide-item.show-instant .promotion_title {
    opacity: 1;
    transform: translateX(0px);
    transition: all 0.5s ease 0.5s;
}

.top-slide-item .promotion_content {
    opacity: 0;
    transform: translateX(-50px);
    color: #fff;
}

.top-slide-item .promotion_action {
    opacity: 0;
    transform: translateX(-50px);
    margin-top: 2rem;
}

.projects_action a,
.top-slide-item .promotion_action a {
    text-transform: uppercase;
    font-size: 17px;
    color: #13436c;
    background: #fff;
    line-height: 1;
    padding: 20px 30px;
    display: inline-block;
    font-family: HelveticaNeueBold;
    border-radius: 28px;
}

.projects_action {
    text-align: center;
}

.projects_action a {
    margin-bottom: 30px;
    background: #006eff;
    color: #fff;
}

.projects_action a:hover {
    text-decoration: none;
    background: #006eff;
    color: #fff;
    transform: scale(1.1, 1.1);
}

.top-slide-item .promotion_action a:hover {
    text-decoration: none;
    background: #006eff;
    color: #fff;
    transform: scale(1.1, 1.1);
}

.top-slide-item .promotion_content {
    font-size: 42px;
    font-family: HelveticaNeueRoman;
    letter-spacing: 0em;
    font-weight: 400;
}

.projects .top-slide-item .promotion_content {
    font-size: 17px;
}

.panel_center .top-slide-item .promotion_content,
.about .top-slide-item .promotion_content {
    font-size: 17px;
    color: #082550;
}

.about .top-slide-item .promotion_content {
    color: #fff;
}

.top-slide-item .promotion_content h4 {
    color: #000;
    font-size: 18px;
    letter-spacing: 0.05em;
    font-weight: 600;
    font-family: Montserrat;
}

.top-slide-item .promotion_content h4::first-line {
    font-size: 36px;
    letter-spacing: 0.1em;
    font-weight: 300;
}

.top-slide-item.show-instant .promotion_content {
    opacity: 1;
    transform: translateX(0px);
    transition: all 0.5s ease 0.8s;
}

.top-slide-item.show-instant .promotion_action {
    opacity: 1;
    transform: translateX(0px);
    transition: all 0.5s ease 1.2s;
}

.top-slide-item.show-delayed .promotion_title {
    opacity: 1;
    transform: translateX(0px);
    transition: all 0.5s ease 0.5s;
}

.top-slide-item.show-delayed .promotion_content {
    opacity: 1;
    transform: translateX(0px);
    transition: all 0.5s ease 0.7s;
}

.top-slide-item.show-delayed .promotion_action {
    opacity: 1;
    transform: translateX(0px);
    transition: all 0.5s ease 1s;
}

/***** SLIDE 1 *****/
.top-slide-item.slide-item-1 {
    background: #dfa5b1;
}

/***** END SLIDE 1 *****/

/***** SLIDE 2 *****/
.top-slide-item.slide-item-2 {
    background: #f7eceb;
}

.top-slide-item.slide-item-2.show-delayed .promotion_title {
    color: #229b28;
    font-size: 24px;
    color: #229b28;
    font-size: 23px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: -10px;
    padding-bottom: 200px;
}

.top-slide-item.slide-item-2.show-delayed .promotion_content {
    color: #777271;
    letter-spacing: 0.02em;
    font-weight: 400;
}

.top-slide-item.slide-item-2 .promotion_action a {
    background: #229b28;
}

.top-slide-item.slide-item-2 .promotion_action a:hover {
    text-decoration: none;
    background: #cbbc80;
    color: #000;
}

@media screen and (max-width: 1800px) {
    .top-slide-item.slide-item-2.show-delayed .promotion_title {
        margin-top: -10px;
        padding-bottom: 30%;
    }
}

@media screen and (max-width: 1660px) {
    .top-slide-item.slide-item-2.show-delayed .promotion_title {
        margin-top: -10px;
        padding-bottom: 28%;
    }
}

@media screen and (max-width: 1440px) {
    .top-slide-item.slide-item-2.show-delayed .promotion_title {
        margin-top: 25px;
        padding-bottom: 24%;
    }

}

@media screen and (max-width: 1280px) {
    .top-slide-item.slide-item-2.show-delayed .promotion_title {
        margin-top: 30px;
        padding-bottom: 20%;
    }
}

@media screen and (max-width: 1160px) {
    .top-slide-item.slide-item-2.show-delayed .promotion_title {
        margin-top: 50px;
        padding-bottom: 20%;
        font-size: 19px;
    }

    .top-promotion-nav .contentWrapperInner {
        max-width: 100%;
    }
}

@media screen and (max-width: 1024px) {

    .cms-panel-centar .page-wrapper .panel_center-cms-content .panel-text-wrapper .toggle_wrapper .toggle,
    .cms-panel-centar .page-wrapper .panel_center-cms-content .panel-text-wrapper .toggle_wrapper i {
        font-size: 20px;
    }

    .column.main .home-top-promotion .top-slide-item.skinbetter .contentWrapper .promotion_content {
        margin-bottom: 0px;
    }

    .top-slide-item.slide-item-2.show-delayed .promotion_title {
        margin-top: 13%;
        padding-bottom: 19%;
        font-size: 18px;
    }

    .top-promotion-nav .contentWrapperInner {
        max-width: 100%;
    }

    .top-slide-item .promotion_action a {
        font-size: 14px;
        padding: 12px 35px;
    }

    .top-slide-item .promotion_action {
        margin-top: 2.0rem;
    }

    .top-promotion-nav {
        left: 50%;
        right: inherit;
        bottom: -40px;
        z-index: 2;
        padding-bottom: 0;
        width: 200px;
        margin-left: 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 900px) {
    .column.main .home-top-promotion .top-slide-item.skinbetter .contentWrapper {
        top: 52%;
    }

    .column.main .home-top-promotion .top-slide-item.skinbetter .promotion_title {
        font-size: 36px;
    }

    .column.main .home-top-promotion .top-slide-item.skinbetter .contentWrapper .promotion_content {
        font-size: 32px;
    }

    .contentWrapperInner {
        max-width: 500px;
    }

    .top-slide-item.slide-item-2.show-delayed .promotion_title {
        font-size: 15px;
        margin-top: 14%;
        padding-bottom: 17%;
    }

    .slide-item-2.show-delayed .promotion_action {
        margin-top: 1.0rem;
    }
}

/***** SLIDE 2 *****/


/********************/

.home-three-promotions {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.twoPromotionsWrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 60px;
}

.twoPromotionsWrapper .sectionTitle {
    display: block;
    text-align: center;
}

.twoPromotionsWrapper .sectionTitle strong {
    font-family: HelveticaNeueBold;
    font-weight: normal;
    color: #13436c;
    font-size: 38px;
}

.twoPromotionsWrapper .sectionTitle strong:after {
    content: "\e907";
    display: block;
    border: solid 1px #13436c;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    font-weight: 300;
    font-family: smdicomoon;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    margin-top: 15px;
}

.twoPromotionsWrapper ul.home-tabs-nav {
    display: flex;
    justify-content: space-between;
    text-align: center;
    max-width: 500px;
    margin: 0px auto;
    padding: 0;

}

.twoPromotionsWrapper ul.home-tabs-nav li {
    display: inline-block;
    cursor: pointer;
    width: 33.33%;
    font-family: HelveticaNeueBold;
    color: #b7b7b7;
}

.twoPromotionsWrapper ul.home-tabs-nav li:first-child {
    text-align: left;
}

.twoPromotionsWrapper ul.home-tabs-nav li:last-child {
    text-align: right;
}

.twoPromotionsWrapper ul.home-tabs-nav li.active {
    color: #006eff;
}

.tab-navigation-line {
    display: flex;
    max-width: 460px;
    margin: 25px auto 100px;
    justify-content: space-between;
    border-bottom: solid 2px #c7c7c7;
}

.tab-navigation-line span {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    background: #d7d7d7;
    margin-bottom: -11px;
    position: relative;
}

.tab-navigation-line span.active {
    background: #fff;
    box-shadow: 1px 1px 11px rgba(0, 0, 0, .1), -1px 1px 11px rgba(0, 0, 0, .1);
}

.tab-navigation-line span:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 6px;
    top: 6px;
    background: #b7b7b7;
    border-radius: 100%;
}

.tab-navigation-line span.active:after {
    background: #006eff;
}

.promotion_block.promotion_1,
.promotion_block.promotion_2 {
    position: relative;
}

.promotion_block.promotion_1 img,
.promotion_block.promotion_2 img {
    display: block;
}

.promotion_block.promotion_1 .pr_wrapper,
.promotion_block.promotion_2 .pr_wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(39, 39, 39, .45);
    display: flex;
    justify-content: space-between;
    color: #fff;
    height: 60px;
}

.promotion_block.promotion_1 .pr_wrapper a,
.promotion_block.promotion_2 .pr_wrapper a,
.video-overlay-content a {
    background: #000;
    display: flex;
    align-items: center;
    height: 100%;
    color: #fff;
    padding-left: 40px;
    padding-right: 40px;
    text-transform: uppercase;
}

.promotion_block.promotion_1 .pr_wrapper a:hover,
.promotion_block.promotion_2 .pr_wrapper a:hover,
.video-overlay-content a:hover {
    background: #cbbc80;
    color: #000;
}

.promotion_block.promotion_1 .pr_wrapper p,
.promotion_block.promotion_2 .pr_wrapper p,
.video-overlay-content p {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    max-width: 60%;
    padding-left: 25px;
    font-size: 16px;
}

.logo {
    float: left;
    margin: 0 0 25px 0px;
    max-width: 200px;
    position: relative;
    z-index: 5;
    left: 0;
}

.nav-sections {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    margin-bottom: 25px;
    clear: both;
    border-top: solid 2px #fff;
    background: transparent;
}

.navigation {
    background: transparent;
    padding: 0;
    margin-top: -2px;
}

.navigation ul {
    padding: 0 0px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.navigation ul li {
    padding-top: 0px;
}

.navigation ul a.navigation__link {
    color: #fff;
    text-transform: uppercase;
    font-family: HelveticaNeueBold;
    font-weight: normal;
    padding-top: 15px;
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    transition: color 0.2s ease-in-out 0s;
    -moz-transition: color 0.2s ease-in-out 0s;
    -ms-transition: color 0.2s ease-in-out 0s;
    -o-transition: color 0.2s ease-in-out 0s;
    -webkit-transition: color 0.2s ease-in-out 0s;
    border-top: solid 3px transparent;

}

.navigation ul li:first-child a.navigation__link,
.navigation ul li:first-child a.navigation__link span {
    padding-left: 0;
}

.navigation ul li:last-child a.navigation__link {
    padding-right: 0;
}

.navigation ul a.navigation__link:hover {
    border-top: solid 3px #0078ff;
    color: #0078ff;
    text-decoration: none;
    transition: color 0.2s ease-in-out 0s;
    -moz-transition: color 0.2s ease-in-out 0s;
    -ms-transition: color 0.2s ease-in-out 0s;
    -o-transition: color 0.2s ease-in-out 0s;
    -webkit-transition: color 0.2s ease-in-out 0s;
}

.navigation ul a.navigation__link span.subTitle {
    display: block;
    text-transform: none;
    color: #a4a4a4;
    font-size: 13px;
    font-family: HelveticaNeueRoman;
}

.navigation ul a.navigation__link:hover span.subTitle {
    border: none;
    color: #13436c;
}

.page-footer {
    background: url(../images/footer-bg.jpg) center top no-repeat;
    background-color: #020d1d;
    padding-bottom: 0;
}

.copyright {
    background-color: #fff;
    color: #494949;
    font-size: 15px;
    padding: 12px;
}

.footer-logo img {
    max-width: 255px;
}

.footer.content {
    padding-top: 65px;
    padding-bottom: 50px;
    display: flex;
    justify-content: space-between;
    color: #fff;
}

.footer.content .col_1 {
    width: 26.6%;
    padding-right: 6%;
}

.footer.content .col_2 {
    width: 15%;
}

.footer.content .col_3 {
    width: 14%;
}

.footer.content .col_4 {
    width: 32.2%;
}

.footer-logo {
    padding-bottom: 40px;
}

.f_about {
    font-size: 13px;
    line-height: 1.25;
    padding-bottom: 45px;
}

.social_media .y_soc a:after,
.social_media .f_soc a:after,
.social_media .i_soc a:after {
    font-family: smdicomoon;
    color: #e2e2e4;
    font-size: 25px;

}

.social_media .y_soc a:after {
    content: '\e906';
}

.social_media .f_soc a:after {
    content: '\e902';
}

.social_media .i_soc a:after {
    content: "\f08c";
    font-size: 31px;
    position: relative;
    top: 3.5px;
}

.footer.content .social_media a em,
.tab-navigation-line span label {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.footer.content ul.social_media {
    padding: 0;
}

.footer.content ul.social_media li {
    display: inline-block;
    margin-right: 20px;
}

.social_media a:hover {
    text-decoration: none;
}

.footer.content ul.social_media li:last-child {
    margin: 0;
}

.social_media .y_soc a:hover:after {
    color: #FF0000;
}

.social_media .f_soc a:hover:after {
    color: #4267B2;
}

.social_media .i_soc a:hover:after {
    color: #c13584;
}

.f_col.col_2 .footer_navigation__mobile,
.f_col.col_3 .footer_navigation__mobile {
    display: none;
}

.footer_navigation {
    padding-top: 25px;
}

.footer_navigation a {
    color: #fff;
    font-family: HelveticaNeueRoman;
    font-size: 13px;
}

.footer_navigation a:hover {
    text-decoration: none;
    color: #0078ff;
}

.footer.content .footer_navigation li.footer_navigation__item {
    margin-bottom: 10px;
}

.footer.content .footer_navigation li.footer_navigation__item a:before {
    content: ">";
    font-size: 13px;
}

.f_col.col_2 strong,
.f_col.col_3 strong {
    font-family: HelveticaNeueBold;
    font-weight: normal;
}

.block.newsletter .title {
    display: block;
}

.block.newsletter .title strong {
    font-family: HelveticaNeueBold;
    text-transform: uppercase;
    font-size: 38px;
    margin-top: 0;
    font-weight: normal;
}

.block.newsletter {
    max-width: 100%;
    width: max-content;
}

.newsletter_info {
    line-height: 1.2;
    padding-bottom: 40px;
}

.block.newsletter .field .control::before {
    line-height: 44px;
}

.action.primary {
    background-image: none;
    background: #006eff;
    border: 1px solid #006eff;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'HelveticaNeueRoman';
    font-weight: 600;
    padding: 13px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
}

.block.newsletter .action.primary:after {
    content: ">";
    font-size: 20px;
}

.block.newsletter .action.primary {
    padding: 7px 25px;
}

.block.newsletter .action.primary span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.block.newsletter input {
    border-radius: 4px 0 0 4px;
    border-color: #fff;
}

input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="datetime"],
input[type="email"] {
    height: 45px;
    color: #000;
}

button,
a.action.primary {
    border-radius: 4px;
}

.feature-home-navigation {
    margin: -100px auto 0;
    width: 660px;
    background: #fff;
    box-shadow: 15px 15px 25px rgba(0, 0, 0, 0.1), -15px 15px 25px rgba(0, 0, 0, 0.1);
    ;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    padding: 25px 20px;
    box-sizing: border-box;
}

.feature-home-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.feature-home-navigation ul li {
    display: inline-block;
    vertical-align: middle;
    width: 32%;
    text-align: center;
    position: relative;
    margin-bottom: 0;
    border-radius: 20px;
}

.feature-home-navigation ul li:after {
    content: "";
    width: 2px;
    height: 40%;
    background: #acacac;
    position: absolute;
    right: 0;
    top: 30%;
}

.feature-home-navigation ul li:last-child:after {
    display: none;
}

.feature-home-navigation ul li a {
    text-transform: uppercase;
    color: #13436c;
    font-size: 16px;
    font-family: HelveticaNeueBold;
    border-radius: 20px;
    height: 100%;
    width: 100%;
    display: inline-block;
}

.feature-home-navigation ul li a:hover {
    text-decoration: none;
}

.feature-home-navigation ul li a span {
    display: block;
    text-transform: none;
    font-size: 13px;
    font-family: HelveticaNeueRoman;
    padding-bottom: 10px;
}

.feature-home-navigation ul li.online_shop a:before,
.feature-home-navigation ul li.projects a:before,
.feature-home-navigation ul li.panel_centar a:before {
    font-family: smdicomoon;
    content: "\e909";
    display: block;
    color: #565654;
    font-size: 70px;
}

.feature-home-navigation ul li.projects a:before {
    content: "\e90a";
}

.feature-home-navigation ul li.panel_centar a:before {
    content: "\e908";
}

.feature-home-navigation ul li,
.feature-home-navigation ul li a,
.feature-home-navigation ul li a span {
    transition: all 0.2s ease-in-out;
}

.feature-home-navigation ul li:hover {
    transform: scale(1.25, 1.8);
    background: #006eff;
    color: #fff;
    border-radius: 10px;
}

.feature-home-navigation ul li:hover a {
    color: #fff;
    transform: scale(0.9, 0.7);
}

.feature-home-navigation ul li:hover a::before,
.feature-home-navigation ul li:hover a span {
    color: #fff;
}

.feature-home-navigation ul li:hover::after {
    display: none;
}

.tabs-content-item {
    display: none;
}

.tabs-content-item img {
    padding-right: 30px;
}

.panel-centar-tab-content .tabs-content-item .pr_wrapper {
    padding-right: 30px;
}

.tabs-content-item .pr_wrapper {
    font-size: 17px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.tabs-content-item .pr_wrapper h2 {
    color: #017ec5;
    font-size: 43px;
    padding: 0px 0 30px;
    margin: 0;
    font-weight: normal;
    font-family: HelveticaNeueBold;
}

.tabs-content-item.active {
    display: flex;

}

.twoPromotionsWrapper ul.home-tabs-nav li {
    transition: all 0.2s ease-in-out 0.8s;
    -moz-transition: all 0.2s ease-in-out 0.8s;
    -ms-transition: all 0.2s ease-in-out 0.8s;
    -o-transition: all 0.2s ease-in-out 0.8s;
    -webkit-transition: all 0.2s ease-in-out 0.8s;
    position: relative;
    padding-bottom: 60px;
    bottom: -60px;
    margin-bottom: 0;
    z-index: 1;
}

.tab-navigation-line span,
.tab-navigation-line span:after {
    transition: all 0.2s ease-in-out 0.6s;
    -moz-transition: all 0.2s ease-in-out 0.6s;
    -ms-transition: all 0.2s ease-in-out 0.6s;
    -o-transition: all 0.2s ease-in-out 0.6s;
    -webkit-transition: all 0.2s ease-in-out 0.6s;
}


.home-tabs-content {
    position: relative;
    width: 100%;
}

.home-tabs-content:after {
    content: "";
    background-image: url(../images/loading-anim.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 300px auto;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    pointer-events: none;
}

.home-tabs-content.temp-loading:after,
.brands_tab_carousel.temp-loading:after {
    -webkit-animation: loadanim 1s;
    animation: loadanim 1s;
    z-index: 1;
    visibility: visible;
    pointer-events: auto;
}

@-webkit-keyframes loadanim {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes loadanim {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.home-cms-content,
.panel_center-cms-content,
.about-cms-content {
    background: #f3f5f8;
    margin-top: 60px;
    padding: 110px 0 90px;
    position: relative;
}

.about-cms-content {
    margin-top: 0;
}

.panel_center-cms-content,
.about-cms-content {
    padding: 50px 0;
}

.panel_center-cms-content h3,
.about-cms-content h3 {
    color: #017ec5;
}

.cms-index-index .columns .column.main {
    padding-bottom: 0;
}

.home-cms-content .contentInner,
.projects-cms-wrapper .contentInner {
    display: flex;
    justify-content: space-between;
}

.home-cms-content .contentInner .bottomPromotionsWrapper,
.projects-cms-wrapper .contentInner .bottomPromotionsWrapper {
    flex: 0 0 31%;
    padding-left: 4%;
    z-index: 1;
}

.home-cms-content .contentInner .bottomPromotionsWrapper .pr_wrapper,
.projects-cms-wrapper .contentInner .bottomPromotionsWrapper .pr_wrapper {
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 1.2;
}

.home-cms-content .contentInner .bottomPromotionsWrapper h6,
.projects-cms-wrapper .contentInner .bottomPromotionsWrapper h6 {
    color: #006eff;
    font-size: 15px;
    padding: 15px 0 18px;
    margin: 0;
    font-weight: normal;
    font-family: HelveticaNeueBold;
}

.home-cms-content .contentInner .bottomPromotionsWrapper a,
.projects-cms-wrapper .contentInner .bottomPromotionsWrapper a {
    width: 44px;
    height: 44px;
    line-height: 39px;
    text-align: center;
    font-size: 20px;
    background: #006eff;
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    margin-top: 30px;
}

.home-cms-content .contentInner .bottomPromotionsWrapper a:hover,
.projects-cms-wrapper .contentInner .bottomPromotionsWrapper a:hover {
    text-decoration: none;
}

.home-cms-content .contentInner .cms-content,
.projects-cms-wrapper .contentInner .cms-content {
    padding-right: 4%;
    font-size: 16px;
    color: #000;
    flex: 0 0 38%;
}

.home-cms-content .contentInner .cms-content h4,
.projects-cms-wrapper .contentInner .cms-content h4 {
    color: #017ec5;
    font-size: 43px;
    padding: 0px 0 35px;
    margin: 0;
    font-weight: normal;
    font-family: HelveticaNeueBold;
}

.home-cms-content {
    overflow: hidden;
}

.home-cms-content::before,
.projects-cms-wrapper::before {
    content: '';
    position: absolute;
    right: -170px;
    top: 0;
    height: 100%;
    width: 330px;
    background-image: url(../images/shape_frigo.svg);
    background-repeat: no-repeat;
}

.home-cms-content::after,
.projects-cms-wrapper::after {
    content: '';
    position: absolute;
    left: -190px;
    top: 0;
    height: 100%;
    width: 320px;
    background-image: url('../images/shape_frigo.svg');
    background-repeat: no-repeat;
}

.projects-cms-wrapper::after,
.projects-cms-wrapper::before {
    width: 350px;
}

.projects-list-wrapper {
    background: #020d1d url(../images/projects_background.jpg) center top no-repeat;
}

.projects-cms-wrapper {
    background: #f3f5f8;
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.projects-header {
    text-align: center;
    color: #fff;
    margin-top: -69px;
    position: relative;
    z-index: 11;
}

.projects-header strong {
    font-family: HelveticaNeueBold;
    font-weight: normal;
    font-size: 25px;
    display: inline-grid;
    justify-items: center;
}

.projects-header strong a::after {
    content: "\e907";
    display: block;
    border: solid 1px #fff;
    border-radius: 100%;
    width: 34px;
    height: 34px;
    margin: 0 auto;
    margin-top: 0px;
    font-weight: 300;
    font-family: smdicomoon;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    background: #fff;
    color: #020d1d;
    text-decoration: none;
}

.projects-header strong a {
    height: 34px;
    width: 34px;
    display: inline-block;
    text-decoration: none;
    margin-top: 15px;
}

.projects-footer {
    text-align: center;
    color: #fff;
    padding: 40px 0 40px;
}

.projects-footer a {
    font-family: HelveticaNeueBold;
    font-weight: normal;
    font-size: 25px;
    color: #fff;
    text-decoration: underline;
}

.projects-list {
    padding: 80px 0 0 0;
    color: #fff;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 70px;
    grid-row-gap: 70px;
}

.projects-list p:empty {
    display: none;
}

.project-item {
    border: solid 3px #25508c;
    border-top: 0px;
    position: relative;
    padding: 30px;
    color: #25508c;
    transition: all 0.2s ease-in-out 0.1s;
    -moz-transition: all 0.2s ease-in-out 0.1s;
    -ms-transition: all 0.2s ease-in-out 0.1s;
    -o-transition: all 0.2s ease-in-out 0.1s;
    -webkit-transition: all 0.2s ease-in-out 0.1s;
}

.project-item:first-child,
.project-item.projects-into {
    border: none;
    padding: 0;
    font-size: 33px;
    font-family: HelveticaNeueBold;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    word-spacing: 100vw;
}

.project-item:before {
    content: "";
    width: 10%;
    position: absolute;
    left: 0;
    top: 0;
    height: 3px;
    background: #25508c;
    transition: all 0.2s ease-in-out 0.1s;
    -moz-transition: all 0.2s ease-in-out 0.1s;
    -ms-transition: all 0.2s ease-in-out 0.1s;
    -o-transition: all 0.2s ease-in-out 0.8s;
    -webkit-transition: all 0.2s ease-in-out 0.1s;
}

.project-item:after {
    content: "";
    width: 60%;
    position: absolute;
    right: 0;
    top: 0;
    height: 3px;
    background: #25508c;
    transition: all 0.2s ease-in-out 0.1s;
    -moz-transition: all 0.2s ease-in-out 0.1s;
    -ms-transition: all 0.2s ease-in-out 0.1s;
    -o-transition: all 0.2s ease-in-out 0.1s;
    -webkit-transition: all 0.2s ease-in-out 0.1s;
}

.project-item:first-child:before,
.project-item:first-child:after,
.project-item.projects-into:before,
.project-item.projects-into:after {
    display: none;
}

.project-item h3 {
    font-family: HelveticaNeueBold;
    font-weight: normal;
    font-size: 15px;
    margin-top: 0;
    text-transform: uppercase;
}

.project-item:hover {
    color: #fff;
    border: solid 3px #fff;
    border-top: none;
    cursor: pointer;
}

.project-item.projects-into a {
    color: #fff;
    font-size: 43px;
    font-weight: normal;
    font-family: HelveticaNeueBold;
}

.project-item a {
    text-decoration: none;
    transition: all 0.2s ease-in-out 0.1s;
    -moz-transition: all 0.2s ease-in-out 0.1s;
    -ms-transition: all 0.2s ease-in-out 0.1s;
    -o-transition: all 0.2s ease-in-out 0.1s;
    -webkit-transition: all 0.2s ease-in-out 0.1s;
}

.project-item:hover a {
    color: #fff;
}

.project-item:hover:before,
.project-item:hover:after {
    background: #fff;
}

.project-item h3::before {
    font-family: smdicomoon;
    position: absolute;
    top: -45px;
    font-size: 57px;
    width: 32%;
    text-align: center;
}

.project-item:first-child:hover,
.project-item.projects-into:hover {
    border: none;
}

.project-item.rs-meso h3::before {
    content: "\e911";
}

.project-item.rs-mleko h3::before {
    content: "\e90f";
}

.project-item.rs-riba h3::before {
    content: "\e914";
    top: -27px;
    font-size: 50px;
}

.project-item.rs-voce-povrce h3::before {
    content: "\e90d";
}

.project-item.rs-pekarski-proizvodi h3::before {
    content: "\e910";
    top: -37px;
}

.project-item.rs-klanice h3::before {
    content: "\e913";
}

.project-item.rs-skladista h3::before {
    content: "\e90e";
}

.project-item.rs-testne-komore h3::before {
    content: "\e90b";
}

.page-layout-projects .sidebar-main-ref,
.page-layout-2columns-left .sidebar-main {
    width: 26.273333%;
    float: left;
}

.page-layout-projects .main-ref,
.page-layout-2columns-left .column.main {
    width: 73.726666%;
    float: right;
}

.page-layout-projects .sidebar-main-ref {
    padding-right: 2%;
}

.page-layout-projects .main-ref {
    padding-left: 2%;
    padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    .page-layout-projects .main-ref {
        width: 100%;
    }

    .page-layout-projects .sidebar-main-ref {
        width: 100%;
        clear: both;
    }
}

.projects-reference-title {
    margin: 40px 0;
    display: block;
    text-align: center;
    border: dotted 1px;
    font-family: 'HelveticaNeueRoman';
    padding: 10px 0;
    font-weight: normal;
}

.projects-reference-title h2 {
    font-size: 40px;
    margin: 0;
}

.projects-reference {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1220px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.lof-gallery-slibar .gallery-title {
    border: none;
    padding: 7px 10px 7px 10px;
    background-color: transparent;
    color: #636363;
    text-transform: uppercase;
}

.lof-gallery-slibar {
    border: none;
}

.lof-gallery-slibar .gallery-title {
    font-family: 'HelveticaNeueRoman';
    font-size: 22px;
    letter-spacing: 0.05em;
    color: #041329;
    padding-bottom: 15px;
}

.lof-gallery-slibar .gallery-title strong {
    font-weight: normal;
    border-bottom: dotted 1px;
}

.lof-gallery-slibar .gallery-content {
    font-family: 'HelveticaNeueRoman';
}

.lof-gallery-slibar .gallery-content .block-cats li {
    margin-bottom: 4px;
}

.lof-gallery-slibar .gallery-content a {
    color: #041329;
    font-size: 16px;
}

.lof-gallery-slibar .gallery-content a:hover {
    color: #0078ff;
    text-decoration: none;
}

.lof-gallery-slibar .gallery-content a:before {
    content: ">";
    display: inline-block;
    padding-right: 2px;
}

.lof-gallery .gallery_content a.fancybox-button {
    display: block;
    border-left: solid 5px #0078ff;
    padding: 0 !important;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .4);
    margin-bottom: 15px;
    max-height: 190px;
    overflow: hidden;
}

.lof-gallery .gallery_content .row {
    padding-bottom: 25px;
}

.lof-gallery .gallery_content a.banner-link {
    font-family: 'HelveticaNeueRoman';
    color: #041329 !important;
    font-size: 15px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
}

.lofgallery-category-bannercategory .page-main>.page-title-wrapper .page-title,
.lofgallery-category-bannergrid .page-main>.page-title-wrapper .page-title,
.catalog-category-view .page-title-wrapper .page-title {
    display: block;
    text-align: center;
    border: dotted 1px;
    font-family: 'HelveticaNeueRoman';
    padding: 10px 0;
    font-weight: normal;
}

.catalog-category-view .page-title-wrapper .page-title {
    font-size: 25px;
}

.map-container iframe {
    display: block;
}

.toolbar select {
    background-color: transparent;
    box-shadow: none;
    border-radius: 3px;
    border: none;
}

.filter .block-subtitle {
    display: none;
}

.filter-options-title::after {
    display: none;
}

.filter-options-title {
    display: inline-block;
    border-bottom: dotted 1px;
    padding: 10px 0px 0 0px;
    font-family: 'HelveticaNeueRoman';
    font-size: 21px;
    font-weight: normal;
}

.filter-options-content {
    margin: 0 0 25px 0;
    padding: 0;
}

.smd-layered-categories {
    margin-bottom: 25px;
}

.filter-content .item,
.smd-layered-categories .item {
    margin: 5px 0;
    font-family: 'HelveticaNeueRoman';
    font-size: 15px;
}

.smd-layered-categories .item {
    padding-left: 25px;
}

.smd-layered-categories .item.currentCat {
    padding-left: 15px;
    font-weight: 700;
    color: #0078ff;
}

.smd-category-back_menu.backMenu {
    padding: 0;
    list-style: none;
    padding-top: 12px;
    font-family: 'HelveticaNeueRoman';
    font-size: 15px;
    margin-bottom: 0;
}

.smd-category-back_menu.backMenu li {
    margin-bottom: 0;
}

.smd-category-back_menu.backMenu a {
    color: #494949;
}

.smd-category-back_menu.backMenu a:before {
    content: "<";
    margin-right: 4px;
}

.smd-category-back_menu.backMenu a:hover {
    text-decoration: none;
    color: #0078ff;
}

.filter-options-content a,
.smd-layered-categories a {
    color: #494949;
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 7px;
}

.smd-layered-categories a:hover {
    text-decoration: none;
    color: #0078ff;
}

.filter-options-content a:before,
.smd-layered-categories a:before {
    content: ">";
}

.am-show-more::before {
    content: "" !important;
}

.smd-layered-categories a:before {
    margin-right: 4px;
}

.filter-options-content a:hover {
    background-color: transparent;
    color: #0078ff;
}

.page-products .products-grid .product-item {
    margin-left: 1%;
    padding: 5px;
    width: calc((100% - 2%)/3);
}

.page-products .products-grid .product-item:nth-child(4n+1) {
    margin-left: 1%;
}

.page-products .products-grid .product-item:nth-child(3n+1) {
    margin-left: 0;
}

.products-grid .product-item-info:hover,
.products-grid .product-item-info.active {
    background: #fff;
    box-shadow: none;
    border: 0px solid #bbb;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 9;
}

.page-products .product-item-info {
    width: 100%;
}

.products-grid .product-item-info:hover .product-item-inner,
.products-grid .product-item-info.active .product-item-inner {
    display: none;
}

.products-grid .product-item-info a {
    display: block;
    text-align: center;
    margin-bottom: 0px;
}

.products-grid .product-item-info a.product-item-photo {
    /* border-left: solid 5px #0078ff; */
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .3);
    margin-bottom: 20px;
}

.products-grid .product-item-info a.product-item-link {
    font-family: 'HelveticaNeueRoman';
    font-size: 15px;
}

.product-item .price-box {
    margin: 0px 0 25px;
    text-align: center;
}

.product-item .price-box .price {
    font-weight: 600;
    white-space: nowrap;
    font-family: 'HelveticaNeueRoman';
    color: #13436c;
}

.products.wrapper~.toolbar .pages {
    width: 100%;
}

.pages .items {
    display: block;
    text-align: center;
}

.pages strong.page {
    background: #0078ff;
    display: inline-block;
    line-height: 1;
    padding: 10px 12px;
    color: #fff;
    font-size: 1.4rem;
}

.pages a.page {
    color: #006bb4;
    display: inline-block;
    line-height: 1;
    padding: 10px 12px;
    color: #0078ff;
    font-size: 1.4rem;
}

.pages .action {
    background: #f4f3f3;
    border: 0px solid #ccc;
    color: #006bb4;
    box-shadow: none;
    border-radius: 0px;
    padding: 0 8px;
}

.pages .action.next::before {
    color: #0078ff;
}

.page-layout-1column .product.media {
    width: 45%;
}

.page-layout-1column .product-info-main {
    width: 52%;
}

.product-info-main .page-title-wrapper h1 {
    font-family: 'HelveticaNeueRoman';
    color: #13436c;
}

.product-info-price .price-box .price-container .price {
    font-family: 'HelveticaNeueRoman';
    color: #13436c;
}

.product-social-links .action.towishlist::before,
.block-bundle-summary .action.towishlist::before,
.product-item .action.towishlist::before,
.table-comparison .action.towishlist::before {
    content: '\e600';
    color: #036197;
}

.product-add-form .box-tocart>.fieldset {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-add-form .box-tocart>.fieldset .actions {
    width: 70%;
}

.product-add-form .box-tocart>.fieldset .field.qty {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0
}

.product-add-form .box-tocart>.fieldset .field.qty .label {
    margin: 0 15px 0 0;
}

.box-tocart .action.tocart:not(:last-child) {
    margin-bottom: 0;
}

/* fix for buy now button */
@media screen and (max-width: 1440px) {
    .box-tocart .action.tocart:not(:last-child) {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .sparsh-buynow-view #product-sparsh-buynow-button {
        width: 100%;
    }
}

.product.data.items>.item.title>.switch {
    color: #fffdfd;
    text-decoration: none;
    background: #017ec5;
    border: 1px solid #017ec5;
}

.product.data.items .item.title.active>.switch {
    border: 1px solid #017ec5;
    border-bottom: 1px solid #fff;
    color: #0c6395;
    background: #fff;
}

.product.data.items>.item.title {
    margin: 0 1px 0 0;
}

.product.data.items>.item.content {
    background: #fff;
    margin-top: 39px;
    padding: 35px 35px 35px 35px;
    border: 1px solid #017ec5;
}

.product.data.items>.item.title:not(.disabled)>.switch:focus,
.product.data.items>.item.title:not(.disabled)>.switch:hover,
.product.data.items>.item.title:not(.active)>.switch:hover {
    background: #fff;
    color: #04669d;
}

.product.data.items>.item.title:not(.disabled)>.switch:hover {
    background: #04669d;
    color: #fff;
}

.product-reviews-summary .reviews-actions .action.add {
    white-space: nowrap;
    display: none;
}

.product-info-main .product-info-price {
    margin-top: 40px;
}

.product.data.items>.item.title>.switch:visited {
    color: #fff;
    text-decoration: none;
}

.product.data.items>.item.title>.switch {
    color: #fffdfd;
    text-decoration: none;
    background: #017ec5;
    border: 1px solid #066ca6;
}

.minicart-wrapper .action.showcart .counter.qty {
    background: #e31717;
    color: #fff;
    height: 24px;
    line-height: 24px;
    border-radius: 100%;
    display: inline-block;
    margin: 3px 0 0;
    min-width: 24px;
    overflow: hidden;
    padding: 0 3px;
    text-align: center;
    white-space: normal;
    position: absolute;
    top: -10px;
    right: -6px;
}

.top-slide-item .projekti-slika,
.top-slide-item .paneli-slika,
.top-slide-item .home-slika {
    min-height: 795px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
}

.top-slide-item .about-slika {
    width: 100%;
    max-height: 795px;
    object-fit: cover;
}

.cms-o-nama {
    background-color: #f3f5f8;
}

.top-slide-item .projekti-slika {
    background-position: center;
}

.top-slide-item .home-slika {
    background-position: center;
}

/* Custom Web Shop Categorija */
.category-web-shop .page-title-wrapper .page-title {
    display: none;
}

.category-web-shop #maincontent .columns .main {
    padding-top: 0;
}

body:not(.cms-index-index):not(.page-layout-projects):not(.page-layout-panel_centar):not(.page-layout-about).category-web-shop .page-wrapper header.page-header {
    background: transparent;
}

.category-web-shop .page-wrapper {
    background: #020d1d url(../images/projects_background.jpg) center top no-repeat;
}

.category-web-shop .web-shop-wrapper .web-shop-text {
    color: #fff;
    text-align: center;
}

.category-web-shop .web-shop-wrapper .web-shop-text h2 {
    font-family: HelveticaNeueBold;
    font-size: 37px;
    color: #fff;
}

.category-web-shop .web-shop-wrapper .web-shop-text p {
    font-size: 26px;
}

.category-web-shop .web-shop-wrapper ul li {
    padding: 0;
    margin: 0;
    line-height: 0;
    position: relative;
    background-color: #1e2c41;
    min-height: 280px;
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-in-out;
}

.category-web-shop .web-shop-wrapper ul li:hover {
    transform: scale(1.1);
}

.category-web-shop .web-shop-wrapper ul li::before {
    content: '';
    background: #009ce0;
    height: 75px;
    width: 15px;
    top: 25px;
    left: 0;
    position: absolute;
}

.category-web-shop .web-shop-wrapper ul li:nth-child(2):before {
    background: #9e0b0f;
}

.category-web-shop .web-shop-wrapper ul li:nth-child(3):before {
    background: #f26522;
}

.category-web-shop .web-shop-wrapper ul li:nth-child(4):before {
    background: #f0e539;
}

.category-web-shop .web-shop-wrapper ul li:nth-child(5):before {
    background: #39b54a;
}

.category-web-shop .web-shop-wrapper ul li:nth-child(6):before {
    background: #832990;
}

.category-web-shop .web-shop-wrapper ul li:nth-child(7):before {
    background: #998675;
}

.category-web-shop .web-shop-wrapper ul li:nth-child(8):before {
    background: #43469d;
}

.category-web-shop .web-shop-wrapper ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
    color: #fff;
    text-decoration: none;
}

.category-web-shop .web-shop-wrapper ul li a h2 {
    font-family: HelveticaNeueBold;
    font-size: 20px;
    margin-bottom: 0;
}

.category-web-shop .web-shop-wrapper ul li a h2 span {
    font-family: 'HelveticaNeueRoman';
    font-size: 18px;
    display: block;
}

.category-web-shop .web-shop-wrapper ul {
    padding: 0;
    padding-top: 60px;
    margin: 0;
    list-style: none;
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    text-align: center;
    align-items: center;
    justify-items: center;
}

.category-web-shop .web-shop-wrapper ul li a img {
    max-height: 160px;
    height: 100%;
    padding: 0 20px;
}

/* Stubici u kategorijama */
.products-grid.color-oprema-rashladnih-sistema .product-item-info a.product-item-photo,
.products-grid.parent-color-oprema-rashladnih-sistema .product-item-info a.product-item-photo {
    /* border-left: solid 5px #009ce0; */
}

.products-grid.color-oprema-rashladnih-komora .product-item-info a.product-item-photo,
.products-grid.parent-color-oprema-rashladnih-komora .product-item-info a.product-item-photo {
    /* border-left: solid 5px #9e0b0f; */
}

.products-grid.color-oprema-rashladnih-vitrina .product-item-info a.product-item-photo,
.products-grid.parent-color-oprema-rashladnih-vitrina .product-item-info a.product-item-photo {
    /* border-left: solid 5px #f26522; */
}

.products-grid.color-program-klima-uredjaja .product-item-info a.product-item-photo,
.products-grid.parent-color-program-klima-uredjaja .product-item-info a.product-item-photo {
    /* border-left: solid 5px #f0e539; */
}

.products-grid.color-program-auto-klima .product-item-info a.product-item-photo,
.products-grid.parent-color-program-auto-klima .product-item-info a.product-item-photo {
    /* border-left: solid 5px #39b54a; */
}

.products-grid.color-program-nofrost .product-item-info a.product-item-photo,
.products-grid.parent-color-program-nofrost .product-item-info a.product-item-photo {
    /* border-left: solid 5px #832990; */
}

.products-grid.color-program-ledomata .product-item-info a.product-item-photo,
.products-grid.parent-color-program-ledomata .product-item-info a.product-item-photo {
    /* border-left: solid 5px #998675; */
}

.products-grid.color-alati .product-item-info a.product-item-photo,
.products-grid.parent-color-alati .product-item-info a.product-item-photo {
    /* border-left: solid 5px #43469d; */
}

/* Contact Page */
.contact-index-index #maincontent {
    padding-top: 20px;
    font-family: 'HelveticaNeueRoman';
}

.contact-index-index .columns .main {
    display: flex;
}

.contact-index-index .info-container {
    width: 50%;
    padding-left: 30px;
    margin-top: 32px;
}

.contact-index-index .info-container .kontakt-info {
    border: 3px solid #c2c2c2;
    padding: 20px;
}

.contact-index-index .info-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.contact-index-index .info-container ul strong {
    font-family: 'HelveticaNeueRoman';
    font-size: 18px;
    border-bottom: 0;
    width: auto;
    display: inline-block;
    padding-bottom: 6px;
    margin-right: 10px;
}

.contact-index-index .info-container ul li {
    color: black;
    font-family: 'HelveticaNeueRoman';
    font-size: 14px;
    padding-top: 10px;
    border-bottom: 1px solid #c5c5c5;
}

.contact-index-index .info-container ul li a {
    color: black;
    transition: all 0.2s ease-in-out;
    font-family: 'HelveticaNeueRoman';
    font-size: 16px;
}

.fieldset>.legend {
    margin: 0 0 10px;
}

.fieldset>.legend span {
    font-weight: bold;
}

.contact-index-index .column:not(.sidebar-additional) .form.contact {
    min-width: unset;
}

.block-collapsible-nav .item.current a,
.block-collapsible-nav .item.current>strong {
    border-color: #006eff;
}

button:not(.primary),
.abs-discount-block .actions-toolbar .action.primary:not(:focus),
.abs-discount-block .actions-toolbar .action.cancel:not(:focus),
.block-compare .action.primary:not(:focus),
.cart-summary .block .actions-toolbar>.primary .action.primary:not(:focus),
.abs-discount-code .form-discount .actions-toolbar .primary .action:not(:focus),
.cart-summary .form.giftregistry .fieldset .action.primary:not(:focus),
.paypal-review-discount .actions-toolbar .action.primary:not(:focus),
.paypal-review-discount .actions-toolbar .action.cancel:not(:focus),
.cart-discount .actions-toolbar .action.primary:not(:focus),
.cart-discount .actions-toolbar .action.cancel:not(:focus),
.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:not(:focus) {
    box-shadow: none;
    background: #006eff;
    border: 1px solid #006eff;
    color: #fff;
    cursor: pointer;
    font-family: 'HelveticaNeueRoman';
    font-weight: 600;
}

.mark,
mark {
    background-color: transparent;
}

#discount-coupon-form input[type="text"] {
    height: 48px;
}

.paypal-review .table-paypal-review-items .col.price .price-including-tax,
.paypal-review .table-paypal-review-items .col.price .price-excluding-tax,
.paypal-review .table-paypal-review-items .col.subtotal .price-including-tax,
.paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax,
.cart.table-wrapper .col.price .price-including-tax,
.cart.table-wrapper .col.price .price-excluding-tax,
.cart.table-wrapper .col.subtotal .price-including-tax,
.cart.table-wrapper .col.subtotal .price-excluding-tax,
.cart.table-wrapper .col.msrp .price-including-tax,
.cart.table-wrapper .col.msrp .price-excluding-tax,
.order-details-items .col.price .price-including-tax,
.order-details-items .col.price .price-excluding-tax,
.order-details-items .col.subtotal .price-including-tax,
.order-details-items .col.subtotal .price-excluding-tax {
    color: #000;
}

.opc-progress-bar-item._active:before,
.opc-progress-bar-item._active>span:before {
    border-color: #006eff;
    background: #006eff;
}

.opc-progress-bar-item._active>span:after {
    border-color: #006eff;
}

.products-grid.wishlist .product-item-info:hover .product-item-inner {
    display: block;
    position: absolute;
    top: 0;
    background: transparent;
    box-shadow: none;
    border: none;
}

.products-grid.wishlist .box-tocart,
.products-grid.wishlist .product-item .fieldset {
    margin-bottom: 0px;
}

.products-grid.wishlist .product-item-actions {
    margin: 5px 0 0;
}

.minicart-items .product-item-details {
    padding-left: 109px;
}

.panel-centar-tab-content .tabs-content-item img {
    padding: 0;
    width: 50%;
}

.katalog-list a {
    font-size: 20px;
    font-family: 'HelveticaNeueRoman';
}

/*** FORM ***/
.projects-custom-form {
    background: #ecf0f6;
    padding: 50px 0;
}

/*** PRICE TABLE ***/

#prices {
    border-collapse: collapse;
    width: 100%;
}

#prices td,
#prices th {
    border: 1px solid #ddd;
    padding: 8px;
}

#prices tr:nth-child(even) {
    background-color: #f2f2f2;
}

#prices tr:hover {
    background-color: #ddd;
}

#prices th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #13436c;
    color: white;
}

#prices tr td:not(:first-child) {
    text-align: center;
}

#prices tr.first th:first-child {
    text-align: left;
}

.product_desc {
    padding-bottom: 15px;
}

/*** PROJECTS FORM ***/
.projects-custom-form h4 {
    color: #017ec5;
    font-size: 43px;
    padding: 0px 0 35px;
    margin: 0;
    font-weight: normal;
    font-family: HelveticaNeueBold;
}

.projects-custom-form p {
    font-size: 16px;
    color: #000;
}

.projects_form .fieldset .field {
    margin: 0 0 20px;
    display: inline-block;
}

.contentInner.contactLine {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.contentInner.contactLine h4 {
    font-size: 32px;
    padding-bottom: 15px;
    color: #017ec5;
    font-family: HelveticaNeueBold;
}

.contentInner.contactLine a {
    font-size: 22px;
}

/* Jquery Multibox Style  Start */

.multi-select-container {
    position: relative;
}

.multi-select-menu {
    position: absolute;
    left: 0;
    top: 0.8em;
    z-index: 1;
    float: left;
    min-width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: none;
}

.multi-select-menuitem {
    display: block;
    font-size: 0.875em;
    padding: 0.6em 1em 0.6em 30px;
    white-space: nowrap;
}

.multi-select-menuitem--titled:before {
    display: block;
    font-weight: bold;
    content: attr(data-group-title);
    margin: 0 0 0.25em -20px;
}

.multi-select-menuitem--titledsr:before {
    display: block;
    font-weight: bold;
    content: attr(data-group-title);
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.multi-select-menuitem+.multi-select-menuitem {
    padding-top: 0;
}

.multi-select-presets {
    border-bottom: 1px solid #ddd;
}

.multi-select-menuitem input {
    margin-top: 0.25em;
    margin-left: -20px;
}

.multi-select-button {
    display: inherit;
    background: #fff url(../images/select-bg.svg) no-repeat 100% 45%;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 1px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 32px;
    line-height: 1.42857143;
    padding: 4px 25px 5px 10px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
}

.multi-select-container--open .multi-select-menu {
    display: block;
}

.multi-select-container--open .multi-select-button:after {
    border-width: 0 0.4em 0.4em 0.4em;
    border-color: transparent transparent #999 transparent;
}

.multi-select-container--positioned .multi-select-menu {
    /* Avoid border/padding on menu messing with JavaScript width calculation */
    box-sizing: border-box;
}

.multi-select-container--positioned .multi-select-menu label {
    /* Allow labels to line wrap when menu is artificially narrowed */
    white-space: normal;
}

/* Jquery Multibox Style End */

.logo img {
    width: 200px;
}

/* Owl Carousel on Product Page */

.page-wrapper .products-related .product-item {
    width: 100%;
}

.page-wrapper .products-related .product-item-info {
    max-width: 100%;
    width: 95%;
}

.page-wrapper .products-related .product-item-actions {
    display: none;
}

.page-wrapper .owl-carousel .owl-nav .fa::before {
    font-size: 30px;
    color: #0078ff;
    opacity: 1;
}

.page-wrapper .owl-carousel .owl-nav .fa:hover:before {
    opacity: 0.8;
}

.page-wrapper .owl-carousel .owl-nav button.owl-next,
.page-wrapper .owl-carousel .owl-nav button.owl-prev,
.page-wrapper .owl-carousel button.owl-dot {
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent !important;
    opacity: 1;
}

.page-header .nav-sections.scrolled {
    position: fixed;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1180px;
    width: 100%;
    z-index: 999;
}

.page-header .nav-sections.scrolled::before {
    content: '';
    left: -1000%;
    top: 0;
    position: absolute;
    background: url(../images/footer-bg.jpg) center top no-repeat;
    background-color: #020d1d;
    width: 2000%;
    height: 100%;
}

/* to hide grecaptcha badge on mobile */
@media screen and (max-width: 1024px) {
    .grecaptcha-badge {
        visibility: hidden;
        opacity: 0;
    }
}

/* Panel Centar */

.panel_center-cms-content .panel-start-line {
    margin: 0 auto;
    padding: 100px 0px;
    font-size: 26px;
}

.cms-page-view .panel-box-wrapper {
    position: relative;
}

.cms-panel-centar .panel-box-wrapper {
    padding-bottom: 170px;
}

.cms-panel-centar .panel-box-wrapper::before {
    content: '';
    top: 425px;
    position: absolute;
    left: calc(-60% - 172px);
    height: 80%;
    width: 120%;
    background-color: #f3f5f8;
}

.cms-page-view .panel-box-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cms-page-view .panel-box-wrapper ul li {
    margin: 0;
    padding: 0;
    display: flex;
    padding-bottom: 100px;
    position: relative;
}

.cms-page-view .panel-box-wrapper ul.rashladni-tip {
    padding-top: 10px;
    width: 100%;
}

.cms-page-view .panel-box-wrapper ul.rashladni-tip li {
    padding-bottom: 5px;
    font-size: 16px;
}

.cms-page-view .panel-box-wrapper ul.rashladni-tip li:last-child {
    padding-bottom: 0px;
}

.cms-page-view .panel-box-wrapper ul li div {
    position: absolute;
    z-index: 1;
    padding: 0 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: 0;
}

body .breadcrumbs {
    margin: 10px auto 5px;
}

.cms-page-view .panel-box-wrapper ul li.odd div {
    width: 760px;
    height: auto;
    padding: 30px 40px;
    right: -115px;
}

.cms-page-view .panel-box-wrapper ul li.even div {
    width: 720px;
    height: auto;
    padding: 30px 40px;
    left: -185px;
}

.cms-page-view .panel-box-wrapper ul li.odd div {
    background-color: #ffffff;
}

.cms-page-view .panel-box-wrapper ul li.even div {
    background-color: #f3f5f8;
}

.cms-page-view .panel-box-wrapper ul li:last-child {
    padding-bottom: 200px;
}

.cms-page-view .panel-box-wrapper ul li.odd img {
    position: relative;
    right: 185px;
}

.cms-page-view .panel-box-wrapper ul li.even img {
    position: relative;
    left: 430px;
}

.cms-page-view .panel-box-wrapper ul li h3,
.cms-page-view .panel-box-wrapper ul li h2 {
    margin-top: 0;
    font-size: 30px;
    color: #017ec5;
    font-weight: normal;
    font-family: HelveticaNeueBold;
    width: 100%;
}

.cms-page-view .panel-box-wrapper ul li p {
    font-size: 20px;
    margin-bottom: 0;
    text-align: left;
    width: 100%;
}

.page-wrapper .panel_center-cms-content {
    background-color: #ffffff;
}

.page-wrapper .panel_center-cms-content .vrste_porfilacija ul,
.page-wrapper .panel_center-cms-content .krovni_paneli ul,
.page-wrapper .panel_center-cms-content .krovni_paneli_spoj ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 65px;
}

.page-wrapper .panel_center-cms-content .vrste_porfilacija ul li,
.page-wrapper .panel_center-cms-content .krovni_paneli ul li,
.page-wrapper .panel_center-cms-content .krovni_paneli_spoj ul li {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem;
    flex-direction: column;
}

.page-wrapper .panel_center-cms-content .vrste_porfilacija ul li p,
.page-wrapper .panel_center-cms-content .krovni_paneli ul li p,
.page-wrapper .panel_center-cms-content .krovni_paneli_spoj ul li p {
    font-size: 26px;
    margin-top: 25px;
    margin-bottom: 0;
}

.page-wrapper .panel_center-cms-content .vrste_porfilacija ul li img,
.page-wrapper .panel_center-cms-content .krovni_paneli ul li img,
.page-wrapper .panel_center-cms-content .krovni_paneli_spoj ul li img {
    box-shadow: 4px 5px 12.48px 0.52px rgba(0, 0, 0, 0.35);
    text-shadow: 4px 5px 12.48px rgba(0, 0, 0, 0.35);
}

.page-wrapper .panel_center-cms-content .vrste_porfilacija ul li,
.page-wrapper .panel_center-cms-content .krovni_paneli ul li {
    width: 33.3%;
}

.page-wrapper .panel_center-cms-content .krovni_paneli_spoj ul li {
    width: 50%;
}

.page-wrapper .panel_center-cms-content .krovni_paneli_spoj ul {
    max-width: 1000px;
    margin: 0 auto;
}

.page-wrapper .panel_center-cms-content .vrste_porfilacija h3,
.page-wrapper .panel_center-cms-content .krovni_paneli h3,
.page-wrapper .panel_center-cms-content .krovni_paneli_spoj h3,
.page-wrapper .panel_center-cms-content .vrste_porfilacija h2,
.page-wrapper .panel_center-cms-content .krovni_paneli h2,
.page-wrapper .panel_center-cms-content .krovni_paneli_spoj h2 {
    margin-top: 0;
    font-size: 30px;
    color: #017ec5;
    font-weight: normal;
    font-family: HelveticaNeueBold;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 25px;
}

/* Panell Accordian start */

.page-wrapper .panel_center-cms-content .panel-text-wrapper {
    max-width: 1015px;
    margin: 0 auto;
    padding-left: 30px;
    list-style: none;
    padding-left: 0;
}

.page-wrapper .panel_center-cms-content .panel-text-wrapper .toggle_wrapper {
    cursor: pointer;
    color: #017ec5;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    transition: all 0.3s ease;
    width: 100%;
}

.page-wrapper .panel_center-cms-content .panel-text-wrapper li {
    border: 1px solid #017ec5;
}

.page-wrapper .panel_center-cms-content .panel-text-wrapper .toggle_wrapper .toggle {
    font-size: 26px;
}

.page-wrapper .panel_center-cms-content .panel-text-wrapper .toggle_wrapper i {
    font-size: 26px;
}

.page-wrapper .panel_center-cms-content .panel-text-wrapper p {
    font-size: 20px;
    padding: 15px;
    overflow: hidden;
    display: none;
}

/* Panell Accordian End 1024px */

@media screen and (max-width: 1660px) {
    .cms-page-view .panel-box-wrapper ul li.odd img {
        position: relative;
        right: 0;
    }

    .cms-page-view .panel-box-wrapper ul li.even img {
        left: 275px;
    }

    .cms-page-view .panel-box-wrapper ul li.odd div {
        width: 645px;
        height: auto;
        padding: 30px 40px;
        right: 0;
    }

    .cms-page-view .panel-box-wrapper ul li.even div {
        width: 645px;
        height: auto;
        padding: 30px 40px;
        left: 0;
    }
}

@media screen and (max-width: 1240px) {

    .cms-page-view .panel-box-wrapper ul li.odd div,
    .cms-page-view .panel-box-wrapper ul li.even div {
        position: relative;
        width: 100%;
        padding: 40px 30px;
        height: 100%;
        background-color: #f3f5f8;
    }

    .cms-page-view .panel-box-wrapper ul li {
        flex-direction: column;
        padding-bottom: 30px;
    }

    .cms-page-view .panel-box-wrapper ul li.even {
        flex-direction: column-reverse;
    }

    .cms-page-view .panel-box-wrapper ul li.even img {
        left: 0px;
    }

    .cms-page-view .panel-box-wrapper::before {
        display: none;
    }

    .cms-page-view .panel-box-wrapper ul li:last-child {
        padding-bottom: 0px;
    }

    .cms-page-view .panel-box-wrapper {
        padding-bottom: 60px;
    }

    .page-wrapper .panel_center-cms-content .vrste_porfilacija ul,
    .page-wrapper .panel_center-cms-content .krovni_paneli ul,
    .page-wrapper .panel_center-cms-content .krovni_paneli_spoj ul {
        padding-bottom: 45px;
    }

    .panel_center-cms-content .panel-start-line {
        padding: 40px 0px;
        font-size: 24px;
    }
}

@media screen and (max-width: 767px) {

    .home-cms-content,
    .panel_center-cms-content {
        padding: 0px 0 60px;
    }

    .page-wrapper .panel_center-cms-content .vrste_porfilacija ul li,
    .page-wrapper .panel_center-cms-content .krovni_paneli ul li {
        width: 50%;
    }

    .page-wrapper .panel_center-cms-content .vrste_porfilacija ul,
    .page-wrapper .panel_center-cms-content .krovni_paneli ul,
    .page-wrapper .panel_center-cms-content .krovni_paneli_spoj ul {
        justify-content: center;
    }

    .page-wrapper .panel_center-cms-content .vrste_porfilacija ul,
    .page-wrapper .panel_center-cms-content .krovni_paneli ul,
    .page-wrapper .panel_center-cms-content .krovni_paneli_spoj ul {
        padding-bottom: 20px;
    }

    .page-wrapper .panel_center-cms-content .vrste_porfilacija ul li p,
    .page-wrapper .panel_center-cms-content .krovni_paneli ul li p,
    .page-wrapper .panel_center-cms-content .krovni_paneli_spoj ul li p {
        font-size: 20px;
        margin-top: 15px;
        margin-bottom: 0;
    }

    .page-wrapper .panel_center-cms-content .vrste_porfilacija h3,
    .page-wrapper .panel_center-cms-content .krovni_paneli h3,
    .page-wrapper .panel_center-cms-content .krovni_paneli_spoj h3,
    .page-wrapper .panel_center-cms-content .vrste_porfilacija h2,
    .page-wrapper .panel_center-cms-content .krovni_paneli h2,
    .page-wrapper .panel_center-cms-content .krovni_paneli_spoj h2 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .page-wrapper .panel_center-cms-content .panel-text-wrapper p,
    .cms-page-view .panel-box-wrapper ul li p {
        font-size: 18px;
    }

    .panel_center-cms-content .panel-start-line {
        padding: 30px 0px;
        font-size: 20px;
    }
}

@media screen and (max-width: 640px) {

    .cms-page-view .panel-box-wrapper ul li.odd div,
    .cms-page-view .panel-box-wrapper ul li.even div {
        padding: 20px;
    }

    .cms-page-view .panel-box-wrapper {
        padding-bottom: 30px;
    }

    .page-wrapper .panel_center-cms-content .panel-text-wrapper {
        padding-left: 0px;
    }

    .page-wrapper .panel_center-cms-content .vrste_porfilacija ul li,
    .page-wrapper .panel_center-cms-content .krovni_paneli ul li,
    .page-wrapper .panel_center-cms-content .krovni_paneli_spoj ul li {
        width: 100%;
    }

    .panel_center-cms-content .panel-start-line {
        padding: 20px 0px;
        font-size: 18px;
    }
}

.header-top {
    width: 100%;
    text-align: right;
    color: white;
}

@media screen and (min-width: 1024px) {
    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-column.-main {
        float: left;
        width: calc(100% - (380px + 60px));
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-column.-sidebar {
        float: right;
        width: 380px;
        transition: all .3s ease;
    }

    .amcheckout-main-container.-layout-2columns .amcheckout-column:not(:first-of-type) {
        margin-top: 0;
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container .amcheckout-summary-container,
    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container .amcheckout-summary-container .amcheckout-title,
    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-summary-container,
    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-summary-container .amcheckout-title {
        background: #f9f9f9;
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container.-summary,
    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container.-summary {
        border: 1px solid #d4d4d4;
        background: #fff;
    }

    .amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-summary-container .amcheckout-title {
        background: #eee;
        color: #363636;
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container.-summary>.checkout-payment-method .actions-toolbar,
    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container.-summary>.checkout-payment-method .actions-toolbar {
        padding-bottom: 20px;
        text-align: center;
        background: #f9f9f9;
    }

    .am-checkout.-modern .amcheckout-step-container .action.checkout.amasty {
        float: none;
        text-align: center;
    }
}

.amcheckout-main-container.-modern {
    position: relative;
}

.amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method {
    margin: 0;
}

.items[class*='category_ids']:not(.items-children)>.item>a {
    font-weight: normal;
}