/*------------------------------------------------------------------*\
    20426
    [CONTENTS NBSHOP 5.3.1 - 2017]

     *  HEADER
     ** TOP PART OF A HEADER
     ** HEADER INFO ITEMS
     ** AUTOCOMPLETE BUTTON
     ** AUTOCOMPLETE SEARCH FORM AND RESAULTS - ?? DA VIDIMO KAKO CEMO GA NAZIVATI I RAZDVOJITI KASNIJE
     ** SEARCH FORM
     ** INTRO SLIDER

     *  BREADCRUMBS
     *  GENDER SLIDER
     *  STYLE SLIDER
     *  DOCUMENTATION SLIDER
     *  FEATURED PRODUCTS GRID SLIDER
     *  DELIVERY OPTIONS
     *  SEARCH
     *  PAGINATION
     *  TOGGLE BANNER

     *  FOOTER
     ** FOOTER BACKGROUND
     ** FOOTER BOXES
     ** FOOTER NEWSLETTER
     ** FOOTER COPYRIGHT
     ** FOOTER DISCLAIMER
     ** FOOTER SHOP INFO ITEMS
     ** FOOTER PAYMENTCARD
     ** FOOTER SOCIAL ICONS

     *  HEADLINES
     *  CART SIDEBAR
     *  SIDEBAR INFO
     *  TABLE SIZE GUIDE
     *  TAGS
     *  POSTBOX
     *  COMMENTS
     *  LOCATION SEARCH

     *  SLIDERS
     ** MAIN SLIDER
     ** FULLWIDTH-SLIDER
     ** SHOPPING-SLIDER
     ** FULL-BG
     ** MAIN-SLIDER-BG
     ** ONEITEM-SLIDER
     ** FULLWIDTH-SLIDER
     ** PRODUCT-SLIDER
     ** BRANDS-SLIDER
     ** SMALLIMAGES-SLIDER
     ** CATEGORIES-SLIDER
     ** FULLSCREEN
     ** PROMO-FULLSCREEN
     ** ONLY IMAGE SLIDER
     ** SPORTS SLIDER - LANDING PAGE
     ** SPORT THREE IN ROW
     ** PADDING SLIDER
     ** SPORT CATEGORIES SLIDER
     ** SPORT PNG SLIDER
     ** SPORT IN ROW

     *  NAVIGATIONS
     ** MAIN NAVIGATION
     ***SUBMENU OF A MAIN NAVIGATION
     ***DROPDOWN OF A MAIN NAVIGATION
     ***NAVIGATION THAT APPLIES TO MOBILE DEVICES
     ** TAB NAVIGATION
     ** VERTICAL NAVIGATION
     ** FILLED VERTICAL NAV
     ** VERY SIMPLE NAVIGATION / ONLY LINKS
     ** FIXED NAV

     *  PUSH NOTIFICATION
     *  BRAND LANDING PAGE
     *  BRENDS LIST ABC
     *  PRODUCT ZOOMER
     *  CHAT
     *  STORES
     *  GALLERY OF IMAGES
     *  GALLERY IMAGES AS SLIDER
     *  BANNER
     *  PANEL
     *  PROMOTION LOCATION
     *  TABS
     *  ATTRIBUTES
     *  INTRO ITEM
     *  ASSORTMENT
     *  PROMO JOINING
     *  MINI GALLERY
     *  FILTER ELREMENTS
     *  HEADINGS
     ** HEADINGS WRAPPERS WITH PREPENDED OR APPENED ELREMENTS
     *  LOADER
     *  BACKGROUND AND STLYES RELATED TO DIFFERENT BACKGROUNDS
     *  PROMO ITEM
     *  PAGE
     *  ATRIBUTES
     *  PROFILE
     *  SIDEBAR
     *  MAP LINK
     *  PROMOTION WRAPPER
     *  DESCRIPTION HORIZONTAL
     *  FEATURED ITEMS
     *  SIDEBAR SHOP
     *  COUPONBOX
     *  BACKGROUND IMAGE ACTIVE
     *  SIDEBAR SECURITY
     *  MAP WRAPPER
     *  SUBITEMS GRID WITH POPOVER
     *  SUBITEMS SLIDERS IN TABS

     *  CONTACT
     ** CONTACT INFO
     ** CONTACT PAGE BACKGROUND
     ** CONTACT PAGE SIDEBAR
     ** CONTACT TAHNK YOU PAGE

     *  CATEGORIES LIST
     *  HEADER SEARCH INPUT FIELD WITH BUTTON
     *  COOKIE INFO
     *  VALIDATION MESSAGES
     *  WHEEL OF FORTUNE

    \*------------------------------------------------------------------*/

    /* Header */
    .header{
        position: relative;
        z-index: 1030;
        background: #ffffff;
        border-color: #3973b5;
        min-height: 90px;
    }

    /* header v3 */
    .header.header-v3 .logo {
        text-align: center;
    }

    .header.header-v3 .container .right-content {
        display: inline-block;
        width: 85px;
        float: right;
        position: absolute;
        top: 10px;
        right: 20px;
    }

    .header.header-v3 .nav-main-wrapper {
        text-align: center;
    }

    .header.header-v3 .nav-main-wrapper .nav-main {
        float: none;
        display: inline-block;
        text-align: left;
    }

    .header.header-v3 .autocomplete-button {
        position: absolute;
        top: 0;
        right: 10px;
    }

    /* header v5 */
    .header-wrapper.header-v5 {
        height: 132px; /* Zbir visine logo-a i glavne navigacije*/
        text-align: center;
    }
    .header-v5 .header{
        position: fixed;
        width: 100%;
        background: #4a4b5b;
    }

    .header-v5 .header .header-top{
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .header-v5 .header.fixed .header-top{
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        height: 30px;
    }

    .header-v5 .header-top .menu-lang-wrapper{
        float: left;
    }

    .header-v5 .header .logo{
        padding: 0;
    }

    .header-v5 .header .logo img{
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        max-height: 70px;
        padding: 0;
    }

    .header-v5 .header.fixed .logo img{
        max-height: 30px;
        padding: 5px;
    }

    .header-v5 .autocomplete-button.autocomplete-button-simple,
    .header-v5 .nav-main{
        display: inline-block;
        float: none;
        width: auto;
        vertical-align: top;
        text-align: left;
    }

    /* header witouth header top, all elements in line*/
    .header-inline.header-wrapper {
        height: 72px;
        width: 100%;
        display: block;
    }

    .header-inline .header {
        position: fixed;
        left: 0;
        width: 100%;
        top: 0;
        min-height: 72px;
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }

    .header-inline .header .logo {
        float: left;
    }

    .header-inline .header-fix-holder {
        display: none !important;
    }

    .header-inline .main-4level {
        float: left;
    }

    .header-inline .nav-main-dropdown-wrapper {
        position: fixed;
        left: 0;
    }

    .header-inline .nav-main > li > a {
        padding: 25px 20px;
    }

    .header-inline .right-content {
        float: right;
    }

    .header-inline .user .nav li{
        display: inline-block;
        line-height: 36px;
        padding: 18px 0;
    }
    .header-inline .user .nav li a {
        padding: 0;
    }

    .header-inline .autocomplete-button {
        float: right;
        width: 32px;
        padding: 18px 0;
        display: block;
        line-height: 36px;
        text-align: center;
        height: 72px;
    }

    .header-inline .header-cart {
        padding: 18px 0;
        line-height: 36px;
        min-width: 36px;
    }

    /* Mini cart item */
    .header-cart-item .heading-wrapper .title{
        color: #000000;
    }

    .header-cart-item .heading-wrapper i{
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }

    /* autocomplete text search form */
    .autocomplete-wrapper{
        position: relative;
        width: 100%;
        background: #ffffff;
        z-index: 1000;
        margin-top:0;
        border-top: 1px solid #d9d9d9;
    }

    .autocomplete-wrapper:before {
        content:"";
        position:absolute;
        height:51px;
        width:100%;
        border-bottom:1px solid #d9d9d9;
    }

    .autocomplete-wrapper .container{
        height: 100%;
    }

    .autocomplete{
        border-right: 1px solid #d9d9d9;
        border-left: 1px solid #d9d9d9;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .autocomplete h4{
        border-bottom: 0;
        margin-top: 10px;
        padding:0 10px;
    }

    .autocomplete .product-item{
        margin-bottom: 20px;
    }

    .autocomplete-input{
        line-height: 35px;
        padding: 8px 20px 7px 20px;
        font-size: 1.75rem;
        border: 0;
        width: 100%;
        border-bottom: 1px solid #d9d9d9;
        height: 51px;
    }

    .autocomplete-results{
        padding: 0 10px;
        overflow: auto !important;
        background: #ffffff;
    }

    .autocomplete-results .heading-append{
        padding-top: 10px;
    }

    .autocomplete-results .heading-append > a{
        line-height: 1rem;
    }

    .autocomplete-results .product-title {
        font-size: 1.1rem;
        color: #4a4b5c;
        height: 44px;
        overflow: hidden;
    }

    .autocomplete-results .img-wrapper {
        border: 1px solid #d9d9d9;
    }

    .autocomplete-results .product-code {
        float: right;
    }

    .autocomplete-close{
        position: absolute;
        right: 0;
        top: 0;
        color: #999;
        cursor: pointer;
        padding: 18px;
    }

    .autocomplete-close:hover{
        color: #ffffff;
        background: #3973b5;
    }

    .autocomplete-loader{
        position: absolute;
        z-index: 1001;
        top: 52px;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,.7);
    }

    .autocomplete-fullscreen{
        display: none;
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 10000;
        background: #ffffff;
    }

    /* autocomplete search with button - resailts in one collon*/
    .main-4level-with-search-input .autocomplete-wrapper {
        width: 300px;
        position: absolute;
        top: 10px;
        right: 10px;
        background: transparent;
    }

    .main-4level-with-search-input .autocomplete-wrapper > .container{
        width: 100%;
        padding: 0;
    }

    .main-4level-with-search-input .autocomplete-button{
        background: #ffffff;
        color: #000;
        width: 300px;
        height: 38px;
        margin-top: 10px;
        text-align: left;
    }

    .main-4level-with-search-input .autocomplete-input{
        font-size: 16px;
        line-height: 16px;
        color: #000000;
        padding: 7px 12px;
    }

    .main-4level-with-search-input .autocomplete-button .icon {
        float: right;
        pointer-events: none;
    }

    .main-4level-with-search-input .autocomplete-wrapper:before {
        content: none;
    }

    .main-4level-with-search-input .autocomplete-button:after {
        content: none;
    }

    .main-4level-with-search-input .autocomplete-button .title {
        font-size: 16px;
        line-height: 16px;
        text-transform: none;
        pointer-events: none;
    }

    .main-4level-with-search-input .autocomplete-close {
        padding: 0;
        top: 18px;
        right: 13px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .main-4level-with-search-input .autocomplete-close:hover {
        background: transparent;
        color: #3973B5;
    }

    /* Menu 4 level with wullwidth container */
    .main-4level.main-4level-fullwidth-dropdown > .nav > .container {
        position: static;
    }

    /* Search form - kasnije formu treba ubaciti unutra */
    #search-form {
        margin-bottom:0;
    }

    .search-sugest .atributs-wrapper {
        text-align: center;
    }

    .search-sugest .fixed-delivery-date {
        text-align: center;
        display: none;
    }

    /* Documentation slider */
    .documentation-slider {
        margin:20px 0 40px;
    }

    .documentation-slider .headline {
        font-size: 1.5rem;
    }

    /* category documentation */
    .category.documentation table {
        width: 100%;
        border: 1px solid #dbdbdb;
        border-collapse: collapse;
    }

    .category.documentation table td,
    .category.documentation table th{
        border: 1px solid #dbdbdb;
        padding: 5px;
    }

    .category.documentation p{
        margin: 0;
    }

    /* Inline slider */
    .inline-items .item {
        display: inline-block;
    }

    /* Tab slider */
    .tab-sliders ul.items-wrapper,
    .sliders .tab-items a {
        text-align: center;
    }

    .tab-sliders .tab-items a,
    .tab-sliders .tab-items a img{
        display: block;
        margin: auto;
    }

    /* Pagination */
    .pagination{
        margin-top: 20px;
        margin-bottom: 20px;
        float: none;
        text-align: center;
        display: block;
        position:relative;
        clear:both;
    }

    .pagination:hover {
        z-index:100;
    }

    .pagination > li{
        display: inline-block;
        margin-right: 5px;
    }

    .pagination > li > a{
        padding: 4px 10px;
        min-height: 26px;
        line-height: 26px;
        min-width: 36px;
    }

    .pagination>li>a,
    .pagination>li>span {
        margin-left:0;
    }

    .pagination > li > a:hover{
        background: #f7f7f7;
    }

    .pagination > li.active > a,
    .pagination > li.active > a:hover{
        background: #3973b5;
        color: #ffffff;
    }

    .pagination > li.first,
    .pagination > li.last,
    .pagination > li.next,
    .pagination > li.prev{
        margin-right: 4px;
    }
    .pagination > li.next span{
        display: none;
    }

    .pagination > li.first > a,
    .pagination > li.last > a,
    .pagination > li.next > a,
    .pagination > li.prev > a{
        background: #ffffff;
        color: #d3d4d5;
        padding: 4px 0;
    }

    .pagination > li.first > a:hover,
    .pagination > li.last > a:hover,
    .pagination > li.next > a:hover,
    .pagination > li.prev > a:hover{
        color: #4f5061;
    }

    .pagination > li:first-child > a,
    .pagination > li:last-child > a{
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .pagination>.active>a,
    .pagination>.active>span,
    .pagination>.active>a:hover,
    .pagination>.active>span:hover,
    .pagination>.active>a:focus,
    .pagination>.active>span:focus {
        border: 1px solid #ddd;
    }


    :root{
        --color:#E6E6E6;
        --bcolor:#ffffff;
    }
    /*Widget Countdown*/
    .widget-countdown-slider-wrapper{
        z-index: 99;
    }

    .widget-countdown-slider.active .item.top-left,
    .widget-countdown-slider.active .item{
        left: 0;
    }
    .widget-countdown-slider{
        z-index: 999999;
    }
    .widget-countdown-slider .item.top-left,
    .widget-countdown-slider .item{
        position: fixed;
        top: 200px;
        left: -220px;
        width: 220px;
        border: 1px solid var(--color);
        background: var(--bcolor);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }

    .widget-countdown-slider .item .countdown-wrapper{
        padding: 10px 0 5px;
        text-align: center;
        background: #F7F7F7;
    }
    .widget-countdown-slider .item .item-countdown{
        display: inline-block;
        padding: 0 10px;
        font-size: 16px;
        text-align:center;
        font-weight: 700;
        color: #000000;
    }
    .widget-countdown-slider .item .item-countdown em{
        display: block;
        font-size: 10px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
    }
    .widget-countdown-slider .item .text-wrapper{
        font-size: 12px;
        background: var(--bcolor);
        color: #3F3F3F;
        padding: 10px;
        position: relative;
        text-align: center;
        line-height: 1.2;
        border-bottom: 1px solid #b3b1b1;
    }
    .widget-countdown-slider .close-promo {
        position: absolute;
        top: 5px;
        right: 5px;
        height: 20px;
        width: 20px;
        text-align: center;
        line-height: 20px;
        font-size: 20px;
        color: #000000;
        cursor: pointer;
        opacity: 0;
    }
    .widget-countdown-slider.active .close-promo{
        opacity: 1;
        z-index: 1;
    }
    .widget-countdown-slider .open-promo{
        position: absolute;
        top: 0;
        right: -31px;
        height: 30px;
        width: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 20px;
        color: #ffffff;
        cursor: pointer;
        background: #000000;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .widget-countdown-slider.active .open-promo{
        right: -6px;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    /*Top right*/
    .widget-countdown-slider .item.top-right {
        left: auto;
        right: -220px;
    }
    .widget-countdown-slider.active .item.top-right {
        left: auto;
        right: 10px;
    }
    .widget-countdown-slider .top-right .open-promo{
        right: auto;
        left: -31px;
    }
    .widget-countdown-slider.active .open-promo{
        left: -6px;
        right: auto;
    }

    /*Top right End*/
    /*bottom left*/
    .widget-countdown-slider .item.bottom-left{
        top: auto;
        bottom: 10px;
        z-index: 99;
    }
    .widget-countdown-slider .bottom-left .open-promo{
        left: auto;
        right: -31px;
        z-index: 99;
    }

    /*bottom left End*/

    /*bottom right*/
    .widget-countdown-slider .item.bottom-right{
        top: auto;
        bottom: 10px;
        left: auto;
        right: -220px;
        z-index: 99;
    }
    .widget-countdown-slider.active .item.bottom-right {
        left: auto;
        right: 10px;
        z-index: 99;

    }
    .widget-countdown-slider .bottom-right .open-promo{
        right: auto;
        left: -31px;
    }
    /*bottom right End*/

    /*Widget Countdown End*/


    /* Footer */
    .footer-wrapper{
        position:relative;
        z-index:1;
        background: #4a4b5c;
        color:#ffffff;
        padding-bottom: 10px;
    }

    .hideon-fullscreen.footer-wrapper {
        padding-bottom: 0 !important;
    }

    .footer-wrapper a {
        color:#3683cd;
        font-weight: 300;
        font-size: 14px;
    }

    .footer{
        padding: 50px 0 10px;
        font-size: 14px;
    }

    .footer .heading-wrapper .title {
        font-weight: 400;
    }

    /* Footer collapse */
    .collapse-menu .heading-wrapper .title .icon{
        display: none;
    }

    /* Footer news letter */
    .footer .newsletter .newsletter-form {
        position: relative;
    }
    .footer .newsletter .newsletter-form .alert{
        position: absolute;
        top: 34px;
        left: 0;
        width: 100%;
    }

    .footer .newsletter .newsletter-form .btn-wrapper,
    .footer .newsletter .viber_form .btn-wrapper{
        position: absolute;
        top: 0;
        right: 0;
    }

    .footer .newsletter .nl-wrapper-input{
        position: relative;
    }

    /* Comments */
    .form-comment{
        margin-bottom: 30px;
    }

    .form-comment h4{
        margin-bottom: 30px;
    }

    .form-comment .control-label{
        text-align: left;
    }

    .toggle-button-wrapper {
        float: left;
    }

    .toggle-button-wrapper a.toggle-comment-form {
        padding: 10px 30px;
        border: 1px solid #3973b5;
        display: block;
        margin: 0 10px 10px 0;
    }

    .toggle-button-wrapper a.toggle-comment-form span {
        position: relative;
        color: #ffffff;
        z-index: 1;
        width: 30px;
        text-align: center;
        margin-right: 5px;
    }

    .toggle-button-wrapper a.toggle-comment-form span:after {
        content: "\e645";
        position: absolute;
        top: 70%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-family: 'NBIcon', sans-serif;
        font-size: 33px;
        vertical-align: text-top;
        color: #3973b5;
        z-index: -1;
    }
    .no-comment-notice{
        display: none;
    }

    .comments-two .label-info{
        display: none;
    }
    /* Location search - proveriti na mestima gde nedostaje dodati klasu bloka */
    .location-search-box{
        margin-bottom: 20px;
    }

    .location-search h3.heading-underlined{
        margin-top: 0;
        margin-bottom: 20px;
        text-transform: uppercase;
        font-size: 1.143rem;
    }

    .location-search-inputs{
        margin-bottom: 70px;
    }

    .location-search .product-help-link{
        margin-right: 0;
    }

    .location-search .loader-icon{
        top: 0;
    }

    /* General slider propetis */
    .slider .container{
        position: relative;
    }

    .slider-content{
        position: absolute;
        top: 135px;
        z-index: 50;
        width: 100%;
    }

    .slider-headline{
        color: #ffffff;
        font-size: 60px;
        font-weight: 200;
        line-height: 50px;
        padding: 10px 0;
        margin-bottom: 20px;
        max-width: 80%;
    }

    .slider-description{
        font-size: 1.714rem;
        line-height: 28px;
        font-weight: 600;
        color: #ffffff;
        max-width: 70%;
        margin-bottom: 35px;
    }

    .slider-btn{
        padding: 15px 50px;
    }

    .slider.loaded .slider-item,
    .slider-wrapper.loaded .slider-item{
        opacity: 1;
    }

    .slider .slider-arrows.slider-navigation-top {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 5;
    }

    .slider .slider-arrows.slider-navigation-top .slider-prev {
        position: relative;
        margin-right: 20px;
    }

    .slider .slider-arrows.slider-navigation-top .slider-prev:after {
        content: '/';
        position: absolute;
        top: 2px;
        right: -20px;
        width: 20px;
        text-align: center;
    }

    .slider .slider-arrows.slider-navigation-top .slider-prev .icon,
    .slider .slider-arrows.slider-navigation-top .slider-next .icon {
        font-size: 18px;
    }

    .slider-prev{
        border-right: 0;
    }

    .container-fluid .slider-wrapper {
        padding:0 40px;
    }

    .container-fluid .slider-wrapper:before {
        left:0;
    }

    .container-fluid .slider-wrapper:after {
        right:0;
    }

    .container-fluid .slider-navigation-absolute .slider-prev {
        margin-left: 0;
        padding: 5px 0 0 3px;
    }

    .container-fluid .slider-navigation-absolute .slider-next {
        margin-right:0;
        padding: 5px 3px 0 0;
    }

    .slider-wrapper {
        position:relative;
        padding:0;
    }

    .slider-wrapper:before,
    .slider-wrapper:after {
        content:"";
        position:absolute;
        top:0;
        width:10px;
        height:100%;
        background:#ffffff;
        z-index:100;
    }

    .slider-wrapper:before {
        left:0;
    }

    .slider-wrapper:after {
        right:0;
    }

    .slider-wrapper.slider-wrapper-full,
    .slider-wrapper.slider-wrapper-full .slick-slide {
        padding:0;
    }

    .slider-wrapper.slider-wrapper-full:before,
    .slider-wrapper.slider-wrapper-full:after {
        content: none;
    }

    .slider-wrapper h2{
        margin-bottom: 10px;
    }

    .slider-arrow i {
        font-size:1.75rem;
        color:#515060;
        transition:all 0.15s;
        cursor: pointer;
    }

    .slider-arrow i:active {
        transform: scale(1.125,1.125);
    }

    /* Main slider */
    .main-slider-wrapper .loader-wrapper{
        display: block;
    }

    .main-slider-wrapper.loaded .loader-wrapper{
        display: none;
    }

    .main-slider .cover-bg-wrapper{
        height: 385px;
        width: 100%;
    }

    .main-slider .cover-bg{
        height: 100%;
        background-color: #d9d9d9;
    }

    .slider.main-slider{
        position: relative;
    }

    .slider.main-slider .slider-init {
        margin-bottom: 30px;
    }

    .slider.main-slider .item {
        padding: 0;
    }

    .slider.main-slider .item .img-wrapper .mobile-img {
        display: none;
    }

    .slider.main-slider .item .content {
        position: absolute;
        top: 70%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        -webkit-transition: top 1s;
        -moz-transition: top 1s;
        -ms-transition: top 1s;
        -o-transition: top 1s;
        transition: top 1s;
        width: 90%;
    }

    .slider.main-slider .item .content{
        display: none;
    }

    .slider.main-slider .item.slick-current .content {
        top: 50%;
    }

    .slider.main-slider .item .text-wrapper {
        color: #ffffff;
        text-shadow: 0 0 10px rgba(0,0,0,.25);
    }

    .slider.main-slider .item .text-wrapper .title {
        text-transform: uppercase;
        display: block;
        text-align: center;
        font-size: 35px;
        line-height: 40px;
    }

    .slider.main-slider .item .text-wrapper .description {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        display: block;
    }

    .slider.main-slider .item .text-wrapper .subtitle{
        display: none;
    }

    .slider.main-slider .item .btn-wrapper {
        text-align: center;
        margin-top: 20px;

    }

    .slider.main-slider .item .btn-wrapper .btn-slider {
        background: #3973b5;
        padding: 6px 20px;
    }

    .slider.main-slider .item .btn-wrapper .btn-slider:hover {
        background: #3568a2;
    }

    .slider.main-slider .slider-arrows {
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .slider.main-slider:hover .slider-arrows {
        opacity: 1;
        padding: 15px;
    }

    .slider.main-slider .slider-arrow .slider-prev {
        margin-left: 0;
    }

    .slider.main-slider .slider-arrow .slider-next {
        margin-right: 0;
    }

    .silder.main-slider .slider-arrow i {
        color: #ffffff;
    }

    .slider.main-slider .slick-dots {
        bottom: 0;
    }

    /* oneitem-slider */
    .oneitem-slider .slick-slide {
        padding:0;
    }

    .oneitem-slider img{
        margin-bottom: 0;
    }

    .fullwidth-slider{
        width: 100%;
        overflow: hidden;
    }

    .fullwidth-slider * {
        -webkit-backface-visibility: inherit;
    }

    .fullwidth-slider-item-bg{
        height: 500px;
        width: 100%;
        display: block;
        background-attachment: initial;
    }

    .fullwidth-item {
        margin-bottom:40px;
    }

    /* brands-slider */
    .brands-wrapper .item .brand-name {
        opacity:0;
        transition:all 0.3s;
    }

    .brands-wrapper .item .brand-name i {
        margin-top:3px;
    }

    .brands-wrapper .item:hover .brand-name {
        opacity:0;
    }

    .brands-wrapper .pagination {
        margin-bottom:0;
    }

    .brand-name {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        color: #ffffff;
        padding: 5px;
        background: #3973b5;
    }

    .brand .slider-navigation-absolute .slider-prev ,
    .slides .slider-navigation-absolute .slider-prev {
        margin-left:0;
    }

    .brand .slider-navigation-absolute .slider-next ,
    .slides .slider-navigation-absolute .slider-next {
        margin-right:0;
    }

    /* smallimages-slider */
    .smallimages-slider .slick-list .slick-list[style] {
        width:100% !important;
    }

    .smallimages-slider-img-wrapper{
        height: 60px;
        width: 125px;
        margin: 5px 5px 15px 5px;
    }

    .smallimages-slider-img-wrapper > a{
        text-align: center;
    }

    .smallimages-slider-img-wrapper img{
        width: auto !important;
        max-width: 100%;
        max-height: 60px;
        margin: 0 auto;
    }

    /* Main navigation */
    .nav-main-wrapper{
        background: #3973b5;
        width: 100%;
        position: relative;
    }
    .nav-main-wrapper .close-menu {
        position: absolute;
        right: 10px;
        top: 10px;
        padding: 10px;
        font-size: 30px;
        cursor: pointer;
        z-index: 1;
    }
    .nav-main-wrapper .close-menu:hover{
        background: #3973b5;
        color: #FFFFFFFF;
    }
    .nav-main-wrapper.affix{
        top: 0;
        z-index: 20000;
    }

    .nav-main-wrapper.hidden {
        margin-top:100px;
    }

    .nav-main-wrapper.scroll-to-fixed-fixed{
        -webkit-animation: slideDown .5s;
        animation: slideDown .5s;
        z-index: 20000;
        -webkit-transform: translateZ(0);
    }

    .nav-main-wrapper .brand .slider-prev ,
    .nav-main-wrapper .slides .slider-prev {
        display: block;
        position: absolute;
        top: 40%;
        left: 0;
    }

    .nav-main-wrapper .brand .slider-next ,
    .nav-main-wrapper .slides .slider-next {
        display: block;
        position: absolute;
        top: 40%;
        right: 0;
    }

    .nav-main-wrapper .brand .slider-prev:hover,
    .nav-main-wrapper .brand .slider-next:hover {
        background:transparent;
    }

    .nav-main{
        margin: 0 auto;
        padding: 0;
        float: left;
    }

    .nav-main > li{
        display: inline-block;
        float: left;
        padding: 0;
        margin-left:2px;
    }

    .nav-main > li > a{
        color: #ffffff;
        font-size: 16px;
        padding: 18px 20px;
        display: block;
        position: relative;
        z-index: 1;
    }

    .nav-main > li > a:hover,
    .nav-main > li.active > a{
        background: #4183ce;
    }

    .nav-main > li > a > i{
        font-size: 10px;
        padding-left: 5px;
        position: relative;
        bottom: 2px;
    }

    .nav-main > li > .highlight-bg{
        position: absolute;
        top: -10px;
        left: 0;
    }

    .nav-main > li.has-bg{
        position: relative;
        margin: 0 10px 0 30px;
    }

    .nav-main > li.has-bg > a,
    .nav-main > li.has-bg.active > a{
        padding-left: 10px;
        background: transparent;
    }

    .nav-main > li.has-bg.sticker > a{
        padding-left: 18px;
    }

    .nav-main > li.has-bg > a:hover,
    .nav-main > li.has-bg.active > a:hover{
        background: transparent;
    }

    .nav-main > li.text-black > a,
    .nav-main > li.text-black.active > a{
        color: #000;
    }

    .nav-main > li.home-main-menu {
        margin: 0;
    }

    .nav-main > li.home-main-menu a {
        height: 48px;
        width: 48px;
        padding: 11px;
    }

    .nav-main > li.home-main-menu .highlight-bg {
        top: 12px;
        left: 12px;
    }

    .nav-main > li.outlet-main-menu {
        margin: 0px 10px 0px 10px;
    }

    .outlet-main-menu {
        width: 111px;
    }

    .nav-main > li.outlet-main-menu > a {
        height: 78px;
        margin-top: -30px;
    }

    .nav-main > li.outlet-main-menu > .highlight-bg {
        top: -20px;
    }

    /* Full width navigation */
    body.open-fullscreeen-menu {
        overflow: hidden;
        height: 100vh;
    }

    .open-fullscreen-menu,
    .close-fullscreen-menu {
        font-size: 30px;
        height: 60px;
        display: block;
        line-height: 60px;
        width: max-content;
        text-align: center;
        cursor: pointer;
    }

    .close-fullscreen-menu {
        position: absolute;
        top: 50px;
        right: 120px;
        color: #fff;
    }

    .nav-main-fullscreen {
        opacity: 0;
        pointer-events: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(63, 83, 100, 0.9);
        z-index: 10000;
        text-align: right;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .nav-main-fullscreen.active {
        opacity: 1;
        pointer-events: all;
    }

    .nav-main-fullscreen .nav {
        padding: 200px 120px 60px 0;
        overflow: auto;
        height: 100%;
    }

    .nav-main-fullscreen .nav > ul > li {
        display: block;
        float: none;
    }

    .nav-main-fullscreen .nav > ul > li .sub-nav,
    .nav-main-fullscreen .nav > ul > li .sub-nav ul {
        max-height: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        overflow: hidden;
    }

    .nav-main-fullscreen .nav > ul > li .sub-nav ul.active {
        margin: 10px 0;
    }

    .nav-main-fullscreen .nav > ul > li .sub-nav ul a {
        font-size: 18px;
        line-height: 34px;
        margin: 0;
        font-weight: 600;
        color: #ffffff;
    }

    .nav-main-fullscreen .nav > ul > li.active .sub-nav,
    .nav-main-fullscreen .nav > ul > li .sub-nav ul.active {
        max-height: 100vh;
    }

    .nav-main-fullscreen .nav > ul > li > a {
        font-size: 30px;
        line-height: 40px;
        margin: 13px 0;
        font-weight: 700;
        color: #ffffff;
    }

    .nav-main-fullscreen .nav > ul > li.active > a {
        color: #7ebaff;
    }

    .nav-main-fullscreen .nav > ul > li .sub-nav .h5 ,
    .nav-main-fullscreen .nav > ul > li .sub-nav h5 {
        font-size: 18px;
        line-height: 34px;
        margin: 0;
        font-weight: 600;
        color: #7ebaff;
    }

    /* Used on responsive nav menu */
    .nav-main-useractions{
        border-color: #000;
    }

    /*Custom dropdown*/
    .dropdown-custom{
        position: relative;
    }
    .dropdown-custom .nav-main-dropdown-wrapper{
        left: 50%;
        -webkit-transform:  translateX(-50%);
        -moz-transform:  translateX(-50%);
        -ms-transform:  translateX(-50%);
        -o-transform:  translateX(-50%);
        transform: translateX(-50%);
    }
    .dropdown-custom .nav-main-dropdown-wrapper,
    .dropdown-custom .nav-main-dropdown-wrapper .nav-main-dropdown > .container{
        width: 850px;
    }
    .dropdown-custom .nav-main-dropdown-item{
        position: relative;
    }
    .dropdown-custom .nav-main-dropdown-item{
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .dropdown-custom .nav-main-dropdown-item:before{
        content: '';
        position: absolute;
        display: block;
        background-color: rgba(255, 255, 255, 0.8);
        height: 85%;
        width: 80%;
        left: 50%;
        top: 50%;
        transform:translate(-50%,-50%);
        opacity: 0;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }
    .dropdown-custom .nav-main-dropdown-item:hover:before{
        opacity: 1;
        pointer-events: none;
    }
    .dropdown-custom .nav-main-dropdown-item img{
        margin: auto;
        filter: brightness(70%);

    }
    .dropdown-custom .nav-main-dropdown-item:hover img{
        filter: none;
    }
    .dropdown-custom .nav-main-dropdown-item:hover .heading-wrapper{
        opacity: 1;

    }
    .dropdown-custom .heading-wrapper{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0 10px 5px;
        width: 70%;
        text-align: center;
        text-transform: uppercase;
        opacity: 1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .dropdown-custom .heading-wrapper h5,
    .dropdown-custom .heading-wrapper .h5{
        color: #ffffff;
    }
    .dropdown-custom .nav-main-dropdown-item:hover .heading-wrapper h5,
    .dropdown-custom .nav-main-dropdown-item:hover .heading-wrapper .h5{
        color: #4a4b5c;
    }
    /*Custom dropdown End*/
    /* ScrolltoFixed*/
    .scroll-to-fixed-fixed .outlet-main-menu {
        width:60px;
    }

    .scroll-to-fixed-fixed .nav-main > li.outlet-main-menu > .highlight-bg {
        top: 8px;
    }

    /* Submenu of a Main navigation */
    .nav-main-submenu-wrapper{
        position: absolute;
        opacity: 0;
        left: 0;
        width: 100%;
        background: #3973b5;
    }

    .nav-main-submenu-wrapper.loaded{
        opacity: 1;
    }

    .nav-main-submenu{
        float: left;
        padding: 0;
    }

    .nav-main-submenu .nav-main-dropdown-inner{
        border-top: 1px solid rgba(255,255,255,0.4);
    }

    .nav-main-submenu > li{
        display: inline-block;
        float: left;
        padding: 0;
    }

    .nav-main-submenu > li > a{
        padding: 2px 15px;
        display: inline-block;
        color: #ffffff;
    }

    .nav-main-submenu > li > a:hover,
    .nav-main-submenu > li.active > a{
        background: #ffffff;
        color: #3973b5;
    }

    /* Dropdown of a Main navigation */
    .nav-main-dropdown-wrapper{
        position: absolute;
        left: 0;
        opacity: 0;
        padding-bottom:20px;
        width: 100%;
        background:#ffffff;
        box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    }

    .nav-main-dropdown-wrapper.loaded{
        opacity: 1;
    }

    .nav-main-dropdown{
        margin: 0 auto;
    }

    .nav-main-dropdown-inner{
        background: #ffffff;
        width: 100%;
        margin: 0;
        padding: 10px;
    }

    .nav-main-dropdown.dark .nav-main-dropdown-inner{
        background: #00abeb;
        color: #ffffff;
    }

    .nav-main-dropdown-inner .slider-wrapper {
        padding: 0 10px;
    }

    .nav-main-dropdown-inner .slider-wrapper:before,
    .nav-main-dropdown-inner .slider-wrapper:after {
        display:none;
    }

    .nav-main-dropdown h5,
    .nav-main-dropdown .h5{
        color: #000000;
        font-size: 14px;
        font-weight: 500;
        margin: 0;
        line-height: 32px;
    }

    .nav-main-dropdown.dark h5,
    .nav-main-dropdown.dark .h5{
        color: #ffffff;
        border-bottom-color: rgba(255, 255, 255, .3);
    }

    .nav-main-dropdown-item{
        margin-bottom: 20px;
    }

    .nav-main-dropdown-item:last-child{
        margin-bottom: 10px;
    }

    .nav-main-dropdown-item .heading-wrapper-inline {
        margin-bottom:10px;
    }

    .nav-main-dropdown ul{
        list-style: none;
        padding: 0;
    }

    .nav-main-dropdown ul .show-all-wrapper{
        text-align: center;
        width: 100%;
    }

    .nav-main-dropdown ul .show-all-breands{
        margin-top: 30px;
        display: inline-block;
        text-transform: uppercase;
    }

    .nav-main-dropdown li{
        width: 100%;
        float: left;
    }

    .brand .nav-main-dropdown li{
        max-width: 137px;
    }

    .nav-main-dropdown.dark li:before{
        color: #ffffff;
    }

    .nav-main-dropdown li:hover:before{
        transform: translateX(2px);
        -webkit-transform: translateX(2px);
    }
    .nav-main-dropdown li > a,
    .nav-main-dropdown .nav-main > li > a{
        padding: 3px 0;
        font-size: 14px;
        display: inline-block;
        color: #000000;
        padding: 0;
        line-height: 28px;
    }

    .nav-main-dropdown li > a:hover{
        color: #3973b5;
    }

    .nav-main-dropdown.dark li > a{
        color: #ffffff;
    }

    .nav-main-dropdown.dark li > a:hover{
        color: #b1d3f5;
    }

    .nav-main-dropdown .product-item-category a,
    .nav-main-dropdown .product-item-prices .prev-price{
        color: #b1d3f5;
    }

    .nav-main-dropdown .product-image-wrapper{
        max-height: 174px;
        border: 0;
    }

    .nav-main-dropdown .product-item-title a,
    .nav-main-dropdown .product-item-prices .current-price{
        color: #ffffff;
    }

    .nav-main-dropdown .product-item-title a:hover{
        text-decoration: underline;
    }

    .nav-main-dropdown .slider {
        margin-top: 15px;
        margin-bottom: 0;
        padding:0;
    }

    .nav-main-dropdown .slider .slider-navigation-absolute {
        top:40%;
        height:0;
    }

    .nav-main-dropdown .slider .slick-slide {
        padding:0;
        max-height: 320px;
        overflow: hidden;
    }

    .nav-main-dropdown .heading-append{
        bottom: 10px;
    }

    .nav-main-dropdown.dark .slider-prev,
    .nav-main-dropdown.dark .slider-next{
        border-color: rgba(255, 255, 255, .2);
        background-color: transparent;
    }

    .nav-main-dropdown.dark .slider-prev:hover,
    .nav-main-dropdown.dark .slider-next:hover{
        background-color: #3973b5;
    }

    .nav-main-dropdown .slider-item-imagewrapper{
        margin-bottom: 8px;
    }

    .nav-main-dropdown .slider-item-important{
        font-weight: 300;
        font-size: 1.714rem;
        color: #ffffff;
    }

    .nav-main-dropdown .slider-item-title{
        height: 35px;
    }

    .nav-main-dropdown .slider-item-title a{
        font-size: 1.143rem;
        line-height: 1;
    }

    .nav-main-dropdown .slider-arrow i {
        background: #ffffff;
        border-radius: 50%;
        text-shadow: 0 0 0 rgba(0,0,0,0);
        color:#515060;
        padding: 9px;
        font-size: 14px;
    }

    .nav-main-dropdown .slider-prev i {
        margin-left: -16px;
    }

    .nav-main-dropdown .slider-next i {
        margin-right: -16px;
    }

    .brand .nav-main-dropdown .slider-arrow i ,
    .slides .nav-main-dropdown .slider-arrow i {
        font-size: 1.75rem;
    }

    .slides .nav-main-dropdown li ,
    .brand .nav-main-dropdown li {
        max-width: 25%;
    }

    .brand .nav-main-dropdown .slider-wrapper .slick-dots {
        display: none !important;
    }

    .brand .smallimages-slider-img-wrapper ,
    .slides .smallimages-slider-img-wrapper {
        margin: auto;
        width: 25%;
        margin-bottom: 15px;
    }

    .brand .smallimages-slider-img-wrapper img ,
    .slides .smallimages-slider-img-wrapper img {
        max-height: 65px;
    }

    .nav-main-dropdown.dark .slider-item-title a{
        color: #ffffff;
    }

    .nav-main-dropdown .slider-arrow i:active {
        transform: scale(1,1);
    }

    .nav-main-dropdown .slider-navigation-absolute {
        padding-top:40px;
        pointer-events:none;
        z-index:10;
    }

    .nav-main-dropdown .slider.smallimages-slider {
        padding:0;
    }

    .nav-main-dropdown .slider-navigation-absolute .slider-prev,
    .nav-main-dropdown .slider-navigation-absolute .slider-next {
        margin-left:0;
        margin-right:0;
    }

    .slider.slider-menu .slick-dots{
        left: 50%;
        transform: translate(-50%);
        width: auto;
    }

    /* Navigation that applies to mobile devices */
    .nav-mobile-wrapper{
        display: none;
        overflow: auto;
        overflow-y: scroll;
        position: fixed;
        top: 100%;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1100;
        -webkit-overflow-scrolling: touch;
        outline: 0;
        background: #3973b5;
    }

    .nav-mobile-wrapper.active{
        display: block;
    }

    .nav-mobile li a{
        color: #ffffff;
    }

    .nav-mobile-content{
        top: 100%;
    }

    /* Tab navigation */
    .nav-tabs{
        text-transform:uppercase;
        margin-bottom: 0;
        /*box-shadow: inset 0 0 0 1px #d9d9d9;*/
        border-bottom:0 solid #ffffff;
    }

    .nav-tabs > li{
        padding-top: 0;
        min-width: 100px;
        text-align: center;
        margin-bottom:0;
    }

    .nav-tabs > li:last-child{
        margin-right: 0;
    }

    .nav-tabs > li > a{
        font-size:13px;
        padding: 10px 15px;
        border-radius:0;
        border:1px solid #ddd;
        border-right:0 solid #ffffff;
        border-bottom:0 solid #ffffff;
        color:#4a4b5c;
        margin-right:0;
    }

    .nav-tabs > li:last-of-type > a {
        border-right:1px solid #ddd;
    }

    .modal-body .nav-tabs > li:last-of-type > a,
    .nav-tabs>li.active:last-of-type>a,
    .nav-tabs>li.active:last-of-type>a:hover,
    .nav-tabs>li.active:last-of-type>a:focus {
        border: 1px solid #ddd;
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:hover,
    .nav-tabs>li.active>a:focus {
        border-right:1px solid #d9d9d9;
    }

    .nav-tabs > li > a:hover{
        color: #000;
    }

    .nav-tabs > li.active > a{
        background: #ffffff;
        color: #000;
    }

    .nav-tabs > li.active:after {
        content:"";
        position:absolute;
        width:100%;
        height:2px;
        bottom:0;
        left:0;
        background:#3973b5;
    }

    .nav-tabs>li.active:not(:last-of-type)>a,
    .nav-tabs>li.active:not(:last-of-type)>a:hover,
    .nav-tabs>li.active:not(:last-of-type)>a:focus {
        border-right:0 solid #ffffff;
    }

    .nav-tabs .sticker .thumb,
    .nav-tabs .sticker .counter,
    .nav-tabs .sticker .title,
    .nav-tabs .sticker .description {
        display:inline-block;
    }

    .nav-tabs .sticker .thumb {
        margin:0 5px;
        opacity:0.5;
    }

    .nav-tabs .active .sticker .thumb {
        opacity:1;
    }

    .nav-vertical-heading{
        color: #000;
        line-height: 1.2;
        font-size: 1.286rem;
        font-weight: 700;
        text-transform: uppercase;
        border-bottom: 0;
        margin: 0;
        padding: 10px 0;
    }

    /* Fixed nav */
    .fixed-nav-wrapper {
        background:#eee;
        border-bottom:1px solid #d9d9d9;
    }

    .fixed-nav-wrapper.scroll-to-fixed-fixed {
        animation: slideDown .5s;
    }

    .controlHolder{
        display: none;
    }

    /* Gallery of images */
    .gallery-images{
        padding: 10px 0;
        margin-top:10px;
        margin-bottom: 20px;
    }

    .gallery-images-item {
        position:relative;
        margin-bottom:20px;
    }

    .gallery-images-item:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        transition: all 0.3s;
        background: rgba(0,0,0,0);
        pointer-events:none;
    }

    .gallery-images-item:hover:after {
        background: rgba(0,0,0,0.5);
    }

    .gallery-images-item img{
        max-width: 100%;
        max-height: 100%;
    }

    .gallery-images-item .print-img,
    .gallery-images-item .download-img {
        display: none;
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 20px;
        color: #ffffff;
        z-index: 10;
        width: 25px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        cursor: pointer;
    }

    .gallery-images-item:hover .print-img,
    .gallery-images-item:hover .download-img {
        opacity: 1;
    }

    .gallery-images-item .print-img {
        right: 35px;
    }

    .gallery-images-item .image-title {
        position: absolute;
        bottom: 5px;
        left: 10px;
        z-index: 10;
        color: #ffffff;
        line-height: 15px;
        font-size: 12px;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .gallery-images-item:hover .image-title {
        opacity: 1;
    }

    /* Banner */
    .banner-img{
        max-width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    .banner-img img{
        max-width: 100%;
    }

    .banner-branding-left {
        height: 100%;
        position: fixed;
        left: 50%;
        top: 95px;
        width: 1000px;
        overflow: hidden;
        text-align: right;
        text-decoration: none;
        background-color: transparent;
        z-index: 2;
        margin-left: -1600px;
    }

    .banner-branding-right {
        height: 100%;
        position: fixed;
        right: 50%;
        top: 95px;
        width: 1000px;
        overflow: hidden;
        text-align: left;
        text-decoration: none;
        background-color: transparent;
        z-index: 2;
        margin-right: -1600px;
    }

    .banner-branding-left > a,
    .banner-branding-right > a {
        margin:0;
        padding:0;
    }

    .banner-branding-left img,
    .banner-branding-right img {
        margin: 0px;
        padding: 0px;
        border: 0px none;
    }

    /* Tabs */
    .tab-content .heading-wrapper h3 {
        margin-top:0;
    }

    .tab-content .comments-wrapper {
        padding: 0;
    }

    .tab-content .heading-wrapper-inline h3 {
        margin-top:0;
    }

    .large-round-icon-wrapper{
        position: relative;
        margin-bottom: 15px;
        display: inline-block;
    }


    .large-round-icon{
        background: transparent;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        box-shadow: 0 0 0 1px #cdcdcd;
        color: #3973b5;
        position:relative;
        padding: 30px 0;
        width: 200px;
        height: 200px;
        display: block;
    }

    .large-round-icon:hover{
        box-shadow: 0 0 0 8px rgba(205, 205, 205, 0.5);
        overflow: hidden;
        transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    }

    .large-round-icon:before{
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size:4rem;
    }

    /* attributes */

    .circle-grid-items-wrapper .item {
        margin-bottom:20px;
    }

    .circle-grid-items-wrapper .name {
        font-size:1.125rem;
        margin-top:10px;
    }

    .circle-grid-items-wrapper .name a {
        color:#4a4b5c;
    }


    .block.product-series .series-product-name,
    .block.product-series a .img-wrapper {
        display: none;
    }

    /* Registration items */
    .reg-have-product-item {
        min-height: 256px;
        padding: 20px;
    }

    .reg-have-product-item > .text-wrapper .title{
        font-size: 25px;
        line-height: 26px;
        letter-spacing: 2px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .reg-have-product-item label{
        color: #000000;
    }

    .reg-products-product-group-select {
        padding: 0;
    }

    .reg-products-product-group-select {
        background: #ffffff;
    }

    .reg-products-product-group-select .maintitle {
        padding: 25px 10px;
        font-size: 25px;
        line-height: 30px;
        background: #ccc;
        color: #000000;
        font-weight: 400;
    }

    .reg-products-product-group-select .product-items-list-wrapper,
    .reg-products-product-group-select .product-group-wrapper {
        margin: 0;
    }

    .reg-products-product-group-select .product-group-wrapper .item {
        border-bottom: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        text-align: center;
        padding: 5px;
        cursor: pointer;
    }

    .reg-products-product-group-select .product-items-list-wrapper .item{
        text-align: center;
        padding: 5px;
        cursor: pointer;
    }

    .reg-products-product-group-select .product-group-wrapper .item:hover {
        background: #ebebeb;
    }

    .reg-products-product-group-select .product-group-wrapper .item.active,
    .reg-products-product-group-select .product-items-list-wrapper .item.active {
        -webkit-box-shadow: 0 0 0 5px #999 inset;
        -moz-box-shadow: 0 0 0 5px #999 inset;
        box-shadow: 0 0 0 5px #999 inset;
    }

    .reg-step.step-my-product {
        margin-bottom: -20px;
    }

    .step-final .submit-btn-wrapper #reg_page_submit {
        margin: 40px 0 -20px;
    }

    .cv-handler.active .validation-errors-container .validation-errors-list,
    .img-handler.active .validation-errors-container .validation-errors-list{
        display: none;
    }

    .add-machine-last-step {
        background: #ffffff;
    }

    .add-machine-last-step .product-title {
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase;
        font-weight: 700;
        margin: 20px 0 40px;
    }

    .registration-page .login-style .add-machine-last-step .form-group {
        margin-bottom: 47px;
    }

    .registration-page .reg-step.step-my-address p.remark {
        display: none;
    }

    .registration-page .login-style .add-machine-last-step .form-group label {
        position: absolute;
        line-height: 20px;
        top: -20px;
        width: 100%;
        color: #1b1b1b;
        left: 0;
        font-weight: 400;
    }

    .registration-page .login-style .add-machine-last-step .form-group input,
    .page.registration-page .login-style .add-machine-last-step  .form-group .styled-select{
        width: 100%;
    }

    .registration-page .login-style .form-group .password-strength {
        position: absolute;
        bottom: -15px;
        right: 0;
        width: calc(100% / 3 * 2);
    }

    .registration-page .login-style .form-group .password-strength .label{
        color: #000;
        font-size: 12px;
        font-weight: 400;
        line-height: 12px;
        margin: 0;
        padding: 0;
    }

    .registration-page .login-style .form-group .password-strength .strength-wrapper{
        width: 100%;
        justify-content: space-between;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .registration-page .login-style .form-group .password-strength .strength-wrapper > div{
        width: calc((100% / 3) - 1px);
        background: #666666;
        height: 4px;
    }

    .registration-page .login-style .form-group .password-strength .strength-wrapper > div.weeak {
        background: #dd3232;
    }

    .registration-page .login-style .form-group .password-strength .strength-wrapper > div.medium {
        background: #986f38;
    }

    .registration-page .login-style .form-group .password-strength .strength-wrapper > div.strong {
        background: #3d8705;
    }

    .registration-page .login-style .form-group .password-strength .label .weeak {
        color: #dd3232;
    }

    .registration-page .login-style .form-group .password-strength .label .medium {
        color: #986f38;
    }

    .registration-page .login-style .form-group .password-strength .label .strong {
        color: #3d8705;
    }

    /* Intro item */

    .intro-text{
        font-size: 1.15rem;
    }

    .intro-counter{
        position: absolute;
        top: 47%;
        top: calc(50% - 18px);
        right: -15px;
        background: #414254;
        color: #ffffff;
        width: 36px;
        height: 36px;
        padding: 4px;
        text-align: center;
        font-size: 1.286rem;
        font-weight: 300;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

    .fancybox-slide--video {
        margin: 0 !important;
        padding: 0 !important;
    }

    .fancybox-slide--video > .fancybox-content{
        width: 100vw !important;
        height: 100vh !important;
    }

    .cafe-line {
        height: 4px !important;
        overflow: hidden;
        background: transparent !important;
    }

    .cafe-line:after {
        content: '';
        width: 0%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: url("../../images/core/map_item_line.png") left top;
        -webkit-transition: all 1.5s;
        -moz-transition: all 1.5s;
        -ms-transition: all 1.5s;
        -o-transition: all 1.5s;
        transition: all 1.5s;
    }

    .cafe-line.active:after {
        width: 100%;
    }

    /* Testimonial item */
    .testimonial-item > .row {
        width: 996px;
        max-width: calc(100% - 20px);
        margin: 100px auto;
    }

    .testimonial-item .text-wrapper {
        position: relative;
    }

    .testimonial-item .text-wrapper:before {
        content: '“';
        position: absolute;
        top: -15px;
        left: -40px;
        font-size: 400px;
        color: rgba(255, 255, 255, 0.5);
        line-height: 200px;
        z-index: 0;
    }

    .testimonial-item .text-wrapper .description {
        position: relative;
        z-index: 1;
    }

    .testimonial-item .text-wrapper .title {
       display: none;
    }

    /* Popup items with slider */
    .fancybox-content.popup-slider-wrapper {
        padding: 0;
        overflow: visible;
        width: 100%;
        left: 0;
        background: #ffffff;
        max-height: 100vh;
        top: calc(50vh - 350px);
        max-height: 700px;
        position: absolute;
    }

    /* Headings - Proveriti da li sve vezano za heading da bude u basic ili u style.css */
    .heading-underlined{
        border-bottom: 1px solid #d9d9d9;
    }

    .heading-underlined h1 {
        margin: 20px 0 0;
        position: relative;
    }

    h3.heading-underlined{
        padding-bottom: 5px;
    }

    h4.heading-underlined{
        line-height: 33px;
    }

    /* Headings wrappers with prepended or appened elrements */
    .heading-wrapper{
        position: relative;
        font-weight: 300;
    }

    .heading-wrapper .title {
        text-transform: uppercase;
        font-weight: 400;
    }

    .heading-append{
        position: absolute;
        right: 0;
        top: calc(50% - 18px);
        /*height: 100%;*/
    }

    .heading-append > a{
        padding-bottom: 10px;
        display: block;
        line-height: 1rem;
    }

    /* heading-wrapper-inline */
    .heading-wrapper-inline{
        position: relative;
        width: 100%;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 10px;
        z-index:101;
    }

    .heading-wrapper-inline h1,
    .heading-wrapper-inline h2,
    .heading-wrapper-inline h3,
    .heading-wrapper-inline h4,
    .heading-wrapper-inline h5,
    .heading-wrapper-inline h6{
        display: inline-block;
        margin-bottom: 0;
        border-bottom: 0;
        vertical-align: middle;
    }

    .heading-wrapper-inline .heading-prepend,
    .heading-wrapper-inline .heading-append{
        display: inline-block;
    }

    /* header-action */
    .heading-action{
        height: 100%;
    }

    .heading-action-label{
        border: 1px solid #d9d9d9;
        border-bottom: none;
        font-weight: 300;
        float: left;
        width: 170px;
        height: 100%;
        padding: 0 15px;
        line-height: 1;
    }

    .heading-action-label-box{
        padding-right: 10px;
    }

    .heading-action-label-box:last-child{
        padding-right: 0;
    }

    .heading-action-button{
        font-weight: 700;
        background: #414254;
        color: #ffffff;
        float: left;
        width: 160px;
        height: 100%;
        text-align: center;
    }

    .heading-action-button:hover{
        width: 180px;
    }

    .heading-action-button i{
        margin-left: 8px;
        margin-right: -8px;
    }

    /* Loader */
    .loader-wrapper{
        position: absolute;
        z-index: 1001;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,.7);
    }

    .loader-icon{
        position: relative;
        display: block;
        height: 80px;
        width: 80px;
        border-radius: 50%;
        border: 3px solid rgba(0, 0, 0, .4);
        top: 150px;
        left: 35%;
        left: -webkit-calc(50% - 43px);
        left: calc(50% - 43px);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-animation: spin .6s linear infinite;
        animation: spin .6s linear infinite;
    }

    .loader-icon-xs{
        height: 30px;
        width: 30px;
    }

    .loader-icon:after {
        content: "";
        position: absolute;
        width: 11px;
        height: 11px;
        top: -5px;
        left: 20px;
        border-radius: 50%;
        background-color: #3973b5;
    }

    .loader-icon-inline{
        top: 10px;
        left: 20px;
        display: inline-block;
    }

    .loader-icon-xs:after{
        width: 5px;
        height: 5px;
        left: 10px;
        top: -4px;
    }

    /* background and stlyes related to different backgrounds */

    .background {
        padding:20px 0;
    }

    .background.background-alt {
        background:#eee;
    }

    .background.background-default {
        background:#ffffff;
    }

    .background.background-alt .post-item-wrapper {
        padding:10px 20px;
    }

    .background.background-alt .post-details {
        background:#ffffff;
    }

    .background.background-unspaced {
        padding:0;
    }

    /* Promo item */
    .promo-item{
        margin-bottom: 20px;
        overflow: hidden;
    }

    .promo-item-image-wrapper{
        background: #eef5f6;
    }

    .promo-item-image-wrapper img{
        width: 100%;
    }

    .promo-item-caption-wrapper{
        position: relative;
        width: 100%;
    }

    .promo-item-caption{
        position: relative;
        width: 100%;
        background: #00abeb;
        color: #000;
        text-align: center;
    }

    .promo-item-title{
        line-height: 22px;
        font-weight: 300;
        font-size: 1.25rem;
        color: #ffffff;
        padding: 20px;
    }

    .promo-item-description{
        color: #ffffff;
        padding: 0 10px;
        display: none;
    }

    /* Page */
    .page {
        padding:20px 0;
    }

    .page ul li {
        margin: 10px 0;
    }

    .page h2 {
        margin: 30px 0 10px;
    }

    .page h3 {
        margin: 30px 0 10px;
        font-weight: 700;
    }

    .page-content {
        max-width: 860px;
        margin-left: auto;
        margin-right: auto;
    }

    .page-content-wrapper {
        background: #ffffff;
        display: block;
        clear: both;
        width: 100%;
        height: 100%;
    }

    .page-content-wrapper.no-footer-header {
        min-height: 100vh;
    }

    .page.page-faq {
        padding:0;
    }

    .page.page-faq .wrapper {
        padding:20px 0 0 10px;
        position:relative;
    }

    .page.page-faq .wrapper:before {
        content:"";
        position:absolute;
        top:0;
        right:calc(100% + 20px);
        width: 100%;
        height: 100%;
        max-height:100%;
        background:#f5f5f5;
        z-index:-1;
    }

    .page.page-faq .page-content {
        margin-bottom:40px;
        min-height: calc(100vh - 300px);
    }

    .page.page-faq .page-content h2 {
        color:#3973b5;
    }

    .page-sidebar {
        border: 1px solid #d9d9d9;
        margin-bottom: 20px;
    }

    .page-sidebar .headline {
        font-size: 1.25rem;
        border-bottom: 1px solid #d9d9d9;
        padding: 0px 20px;
    }

    .page-sidebar ul {
        padding:0 20px;
    }

    .page-sidebar li {
        padding: 5px 0;
    }

    .page-sidebar li:last-of-type {
        border-bottom: 0 solid #d9d9d9;
        padding: 5px 0;
    }

    .page.page-work {
        text-align: center;
        position: fixed;
        left: 50vw;
        top: 50vh;
        transform: translate(-50%, -50%);
        width: 50%;
    }

    .page.page-work h1{
        margin-bottom: 30px;
    }

    .page.page-work .work-img .img-responsive{
        margin: auto;
    }

    .page.page-work .work-img{
        margin: 0 auto 30px;
    }

    /* Atributes */

    .atribute-content-wrapper .description {
        margin-bottom:40px;
    }

    .atribute-details {
        margin-top:20px;
        margin-bottom:40px;
    }

    .atribute-details h1 {
        font-weight: 700;
    }

    .atribute-logo {
        margin-bottom:20px;
    }

    /* Profile */

    .heading-wrapper-profile{
        margin-top:20px;
        margin-bottom: 0;
        border-bottom:1px solid #d9d9d9;
        float:left;
    }

    .heading-wrapper-profile h1{
        padding-left: 10px;
        font-size: 20px;
        line-height: 25px;
        width: calc(100% - 60px);
    }

    .headline-profile-wrapper h1 {
        line-height: 50px;
        margin: 20px 0 0;
        border-bottom: 1px solid #d9d9d9;
        padding: 10px;
    }

    .heading-wrapper-profile .heading-append{
        height: auto;
        margin-top:30px;
    }

    .heading-wrapper-profile .heading-append a{
        line-height: 40px;
        padding-bottom: 0;
    }

    .tab-content-profile{
        padding-top: 20px;
        padding-bottom: 20px;
        border: 0 solid #ffffff;
        border-left:0 solid #ffffff;
        min-height: 400px;
        margin-bottom: 0;
    }

    .profile-section .modal table thead {
        font-size: 1rem;
        background: #eee;
        padding: 5px;
        font-weight: 400;
        color: #4a4b5c;
        border-bottom: 1px solid #d9d9d9;
    }

    .profile-section .modal .table > thead > tr > th {
        font-size:1rem;
        font-weight: 400;
        line-height:1.2;
        padding:10px;
        color: #4a4b5c;
    }

    .profile-section .dl-horizontal dt {
        width: 170px;
    }

    .profile-section .modal table tbody {

    }

    .profile .cart-table .product-item-image img{
        max-height: 50px;
    }

    .profile .heading-prepend {
        margin:10px 0;
    }

    .profile .tab-content > .tab-pane.active {
        overflow: visible;
    }
    .profile .tab-content-profile .order-tickets form h3{
        text-transform: uppercase;
    }

    .profile-slider.slider .slick-slide {
        padding: 0;
    }

    .profile-slider.slider .slick-dots {
        bottom: 0;
    }

    .profile-favorite-products .product-sizes {
        display: none;
    }

    .sidebar.sidebar-page {
        margin-top:20px;
    }

    .sidebar-color:before {
        content:"";
        position:absolute;
        top:0;
        right:10px;
        width:1300px;
        height:10000px;
        max-height:100%;
        background:#f5f5f5;
        z-index:-1;
    }

    .sidebar-faq {
        padding: 20px 0;
    }

    /* Map link */
    .map-link{
        color: #3973b5;
    }

    /* Horizontal description */

    .dl-horizontal-thin dt{
        font-weight: 400;
        margin-bottom: 0;
    }

    .dl-horizontal-thin dd{
        margin-bottom: 0;
    }

    /* Sidebar shop */
    .sidebar-shop .nav.nav-tabs li {
        width:50%;
    }

    .sidebar-shop .product-title {
        margin-top:5px;
        line-height:1;
        color:#969696;
        min-height:30px;
    }

    .sidebar-shop .tab-content {
        border: 0 solid #d9d9d9;
        border-top: 1px solid #d9d9d9;
        padding: 20px 0;
    }

    .sidebar-shop {
        margin-top:20px;
        margin-bottom:40px;
    }

    /* Contact info*/
    .contact-info-wrapper {
        max-width: calc(100% - 30px);
    }

    /* Contact page background */
    .contact-page:not(.background-image-active) {
        margin-top:20px;
        padding-top:20px;
    }

    .contact-page:not(.background-image-active) h1 {
        text-align:left;
    }

    .contact-page .login-style {
        margin-top:0;
    }

    /* Contact page sidebar */
    .contact-sidebar {
        background: #357ec6;
        background: -moz-linear-gradient(top, #357ec6 0%, #2c67a2 100%);
        background: -webkit-linear-gradient(top, #357ec6 0%,#2c67a2 100%);
        background: linear-gradient(to bottom, #357ec6 0%,#2c67a2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#357ec6', endColorstr='#2c67a2',GradientType=0 );
        box-shadow: 0 0 0 10px rgba(255,255,255,0.5);
        padding: 20px 30px;
        margin:20px 10px 40px;
    }

    .contact-sidebar .headline {
        font-size: 1.25rem;
        text-align: center;
        margin-bottom:20px;
        padding-bottom: 5px;
        border-bottom: 1px solid rgba(255,255,255,0.5);
    }

    .contact-sidebar .product-infobox-contact-subtext i {
        margin-top:3px;
        float: left;
    }

    .contact-sidebar .description {
        padding-left:30px;
    }

    /* Contact page store list from items */
    .contact-stores-grid > .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    /*Cookie info - provera da li je style.basic.css ili  style.css
    Promentiti nayiv klasa */
    .navbar-fixed-bottom {
        padding-right:0;
    }

    .navbar-fixed-bottom .alert {
        max-width:800px;
        margin:0 auto;
    }

    .navbar-fixed-bottom .container {
        max-width:100%;
    }

    /* full-bg */
    .full-bg.slider-wrapper:before,
    .full-bg.slider-wrapper:after {
        background:#f0f0f0;
    }

    .full-bg {
        background:#f0f0f0;
        padding-top:10px;
        padding-bottom:10px;
    }

    .zoomer-wrapper {
        border: 1px solid #dddddd;
        border-radius: 3px;
        margin: 10px 0;
        overflow: hidden;
        width: 100%;
    }

    /* NOVI CSS */

    /* grid slider - start */
    .grid-slider {
        margin-bottom: 50px;
    }

    .grid-slider.intro-slider .item:before{
        background: url('../../images/core/intro-slider-separator.png') center center no-repeat;
    }

    .grid-slider .item .img-wrapper {
        position: relative;
        overflow: hidden;

        /* helper horizontal center - center-block - bootstrap - sass:center-block */
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .grid-slider .item .img-wrapper:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,0);
        pointer-events: none;

        /* vazno je odvojiti za impementaciju sass-a moze biti i helper, ima funkciju animacije */
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .grid-slider .item:hover .img-wrapper:after {
        background: rgba(0,0,0,0.35);
    }

    .grid-slider .item .img-wrapper .mobile-img {
        display: none;
    }

    .grid-slider .item .text-wrapper {
        margin-top: 10px;
        text-align: center;
    }

    .grid-slider .text-wrapper .title {
        text-transform: uppercase;
        font-size: 1.5rem;
        line-height: 1;
        margin-bottom: 30px;
    }

    .grid-slider .btn-wrapper{
        text-align: center;
        display: block;
        margin-top: 20px;
    }

    .grid-slider .btn-wrapper .btn-slider{
        background: #3973b5;
        color: #ffffff;
        max-width: calc(100% - 24px);
        white-space: normal;
    }

    /* dodat deo za sve slidere koji su u container-fluid klasi da ima nasledje klase .row*/
    .container-fluid .slider {
        margin-left: -10px;
        margin-right: -10px;
    }

    .container-fluid .slider.product-slider-landing,
    .container-fluid .slider.item-product-slider {
        margin-left: 0;
        margin-right: 0;
    }

    .slider{
        margin-bottom: 15px;
        position: relative;
    }

    .slider .slick-slide {
        position: relative;
        padding: 0 10px;
    }

    .slider .slider-arrows .slider-prev,
    .slider .slider-arrows .slider-next{
        color: #000000;
        font-size: 1.5rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        pointer-events:auto;
        cursor: pointer;
    }
    .slider .slider-arrows .slider-prev{
        float: left;
    }

    .slider .slider-arrows .slider-next{
        float: right;
    }

    .slider .slick-dots {
        padding: 0;
        text-align: center;
        position: absolute;
        left: 0;
        width: 100%;
        bottom: -10px;
    }

    .slider .slick-dots li {
        position: relative;
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

    .slider .slick-dots li button {
        line-height: 0;
        display: block;
        width: 18px;
        height: 18px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
    }

    .slider .slick-dots li button:before {
        line-height: 17px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 13px;
        height: 13px;
        background:#ffffff;
        content: "";
        text-align: center;
        color: #000000;
        border-radius:50%;
        -webkit-font-smoothing: antialiased;
        -webkit-box-shadow: inset 0 0 0 0 #0a8ed7;
        -moz-box-shadow: inset 0 0 0 0 #0a8ed7;
        box-shadow: inset 0 0 0 0 #0a8ed7;
        transition:all 0.15s;
    }

    .slider .slick-dots li.slick-active button:before {
        -webkit-box-shadow: inset 0 0 0 4px #0a8ed7;
        -moz-box-shadow: inset 0 0 0 4px #0a8ed7;
        box-shadow: inset 0 0 0 4px #0a8ed7;
        width: 14px;
        height: 14px;
    }

    /* item Image text grid left/right */
    .image-text-grid.image-text-grid-left .text-wrapper .title,
    .image-text-grid.image-text-grid-right .text-wrapper .title{
        margin: 50px 0 20px;
        font-size: 20px;
    }

    /* Items product slider with heading */
    .items-generic .product-slider {
        padding-top: 30px;
        margin-top: 30px;
    }

    .items-generic .product-slider .heading-wrapper.heading-wrapper-bordered {
        margin: -30px 0 30px;
    }

    .items-generic .product-slider .heading-wrapper.heading-wrapper-bordered:before {
        content: none;
    }

    .items-generic .product-slider .heading-wrapper.heading-wrapper-bordered h2 {
        border: none;
        line-height: 20px;
        margin: 0;
    }

    .items-generic .product-slider .heading-wrapper.heading-wrapper-bordered a.read-more {
        font-size: 12px;
    }

    .price-items-wraper {
        display: flex;
        margin: 50px 0 30px
    }

    .price-items-wraper .price-item {
        width: 100%;
        text-align: center;
        padding: 30px 20px 20px;
        position: relative
    }

    .price-items-wraper .price-item.spacial {
        background: #f5f5f5
    }

    .price-items-wraper .img-wrapper {
        position: absolute;
        top: -30px;
        right: 20px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #3174b6
    }

    .price-items-wraper .img-wrapper img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .price-items-wraper .price-item .title h4 {
        font-size: 24px;
        color: #414254;
        font-weight: 700;
        margin-bottom: 25px
    }

    .price-items-wraper .price-item .price-item-wrapper {
        font-size: 24px;
        color: #515151;
        margin: 0 0 10px;
        display: block
    }

    .price-items-wraper .price-item .price-item-wrapper span {
        font-size: 60px;
        line-height: 60px
    }

    .price-items-wraper .price-item .description {
        font-size: 14px;
        line-height: 24px;
        color: #474747;
        height: 72px;
        overflow: hidden
    }

    /* Items with text and background */
    .background-text-item {
        padding: 50px 0;
        text-align: center;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    .background-text-item .title {
        font-size: 40px;
        line-height: 40px;
    }

    /* Slider two images with half width of page*/
    .two-img-half-width .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .two-img-half-width .item .left-side,
    .two-img-half-width .item .right-side {
        display: inline-block;
        width: 50%;
        padding: 50px;
    }

    .two-img-half-width .item .left-side {
        text-align: right;
    }

    .two-img-half-width .item .left-side .main-img a{
        display: inline-block;
        max-width: 100%;
    }

    .two-img-half-width .item .right-side .content{
        position: relative;
        /*top: 50%;*/
        top:150px;
        left: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        text-align: center;
    }

    .two-img-half-width .item .right-side .btn{
        border: 1px solid #dddddd;
        margin-top: 5px;
        color: #000000;
    }


    /* Brands  brands-static */
    .brands {
        margin-bottom: 50px;
    }

    .brands .item {
        margin: 0 auto;
        height: 140px;
        position: relative;
    }

    .brands .item .img-wrapper img {
        display: block;
        width: auto;
        margin: 0 auto;
        max-width: 120px;

        /* helper - absolutno pozicioniranje u centar parenta - pos-center */
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    /* Brands grid */
    .brands.brands-grid .item {
        margin: 0 auto;
        height: 140px;
        position: relative;
        opacity: 0.75;

        /* vazno je odvojiti za impementaciju sass-a moze biti i helper, ima funkciju animacije */
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .brands.brands-grid .item:hover {
        opacity: 1;
    }

    /* Footer background */
    .footer-background {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
        z-index: -1;
    }

    /* footer copyright */
    .copyright {
        padding: 10px 0 0;
        display: table;
        width: auto;
        border-top: 1px solid #3f404e;
        font-size: 13px;
        font-weight: 300;
    }

    .copyright-text{
        display: inline-block;
        margin-right: 15px;
    }

    .copyright-text-developer{
        display: inline-block;
    }

    /*Brands slider*/
    .brands.brands-slider .slider-init {
        margin-top: 25px;
        margin-bottom: 40px;
    }

    /* footer paymentcard */
    .payment-card {
        padding: 25px 0;
        background: #ffffff;
        -webkit-box-shadow: 0 0px 3px rgba(0,0,0,0.25);
        -moz-box-shadow: 0 0px 3px rgba(0,0,0,0.25);
        box-shadow: 0 0px 3px rgba(0,0,0,0.25);
        text-align: center;
    }

    .payment-card .item {
        display: inline-block;
        padding: 5px 10px;
    }

    .payment-card .item .img-wrapper img {
        height: 35px;
    }

    /* newsletter */
    .newsletter {
        position: relative;
    }

    .newsletter .parsley-errors-list {
        right: auto;
        left: 0;
    }

    .newsletter .form-group input {
        width: 100%;
        margin-bottom: 10px;
        background: transparent;
        color: #ffffff;
    }

    .newsletter .validation-errors-list {
        position: absolute;
        float: right;
        margin-top: 5px;
        margin-bottom: 0;
        bottom: -14px;
    }

    .footer .newsletter .validation-errors-list {
        top: -30px;
        bottom: auto;
    }

    .newsletter .btn-wrapper {
        padding: 0;
    }

    .newsletter .btn-wrapper .btn {
        border-radius:0;
        background: #e6e6e6;
        color: #4a4b5c;
        font-weight: 700;
        display: block;
        width: 100%;
        line-height: 22px;
        padding: 6px 25px;
        font-size: 12px;
    }

    /* Footer navigation */
    .footer .nav.items-wrapper .item {
        padding: 3px 0;
        width: 100%;
    }

    .footer .nav.items-wrapper .item a {
        color: #ffffff;
        padding: 0;
    }

    .footer .nav.items-wrapper .item a:hover {
        color: #3973b5;
        background: transparent;
    }

    /* footer newsletter */
    .footer .newsletter {
        margin-bottom: 20px;
    }

    .footer .newsleter .heading-wrapper {
        margin-bottom: 20px;
    }

    .footer .newsleter .heading-wrapper .description {
        margin-bottom: 20px;
        line-height: 1.2;
    }

    /* footer social icons */
    .social-icon .item {
        display: inline-block;
        margin-right: 5px;
    }
    .social-icon .item:last-of-type{
        margin-right: 0;
    }

    .social-icon .item a {
        display: block;

        /* vazno je odvojiti za impementaciju sass-a moze biti i helper, ima funkciju animacije */
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;

    }

    .social-icon .item a:hover {
        opacity: 0.7;
    }

    /* Footer disclaimer */
    .disclaimer {
        color: #d2d2d2;
        padding: 10px 0 0;
        border-top: 1px solid #3f404e;
        line-height: 1;
        font-size: 13px;
    }

    /* navifation */
    .nav {
        margin: 0 auto;
    }

    .nav li {
        margin: 0;
    }
    .nav > ul > li {
        padding: 0;
        float: left;
    }

    .nav > ul > li a {
        display: inline-block;
        position: relative;
    }

    .nav > li > a:hover,
    .nav > li > a:focus {
        background-color: transparent;
    }

    /* simpla navigation */
    .nav.nav-simple > li a {
        padding: 5px 12px;
        display: inline-block;
    }

    .nav.nav-simple > li  a:hover,
    .nav.nav-simple > li  a:focus {
        background: transparent;
    }

    .nav.nav-simple > li img {
        display: inline-block;
        vertical-align: text-top;
    }

    /* menu level3 level4 */
    .level3 {
        position: relative;
    }

    .level3 .nav-main-submenu,
    .level4 .nav-main-submenu {
        width: 100%;
        margin: 10px 0;
    }


    .level3 .nav-main-dropdown-wrapper,
    .level4 .nav-main-dropdown-wrapper {
        min-height: 100%;
    }


    .level3 .nav-main-submenu-wrapper,
    .level4 .nav-main-submenu-wrapper {
        width: 240px;
    }

    .level3 .nav-main-submenu-wrapper .container,
    .level4 .nav-main-submenu-wrapper .container {
        width: 100%;
        padding: 0;
    }

    .level3 .nav-main-submenu > li,
    .level4 .nav-main-submenu > li {
        width: 100%;
        height: 32px;
    }

    .level3 .nav-main-submenu > li > a,
    .level4 .nav-main-submenu > li > a {
        display: block;
        color: #ffffff;
        padding: 0 15px 0 25px;
    }

    .level3 .nav-main-submenu > li > a:hover,
    .level4 .nav-main-submenu > li > a:hover {
        color: #3973b5;
    }

    .level3 .nav-main-submenu > li > a > h5,
    .level3 .nav-main-submenu > li > a > .h5,
    .level4 .nav-main-submenu > li > a > h5 ,
    .level4 .nav-main-submenu > li > a > .h5 {
        display: inline-block;
        margin: 0;
        line-height: 32px;
        font-size: 14px;
    }

    .level3 .nav-main-submenu > li > a > i,
    .level4 .nav-main-submenu > li > a > i {
        float: right;
        line-height: 32px;
    }

    .level3 .nav-main-submenu .nav-main-dropdown-wrapper,
    .level4 .nav-main-submenu .nav-main-dropdown-wrapper {
        top: 0 !important;
        left: 240px;
        width: 970px;
        max-width: calc(100vw - 240px);
    }

    .level3 .nav-main-submenu .nav-main-dropdown-wrapper {
        width: 100%;
    }

    .level3 .nav-main-submenu .nav-main-dropdown-wrapper .nav-main-dropdown-item ul li ,
    .level4 .nav-main-submenu .nav-main-dropdown-wrapper .nav-main-dropdown-item ul li {
        width: 100%;
        display: block;
        max-width: 100%;
    }

    .level3 .nav-main-submenu .nav-main-dropdown-wrapper .nav-main-dropdown-item ul li a,
    .level4 .nav-main-submenu .nav-main-dropdown-wrapper .nav-main-dropdown-item ul li a{
        display: block;
    }

    .level3 .nav-main-submenu > li > a > i:not(.visible-xs),
    .level4 .nav-main-submenu > li > a > i:not(.visible-xs){
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    /* header-top */
    .header-top{
        background: #4a4b5c;
        position:relative;
        z-index:1030;
        width:100%;
        line-height: 0;
        font-size: 13px;
        line-height: 30px;
        height: 30px;
    }

    .header-top p,
    .header-top span,
    .header-top a {
        color: #ffffff;
        line-height: 30px;
        font-size: 13px;
    }

    .header-top.fixed-style {
        position:fixed;
        -webkit-animation: slideDown .5s;
        -o-animation: slideDown .5s;
        animation: slideDown .5s;
    }

    .header-top .nav.nav-simple > li{
        position: relative;
        float: left;
        padding: 0 10px;
    }

    .header-top .nav.nav-simple .item-username > i{
        padding-right: 5px;
    }

    .header-top .quick-links {
        float: left;
    }

    .header-top .quick-links .nav.nav-simple > li:first-of-type {
        padding-left: 0;
    }

    .header-top .nav.nav-simple > li a {
        padding: 0;
        /* vazno je odvojiti za impementaciju sass-a moze biti i helper, ima funkciju animacije */
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .header-top .nav.nav-simple > li a:hover {
        text-decoration: underline;
    }

    /* quick links */
    .quick-links {
        display: inline-block;
    }

    /* header users */
    .user {
        float: right;
    }

    .user .item.item-fast-login,
    .header-top .nav.nav-simple > li.item-fast-login {
        display: none;
    }

    .user .item.item-fast-login .form-group {
        margin: 0;
    }

    .user .item.item-fast-login input {
        width: 130px;
        height: 30px;
        font-size: 13px;
    }

    .user .item.item-fast-login .btn-wrapper {
        position: absolute;
        top: -1px;
        right: 0;
    }

    .user .item.item-fast-login .btn-wrapper .btn {
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
    }

    /* header logo */
    .header .logo {
        display: block;
        padding: 19px 0;
    }

    .header .logo > a {
        display: inline-block;
        height: 100%;
        line-height: 65px;
    }

    .header .main-4level-with-logo .nav-main-wrapper .logo {
        float: left;
        padding: 12px;
    }

    /*Header logo search*/
    .search-logo{
        position: absolute;
        top: 10px;
        left: 30px;
    }
    /* Nav mobile icon */
    .nav-mobile-icon {
        display: none;
        position: absolute;
        cursor: pointer;
        text-align: center
    }

    .nav-mobile-icon i {
        font-size: 30px;
        line-height: 60px;
    }

    /* autocomplete button */
    .autocomplete-button{
        position: relative;
        float: right;
        color: #ffffff;
        font-size: 16px;
        padding: 11px 13px;
        cursor: pointer;
        text-align: center;
        background: #017dc3;
    }

    .autocomplete-button.autocomplete-button-ribbon{
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25);
        -moz-box-shadow: 0 0 10px rgba(0,0,0,0.25);
        box-shadow: 0 0 10px rgba(0,0,0,0.25);
        margin-bottom: -8px;
    }

    .autocomplete-button.autocomplete-button-ribbon .title {
        font-size: 0.6rem;
        display: block;
        text-transform: uppercase;
    }

    .autocomplete-button.autocomplete-button-ribbon:after{
        content: "";
        position: absolute;
        bottom: 0px;
        left: -6px;
        border-right: 3px solid #3265A0;
        border-left: 3px solid transparent;
        border-top: 5px solid #3265A0;
        border-bottom: 5px solid transparent;
        z-index: 0;
    }

    .autocomplete-button.autocomplete-button-simple {
        background: transparent;
        padding: 18px 5px;
    }

    /* vartical navigation */
    .nav-vertical{
        width: 100%;
    }

    .nav-vertical > li{
        width: 100%;
    }

    .nav-vertical > li > a{
        color: #4a4b5c;
        padding: 8px 15px;
        border-bottom: 1px solid transparent;
    }

    .nav-vertical > li > a:hover,
    .nav-vertical > li > a:focus {
        background: transparent;
        color: #3973b5;
    }

    .nav-vertical > li > a.active {
        color: #3973b5;
    }

    .nav-vertical > li.active > a{
        background: #f7f7f7;
        color: #3973b5;
        border-bottom-color: #3973b5;

        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }

    .nav-vertical > li > ul{
        padding-left: 20px;
        padding-top: 5px;
    }

    .nav-vertical > li > ul > li > a{
        padding-top: 4px;
        padding-bottom: 4px;
        float: left;
        width: 100%;
    }

    .nav-vertical > li > ul > li.active > a{
        color: #428bca;
    }

    /* Sidebar menu */
    .sidebar-menu a {
        color: #4a4b5c;
    }

    .sidebar-menu {
        position: static;
        overflow: visible;
        background: rgb(245, 245, 245);
        max-width: 285px;
    }

    .sidebar-menu{
        max-width: 100%;
        margin-bottom: 40px;
        background: transparent;
    }

    .sidebar-menu .tabs-wrapper{
        padding: 20px;
    }
    .sidebar-menu ul.tabs{
        padding-left: 0;
        list-style-type: none;
    }

    .sidebar-menu.scroled {
        position: fixed;
        overflow-y: scroll;
        top: 90px;
        z-index: 1000;
    }

    .sidebar-menu .heading-wrapper {
        border-bottom: 1px solid #d9d9d9;
    }

    .sidebar-menu .heading-wrapper .title {
        display: inline-block;
    }

    .sidebar-menu .heading-wrapper .title h3{
        font-size: 20px;
        line-height: 20px;
        margin: 30px 0 10px 10px;
    }

    .sidebar-menu .toggleSidebar .icon {
        display: none;
        font-size: 35px;
        vertical-align: text-bottom;
        line-height: 22px;
        width: 35px;
        margin-left: 2px;
    }

    .sidebar-menu .nav {
        margin-top: 13px;
    }
    .sidebar-menu .nav li,
    .sidebar-menu .nav ul {
        list-style: none;
        position: relative;
        margin: 3px 0;
        overflow-x: hidden;
    }

    .sidebar-menu .nav > li.opened:after,
    .sidebar-menu .nav > li.active:after {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 100%;
        background: #dbdbdb;
        top: 0;
        left: 0px;
        z-index: 1;
    }

    .sidebar-menu .nav ul.nav-level2 > li.opened:after,
    .sidebar-menu .nav ul.nav-level2 > li.active:after {
        content: '';
        display: block;
        position: absolute;
        width: 2px;
        height: 100%;
        background: #b6b6b6;
        top: 0;
        left: 0px;
        z-index: 1;
    }

    .sidebar-menu .nav ul.nav-level3 > li.opened:after,
    .sidebar-menu .nav ul.nav-level3 > li.active:after {
        content: '';
        display: block;
        position: absolute;
        width: 3px;
        height: 100%;
        background: #929292;
        top: 0;
        left: 0px;
        z-index: 1;
    }

    .sidebar-menu .nav li > a {
        display: block;
        padding: 5px 10px 5px 15px;
    }

    .sidebar-menu .nav li > a:hover,
    .sidebar-menu .nav li > a:focus {
        text-decoration: none;
        background-color: #eeeeee;
    }

    .sidebar-menu .nav li.opened > a {
        font-weight: 700;
        margin-left: -2px;
    }

    .sidebar-menu .nav li.active > a {
        border: none;
        background: #3973b5;
        color: #ffffff;
        font-weight: 700;
        margin-left: -2px;
    }

    .sidebar-menu .nav li > ul {
        display: none;
        padding-left: 0;
    }

    .sidebar-menu .nav li.opened > ul,
    .sidebar-menu .nav li.active > ul {
        display: block;
    }

    .sidebar-menu .nav ul.nav-level2 > li > a {
        padding-left: 30px;
    }

    .sidebar-menu .nav ul.nav-level3 > li > a {
        padding-left: 45px;
    }

    .sidebar-menu .nav ul.nav-level4 > li > a {
        padding-left: 60px;
    }

    .sidebar-menu .collapsed-mobile {
        display: block;
    }

    /* Sidebar menu simple */
    .sidebar-menu.sidebar-menu-simple {
        background: rgba(255,255,255,0);
        max-width: inherit;
    }

    /* Page category */
    .category .heading-wrapper {
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 20px;
    }

    .category .heading-wrapper .title h1{
        margin: 0px 0 10px;
        font-size: 30px;
        line-height: 30px;
        text-transform: none;
    }

    /* Product Zoomer */
    .fullscreen .slider-init .zoomer .zoomer-controls-bottom {
        bottom: 75px;
    }

    .fullscreen .slider-init .zoomer.zoomer-gallery .zoomer-controls .zoomer-next,
    .fullscreen .slider-init .zoomer.zoomer-gallery .zoomer-controls .zoomer-previous{
        display: none;
    }

    .fullscreen .slider-init .zoomer .zoomer-image {
        max-width: 1000px;
        width: auto;
        margin-left: 50%;
        position: absolute;
        top: calc(50% - 400px);
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%);
    }

    /* fullscreen */
    .fullscreen{
        max-height: 0;
        text-align: center;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);

        /* helper - ease-slow */
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .fullscreen.loaded{
        visibility: visible;
        max-height: 1500px;
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    .fullscreen .close{
        padding: 11px;
        color: #414254;
        cursor: pointer;
        position: relative;
        z-index: 150;
        margin-top: 20px;
        right: 50px;
        font-size: 40px;

        /* helper - koji moze biti u animations*/
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .fullscreen .slider-navigation-absolute .slider-prev,
    .fullscreen .slider-navigation-absolute .slider-next{
        background-color: transparent;
        color: #000000;
        font-size: 75px;
        top: 50%;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .fullscreen .slider-navigation-absolute .slider-prev{
        left: 5%;
    }

    .fullscreen .slider-navigation-absolute .slider-next{
        right: 5%;
    }

    .fullscreen .slick-list {
        margin: 0 auto;
        width: 100%;
    }

    /* Breadcrumbs */
    .breadcrumbs{
        position: relative;
        z-index: 15;
        background: #ffffff;
    }

    .breadcrumbs.background-image-active {
        margin: 0;
        background: transparent;
    }

    .breadcrumbs.background-image-active a {
        color: #ffffff;
    }

    .breadcrumbs.background-image-active a:hover {
        text-decoration: underline;
    }

    .breadcrumbs ul{
        padding: 0;
        margin: 0;
    }

    .breadcrumbs li{
        float: left;
        font-size: 12px;
        /*padding: 5px 5px 5px 0;*/
        padding: 2px 0 0;
        list-style: none;
    }

    .breadcrumbs li:before{

        content: '/';
        display: inline-block;
        float: left;
        margin: 0 5px;
    }

    .breadcrumbs li:first-child:before{
        display: none;
    }

    /* Admin edit on product page */
    .admin-edit {
        float: right;
        line-height: 32px;
    }

    /* social shere icons */
    .social-share {
        font-size: 18px;
        pointer-events: all;
        margin-bottom: 10px;
    }

    .social-share .items-wrapper {
        display: inline-block;
    }

    .social-share .item {
        opacity: 0;
        display: inline-block;
        margin: 0 5px 0 0;

        /* helper - koji moze biti u animations*/
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .social-share.detail-social-share .item {
        opacity: 1;
    }

    .social-share.detail-social-share .share-text {
        display: inline-block;
        font-size: 13px;
        line-height: 20px;
        vertical-align: top;
        margin-right: 5px;
    }

    .social-share.detail-social-share .title{
        display: none;
    }

    .social-share .item a{
        color: #000000;
        font-size: 23px;
    }

    .social-share .item a:hover{
        color: #3973b5;
    }

    .social-share:hover .item {
        opacity: 1;
    }

    .social-share > i{
        cursor: pointer;
    }


    /*Social share*/

    .products-detail-wrapper .social-share {
        text-align: center;
        margin-top: 20px;
    }

    .products-detail-wrapper .social-share .item{
        opacity: 1;
    }

    .products-detail-wrapper .social-share i.icon-connection,
    .products-detail-wrapper .social-share .show-all{
        display: none;
    }


    .products-detail-wrapper .social-icon .heading-wrapper{
        display: none;
    }

    .products-detail-wrapper .social-icon .item{
        padding:5px 5px;
        margin-right:10px;
    }

    .products-detail-wrapper .social-icon .item:last-of-type{
        margin-right:0;
    }

    .products-detail-wrapper .social-icon .item img{
        width: 22px;
    }
    .products-detail-wrapper .social-icon .description{
        display: none;
    }
    /*Social share*/

    /* Product tabs */
    .tab-content{
        margin-bottom: 40px;
        padding: 10px;
    }

    .tab-content > .tab-pane {
        opacity: 0;
        -webkit-transition: opacity 0s linear;
        -moz-transition: opacity 0s linear;
        -ms-transition: opacity 0s linear;
        -o-transition: opacity 0s linear;
        transition: opacity 0s linear;
        display: block;
        height: 0;
        overflow: hidden;
    }

    .lists-tabs .tab-content > .tab-pane {
        overflow: hidden;
    }

    .tab-content > .tab-pane.active{
        opacity: 1;
        height: inherit;
    }

    .lists-tabs .tab-content > .tab-pane.active,
    .product-tab .tab-content > .tab-pane.active {
        overflow: inherit;
    }

    .tab-content > .tab-pane .slider,
    .tab-content > .tab-pane .slider.product-slider .slider-init {
        margin-bottom: 0;
    }

    .lists-tabs .tab-content .tab-pane .store-description img.img-responsive {
        margin: 0 10px 10px 0;
    }

    /*filters*/
    .filter-group .headline-wrapper{
        font-weight: 700;
        cursor: pointer;
        position: relative;
        padding: 0 20px 5px 0;
    }

    .filter-group .icon{
        line-height: 20px;
        font-size: 12px;
        display: none;

        position: absolute;
        top: 5px;
        right: 10px;
    }

    .filter-group .title {
        color: #868692;
    }

    .filter-group .icon.active{
        display: block;
    }


    .filter-group .items-wrapper{
        margin-bottom: 10px;
        padding:0 10px 5px 0;
        max-height: 150px;
        border-bottom:1px solid #d9d9d9;
        overflow: hidden;
    }


    .filter-group .items-wrapper.list-inline > li{
        width: 50%;
        float: left;
        font-size: 13px;
        padding-left: 0;
    }

    .filter-group .items-wrapper > li{
        margin-bottom: 2px;
        list-style: none;
        font-size: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
    }

    .filter-group .items-wrapper > li .icheckbox_flat {
        flex-shrink: 0;
        margin-top: 4px;
    }

    .filter-group .items-wrapper > li.form-group-checklabel label {
        line-height: 16px;
        padding: 3px 0;
    }

    .filter-group .items-wrapper > li > a:hover{
        padding-left: 3px;
        transition: padding-left .2s ease;
        display: block;
    }

    .filter-group .items-wrapper > li > a{
        transition: padding-left .05s ease;
        color:#868692;
    }

    .filter-group .items-wrapper > li.active > a{
        color: #3973b5;
    }

    .product-listing-filters .filter-group.filter-group-color ul.items-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

    }

    .filter-group .items-wrapper > li.color-item-wrapper {
        width: calc(100% / 3);
        float: left;
        background-repeat: no-repeat;
        background-position: center 5px;
        position: relative;
        margin-bottom: 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-size: auto 50px;
    }

    .filter-group .items-wrapper > li.color-item-wrapper .icheckbox_flat {
        width: 100%;
        background: transparent;
        border: none;
        height: 60px;
    }

    .filter-group .items-wrapper > li.color-item-wrapper .icheckbox_flat.checked {
        margin-top: 0;
    }

    .filter-group .items-wrapper > li.color-item-wrapper label {
        text-align: center;
        width: 100%;
        margin: 0;
        display: block;
        float: left;
        word-wrap: break-word;
        padding: 0 2px;
    }

    .filter-group .items-wrapper > li.color-item-wrapper label.checked {
        color: #3973b5;
    }

    .filter-group .items-wrapper .styled-select{
        width: 100%;
        max-width:100%;
    }

    .filter-group .items-wrapper .form-group{
        margin-bottom: 0;
    }

    .filter-group .items-wrapper .item.form-group-checklabel label:hover{
        color: #3973b5;
    }
    .filter-group .btn-wrapper{
        display: block;
    }
    .filter-group .btn-search{
        width: 100%;
        background: #3973b5;
        padding:9px 12px;
        margin: 10px 0;
    }

    .filter-group .btn-search:hover,
    .filter-group .btn-search:focus,
    .filter-group .btn-search:active,
    .filter-group .btn-search:focus:active {
        background: #4c8bce;
    }

    .filters-close{
        display: none;
    }
    .filter-group-items-wrapper.reset-wrapper {
        margin-bottom: 10px;
    }

    /* Tags */

    .selected-filters.tags{
        padding: 10px;
        background: #f0f0f0;
        position: relative;
        min-height: 40px;
        margin-bottom: 10px;
    }

    .selected-filters.tags:before{
        background: #f0f0f0;
        content: "";
        width: 20px;
        height: 100%;
        position: absolute;
        left: -20px;
        top: 0;
    }

    .tags .items-wrapper .item{
        display: inline-block;
        color: #ffffff;
        background: #414254;
        margin-right: 5px;
        margin-bottom: 5px;
        padding-left: 10px;
        float: left;
        cursor: pointer;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 8px;
    }

    .tags .items-wrapper .item:first-child{
        margin-left: 0;
    }

    .tags .items-wrapper .item .text,
    .tags .items-wrapper .item .close{
        height: 20px;
        line-height: 22px;
        float: left;
    }

    .tags .items-wrapper .item .text{
        font-size: 10px;
    }

    .tags .items-wrapper .item:hover .text{
        text-decoration: line-through;
    }

    .tags .items-wrapper .item .close{
        color: #ffffff;
        font-size: 7px;
        cursor: pointer;
        display: inline-block;
        margin-left: 5px;
        width: 20px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .tags .items-wrapper .item .close:before{
        line-height: 20px;
    }

    .tags .items-wrapper .item .close:hover{
        background: #626375;
    }

    /*Product-listing-intro*/

    .product-listing-intro .headding-wrapper{
        display: inline-block;
    }

    .product-listing-intro .intro-filters{
        display: inline-block;
        float: right;
    }

    .irs{
        display: none;
    }
    /*Home tabs*/
    .lists-tabs ul.items-wrapper {
        padding: 0;
    }

    .lists-tabs ul.items-wrapper .item {
        list-style: none;
        display: inline-block;
        font-size: 18px;
    }

    .lists-tabs .tab-content {
        border: 0px solid #ffffff;
        padding: 0;
        margin: auto;
    }

    /* Profile */
    .profile .heading-wrapper .title h3{
        margin-top: 4px;
        margin-bottom: 10px;
        border-bottom: 0;
        text-transform: uppercase;
        color: #3973b5;
        font-size: 20px;
        font-weight: 300;
    }

    .profile .heading-wrapper .description {
        margin-bottom: 20px;
    }

    .profile .profile-section {
        padding-left: 10px;
        margin-bottom: 15px;
        border-bottom: 1px solid #d9d9d9;
    }

    .profile .profile-section:last-child {
        border-bottom: 0;
    }

    .profile .profile-section .remove-item-lnk {
        cursor: pointer;
    }

    /* Profile intro */
    .profile .profile-into .item {
        padding-top: 20px;
        text-align: center;
        padding-bottom: 50px;
    }

    .profile .profile-into .item .img-wrapper {
        position: relative;
        display: inline-block;
    }

    .profile .profile-into .item .img-wrapper .icon {
        width: 120px;
        height: 120px;
        font-size: 35px;
        padding: 35px 0;
        background: transparent;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        box-shadow: 0 0 0 1px #cdcdcd;
        color: #3973b5;
        position:relative;
        display: block;
    }

    .profile .profile-into .item .img-wrapper .icon:hover{
        box-shadow: 0 0 0 8px rgba(205, 205, 205, 0.5);
        overflow: hidden;
        transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    }

    .profile .profile-into .item .img-wrapper .icon:before{
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: 40px;
    }

    .profile .profile-into .item .img-wrapper .icon.icon-cash {
        -webkit-transform: rotate(330deg);
        -moz-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        -o-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    .profile .profile-into .item .img-wrapper .item-counter{
        position: absolute;
        top: calc(50% - 18px);
        right: -15px;
        background: #414254;
        color: #ffffff;
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        font-size: 1.286rem;
        font-weight: 300;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

    .profile .profile-into .item .title{
        margin-top: 20px;
        padding-bottom: 0;
        border-bottom: 0;
        font-size:1.5rem;
        color: #000;
        font-weight: 300;
    }

    /* Profile user data */
    .profile .user-data .item.item-main-data img{
        width: 50px;
        max-width: 50px;
        height: 50px;
        border-radius: 50%;
    }

    /* Profile edit */
    .profile .profile-edit .form-edit-profile {
        max-width: 800px;
    }

    /* dl-horizontal */

    .dl-horizontal{
        font-size: 1.143rem;
    }

    .dl-horizontal dt{
        width: 130px;
        text-align: left;
        margin-bottom: 8px;
    }

    .dl-horizontal dd{
        margin-bottom: 8px;
        margin-left: 150px;
        text-align: left;
    }

    .dl-horizontal dd .btn{
        padding: 5px 10px;
        font-size: 12px;
        color: #4a4b5c;
        background-color: #ffffff;
        border: 1px solid #d9d9d9;
    }

    .dl-horizontal dd .btn:hover,
    .dl-horizontal dd .btn:focus,
    .dl-horizontal dd .btn:active,
    .dl-horizontal dd .btn:active:focus{
        background-color: #F5F5F5;
        border: 1px solid #d9d9d9;
        color: #777;
    }

    /* Profile my choice */

    .profile-my-choice .text-wrapper {
        margin-bottom: 20px;

    }

    .orderdetails-modal.modal-large .modal-dialog {
        width: 1200px;
        max-width: 90%;
    }

    .orderdetails-modal .buyButtonOnLists ,
    .orderdetails-modal .buyButtonOnLists-soonSale {
        margin-top: 10px;
        font-size: 13px;
        text-transform: none;
        min-width: 115px;
    }

    /* Profile invoice */
    .invoice-modal .modal-body {
        width: 100%;
        overflow-y: scroll;
    }

    .invoice-wrapper {
        display: block;
        margin: 0 auto;
        width: 828px;
        max-width: 100%;
        overflow-y: scroll;
    }

    .invoice {
        position: relative;
        margin: 0 auto;
        width: 790px;
        max-width: 100%;
        overflow-x: scroll;
        overflow-y: visible;
    }

    .invoice img {
        max-width: 788px;
    }

    .invoice .invoice-name {
        position: absolute;
        top: 39px;
        left: 31px;
        max-width: 328px;
        font-size: 16px;
    }

    .invoice .invoice-purpose {
        position:absolute;
        top: 117px;
        left: 31px;
        max-width: 328px;
        font-size: 16px;
    }

    .invoice .invoice-recipient {
        position: absolute;
        top: 197px;
        left: 31px;
        max-width: 328px;
        font-size: 16px;
    }

    .invoice .invoice-code{
        position: absolute;
        top: 51px;
        left: 432px;
        width: 37px;
        font-size: 16px;
        text-align: center;
    }

    .invoice .invoice-amount{
        position: absolute;
        top: 51px;
        left: 577px;
        max-width: 183px;
        font-size: 16px;
    }

    .invoice .invoice-account{
        position: absolute;
        top: 103px;
        left: 506px;
        width: 255px;
        font-size: 16px;
    }

    .invoice .invoice-modelnumber{
        position: absolute;
        top: 155px;
        left: 427px;
        width: 47px;
        font-size: 16px;
        text-align: center;
    }

    .invoice .invoice-referencenumber{
        position: absolute;
        top: 156px;
        left: 506px;
        max-width: 256px;
        font-size: 16px;
    }

    /* Profile wish-list */
    .profile-wish-list .product .item .btn-wrapper {
        top: auto;
        left: auto;
        bottom: 5px;
        right: 5px;
        cursor: pointer;
    }

    /* Profile favorite article */
    .profile .article .item .text-wrapper .the-date .year {
        display: none;
    }

    .profile .article .img-wrapper .btn-wrapper {
        position: absolute;
        bottom: 5px;
        left: 5px;
        color: #ffffff;
    }

    .profile .article .img-wrapper .btn-wrapper .icon {
        background: rgba(0,0,0,0.3);
        padding: 5px;
    }

    /* Cart table */

    .cart-table .item-img a {
        display: block;
        width: 60px;
    }

    .cart-table .item-img a img {
        padding-left: 0;
        box-shadow: 0 0 0 1px #ddd;
        margin-left:1px;
    }

    .cart-table .item.item-article {
        text-align: left;
    }

    .cart-table .item.item-article span.deliverydate{
        font-size: 10px;
        line-height: 12px;
        display: block;
        margin-top: 10px;
    }

    .cart-table .item-article a {
        display: block;
        width: 200px;
    }

    .cart-table .item-article a.category{
        font-size: 13px;
        color: #4a4b5c;
    }

    .cart-table .item-article a.title{
        color: #3973b5;
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 0;
    }

    .cart-product .product-item-description{
        display: none;
    }
    /* Contact page */
    .page .heading-wrapper {
        margin-bottom: 30px;
    }

    .page .intro {
        text-align: center;
        margin-bottom: 20px;
    }

    .page h1{
        margin-bottom: 5px;
    }

    .page h2 {
        margin-bottom: 0px;
    }

    .page .contact-forma .form-group {
        max-width: 380px;
    }

    .page .contact-forma .form-group.textarea-group {
        max-width: 480px;
    }
    .page .contact-forma.contact-form-1 .form-group.textarea-group {
        max-width: 100%;
    }
    .page .left-info {
        border-right: 1px solid #dddddd;
    }

    .page .left-info {
        padding-right: 50px;
    }

    .page .right-info {
        padding-left: 50px;
        border-left: 1px solid #dddddd;
        margin-left: -1px;
    }

    .page .left-info .heading-wrapper h2,
    .page .right-info .heading-wrapper h2{
        margin-top: 0;
        font-size: 20px;
        line-height: 20px;
    }

    .page .company-info .heading-wrapper {
        display: none;
    }

    .page .company-info .item {
        border-bottom: 1px solid rgba(255,255,255,0.5);
        padding-bottom: 10px;
    }

    .page .company-info .item a {
        padding: 0;
        color: #4a4b5c;
        display: inline-block;
    }

    .page .company-info .item a:hover {
        background: transparent;
    }
    .page .heading-wrapper .description {
        padding-top: 20px;
    }

    /* Login page */
    .page.login-page .btn-facebook {
        padding: 0 10px;
        line-height: 30px;
        margin-left: 5px;
        border-color: #3b5998;
        color: #3b5998;
        height: 32px;
    }

    .page.login-page .btn-facebook:active,
    .page.login-page .btn-facebook:focus,
    .page.login-page .btn-facebook:hover {
        background: #3b5998;
        color: #ffffff;
    }

    .page.login-page .btn-google {
        color: #dd4b39;
        border-color: #dd4b39;
        padding: 0 10px;
        line-height: 30px;
        margin-left: 5px;
        height: 32px;
    }

    .page.login-page .btn-google:before {
        font: normal normal normal 14px/1 FontAwesome;
    }

    .page.login-page .btn-google:active,
    .page.login-page .btn-google:focus,
    .page.login-page .btn-google:hover {
        background: #dd4b39;
        color: #ffffff;
    }

        /*Atribute letters*/
    .background.background-alt.attributes-letter {
        margin-bottom: -50px;
    }

    .attribute-letters-list {
        padding: 20px;
    }

    .attribute-letters-list .brands-wrapper{
        margin-bottom: 70px;
    }

    .attribute-letters-list .title {
        text-align: left;
        color: #3973b5;
        font-size: 60px;
        line-height: 60px;
    }

    .attribute-letters-list .content ul {
        list-style: none;
        padding: 0;
    }

    .attribute-letters-list .content li {
        padding: 3px 0;
        color: #000;
        font-size: 14px;
    }

    .attribute-letters-list .item-wrapper .link:hover{
        text-decoration: underline;
    }

    .attribute-letters-list .letters-inline{
        text-align: center;
        padding: 20px 0;
        border-top: 1px solid #d2d2d2;
        border-bottom: 1px solid #d2d2d2;
        background: #f7f7f7;
        margin-bottom: 30px;
    }

    .attribute-letters-list .list-letters .item {
        margin-bottom: 40px;
    }

    .letters-inline span.item {
        font-size: 18px;
        text-transform: uppercase;
        color: #5e5b5c;
        padding: 0 10px;
        cursor: pointer;
    }
    .letters-inline span.item:hover{
        color: #3973b5;
    }

    .letters-inline span.item.active{
        color: #3973b5;
    }

    .attribute-letters-list .content{
        height: 200px;
    }

    .show-all-brands{
        display: none;
    }

    /*article submenu*/
    .article .category-submenu{
        margin-bottom: 20px;
        text-align: center;
    }

    .article .category-submenu .item{
        position: relative;
        padding: 5px 10px;
        display: inline-block;
    }

    .article .category-submenu .item:after{
        content: '';
        height:5px;
        width:5px;
        border-radius: 50%;
        background: #036891;
        position: absolute;
        top:50%;
        transform: translateY(-50%);
        right: -5px;

    }

    .article .category-submenu .item:last-of-type:after{
        display: none;
    }

    .article .category-submenu .item .content{
        position: static;
        width: 100%;
        left: auto;
        bottom: auto;
        padding: 0;
    }

    .article .category-submenu .item .content{
        min-height: 0;
        border-top: 0 solid rgba(0,0,0,0.1);
    }

    .article .category-submenu .item .img-wrapper{
        display: none;
    }

    .article .category-submenu .item .text-wrapper .title{
        font-size: 13px;
        text-transform: uppercase;
    }

    .article .category-submenu .item.active .text-wrapper .title{
        text-decoration: underline;
    }

    .category-submenu.mobile{
        display: none;
    }

    .accordian.article{
        margin-top: 20px;
        min-height: calc(100vh - 400px);
    }

    /* Background image active */
    .background-image-active {
        color:#ffffff;
        margin:20px 0;
    }

    .background-image-active.page .company-info .item a,
    .background-image-active.page a,
    .background-image-active h1,
    .background-image-active h2,
    .background-image-active h3,
    .background-image-active h4 {
        color:#ffffff;
    }

    .background-image-active .styled-select {
        opacity:0.75;
    }

    .background-image-active select {
        color:#4a4b5c;
    }

    .background-image-active .form-control {
        opacity:0.75;
    }

    .background-image-active .form-group-checklabel label {
        color:#ffffff;
    }

    .background-image-active.contact-page .left-info {
        border-right: 1px solid rgba(255,255,255,0.5);
    }

    /* Company info */
    .company-info .item {
        font-weight: 300;
        margin-bottom: 5px;
    }

    .company-info .item span.title {
        font-weight: 400;
        display: block;
    }

    .company-info .item i {
        padding-right: 5px;
    }
    .company-info .item i,
    .company-info .item span.content {
        display: table-cell;
    }
    .company-info p{
        margin: 0;
    }
    .company-info .img-wrapper img{
        display: inline-block;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
    }
    /* Newsletter */
    .newsletter .description {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 15px;
    }

    /* Social icons */
    .social-icon .description {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 15px;
    }

    /* Contact map */
    #map-canvas,
    #stores-map {
        width: 100%;
        height: 100%;
        min-height: 50vh;
    }

    .direction-btn-wrapper {
        margin: 30px auto 40px;
        text-align: center;
        display: block;
    }

    .direction-btn-wrapper .btn {
        display: inline-block;
        margin: auto;
    }

    /*stores on map */
    .storelocator-panel {
        position: absolute;
        margin: 20px 0 20px 20px;
        width:  450px;
        padding: 0 10px 0 10px;
        height: auto;
        z-index: 1;
        overflow: auto;
        min-height: auto;
        max-height: calc(100% - 100px);
    }

    .store-directions {
        box-shadow: 1px 1px 8px rgba(0,0,0,0.25);
        background: #ffffff;
    }

    .storelocator-panel .store-item {
        background: #ffffff;
        color: #4a4b5c;
        margin-bottom: 5px;
        padding:15px;
        box-shadow: 1px 1px 8px rgba(0,0,0,0.25);
        cursor: pointer;
    }

    .storelocator-panel .store-item:hover{
        box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    }
    .store-item .store-item-wrapper .item.title{
        font-size: 16px;
        padding-bottom: 5px;
        padding-left: 0;
    }
    .store-item .store-item-wrapper .item{
        padding-left: 5px;
    }

    .store-item .store-item-wrapper .item.postcode,
    .store-item .store-item-wrapper .item.category {
        display: none;
    }

    .storelocator-panel .store-item .time-wrapper .title i {
        color: #488e1c;
        line-height: 24px;
    }

    .storelocator-panel .store-item .time-wrapper .title span i {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .storelocator-panel .store-item .time-wrapper.active .title span i.fa-angle-down {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .storelocator-panel .store-item .time-wrapper .store-time-wrapper{
        max-height: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        overflow: hidden;
    }

    .storelocator-panel .store-item .time-wrapper.active .store-time-wrapper{
        max-height: 250px;
    }

    .storelocator-panel .store-item .time-wrapper .title span,
    .storelocator-panel .store-item .time-wrapper .store-time-wrapper .item span {
        float: right;
    }

    .contact-wrapper-main-store-listing,
    .offers-sidebar.sidebar-product-compare{
        display: none;
    }

    /*store filters*/
    .storelocator-filter {
        padding: 10px;
        margin-bottom: 10px;
        background: #ffffff;
        box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
    }

    .storelocator-filter .icon.icon-search{
        position: absolute;
        top:55px;
        right:35px;
    }


    .storelocator-filter .form-group-checklabel{
        margin-bottom: 0;
        margin-right: 15px;
        display: inline-block;
    }

    .storelocator-panel .alert{
        margin-bottom: 10px;
    }

    .store-directions .form-control{
        margin-bottom: 0;
    }

    /* Store listing map v2*/
    .store-listing-map-v2 #map-canvas {
        height: 345px;
        min-height: 345px;
        margin-top: 110px;
        z-index: 1000;
    }

    .store-listing-map-v2 .storelocator-panel {
        min-height: 100%;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .store-listing-map-v2 .storelocator-filter {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-shadow: 0 0 0 0 #000;
        -moz-box-shadow: 0 0 0 0 #000;
        box-shadow: 0 0 0 0 #000;
        margin-top: 40px;
    }

    .store-listing-map-v2 .storelocator-filter > div {
        width: 50%;
    }

    .store-listing-map-v2 .storelocator-filter > div h4 {
        display: none;
    }

    .store-listing-map-v2 .storelocator-panel > .stores-list {
        position: absolute;
        left: 0;
        top: 455px;
        bottom: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
    }

    .store-listing-map-v2 .storelocator-panel .store-item,
    .store-listing-map-v2 .storelocator-panel .store-item:hover {
        width: 250px;
        -webkit-box-shadow: 0 0 0 0 #000;
        -moz-box-shadow: 0 0 0 0 #000;
        box-shadow: 0 0 0 0 #000;
        padding: 70px 40px;
    }

    .store-listing-map-v2 .store-map-wrapper.active .stores-list {
        opacity: 1 !important;
        pointer-events: all !important;
    }

    .store-listing-map-v2 .store-map-wrapper.active .show-store-list {
        display: none;
    }

    /* Store map popup */
    .store-popup {
        padding: 10px;
        max-width:375px;
    }

    .store-popup h1 {
        margin: 0 0 10px;
        font-size: 25px;
    }

    .store-popup .heading-wrapper.title{
        text-align:center;
    }

    .store-popup .item.item-text{

    }
    .store-popup .item-wrapper{
        margin-bottom: 10px;
    }

    .store-popup .store-popup .item-wrapper p{
        margin-bottom: 0;
    }

    .store-popup.item-wrapper ul{
        padding-left: 20px;
    }
    .store-popup .store-item-action{
        color: #3973b5;
        margin-top: 20px;
        margin-right: 15px;
        display: inline-block;
    }

    .store-popup .store-item-action:hover{
        color: #000000;
    }
    .store-popup .description{
        margin-bottom: 10px;
    }
    .store-popup .description .item {
        padding: 5px 5px 0 0;
    }
    .store-popup .title{
        font-weight: 700;
    }

    .store-popup .content{
        padding-left: 15px;
    }

    /*stores list*/
    .store-map-wrapper.active .stores-list {
        opacity: 0;
        pointer-events: none;
    }


    .stores-list{
        margin-bottom: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .stores-list .item-wrapper {
        height: 115px;
        padding: 10px;
        background: #ffffff;
        margin-bottom: 20px;
    }

    .stores-list .item-wrapper .title {
        font-size:1.25rem;
    }

    .stores-list .item-wrapper .address {
        font-size: 1rem;
        margin:5px 0;
    }

    .store-directions .input-group-btn .btn{
        height: 34px;
        line-height: 34px;
        padding: 0 10px;
    }

    /*map*/
    .store-map{
        height: 250px;
    }

    .store .post-details {
        padding:20px;
    }

    .store-map-full {
        max-height:500px;
    }

    .store-map-wrapper {
        position:relative;
    }

    .stores-map {
        position: absolute;
        top: 0;
        left: 0;
    }

    .store-listing-map {
        max-width:100%;
    }

    .store-map-full {
        margin-top:40px;
        z-index:0;
    }

    .store-map-wrapper .show-store-list {
        position: absolute;
        width: 40px;
        height: 40px;
        background: #fff;
        line-height: 45px;
        text-align: center;
        font-size: 20px;
        top: 52px;
        left: 30px;
        z-index: 1;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        cursor: pointer;
        -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
        box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
    }

    .store-map-wrapper.active .show-store-list {
        opacity: 1;
        pointer-events: all;
    }

    /*available btn*/
    .action-available.binded-to-tab {
        border: 1px solid #e1e1e1;
        padding: 10px 20px;
        display: inline-block;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .similar-products {
        width: 100%;
    }

    /* promotion location */
    .promotion-wrapper{
        position: relative;
        margin-bottom: 50px;
    }

    .promotion-wrapper .panel-wrapper > .panel{
        background: #f6f6f6;
        margin-bottom: 2px;
    }

    .promotion-wrapper .panel-group .panel-top > .panel-heading{
        background: #ffffff;
    }

    .promotion-wrapper .panel-group .panel-top > .panel-heading.opened .panel-toggle{
        color: #3973b5;
    }

    .promotion-wrapper .collapse.in > .panel-body{
        border-bottom: 1px solid #3973b5;
    }

    .promotion-wrapper .panel-title .panel-toggle.collapsed{
        color: #5c5c5c;
    }

    .promo-location .promo-store-text {
        display: inline-block;
    }
    .promo-location .promo-store-text span.store-name{
        display: inline;
    }

    /* Promo location grid */
    .uc-promo_location {
        overflow-x: hidden;
    }

    /* Panel */
    .panel .title {
        font-weight: 400;
        line-height: 1;
        margin: 0;
    }

    .panel .title .panel-toggle {
        background: transparent;
        color: #4a4b5c;
        display: block;
        width: 100%;
        padding: 10px 30px 10px 15px;
    }

    .panel .title.city-title .panel-toggle {
        color: #ffffff;
        padding: 10px 15px;
        display: block;
        width: 100%;
        background: #3973b5
    }

    .panel .title.city-title .panel-toggle.collapsed {
        background: transparent;
        color: #4a4b5c;
    }

    .panel .title.city-title .panel-toggle > .icon {
        float: right;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        line-height: 18px;
        margin: 0;
        color: #ffffff;
    }

    .panel .title.city-title .panel-toggle.collapsed > .icon {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #4a4b5c;
    }

    .panel > .collapsing,
    .panel > .collapse {
        background: #ffffff;
        border-bottom: 1px solid #3973b5;
    }

    .panel > .collapsing .panel-toggle,
    .panel > .collapse .panel-toggle {
        font-size: 15px;
        line-height: 35px;
        height: 35px;
        padding: 0 35px;
    }

    .panel .panel-group {
        margin: 0;
    }

    .panel .panel-group .promo-store-of-city {
        border-bottom: 1px solid #d9d9d9
    }



    .panel .panel-group .promo-store-of-city [id^=collapseInner] > .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

    }

    .panel .panel-group .promo-store-of-city [id^=collapseInner] > .row:after,
    .panel .panel-group .promo-store-of-city [id^=collapseInner] > .row:before {
        content: normal;
        display: none;
    }

    .panel .panel-group .promo-store-of-city .collapsing,
    .panel .panel-group .promo-store-of-city .collapse {
        min-height: 80px;
    }

    .panel .heading-wrapper {
        padding-left: 0;
    }

    .collapsing,
    .collapse{
        padding: 0;
    }

    .collapsing .item,
    .collapse .item {
        padding-left: 35px;
        margin-bottom: 10px;
        font-size: 15px;
    }

    .collapsing .map-link-wrapper,
    .collapse .map-link-wrapper {
        position: absolute;
        top: 0;
        right: 0;
    }

    .panel .icon:not(.fa-star){
        line-height: 2rem;
        margin-right: 10px;
        color: #b2b2b2;
    }

    .title .icon{
        margin-right: 10px;
    }

    .panel .item.item-store-time .icon {
        vertical-align: top;
        line-height: 18px;
    }

    .panel .item > div,
    .panel .item > .icon,
    .panel .item > dl {
        display: inline-table;
    }

    .panel .item .dl-horizontal {
        margin: 0;
    }

    .panel .item .dl-horizontal dd,
    .panel .item .dl-horizontal dt {
        line-height: 16px;
        font-size: 16px;
    }

    /* Promo location letters */
    .promotion-wrapper .letters-inline{
        text-align: center;
        padding: 20px 0;
        border-top: 1px solid #d2d2d2;
        border-bottom: 1px solid #d2d2d2;
        background: #f7f7f7;
        margin-bottom: 30px;
    }

    .promotion-wrapper .list-letters span.item {
        margin-bottom: 40px;
    }

    .promotion-wrapper span.item {
        font-size: 18px;
        text-transform: uppercase;
        color: #5e5b5c;
        padding: 0 10px;
        cursor: pointer;
    }
    .promotion-wrapper-inline span.item:hover{
        color: #3973b5;
    }

    .promotion-wrapper span.item.active{
        color: #3973b5;
    }
    .promotion-wrapper-table .title.vehicle{
        display: inline-block;
    }
    .promotion-wrapper-table .title{
        padding-left: 5px;
    }
    /* Promo location letters End */

    /* Categories list */
    .error-search-list {
        padding: 20px 0;
    }

    .categories-list {
        margin: 10px auto;
    }

    .categories-list .heading-wrapper {
        font-size: 18px;
        color: #3973b5;
    }

    .categories-list ul li a {
        color: #4a4b5c;
    }

    .toggle-init {
        cursor: pointer;
    }

    .indicator i {
        margin-right: 3px;
    }

    .toggle-init .indicator i {
        /* helper */
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);

        /* helper */
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .closed-toggle .indicator i {
        /* helper */
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    /* Promotion location witouth modal */
    .promotion-wrapper.promotion-wrapper-witouth-modal .collapse .map-link-wrapper {
        position: absolute;
        top: 0;
        right: 20px;
        width: calc(100% - 20px);
        height: calc(100% - 30px);
    }
    .promotion-wrapper.promotion-wrapper-witouth-modal .collapse .map-link-wrapper #map-container {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    /* Error page */
    .error-page {
        margin: 20px 0;
        text-align: center;
    }

    .error-page .heading-wrapper {
        text-align: center;
    }

    .error-404 {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        text-align: center;
    }

    .error-404 h1 {
        font-size: 30px;
        text-transform: uppercase;
    }

    .error-404 img {
        margin: 20px auto 10px;
    }

    /* Store background */
    .store-background {
        color: #ffffff;
        background: #4a4b5c;
        text-align: center;
        padding: 20px 0;
        z-index: -2;
    }

    .store-background h1 {
        margin-top: 10px;
        margin-bottom: 10px;
        color: #ffffff;
    }

    .store-background .background-img {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 100%;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-repeat:no-repeat;
        background-position:top center;
    }

    /* Store detail */
    .store-details {
        background:#ffffff;
        padding: 20px;
    }
    .store-details.store .post-content p:last-of-type{
        margin-bottom: 30px;
    }
    /* Store contact */
    .sidebar .store-contact {
        padding: 20px 20px 0;
        background:#ffffff;
    }
    .sidebar .store-contact.store-timetable{
        padding-top: 10px;
    }
    .store-contact .items-wrapper .title:first-child{
        margin: 0;
    }
    .store-contact .items-wrapper .title {
        margin: 10px 0 0 0;
    }

    .store-contact .items-wrapper .title .icon{
        color: #3973b5;
        margin: 0;
        width: 15px;
        line-height: 1.3;
        display: inline-block;
    }

    .store-contact .items-wrapper .item {
        font-weight: 300;
        color: #575757;
        margin-left: 20px;
    }

    .store-contact .items-wrapper .item.row {
        margin-left: 10px;
    }

    .store-contact .items-wrapper .item a {
        font-weight: 300;
        color: #575757;
    }

    .store-contact .items-wrapper .item.active {
        color: #008000;
        font-weight: 700;
    }

    .store-contact .contact-info-wrapper {
        max-width: calc(100% - 30px);
    }

    /* Registration sidebar */
    .registration-sidebar .text-wrapper {
        width: 400px;
        border: 5px solid #ffffff;
        background: #357ec6;
        background: -webkit-linear-gradient(#357ec6, #2c67a2);
        background: -o-linear-gradient(#357ec6, #2c67a2);
        background: -moz-linear-gradient(#357ec6, #2c67a2);
        background: linear-gradient(#357ec6, #2c67a2);
        color: #ffffff;
        padding: 25px;
        max-width: calc(100% - 20px);
        margin: 80px auto 0;
    }

    .registration-sidebar .img-wrapper img {
        margin: 10px auto;
    }

    /* Registration in steps */
    /* Cart in steps */
    .register-steps-btn-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-bottom: 1px solid #cccccc;
    }

    .register-steps-btn-wrapper .step {
        width: 25%;
        line-height: 48px;
        font-size: 16px;
        text-align: center;
        border-bottom: solid #ffffff;
        border-width: 2px 0;
    }

    .register-steps-btn-wrapper .step.active {
        font-weight: 700;
        color: #3174b6;
        border-bottom: 2px solid #3174b6;
    }

    /* Actions */
    .actions .item {
        margin-top: 20px;
    }
    .actions .item .img-wrapper{
        margin-bottom: 0;
    }

    .actions .item .title{
        display: inline-block;
        font-size: 18px;
        height: 24px;
        line-height: 24px;
        margin: 10px 0;
    }

    .actions .item .the-date{
        float: none;
        height: 24px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .actions .item .the-date .icon{
        padding-right: 10px;
    }

    .actions .item .description{
        margin: 10px 0;
    }

    /* Action main img */
    .action-main-img {
        margin-bottom: 20px;
    }

    /* FAQ strana */
    .accordian.article .panel {
        margin-bottom: 0;
    }

    .accordian.article .panel {
        position: relative;
    }

    .accordian.article .panel-inner p {
        margin: 15px;
    }

    .accordian.article .panel .panel-toggle.collapsed > .icon {
        color: #4a4b5c;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .accordian.article .panel .panel-toggle > .icon {
        color: #4a4b5c;
        position: absolute;
        right: 0;
        top: 5px;
    }

    /* Sidebar product */
    .sidebar-product{
        margin-bottom: 20px;
    }

    .sidebar-product .item {
        margin-bottom: 10px;
    }

    .sidebar-product .item .img-wrapper {
        text-align: center;
    }

    .sidebar-product .item a .title {
        margin-top: 5px;
        font-size: 15px;
        line-height: 15px;
        color: #969696;
        min-height: 30px;
    }

    .sidebar-product .current-price {
        color: #4a4b5c;
        font-size: 15px;
        line-height: 15px;
        font-weight: 700;
        margin-top: 5px;
        margin-bottom: 0;
        padding-right: 10px;
        min-height: 15px;
    }

    /* location search */
    .location-search {
        padding-bottom: 20px;
    }

    .location-search .heading-wrapper {
        margin: 36px 0 10px;
    }

    .location-search .inputs-wrapper {
        margin: 20px 0;
        position: relative;
    }

    .location-search .inputs-wrapper input {
        width: 100%;
        font-size: 14px;
        line-height: 28px;
        padding: 0 15px;
    }

    .location-search .inputs-wrapper button {
        background: #3973b5;
        padding: 6px 12px;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 14px;
        line-height: 20px;
    }

    /* Newsletter listing  */
    .message .item {
        margin-top: 20px;
    }
    .message .item .img-wrapper{
        margin-bottom: 0;
    }

    .message .item .title{
        display: inline-block;
        font-size: 18px;
        height: 24px;
        line-height: 24px;
    }

    .message .item .the-date{
        float: right;
        height: 24px;
        line-height: 24px;
    }

    .message .item .the-date .icon{
        padding-right: 10px;
    }

    .message .item .description{
        margin: 10px 0;
    }

    /* Newsletter preview */
    .message-detail .the-date {
        float: right;
        margin-top: 5px;
    }

    .message-detail .post-content {
        margin: 50px 0  ;
    }

    /* Poll  and Quiz */
    .quiz .item,
    .poll .item {
        margin-top: 20px;
    }

    .quiz .item .img-wrapper,
    .poll .item .img-wrapper{
        margin-bottom: 0;
    }

    .quiz .item .title,
    .poll .item .title{
        display: inline-block;
        font-size: 25px;
        height: 24px;
        line-height: 24px;
        margin: 10px 0;
    }

    .quiz .item .the-date,
    .poll .item .the-date{
        float: none;
        height: 24px;
        line-height: 20px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .quiz .item .the-date .icon,
    .poll .item .the-date .icon{
        padding-right: 10px;
    }

    .quiz .item .description,
    .poll .item .description{
        margin: 10px 0;
        max-height: 88px;
        overflow: hidden;
    }

    /* Poll detail */
    .poll-details {
        margin-bottom: 50px;
    }

    .poll-details .heading-wrapper {
        margin: 36px 0 10px;
    }

    .poll-details .post-content {
        margin: 0 0 20px;
    }

    .poll-details .poll-ended {
        background: #000000;
        padding: 2px 5px;
        color: #ffffff;
        display: inline-block;
    }

    .poll-details .poll-date {
        float: right;
        margin-bottom: 20px;
    }


    /* Quiz */
    .quiz-date{
        margin: 15px 0;
        display: inline-block;
        float: right;
    }

    .quiz-details .heading-wrapper{
        display: inline-block;
        margin: 0px 0 20px;
        border: none;
    }

    .quiz-details-info{
        margin-bottom: 15px;
    }

    .quiz-details .question{
        font-weight: 700;
    }

    .quiz-details{
        margin-bottom: 30px;
    }

    .quiz-details .item-option .icheckbox_flat, quiz-details .item-option .iradio_flat{
        margin-right: 5px;
    }

    .quiz-details .form-group{
        margin-bottom: 5px;
    }

    .quiz-details .progress-bar-success{
        background-color: #3973b5;
        color: #ffffff;
    }

    .progress-bar{
        color: #fff;
        text-align: center;
        background-color: #337ab7;
    }

    .quiz-details .progress{
        margin-bottom: 5px;
    }

    .quiz-details .item{
        margin-bottom: 20px;
    }

    .quiz-details .btn-success.quiz-submit{
        margin: 10px 0;
    }


    /* Category intro */
    .category-intro {
        text-align: center;
        margin-top: -35px;
    }

    .category-intro .intro-wrapper{
        background-size: cover;
        background-position: center;
        padding: 50px 0;
    }

    .category-intro .intro-wrapper.page-background,
    .category-intro .intro-wrapper.page-background h1{
        color: #ffffff;
        background-size: cover;
    }

    /* Article intro */
    .article-intro {
        text-align: center;
        margin-top: -35px;
    }

    .article-intro .intro-wrapper{
        background-size: cover;
        background-position: center;
        padding: 50px 0;
    }

    .article-intro .intro-wrapper.page-background,
    .article-intro .intro-wrapper.page-background h1{
        color: #ffffff;
        background-size: cover;
    }

    .article-video iframe {
        width: 100%;
        height: 450px;
    }

    /*Footer social and footer logo*/

    .footer .logo{
        margin-top: 50px;
    }


    /*Autocomplete*/

    .tt-input:focus{
        background: #fff !important;
        color: #000000;
    }

    .twitter-typeahead{
        width: 100%;
    }

    .twitter-typeahead .tt-dropdown-menu {
        background: #ffffff;
        width: 100%;
        border: 1px solid #eee;
        padding: 10px;
        cursor: pointer;
        z-index: 999 !important;
    }
    .modal .twitter-typeahead .tt-dropdown-menu{
        background: #ffffff;
    }

    /* parallax page */
    .parallax {
        overflow: hidden;
    }
    .parallax .item {
        display: block;
        width: 100%;
        height: 600px;
    }

    .parallax .item .img-wrapper {
        position: relative;
        float: left;
        width: 50%;
        height: 100%;
    }

    .parallax .item.odd .img-wrapper {
        float: right;
    }

    .parallax .item .img-wrapper .main-img,
    .parallax .item .img-wrapper .second-img {
        max-width: calc(100% - 100px);
        position: absolute;
        z-index: 10;
        bottom: -100vh;
    }

    .parallax .item .img-wrapper .second-img {
        z-index: 9;
        bottom: inherit;
        top: 100vh ;
    }

    .parallax .item:first-of-type .img-wrapper .main-img {
        bottom: 0;

    }

    .parallax .item:first-of-type .img-wrapper .second-img {
        top: 0;
        bottom: inherit;

    }

    .parallax .item .img-wrapper .main-img,
    .parallax .item.odd .img-wrapper .second-img {
        right: 0;
        left: inherit;
        max-height: 100%;
    }

    .parallax .item.odd .img-wrapper .main-img,
    .parallax .item .img-wrapper .second-img {
        right: inherit;
        left: 0;
        max-height: 100%;
    }

    .parallax .item .third-img {
        position: absolute;
        /*width: 150px;*/
        height: 150px;
        top: 0;
        right: -500px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .parallax .item.active .third-img {
        right: 0;
    }

    .parallax .item.odd .third-img {
        right: inherit;
        left: -500px;
    }

    .parallax .item.odd.active .third-img {
        right: inherit;
        left: 0;
    }

    .parallax .item .text-wrapper {
        width: 50%;
        position: relative;
        float: right;
        height: 100%;
    }

    .parallax .item.odd .text-wrapper {
        float: left;
    }

    .parallax .item .text-wrapper .content{
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 100%;
        padding: 100px;
        opacity: 0;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }

    .parallax .item.active .text-wrapper .content{
        opacity: 1;
    }

    .slider.paralax_bottom-slider .text-wrapper{
        position: absolute;
        top: 50%;
        width: 100%;
        text-align: center;
        transform: translateY(-50%);
    }
    .slider.paralax_bottom-slider .text-wrapper .description{
        font-size:24px;
    }

    .slider.paralax_top-slider{
        margin-bottom:0;
    }

    .slider.paralax_top-slider .mobile-img{
        display: none;
    }
    .slider.paralax_top-slider .slick-slide,
    .slider.paralax_bottom-slider .slick-slide{
        padding: 0;
    }
    .slider.paralax_bottom-slider .text-wrapper{
        position: absolute;
        top: 50%;
        width: 100%;
        text-align: center;
        transform: translateY(-50%);
    }
    .slider.paralax_bottom-slider .text-wrapper .description{
        font-size:24px;
    }

    .slider.paralax_top-slider{
        margin-bottom:0;
    }

    .slider.paralax_top-slider .mobile-img{
        display: none;
    }
    .slider.paralax_top-slider .slick-slide,
    .slider.paralax_bottom-slider .slick-slide{
        padding: 0;
    }
    /*slider-menu*/
    .slider-menu .item{
        text-align: center;
    }
    .slider-menu .item img{
        max-height: 280px;
        margin: 0 auto;
    }

    /*Lang dropdown*/

    .menu-lang-wrapper{
        display: inline-block;
        height:100%;
        cursor: pointer;
    }
    .menu-lang-wrapper:hover{
        background: rgba(0,0,0,0.2);
    }
    .menu-lang-wrapper:hover .dropdown-menu{
        display: block;
        margin: 0;
    }

    /* Language drop down from slider */
    .lang-from-slider {
        position: relative;
        display: inline-block;
    }

    .lang-from-slider .title {
        line-height: 25px;
        cursor: pointer;
    }

    .lang-from-slider .title img {
        height: 25px;
    }

    .lang-from-slider .title span {
        line-height: 25px;
        display: inline-block;
        padding: 0 30px 0 15px;
        min-width: 90px;
    }

    .lang-from-slider .dropdown-wrapper {
        position: absolute;
        bottom: 30px;
        left: 0;
        background: #ffffff;
        margin-left: 30px;
        width: calc(100% - 30px);
        border: 1px solid #000000;
        opacity: 0;
        pointer-events: none;
    }

    .lang-from-slider.active .dropdown-wrapper {
        opacity: 1;
        pointer-events: all;
    }

    .lang-from-slider .dropdown-wrapper a {
        display: block;
        padding: 0 15px;
        line-height: 25px;
        color: #000000;
    }

    /* Lang dropdown witout distance */
    .only-lang-dropdown .dropdown-options > li > a {
        background: #4a4b5b;
        padding: 0 10px;
        display: block;
    }
    .only-lang-dropdown .dropdown-options > li > img {
        margin-right: 5px;
    }

    .dropdown-options .language-name {
        margin: 0;
    }

    /*Scroll To Top*/
    .scroll-to-top {
        position: fixed;
        bottom: 50px;
        right: 50px;
        border: 1px solid #ffffff;
        background: #3973b5;
        color: #ffffff;
        height: 50px;
        width: 50px;
        text-align: center;
        z-index: 999;
        cursor: pointer;
        font-size: 27px;
        line-height: 46px;
        display: none;
    }
    /*SCroll To Top End*/

    /*Menu lang inline*/
    .menu-lang-wrapper.inline-block{
        float: right;
    }
    .menu-lang-wrapper.inline-block:hover {
        background: transparent;
    }
    .menu-lang-wrapper.inline-block .inline-menu li{
        list-style: none;
        float: left;
        padding: 0 5px;
        position: relative;
    }
    .menu-lang-wrapper.inline-block .inline-menu li:before{
        content: '|';
        position: absolute;
        right:-2px;
        color: #ffffff;
    }
    .menu-lang-wrapper.inline-block .inline-menu li:last-of-type:before{
        display: none;
    }

    .menu-lang-wrapper.inline-block .inline-menu li a{
        color: #ffffff;
        text-transform: uppercase;
        font-size: 11px;
    }
    .menu-lang-wrapper.inline-block .inline-menu li:hover a{
        color: #4a4b5c;
    }
    /*Menu lang inline End*/
    /*Reservation btn*/
    .action-button.reservation {
        float: right;
        height: 100%;
        background: #4a4b5c;
        line-height: 55px;
        padding: 0 20px;
        color: #ffffff;
        cursor: pointer;
    }

    /*Reservation dropdown*/
    .reservation-dropdown {
        max-width: 420px;
        float: right;
        position: absolute;
        right: 0px;
        top: 55px;
        background: rgba(57, 115, 181, 0.85) none repeat scroll 0% 0%;
        box-shadow: 0 3px 3px 0px rgba(0,0,0,0.1);
        padding: 30px 20px 0;
        display: none;
    }
    .datepicker.dropdown-menu{
        z-index: 999999 !important;
    }

    /*Genreic slider*/
    .generic-slider.fixedbg {
        background-size: cover !important;
        background-attachment: fixed !important;
        background-position: center !important;
    }
    .generic-slider .btn-wrapper,
    .generic-slider .button-wrapper{
        padding: 20px 0;
    }
    .generic-slider .btn-slider{
        background: #3973b5;
    }
    .generic-slider .mobile-img{
        display: none;
    }

    /*Slider with background*/
    .slider-with-background.slider{
        margin: 0;
    }

    .slider-with-background .slider-init{
        max-width: 600px;
        display: inline-block;
    }

    .slider-with-background .text-wrapper{
        position: absolute;
        left: 55%;
        top: 20%;
        text-align: left;
        width: 30%;
    }

    .slider-with-background .heading-wrapper{
        text-align: left;
    }

    .slider-with-background .btn-wrapper{

        text-align: left;
    }

    .slider-with-background .slider-with-background-content{
        max-width:1200px;
        margin: auto;
    }

    .orderdetails-modal .dl-horizontal{
        font-size: 14px;
        line-height: 16px;
    }
    .orderdetails-modal .dl-horizontal dt {
        width: 130px;
        text-align: left;
        margin-bottom: 0px;
    }
    .promo-modal .modal-body{
        padding: 0;
    }
    .promo-modal .modal-header{
        height:0;
        padding: 0;
    }
    .promo-modal button.close {
        position: absolute;
        z-index: 999;
        right: 10px;
        top: 10px;
    }

    /* Show more text */
    .show-more-text {
        overflow: hidden;
        margin-bottom: 10px;
    }

    .show-more-text.active {
        overflow: inherit;
        height: inherit !important;
    }

    /*Product state NEW*/
    .block.productstate-product {
        padding-top: 20px;
    }
    .productstate-product .location-search-box.img-wrapper img{
        max-width:200px;
    }
    .productstate-product .current-price {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 0;
    }
    .productstate-product .product-details-info .category a{
        font-size: 14px;
    }
    .productstate-product .product-details-price{
        display: none;
    }

    /*Gift card options*/
    .page form .heading-wrapper {
        margin-bottom: 0px;
    }

    h3 > p{
        margin: 0;
    }

    /*Items page grid*/
    .page-items {
        margin-bottom: 50px;
    }

    .page-items .item {
        margin: 0 auto;
        height: 140px;
        position: relative;
    }

    .page-items .item .img-wrapper img {
        display: block;
        width: auto;
        margin: 0 auto;
        max-width: 120px;

        /* helper - absolutno pozicioniranje u centar parenta - pos-center */
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    .page-items.page-items-grid .item {
        margin: 0 auto;
        height: 140px;
        position: relative;
        opacity: 0.75;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .page-items.page-items-grid .item:hover {
        opacity: 1;
    }

    /*Atribute letters*/
    .background.background-alt.page-items-letter {
        margin-bottom: -50px;
    }

    .page-items-inline span.item {
        font-size: 18px;
        text-transform: uppercase;
        color: #5e5b5c;
        padding: 0 10px;
        cursor: pointer;
    }
    .page-items-inline span.item:hover{
        color: #3973b5;
    }

    .page-items-inline span.item.active{
        color: #3973b5;
    }
    /*NL popup header*/
    .header-top .modal-popup{
        float: right;
        line-height: 35px;
        padding: 0 10px 0;
        position: relative;
    }

    /*Slider block img*/
    .slider_block-slider{
        margin: 30px 0;
        margin-bottom: 60px;
    }
    .slider_block-slider .text-wrapper{
        display: none;
    }
    .slider_block-slider .btn-wrapper{
        display: none;
    }

    .slider_block-slider .mobile-img{
        display: none;
    }

    /*Product User manual*/
    .user-manual{
        padding: 10px 0;
        display: none;
    }

    .user-manual .download{
        display: inline-block;
        height:30px;
        width:30px;
        background: url('../../images/core/download_icon.png');
        background-size: contain;
        background-repeat: no-repeat;
    }
    .user-manual .lnk span{
        vertical-align: middle;
        padding-left: 5px;
    }

    /* Help desk login */
    .help-desk-login {
        padding: 20px 0 50px;
        max-width: 400px;
    }

    .healp-desk-wrapper .heading-wrapper .title h1 {
        font-size: 48px;
        color: #000000;
        line-height: 100px;
        text-transform: none;
        margin: 0;
    }

    /* Permission denied */
    .permission-denied {
        padding: 50px 0 200px;
        text-align: center;
    }

    /* Page with Background and content text */
    .page-background-with-text {
        position: relative;
        margin-bottom: 50px;
        color: #ffffff;
    }

    .page-background-with-text.page-background-with-text-center .text-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: calc(100vw - 20px);
        text-align: center;
    }

    /* footer-newsletter-social */
    .footer-newsletter-social{
        padding: 20px 0;
        background: #3973b5;
    }
    .footer-newsletter-social .social-icon .description{
        display: none;
    }

    .footer-newsletter-social .newsletter .heading-wrapper{
        display: inline-block;
    }
    .footer-newsletter-social .newsletter .heading-wrapper .title{
        display: none;
    }

    .footer-newsletter-social .newsletter .heading-wrapper .description{
        font-size: 13px;
        text-transform: uppercase;
        padding-right: 10px;
        color: #ffffff;
    }

    .footer-newsletter-social .newsletter .newsletter-form{
        display: inline-block;
    }
    .footer-newsletter-social .newsletter .newsletter-form .form-group{
        display: inline-block;
        margin: 0;
    }
    .footer-newsletter-social .newsletter .form-group input{
        margin-bottom: 0;
        background: #ffffff;
        color: #3973b5;
        width: 285px;
    }

    .footer-newsletter-social .newsletter input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #a3a3a3;
        text-transform: uppercase;
        font-size: 12px;
    }
    .footer-newsletter-social .newsletter input::-moz-placeholder { /* Firefox 19+ */
        color: #a3a3a3;
        text-transform: uppercase;
        font-size: 12px;
    }
    .footer-newsletter-social .newsletter input:-ms-input-placeholder { /* IE 10+ */
        color: #a3a3a3;
        text-transform: uppercase;
        font-size: 12px;
    }
    .footer-newsletter-social .newsletter input:-moz-placeholder { /* Firefox 18- */
        color: #a3a3a3;
        text-transform: uppercase;
        font-size: 12px;
    }


    .footer-newsletter-social .newsletter .btn-wrapper .btn {
        background: #ffffff;
        color: transparent;
        height: 34px;
        margin-left: -3px;
        width: 50px;
        position: relative;
    }

    .footer-newsletter-social .newsletter .btn-wrapper .btn:before {
        content: url(../../images/core/nl_icon.png);
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        transition: all .8s ease;
        -webkit-transition: all .8s ease;
        -moz-transition: all .8s ease;
    }
    .footer-newsletter-social .newsletter .btn-wrapper .btn:hover:before{
        left: 70%;
    }

    .footer-newsletter-social .newsletter .validation-errors-list {
        bottom: -14px;
        top: initial;
    }
    .footer-newsletter-social .social-icon{
        text-align: right;
    }

    /*Sidebar social icon*/
    .sidebar-social.social-icon .item{
        display: block;
        text-align: center;
        border-bottom:1px solid #3973b5;
        padding: 20px 0;
    }
    .sidebar-social.social-icon .item img{
        filter: invert(100%);
        display: inline-block;
    }
    .sidebar-social.social-icon .description {
        display: inline-block;
        font-size: 12px;
        text-transform: uppercase;
        width: 65px;
        text-align: left;
        padding-left: 10px;
        margin: 0;
    }

    /*Sidebar social icon End*/

    /*Footer Social-newsletter*/
    .footer-wrapper .footer-social-newsletter .container {
        padding-bottom: 30px;
    }

    .footer-wrapper .footer-social-newsletter .container .title h5 ,
    .footer-wrapper .footer-social-newsletter .container .title .h5 {
        margin: 40px 0 20px;
    }

    .footer-wrapper .footer-social-newsletter .newsletter form {
        position: relative;
        max-width: 385px;
    }

    .footer-wrapper .footer-social-newsletter .newsletter .form-group input {
        background: #ffffff;
        color: #cac9c9;
        font-size: 13px;
        height: 40px;
    }

    .footer-wrapper .footer-social-newsletter .newsletter form .btn-wrapper {
        position: absolute;
        top: 0;
        right: 0;
    }

    .footer-wrapper .footer-social-newsletter .newsletter form .btn-wrapper button,
    .footer-wrapper .footer-social-newsletter .newsletter form .btn-wrapper button:hover{
        height: 40px;
        font-weight: 400;
        color: #ffffff;
        background-color: #3973b5;
    }
    .footer-wrapper .footer-social-newsletter .newsletter form .btn-wrapper button:hover{
        opacity: 0.7;
    }

    .footer-wrapper .footer-social-newsletter  .newsletter form .btn-wrapper button:hover{
        background-color: #3973b5;
    }
    .footer-wrapper .footer-social-newsletter .social-icon .heading-wrapper{
        display: block;
    }
    .footer-wrapper .footer-social-newsletter .social-icon .description{
        display: block;
    }
    .footer-wrapper .footer-social-newsletter .social-icon .item img{
        width:100%;
    }
    .footer-wrapper .footer-social-newsletter .social-icon {
        text-align: left;
    }
    /*Footer Social-newsletter End*/
    /*Lists Ingfo detail*/
    .detail-product-info-lists {
        padding: 20px 0;
        margin-top: 20px;
        display: none;
    }
    .detail-product-info-lists .list-img {
        display: inline-block;
        float: left;
        margin-right: 10px;
    }

    .detail-product-info-lists .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .detail-product-info-lists .item .img-wrapper {
        flex-shrink: 0;
        margin-right: 5px;
    }

    /*Quick view modal*/
    .modal .product-details{
        padding-top: 0;
    }
    /*Quick view modal End*/

    .similar-articles .item .text-wrapper{
        margin-top:10px;
    }
    /*Article banner End*/

    /*Size available product*/
    .size-available-wrapper .abs-buttons-wrapper{
        display: none;
    }
    .size-available-wrapper .item-description-hover{
        display: none;
    }

    /*Size available product End*/

    /* Product custom grid */
    .product-custom-grid.product .col-sm-8 .item:first-child:after,
    .product-custom-grid .items-wrapper > div:first-child:after {
        content: '';
        position: absolute;
        top: 10px;
        right: 0;
        width: 1px;
        height: calc(100% - 20px);
        background: #ffffff;
    }

    .product-custom-grid .items-wrapper > div:first-child > .row > .col-xs-12:after,
    .product-custom-grid .items-wrapper > div:last-child > .row > .item:not(:first-child):after {
        content: '';
        position: absolute;
        top: 0;
        left: 10px;
        height: 1px;
        width: calc(100% - 20px);
        background: #ffffff;
    }

    .product-custom-grid.product .item {
        height: 0;
        padding-bottom: 100%;
    }

    .product-custom-grid.product .col-sm-8 .item {
        padding-bottom: 50%;
    }

    .product-custom-grid.product .col-sm-8 .item.big-item {
        padding-bottom: 100%;
    }
    /* Quickview info slider End*/

    /*Profile Loyality*/
    .member-status{
        border-bottom:1px solid #d9d9d9;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .member-status .item-wrapper{
        text-align: center;
        padding-bottom: 10px;
        opacity: 0.7;
    }
    .member-status .item-wrapper.active{
        font-weight: 700;
        opacity: 1;
    }
    .member-status .item-wrapper .title{
        text-transform: uppercase;
        padding: 0 0 10px;
        font-size: 16px;
    }
    .member-status .item-wrapper .description{
        font-size: 15px;
        padding:10px 0 0 ;
        height: 55px;
        overflow: hidden;
    }

    .user-points{
        text-align: center;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 30px;
    }
    .user-points span{
        font-size: 21px;
    }

    /*Sidebar detail product*/
    .toggle-button.expand .icon-angle-fat-left:before,
    .toggle-button.expand .icon-angle-fat-right:before{
        content: "\e604";
    }
    .toggle-button.expand .icon-angle-fat-left:before,
    .toggle-button .icon-angle-fat-right:before{
        content: "\e630";
    }

    /*Sidebar detail product End*/

    /*Fullscreen slider*/
    /*Countdown*/


    .slider.main-slider .counter{
        width:100%;
        text-align: center;
    }

    .slider.main-slider .counter span {
        padding: 20px;
        font-size: 56px;
        display: inline-block;
        font-weight: 700;

    }

    .slider.main-slider .counter span em{
        display: block;
        font-size: 24px;
        font-weight: 400;
    }

    .slider.main-slider  .counter {
        width: 100%;
        color: #fff;
        text-align: center;
        margin: 18px auto 0;
        bottom: 20px;
        position: absolute;
    }

    .slider.main-slider .counter span {
        font-size: 70px;
        line-height: 1em;
        font-weight: 700;
        display: block;
        padding: 12px 0 30px;
        min-width: 25%;
        float: left;
        text-shadow: 0px 1px 3px rgba(0, 0, 0, .5);
        border-left: 1px dotted rgba(255, 255, 255, .2);
    }
    .slider.main-slider .counter span:first-child {
        border-left: none;
    }

    .slider.main-slider .counter span em {
        font-size: 11px;
        line-height: 18px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        margin-top: 12px;
        display: block;
        color: #BCBCBC;
        color: rgba(255, 255, 255,.6);
        text-shadow: 0px 1px 2px rgba(0, 0, 0, .7);
    }

    /* Price page */
    .price-page table.table {
        max-width: calc(100% - 2px);
    }

    .price-page table.table > tbody > tr:nth-child(2n+1) {
        background: transparent;
    }

    .price-page table.table > tbody > tr > th {
        background: #f5f5f5;
        border-right: 1px solid #e5e5e5;
    }

    .price-page table.table > tbody > tr > td {
        border-right: 1px solid #e5e5e5;
    }

    .price-page table.table > tbody > tr > th:first-child,
    .price-page table.table > tbody > tr > td:first-child {
        padding-left: 20px;
    }

    .price-page table.table > thead:first-child > tr:first-child > th:first-child {
        padding-left: 20px;
        color: #414254;
        font-size: 24px;
        font-weight: 400;
    }

    /*FullSlider*/
    .fullscreen.loaded {
        max-height: 100vh;
        height:100vh !important;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }


    .fullscreen-product-slider > .fscrren img{
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 100% !important;
        max-height: inherit !important;
        cursor:grab;

    }
    .fullscreen-product-slider > .fscrren .img-wrapper{
        position: relative;
        width: 100vw;
        height: 100vh;
    }

    .fullscreen-product-slider > .close {
        position: absolute;
        top: 0;
    }

    .slider.product-images-thumbs .view360-btn-wrapper,
    .slider.product-main .item.view-360-images .threed-icon-wrapper{
        margin: 0;
        padding: 0;
    }

    .slider.product-main .item.view-360-images .tooltip-360-wrapper{
        position: absolute;
        bottom: 40px;
        text-align: center;
        color: #ffffff;
        z-index: 30;
        width: 260px;
        left: calc(50% - 130px);
        font-size: 15px;
    }

    .slider.product-main .item.view-360-images:before{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.25);
        z-index: 10;
        display: block;
        pointer-events: none;
    }

    .slider.product-main .item.view-360-images:after{
        content: '';
        position: absolute;
        left: 10px;
        top: 0;
        width: calc(100% - 20px);
        height: 100%;
        background: url(../../images/core/360logo_30.png) center no-repeat;
        background-size: 50px;
        filter: brightness(0) invert(1);
        z-index: 20;
        display: block;
        cursor: pointer;
        pointer-events: none;
    }

    .slider.product-images-thumbs .view360-btn-wrapper:before{
        content: '';
        position: absolute;
        left: 10px;
        top: 0;
        width: calc(100% - 20px);
        height: 100%;
        background: rgba(0,0,0,0.25);
        z-index: 10;
        display: block;
    }

    .slider.product-images-thumbs .view360-btn-wrapper:after{
        content: '';
        position: absolute;
        left: 10px;
        top: 0;
        width: calc(100% - 20px);
        height: 100%;
        background: url(../../images/core/360logo_30.png) center no-repeat;
        background-size: 50px;
        filter: brightness(0) invert(1);
        z-index: 20;
        display: block;
        cursor: pointer;
    }

    .product-images-thumbs-vertical-fullscreen {
        position: fixed;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 100px;
        min-height:300px;
        z-index:9999;
    }

    .product-images-thumbs-vertical-fullscreen .item{
        margin:5px 0;
        cursor: pointer;
    }

    .fcreen-slider-wrapper{
        position: relative;
    }
    .fcreen-slider-wrapper .slider-navigation-absolute{
        top: 0;
        bottom: 0;
        transform: none;
    }
    .fcreen-slider-wrapper .slider-navigation-absolute .slider-prev,
    .fcreen-slider-wrapper .slider-navigation-absolute .slider-next{
        -webkit-transform: translateX(-50%) rotate(90deg);
        -moz-transform: translateX(-50%) rotate(90deg);
        -ms-transform: translateX(-50%) rotate(90deg);
        -o-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg);
        left: calc(50% + 10px);
        cursor: pointer;
    }
    .fcreen-slider-wrapper .slider-navigation-absolute .slider-prev{
        top: -30px;


    }
    .fcreen-slider-wrapper .slider-navigation-absolute .slider-next{
        bottom: -30px;
        top: auto;
    }
    .fcreen-slider-wrapper .item.slick-slide.slick-active .img-wrapper{
        position: relative;
    }
    /*color over img in slider*/
    .fcreen-slider-wrapper .item.slick-slide.slick-active .img-wrapper:before {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.5;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        display: none;
    }

    .fcreen-slider-wrapper .item.slick-slide.slick-active:hover .img-wrapper:before,
    .fcreen-slider-wrapper .item.slick-current.slick-active .img-wrapper:before {
        opacity: 0;
    }
    #mousetext {
        position: absolute;
        padding: 0px 10px;
        pointer-events: none;
        display: none;
        font-weight: 700;
    }
    /*FullSlider End*/

    /*Category article menu */
    .category-menu-with-img{
        text-align: center;
        padding-top: 10px;
    }

    .category-menu-with-img .item{
        display: inline-block;
        text-align: center;
        padding: 10px;
        max-width:260px;
    }
    .category-menu-with-img .item a{
        padding: 0px;
    }
    .category-menu-with-img .item .img-wrapper{
        padding:10px;
    }
    .category-menu-with-img .nav>li>a:hover,
    .category-menu-with-img .nav>li>a:focus {
        text-decoration: none;
        background-color: transparent;
    }
    .category-menu-with-img .item .text-wrapper .title {
        font-size: 15px;
        margin: 10px;

    }

    .menu-circle-img .item img{
        border-radius: 50%;
    }

    /*Category article menu End*/


    img.doc-download{
        max-height: 50px;
        display: inline-block;
    }
    /*Page menu with images End*/

    /*Product detail items*/
    .product-details-items .items .item{
        text-align: center;
    }

    .product-details-items{
        padding: 15px 20px 0;
    }

    .product-details-items .item .title{
        font-size: 12px;
        color: #797979;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 5px;
        min-height: 35px;
        line-height: 1.1;
    }

    .product-details-items .item img{
        margin: 0 auto;
        max-height: 30px;
        max-width: 30px;
    }

    .productitem-store-wrapper{
        display: none;
    }

    /*product detail items End*/

    /*Newsletter modal*/
    .modal.modal-email .modal-dialog{
        width:800px;
    }

    .modal.modal-email .modal-footer{
        border-top: 1px solid transparent;
    }
    .modal.modal-email .modal-header{
        padding: 0;
        background: transparent;
        border-bottom: 0px solid #e5e5e5;
    }
    .modal.modal-email .title{
        text-align: left;
        font-size: 30px;
        color: #4a4b5c;
    }

    .modal.modal-email .description{
        /*padding: 50px 0 30px;*/
    }
    .modal.modal-email.row{
        padding-top: 30px;
    }

    .modal.modal-email .close{
        position: absolute;
        top: 10px;
        right:30px;
        color: #4a4b5c;
    }
    .modal.modal-email .modal-body{
        padding: 0;
    }
    .modal.modal-email .modal-content{
        padding:30px;
    }
    .modal.modal-email .img-wrapper{
        margin: auto;
    }
    .modal.modal-email .input-btn-wrapper{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .modal.modal-email .input-btn-wrapper .btn{
        min-width: 110px;
    }
    .modal.modal-email .img-wrapper{
        text-align: right;
    }
    .modal.modal-email .img-wrapper img{
        display: inline-block;
    }
    .modal.modal-email .row{
        padding-top: 20px;
    }

    /*Simple item*/
    .item.simple-item {
        display: inline-block;
        margin-right: 30px;
        position: relative;
    }
    .item.simple-item:last-child{
        margin-right: 0;
    }
    .item.simple-item .text-wrapper {
        position: absolute;
        width: 100px;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        top: 200%;
        font-size: 11px;
        pointer-events: none;
        background-color: #ffffff;
        padding: 10px 5px;
        text-transform: uppercase;
        opacity: 0;
    }
    .item.simple-item:hover .text-wrapper{
        opacity: 1;
        transition: all 0.3s;
        top: 120%;
    }

    /* Confirm loader */
    .confirm-loader.active span,
    .confirm-loader span.loading {
        display: none;
    }

    .confirm-loader.active span.loading {
        display: block;
    }

    .confirm-loader.active {
        pointer-events: none;
    }

    .confirm-loader.active span.loading i {
        -webkit-animation: spin 2s linear infinite;
        -o-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
    }

    /* Grid slider with two images*/
    .sec_img_wrapper{
        position: absolute;
        top: 20px;
        left: 20px;
    }

    .slider_two_image-slider-wrapper .sec_img_wrapper{
        position: relative;
        top: 0;
        left: 0;
    }

    .slider_two_image-slider-wrapper .headline-wrapper{
        display: none;
    }

    .slider_two_image-slider-wrapper .item-wrapper-rel{
        background: #3973b5;
        color: #ffffff;
        padding: 30px;
        height: 100%;
        position: relative;
    }

    .slider_two_image-slider.slick-initialized{
        margin: 0 0px 30px;
        border: 1px solid #eeeeee;
    }

    .slider_two_image-slider-wrapper .item-title{
        font-size: 26px;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 35px;
    }

    .slider_two_image-slider-wrapper .item-button-wrapper .btn{
        border: 1px solid #ffffff;
        padding: 10px 40px;
    }

    .slider_two_image-slider-wrapper .item-button-wrapper{
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translate(-50%);
    }

    .slider_two_image-slider-wrapper .item-description{
        margin-bottom: 50px;
    }

    .slider_two_image-slider-wrapper .flex{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .slider_two_image-slider-wrapper .slick-slide img{
        height: 100%;
    }


    .slider_two_image-slider-wrapper .item-wrapper-rel:before{
        content: '';
        position: absolute;
        left: -20px;
        top: 90px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 20px 20px 0;
        border-color: transparent #e7302d transparent transparent;
    }

    .slider_two_image-slider-wrapper .sec_img_wrapper:before{
        content: '';
        position: absolute;
        left: -20px;
        top: 90px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 20px 20px 0;
        border-color: transparent #ffffff transparent transparent;
    }

    .slider_two_image-slider-wrapper .slick-initialized .slick-slide{
        padding: 0 10px;
    }

    .slider_two_image-slider-wrapper .slick-dots li button:before{
        background: #aeaeae;
        height: 1px;
        width: 20px;
        top: 5px;
        border-radius: 0%;
    }

    .slider_two_image-slider-wrapper .slick-dots li.slick-active button:before{
        background: #ef3434;
        box-shadow: none;
        height: 1px;
        width: 20px;
    }

    .slider_two_image-slider-wrapper .item-description ul{
        padding-left: 20px;
    }

    .slider_two_image-slider-wrapper .item-description ul>li>p{
        margin: 0 0 5px;
    }

    .slider_two_image-slider-wrapper.slider-wrapper:before, .slider_two_image-slider-wrapper.slider-wrapper:after{
        display: none;
    }

    #shipment_tracking_form dd {
        margin-bottom: 5px;
    }

    #shipment_tracking_form .shipment-track-dl {
        margin-left: 10px;
    }
    .promo-location-country-wrapper .item-promo-country{
        display: inline-block;
        padding: 5px 15px;
        cursor: pointer;
        text-transform: uppercase;
    }

    /*Cart badges*/

    .cart-badges-list .items-wrapper{
        padding: 10px 10px;
        text-align: center;
        font-size: 14px;
    }

    .cart-badges-list .item{
        display: inline-block;
        padding: 20px 15px;
    }

    .cart-badges-list .item .img-wrapper img{
        margin: auto;
    }

    .cart-badges-list .item .text-wrapper .title{
        text-transform: uppercase;
        padding: 20px 0 5px;
        max-width:170px;
        text-align: left;
    }
    .cart-badges-list .item .text-wrapper .points{
        text-transform: uppercase;
        margin-top: 5px;
        text-align: left;
    }
    .cart-badges-list .item .text-wrapper .points span{
        padding-left: 5px;
        text-transform: lowercase;
        font-weight: 700;
    }

    .sidebar .store-contact.store-timetable{
        padding-bottom: 20px;
    }

    .article.article-grid-listing-7 div:not(.category-submenu) .item .content{
        position: static;
        padding: 10px 60px;
        text-align: center;
        border: 1px solid #d9d9d9;
    }

    .sidebar-wrapper .article.article-grid-listing-7 div:not(.category-submenu) .item .content{
        padding: 10px 20px;
    }

    .sidebar-wrapper .similar-article-slider .heading-wrapper h2{
        text-transform: uppercase;
    }

    .sidebar-wrapper .slick-dots{
        bottom: 5px;
    }

    .article-autosuggest .item .content{
        padding: 0;
    }

    .article.article-grid-listing-7 .item .text-wrapper .the-date{
        top: 20px;
        left: 30px;
        right: auto;
        height: 25px;
        width: 75px;
        border-radius: 0;
        padding: 0;
        line-height: 25px;
    }

    .article.article-grid-listing-7 .item .text-wrapper .day,
    .article.article-grid-listing-7 .item .text-wrapper .month{
        display: inline-block;
    }

    .article.article-grid-listing-7 .item .text-wrapper .category,
    .article-autosuggest .item .text-wrapper .category{
        text-align: center;
        position: relative;
        font-style: normal;
        line-height: 20px;
        height: 20px;
        overflow: hidden;
    }

    .article.article-grid-listing-7 .item .text-wrapper .category:before,
    .article-autosuggest .item .text-wrapper .category:before{
        content: '';
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 1px;
        width: 40px;
        background: #d9d9d9;
        bottom: 0px;
    }

    .article.article-grid-listing-7 div:not(.category-submenu) .item .text-wrapper .title,
    .article-autosuggest .item .text-wrapper .title{
        font-size: 17px;
        color: #373737;
        text-align: center;
        font-family: 'Montserrat', sans-serif;
        margin-top: 20px;
        margin-bottom: 0;
        height: 45px;
    }

    .article.article-grid-listing-7 .item .text-wrapper .title a,
    .article-autosuggest .item .text-wrapper .title a{
        color: #373737;
        text-transform: uppercase;
        font-weight: 500;
    }

    .article.article-grid-listing-7 .item .btn-wrapper{
        text-align: center;
    }

    .article.article-grid-listing-7 .item .btn-wrapper a{
        text-transform: uppercase;
        float: none;
        color: #373737;
    }

    .article.article-grid-listing-7 .item:hover .btn-wrapper a,
    .article.article-grid-listing-7 .item .btn-wrapper a:hover{
        text-decoration: underline;
    }

    .article.article-grid-listing-7 .item .btn-wrapper a > i{
        display: none;
    }

    .article.article-list-grid.article-grid-listing-7 .item,
    .article-autosuggest .item {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;

    }

    .article.article-list-grid.article-grid-listing-7 .category-submenu .item{
        margin-bottom: 10px;
    }

    .article.article-list-grid.article-grid-listing-7 .category-submenu .item a{
        color: #373737;
    }

    .article.article-list-grid.article-grid-listing-7 .category-submenu .item a:hover{
        color: #a30018;
    }

    .article .category-submenu .item:after {
        content: '';
        height: 22px;
        width: 1px;
        border-radius: 0;
        background: #373737;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -2px;
    }

    .article.article-list-grid.article-grid-listing-7 .item{
        margin-bottom: 60px;
    }

    .article.article-list-grid.article-grid-listing-7 .item:hover,
    .article-autosuggest .item:hover {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .article.article-grid-listing-7 .item .text-wrapper .description{
        height: 35px;
        margin-bottom: 20px;
    }

    /*Cookie info*/
    .cookie-info-slider{
        background: #ffFFFF;
        padding: 10px 0;
        box-shadow: 0px 0px 1px 1px #d9d9d9;
        -moz-box-shadow: 0px 0px 1px 1px #d9d9d9;
        -webkit-box-shadow: 0px 0px 0px 1px #d9d9d9;
    }

    .cokie-info-wrapper{
        max-width: 650px;
        margin: auto;
    }

    .cokie-info-wrapper-top{
        display: flex;
    }

    .cokie-info-wrapper .img-wrapper{
        flex-shrink: 0;
        margin-right: 10px;
        max-width: 60px;
    }

    .cokie-info-wrapper .title{
        font-weight: 700;
        margin-bottom: 10px;
    }

    .cokie-info-wrapper .description{
        margin-bottom: 10px;
        font-size: 11px;
        line-height: 14px;
    }

    .cokie-info-wrapper .items-wrapper{
        margin-top: 10px;
        margin-bottom: 10px;
        border: 1px solid #dedede;
        display: inline-block;
        width: 100%;
        padding: 10px;
    }

    .cokie-info-wrapper .items-wrapper .item{
        display: inline-block;
        padding: 5px 10px 5px 0;
    }
    .cokie-info-wrapper .item.read-more > a,
    .cokie-info-wrapper .item.read-more {
        float: left;
        font-size: 12px;
    }
    .cokie-info-wrapper .items-wrapper .read-more-btn{
        border: 1px solid #dedede;
        font-size: 13px;
        line-height: 22px;
        background: #dedede47;
        cursor: pointer;
        margin-top: 0;
        padding: 5px 10px;
    }

    .cokie-info-wrapper .items-wrapper .read-more-btn.active{
        -webkit-box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.2);
        -moz-box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.2);
        box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.2);
    }

    .cookie-agree,
    .cookie-agree-gdpr{
        background: #3973b5;
        border: none;
        color: #ffFFFF;
        font-size: 13px;
        margin-top: 0;
        float: right;
        line-height: 34px;
        padding: 0 10px;
    }

    .cokie-info-wrapper .form-group.form-group-checklabel{
        margin-bottom: 0;
    }

    .cookie-read-more-wrapper{
        border: 1px solid #dedede;
    }

    .cookie-read-more-wrapper .tabs-left{
        padding-left: 0;
        margin-bottom: -1px;
    }

    .cookie-read-more-wrapper .tabs-left li{
        list-style: none;
        background: #dedede47;
        border: 1px solid #dedede;
        border-bottom: 0;
        border-left: 0;
        padding: 3px 5px;
    }

    .cookie-read-more-wrapper .tabs-left li.active{
        background: #ffFFFF;
        border-right: 0;
    }

    .cookie-read-more-wrapper .tabs-left li:first-child{
        border-top: 0;
    }

    .cookie-read-more-wrapper .tabs-left li:last-child{
        border-bottom: 1px solid #dedede;
    }

    .cookie-read-more-wrapper .tabs-left li a{
        color: #4a4b5c;
        font-size: 12px;
        display: block;
    }

    .cookie-read-more-wrapper .tab-content{
        font-size: 12px;
        line-height: 15px;
        max-height: 126px;
        overflow: auto;
        margin-bottom: 0;
    }

    /*Animation*/
    .cookie-read-more-wrapper{
        height: 0;
        opacity: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .cookie-read-more-wrapper.active{
        height: 100%;
        overflow: visible;
        opacity: 1;
    }
    /*Animation End*/
    /*Cookie info End*/

    /*Items slider with thumbs*/
    .items-slider-with-thumbs  .main-items-slider .item{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
        padding: 0;
    }

    .items-slider-with-thumbs .slider-items-wrapper .item{
        display: inline-block;
    }

    .items-slider-with-thumbs .item .img-wrapper{
        flex: 0 0 50%;
        padding: 20px;
    }

    .items-slider-with-thumbs .item .absolute-center-img{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .items-slider-with-thumbs .item .absolute-center-img img{
        -webkit-box-shadow: 0px 5px 29px -3px rgba(82, 81, 81, 0.34);
        -moz-box-shadow: 0px 5px 29px -3px rgba(82, 81, 81, 0.34);
        box-shadow: 0px 5px 29px -3px rgba(82, 81, 81, 0.34);
    }

    .items-slider-with-thumbs .main-items-slider .item .content{
        flex: 0 0 50%;
    }

    .items-slider-with-thumbs .main-items-slider .item .text-wrapper{
        max-width: 450px;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .items-slider-with-thumbs .main-items-slider .item .text-wrapper .title{
        font-size: 20px;
        margin-bottom: 15px;
    }

    .items-slider-with-thumbs .main-items-slider .item .text-wrapper{
        font-size: 15px;
    }

    .items-slider-with-thumbs .main-items-slider .item .slider-items-wrapper{
        margin-top: 20px;
    }

    .slider-items-wrapper .item{
        display: inline-block;
        margin-right: 5px;
    }

    .items-slider-with-thumbs .item .slider-items-wrapper .item:last-child{
        margin-right: 0;
    }

    .items-slider-with-thumbs .btn-wrapper{
        margin-top: 20px;
    }

    .items-slider-with-thumbs .btn-wrapper.btn.btn-slider{
        border: 1px solid #808080;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        color: #333333;
        line-height: 38px;
        padding: 0px 20px;
    }

    .items-slider-with-thumbs .btn-wrapper.btn.btn-slider:hover{
        border: 1px solid #808080;
        color: #333333;
    }

    .thumds-wrapper .item .img-wrapper img{
        margin: auto;
    }

    .thumds-wrapper .item{
        margin: 10px 5px 20px;
        cursor: pointer;
    }
    /*Items slider with thumbs*/


    /* Booking */
    .booking-wrapper{
        padding: 70px 0;
    }

    .booking-wrapper .title{
        font-size: 52px;
        color: #000000;
        text-align: center;
        margin-bottom: 40px;
        line-height: 52px;
        font-weight: 700;
    }

    .booking-wrapper .subtitle{
        font-size: 36px;
        color: #3973b5;
        text-align: center;
        margin-bottom: 40px;
        line-height: 36px;
        font-weight: 700;
    }

    .booking-wrapper .description{
        color: #000000;
        text-align: center;
        margin: 25px 20% 50px;
    }

    .booking-wrapper .btn-default{
        margin-top: 20px;
    }


    /*Location and language full*/
    .header .country-dropdown{
        float: right;
        font-size: 12px;
        padding-right: 10px;
    }

    .header  .country-dropdown .dropdown-button{
        cursor: pointer;
        position: relative;
    }

    .header  .country-dropdown.active .dropdown-button{
        color: #3973b5;
    }

    .header  .country-dropdown .dropdown-button:before{
        content: '|';
        right: -14px;
        position: absolute;
        font-size: 14px;
    }

    .header  .country-dropdown .dropdown-button:after{
        content: '';
        position: absolute;
        left: 0;
        bottom: 5px;
        width: 0;
        height: 1px;
        background: #333333;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.6s;
    }

    .header  .country-dropdown .dropdown-button:hover:after{
        width: 100%;
    }

    .country-close{
        cursor: pointer;
        color: #333333;
        font-size: 28px;
        line-height: 20px;
        padding: 10px;
    }

    .country-header h4{
        font-size: 24px;
        text-transform: uppercase;
    }

    .country-wrapper{
        background: url(../../images/core/world.jpg) top center no-repeat;
        background-size: cover;
        position: relative;
        overflow: hidden;
    }

    .country-results {
        padding: 40px 20px 0;
    }

    .country-wrapper .country-header{
        text-align: center;
        padding: 40px 15px 15px 15px;
    }

    .country-wrapper .country-flag img{
        max-width: 25px;
        display: inline-block;
    }

    .country-wrapper .lang-image{
        display: none;
    }

    .country-wrapper .lang-image img{
        max-width: 25px;
        display: inline-block;
    }

    .country-wrapper .country-menu ul {
        list-style: none;
        margin-left: 0;
        padding-left: 0px;
        padding-top: 10px;
        margin-bottom: 25px;
    }

    .country-wrapper .language-menu li{
        padding: 0;
    }

    .country-wrapper .country-menu ul > li > a{
        color: #333333;
        position: relative;
    }

    .country-wrapper .country-name{
        font-size: 18px;
        text-transform: uppercase;
        color: #333333;
        vertical-align: middle;
        font-weight: 600;
    }

    /*Location and language full End*/

    /*Search suggest two in row*/
    .two-in-row-search .item.product-item{
        background: #F2F2F2;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.6s;
    }

    .two-in-row-search .item.product-item .product-item-image{
        padding: 0;
        background: #ffffff;
    }

    .two-in-row-search .product-category {
        line-height: 12px;
    }

    .two-in-row-search .product-item .new-call-modal{
        position: absolute;
        right: 20px;
        top: calc(50% - 10px);
        transform: translateY(-50%);
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.6s;
    }

    .two-in-row-search .product-item:hover .new-call-modal{

        opacity: 1;
    }

    .two-in-row-search .product-item:hover{
        -webkit-box-shadow: 0px 5px 15px -3px rgba(176,176,176,0.65);
        -moz-box-shadow: 0px 5px 15px -3px rgba(176,176,176,0.65);
        box-shadow: 0px 5px 15px -3px rgba(176,176,176,0.65);

    }

    .two-in-row-search  .product-category{
        display: none;
    }

    .two-in-row-search  .product-item-text{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .two-in-row-search  .product-code{
        display: block;
        float: none;
    }

    .new-call-modal{
        display: none;
    }

    .text-buttons-wrapper{
        display: none;
    }

    .sidebar-product-compare .sidebar-icon > span.icon-text{
        display: none;
    }

    .compare-btn-wrapper{
        display: none;
    }

    .compare-btn-wrapper{
        position: relative;
        text-align: center;
        width: 100%;
    }

    .compare-btn-wrapper .pdf-compare-btn{
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        top: 20px;
    }

    /*Search suggest two in row End*/
    .favorite-query{
        display: none;
    }

    .post-item-listview .post-item-attribute{
        display: none;
    }
    /*Lnding article listing End*/

    /*Product subcategory page*/
    .subcategory-wrapper{
        padding: 20px 0;
        margin-top: 20px;
    }

    .subcategory-wrapper .item{
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .subcategory-wrapper .item .text-wrapper{
        text-align: center;
        padding: 10px 0;
    }

    .subcategory-wrapper .item .text-wrapper .title{
        font-size: 15px;
        text-transform: uppercase;
        color: #4a4b5c;
    }

    .subcategory-wrapper .item .img-wrapper{
        overflow: hidden;
    }

    .subcategory-wrapper .item .img-wrapper img{
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .subcategory-wrapper .item:hover .img-wrapper img{
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        transform-origin: 50% 50%;
    }

    .subcategory-wrapper .item:hover .text-wrapper .title{
        color: #3973b5;
    }

    .product-category-cover-image{
        position: relative;
    }

    .act-category-products{
        position: absolute;
        bottom: 20px;
        right: 20px;
        z-index: 999999;
    }
    /*Product SubCategory landing End*/

    /*Search guide*/
    .searchpage .product-item .product-item-image .img-wrapper{
        padding: 10px;
    }

    .files-wrapper{
        text-align: right;
        padding-right: 20px;
    }

    .files-wrapper .pdf-click{
        display: inline-block;
        background: #ffFFFF;
        color: #4a4b5c;
        border: 1px solid #d7d7d7;
        line-height: 30px;
        font-weight: 400;
        padding: 0 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        min-width: 115px;
        margin: 0 5px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.6s;
    }

    .files-wrapper .pdf-click:hover{
         border: 1px solid #3973b5;
     }

    .files-wrapper .pdf-click:hover a{
        color: #3973b5;
    }

    .files-wrapper .pdf-click a{
        color: #4a4b5c;
    }

    .files-wrapper .pdf-click img{
        display: inline-block;
        margin-bottom: 3px;
    }

    .searchpage .product-item .product-title{
        color: #4a4b5c;
    }

    .searchpage .product-item:hover .product-title{
        color: #3973b5;
    }
    /*Search guide End*/


    /*Product series*/
    .product-series .item {
        padding: 10px 0px;
        margin-right: 10px;
        width: 140px;
        margin-bottom: 10px;
        display: inline-block;
        text-align: center;
        min-width: 39px;
        border: 1px solid #d9d9d9;
        cursor: pointer;
    }
    .product-series .item:hover {
        color: #4a4b5c;
        border-color: #3973b5;
    }

    .product-series .item.active {
        color: #3973b5;
        background: #ffffff;
        border-color: #3973b5;
    }

    /*Product series End*/
    .btn-return-to-prodcuts-wrapper{
        display: none;
        text-align: right;
    }

    /* Gallery like radio button */
    .gallery-radio-btn .gallery-item {
        text-align: center;
        margin: 20px 0 40px;
        cursor: pointer;
    }

    .gallery-radio-btn .gallery-item.active:after {
        content: "\f00c";
        font: normal normal normal 14px/1 FontAwesome;
        position: absolute;
        top: 50px;
        right: 50px;
        font-size: 40px;
        color: #44b256;
    }

    .gallery-radio-btn .gallery-item  .title {
        font-weight: 300;
        font-size: 24px;
        line-height: 50px;
    }

    .gallery-radio-btn .gallery-item  .btn {
        border-radius: 32px;
        padding: 10px 25px;
    }

    .site_register_form{
        width: 1000px;
        max-width: 100%;
        margin: 40px auto;
    }

    .site_register_form .btn-success{
        margin: 20px auto;
        display: inherit;
    }

    .site-registration-page .price-items-wraper .price-item {
        cursor: pointer;
    }

    .site-registration-page .price-items-wraper .price-item.active:after {
        content: "\f00c";
        font: normal normal normal 14px/1 FontAwesome;
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 40px;
        color: #44b256;
    }

    /* Shopping list modal */
    #shopping_list_modal .modal-dialog{
        width: 1000px;
        margin-top: 10%!important;
    }

    .add-img label{
        color: #ffffff;
    }

    .shop-list-group .panel-heading .delete-item{
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    .shop-list-group .panel-heading .action-buttons{
        display: inline-block;
        float: right;
    }

    .shop-list-group .panel-heading .panel-title{
        display: inline;
    }

    .shop-list-group .panel-default>.panel-heading{
        position: relative;
    }

    .panel .icon{
        line-height: 22px;
    }

    .header-shoppinglist .description{
        display: none;
    }

    .header-shoppinglist{
        float: right;
        padding: 0 10px;
    }

    .page-cover-image{
        min-height: 300px;
    }

    .page-cover-image .heading-wrapper h1{
        color: #4a4b5c;
        font-size: 38px;
        font-weight: 300;
        line-height: 38px;
        margin-bottom: 35px;
    }

    .page-cover-image .heading-wrapper{
        color: #4a4b5c;
        font-size: 18px;
        text-align: left;
        padding: 35px 0 0;
    }


    .add-to-lift-list .icon{
        margin-right: 5px;
    }

    .add-to-lift-list{
        display: none;
    }

    .btn-success.add-img{
        width: 100%;
    }

    /* Mouse exit modal */
    .exit-modal-slider .modal-body .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding-bottom: 20px;
    }

    .exit-modal-slider .modal-body .item > .img-wrapper{
        width: 100%;
        padding-right: 10px;
    }

    .exit-modal-slider .modal-body .item > .content{
        width: 100%;
    }

    .exit-modal-slider .modal-body .item .text-wrapper .title{
        text-align: left;
        margin-bottom: 20px;
    }

    .exit-modal-slider .slider-navigation-absolute {
        width: calc(100% - 20px);
        left: 10px;
    }

    .mobile-list-grid.background-slider {
        opacity: 0;
        pointer-events: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 999999;
        background: #000000;
    }

    .mobile-list-grid.background-slider .item {
        width: 100vw;
        height: 100vh;
        display: block;
    }

    /* Item main slider fade and slider*/
    .items-generic .slider.main-slider-fade-slide .content{
        width: 670px;
        max-width: calc(100% - 20px);
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .items-generic .slider.main-slider-fade-slide .content .description{
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 1px;
        color: #ffffff;
        text-align: center;
        margin: 30px auto 50px;
    }

    .items-generic .slider.main-slider-fade-slide > .slider-init .item .img-wrapper .mobile-img {
        display: none;
    }

    .ui-helper-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    /*Profile my product*/
    .my-product-wrapper {
        font-size: 14px;
    }

    .my-product-wrapper .text-wrapper{
        padding: 0px 10px
    }

    .my-product-wrapper .text-wrapper .item{
        padding-bottom: 5px;
    }
    .my-product-wrapper .text-wrapper .item:last-child{
        padding-bottom: 0px;
    }

    .my-product-wrapper .btn-wrapper{
        padding:20px 10px
    }
    .my-product-wrapper .btn-wrapper .btn{
        display: block;
        margin-bottom: 10px;
    }
    /*Profile my product end*/

    /*Product countdown*/
    .product-countdown-wrapper{
        display: inline-block;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
    }
    .product-countdown-wrapper .counter{
        border-bottom: 1px solid;
        border-top: 1px solid;
    }
    .product-countdown-wrapper .item-countdown{
        display: inline-block;
        text-align: center;
        padding:0 10px;
    }
    .product-countdown-wrapper .item-countdown em{
        display: block;
        font-style: normal;
        text-transform: uppercase;
        font-size: 12px;
    }

    /*Product countdown End*/

    .category-description .heading-wrapper{
        display: none;
    }

    /*Profile product*/
    .help-popup-modal{
        padding: 3px 12px;
        border: 1px solid #ebebeb;
        border-radius: 3px;
        display: inline-block;
        margin-bottom: 10px;
        font-size: 12px;
    }
    /*Profile product End*/

    /*Fixed Banner*/
    .fixed-banner{
        position: absolute;
        top: 0;
        right: 0;
        width: calc(50vw - 710px);
        height: 100vh;
        z-index: 1;
    }

    .fixed-banner.fixed-style{
        position: fixed;
    }

    .fixed-banner.left-banner{
        right: auto;
        left: 0;
    }
    .fixed-banner img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left;
    }
    .fixed-banner.left-banner img{
        object-position: right;
    }
    /*Fixed Banner End*/

    /*Page with short desc on background*/
    .short-desc-over-img .background-content{
        padding: 30px 0;
        background-size: cover;
        background-attachment: fixed;
    }
    .short-desc-over-img .background-content > .container{
        background: rgba(255,255,255,0.9);
        padding: 20px;
    }
    .short-desc-over-img .content-wrapper{
        padding: 40px 0;
        text-align: center;
    }
    /*Page with short desc on background End*/
    /*3D*/
    .threed-icon-wrapper{
        margin-top: 10px;
        padding-left: 10px;
        cursor: pointer;
    }

    .threed-icon-wrapper span{
        display: none;
    }
    .threed-icon-wrapper .threed-icon{
        background: url('../../images/core/360logo_30.png') no-repeat;
        height: 30px;
        width: 30px;
        float: left;
        margin-right: 10px;
    }
    .threed-icon-wrapper .text{
        font-size: 12px;
        line-height: 14px;
    }

    .threed-buttons-wrapper{
        text-align: center;
    }
    .threed-buttons-wrapper .description{
        margin-bottom: 20px;
    }

    .threed-buttons-wrapper .btn{
        color: #494949;
        border: 1px solid #efefef;
        border-radius: 5px;
    }
    .threed-buttons-wrapper .btn span{
        display: block;
        font-size: 12px;
        text-transform: none;
    }
    .threed-icon-wrapper.galery-horizontal{
        text-align: center;
    }
    .galery-horizontal .threed-content{
        text-align: left;
        display: inline-block;
    }
    /*3D End*/

    /*Delivery info product details*/
    .delivery-info{
        margin-top: 10px;
        display: inline-block;
    }
    .delivery-info .title i{
        margin-right: 10px;
    }
    .delivery-info .info-date{
        font-weight: 700;
    }

    /* Product allowed and not allowed to buy */
    .product-not-allowed-buy-wrapper,
    .product-allowed-buy-wrapper{
        margin: 20px 0;
    }

    .product-not-allowed-buy-wrapper .img-wrapper,
    .product-allowed-buy-wrapper .img-wrapper{
        display: inline-block;
        vertical-align: middle;
    }

    .product-not-allowed-buy-wrapper .description,
    .product-allowed-buy-wrapper .description{
        display: inline-block;
    }

    .product-not-allowed-buy-wrapper .title,
    .product-allowed-buy-wrapper .title{
        display: none;
    }

    .product-listing .product-not-allowed-buy-wrapper .title,
    .product-listing .product-allowed-buy-wrapper .title{
        display: none;
    }

    .product-listing .product-not-allowed-buy-wrapper,
    .product-listing .product-allowed-buy-wrapper{
        margin: 0;
    }

    .product-list-slider-wrapper .product-list-slider-content {
        display: none;
    }

    /*Slider with background */
    .navigation-img .item .mobile-img{
        margin: 0 auto 15px;
        background: #3973b5;
        border-radius: 50%;
        -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
        box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
        cursor: pointer;
        width: 80px;
        height: 80px;
        position: relative;
    }

    .navigation-img .item.slick-current .mobile-img {
        background: #4a4b5c;
    }

    .navigation-img .item .mobile-img img{
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        max-width: 50px;
    }

    .slider-item .heading-wrapper{
        width: 100%;
        text-align: center;
        padding: 20px;
    }
    .slider-item .heading-wrapper .slide-title{
        text-transform: uppercase;
        font-size: 20px;
    }
    .submit-query{
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        border: 1px solid;
        padding: 5px 10px;
        border-radius: 4px;
        cursor: pointer;
    }
    .submit-query.disable{
        opacity: 0.3;
        pointer-events: none;
    }
    .fake-check{
        position: absolute;
        border: 1px solid #3973b5;
        top: -5px;
        right: -5px;
        height: 20px;
        width: 20px;
        border-radius: 4px;
        background: #ffffff;
    }
    .fake-check.active{
        background: #3973b5 url(../../images/core/check_box.png) center no-repeat;
        border-color: #3973b5;
    }
    /*Static slider SURVEY END*/

    .item-wrapper-4 .link,
    .item-wrapper-6 .link{
        display: none;
    }

    /*Product-mobile-color*/
    .color-wrapper-mobile{
        margin-top: 5px;
        height: 25px;
        overflow: hidden;
        display: none;
    }
    .color-wrapper-mobile .item{
        width: 19px;
        height: 19px;
        border: 1px solid #c9c9c9;
        display: inline-block;
    }
    /*Product-mobile-color End*/

    /*  Read more text */
    span.full-content{
        display: none !important;
    }

    span.full-content.content-full{
        display: block !important;
    }
    /* Read more text End*/

    .atributte-images-wrapper{
        display: none;
    }

    .preorder-date{
        display: none;
    }

    .text-span-wrapper{
        display: none;
    }

    .characteristic-wrapper{
        display: none;
    }

    .text-span-wrapper{
        display: none;
    }

    .cart-carrier-and-payment .short-description{
        display: none;
    }

    .product .item .caption-product-list .description{
        display: none;
    }

    .product .item .text-wrapper .fixed-delivery-date {
        display: none;
        font-size: 13px;
        line-height: 18px;
    }

    .post-listing-simple .post-item-category{
        display: none;
    }

    /*Vracen css*/
    /* Modal public user activation */
    .modal.modal-public-user-activation .modal-dialog{
        width: 880px;
    }

    #product_subscribe_modal .modal-content{
        border-radius: 15px;
    }

    .modal.modal-public-user-activation .modal-header{
        padding: 0;
        background: transparent;
        border-bottom: 0px solid #e5e5e5;
    }

    .modal.modal-public-user-activation.row{
        padding-top: 30px;
    }

    .modal.modal-public-user-activation .close{
        position: absolute;
        top: 10px;
        right:30px;
        color: #4a4b5c;
    }
    .modal.modal-public-user-activation .modal-body{
        padding: 0;
    }
    .modal.modal-public-user-activation .modal-content{
        padding:30px;
    }
    .modal.modal-public-user-activation .img-wrapper{
        margin: auto;
    }
    .modal.modal-public-user-activation .input-btn-wrapper{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .modal.modal-public-user-activation .input-btn-wrapper .btn{
        min-width: 110px;
    }
    .modal.modal-public-user-activation .img-wrapper{
        text-align: right;
    }
    .modal.modal-public-user-activation .img-wrapper img{
        display: inline-block;
    }
    .modal.modal-public-user-activation .row{
        padding-top: 20px;
    }
    .modal.modal-public-user-activation .title{
        text-align: left;
        font-size: 30px;
        color: #4a4b5c;
    }
    .modal.modal-public-user-activation .public-user-wrapper{
        margin-top: 30px;
    }
    .modal.modal-public-user-activation .public-user-wrapper .description{
        margin-bottom: 15px;
    }

    .gift-product .price{
        display: none;
    }

    .checkbox-date-weapper{
        display: none;
    }

    /* Product subscription button */

    .product-subscription-buy-wrapper{
        padding-top: 30px;
    }

    .product-subscription-buy-wrapper .heading-wrapper .title h1{
        text-align: left;
    }

    .notice-label{
        display: none;
    }

    /*CK Accordian Template*/
    .ckeditor-acordian.acordian-items-wrapper .item .title{
        font-weight: 600;
        line-height: 25px;
        padding: 15px 50px 15px 15px;
        font-size: 16px;
        position: relative;
        cursor: pointer;
    }
    .ckeditor-acordian.acordian-items-wrapper .item .title:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f107";
        border-radius: 50%;
        border: 1px solid #dedede;
        line-height: 30px;
        width: 32px;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        position: absolute;
        right: 0;
    }
    .ckeditor-acordian.acordian-items-wrapper .item.active .title:before{
        content: "\f106";
    }
    .ckeditor-acordian.acordian-items-wrapper .item .content{
        padding-right: 50px;
        overflow: hidden;
        margin: 0 15px;
        max-height: 0;
        /*transition: max-height .5s ease;*/
    }

    .ckeditor-acordian.acordian-items-wrapper .item.active .content{
        height: 100%;
        max-height: 500px;
        transition: max-height .5s ease;
    }
    /*CK Accordian Template END*/

    /*Loyality*/
    .page-small-content{
        max-width: 600px;
        margin: auto;
    }
    /*Loyality End*/

    /*Registration Eye Password End*/

    .product .item .text-wrapper .title h3,
    .product .item .text-wrapper .title h4{
        margin: 0;
        font-size: 14px;
        line-height: 18px;
    }

    .product-listing-items .item .text-wrapper .title h3,
    .product-listing-items .item .text-wrapper .title h4{
        font-size: 17px;
        line-height: 20px;
    }

    /*landing-black-bg*/
    .landing-black-bg{
        margin-top: 20px;
        background-color: #000000;
        color: #ffffff;
        text-align: center;
    }
    .landing-black-bg h1,
    .landing-black-bg h2,
    .landing-black-bg h3 {
        color: #ffffff;
    }
    .landing-black-bg .img-wrapper img{
        margin:auto;
    }
    .landing-black-bg .mobile-img{
        display: none;
    }
    .landing-black-bg .image-in-grid {
        margin-bottom: 40px;
        margin-top: 20px;
    }
    .landing-black-bg .text_grid12 {
        padding-top: 35px;
        /* float: none; */
    }
    .landing-black-bg .text_grid12 .title h2 {
        color: #ffffff;
        font-size: 28px;
        text-transform: none;
        line-height: 30px;
        text-align: center;
        font-weight: 700;
    }
    .landing-black-bg .text_grid12 .description{
        font-size: 18px;
        text-align: center;
    }


    /*landing-black-bg*/
    .landing-black-bg-weapper{
        background-color: #000000;
        min-height: 100vh;
        padding-bottom: 40px;
    }
    .landing-black-bg{
        margin-top: 0;
        background-color: #000000;
        color: #ffffff;
        text-align: center;
    }
    .landing-black-bg h1,
    .landing-black-bg h2,
    .landing-black-bg h3,
    .landing-black-bg a ,
    .landing-black-bg p {
        color: #ffffff;
    }
    .landing-black-bg .img-wrapper img{
        margin:auto;
    }
    .landing-black-bg .mobile-img{
        display: none;
    }
    .landing-black-bg .image-in-grid {
        margin-bottom: 40px;
        margin-top: 20px;
    }
    .landing-black-bg .text_grid12 {
        padding-top: 35px;
    }
    .landing-black-bg .text_grid12 .title h2 {
        color: #ffffff;
        font-size: 28px;
        text-transform: none;
        line-height: 30px;
        text-align: center;
        font-weight: 700;
    }
    .landing-black-bg .text_grid12 .description{
        font-size: 18px;
        text-align: center;
    }
    .landing-black-bg .newsletter.newsletter-v2 .heading-wrapper {
        display: none;

    }
    .landing-black-bg .newsletter.newsletter-v2{
        max-width: 900px;
        margin:auto;
        margin-top: 35px;
    }
    .landing-black-bg .newsletter.newsletter-v2.newsletter .form-group input {
        width: 580px;
        margin-bottom: 10px;
        background: #ffffff;
        color: #000000;
        height: 50px;
        border: none;
    }
    .landing-black-bg .newsletter.newsletter-v2 .btn-wrapper {
        width: 100%;
        max-width: 300px;
        float: right;
    }
    .landing-black-bg .newsletter.newsletter-v2 .btn-wrapper .btn {
        color: #ffffff;
        line-height: 50px;
        padding: 0 25px;
        height: 50px;
        font-size: 20px;
    }
    .landing-black-bg .newsletter.newsletter-v2 .form-group {
        float: left;
        margin-bottom: 0;
    }
    .landing-black-bg .newsletter .validation-errors-list{
        bottom: 0;
    }
    .landing-black-bg .confirm-landing{
        padding-top: 0;
    }
    .landing-black-bg .confirm-landing .heading-wrapper,
    .landing-black-bg .confirm-landing .description{
        max-width: 900px;
        margin: auto;
        text-align: center;
    }

    .product .item .caption-icons .shopping-list-icon{
        display: none;
    }