<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&amp;family=Open+Sans:wght@300;400;700&amp;display=swap&amp;subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&amp;display=swap&amp;subset=latin-ext');/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    font-display: swap;
    src: local('FontAwesome'), url(../../fonts/awesome/fontawesome-webfont.woff2?v=4.7.0) format('woff2')
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul &gt; li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before, .fa-gear:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before, .fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before, .fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before, .fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before, .fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before, .fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before, .fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before, .fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before, .fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before, .fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-inr:before, .fa-rupee:before {
    content: "\f156"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "\f157"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "\f158"
}

.fa-krw:before, .fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before, .fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
    content: "\f1d0"
}

.fa-empire:before, .fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before, .fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-bed:before, .fa-hotel:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-y-combinator:before, .fa-yc:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-television:before, .fa-tv:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: "\f2a3"
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-sign-language:before, .fa-signing:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-address-card:before, .fa-vcard:before {
    content: "\f2bb"
}

.fa-address-card-o:before, .fa-vcard-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
    content: "\f2c7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=6b83d66f50a9e44d0a130253561ddaa1)
 * Config saved to config.json and https://gist.github.com/6b83d66f50a9e44d0a130253561ddaa1
 *//*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *, *:before, *:after {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn &gt; .caret, .dropup &gt; .btn &gt; .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../../fonts/glyphicons-halflings/glyphicons-halflings-regular.eot');
    src: url('../../fonts/glyphicons-halflings/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/glyphicons-halflings/glyphicons-halflings-regular.woff2') format('woff2'), url('../../fonts/glyphicons-halflings/glyphicons-halflings-regular.woff') format('woff'), url('../../fonts/glyphicons-halflings/glyphicons-halflings-regular.ttf') format('truetype'), url('../../fonts/glyphicons-halflings/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-euro:before, .glyphicon-eur:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-jpy:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-rub:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:hover, a:focus {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive, .thumbnail &gt; img, .thumbnail a &gt; img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
    font-size: 65%
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
    font-size: 75%
}

h1, .h1 {
    font-size: 36px
}

h2, .h2 {
    font-size: 30px
}

h3, .h3 {
    font-size: 24px
}

h4, .h4 {
    font-size: 18px
}

h5, .h5 {
    font-size: 14px
}

h6, .h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 767px) {
    .lead {
        font-size: 21px
    }
}

small, .small {
    font-size: 85%
}

mark, .mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:hover, a.text-primary:focus {
    color: #286090
}

.text-success {
    color: #89c03c
}

a.text-success:hover, a.text-success:focus {
    color: #6d9930
}

.text-info {
    color: #31708f
}

a.text-info:hover, a.text-info:focus {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover, a.text-warning:focus {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover, a.text-danger:focus {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover, a.bg-success:focus {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover, a.bg-info:focus {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover, a.bg-warning:focus {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover, a.bg-danger:focus {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px
}

ul ul, ol ul, ul ol, ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline &gt; li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt, dd {
    line-height: 1.42857143
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media (min-width: 767px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote footer:before, blockquote small:before, blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 767px) {
    .container {
        width: 740px
    }
}

@media (min-width: 1025px) {
    .container {
        width: 1200px
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1400px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

.row {
    margin-left: -10px;
    margin-right: -10px
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 767px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1025px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1400px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table &gt; thead &gt; tr &gt; th, .table &gt; tbody &gt; tr &gt; th, .table &gt; tfoot &gt; tr &gt; th, .table &gt; thead &gt; tr &gt; td, .table &gt; tbody &gt; tr &gt; td, .table &gt; tfoot &gt; tr &gt; td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table &gt; thead &gt; tr &gt; th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table &gt; caption + thead &gt; tr:first-child &gt; th, .table &gt; colgroup + thead &gt; tr:first-child &gt; th, .table &gt; thead:first-child &gt; tr:first-child &gt; th, .table &gt; caption + thead &gt; tr:first-child &gt; td, .table &gt; colgroup + thead &gt; tr:first-child &gt; td, .table &gt; thead:first-child &gt; tr:first-child &gt; td {
    border-top: 0
}

.table &gt; tbody + tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed &gt; thead &gt; tr &gt; th, .table-condensed &gt; tbody &gt; tr &gt; th, .table-condensed &gt; tfoot &gt; tr &gt; th, .table-condensed &gt; thead &gt; tr &gt; td, .table-condensed &gt; tbody &gt; tr &gt; td, .table-condensed &gt; tfoot &gt; tr &gt; td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered &gt; thead &gt; tr &gt; th, .table-bordered &gt; tbody &gt; tr &gt; th, .table-bordered &gt; tfoot &gt; tr &gt; th, .table-bordered &gt; thead &gt; tr &gt; td, .table-bordered &gt; tbody &gt; tr &gt; td, .table-bordered &gt; tfoot &gt; tr &gt; td {
    border: 1px solid #ddd
}

.table-bordered &gt; thead &gt; tr &gt; th, .table-bordered &gt; thead &gt; tr &gt; td {
    border-bottom-width: 2px
}

.table-striped &gt; tbody &gt; tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover &gt; tbody &gt; tr:hover {
    background-color: #f5f5f5
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"], table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table &gt; thead &gt; tr &gt; td.active, .table &gt; tbody &gt; tr &gt; td.active, .table &gt; tfoot &gt; tr &gt; td.active, .table &gt; thead &gt; tr &gt; th.active, .table &gt; tbody &gt; tr &gt; th.active, .table &gt; tfoot &gt; tr &gt; th.active, .table &gt; thead &gt; tr.active &gt; td, .table &gt; tbody &gt; tr.active &gt; td, .table &gt; tfoot &gt; tr.active &gt; td, .table &gt; thead &gt; tr.active &gt; th, .table &gt; tbody &gt; tr.active &gt; th, .table &gt; tfoot &gt; tr.active &gt; th {
    background-color: #f5f5f5
}

.table-hover &gt; tbody &gt; tr &gt; td.active:hover, .table-hover &gt; tbody &gt; tr &gt; th.active:hover, .table-hover &gt; tbody &gt; tr.active:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .active, .table-hover &gt; tbody &gt; tr.active:hover &gt; th {
    background-color: #e8e8e8
}

.table &gt; thead &gt; tr &gt; td.success, .table &gt; tbody &gt; tr &gt; td.success, .table &gt; tfoot &gt; tr &gt; td.success, .table &gt; thead &gt; tr &gt; th.success, .table &gt; tbody &gt; tr &gt; th.success, .table &gt; tfoot &gt; tr &gt; th.success, .table &gt; thead &gt; tr.success &gt; td, .table &gt; tbody &gt; tr.success &gt; td, .table &gt; tfoot &gt; tr.success &gt; td, .table &gt; thead &gt; tr.success &gt; th, .table &gt; tbody &gt; tr.success &gt; th, .table &gt; tfoot &gt; tr.success &gt; th {
    background-color: #dff0d8
}

.table-hover &gt; tbody &gt; tr &gt; td.success:hover, .table-hover &gt; tbody &gt; tr &gt; th.success:hover, .table-hover &gt; tbody &gt; tr.success:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .success, .table-hover &gt; tbody &gt; tr.success:hover &gt; th {
    background-color: #d0e9c6
}

.table &gt; thead &gt; tr &gt; td.info, .table &gt; tbody &gt; tr &gt; td.info, .table &gt; tfoot &gt; tr &gt; td.info, .table &gt; thead &gt; tr &gt; th.info, .table &gt; tbody &gt; tr &gt; th.info, .table &gt; tfoot &gt; tr &gt; th.info, .table &gt; thead &gt; tr.info &gt; td, .table &gt; tbody &gt; tr.info &gt; td, .table &gt; tfoot &gt; tr.info &gt; td, .table &gt; thead &gt; tr.info &gt; th, .table &gt; tbody &gt; tr.info &gt; th, .table &gt; tfoot &gt; tr.info &gt; th {
    background-color: #d9edf7
}

.table-hover &gt; tbody &gt; tr &gt; td.info:hover, .table-hover &gt; tbody &gt; tr &gt; th.info:hover, .table-hover &gt; tbody &gt; tr.info:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .info, .table-hover &gt; tbody &gt; tr.info:hover &gt; th {
    background-color: #c4e3f3
}

.table &gt; thead &gt; tr &gt; td.warning, .table &gt; tbody &gt; tr &gt; td.warning, .table &gt; tfoot &gt; tr &gt; td.warning, .table &gt; thead &gt; tr &gt; th.warning, .table &gt; tbody &gt; tr &gt; th.warning, .table &gt; tfoot &gt; tr &gt; th.warning, .table &gt; thead &gt; tr.warning &gt; td, .table &gt; tbody &gt; tr.warning &gt; td, .table &gt; tfoot &gt; tr.warning &gt; td, .table &gt; thead &gt; tr.warning &gt; th, .table &gt; tbody &gt; tr.warning &gt; th, .table &gt; tfoot &gt; tr.warning &gt; th {
    background-color: #fcf8e3
}

.table-hover &gt; tbody &gt; tr &gt; td.warning:hover, .table-hover &gt; tbody &gt; tr &gt; th.warning:hover, .table-hover &gt; tbody &gt; tr.warning:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .warning, .table-hover &gt; tbody &gt; tr.warning:hover &gt; th {
    background-color: #faf2cc
}

.table &gt; thead &gt; tr &gt; td.danger, .table &gt; tbody &gt; tr &gt; td.danger, .table &gt; tfoot &gt; tr &gt; td.danger, .table &gt; thead &gt; tr &gt; th.danger, .table &gt; tbody &gt; tr &gt; th.danger, .table &gt; tfoot &gt; tr &gt; th.danger, .table &gt; thead &gt; tr.danger &gt; td, .table &gt; tbody &gt; tr.danger &gt; td, .table &gt; tfoot &gt; tr.danger &gt; td, .table &gt; thead &gt; tr.danger &gt; th, .table &gt; tbody &gt; tr.danger &gt; th, .table &gt; tfoot &gt; tr.danger &gt; th {
    background-color: #f2dede
}

.table-hover &gt; tbody &gt; tr &gt; td.danger:hover, .table-hover &gt; tbody &gt; tr &gt; th.danger:hover, .table-hover &gt; tbody &gt; tr.danger:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .danger, .table-hover &gt; tbody &gt; tr.danger:hover &gt; th {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive &gt; .table {
        margin-bottom: 0
    }

    .table-responsive &gt; .table &gt; thead &gt; tr &gt; th, .table-responsive &gt; .table &gt; tbody &gt; tr &gt; th, .table-responsive &gt; .table &gt; tfoot &gt; tr &gt; th, .table-responsive &gt; .table &gt; thead &gt; tr &gt; td, .table-responsive &gt; .table &gt; tbody &gt; tr &gt; td, .table-responsive &gt; .table &gt; tfoot &gt; tr &gt; td {
        white-space: nowrap
    }

    .table-responsive &gt; .table-bordered {
        border: 0
    }

    .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child, .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child {
        border-left: 0
    }

    .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child, .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child {
        border-right: 0
    }

    .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
        line-height: 34px
    }

    input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
        line-height: 30px
    }

    input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 10px
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: -5px
}

.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg, .form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm, select[multiple].input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

textarea.input-lg, select[multiple].input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #89c03c
}

.has-success .form-control {
    border-color: #89c03c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
    border-color: #6d9930;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #b8da88;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #b8da88
}

.has-success .input-group-addon {
    color: #89c03c;
    border-color: #89c03c;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #89c03c
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 767px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
        width: auto
    }

    .form-inline .input-group &gt; .form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio label, .form-inline .checkbox label {
        padding-left: 0
    }

    .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px
}

@media (min-width: 767px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 10px
}

@media (min-width: 767px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }
}

@media (min-width: 767px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none
}

.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active, .btn-default.active, .open &gt; .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active:hover, .btn-default.active:hover, .open &gt; .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open &gt; .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open &gt; .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default:active, .btn-default.active, .open &gt; .dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary:active, .btn-primary.active, .open &gt; .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary:active:hover, .btn-primary.active:hover, .open &gt; .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open &gt; .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open &gt; .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary:active, .btn-primary.active, .open &gt; .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #89c03c;
    border-color: #7bad36
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #6d9930;
    border-color: #364b18
}

.btn-success:hover {
    color: #fff;
    background-color: #6d9930;
    border-color: #5a7e27
}

.btn-success:active, .btn-success.active, .open &gt; .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #6d9930;
    border-color: #5a7e27
}

.btn-success:active:hover, .btn-success.active:hover, .open &gt; .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open &gt; .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open &gt; .dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #5a7e27;
    border-color: #364b18
}

.btn-success:active, .btn-success.active, .open &gt; .dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus {
    background-color: #89c03c;
    border-color: #7bad36
}

.btn-success .badge {
    color: #89c03c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active, .btn-info.active, .open &gt; .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active:hover, .btn-info.active:hover, .open &gt; .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open &gt; .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open &gt; .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info:active, .btn-info.active, .open &gt; .dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active, .btn-warning.active, .open &gt; .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active:hover, .btn-warning.active:hover, .open &gt; .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open &gt; .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open &gt; .dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning:active, .btn-warning.active, .open &gt; .dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active, .btn-danger.active, .open &gt; .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active:hover, .btn-danger.active:hover, .open &gt; .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open &gt; .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open &gt; .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger:active, .btn-danger.active, .open &gt; .dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #337ab7;
    font-weight: normal;
    border-radius: 0
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent
}

.btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none
}

.btn-lg, .btn-group-lg &gt; .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-sm, .btn-group-sm &gt; .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs, .btn-group-xs &gt; .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup, .dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu &gt; li &gt; a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu &gt; li &gt; a:hover, .dropdown-menu &gt; li &gt; a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu &gt; .active &gt; a, .dropdown-menu &gt; .active &gt; a:hover, .dropdown-menu &gt; .active &gt; a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7
}

.dropdown-menu &gt; .disabled &gt; a, .dropdown-menu &gt; .disabled &gt; a:hover, .dropdown-menu &gt; .disabled &gt; a:focus {
    color: #777
}

.dropdown-menu &gt; .disabled &gt; a:hover, .dropdown-menu &gt; .disabled &gt; a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open &gt; .dropdown-menu {
    display: block
}

.open &gt; a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right &gt; .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 767px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group &gt; .btn, .btn-group-vertical &gt; .btn {
    position: relative;
    float: left
}

.btn-group &gt; .btn:hover, .btn-group-vertical &gt; .btn:hover, .btn-group &gt; .btn:focus, .btn-group-vertical &gt; .btn:focus, .btn-group &gt; .btn:active, .btn-group-vertical &gt; .btn:active, .btn-group &gt; .btn.active, .btn-group-vertical &gt; .btn.active {
    z-index: 2
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left
}

.btn-toolbar &gt; .btn, .btn-toolbar &gt; .btn-group, .btn-toolbar &gt; .input-group {
    margin-left: 5px
}

.btn-group &gt; .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group &gt; .btn:first-child {
    margin-left: 0
}

.btn-group &gt; .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group &gt; .btn:last-child:not(:first-child), .btn-group &gt; .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group &gt; .btn-group {
    float: left
}

.btn-group &gt; .btn-group:not(:first-child):not(:last-child) &gt; .btn {
    border-radius: 0
}

.btn-group &gt; .btn-group:first-child:not(:last-child) &gt; .btn:last-child, .btn-group &gt; .btn-group:first-child:not(:last-child) &gt; .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group &gt; .btn-group:last-child:not(:first-child) &gt; .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group &gt; .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group &gt; .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical &gt; .btn, .btn-group-vertical &gt; .btn-group, .btn-group-vertical &gt; .btn-group &gt; .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical &gt; .btn-group &gt; .btn {
    float: none
}

.btn-group-vertical &gt; .btn + .btn, .btn-group-vertical &gt; .btn + .btn-group, .btn-group-vertical &gt; .btn-group + .btn, .btn-group-vertical &gt; .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical &gt; .btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical &gt; .btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical &gt; .btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.btn-group-vertical &gt; .btn-group:not(:first-child):not(:last-child) &gt; .btn {
    border-radius: 0
}

.btn-group-vertical &gt; .btn-group:first-child:not(:last-child) &gt; .btn:last-child, .btn-group-vertical &gt; .btn-group:first-child:not(:last-child) &gt; .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical &gt; .btn-group:last-child:not(:first-child) &gt; .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified &gt; .btn, .btn-group-justified &gt; .btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified &gt; .btn-group .btn {
    width: 100%
}

.btn-group-justified &gt; .btn-group .dropdown-menu {
    left: auto
}

[data-toggle="buttons"] &gt; .btn input[type="radio"], [data-toggle="buttons"] &gt; .btn-group &gt; .btn input[type="radio"], [data-toggle="buttons"] &gt; .btn input[type="checkbox"], [data-toggle="buttons"] &gt; .btn-group &gt; .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group-lg &gt; .form-control, .input-group-lg &gt; .input-group-addon, .input-group-lg &gt; .input-group-btn &gt; .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg &gt; .form-control, select.input-group-lg &gt; .input-group-addon, select.input-group-lg &gt; .input-group-btn &gt; .btn {
    height: 46px;
    line-height: 46px
}

textarea.input-group-lg &gt; .form-control, textarea.input-group-lg &gt; .input-group-addon, textarea.input-group-lg &gt; .input-group-btn &gt; .btn, select[multiple].input-group-lg &gt; .form-control, select[multiple].input-group-lg &gt; .input-group-addon, select[multiple].input-group-lg &gt; .input-group-btn &gt; .btn {
    height: auto
}

.input-group-sm &gt; .form-control, .input-group-sm &gt; .input-group-addon, .input-group-sm &gt; .input-group-btn &gt; .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm &gt; .form-control, select.input-group-sm &gt; .input-group-addon, select.input-group-sm &gt; .input-group-btn &gt; .btn {
    height: 30px;
    line-height: 30px
}

textarea.input-group-sm &gt; .form-control, textarea.input-group-sm &gt; .input-group-addon, textarea.input-group-sm &gt; .input-group-btn &gt; .btn, select[multiple].input-group-sm &gt; .form-control, select[multiple].input-group-sm &gt; .input-group-addon, select[multiple].input-group-sm &gt; .input-group-btn &gt; .btn {
    height: auto
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
    margin-top: 0
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child &gt; .btn, .input-group-btn:first-child &gt; .btn-group &gt; .btn, .input-group-btn:first-child &gt; .dropdown-toggle, .input-group-btn:last-child &gt; .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child &gt; .btn-group:not(:last-child) &gt; .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child &gt; .btn, .input-group-btn:last-child &gt; .btn-group &gt; .btn, .input-group-btn:last-child &gt; .dropdown-toggle, .input-group-btn:first-child &gt; .btn:not(:first-child), .input-group-btn:first-child &gt; .btn-group:not(:first-child) &gt; .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn &gt; .btn {
    position: relative
}

.input-group-btn &gt; .btn + .btn {
    margin-left: -1px
}

.input-group-btn &gt; .btn:hover, .input-group-btn &gt; .btn:focus, .input-group-btn &gt; .btn:active {
    z-index: 2
}

.input-group-btn:first-child &gt; .btn, .input-group-btn:first-child &gt; .btn-group {
    margin-right: -1px
}

.input-group-btn:last-child &gt; .btn, .input-group-btn:last-child &gt; .btn-group {
    z-index: 2;
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav &gt; li {
    position: relative;
    display: block
}

.nav &gt; li &gt; a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav &gt; li &gt; a:hover, .nav &gt; li &gt; a:focus {
    text-decoration: none;
    background-color: #eee
}

.nav &gt; li.disabled &gt; a {
    color: #777
}

.nav &gt; li.disabled &gt; a:hover, .nav &gt; li.disabled &gt; a:focus {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open &gt; a, .nav .open &gt; a:hover, .nav .open &gt; a:focus {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav &gt; li &gt; a &gt; img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs &gt; li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs &gt; li &gt; a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs &gt; li &gt; a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs &gt; li.active &gt; a, .nav-tabs &gt; li.active &gt; a:hover, .nav-tabs &gt; li.active &gt; a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified &gt; li {
    float: none
}

.nav-tabs.nav-justified &gt; li &gt; a {
    text-align: center;
    margin-bottom: 5px
}

.nav-tabs.nav-justified &gt; .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 767px) {
    .nav-tabs.nav-justified &gt; li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified &gt; li &gt; a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified &gt; li &gt; a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified &gt; .active &gt; a, .nav-tabs.nav-justified &gt; .active &gt; a:hover, .nav-tabs.nav-justified &gt; .active &gt; a:focus {
    border: 1px solid #ddd
}

@media (min-width: 767px) {
    .nav-tabs.nav-justified &gt; li &gt; a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified &gt; .active &gt; a, .nav-tabs.nav-justified &gt; .active &gt; a:hover, .nav-tabs.nav-justified &gt; .active &gt; a:focus {
        border-bottom-color: #fff
    }
}

.nav-pills &gt; li {
    float: left
}

.nav-pills &gt; li &gt; a {
    border-radius: 4px
}

.nav-pills &gt; li + li {
    margin-left: 2px
}

.nav-pills &gt; li.active &gt; a, .nav-pills &gt; li.active &gt; a:hover, .nav-pills &gt; li.active &gt; a:focus {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked &gt; li {
    float: none
}

.nav-stacked &gt; li + li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified &gt; li {
    float: none
}

.nav-justified &gt; li &gt; a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified &gt; .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 767px) {
    .nav-justified &gt; li {
        display: table-cell;
        width: 1%
    }

    .nav-justified &gt; li &gt; a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified &gt; li &gt; a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified &gt; .active &gt; a, .nav-tabs-justified &gt; .active &gt; a:hover, .nav-tabs-justified &gt; .active &gt; a:focus {
    border: 1px solid #ddd
}

@media (min-width: 767px) {
    .nav-tabs-justified &gt; li &gt; a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified &gt; .active &gt; a, .nav-tabs-justified &gt; .active &gt; a:hover, .nav-tabs-justified &gt; .active &gt; a:focus {
        border-bottom-color: #fff
    }
}

.tab-content &gt; .tab-pane {
    display: none
}

.tab-content &gt; .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width: 767px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width: 767px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 10px;
    padding-left: 10px;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 767px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 320px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

.container &gt; .navbar-header, .container-fluid &gt; .navbar-header, .container &gt; .navbar-collapse, .container-fluid &gt; .navbar-collapse {
    margin-right: -10px;
    margin-left: -10px
}

@media (min-width: 767px) {
    .container &gt; .navbar-header, .container-fluid &gt; .navbar-header, .container &gt; .navbar-collapse, .container-fluid &gt; .navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 767px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 767px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px 10px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none
}

.navbar-brand &gt; img {
    display: block
}

@media (min-width: 767px) {
    .navbar &gt; .container .navbar-brand, .navbar &gt; .container-fluid .navbar-brand {
        margin-left: -10px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 10px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px
}

@media (min-width: 767px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -10px
}

.navbar-nav &gt; li &gt; a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu &gt; li &gt; a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu &gt; li &gt; a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover, .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus {
        background-image: none
    }
}

@media (min-width: 767px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav &gt; li {
        float: left
    }

    .navbar-nav &gt; li &gt; a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 10px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 8px;
    margin-bottom: 8px
}

@media (min-width: 767px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
        width: auto
    }

    .navbar-form .input-group &gt; .form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio label, .navbar-form .checkbox label {
        padding-left: 0
    }

    .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 767px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav &gt; li &gt; .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav &gt; li &gt; .dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 767px) {
    .navbar-text {
        float: left;
        margin-left: 10px;
        margin-right: 10px
    }
}

@media (min-width: 767px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -10px
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav &gt; li &gt; a {
    color: #777
}

.navbar-default .navbar-nav &gt; li &gt; a:hover, .navbar-default .navbar-nav &gt; li &gt; a:focus {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav &gt; .active &gt; a, .navbar-default .navbar-nav &gt; .active &gt; a:hover, .navbar-default .navbar-nav &gt; .active &gt; a:focus {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav &gt; .disabled &gt; a, .navbar-default .navbar-nav &gt; .disabled &gt; a:hover, .navbar-default .navbar-nav &gt; .disabled &gt; a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav &gt; .open &gt; a, .navbar-default .navbar-nav &gt; .open &gt; a:hover, .navbar-default .navbar-nav &gt; .open &gt; a:focus {
    background-color: #e7e7e7;
    color: #555
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover, .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a, .navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover, .navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a, .navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover, .navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
    color: #333
}

.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav &gt; li &gt; a {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav &gt; li &gt; a:hover, .navbar-inverse .navbar-nav &gt; li &gt; a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav &gt; .active &gt; a, .navbar-inverse .navbar-nav &gt; .active &gt; a:hover, .navbar-inverse .navbar-nav &gt; .active &gt; a:focus {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav &gt; .disabled &gt; a, .navbar-inverse .navbar-nav &gt; .disabled &gt; a:hover, .navbar-inverse .navbar-nav &gt; .disabled &gt; a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav &gt; .open &gt; a, .navbar-inverse .navbar-nav &gt; .open &gt; a:hover, .navbar-inverse .navbar-nav &gt; .open &gt; a:focus {
    background-color: #080808;
    color: #fff
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .active &gt; a, .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a, .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb &gt; li {
    display: inline-block
}

.breadcrumb &gt; li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb &gt; .active {
    color: #777
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination &gt; li {
    display: inline
}

.pagination &gt; li &gt; a, .pagination &gt; li &gt; span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination &gt; li:first-child &gt; a, .pagination &gt; li:first-child &gt; span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination &gt; li:last-child &gt; a, .pagination &gt; li:last-child &gt; span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination &gt; li &gt; a:hover, .pagination &gt; li &gt; span:hover, .pagination &gt; li &gt; a:focus, .pagination &gt; li &gt; span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination &gt; .active &gt; a, .pagination &gt; .active &gt; span, .pagination &gt; .active &gt; a:hover, .pagination &gt; .active &gt; span:hover, .pagination &gt; .active &gt; a:focus, .pagination &gt; .active &gt; span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default
}

.pagination &gt; .disabled &gt; span, .pagination &gt; .disabled &gt; span:hover, .pagination &gt; .disabled &gt; span:focus, .pagination &gt; .disabled &gt; a, .pagination &gt; .disabled &gt; a:hover, .pagination &gt; .disabled &gt; a:focus {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg &gt; li &gt; a, .pagination-lg &gt; li &gt; span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg &gt; li:first-child &gt; a, .pagination-lg &gt; li:first-child &gt; span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg &gt; li:last-child &gt; a, .pagination-lg &gt; li:last-child &gt; span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm &gt; li &gt; a, .pagination-sm &gt; li &gt; span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm &gt; li:first-child &gt; a, .pagination-sm &gt; li:first-child &gt; span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm &gt; li:last-child &gt; a, .pagination-sm &gt; li:last-child &gt; span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

.pager li {
    display: inline
}

.pager li &gt; a, .pager li &gt; span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li &gt; a:hover, .pager li &gt; a:focus {
    text-decoration: none;
    background-color: #eee
}

.pager .next &gt; a, .pager .next &gt; span {
    float: right
}

.pager .previous &gt; a, .pager .previous &gt; span {
    float: left
}

.pager .disabled &gt; a, .pager .disabled &gt; a:hover, .pager .disabled &gt; a:focus, .pager .disabled &gt; span {
    color: #777;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:hover, a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777
}

.label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #337ab7
}

.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #286090
}

.label-success {
    background-color: #89c03c
}

.label-success[href]:hover, .label-success[href]:focus {
    background-color: #6d9930
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge, .btn-group-xs &gt; .btn .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:hover, a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active &gt; .badge, .nav-pills &gt; .active &gt; a &gt; .badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item &gt; .badge {
    float: right
}

.list-group-item &gt; .badge + .badge {
    margin-right: 5px
}

.nav-pills &gt; li &gt; a &gt; .badge {
    margin-left: 3px
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail &gt; img, .thumbnail a &gt; img {
    margin-left: auto;
    margin-right: auto
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: bold
}

.alert &gt; p, .alert &gt; ul {
    margin-bottom: 0
}

.alert &gt; p + p {
    margin-top: 5px
}

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #89c03c
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #6d9930
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar, .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress.active .progress-bar, .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #89c03c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media, .media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right, .media &gt; .pull-right {
    padding-left: 10px
}

.media-left, .media &gt; .pull-left {
    padding-right: 10px
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item, button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    background-color: #eee;
    color: #777;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading &gt; small, .list-group-item.active:hover .list-group-item-heading &gt; small, .list-group-item.active:focus .list-group-item-heading &gt; small, .list-group-item.active .list-group-item-heading &gt; .small, .list-group-item.active:hover .list-group-item-heading &gt; .small, .list-group-item.active:focus .list-group-item-heading &gt; .small {
    color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #c7ddef
}

.list-group-item-success {
    color: #89c03c;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #89c03c
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus {
    color: #89c03c;
    background-color: #d0e9c6
}

a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #89c03c;
    border-color: #89c03c
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-heading &gt; .dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title &gt; a, .panel-title &gt; small, .panel-title &gt; .small, .panel-title &gt; small &gt; a, .panel-title &gt; .small &gt; a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel &gt; .list-group, .panel &gt; .panel-collapse &gt; .list-group {
    margin-bottom: 0
}

.panel &gt; .list-group .list-group-item, .panel &gt; .panel-collapse &gt; .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel &gt; .list-group:first-child .list-group-item:first-child, .panel &gt; .panel-collapse &gt; .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel &gt; .list-group:last-child .list-group-item:last-child, .panel &gt; .panel-collapse &gt; .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel &gt; .panel-heading + .panel-collapse &gt; .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel &gt; .table, .panel &gt; .table-responsive &gt; .table, .panel &gt; .panel-collapse &gt; .table {
    margin-bottom: 0
}

.panel &gt; .table caption, .panel &gt; .table-responsive &gt; .table caption, .panel &gt; .panel-collapse &gt; .table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel &gt; .table:first-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child, .panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:first-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:first-child, .panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:first-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:first-child, .panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:first-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:first-child, .panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:first-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:last-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:last-child, .panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:last-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:last-child, .panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:last-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:last-child, .panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:last-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel &gt; .table:last-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child, .panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:first-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:first-child, .panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:first-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:first-child, .panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:first-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:first-child, .panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:first-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:last-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:last-child, .panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:last-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:last-child, .panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:last-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:last-child, .panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:last-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel &gt; .panel-body + .table, .panel &gt; .panel-body + .table-responsive, .panel &gt; .table + .panel-body, .panel &gt; .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.panel &gt; .table &gt; tbody:first-child &gt; tr:first-child th, .panel &gt; .table &gt; tbody:first-child &gt; tr:first-child td {
    border-top: 0
}

.panel &gt; .table-bordered, .panel &gt; .table-responsive &gt; .table-bordered {
    border: 0
}

.panel &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child, .panel &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child, .panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child, .panel &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child, .panel &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child, .panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child {
    border-left: 0
}

.panel &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child, .panel &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child, .panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child, .panel &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child, .panel &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child, .panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child {
    border-right: 0
}

.panel &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; td, .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; td, .panel &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; td, .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; td, .panel &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; th, .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; th, .panel &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; th, .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; th {
    border-bottom: 0
}

.panel &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td, .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td, .panel &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td, .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td, .panel &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th, .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th, .panel &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th, .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th {
    border-bottom: 0
}

.panel &gt; .table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel + .panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading + .panel-collapse &gt; .panel-body, .panel-group .panel-heading + .panel-collapse &gt; .list-group {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default &gt; .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default &gt; .panel-heading + .panel-collapse &gt; .panel-body {
    border-top-color: #ddd
}

.panel-default &gt; .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default &gt; .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary &gt; .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
    border-top-color: #337ab7
}

.panel-primary &gt; .panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary &gt; .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success &gt; .panel-heading {
    color: #89c03c;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
    border-top-color: #d6e9c6
}

.panel-success &gt; .panel-heading .badge {
    color: #dff0d8;
    background-color: #89c03c
}

.panel-success &gt; .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info &gt; .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
    border-top-color: #bce8f1
}

.panel-info &gt; .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info &gt; .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning &gt; .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
    border-top-color: #faebcc
}

.panel-warning &gt; .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning &gt; .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger &gt; .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
    border-top-color: #ebccd1
}

.panel-danger &gt; .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger &gt; .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

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

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 767px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 1025px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover &gt; .arrow, .popover &gt; .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover &gt; .arrow {
    border-width: 11px
}

.popover &gt; .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top &gt; .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px
}

.popover.top &gt; .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right &gt; .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.right &gt; .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom &gt; .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px
}

.popover.bottom &gt; .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left &gt; .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left &gt; .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical &gt; .btn-group:before, .btn-group-vertical &gt; .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical &gt; .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1025px) and (max-width: 1399px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1025px) and (max-width: 1399px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 1025px) and (max-width: 1399px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 1025px) and (max-width: 1399px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1400px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1400px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1400px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1400px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 1025px) and (max-width: 1399px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1400px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

/* slick.css */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/* nb.core.plusings.css  */
.icheckbox_flat, .iradio_flat {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(../../images/core/icheck.png) no-repeat;
    border: none;
    cursor: pointer
}

.icheckbox_flat {
    background-position: 0 0
}

.icheckbox_flat.hover {
    background-position: -20px 0
}

.icheckbox_flat.checked {
    background-position: -40px 0
}

.icheckbox_flat.disabled {
    background-position: -60px 0;
    cursor: default
}

.icheckbox_flat.checked.disabled {
    background-position: -80px 0
}

.iradio_flat {
    background-position: -100px 0
}

.iradio_flat.hover {
    background-position: -120px 0
}

.iradio_flat.checked {
    background-position: -140px 0
}

.iradio_flat.disabled {
    background-position: -160px 0;
    cursor: default
}

.iradio_flat.checked.disabled {
    background-position: -180px 0
}

@media (-o-min-device-pixel-ratio: 5/4),(-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) {
    .icheckbox_flat, .iradio_flat {
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px
    }
}

.is-countdown {
    border: 1px solid #ccc;
    background-color: #eee
}

.countdown-rtl {
    direction: rtl
}

.countdown-holding span {
    color: #888
}

.countdown-row {
    clear: both;
    width: 100%;
    padding: 0 2px;
    text-align: center
}

.countdown-show1 .countdown-section {
    width: 98%
}

.countdown-show2 .countdown-section {
    width: 48%
}

.countdown-show3 .countdown-section {
    width: 32.5%
}

.countdown-show4 .countdown-section {
    width: 24.5%
}

.countdown-show5 .countdown-section {
    width: 19.5%
}

.countdown-show6 .countdown-section {
    width: 16.25%
}

.countdown-show7 .countdown-section {
    width: 14%
}

.countdown-section {
    display: block;
    float: left;
    font-size: 75%;
    text-align: center
}

.countdown-amount {
    font-size: 200%
}

.countdown-period {
    display: block
}

.countdown-descr {
    display: block;
    width: 100%
}

.jq-ry-container {
    position: relative;
    padding: 0 5px;
    line-height: 0;
    display: block;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.jq-ry-container[readonly=readonly] {
    cursor: default
}

.jq-ry-container &gt; .jq-ry-group-wrapper {
    position: relative;
    width: 100%
}

.jq-ry-container &gt; .jq-ry-group-wrapper &gt; .jq-ry-group {
    position: relative;
    line-height: 0;
    z-index: 10;
    white-space: nowrap
}

.jq-ry-container &gt; .jq-ry-group-wrapper &gt; .jq-ry-group &gt; svg {
    display: inline-block
}

.jq-ry-container &gt; .jq-ry-group-wrapper &gt; .jq-ry-group.jq-ry-normal-group {
    width: 100%
}

.jq-ry-container &gt; .jq-ry-group-wrapper &gt; .jq-ry-group.jq-ry-rated-group {
    width: 0;
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a, .toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8
}

.toast-close-button:focus, .toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container &gt; div {
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: .8
}

#toast-container &gt; :hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer
}

#toast-container &gt; .toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important
}

#toast-container &gt; .toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important
}

#toast-container &gt; .toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important
}

#toast-container &gt; .toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important
}

#toast-container.toast-bottom-full-width &gt; div, #toast-container.toast-top-full-width &gt; div {
    width: 96%;
    margin: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

@media all and (max-width: 240px) {
    #toast-container &gt; div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container &gt; div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container &gt; div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

.marker, .zoomHolder img {
    display: block
}

.fullscreenToggle, .zoomIn, .zoomOut {
    background: url(../../images/core/pz_sheet.png) no-repeat;
    width: 30px;
    height: 30px;
    overflow: hidden;
    position: relative;
    display: block;
    cursor: pointer;
    z-index: 100;
    margin: 5px 0
}

.zoomIn {
    background-position: 0 0
}

.zoomOut {
    background-position: -30px 0
}

.fullscreenToggle {
    background-position: -60px 0;
    cursor: pointer
}

.zoomIn.on, .zoomOut.on {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    cursor: pointer
}

.zoomIn.off, .zoomOut.off {
    opacity: .5;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    cursor: auto
}

.controlHolder {
    border-radius: 5px;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 5px;
    z-index: 100
}

.fullscreenDiv, .marker {
    left: 0 !important;
    top: 0 !important
}

.fullscreenToggle.on {
    background-position: -90px 0
}

.fullscreenToggle.off {
    background-position: -60px 0
}

.fullscreenDiv {
    width: auto !important;
    height: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    position: absolute !important;
    background: #fff;
    z-index: 999999;
    oveflow: hidden
}

.zoomHolder {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden
}

.marker {
    position: absolute !important;
    bottom: auto !important;
    right: auto !important
}

/* lithebox.css */
body:after {
    content: url(../../images/core/close.png) url(../../images/core/loading.gif) url(../../images/core/prev.png) url(../../images/core/next.png);
    display: none
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
    opacity: .8;
    display: none
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: 400
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.lightbox a img {
    border: none
}

.lb-outerContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-container {
    padding: 4px
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../../images/core/loading.gif) no-repeat
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lb-container &gt; .nav {
    left: 0
}

.lb-nav a {
    outline: 0;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.lb-next, .lb-prev {
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../../images/core/prev.png) left 48% no-repeat;
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

.lb-nav a.lb-prev:hover {
    opacity: 1
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../../images/core/next.png) right 48% no-repeat;
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

.lb-nav a.lb-next:hover {
    opacity: 1
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-data {
    padding: 0 4px;
    color: #ccc
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: 700;
    line-height: 1em
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../../images/core/close.png) top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.lb-data .lb-close:hover {
    cursor: pointer;
    opacity: 1
}

/* datapicker.css */
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, .2);
    position: absolute
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-top:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-top:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker &gt; div {
    display: none
}

.datepicker.days div.datepicker-days {
    display: block
}

.datepicker.months div.datepicker-months {
    display: block
}

.datepicker.years div.datepicker-years {
    display: block
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker td, .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: #999
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    color: #000
}

.datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] {
    background-color: #fdf59a
}

.datepicker table tr td.today:hover:hover {
    color: #000
}

.datepicker table tr td.today.active:hover {
    color: #fff
}

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
    background: #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: linear-gradient(top, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today[disabled] {
    background-color: #f3e97a
}

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(top, #b3b3b3, grey);
    background-image: -ms-linear-gradient(top, #b3b3b3, grey);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(grey));
    background-image: -webkit-linear-gradient(top, #b3b3b3, grey);
    background-image: -o-linear-gradient(top, #b3b3b3, grey);
    background-image: linear-gradient(top, #b3b3b3, grey);
    background-repeat: repeat-x;
    border-color: grey grey #595959;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] {
    background-color: grey
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #08c, #04c);
    background-image: -ms-linear-gradient(top, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(top, #08c, #04c);
    background-image: -o-linear-gradient(top, #08c, #04c);
    background-image: linear-gradient(top, #08c, #04c);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
    background-color: #04c
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.datepicker table tr td span:hover {
    background: #eee
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #08c, #04c);
    background-image: -ms-linear-gradient(top, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(top, #08c, #04c);
    background-image: -o-linear-gradient(top, #08c, #04c);
    background-image: linear-gradient(top, #08c, #04c);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
    background-color: #04c
}

.datepicker table tr td span.new, .datepicker table tr td span.old {
    color: #999
}

.datepicker th.datepicker-switch {
    width: 145px
}

.datepicker tfoot tr th, .datepicker thead tr:first-child th {
    cursor: pointer
}

.datepicker tfoot tr th:hover, .datepicker thead tr:first-child th:hover {
    background: #eee
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
    cursor: pointer;
    width: 16px;
    height: 16px
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 20px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 20px
}

.datepicker.dropdown-menu td, .datepicker.dropdown-menu th {
    padding: 4px 5px
}

/* zoomer */
body, html {
    -ms-content-zooming: none;
    -ms-touch-action: none
}

.zoomer .zoomer-holder {
    -ms-touch-action: none
}

.zoomer, .zoomer * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.zoomer {
    background: transparent no-repeat center;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.zoomer .zoomer-positioner {
    margin: 0;
    height: 1px;
    position: absolute;
    width: 1px
}

.zoomer .zoomer-holder {
    opacity: 0;
    position: relative;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.zoomer .zoomer-image {
    cursor: move;
    height: 100%;
    width: 100%;
    -webkit-transition: opacity .25 linear;
    -moz-transition: opacity .25 linear;
    -ms-transition: opacity .25 linear;
    -o-transition: opacity .25 linear;
    transition: opacity .25 linear
}

.zoomer .zoomer-tiles {
    height: 100%;
    position: relative;
    width: 100%
}

.zoomer .zoomer-tile {
    height: auto;
    position: absolute;
    width: auto
}

.zoomer .zoomer-controls {
    background: rgba(0, 0, 0, .8);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    border-radius: 3px;
    padding: 5px;
    position: absolute;
    -webkit-transition: opacity .25 linear;
    -moz-transition: opacity .25 linear;
    -ms-transition: opacity .25 linear;
    -o-transition: opacity .25 linear;
    transition: opacity .25 linear
}

.zoomer .zoomer-controls span {
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    margin: 0;
    text-align: center;
    width: 30px
}

.zoomer .zoomer-controls .zoomer-next, .zoomer .zoomer-controls .zoomer-previous {
    display: none
}

.zoomer.zoomer-gallery .zoomer-controls .zoomer-next, .zoomer.zoomer-gallery .zoomer-controls .zoomer-previous {
    display: block
}

.zoomer .zoomer-controls-bottom, .zoomer .zoomer-controls-top {
    left: 50%;
    margin: 0 0 0 -35px
}

.zoomer .zoomer-controls-top {
    bottom: auto;
    top: 10px
}

.zoomer .zoomer-controls-bottom {
    bottom: 10px;
    top: auto
}

.zoomer.zoomer-gallery .zoomer-controls-bottom, .zoomer.zoomer-gallery .zoomer-controls-top {
    margin: 0 0 0 -35px
}

.zoomer .zoomer-controls-bottom span, .zoomer .zoomer-controls-top span {
    float: left
}

.zoomer .zoomer-controls-bottom span:first-child, .zoomer .zoomer-controls-top span:first-child {
    margin: 0 1px 0 0
}

.zoomer .zoomer-controls-bottom-left .zoomer .zoomer-controls-right, .zoomer .zoomer-controls-bottom-right, .zoomer .zoomer-controls-left, .zoomer .zoomer-controls-top-left, .zoomer .zoomer-controls-top-right {
    height: 71px;
    width: 40px
}

.zoomer.zoomer-gallery .zoomer-controls-bottom-left .zoomer.zoomer-gallery .zoomer-controls-right, .zoomer.zoomer-gallery .zoomer-controls-bottom-right, .zoomer.zoomer-gallery .zoomer-controls-left, .zoomer.zoomer-gallery .zoomer-controls-top-left, .zoomer.zoomer-gallery .zoomer-controls-top-right {
    height: 131px
}

.zoomer .zoomer-controls-left, .zoomer .zoomer-controls-right {
    margin: -35px 0 0 0;
    top: 50%
}

.zoomer.zoomer-gallery .zoomer-controls-left, .zoomer.zoomer-gallery .zoomer-controls-right {
    margin: -65px 0 0 0
}

.zoomer .zoomer-controls-left {
    left: 10px
}

.zoomer .zoomer-controls-top-left {
    left: 10px;
    top: 10px
}

.zoomer .zoomer-controls-bottom-left {
    bottom: 10px;
    left: 10px
}

.zoomer .zoomer-controls-right {
    right: 10px
}

.zoomer .zoomer-controls-top-right {
    right: 10px;
    top: 10px
}

.zoomer .zoomer-controls-bottom-right {
    bottom: 10px;
    right: 10px
}

@media screen and (min-width: 980px) {
    .zoomer .zoomer-controls span:hover {
        background: #000
    }
}

/* fancybox.css */
body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s, visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s, visibility 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px 6px 0 6px
}

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px 0;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px
}

.fancybox-iframe, .fancybox-video {
    background: 0 0;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    vertical-align: top
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: 0;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}

.fancybox-button:focus, .fancybox-button:hover {
    color: #fff
}

.fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default
}

.fancybox-button svg {
    display: block;
    overflow: visible;
    position: relative;
    shape-rendering: geometricPrecision
}

.fancybox-button svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3
}

.fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--pause svg path:nth-child(1) {
    display: none
}

.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s, visibility 0s, color .25s
}

.fancybox-navigation .fancybox-button::after {
    content: '';
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10
}

.fancybox-close-small svg {
    fill: transparent;
    opacity: .8;
    stroke: currentColor;
    stroke-width: 1.5;
    transition: stroke .1s
}

.fancybox-close-small:focus {
    outline: 0
}

.fancybox-close-small:hover svg {
    opacity: 1
}

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px
}

.fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {
    background: 0 0;
    color: #fff
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px 25px 44px;
    right: 0
}

.fancybox-caption::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -25px;
    z-index: -1
}

.fancybox-caption::after {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    content: '';
    display: block;
    left: 44px;
    position: absolute;
    right: 44px;
    top: 0
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: fancybox-rotate .8s infinite linear;
    animation: fancybox-rotate .8s infinite linear;
    background: 0 0;
    border: 6px solid rgba(100, 100, 100, .5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs &gt; ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x &gt; ul {
    overflow: hidden
}

.fancybox-thumbs-y &gt; ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y &gt; ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y &gt; ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs &gt; ul &gt; li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs &gt; ul &gt; li {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.fancybox-thumbs &gt; ul &gt; li:before {
    border: 4px solid #4ea7f9;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media all and (max-width: 800px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs &gt; ul &gt; li {
        max-width: calc(100% - 10px)
    }
}@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&amp;subset=latin-ext');

/*
@font-face {
    font-family: "Monotype-Neue-Plak-Bold";
    src: url("../../fonts/monotype/Monotype-Neue-Plak-Bold.woff") format('woff');
    font-weight: bold;
}

@font-face {
    font-family: "Monotype-Neue-Plak-Light";
    src: url("../../fonts/monotype/Monotype-Neue-Plak-Light.woff") format('woff');

}

@font-face {
    font-family: "Monotype-Neue-Plak";
    src: url("../../fonts/monotype/Monotype-Neue-Plak-Regular.woff") format('woff');

}

@font-face {
    font-family: "Monotype-Neue-Plak-Text-Italic";
    src: url("../../fonts/monotype/Monotype-Neue-Plak-Text-Italic.woff") format('woff');
    font-style: italic;
}
@font-face {
    font-family: "Monotype-Neue-Plak-Thin";
    src: url("../../fonts/monotype/Monotype-Neue-Plak-Thin.woff") format('woff');

}*/
/* --- style basic typography -- */
* {
    outline:none;
}

*:focus {
    outline:0;
}

* &gt; iframe{
    max-width: 100% !important;
}

html {
    font-size: 15px;
}

body{
    background: #ffffff;
    color: #4a4b5c;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
}

main {
    position: relative;
}

img {
    max-width:100%;
}

img[src=""],
img[src="undefined"] {
    display: none !important;
}

.lozad-active img.lozad {
    opacity: 0;
}

img.fade,
img.fade.lozad {
    opacity: 1;
}

a {
    color: #3973b5;
    -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}

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

a:focus, .btn:focus{
    outline: none;
    border-width: 0;
}

a:focus{
    background-color: transparent;
    text-decoration: none;
}

a div {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

h1, .h1 {
    font-size:2rem;
    color: #4a4b5c;
    margin: 0 0 20px 0;
}

h2, .h2 {
    color: #4a4b5c;
    margin-top: 0;
    line-height: 38px;
    font-size: 1.6rem;
}

h3, .h3 {
    font-size: 20px;
}

h4, .h4{
    margin-top: 5px;
}

input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder{
    color: #ffffff;
}

input[data-validation-id] {
    position:relative;
}

label {
    font-weight: 400;
}

ul{
    list-style-type: none;
}body{
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}
a{
    color: #000000;
;
}
a:hover{
    color: #0097E0;
}
h2, .h2{
    color: #000000;
}
.pos-center {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.circ {
    border-radius:50%;
}

.clear {
    clear: both;
}

/* Transforms */
.rotate-45{
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.rotate-minus-45{
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
}

.alt-background {
    background:#eee;
}

/* Cover background */
.cover-bg{
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Center absolut position of arrows in slider*/
.slider-navigation-absolute {
    position: absolute;
    width: 100%;
    left:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events:none;
    z-index:3;
}

.slider-navigation-absolute .slider-prev{
    left: 0;
    pointer-events:auto;
}

.slider-navigation-absolute .slider-next{
    right: 0;
    pointer-events:auto;
}

.slider-navigation-absolute .slider-prev:hover,
.slider-navigation-absolute .slider-next:hover{
    color: #3973b5;
}

/* appear preloader */
.appear.appear-preloader {
    opacity: 1;
}

.appear.appear-preloader &gt; *{
    opacity: 0;
}

.appear.appeared.appear-preloader &gt; *{
    opacity: 1;
}

.appear-preloader:after {
    content: "\f110";
    font-family: 'FontAwesome';
    position: absolute;
    left: calc(50% - 25px);
    top: 175px;
    font-size: 50px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1010ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1010ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1010ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 1010ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    z-index: 1000;
    -webkit-transition: opacity .15s ease;
    -moz-transition: opacity .15s ease;
    -ms-transition: opacity .15s ease;
    -o-transition: opacity .15s ease;
    transition: opacity .15s ease;
}

.appear.appeared.appear-preloader:after {
    opacity: 0;
    pointer-events: none;
}

/* ckeditor rows */
.ckeditor-row .col-xs-6:nth-child(2n + 1),
.ckeditor-row .col-xs-4:nth-child(3n + 1),
.ckeditor-row .col-xs-3:nth-child(4n + 1),
.ckeditor-row .col-xs-2:nth-child(6n + 1){
    clear: both;
}

@media (min-width: 767px) and (max-width: 1025px){
    .ckeditor-row .col-sm-6:nth-child(2n + 1),
    .ckeditor-row .col-sm-4:nth-child(3n + 1),
    .ckeditor-row .col-sm-3:nth-child(4n + 1),
    .ckeditor-row .col-sm-2:nth-child(6n + 1){
        clear: both;
    }
}

@media (min-width: 1025px){
    .ckeditor-row .col-md-6:nth-child(2n + 1),
    .ckeditor-row .col-md-4:nth-child(3n + 1),
    .ckeditor-row .col-md-3:nth-child(4n + 1),
    .ckeditor-row .col-md-2:nth-child(6n + 1){
        clear: both;
    }
}

@media (min-width: 1400px){
    .ckeditor-row .col-lg-6:nth-child(2n + 1),
    .ckeditor-row .col-lg-4:nth-child(3n + 1),
    .ckeditor-row .col-lg-3:nth-child(4n + 1),
    .ckeditor-row .col-lg-2:nth-child(6n + 1){
        clear: both;
    }
}

/* Fade animation */
.fade {
    animation-name: fade;
    animation-duration: 0.5s;
}

@keyframes fade {
    from {
        opacity: 0 !important;
    }
    to {
        opacity: 1 !important;
    }
}

.b2c-users .show-b2b,
.b2b-users .show-b2c,
.b2c-users .item-show-b2b,
.b2b-users .item-show-b2c {
    display: none;
}.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7;
    }
    50% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7;
    }
    50% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7;
    }
}

.pulse{
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    visibility: visible !important;
}

@keyframes slideLeft {
    0% {transform: translateX(100%);}
    100% {transform: translateX(0%);}
}

@-webkit-keyframes slideLeft {
    0% {transform: translateX(100%);}
    100% {transform: translateX(0%);}
}

.slideLeft{
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

.spin {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1010ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1010ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1010ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 1010ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.appear {
    opacity: 0;
    position: relative;
    -webkit-transition: opacity 0.15s ease;
    -moz-transition: opacity 0.15s ease;
    -ms-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
}

.appear.appeared {
    opacity: 1;
}

.appear.appear-from-left {
    left: -20px;
}

.appear.appear-from-right {
    right: -20px;
}

.appear.appear-from-left.appeared {
    left: 0;
}

.appear.appear-from-right.appeared {
    right: 0;
}

.appear.appear-from-top {
    top: -20px;
}

.appear.appear-from-top.appeared {
    top: 0;
}

.appear.appear-from-bottom{
    bottom: -20px;
}

.appear.appear-from-bottom.appeared {
    bottom: 0;
}

.ease {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.ease-slow {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}


/* Background scroll */
@-webkit-keyframes bgscroll{
    100%{
        background-position:0px 3000px;
    }
}

@-moz-keyframes bgscroll{
    100%{
        background-position:0px 3000px;
    }
}

@-o-keyframes bgscroll{
    100%{
        background-position:0px 3000px;
    }
}

@-ms-keyframes bgscroll{
    100%{
        background-position:0px 3000px;
    }
}

@keyframes bgscroll{
    100%{
        background-position:0px 3000px;
    }
}


@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.leftright {
    bottom:15%;
    position:relative;
    -webkit-animation:linear infinite alternate;
    -webkit-animation-name: runleftright;
    -webkit-animation-duration: 1s;
}

@-webkit-keyframes runleftright{
    0% { left: 0;}
    50%{ left : 20px;}
    100%{ left: 0;}
}

@-moz-keyframes runleftright{
    0% { left: 0;}
    50%{ left : 20px;}
    100%{ left: 0;}
}

@-o-keyframes runleftright{
    0% { left: 0;}
    50%{ left : 20px;}
    100%{ left: 0;}
}

@-ms-keyframes runleftright{
    0% { left: 0;}
    50%{ left : 20px;}
    100%{ left: 0;}
}

@keyframes runleftright{
    0% { left: 0;}
    50%{ left : 20px;}
    100%{ left: 0;}
}/* --- style nbshop basic -- *\

 *  TWO COLUMNS IN ROW, RIGHT ONE IS FIXED TO 300PX
 *  LIST
 *  HORIZONTAL DIVIDER
 *  ELEMENTS OF A FORM
 *  INPUT GROUP
 *  FORM CONTROL INSIDE OF MODALS
 *  BUTTONS
 *  SELECT
 *  SELECT FULLWIDTH
 *  SELECT TRANSPARENT
 *  TABLE
 *  MODAL
 *  ALERT
 *  DROPDOWN SELECTOR
 *  TOOLTIP
 *  NICESCROLL
 *  ICHECK
 *  TOASTR
 *  BOOTBOX
 *  POPOVER
 *  BOARDERED ITEMS
 *  FAVORITE
 *  MODAL
 *  PROMO MODAL
 *  MODAL TICKET
 *  MODAL PRODUCT SIZE GUIDE
 *  FORM CONTROL INSIDE OD MODALS
 *  MODAL QUICK DETAIL VIEW
 *  NOTE
 *  PAGE IMG WRAPPER
 *  LIST TABS
 *  LOYALTi MODAL

\* --- style nbshop basic -- */

/* Two columns in row, right one is fixed to 300px */
.col-wrapper:after,
.col-wrapper:before{
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.col-wrapper:after{
    clear: both;
}

.col-left{
    display: block;
    float: left;
    width: 100%;
    margin-right: -300px;
}

.col-left-inner{
    margin-right: 320px;
}

.col-right{
    float: right;
    width: 300px;
    display: block;
    margin: 0 auto;
}

.row.no-gutters &gt; [class^="col-"],
.row.no-gutters &gt; [class*=" col-"],
.row.no-gutters &gt; a &gt; [class^="col-"],
.row.no-gutters &gt; a &gt; [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.container {
    position: relative;
}

/* heading-wrapper-bordered - header wrapper border between header and body off bloks */
.heading-wrapper.heading-wrapper-bordered {
    text-align:center;
    margin-bottom:20px;
}

.heading-wrapper.heading-wrapper-bordered:before {
    content:"";
    width:65px;
    height:1px;
    background:#ccc;
    position:absolute;
    bottom: 0;
    left: 50%;
    transform:translateX(-50%);
}

.heading-wrapper.heading-wrapper-bordered h1 {
    font-size:1.6rem;
}

.heading-wrapper.heading-wrapper-bordered h2 {
    margin-bottom:8px;
}

/* List - proveriti da li ova Bootstrap klasa treba da ima ovaj style */
.list-inline{
    margin: 0;
}

/*  Horizontal divider */
.horizontal-divider{
    background: url('../../images/pattern.png') repeat-x;
    height: 20px;
    width: 100%;
    margin-bottom: 20px;
}

/* Read more button */
.read-more-btn {
    margin-top:10px;
    clear: both;
    display: table;
}

/* Elements of a form */
.form-group{
    margin-bottom: 15px;
    position: relative;
}

.form-group label{
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    margin: 0;
}

.form-group label.disabled{
    color: #969696;
}

.form-group-checklabel label{
    margin-left: 5px;
    margin-bottom: 0;
    color:#868692;
}

.cart-step .form-group label[for=cart_onepage_street] span{
    font-size: 0;
    opacity: 0;
}

.form-group.form-group-checklabel{
   display: flex;
}

.modal .form-group.form-group-checklabel {
    margin-bottom: 0;
}

#payment-card-modal.modal .modal-dialog {
    width: 540px;
    height: 450px;
    display: block;
}

#payment-card-modal.modal .modal-dialog .modal-content {
    height: 100%;
}

#payment-card-modal.modal .modal-dialog .modal-body {
    padding: 30px 10px 10px;
    height: 100%;
    overflow-x: hidden;
    margin: 0;
}

#payment-card-modal.modal button.close {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #000000;
}

.form-group-checklabel .label-as-headline{
    font-size: 1.286rem;
    margin-left: 10px;
    text-transform: uppercase;
    display: inline;
}

.form-group-checklabel &gt; a{
    display: inline-block;
    line-height: 15px;
    margin-left: 5px;
    color: #3973b5;
}

.form-group-checklabel &gt; a:hover{
    color: #000;
}

.form-control{
    border-color: #ddd;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}

.form-control:focus{
    background: #fff;
    border-color: #d9d9d9;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.disable-post-code,
.disable-post-code:focus {
    border-color: #FFC107;
}

.input-group .form-control{
    border-right-width: 0;
}

.input-group-addon{
    background: transparent;
    border-radius: 0;
    border: 1px solid #ddd;
    padding: 8px;
}

.input-group-addon:last-child{
    border-left: 1px solid #ddd;
}

.input-group-addon:last-child{
    border-left-width: 0;
}

.input-group-addon-btn{
    padding: 0;
    border: none;
}

.input-group-addon-btn .btn{
    height: 34px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.login-style {
    margin-top:40px;
    margin-bottom:40px;
}

/* Input group */
.input-group .btn{
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.input-group .parsley-errors-list{
    top: auto;
    bottom: -30px;
    right: 0;
}

.input-group .parsley-errors-list li{
    padding: 5px;
}

.input-group .parsley-errors-list li:before{
    display: none;
}

/* Validation messages */
.validation-errors-list{
    position: absolute;
    top: auto;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    right: 0;
    max-width: 200px;
    background: transparent;
    color: #ED544A;
    padding: 0;
    font-size: 11px;
    line-height: 11px;
    display: none;
    margin: 0;
}

.validation-errors-list .parsley-required {
    margin: 0;
}

.validation-errors-list.filled li {
    display: inline;
    margin-right: 5px;
}

.validation-errros-list-insidefield{
    top: auto;
    bottom: 0;
    background: transparent;
    color: #333;
}

.validation-errors-list.filled{
    display: block;
}

.validation-errors-list li.parsley-type {
    margin: 0;
}

.modal .validation-errors-list {
    top: auto;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    right: 3px;
    text-align: right;
}

.modal .validation-errors-list li {
    display: block;
    margin: 0;
}

.modal .styled-select .validation-errors-list {
    bottom: -3px;
}

.form-group-checklabel .validation-errors-list{
    right: 0;
    top: 0;
    width: 150px;
    transform: none;
    bottom: auto;
    left: 240px;
    line-height: 16px;
}

.modal .form-group-checklabel .validation-errors-list{
    line-height: 26px;
    left: 190px;
}

/* Buttons */
.btn{
    color: #fff;
    border: none;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition: all .3s ease, transform .005s ease;
    -moz-transition: all .3s ease, -webkit-transform .005s ease;
    transition: all .3s ease, -moz-transition .005s ease;
    border-radius:2px;
}

.btn:hover,
.btn:focus,
.btn:active:focus{
    color: #fff;
    border-width: 0;
    outline: none;
}

.btn-small{
    padding: 5px 10px;
    font-size: 12px;
}

.btn-large{
    font-size: 1.143rem;
    padding: 15px 72px;
}

.btn-xs {
    padding:2px 8px;
}

.btn-lg {
    padding:10px 30px;
}

.btn-info {
    background:#3973b5;
}

.btn-info.useless,
.btn-info.helpful,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info:active:focus {
    background:#4c8bce;
}

.btn-success{
    background-color: #89c03c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:active:focus{
    background-color: #94cc41;
}

.btn-danger{
    background-color: #EB4034;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger:active:focus{
    background-color: #D43428;
}

.btn-default {
    color: #4a4b5c;
    background-color: #fff;
    border: 1px solid #d9d9d9;
}

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

.btn-ghost{
    background: transparent;
    color: #4a4b5c;
    border: 1px solid #b0b0b0;
}

.btn-ghost:hover,
.btn-ghost:focus,
.btn-ghost:active,
.btn-ghost:active:focus{
    background: #4a4b5c;
    border: 1px solid #4a4b5c;
    color:#fff;
}

.btn-file {
    font-size: 12px;
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.btn-activated{
    -webkit-animation: fadeOutText 0.5s;
    -moz-animation: fadeOutText 0.5s;
    animation: fadeOutText 0.5s;
}

.btn-activated.btn-icon-right{
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.btn-activated:before {
    -webkit-animation: moveToRight 0.5s;
    -moz-animation: moveToRight 0.5s;
    animation: moveToRight 0.5s;
    color: #fff;
}

.btn-icon-left,
.btn-icon-right{
    position: relative;
    overflow: hidden;
    font-family: inherit;
    line-height: inherit;
}

.btn-icon-left:before,
.btn-icon-right:before{
    position: absolute;
    width: 40%;
    min-width: 50px;
    font-family: 'NBIcon';
    font-size: 160%;
    font-weight: 400;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 1px;
    height: 1px;
}

.btn.icon-bounce:before{
    -webkit-animation: vertical .15s ease infinite;
    -moz-animation: vertical .15s ease infinite;
    animation: vertical .15s ease infinite;
}

.btn-icon-left:before{
    left: 0;
}

.btn-icon-right:before{
    right: 0;
}

.btn-icon-left{
    padding-right: 40px;
    padding-left: 60px;
}

.btn-icon-right{
    padding-right: 60px;
    padding-left: 40px;
}

.btn.btn-aligned {
    padding:6px 30px;
    margin-top:20px;
}

.btn-rounded {
    border-radius: 10px;
}

/* Select */
.styled-select {
    width: 100%;
    height: 34px;
    /*display: inline-block;*/
    overflow: hidden;
    background: url('../../images/core/triangle-bottom.png') no-repeat calc(100% - 15px) #fff;
    border: 1px solid #ddd;
    position: relative;
    display: block;
}

.styled-select.validation-error{
    overflow: inherit;
}

.delivery-options .styled-select {
    max-width: 100%;
}

.styled-select select {
    background: transparent;
    width: 100%;
    height: 100%;
    padding: 0 5px;
    line-height: 1.3;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 1px;
    text-overflow: '';
    border-color: #ebebeb;
}

.styled-select .validation-errors-list{
    bottom: -3px;
    pointer-events: none;
}

.styled-select.small-select{
    width: 50px;
    background-position: 85% 50%;
}

.styled-select.medium-select{
    width: 160px;
    background-position: 94% 50%;
}

.styled-select.large-select{
    width: 220px;
    background-position: 97% 50%;
}

.styled-select.extralarge-select{
    width: 360px;
    background-position: 98% 50%;
}

.styled-select.extralarge-select select{
    width: 388px;
}

.styled-select.midthick-select{
    height: 34px;
}

.styled-select.thick-select{
    height: 40px;
}

/* select fullwidth */
.styled-select-fullwidth{
    width: 100% !important;
}

/* select transparent */
.styled-select-transparent{
    background-color: #fff;
    border-color: #ebebeb;
}

/* proveriti */
.label-inline-select,
.styled-select-aftertext{
    top: -10px;
    position: relative;
    margin-right: 5px;
}

.styled-select-aftertext{
    margin-left: 5px;
}

/* Table - overiding the bootstrap's default styles */
.table{
    margin-bottom: 0;
}

.table &gt; thead &gt; tr &gt; th{
    color: #3973b5;
    font-size: 1.143rem;
    padding: 2px 8px;
}

.table &gt; thead {
    border-bottom: 1px solid #cacaca;
}

.table &gt; thead &gt; tr &gt; th,
.table &gt; tbody &gt; tr &gt; th,
.table &gt; tfoot &gt; tr &gt; th,
.table &gt; thead &gt; tr &gt; td,
.table &gt; tbody &gt; tr &gt; td,
.table &gt; tfoot &gt; tr &gt; td{
    border: 0;
    vertical-align: middle;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

.table&gt;tbody&gt;tr&gt;td{
    border-bottom: 1px solid #e5e7e9;
    font-size: 1.143rem;
}

.table&gt;tbody&gt;tr:nth-child(2n+1){
    background: rgba(0,0,0,0.03);
}

.table &gt; tbody &gt; tr:last-child &gt; td{
    border-bottom: 0;
}

.table&gt;tbody&gt;tr:hover&gt;td,
.table&gt;tbody&gt;tr:hover&gt;th {
    background-color: #f0f6f8;
}

.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;td,
.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;th{
    background-color: #fff;
}

.table-striped&gt;tbody&gt;tr:nth-child(even)&gt;td,
.table-striped&gt;tbody&gt;tr:hover&gt;td,
.table-striped&gt;tbody&gt;tr:nth-child(even)&gt;th
.table-striped&gt;tbody&gt;tr:hover&gt;th {
    background-color: #f0f6f8;
}

/* Alert */
.alert{
    padding: 5px 15px;
    border-radius: 0;
}

.alert-success {
    color: #79a536;
}

.alert-view{
    background: #f5f5f5;
}

.alert-bottomfixed{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999999;
}

.alert-bottomfixed .alert{
    margin-bottom: 0;
}

/* Dropdown selector */
.dropdown-selector{
    position: relative;
}

.dropdown-options{
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 9px;
    z-index: 100;
    opacity: 1;
}

.dropdown-options.hidden{
    opacity: 0;
}

.dropdown-options:before{
    position: absolute;
    top: 3px;
    left: 10%;
    display: inline-block !important;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom-color: #dedede;
    content: '';
}

.dropdown-options li{
    border: 1px solid #efefef;
}

.dropdown-options li:last-child{
    border-top: 0;
}

.dropdown-options li &gt; a{
    background: #fff;
    color: #333;
    clear: both;
    display: block;
    padding: 4px 10px;
    white-space: nowrap;
}

.dropdown-options li &gt; a:hover{
    background: #F5F5F5;
}

.dropdown-options .language-name{
    margin-left: 5px;
}

/* Tooltip */
.tooltip-inner{
    max-width: 180px;
}

/* Nicescroll */
.nicescroll-rails{
    cursor: pointer !important;
}

/*  iCheck http://fronteed.com/iCheck/ */
.icheckbox_flat,
.iradio_flat{
    width: 14px;
    height: 14px;
    border:1px solid #d9d9d9;
    background-image: none;
    flex-shrink: 0;
}

.iradio_flat{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.iradio_flat:hover{
    background: #ffffff;
    border: 1px solid #b8d2ec;
}

@media (min-width: 768px){
.icheckbox_flat:hover,
    .iradio_flat:hover{
        background: #ffffff;
        border: 1px solid #b8d2ec;
    }
}

.icheckbox_flat.checked,
.iradio_flat.checked{
    background: #3973b5;
    position: relative;
}
.icheckbox_flat.checked{
    background: #3973b5 url('../../images/core/check_box.png') center no-repeat;
}
.icheckbox_flat.checked.disabled {
    background: #d6e3f0 url('../../images/core/check_box.png') center no-repeat;
}

.iradio_flat.checked:after {
    content: '';
    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: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ffffff;
}

.icheckbox_flat.disabled,
.iradio_flat.disabled{
    border: 1px solid #f0f0f0;
    background: #fff;
}

.icheckbox_flat.checked.disabled,
.iradio_flat.checked.disabled{
    background: #d6e3f0;
}

.icheck-label{
    cursor: pointer;
}

/* Toastr * https://github.com/CodeSeven/toastr */
#toast-container .toast,
#toast-container .toast:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.toast-middle-center,
.toast-top-center {
    top: 45%;
    left: 50%;
    margin-left: -152px;
}

.toast-top-center {
    top: 30px;
}

/* Bootbox * http://bootboxjs.com/ */
.bootbox .modal-dialog{
    margin-top: 10%;
}

.bootbox .modal-footer{
    padding: 30px;
    background: transparent;
    border: 0;
}

.bootbox .modal-body{
    padding: 30px 30px 0 30px;
}

/* Popover */
.popover,
.popover-title,
.popover-content{
    padding: 0;
    text-align: center;
    max-width: 165px; /* 102px; */
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.popover{
    border: 0;
    padding-bottom: 1px;
    z-index: 1100;
}

.popover.bottom&gt;.arrow:after{
    border-bottom-color: #3973b5;
}

.popover-title{
    padding: 5px 2px;
    font-size: .9rem;
    line-height: .95;
    background: #3973b5;
    color: #fff;
}

.popover-content{
    padding: 5px 10px;
    line-height: 1;
}

.popover-content img{
    max-width: 100%;
}

.popover-content p{
    margin-bottom: 0;
}

.popover-text{
    padding: 5px;
    line-height: 1;
    font-size: 1rem;
}

.popover-text &gt; *{
    margin: 0;
}

/* bordered items - Proveriti da li ide u helper ili basic */
.bordered-items-setting {
    margin:0 -10px;
    padding:0;
    border-top:1px solid #d3d2d2;
    border-left:1px solid #d3d2d2;
}

.bordered-items-setting .item {
    border-right:1px solid #d3d2d2;
    border-bottom:1px solid #d3d2d2;
    margin-bottom:-1px;
    transition:all 0.3s;
}

.bordered-items-setting .item:hover {
    box-shadow: 0 0 6px 3px rgba(0,0,0,0.25);
}

/* favorite */
.favorite{
    font-size: 19px;
    cursor: pointer;
}

.favorite.active{
    color: #3973b5;
    opacity: 1;
}

.favorite.active .icons:before {
    content: '\e619';
    color: #3973b5;
}


/* Modal */
.modal-header{
    padding: 15px 30px;
    background: #3973b5;
}

.modal-body {
    padding:15px 30px;
}

.modal .title{
    border-bottom: 0;
    text-transform: uppercase;
    color: #fff;
}

.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom{
    padding-right:0;
    margin-right: 0;
}

.modal-open {
    padding-right:0;
    overflow: visible;
}

.modal-content{
    border-radius: 0;
    box-shadow: 0;
}

.modal-content-product-details-quick-view {
    min-height: 600px;
}

.modal{
    overflow-y: visible;
    z-index: 2100;
}

/* promo modal */
.promo-modal .modal-dialog {
    width: max-content !important;
    display: inline-block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: 0 !important;
    -webkit-transform: translate(-50%,-50%) !important;
    -moz-transform: translate(-50%,-50%) !important;
    -ms-transform: translate(-50%,-50%) !important;
    -o-transform: translate(-50%,-50%) !important;
    transform: translate(-50%,-50%) !important;
    max-width: calc(100vw - 20px);
    max-height: calc(100vh - 20px);
}

#onload_modal .modal-body img {
    max-height: calc(100vh - 50px);
}

/* Modal ticket */
#ticket_modal .ticket-item {
    display: none;
}

#ticket_modal .ticket-item.active {
    display: block;
}

#ticket_modal .items-wrapper {
    text-align: center;
}

#ticket_modal .ticket-item .btn-wrapper {
    display: flex;
    margin: 10px 0;
}

#ticket_modal .ticket-item .btn-wrapper button{
    width: 100%;
    margin: 0 5px;
}

#ticket_modal .ticket-item .modal-headline {
    text-align: center;
    margin: 10px 0;
}

/* Modal product size guide */

.modal .nav-tabs&gt;li.active:not(:last-of-type)&gt;a,
.modal .nav-tabs&gt;li.active:not(:last-of-type)&gt;a:hover,
.modal .nav-tabs&gt;li.active:not(:last-of-type)&gt;a:focus,
.modal .nav-tabs &gt; li.active &gt; a,
.modal .nav-tabs &gt; li &gt; a {
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-left: 0 solid #dddddd;
}
.modal .nav-tabs &gt; li:first-of-type &gt; a,
.modal .nav-tabs &gt; li:first-of-type.active &gt; a {
    border-left: 1px solid #dddddd;
}

.modal .nav-tabs &gt; li.tutorial-btn{
    float: right;
}

.modal .tab-content{
    padding: 10px 0;
    margin: auto;
}

.modal-small .modal-dialog{
    width: 420px;
}

.modal-large .modal-dialog{
    width: 700px;
    max-width: calc(100% - 20px);
}

#invoice_modal_order.modal-large .modal-dialog {
    width: 850px;
}

.modal-footer{
    padding:15px 30px;
    margin-top: 0;
    text-align: left;
    background: #F2F2F2;
    line-height: 20px;
}

#lost_password_modal .modal-footer{
    text-align: center;
}

.modal-footer .btn-facebook {
    background: #3973b5;
    float: right;
}

.modal-footer .btn-google {
    background: #d34836;
    float: right;
    margin-left: 0;
    line-height: 20px;
    display: none;
}
.modal-footer .btn-facebook:hover,
.modal-footer .btn-google:hover{
    opacity: 0.7;
}

.modal-footer .btn{
    margin: 0 auto;
    min-width: calc(50% - 3px);
    line-height: 32px;
    padding: 0;
    height: 32px;
}

.modal-footer .social-newtwork-login{
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.modal-footer .registration-btn-wrapper{
    text-align: center;
    margin-top: 10px;
}

.modal-footer .btn-login ,
.modal-footer .registration-btn-wrapper a{
    width: 100%;
    margin: 5px auto;
    display: block;
}

.modal-footer .btn-login {
    width: 100%;
}

.modal-footer .registration-btn-wrapper .title{
    color: #4a4b5c;
}

.modal-footer .registration-btn-wrapper .btn{
    background: #4a4b5c;
}

.modal .close{
    font-size: 26px;
    color: #fff;
    opacity: 1;
    z-index: 9;
    position: relative;
}

.modal-map{
    height: 500px;
    width: 100%;
    display: block;
}

.modal-subscribe .modal-dialog {
    width: 500px !important;
    max-width: 94% !important;
}

/* Form control inside of modals */
.modal .form-control{
    background: #fff;
    border: 1px solid #d9d9d9;
}

.modal .styled-select{
    border-color: #d9d9d9;
}

/* modal qick detail view */
.modal-quick-view .product-images .action-video {
    display: none;
}

/* Note */
.note {
    padding: 15px;
    text-align: left;
    background: #f9f9f9;
    border-left: 4px solid #8a8a8a;
    margin: 11px 0;
}

.note h4 {
    padding-left: 30px;
    margin-top: 0;
    color: #8a8a8a;
    font-family: 'NBIcon', sans-serif;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.note h4:before {
    content: "\e929";
    position: absolute;
    top: 2px;
    left: 0px;
}

.note.note-info {
    border-left: 4px solid #479ccf;
}

.note.note-info h4 {
    color: #479ccf;
}

.note.note-info h4:before{
    content: "\e634";
}

.note.note-alert {
    border-left: 4px solid #e78f38;
}

.note.note-alert h4 {
    color: #e78f38;
}

.note.note-alert h4:before{
    content: "\e639";
}

/* Page img wrapper */
.page-img-wrapper {
    padding: 15px;
    text-align: center;
    background: transparent;
    margin: 11px 0;
}

.page-img-wrapper.pull-left {
    margin: 0 11px 11px 0;
}

.page-img-wrapper.pull-right {
    margin: 0 0 11px 11px;
}

.page-img-wrapper.doc-img-wrapper  {
    background: #f9f9f9;
}

.page-img-wrapper.doc-img-wrapper.img-with-cam &gt; *:not(a){
    font-size: 12px;
    display: inline-block;
    position: relative;
}

.page-img-wrapper.doc-img-wrapper.img-with-cam &gt; *:not(a):after{
    content: "\f030";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-img-wrapper .img-caption {
    font-style: italic;
    font-size: 11px;
    line-height: 15px;
    margin: 10px 0;
}

.product-item-overlay-zoomcursor{
    cursor: url('../../images/core/zoom-cursor.png') 24 24, pointer;
}

.modal-title{
    color: #ffffff;
    text-transform: uppercase;
}

.bootbox .modal-body{
    text-align: center;
}

/* List tabs */
.lists-tabs ul.items-wrapper {
    border-bottom: 2px solid #f4f4f4;
}
.lists-tabs ul.items-wrapper .item {
    border-bottom: 2px solid #f4f4f4;
    margin-bottom: -2px;
}

.lists-tabs ul.items-wrapper .item.active {
    border-bottom: 2px solid #3973b5;
}

.lists-tabs ul.items-wrapper .item a {
    color: #494949;
    line-height: 50px;
    padding: 0 10px;
}

.lists-tabs ul.items-wrapper .item:hover a {
    color: #479ccf;
}

/* Loyalty modal */
.phone-verificatino-modal .btn-ticket{
    display: block;
    margin: 20px auto 0!important;

}

.phone-verificatino-modal .btn-cancel{
    width: 50%;
}

.phone-verificatino-modal .footer-text{
    margin-top: 20px;
    text-align: center;
}
hr {
    width: 100%;
}

/* phone link */
a[href^="tel:"] {
    cursor:default !important;
    pointer-events: none !important;
}

input[type=text]::-ms-clear {display: none;}

.fade.lozad {
    opacity: 1;
}

.modal-header .close {
    position: absolute;
    top: 15px;
    right: 30px;
}
.icheckbox_flat, .iradio_flat{
    width: 12px;
    height: 12px;
    border: 1px solid #aaaaaa;
    margin: 3px 0;
    margin-right: 5px;
}
.icheckbox_flat.checked{
    background-color: #0097E0;
    border: 1px solid #0097E0;
    margin: 3px 0;
    margin-right: 5px;
    background-size: contain;
}
.iradio_flat.checked{
    background: #0097E0;
    border: 1px solid #0097E0;
    /*margin: 3px 0;*/
}
.icheckbox_flat:hover,
.iradio_flat:hover {
    background: #fff;
    border: 1px solid #54C3F1;
}
.btn-success{
    background: #0097E0;
    color: #ffffff;
    border-radius: 0;
    padding: 10px 20px;
    font-size: 13px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}
.btn-success:hover{
    background: #54C3F1;
    opacity: 0.95;
}

.modal.modal-email .input-btn-wrapper .btn {
    height: 35px;
    padding: 0 20px;
}

.btn-primary{
    background: #000000;
    color: #ffffff;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open&gt;.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open&gt;.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open&gt;.dropdown-toggle.btn-primary.focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus{
    background: #000000;
    color: #ffffff;
}
.form-group-checklabel &gt; a{
    color: #0097E0;
    font-size: 12px;
    transform: none;
}

.form-group-rating .form-control{
    display: none;
}
.modal .styled-select{
    border-color: #dddddd;
    height: 30px;
}

.styled-select select{
    padding: 6px 12px;
    padding-left: 0;
    font-size: 14px;
    color: #555;
    border-color: #EEEEEE;
}

.btn-default{
    background: #0097E0;
    color: #ffffff;
    border-radius: 0;
    padding: 11px 25px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default:active:focus{
    background: #54C3F1;
    opacity: 0.95;
    color: #ffffff;
}

.heading-underlined h1{
    color: #000000;
}

.modal .form-group-checklabel .validation-errors-list{
    line-height: 15px;
    left: 150px;
}

.delivery-option-text button:not(.close):hover,
.delivery-option-text button:not(.close):focus,
.delivery-option-text button:not(.close):active:focus{
    background: #000000 !important;
    border: 1px solid #000000 !important;
}

.cart-step .btn.btn-success{
    padding: 10px 45px;
}

.form-group.button .btn-success:hover{
    background-color: #5D5D5D;
}
.newsletter-input.form-control::-webkit-input-placeholder { /* WebKit browsers */
    color: #ffffff;
}
.newsletter-input.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ffffff;
}
.newsletter-input.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ffffff;
}
.newsletter-input.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ffffff;
}

#newsletter_form_sidebar .alert{
    position: absolute;
    bottom: 12px;
    /* right: 0px; */
    left: 10px;
}

.career-form-wrapper .btn-default:hover,
.career-form-wrapper .btn-default:focus,
.career-form-wrapper .btn-default:active,
.career-form-wrapper .btn-default:active:focus{
    color: #ffffff;
    line-height: 35px !important;
}
/* --- ARTICLE -- *\
1448
    ** OSNOVNI STIL
    * POST ATTRIBUTE
    * NEWSLETTER                                            - Listing newsletter-a
    * ARTICLE LISTING                                       - listing clanaka
    * LISTING OF A POSTS                                    - listing clanaka
    * POST ITEM - GRID VIEW                                 - Grid listing clanaka
    * ARTICLE GRID LISTING ONLY IMG                         - listing clanaka
    * ARTICLE SLIDER                                        - slider clanaka
    * EVENT DETAIL                                          - detalj event-a
    * ARTICLE DETAIL                                        - detalj artikla
    * GRID LIST                                             - grid listing clanaka
    * HORIZONTAL LIST GRID                                  - horizontalno listanje clanaka
    * ARTILE LIST ALTERNATELY                               - naizmenicno listanje clanaka
    * LANDING DOCUMENTATION                                 - strana za dokumentaciju
    * IMAGE TEXT GRID IN 12 ITEM                            - listing clanaka, jedna stavka u redu
    * ARTICLE PAGE STYLE                                    - stil sadrÅ¾aja Älanka

    * STIL ZA LAYOUT-u
    * ARTICLE LISTING WITH COVER                            - article_listing_with_cover
    * CATEGOTY GRID TITLE                                   - categories_grid_title
    * ARTICLE GRID GALLERY                                  - article_details_colections
    * ARTICLE DETAIL COLECTIONS                             - article_details_colections

    ** STIL ZA BLOKOVE
    * FEATURED POST                                         - article/featured
    * ARTICLE HEADER                                        - article/article_details/article_header
    * ARTICLE EVENT LIST                                    - article/events_list
    * EVENT GRID LIST                                       - article/event_grid
    * ARTICLE EVENT SLIDER WITOUTH IMAGES                   - article/article_event_home_slider
    * ARTICLE EVENT SLIDER WITH IMAGES                      - article/article_event_home_slider_v2
    * CATEGORU SAME LEVEL                                   - category/category_same_level
    * ARTICLE LIST IN ONE COL V2                            - article/list_one_col_v2
    * ARTICLE INFO                                          - article/info i article/article_info_autor_contact
    * ARTICLE INFO WITH AUTOR CONTACT                       - article/article_info_autor_contact
    * ARTICLE SURVEY                                        - article/article_survey
    * ARTICLE/CATEGORI LIST ALTERNATELY SIMPLE              - article/list_alternately_simple i category/list_alternately_simple
    * CATEGORY COVER                                        - article/cover_image
    * CATEGORY MAIN IMG                                     - category/main_image
    * ARTICLE LIST ODD/EVEN                                 - article/list_odd_even
    * ATICLE AND CATEGORY LIST WITH ALTERNATELY IMAGE TEXT  - article/alternately_img_text i category/alternately_img_text
    * LANDING ITEM - IMAGE TEXT GRID                        - item/horizontal_image_text_grid6
    * ARTICLE GALLERY                                       - category/category_gallery i article/article_gallery
    * ARTICLE SLIDER WITH CUSTOPM PAGINATION                - article/article_slider_with_custopm_pagination
    * ARTICLE LIST GRID WITH ARROWS                         - article/list_grid_with_arrows
    * ARTICLE COVER WITH TWO IMAGE                          - article/cover_two_image
    * CATEGORY HOME SLIDER                                  - category/category_home_slider
    * ARTICLE LISTING FULL WIDTH                            - article/list_fullwidth
    * ARTICLE HOME TABS                                     - article/home_tabs
    * CATEGORY ALTERNALY OVERLAP                            - article/article_alternately_overlap i category/category_alternately_overlap
    * RADNJE PO GRADOVIMA                                   - article/list_categories_by_letter
    * CATEGORY "ABOUT US"                                   - article/article_list_about_us
    * ARTICLE LIST SLIDER IMG GALLERY                       - article/article_list_slider_img_gallery
    * ARTICLE LIST COLECTIONS                               - article/list_colections
    * SIDEBAR EVENT LIST                                    - article/sidebar_event_list
    * ARTICLE SLIDER WITOUTH LINKS                          - article/article_slider_witouth_links
    * ARTICLE GRID GALLERY SLIDER                           - article/grid_gallery_bycat
    * ACCORDIAN ITEMS WRAPPER                               - article/accordion_with_items i items/popup_items
    * ARTICLE ALTERNATELY LISTING GALLERY SLIDER            - article/article_alternately_listing_gallery_slider

    ** PRIMENE GRID LISTING PROIZVODA
    * ARTICLE GRID LISTING 2
    * ARTICLE GRID LISTING 3
    * ARTICLE GRID LISTING 4
    * ARTICLE GRID LISTING 5
    * ARTICLE GRID LISTING 6
    * ARTICLE GRID LISTING 8

\* --- Article -- */
.article {
    margin-bottom: 40px;
}

body.srch {
    height: 100vh;
    overflow: hidden;
}

/* post attribute */
.post-attribute,
.post-attribute a{
    background: #000;
    padding: 2px 5px;
    color: #fff;
}

.post-attribute.blue,
.post-attribute.blue a{
    background: #3973b5;
}

/* newsletter */
.post-item-listview .post-item-imagewrapper{
    margin-bottom: 0;
}
.post-item-listview .post-item-headline{
    padding-top: 30px;
}
.post-item-listview .post-item-date.text-right{
    padding-top: 30px;
    padding-right: 20px;
}

/* Article listing */
.article .item,
.article-autosuggest .item {
    margin-bottom: 20px;
}

.article .item .img-wrapper,
.article-autosuggest .item .img-wrapper{
    position: relative;
    margin-bottom: 0;
}

.article .item .img-wrapper img,
.article-autosuggest .item .img-wrapper img{
    max-width: 100%;
    margin: auto;
}

.article .item .content ,
.article-autosuggest .item .content {
    padding: 10px 10px 15px 10px;
    min-height: 125px;
    border-top: 1px solid rgba(0,0,0,0.1);
    position: relative;
    background: #ffffff;
}

.article .item .text-wrapper .the-date {
    background: #3973b5;
    position: absolute;
    font-weight: 300;
    font-style: italic; 
    top: -27px;
    right: 20px;
    height: 55px;
    width: 55px;
    border-radius: 50%;
    text-align: center;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.25);
    box-shadow: 0 0 8px rgba(0,0,0,0.25);
    font-style: italic;
    padding-top: 12px;
    color: #ffffff;
    line-height: 16px;
}

.article .item .text-wrapper .category ,
.article-autosuggest .item .text-wrapper .category {
    font-style: italic;
    font-weight: 200;
    text-transform: uppercase;
    color: #888888;
    margin-bottom: 5px;
}

.article .item .text-wrapper .title,
.article-autosuggest .item .text-wrapper .title {
    font-size: 18px;
    height: 22px;
    overflow: hidden;
}

.article .item .text-wrapper .description ,
.article-autosuggest .item .text-wrapper .description {
    height: 54px;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    margin: 10px 0 5px;
}

.article .item .btn-wrapper,
.article-autosuggest .item .btn-wrapper {
    width: 100%;
}

.article .item .btn-wrapper .favorite {
    display: inline-block;
    line-height: 32px;
}

.article .item .btn-wrapper a.btn {
    color: #3973b5;
    float: right;
    font-size: 13px;
}

.article .item .btn-wrapper a.btn:hover,
.article .item .btn-wrapper a.btn:focus{
    color: #000;
}

.article .item .btn-wrapper a.btn i{
    font-size: 10px;
}/* Listing of a posts */
.post-listing{
    margin-bottom: 20px;
}

.post-listing h2{
    margin-bottom: 20px;
}

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

.post-item-attribute{
    position: absolute;
    top: 0;
    left: 0;
}

.post-item-headline{
    font-weight: 300;
    font-size: 1.286rem;
    line-height: 18px;
    margin-bottom: 10px;
}

.post-item-text{
    line-height: 18px;
    margin-bottom: 10px;
}

.post-listing-simple .post-item{
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 0;
    margin-bottom: 0;
}

.post-listing-simple .post-item-headline{
    font-size: 1rem;
    font-weight: 400;
}

.post-listing-simple .post-item-date{
    margin-top: 10px;
}

/* Post item - grid view */
.post-item-gridview .post-item-headline{
    margin-bottom: 7px;
}

.post-item-gridview .post-item-attribute{
    position: relative;
    float: left;
    margin-bottom: 7px;
}

.post-item-listalternately {
    position:relative;
    margin-bottom:0;
    padding:40px 0 0;
    box-shadow:0 0 0 0 #fff;
    background:#ffffff;
}

.post-item-listalternately:before {
    content:"";
    position:absolute;
    top:0;
    left:50%;
    height:100%;
    width:2px;
    background:#fff;
}

.post-item-listalternately.odd-item:before {
    background:#eee;
}

.post-item-listalternately.odd-item,
.background.background-alt .post-item-listalternately.odd-item {
    background:#eee;
}

.background.background-alt .post-item-listalternately {
    background:#eee;
    box-shadow:0 0 0 0 #fff;
}

/* Article listing with custom repeat preview */
.article .custom-preview .item .content {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 33%;
}

/* article slider */
.article.article-slider{
    padding: 0 30px;
}

.article.article-slider .slider-init{
    margin-bottom: 5px;
}

.article.article-slider .social-share .items-wrapper .item {
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

.article.article-slider .item:hover {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.article.article-slider .item .text-wrapper .the-date .year{
    display: none;
}

/* event detail */
.event-detail .article-wrapper {
    padding: 30px 0;
    margin-bottom: 30px;
}

/* Article detail */
.article-detail .article-header .header-info .the-date{
    display: inline-block;
    margin-right: 5px;
    line-height: 19px;
}

.article-detail .article-wrapper{
    padding: 10px 20px 10px 0;
    background: #ffffff;
}

.article-detail .article-wrapper .heading-wrapper{
    margin: 20px 0;
}

.article-detail .article-wrapper .title h1{
    font-weight: 300;
    margin-bottom: 0;
}

.article-detail .article-wrapper .text-wrapper {
    margin: 0 0 20px;
}

.article-detail .article-wrapper .img-wrapper {
    margin: 0 0 20px;
}

.article-detail .article-wrapper .text-wrapper &gt; img,
.article-detail .article-wrapper .text-wrapper p img{
    margin: 0 20px 20px 0;
    max-width: 100%;
    height: auto;
}

.sidebar-article .similar-article-slider {
    margin-bottom: 20px;
}

/*grid list*/
.article-list-grid {
    margin-top: 30px;
}

.article-list-grid div:not(.category-submenu) .item,
.article-autosuggest .item{
    background:#ffffff;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);
    box-shadow: 0 0 5px rgba(0,0,0,0.25);
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.article-list-grid div:not(.category-submenu) .item:hover,
.article-autosuggest .item:hover{
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.article-list-grid .item .text-wrapper .year{
    display: none;
}

.article-list-grid .item .btn-wrapper a{
    float: right;
}

/* Artile list alternately*/
.post-item-listalternately .post-item-imagewrapper .thumb {
    text-align:center;
    max-width: 100%;
    margin:0 auto;
}

.post-item-listalternately .post-item-imagewrapper .thumb img {
    width:auto;
}

.post-item-listalternately .item-wrapper {
    border-top:0 solid #fff;
    padding:0;
}

.post-item-listalternately.odd-item .item-wrapper {
    padding: 0;
}

.post-item-listalternately .item-wrapper .btn{
    margin-top: 10px;
}

.post-item-listalternately .item-wrapper .the-date &gt; div{
    display: inline-block;
}

.post-item-listalternately .item-wrapper .the-date{
    margin-bottom: 10px;
}

.post-item-listalternately .right-position {
    float: right;
}

.post-item-listalternately .img-wrapper .thumb {
    text-align: center;
}

.post-item-listalternately .post-counter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.post-item-listalternately .post-item-headline {
    font-weight: 400;
}

.background.background-alt .post-item.post-item-listalternately:hover {
    box-shadow: 0 0 0 rgba(0,0,0,0.5);
}

.list-alternately-items {
    padding:0;
    margin-bottom:0;
    border:0 solid #fff;
    border-bottom:1px solid #eee;
}

/* Landing documentation */
.article-landing.documentation-landing {
    max-width: 1000px;
}

/* image text grid in 12 item */
.image-text-grid12{
    background: #f5f5f5;
    position: relative;
    font-size: 21px;
    line-height: 26px;
}

.image-text-grid12.left-side:after{
    content: '';
    height: 100%;
    width: calc(50vw - 50%);
    background: #f5f5f5;
    position: absolute;
    left: calc(-50vw + 50% + 10px);
    top: 0;
}

.image-text-grid12.right-side{
    background: #3e7ab6;
    color: #ffffff;
}

.image-text-grid12.right-side:after{
    content: '';
    height: 100%;
    width: calc(50vw - 50%);
    background: #3e7ab6;
    position: absolute;
    right: calc(-50vw + 50% + 10px);
    top: 0;
}

.image-text-grid12.right-side .img-wrapper {
    float: right;
}

.image-text-grid12.right-side .text-wrapper .btn-wrapper .btn-success {
    background: transparent;
    border: 2px solid #ffffff;
    line-height: 52px;
    padding: 0 50px;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 600;
}

.image-text-grid12 .text-wrapper {
    padding: 50px;
}

.image-text-grid12 .text-wrapper .title {
    display: none;
}

.image-text-grid12 .img-wrapper {
    margin: -30px 0 30px;
}

/* Article page style */
.article-content .text-wrapper .page-box-wrapper,
.article-content .text-wrapper .page-img-box-wrapper {
    position: static !important;
    padding: 35px;
    display: block;
    background: #d8e3f1;
    font-weight: 400;
    text-align: center;
    color: #373737;
    font-style: italic;
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 20px;
    width: 100%;
}

.article-content .text-wrapper .page-img-box-wrapper {
    padding: 0 0 10px;
}

.article-content .text-wrapper .page-img-box-wrapper img{
    margin-bottom: 10px;
    width: 100%;
}

.article-content .text-wrapper .page-box-wrapper.pull-right,
.article-content .text-wrapper .page-img-box-wrapper.pull-right {
    margin: 0 0 20px 20px;
    max-width: 50%;
    padding-bottom: 40px;
}

.article-content .text-wrapper .page-img-box-wrapper.pull-left,
.article-content .text-wrapper .page-box-wrapper.pull-left {
    margin: 0 20px 20px 0;
    max-width: 50%;
    padding-bottom: 40px;
}

/** STIL ZA LAZOUTE */
/* Article listing with cover */
.article-listing-with-cover {
    display: flex;
    margin-top: -32px;
}

.article-listing-with-cover .left-content{
    overflow: hidden;
    padding-left: 0;
}

.article-listing-with-cover .left-content .btn-back{
    left: 10px;
    background: #ffffff;
    color: #000000;
    padding: 15px;
    line-height: 15px;
    text-align: center;
    z-index: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.article-listing-with-cover .category-cover-image .img-wrapper img {
    top: 0;
    left: 0;
    max-width: inherit;
    min-height: 100%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

/* Categoty grid title*/
.grid-title-wrapper .items-wrapper {
    padding: 20px 0;
}

.grid-title-wrapper .item {
    padding: 10px;
}

.grid-title-wrapper .item .text-wrapper a {
    display: block;
    border: 1px solid #3973b5;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

/* Article grid gallery */
.collection-gallery-wrapper .gallery-images-item {
    text-align: center;
}

.collection-gallery-wrapper .gallery-images-item:after {
    content: none;
}

.collection-gallery-wrapper .gallery-images-item img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    content: none;
}

.collection-gallery-wrapper .gallery-images-item img:hover {
    opacity: 0.5;
}

/* Article detail colections */
.article-detail-colections .item.simple-item .text-wrapper,
.article-detail-colections .item.simple-item:hover .text-wrapper {
    top: 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%);
    background: transparent;
    width: 100%;
    opacity: 1;
}

/* article/category list alternately simple  */
.article-list-alternately-simple .img-wrapper img {
    margin-top: -80px;
}

.post-counter {
    width: 42px;
    height: 42px;
    background: #3973b5;
    text-align: center;
    color: #fff;
    font-size:1.2rem;
    line-height: 42px;
    border-radius: 50%;
}

/* Category cover */
.page-cover-image,
.category-cover-image {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.page-cover-image .heading-wrapper,
.category-cover-image .heading-wrapper {
    text-align: center;
    margin-bottom: 40px;
    color: #ffffff;
}


.page-cover-image .heading-wrapper h1,
.category-cover-image .heading-wrapper h1{
    color: #ffffff;
}

.page-cover-image .img-wrapper img,
.category-cover-image .img-wrapper img {
    position: absolute;
    z-index: -1;
    max-width: inherit;
    top: -32px;
    left: 50%;
    width: inherit;
    height: inherit;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 100%;
    min-height: 100%;
}

/* Category cover with left title */
.page-cover-image.page-cover-image-title-left .heading-wrapper,
.category-cover-image.category-cover-image-title-left .heading-wrapper {
    margin: 0;
    padding: 50px 0;
    text-align: left;
}

.page-cover-image.page-cover-image-title-left .heading-wrapper .title h1,
.category-cover-image.category-cover-image-title-left .heading-wrapper .title h1 {
    font-size: 72px;
    line-height: 60px;
    margin: 0;
    padding: 20px 0;
}

.page-cover-image.page-cover-image-title-left .heading-wrapper .description,
.category-cover-image.category-cover-image-title-left .heading-wrapper .description {
    display: none;
}

.page-cover-image.page-cover-image-title-left .img-wrapper img,
.category-cover-image.category-cover-image-title-left .img-wrapper img {
    top: 0;
}

/* Category cover with top-left title */
.page-cover-image.page-cover-image-title-topleft .heading-wrapper,
.category-cover-image.category-cover-image-title-topleft .heading-wrapper {
    position: absolute;
    top: 0;
    left: 0;
}

.page-cover-image.page-cover-image-title-topleft .heading-wrapper .title h1,
.category-cover-image.category-cover-image-title-topleft .heading-wrapper .title h1 {
    font-size: 72px;
    line-height: 90px;
    padding-top: 50px;
    text-align: left;
}

.page-cover-image.page-cover-image-title-topleft .heading-wrapper .description,
.page-cover-image.page-cover-image-title-topleft .heading-wrapper .description p,
.category-cover-image.category-cover-image-title-topleft .heading-wrapper .description,
.category-cover-image.category-cover-image-title-topleft .heading-wrapper .description p {
    font-size: 24px;
    margin: 0;
    max-width: 460px;
    text-align: left;
}

.page-cover-image.page-cover-image-title-topleft .img-wrapper img,
.category-cover-image.category-cover-image-title-topleft .img-wrapper img {
    position: relative;
    left: 50%;
    top: 0;
    width: 100%;
}

.article-detail .tags{
    text-align: right;
}

.article-detail .tags .item{
    border: 1px solid #33a7f2;
    line-height: 22px;
    display: inline-block;
    padding: 0 15px;
    margin: 6px 0 6px 10px;
    color: #33a7f2;
    font-size: 14px;
}

/*Article home tabs */
.article.lists-tabs{
    margin-bottom: 20px;
}

.article.lists-tabs .tab-content .gallery-images-item{
    margin-bottom: 0px;
}

.article.lists-tabs .items-wrapper{
    text-align: center;
}

.article.lists-tabs ul.items-wrapper .item{
    border-bottom: 0 solid transparent;
    margin-bottom: 0;
}

.article.lists-tabs ul.items-wrapper,
.article.lists-tabs ul.items-wrapper .item.active {
    border-bottom: 0 solid transparent;
}

.article.lists-tabs .tab-content{
    padding: 10px;
}

/* Article grid gallery slider */
.article-grid-gallery-slider {
    margin-bottom: 40px;
}

.article-grid-gallery-slider.slider .slick-dots {
    bottom: -40px;
}

.article-grid-gallery-slider .item {
    height: 0;
    background: #ffffff;
    border-bottom: 10px solid #ffffff;
    padding-bottom: calc(100% - 10px);
}

.article-grid-gallery-slider .item.item-one,
.article-grid-gallery-slider .item.item-eight {
    padding-bottom: 50%;
}

.article-grid-gallery-slider .item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    min-height: 100%;
    position: absolute;
}

.article-grid-gallery-slider-v2 .item.item-two,
.article-grid-gallery-slider-v2 .item.item-three{
    padding-bottom: calc(50% - 20px);
}
/* Article grid gallery slider V3 */
.article-grid-gallery-slider.article-grid-gallery-slider-v3 {
    width: 100%;
}

.article-grid-gallery-slider.article-grid-gallery-slider-v3 .item.item-one,
.article-grid-gallery-slider.article-grid-gallery-slider-v3 .item.item-five {
    padding-bottom: calc((200% / 3) - 10px);
}

.article-grid-gallery-slider.article-grid-gallery-slider-v3 .item.item-two,
.article-grid-gallery-slider.article-grid-gallery-slider-v3 .item.item-three,
.article-grid-gallery-slider.article-grid-gallery-slider-v3 .item.item-six,
.article-grid-gallery-slider.article-grid-gallery-slider-v3 .item.item-seven,
.article-grid-gallery-slider.article-grid-gallery-slider-v3 .item.item-four,
.article-grid-gallery-slider.article-grid-gallery-slider-v3 .item.item-eight {
    padding-bottom: calc(50% - 10px);
}

.article-grid-gallery-slider.article-grid-gallery-slider-v3 .item.video-item:after {
    content: "\f04b";
    font-family: 'FontAwesome';
    width: 100px;
    height: 100px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    line-height: 100px;
    text-align: center;
    font-size: 40px;
    padding-left: 2%;
    pointer-events: none;
}

    /** STIL ZA PRIMENE */
/* Article grid listing 2 */
.article-grid-listing-2.article-list-grid .heading-wrapper .title{
    text-align: center;
}

.article-grid-listing-2.article-list-grid div:not(.category-submenu) .item{
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.article-grid-listing-2.article-list-grid div:not(.category-submenu) .item:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.article-grid-listing-2.article .item:hover .img-wrapper{
    position: relative;
}

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

.article-grid-listing-2.article .item .img-wrapper:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0);
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
}

.article-grid-listing-2.article .item .text-wrapper .the-date{
    background: #3973b5;
    display: none;
}

.article-grid-listing-2.article .item .content{
    position: relative;
    width: calc(100% - 60px);
    left: 30px;
    bottom: 30px;
    padding: 30px;
}

.article-grid-listing-2.article .item .text-wrapper .category{
    font-size: 13px;
    font-style: normal;
    text-align: center;
    color: #3973b5;
}

.article-grid-listing-2.article .items-wrapper .item .text-wrapper .title{
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    height: 45px;
    overflow: hidden;
}

.article-grid-listing-2.article .items-wrapper .item .text-wrapper .description{
    color: #818181;
    height: 72px;
    min-height: 72px;
    overflow: hidden;
    text-align: center;
}

.article-grid-listing-2.article.similar-article-slider .slick-slide{
    padding: 0 20px;
}

.article-grid-listing-2.article .item .btn-wrapper .favorite{
    display: none;
}

.article-grid-listing-2.article .item .btn-wrapper {
    text-align: center;
}

.article-grid-listing-2.article .item .btn-wrapper a{
    padding: 15px 30px;
    border:1px solid #dbdbdb;
    color: #000000;
    text-transform: uppercase;
}

.article-grid-listing-2.article .item .btn-wrapper a:hover{
    color: #ffffff;
    background: #000000;
}

.article-grid-listing-2.article-list-grid .item .btn-wrapper a{
    float: none;
    display: inline-block;
}

.article-grid-listing-2.article .item .btn-wrapper a i{
    display: none;
}

.article-grid-listing-2.article .item .btn-wrapper a.btn{
    float: none;
}

.article-grid-listing-2.article.slider .item .btn-wrapper{
    border:none;
}

/* Article grid listing 3 */
.article-grid-listing-3.article div:not(.category-submenu) .item,
.article-grid-listing-3.article-autosuggest .item {
    background: transparent;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

.article-grid-listing-3.article div:not(.category-submenu) .item .content,
.article-grid-listing-3.article-autosuggest .item .content {
    width: calc(100% - 40px);
    margin: -60px 20px 0;
    padding: 30px 20px;
    position: static;
}

.article-grid-listing-3.article .item .img-wrapper img,
.article-grid-listing-3.article-autosuggest .item .img-wrapper img {
    z-index: -1;
    position: relative;
}

.article-grid-listing-3.article .item .text-wrapper .the-date {
    border-radius: 0;
    top: 20px;
    left: 30px;
    right: auto;
    line-height: 30px;
    padding: 0 30px;
    height: auto;
    width: auto;
}

.article-grid-listing-3.article .item .text-wrapper .the-date .day,
.article-grid-listing-3.article .item .text-wrapper .the-date .month {
    display: inline-block;
}

.article-grid-listing-3.article .item .text-wrapper .category,
.article-grid-listing-3.article-autosuggest .item .text-wrapper .category {
    position: relative;
    z-index: 2;
    font-style: normal;
    font-size: 13px;
    line-height: 24px;
}

.article-grid-listing-3.article div:not(.category-submenu) .item .text-wrapper .title,
.article-grid-listing-3.article-autosuggest .item .text-wrapper .title {
    position: relative;
    height: 32px;
}

.article-grid-listing-3.article div:not(.category-submenu) .item .text-wrapper .title a,
.article-grid-listing-3.article-autosuggest .item .text-wrapper .title a {
    overflow: hidden;
    height: 22px;
    display: block;
}

.article-grid-listing-3.article div:not(.category-submenu) .item .text-wrapper .title:after,
.article-grid-listing-3.article-autosuggest .item .text-wrapper .title:after {
    content: '';
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 40px;
    height: 1px;
    display: block;
    left: 0;
    background: #d9d9d9;
}

.article-grid-listing-3.article .item .btn-wrapper a i,
.article-grid-listing-3.article-grid-listing-3.article .item .btn-wrapper .favorite {
    display: none;
}

.article-grid-listing-3.article .item .btn-wrapper a {
    float: none;
    padding: 0;
}

.article-grid-listing-3.article .item .btn-wrapper a:active {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

/* Article grid listing 4 */
.article-grid-listing-4.article .item .btn-wrapper,
.article-grid-listing-4.article .item .text-wrapper .title,
.article-grid-listing-4.article .item .text-wrapper .the-date {
    display: none;
}

.article-grid-listing-4.article .item .text-wrapper .category {
    position: absolute;
    top: -63px;
    padding: 10px 20px;
    left: -10px;
    background: #000000;
    color: #ffffff;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    margin: 0;
}

.article-grid-listing-4.article .item .text-wrapper .description {
    font-size: 18px;
    line-height: 22px;
    height: 54px;
    overflow: hidden;
    color: #000000;
    margin: 0 0 10px;
    position: relative;
}

.article-grid-listing-4.article .item .text-wrapper .description:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: #ffffff;
    z-index: 1;
}

.article-grid-listing-4.article .item .text-wrapper .description:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 1px;
    background: #000000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 2;
}

.article-grid-listing-4.article .item:hover .text-wrapper .description:after {
    width: 90px;
}

.article-grid-listing-4.article .item .content {
    min-height: 100px;
}

/* Article grid listing 5 */
.article.article-slider.article-grid-listing-5 .heading-wrapper.heading-wrapper-bordered .title{
    position: absolute;
    right: 25%;
    top: 5px;
    font-weight: 700;
    color: #000000;
}

.article.article-slider.article-grid-listing-5 .item{
    display: flex;
}

.article.article-slider.article-grid-listing-5 .img-wrapper{
    display: inline-block;
    width: 100%;
    margin-right: -15%;
}

.article.article-slider.article-grid-listing-5 .img-wrapper img{
    margin: 0;
}

.article.article-slider.article-grid-listing-5 .content{
    display: inline-block;
    align-self: flex-end;
    padding: 40px;
    background: #eeeeee;
    border-top: 0;
    min-width: 626px;
}

.article.article-slider.article-grid-listing-5 .slider-navigation-absolute{
    width: 80px;
    left: auto;
    right: 0;
    top: 1px;
    transform: translateY(0%);
}

.article.article-slider.article-grid-listing-5 .slider-navigation-absolute:before{
    content: '';
    height: 36px;
    width: 1px;
    background: #424242;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}

.article.article-slider.article-grid-listing-5 .item .text-wrapper .the-date{
    display: none;
}

.article.article-slider.article-grid-listing-5 .item .text-wrapper .category{
    display: none;
}

.article.article-slider.article-grid-listing-5 .text-wrapper .title{
    font-size: 36px;
    height: 80px;
    overflow: hidden;
    line-height: 40px;
    color: #4b4b4b;
}

.article.article-slider.article-grid-listing-5 .item .text-wrapper .title a{
    color: #4b4b4b;
}

.article.article-slider.article-grid-listing-5 .text-wrapper .description{
    height: 100px;
    padding: 30px 0;
}

.article .item .btn-wrapper .favorite{
    display: none;
}

/* Article grid listing 6 */
.article-grid-listing-6.article div:not(.category-submenu) .item,
.article-grid-listing-6.article-autosuggest .item {
    background: transparent;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

.article-grid-listing-6.article div:not(.category-submenu) .item .content,
.article-grid-listing-6.article-autosuggest .item .content {
    padding: 15px;
    position: static;
    border: 1px solid rgba(0,0,0,0.1);
    text-align: center;
}

.article-grid-listing-6.article .item .img-wrapper img,
.article-grid-listing-6.article-autosuggest .item .img-wrapper img {
    z-index: -1;
    position: relative;
}

.article-grid-listing-6.article .item .text-wrapper .the-date {
    border-radius: 0;
    top: 20px;
    left: 20px;
    right: auto;
    line-height: 25px;
    padding: 0;
    height: 25px;
    width: 75px;
    font-size: 12px;
}

.article-grid-listing-6.article .item .text-wrapper .the-date .day,
.article-grid-listing-6.article .item .text-wrapper .the-date .month {
    display: inline-block;
}

.article-grid-listing-6.article .item .text-wrapper .category,
.article-grid-listing-6.article-autosuggest .item .text-wrapper .category {
    position: relative;
    z-index: 2;
    font-style: normal;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 15px;
}

.article-grid-listing-6.article .item .text-wrapper .category:after,
.article-grid-listing-6.article-autosuggest .item .text-wrapper .category:after {
    content: '';
    width: 40px;
    height: 1px;
    background: #d9d9d9;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    display: block;
    position: absolute;
}

.article-grid-listing-6.article div:not(.category-submenu) .item .text-wrapper .title,
.article-grid-listing-6.article-autosuggest .item .text-wrapper .title {
    position: relative;
    height: 40px;
    overflow: hidden;
}

.article-grid-listing-6.article div:not(.category-submenu) .item .text-wrapper .title a,
.article-grid-listing-6.article-autosuggest .item .text-wrapper .title a {
    overflow: hidden;
    height: 20px;
    display: block;
    font-size: 17px;
    text-transform: uppercase;
}

.article-grid-listing-6.article .item .btn-wrapper a i,
.article-grid-listing-6.article-grid-listing-3.article .item .btn-wrapper .favorite {
    display: none;
}

.article-grid-listing-6.article .item .text-wrapper .description {
    font-size: 15px;
    line-height: 18px;
    height: 36px;
    margin-bottom: 30px;
}

.article-grid-listing-6.article .item .btn-wrapper a {
    float: none;
    padding: 0;
}

.article-grid-listing-6.article .item .btn-wrapper a.btn:hover,
.article-grid-listing-6.article .item .btn-wrapper a.btn:focus {
    text-decoration: underline;
}

.article-grid-listing-6.article .item .btn-wrapper a:active {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}


/* Article grid listing 8 */
.article-grid-listing-8.article div:not(.category-submenu) .item,
.article-grid-listing-8.article-autosuggest .item {
    background: transparent;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

.article-grid-listing-8.article div:not(.category-submenu) .item .content,
.article-grid-listing-8.article-autosuggest .item .content {
    padding: 10px 0;
    position: static;
    text-align: left;
}

.article-grid-listing-8.article .item .img-wrapper img,
.article-grid-listing-8.article-autosuggest .item .img-wrapper img {
    z-index: -1;
    position: relative;
}

.article-grid-listing-8.article .item .text-wrapper .the-date {
    border-radius: 0;
    top: 20px;
    left: 20px;
    right: auto;
    line-height: 25px;
    padding: 0;
    height: 25px;
    width: 75px;
    font-size: 12px;
}

.article-grid-listing-8.article .item .text-wrapper .the-date .day,
.article-grid-listing-8.article .item .text-wrapper .the-date .month {
    display: inline-block;
}

.article-grid-listing-8.article .item .text-wrapper .category,
.article-grid-listing-8.article-autosuggest .item .text-wrapper .category {
    position: relative;
    z-index: 2;
    font-style: normal;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 5px;
}


.article-grid-listing-8.article div:not(.category-submenu) .item .text-wrapper .title,
.article-grid-listing-8.article-autosuggest .item .text-wrapper .title {
    position: relative;
    height: 50px;
    overflow: hidden;
}

.article-grid-listing-8.article div:not(.category-submenu) .item .text-wrapper .title a,
.article-grid-listing-8.article-autosuggest .item .text-wrapper .title a {
    overflow: hidden;
    height: 40px;
    display: block;
    font-size: 17px;
}

.article-grid-listing-8.article .item .btn-wrapper a i,
.article-grid-listing-8.article-grid-listing-3.article .item .btn-wrapper .favorite {
    display: none;
}

.article-grid-listing-8.article .item .text-wrapper .description {
    font-size: 15px;
    line-height: 18px;
    height: 56px;
    margin-bottom: 30px;
}

.article-grid-listing-8.article .item .btn-wrapper a {
    float: none;
    padding: 0;
}

.article-grid-listing-8.article .item .btn-wrapper a.btn:hover,
.article-grid-listing-8.article .item .btn-wrapper a.btn:focus {
    text-decoration: underline;
}

.article-grid-listing-8.article .item .btn-wrapper a:active {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

/* 3481

    PRODUCT LIST SLIDER                             - slider/product_list_slider
    MAIN PRODUCCT SLIDER                            - product/images/main_slider
    THUMBS OF A PRODUCT                             - product/images/thumbs
    THUMBS VERTICAL OF A PRODUCT                    - product/images/thumbs_vertical
    PRODUCT QUANTITY INFO                           - product/product_detail/quantity_circle
    PRODUCT DETAIL RELATED                          - product/product_detail/product_related
    PRODUCT DETAIL RELATED COLORS                   - product/product_detail/product_related_colors i product/product_detail/product_size_colors
    LISTING INTRO SEARCH                            - product/intro
    SIMILAR PRODUCTS BY COLOR                       - product/product_list/similar_products_by_color
    SIMILAR PRODUCTS BY COLOR LIST-V2               - product/product_list/similar_products_by_color
    360VIEW                                         - product/images/view360
    SUPPLIES PRODUCT DETAIL                         - products/supplies i products/supplies_indicator_stock_range

*/

/* Product detail */
.product-details .product-image-wrapper{
    height: auto;
    border: 1px solid #d9d9d9;
    position: relative;
    margin: auto;
    max-width: 600px;
}

.modal .product-details .product-image-wrapper {
    width: 100%;
    max-width: 100%;
}

.product-details .product-image-wrapper &gt; img{
    position: relative;
    background: #ffffff;
}

.product-details .caption-icons{
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #4a4b5c;
    font-size: 15px;
    cursor: pointer;
    z-index:99;
    pointer-events: all;
}

.product-details .caption-360-new{
    position: absolute;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 99;
    pointer-events: all;
}

.product-details .product-details-info {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.product-details .product-details-info .category,
.product-details .product-details-info .category a{
    color: #a0a0a0;
    font-size: 1rem;
}

.product-details .product-details-info .code{
    color: #a0a0a0;
    font-size: 0.9rem;
    font-weight: 300;
    padding-bottom: 15px;
}

.product-details .product-details-info .code .code{
    padding-bottom: 0;
}

.product-details .product .item .btn-wrapper a.quick-view {
    display: none;
}

.product-details .caption-discount{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 20;
    width: 46px;
    height: 46px;
    line-height: 46px;
    background: #ca0b0a;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
}

.product-details .caption-brand{
    position: absolute;
    bottom: 10px;
    left: 10px;
    cursor: pointer;
    pointer-events: all;
}

.product-details .caption-brand img{
    max-height: 50px;
}

.product-details .caption-product-list{
    position: absolute;
    top: 0;
    z-index: 15;
    padding: 7px;
    pointer-events: all;
}

.product-details-price{
    padding-top: 5px;
    margin-bottom: 25px;
    position: relative;
}

.product-details-price .current-price{
    color: #3973b5;
    font-size: 2rem;
    line-height: 36px;
    margin-bottom: 0;
}

.product-details-price .current-price.has-loyalty{
    font-size: 27px;
    color: #4a4b5c;
}

.product-details-price .price-saved{
    color: #4a4b5c;
    font-size: 1.143rem;
    margin-bottom: 10px;
}

.product-details-price .prev-price{
    color: #a0a0a0;
    font-size: 1.143rem;
    text-decoration: line-through;
}

.product-details-price .prev-price-third{
    font-size: 1.357rem;
    font-weight: 300;
}

.product-details-price .action-lowerprice,
.product-details-price .action-lowerprice-combinatios{
    margin-top: 0;
    font-size: 12px;
    color: #939393;
    position: absolute;
    top: 0;
    right: 0;
}

.product-attributes-wrapper{
    margin-bottom: 20px;
    float: left;
    min-width: 190px;
}

.product-attributes-wrapper .product-help-link{
    margin-top: 0;
    margin-left: 20px;
    font-size:14px;
    color: #939393;
    display: inline-block;
    cursor: pointer;
}

.product-attributes-wrapper .product-help-link i{
    vertical-align: middle;
    font-size: 18px;
    line-height: 18px;
}

.product-attributes li{
    float: left;
    cursor: pointer;
    padding: 8px 6px;
    border: 1px solid #d9d9d9;
    margin-right: 4px;
    margin-bottom: 5px;
    min-width: 39px;
    text-align: center;
}

.product-attributes li:hover{
    color: #3973b5;
    border-color: #bfd6ed;
}

.product-attributes li.active{
    color: #fff;
    background: #3973b5;
    border-color: #3973b5;
}

.product-attributes li.disabled,
.product-attributes li.disabled:hover{
    position:relative;
    color: #d9d9d9;
    background: #fff;
    border-color: #d9d9d9;
}


.product-attributes li.disabled.active,
.product-attributes li.disabled.active:hover{
    color: #fff;
    background: #d9d9d9;
    border-color: #d9d9d9;
}

.product-detail-wrapper .action-available.binded-to-tab {
    display: none;
}

.product-detail-wrapper .login-wrapper {
    margin-bottom: 20px;
}

.shop-button{
    height: 50px;
}

a.shop-button{
    line-height: 30px;
}

.product-details .nav-tabs{
    padding-left: 0;
}

.product-details .table &gt; tbody &gt; tr &gt; td,
.product-details .table &gt; thead &gt; tr &gt; th{
    font-size: 1rem;
}

.products-detail-wrapper {
    margin-bottom:20px;
}

.products-detail-wrapper .heading-wrapper .title {
    text-transform: inherit;
    font-weight: 400;
    font-size: 13px;
}

.caption-actions{
    width: 100%;
}

.caption-actions &gt; a{
    display: inline-block;
}

.product-image-wrapper:hover .caption-bottomright .caption-icon {
    opacity:1;
}

.product-image-wrapper:hover .favorite{
    opacity: 1;
}

.product-details .favorite{
    opacity: 1;
}

.product-item-code{
    color: #a0a0a0;
    font-size: 1.143rem;
    font-weight: 300;
    padding-bottom: 15px;
}

.product-item .remove-item{
    font-size: 12px;
    padding: 4px;
    border: 1px solid #000000;
    color: #000000;
    opacity: .7;
    cursor: pointer;
}

.product-item .remove-item:hover{
    opacity: 1;
    color: #000000;
}

.product .price-discount span.text,
.product-item .prices-wrapper .price-discount{
    display: none;
}

.product-item .text-wrapper .product-shortname{
    display: none;
}

/* product lists */
.product-item.active {
    z-index: 1;
}

.product-item .action-btn-wrapper{
    pointer-events: all;
    font-size: 15px;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: none;
    text-align: center;
}

.product-item .action-btn-wrapper .product-compare ,
.product-item .action-btn-wrapper .favorite ,
.product-item .action-btn-wrapper .quick-view{
    opacity: 0;
}

.product-item:hover .action-btn-wrapper .product-compare,
.product-item:hover .action-btn-wrapper .favorite,
.product-item:hover .action-btn-wrapper .quick-view{
    opacity: 1;
}

.product-item .action-btn-wrapper a{
    color: #4a4b5c;
}

.product-item .action-btn-wrapper .favorite{
    float: right;
}

.product-item .action-btn-wrapper .favorite span.text {
    display: none;
}

.product-item .action-btn-wrapper .favorite.active{
    opacity: 1;
}

.product-item .action-btn-wrapper .product-compare{
    display: inline-block;
}

.product-item .action-btn-wrapper .quick-view{
    float: left;
}

.product-item .img-wrapper .img-hover{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.product-item .img-wrapper:hover .img-hover{
    opacity: 1;
}

.product-item:hover .img-overlay{
    opacity: 0;
}

.product .product-item .img-wrapper img {
    width: 100%;
    display: block;
}

.products-listing.product-listing-items &gt; .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;

}

.products-listing.product-listing-items &gt; .row:after,
.products-listing.product-listing-items &gt; .row:before {
    content: normal;
    display: none;
}

.product .item .img-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: rgba(0,0,0,.33);
    z-index: 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;
}

.product .item:hover .img-overlay {
    opacity: 1;
}

.product .item .caption-product-list{
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 15;
}

.product .item .caption-product-list a {
    display: inline-block;
    width: 50px;
}

.product .item .caption-product-list img,
.product .item .caption-product-list .featured-list {
    display: inline-block;
    width: auto;
}

.product .item .caption-product-list .item.loyaty-price{
    display: inline-block;
    background: #3973b5;
    color: #ffffff;
    padding: 0 5px;
    font-size: 12px;
    line-height: 20px;
    vertical-align: top;
}

.product .item .caption-discount{
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 15;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #ca0b0a;
    border-radius: 50%;
    font-size: 0.8em;
    text-align: center;
    color: #ffffff;
}

.product .item .caption-brand{
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 15;
    max-width: 50px;
}

.product .item .caption-brand img {
    width: 100%;
}

.product .item .caption-icons{
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 15;
    color: #ffffff;
    font-size: 15px;
    cursor: pointer;
}

.product .item .caption-icons .icon{
    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;
    color: #ffffff;
    font-size: 19px;
}

.product .item .caption-icons a.active .icon,
.product .item:hover .caption-icons .icon,
.product .item .caption-icons .favorite.active .icon,
.product .item:hover .caption-icons .icon {
    opacity: 1;
}

.product .item .img-wrapper {
    pointer-events: all;
    position: relative;
}

.product .item .img-wrapper img.fade {
    opacity: 1;
}

.product-item .img-wrapper .img-hover{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.product-item .img-wrapper:hover .img-hover{
    opacity: 1;
}

.productitem-store-wrapper{
    display: none;
}

.atributte-images-wrapper-out{
    display: none;
}

.product .item .text-wrapper {
    position: relative;
    pointer-events: all;
    height: 155px;
}

.product .item .text-wrapper .brand {
    display: none;
}

.product .item .text-wrapper .category-wrapper {
    margin-bottom: 3px;
    display: block;
    line-height: 11px;
}

.product .item .text-wrapper .category-wrapper .category-image {
    display: none;
}

.product .item .text-wrapper .category-wrapper a,
.product .item .text-wrapper .category-wrapper span {
    color: #969696;
    text-transform: uppercase;
    line-height: 11px;
    font-size: 11px;
}

.product .item .text-wrapper .category-wrapper span {
    float: right;
}

.product .item .text-wrapper .title {
    margin-bottom: 10px;
    height: 32px;
    overflow: hidden;
}

.product .item .text-wrapper .title a {
    font-size: 14px;
    line-height: 18px;
    display: block;
    color: #4a4b5c;
}

.product .item .text-wrapper.text-wrapper-witouth-price {
    height: 80px;
}

.product .item .text-wrapper .product-quantity-wrapper {
    /*display: none;*/
    float: right;
    white-space: nowrap;
    color: #969696;
    font-size: 11px;
    line-height: 28px;
}

.product .item .text-wrapper .product-quantity-wrapper span {
    font-size: 16px;
    font-weight: 700;
    color: #4a4b5c;
    text-transform: lowercase;
}

.product .item .text-wrapper .prices-wrapper {
    height: 60px;
}

.product .item .text-wrapper .prices-wrapper .current-price{
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
}

.product .item .text-wrapper .prices-wrapper .current-price.price-with-discount{
    color: #4472b4;
}


.product .item .text-wrapper .prices-wrapper .product-convert-price{
    float: left;
    position: relative;
    margin-left: 15px;
    line-height: 17px;
}
.product .item .text-wrapper .prices-wrapper .product-convert-price:before{
    content: '';
    position: absolute;
    top: 0;
    left: -5px;
    width: 1px;
    height: 100%;
    background: #000000;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.product .item .text-wrapper .prices-wrapper .prev-price{
    font-size: 14px;
    line-height: 16px;
    color: #868692;
    text-decoration: line-through;
}
.product .item .text-wrapper .prices-wrapper .prev-price.price-with-prefix-wrapper{
    text-decoration: none;
}
.product .item .text-wrapper .prices-wrapper .prev-price.price-with-prefix-wrapper .price-with-prefix{
    text-decoration: line-through;
}

.product .item .text-wrapper .prices-wrapper .prev-price.prev-price-third{
    font-weight: 300;
}

.product .item .text-wrapper .prices-wrapper .loyalty-price {
    color: #4472b4;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
}

.product .item .text-wrapper .prices-wrapper .loyalty-price span.price-title {
    display: block;
    font-size: 8px;
    text-transform: uppercase;
    color: #4a4b5c;
    line-height: 8px;
    margin-top: 8px;
}

.profile .product .item .text-wrapper .prices-wrapper .current-price,
.profile .product .item .text-wrapper .prices-wrapper .prev-price {
    width: max-content;
}

.profile .product .item .text-wrapper .prices-wrapper .prev-price{
    text-decoration: line-through;
}

.prices-wrapper .price-discount{
    display: none;
}

.product .item .options-wrapper {
    opacity: 0;
    border-top: 1px solid #ffffff;
    z-index: 20;
    background: #ffffff;
    width: 100%;
    pointer-events: none;
    padding: 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;
}

.product .item:hover .options-wrapper {
    opacity: 1;
    pointer-events: all;
}

.product .item .options-wrapper .product-sizes {
    min-height: 34px;
    position: relative;
}

.product .item .options-wrapper .product-sizes .btn.buyButtonOnLists  ,
.product .item .options-wrapper .product-sizes .btn.buyButtonOnLists-soonSale  {
    text-transform: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 0px;
    min-width: 109px;
    background-color: #89c03c;
}

.product .item .options-wrapper .thumbs-slider {
    display: none;
}

.product .item .options-wrapper .thumbs-wrapper .slider-arrow i {
    font-size: 1.5rem;
}

.product .item .options-wrapper .product-sizes .btn-sizes {
    margin-bottom: 5px;
    font-weight: 300;
    color: #4a4b5c;
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 5px;
}

.product .item .options-wrapper .product-sizes .btn-sizes:nth-child(4n) {
    border-right: 0;
}

.product .item .options-wrapper .product-sizes .btn-sizes.active {
    background-color: #f8f3f3;
}

.product .item .options-wrapper .product-sizes .btn.btn-confirm {
    display: block;
    margin: 10px 0 0;
    width: 100%;
    font-weight: 300;
    color: #ffffff;
    background-color: #3265A0;
    border: 1px solid #d9d9d9;
    padding: 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.product .item .options-wrapper .product-sizes .btn.btn-confirm:hover {
    background-color: #2c5a8e;
}

.product .item .btn-wrapper {
    color: #ffffff;
    max-width: 100%;
    z-index: 20;
    opacity: 0;
    display: block;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    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%);
}

.product .item .text-wrapper .btn-wrapper {
    display: none;
}

.product .item:hover .btn-wrapper {
    opacity: 1;
}

.product .item .btn-wrapper a {
    color: #ffffff;
    display: table;
    width: auto;
    margin :5px auto;
    font-size: 1rem;
    min-width: 130px;
}

.product-list-onerow-simple .product .item .btn-wrapper {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5px;
}

.product-list-onerow-simple .product .item .btn-wrapper a {
    line-height: 32px;
    padding: 0 10px;
    text-transform: none;
}

.product .item .btn-wrapper i {
    vertical-align: middle;
    margin-left: 5px;
}

.product .item .bottom-btn-wrapper {
    display: none;
    text-align: center;
    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;
}

.product .item:hover .bottom-btn-wrapper {
    opacity: 1;
}

.caption-attribute{
    background: #3973b5;
    bottom: 19px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 300;
    font-style: italic;
    height: 24px;
    line-height: 22px;
    position: absolute;
    right: -30px;
    text-align: center;
    width: 130px;
    z-index: 10;
    overflow: hidden;
    padding-left: 5px;
}

.caption-attribute.glow{
    background: #ffa800;
}

.product-attrs-reset{
margin-top: 2px;
text-transform: uppercase;
}

.product-attrs-reset i{
margin-left: 5px;
}

/* Products list in one row */
.product-item.list-view {
    padding: 10px;
    position: relative;
    margin-bottom: 10px;
    background: #ffffff;
    outline: 1px solid #d9d9d9;
}

.product-item.list-view:hover {
    background: #f7f7f7;
    outline: 1px solid #ffffff;
}

.product-item.list-view .row {
    margin: 0;
}

.product-item.list-view .product-item-category-grid{
    display: none;
}

.product-item.list-view .product-item-prices{
    position: absolute;
    bottom: 60px;
    left: 340px;
}

.product-item.list-view .prev-price{
    float: none;
}

.product-item.list-view .current-price{
    float: none;
    color: #3973b5;
    font-size: 36px;
    line-height: 24px;
    margin-bottom: 10px;
}

.product-item.list-view .shop-button{
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding-right: 45px;
    line-height: 40px;
    background: #3973b5;
}

.product-item.list-view .btn-icon-right:before{
    font-size: 80%;
    width: 5px;
}

.product-item.list-view .product-brand,
.product-item.list-view .product-item-code{
    display: block;
}

.product-item.list-view .product-image-wrapper:hover .caption-main-wrapper {
    opacity:0;
}

.product-item.list-view:hover .product-image-wrapper .caption-main-wrapper {
    opacity: 1;
}

.product-listing .product-item.list-view .text-wrapper {
    position: absolute;
    top: 0;
    left: calc(50% + 10px);
    bottom: 0;
    height: 100%;
    float: left;
    padding: 0 20px;
    width: 50%;
}

.product-listing .product-item.list-view .text-wrapper .options-wrapper {
    opacity: 1;
    margin: 0;
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    background: transparent;
    box-shadow: 0 0 0 0;
}

.product-listing .product-item.list-view .text-wrapper .options-wrapper .thumbs-slider {
    margin: 0 10px;
}

.product-listing .product-item.list-view .text-wrapper .options-wrapper .thumbs-slider .heading-wrapper{
    position: static;
}

.product-listing .product-item.list-view .text-wrapper .options-wrapper .thumbs-slider .heading-wrapper .title{
    font-size: 14px;
    line-height: 14px;
}

.product-listing .product-item.list-view .text-wrapper .title{
    font-size: 1.714rem;
    line-height: 24px;
    font-weight: 300;
    height: auto;
    max-width: 300px;
    margin-top: 10px;
}

.product-listing .product-item.list-view .text-wrapper .category-wrapper span{
    float: none;
}

.product-listing .product-item.list-view .item-data {
    padding-left: 0;
    min-height: 224px;
}

.product-listing .product-item.list-view .item-gallery {
    display: block;
    padding-top: 10px;
    min-height: 224px;
}

.product-listing .product-item.list-view .item-gallery .slide-item {
    padding-bottom: 10px;
}

.product-listing .product-item.list-view .img-wrapper{
    margin-bottom: 0;
    border: 1px solid #d9d9d9;
    float: left;
    width: 50%;
}

.product-listing .product-item.list-view .img-wrapper &gt; img{
    width: auto;
}

/* Products list in one row */
.product-listing .product-item.wrapper-list-one-item:not(.list-view),
.product-listing .product-item.wrapper-list-one-item:not(.list-view):hover {
    border-bottom: 1px solid #eeeeee;
}

.product-listing .product-item.wrapper-list-one-item:hover {
    background-color: #fafafa;
}

.product-listing .product-item.wrapper-list-one-item .info-wrapper .title,
.product-listing .product-item.wrapper-list-one-item .info-wrapper .title a{
    color: #3973b5;
}

.product-listing .product-item.wrapper-list-one-item .product-description{
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0 0 0;
}

.product-listing .product-item.wrapper-list-one-item .category-wrapper{
    text-align: right;
}

.product-listing .product-item.wrapper-list-one-item .category-wrapper .category{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: block;
}

.product-listing .product-item.wrapper-list-one-item .category-wrapper .code{
    display: block;
    font-size: 12px;
    line-height: 15px;
    margin-top: 5px;
}

/* Product list imte slider */
.product-listing .product-item.product-baner-item:not(.have-template) .item-data {
    padding: 0;
}

.product-listing .product-item.product-baner-item div {
    height: 100%;
}

.product-listing .product-item.product-baner-item .slider-arrows,
.product-listing .product-item.product-baner-item .slider-arrows * {
    height: auto;
}

.product-listing .product-item.product-baner-item img.img-responsive {
    position: absolute;
    top: 50%;
    left: 10px;
    width: calc(100% - 20px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-listing .product-item.product-baner-item.have-template img.img-responsive {
    position: static;
    width: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.product-listing .product-item.product-baner-item .baner-btn-wrapper {
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 10;
    height: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* Products list in one row version 2 */
.product-listing .product-item.wrapper-list-view-v2 {
    border: none !important;
}

.product-listing .product-item.wrapper-list-view-v2:nth-child(2n) {
    background: #f4f4f4;
}

.product-listing .product-item.wrapper-list-view-v2:hover {
    background: #f0f6f8;
}

.product .wrapper-list-view-v2 .flexed-wrapper {
    display: flex;
}

.product .wrapper-list-view-v2 .img-wrapper {
    width: 105px;
    display: inline-block;
    flex-shrink: 0;
    margin-right: 20px ;
}

.product .wrapper-list-view-v2 .info-wrapper .brand a {
    font-size: 12px;
    line-height: 12px;
}

.product .wrapper-list-view-v2 .info-wrapper .title {
    font-size: 14px;
    line-height: 18px;
    height: 36px;
}

.product .wrapper-list-view-v2 .info-wrapper .category-wrapper a {
    font-size: 12px;
    line-height: 12px;
    margin: 10px 0 5px;
    display: block;
}

.product .wrapper-list-view-v2 .info-wrapper .category-wrapper .code {
    display: block;
    font-size: 14px;
    color: #373737;
}

.product .wrapper-list-view-v2 .product-description {
    font-size: 12px;
    line-height: 18px;
    height: 108px;
    overflow: hidden;
}

.product .wrapper-list-view-v2 .prices-wrapper .discount-wrapper {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
}

.product .wrapper-list-view-v2 .prices-wrapper .current-price {
    font-size: 18px;
    line-height: 20px;
}

.product .wrapper-list-view-v2 .prices-wrapper .current-price.price-with-discount {
    color: #4472b4;
}

.product .wrapper-list-view-v2 .prices-wrapper .prev-price {
    font-size: 14px;
    line-height: 16px;
    color: #868692;
    text-decoration: line-through;
}

.product .wrapper-list-view-v2 .prices-wrapper .heading-wrapper {
    margin-top: 5px;
}

.product .wrapper-list-view-v2 .quantity-wrapper .product-list-quantity-wrapper {
    display: block;
    width: 100px;
}

.product .wrapper-list-view-v2 .quantity-wrapper .product-list-quantity-wrapper .product-list-quantity {
    width: 37px;
    border-left: 1px solid #e8e8e8;
}

.product .wrapper-list-view-v2 .quantity-wrapper .product-list-quantity-wrapper .product-list-quantity-arrows {
    float: left;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

.product .wrapper-list-view-v2 .quantity-wrapper .buyButtonOnLists {
    min-width: 100px;
    margin-top: 10px;
}

.product .wrapper-list-view-v2 .heading-wrapper .title {
    font-size: 12px;
    text-transform: none;
    margin-bottom: 5px;
}

/* Products list in one row version 3 */
.product-listing .product-item:not(.list-view).wrapper-list-view-v3.item {
    padding: 15px 0;
    border: solid #d9d9d9;
    border-width: 1px 0 0;
}

.product-listing .product-item:not(.list-view).wrapper-list-view-v3.item.active {
    z-index: 100;
    background-color: #f9f9f9;
}

.product-listing .product-item:not(.list-view).wrapper-list-view-v3:hover {
    border-width: 1px 0 0;
    background-color: #f9f9f9;
    z-index: 1;
}

.product .wrapper-list-view-v3.item .img-wrapper {
    display: inline-block;
    width: 125px;
    vertical-align: top;
}

.product .wrapper-list-view-v3.item .img-wrapper img {
    max-width: 65px;
}

.product .wrapper-list-view-v3.item .info-wrapper {
    display: inline-block;
    width: 210px;
}

.product .wrapper-list-view-v3.item .info-wrapper .title {
    padding-bottom: 5px;
}

.product .wrapper-list-view-v3.item .info-wrapper .title a {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
}

.product .wrapper-list-view-v3.item .info-wrapper .descriptione {
    margin: 8px 8px 8px 0;
}

.product .wrapper-list-view-v3.item .info-wrapper .descriptione p {
    font-size: 12px;
    line-height: 14px;
}

.product .wrapper-list-view-v3.item .attr-wrapper {
    display: inline-block;
    vertical-align: top;
    margin-top: 40px;
}

.product .wrapper-list-view-v3.item .item-data &gt; .row {
    display: flex;
}

.product .wrapper-list-view-v3.item .price-info-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.product .wrapper-list-view-v3.item .price-info-wrapper .prices-wrapper {
    display: inline-block;
}

.product .wrapper-list-view-v3.item .price-info-wrapper .quantity-wrapper {
    display: inline-block;
    float: right;
}

.product .wrapper-list-view-v3.item .price-info-wrapper .price-info {
    width: 100%;
    font-size: 10px;
    text-align: right;
    line-height: 10px;
    margin: -25px 0 0;
}

.product .wrapper-list-view-v3.item .options-wrapper.product-sizes-v3 {
    opacity: 1;
    margin: 0;
    width: auto;
    float: none;
}

/* Products list gridalt-view */
.product-listing .product-item.gridalt-view .img-wrapper {
    padding: 0 5px;
    position: relative;
}

.product-listing .product-item.gridalt-view .text-wrapper {
    padding-top: 5px;
}

.product-listing .product-item.gridalt-view .category-wrapper,
.product-listing .product-item.gridalt-view .category-wrapper a {
    font-size: .8rem;
}

/* Products list grid-view */
.product .item.grid-view .img-wrapper {
    border: 1px solid #d9d9d9;
    position: relative;
    margin-bottom: 5px;
    max-height: 100%;
    padding: 0 25px;
}

.product .item.grid-view .img-wrapper .img-hover {
    padding: 0 25px;
}

.product .item.grid-view .img-wrapper .img-hover {
    padding: 0 25px;
}

/* Products list simple */
.products-list-simple{
    margin-bottom: 20px;
}

.products-list-simple h4{
    border-bottom: 1px solid #d9d9d9;
    margin-top: 5px;
    line-height: 33px;
    font-weight: 300;
}

.products-list-simple .product-item{
    margin-bottom: 10px;
}

.products-list-simple .product-item-image{
    text-align: center;
}

.products-list-simple .product-item-image img{
    max-width: 100%;
    border: 1px solid #d9d9d9;
}

.products-list-simple .product-category{
    margin: 5px 0;
    font-size: 1rem;
}

.products-list-simple .product-stars{
    margin-top: 10px;
}

.products-list-simple .product-code{
    margin-top:5px;
    padding-bottom: 0;
    font-size:0.9rem;
}

.products-list-simple .product-price{
    color: #4a4b5c;
    font-size: 1rem;
    font-weight: 700;
    margin-top: 5px;
    line-height: 1;
    margin-bottom: 0;
    padding-right: 10px;
}

.products-list-simple .product-prev-price{
    margin-top: 0;
    font-size: 0.9rem;
    padding-right: 10px;
}

.products-list-simple .product-prev-price-third{
    font-size: inherit;
}

.products-list-simple .product-prices {
    min-height:51px;
}

/* product list in one col v2 */
.characteristic-wrapper {
    display: none;
}

/* product list in one col */
.product-list-one-col .wrapper-item .item-data &gt; .row,
.product-list-one-col .wrapper-item .item-data &gt; .container .row {
    text-align: center;
}

.product-list-one-col .wrapper-item .item-data .text-wrapper {
    max-width: 400px;
    text-align: left;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    margin: 100px auto 10px;
    padding: 20px;
    height: auto;
}

.product-list-one-col .wrapper-item .product-item .text-wrapper .product-description {
    display: block;
}

.product-list-one-col .wrapper-item .product-item .text-wrapper .prices-wrapper {
    margin: 20px 0 10px;
}

.product-list-one-col .wrapper-item .item-data .img-wrapper {
    display: inline-block;
    margin: 50px auto;
}

.product.product-list-one-col .item .text-wrapper .options-wrapper {
    opacity: 1;
    margin: 0 0 10px;
    max-width: 200px;
}

/* Product filter */
.product-listing-filters{
    padding-top:0;
    border-right: 1px solid #d9d9d9;
}

.product-listing-filters h2{
    font-weight: 700;
    margin: 0;
    border: 0;
    line-height: 0.85;
    padding: 10px 0;
}

.product-listing-filters .reset-tag-wrapper {
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    padding: 5px 0;
    font-size: 14px;
    cursor: pointer;
}

.product-listing-filters .reset-tag-wrapper .icon{
    line-height: 24px;
    font-size: 10px;
    margin-left: 5px;
    height: 24px;
    vertical-align: middle;
}

.product-listing-filters .filter-group .filter-category-menu &gt; ul {
    margin: 10px 0;
    max-height: 100%;
    border-bottom: none;
}

.product-listing-filters .ui-slider {
    position: relative;
    text-align: left;
}

.product-listing-filters .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    height: 2px;
    background: #000000;
    top: -1px;
}

.product-listing-filters .ui-widget-content {
    border: 1px solid #b8b8b8;
}


.product-listing-filters .ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: 700;
}

.product-listing-filters .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    background: #000000;
    transform: translate(-50%,-50%);
    border-radius: 50%;
}
.product-listing-filters .filter-group.show-all-category  .items-wrapper &gt; li{
    display: block;
}

.product-listing-filters .filter-group.show-all-category .filter-category-menu &gt; ul ul {
    margin-left: 15px;
}

/* Product infobox */
.product-infobox-contact .thumb {
    position: absolute;
    top: 0;
    left: 0;
}
/* Prices wrapper version 2 product detail */
.product-attributes.item-price-v2 li {
    width: 100%;
    text-align: left;
    border: none;
    padding: 0;
    margin-bottom: 10px;
    position: relative;
}

.product-attributes.item-price-v2 li .current-price {
    border-radius: 4px;
    border-top-left-radius: 0;
    width: calc(100% - 140px);
    padding: 0 10px;
    background: #dddddd;
    font-size: 25px;
    line-height: 40px;
    font-weight: 500;
    color: #ffffff;
}

.product-attributes.item-price-v2 li .price-content .price-type {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    float: left;
    text-transform: uppercase;
    border: 1px solid #dddddd;
    padding: 0 10px;
    color: #999999;
    line-height: 22px;
    font-size: 16px;
    border-width: 1px 1px 0;
}

.product-attributes.item-price-v2 li .buyButtonOnLists ,
.product-attributes.item-price-v2 li .buyButtonOnLists-soonSale {
    bottom: 0;
    line-height: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    min-width: 135px;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 5px;
}


.product-attributes.item-price-v2 li .first-price .current-price {
    background: #3973b5;
}

.product-attributes.item-price-v2 li .first-price .price-content .price-type {
    border: 1px solid #3973b5;
    color: #3973b5;
}


/* Prices wrapper version 2 */
.product .item.item-price-v2 .text-wrapper &gt; .prices-wrapper,
.product .item.item-price-v2 .options-wrapper .product-sizes &gt; .btn.buyButtonOnLists,
.product .item.item-price-v2 .options-wrapper .product-sizes &gt; .btn.buyButtonOnLists-soonSale,
.product .item.item-price-v2 .options-wrapper .sizes-selector-wrapper .sizes-selector {
    display: none;
}

.product .item.item-price-v2 .options-wrapper .sizes-selector-wrapper .sizes-btn-wrapper {
    position: relative;
    top: 0;
    left: 0;
    opacity: 1;
    border: none;
}

.product .item.item-price-v2 .options-wrapper .sizes-selector-wrapper .sizes-btn-wrapper .btn.buyButtonOnLists ,
.product .item.item-price-v2 .options-wrapper .sizes-selector-wrapper .sizes-btn-wrapper .btn.buyButtonOnLists-soonSale {
    min-width: 30px;
    top: auto;
    bottom: 0;
    line-height: 22px;
}

.product .item.item-price-v2 .options-wrapper {
    opacity: 1;
}

.product .item.item-price-v2 .text-wrapper .prices-wrapper {
    height: auto;
}

.product .item.item-price-v2 .options-wrapper .sizes-selector-wrapper .sizes-btn-wrapper:after {
    content: none
}

.product .item.item-price-v2 .options-wrapper .sizes-selector-wrapper .sizes-btn-wrapper .item {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    background: #266b89;
    border-radius: 3px;
    opacity: 1;
    color: #fff;
    font-size: 20px;
}

.product .item .prices-wrapper.prices-wrapper-v2 .price-item {
    position: relative;
    margin-bottom: 20px;
}

.product .item .prices-wrapper.prices-wrapper-v2 .price-item .price-content {
    width: calc(100% - 35px);
    height: 52px;
    display: block;
    overflow: hidden;
}

.product .item .prices-wrapper.prices-wrapper-v2 .price-item .price-content .price-type {
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #dddddd;
    line-height: 18px;
    padding: 0 10px;
    color: #dddddd;
}

.product .item .prices-wrapper.prices-wrapper-v2 .price-item.first-price .price-content .price-type {
    border: 1px solid #4472b4;
    color: #4472b4;
}

.product .item .prices-wrapper.prices-wrapper-v2 .price-item .price-content .prev-price {
    float: right;
    line-height: 20px;
    font-size: 12px;
}

.product .item .prices-wrapper.prices-wrapper-v2 .price-item .price-content .current-price {
    width: 100%;
    line-height: 30px;
    padding: 0 10px;
    background: #dddddd;
    font-weight: 400;
    font-size: 21px;
}

.product .item .prices-wrapper.prices-wrapper-v2 .price-item.first-price .price-content .current-price {
    background: #4472b4;
    color: #ffffff;
}

.product .item .prices-wrapper.prices-wrapper-v2 .price-item .price-content .current-price.price-with-discount {
    color: #ffffff;
}

.product .item .prices-wrapper.prices-wrapper-v2 .price-item .price-content .current-price &gt; span {
    display: inline-block;
    padding: 4px;
    vertical-align: middle;
}

.product .item .prices-wrapper.prices-wrapper-v2 .price-item .price-content .current-price &gt; span &gt; span {
    display: block;
    font-size: 9px;
    line-height: 11px;
}

.product .item .prices-wrapper.prices-wrapper-v2 .buyButtonOnLists ,
.product .item .prices-wrapper.prices-wrapper-v2 .buyButtonOnLists-soonSale {
    min-width: 30px;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    align-self: flex-end;
    flex-shrink: 0;
    margin-left: 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 13px;
    letter-spacing: -10px;
    color: rgba(255,255,255,0);
    overflow: hidden;
}

.product .item .prices-wrapper.prices-wrapper-v2 .price-item:hover .buyButtonOnLists,
.product .item .prices-wrapper.prices-wrapper-v2 .price-item:hover .buyButtonOnLists-soonSale,
.product .item .prices-wrapper.prices-wrapper-v2 .price-item .buyButtonOnLists.btn-activated,
.product .item .prices-wrapper.prices-wrapper-v2 .price-item .buyButtonOnLists-soonSale.btn-activated,
.product .item .prices-wrapper.prices-wrapper-v2 .price-item .buyButtonOnLists-soonSale.cart-increased ,
.product .item .prices-wrapper.prices-wrapper-v2 .price-item .buyButtonOnLists.cart-increased {
    letter-spacing: 0;
    color: rgba(255,255,255,1);
}

.product .item .prices-wrapper.prices-wrapper-v2 .buyButtonOnLists-soonSale:before ,
.product .item .prices-wrapper.prices-wrapper-v2 .buyButtonOnLists:before {
    font-family: 'FontAwesome';
    content: "\f07a";
    margin: 0 3px;
    letter-spacing: 0;
    color: #Ffffff;
}

.product .item .prices-wrapper.prices-wrapper-v2 .buyButtonOnLists-soonSale .btn-title ,
.product .item .prices-wrapper.prices-wrapper-v2 .buyButtonOnLists .btn-title {
    display: none;
}

.product .item .prices-wrapper.prices-wrapper-v2 .buyButtonOnLists-soonSale .icon ,
.product .item .prices-wrapper.prices-wrapper-v2 .buyButtonOnLists .icon {
    line-height: 30px;
}

/* Price info for multifactor */
.prices-wrapper .price-info,
.price-wrapper .price-info,
.price-info-wrapper .price-info{
    display: none;
}

.product-listing-intro .list-types-wrapper .item.item-gridthree,
.product-listing-intro .list-types-wrapper .item.item-list-v3,
.product-listing-intro .list-types-wrapper .item.item-list-v2 {
    display: none;
}

/* Intensity attribute */
.product .intensity-wrapper .item {
    width: 7px;
    height: 7px;
    display: inline-block;
    border: 1px solid #656565;
    float: left;
    margin: 2px 2px 2px 0;
}

.product .intensity-wrapper .item.active {
    background: #656565;
}

.product .intensity-wrapper .item-value {
    float: left;
    font-size: 12px;
    line-height: 12px;
    margin: 0 7px 0 5px;
}

/* Available colors */
.product .available-colors-wrapper {
    margin-top: 20px;
}

.product .available-colors-wrapper .available-colors-label {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
}

.product .available-colors-wrapper .available-colors-items-wrapper {
    display: inline-block;
    vertical-align: middle;
}

.product .available-colors-wrapper .available-colors-items-wrapper .item {
    border: 1px solid rgba(0,0,0,.2);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 3px 0 3px 8px;
    float: left;
}

/* Product list with two and three in row */
.product-listing-intro .list-types-wrapper .item.item-list-three-item {
    display: none;
}
.product-listing-intro .list-types-wrapper .item.item-list-three-item .icon {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.product .wrapper-list-three-item .img-wrapper,
.product .wrapper-list-two-item.item .img-wrapper {
    width: 50%;
}

.product .wrapper-list-three-item .text-wrapper,
.product .wrapper-list-two-item.item .text-wrapper {
    width: 50%;
    padding: 0 10px;
}

.product .item:not(.wrapper-list-two-item, .wrapper-list-three-item) .text-wrapper .btn-wrapper {
    display: none;
}
.product .wrapper-list-three-item.item .text-wrapper .btn-wrapper a{
    display: none;
}
.product .wrapper-list-three-item.item .text-wrapper .btn-wrapper{
    text-align: center;
    display: block;
    padding: 0 4px;
}
.product .wrapper-list-three-item.item .text-wrapper .btn-wrapper a.product-link{
    display: block;
    border: 1px solid #E9E9E9;
    line-height: 30px;
    font-size: 12px;
}

.product .wrapper-list-three-item .text-wrapper .options-wrapper,
.product .wrapper-list-two-item.item .text-wrapper .options-wrapper {
    margin: 0;
    opacity: 1;
}

.product .wrapper-list-three-item .text-wrapper .btn-wrapper,
.product .wrapper-list-two-item.item .text-wrapper .btn-wrapper {
    opacity: 1;
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    display: inline-block;
    margin-top: 10px;
}

.product .wrapper-list-three-item.item .text-wrapper .btn-wrapper a,
.product .wrapper-list-two-item.item .text-wrapper .btn-wrapper a {
    color: #000000;
}

.product .wrapper-list-three-item.item .text-wrapper .category-wrapper,
.product .wrapper-list-three-item.item .text-wrapper .prices-wrapper,
.product .wrapper-list-three-item.item .text-wrapper .title a{
    text-align: left;
}
.product .wrapper-list-three-item.item .text-wrapper .rate-wrapper{
    left: 10px;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

/* Product list colors */
.product .product-colors &gt; .row {
    display: flex;
    flex-wrap: wrap;
}

.product.product-colors .item .text-wrapper {
    height: auto;
}

.wrapper-list-three-item .item-data,
.wrapper-list-two-item .item-data {
    display: flex;
    flex-wrap: wrap;
}

/* product-slider */
.lists-tabs .tab-content &gt; .tab-pane .show-list-link-wrapper {
    display: none;
}

.product-slider {
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

.product-slider .heading-wrapper .subtitle {
    margin-top: -15px;
}

.product-slider .show-list-link-wrapper {
    text-align: center;
    margin: -15px 0 25px;
}

.product-slider .slider-init {
    margin-bottom: 20px;
}

.product-slider &gt; .slider-init &gt; .slick-list {
    padding-bottom: 100px;
    margin-bottom: -100px;
    z-index: 1;
    /*pointer-events: none;*/
}

.product-slider.similar-products-slider .item .caption-icons .quick-view{
    display: none;
}

/* For IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .product-slider &gt; .slider-init &gt; .slick-list {
        margin-bottom: -115px;
    }
}

/* For Edge*/
@supports (-ms-ime-align:auto) {
    .product-slider &gt; .slider-init &gt; .slick-list {
        margin-bottom: -115px;
    }
}

.product-slider &gt; .slider-navigation-absolute {
    top: calc(50% - 150px);
    width: calc(100% + 10px);
    left: -5px;
    pointer-events: none;
}

.product-slider &gt; .slider-navigation-absolute &gt; * {
    pointer-events: all;
}

/* Product slider quantity button */
.product-list-quantity-wrapper{
    border: 1px solid #e8e8e8;
    width: 50px;
    height: 32px;
    display: inline-block;
    background: #ffffff;
}

.product-list-quantity-wrapper .product-list-quantity{
    float: left;
    width: 33px;
    height: 30px;
    border-right: 1px solid #e8e8e8;
}

.product-list-quantity-wrapper .product-list-quantity input {
    width: 100%;
    height: 100%;
    border: none;
    pointer-events: none;
    font-size: 12px;
    text-align: center;
}

.product-list-quantity-wrapper .product-list-quantity-arrows{
    float: right;
    width: 15px;
    height: 15px;
    font-size: 8px;
    text-align: center;
    line-height: 15px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.product-list-quantity-wrapper .product-list-quantity-arrows:hover {
    background: #f0f0f0;
}

.product-list-quantity-wrapper .product-list-quantity-arrows:focus {
    background: #cccccc;
}

/* article detail product slider*/
.article-detail-slider.product-slider {
    padding: 0;
}

.article-detail-slider.product-slider &gt; .slider-init &gt; .slick-list {
    padding-bottom: 0;
    margin-bottom: 0;
}

.article-detail-slider.product .item .text-wrapper {
    padding-bottom: 0;
    height: 130px;
}

/* Products list  */
.product-listing {
    margin-bottom: 20px;
}

.product-listing .product-item {
    position:relative;
}

.product-listing .product-item.sub-products {
    display: none;
}

.product-listing .product-item:not(.list-view) {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border: 1px solid transparent;
    padding: 10px;
}
.product-item .product-description {
    display: none;
}
.product-listing .product-item:not(.list-view) .text-wrapper .product-description {
    display: none;
}

.product-listing .product-item:not(.list-view):hover {
    border: 1px solid #d9d9d9;
    z-index: 100;
}

.product-listing .text-wrapper {
    height: 120px;
}

.product-listing .category-description .text-wrapper {
    height: auto;
}

/* product size selector */
.product .item .options-wrapper .sizes-selector-wrapper{
    display: inline-block;
    position: relative;
    width: 100%;
    background: #ffffff;
}

.product .item .options-wrapper .sizes-selector-wrapper .sizes-selector{
    display: block;
    padding: 6px;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #d9d9d9;
    width: calc(100% - 110px);
    height: 32px;
    position: relative;
    background: url('../../images/core/triangle-bottom.png') no-repeat 95% ;
    cursor: pointer;
}

.product .item .options-wrapper .sizes-selector-wrapper .sizes-selector span.size-text {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    font-size: 12px;
    line-height: 14px;
}

.product .item .options-wrapper .sizes-selector-wrapper .sizes-selector:after{
    position: absolute;
    content: "\e60a";
    content: none;
    font-family: 'NBIcon', sans-serif;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%)rotate(90deg);
    -moz-transform: translateY(-50%)rotate(90deg);
    -ms-transform: translateY(-50%)rotate(90deg);
    -o-transform: translateY(-50%)rotate(90deg);
    transform: translateY(-50%)rotate(90deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.product .item .options-wrapper .product-sizes.quantity-active {
    text-align: center;
}

.product .item .options-wrapper .product-sizes.quantity-active .btn.buyButtonOnLists{
    position: static;
    display: inline-block;
    vertical-align: top;
}

.product .item .options-wrapper .sizes-selector-wrapper.active .sizes-selector:after{
    -webkit-transform: translateY(-50%)rotate(-90deg);
    -moz-transform: translateY(-50%)rotate(-90deg);
    -ms-transform: translateY(-50%)rotate(-90deg);
    -o-transform: translateY(-50%)rotate(-90deg);
    transform: translateY(-50%)rotate(-90deg);
}

.product .item .options-wrapper .sizes-selector-wrapper .sizes-btn-wrapper{
    position: absolute;
    top: 32px;
    left: 0;
    width: 100%;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    opacity: 0;
}

.product .item .options-wrapper .sizes-selector-wrapper .sizes-btn-wrapper:after{
    content: '';
    width: 100%;
    height: 1px;
    background: #d9d9d9;
    position: absolute;
    bottom: 0;
    left: 0;
}

.product .item .options-wrapper .sizes-selector-wrapper.active .sizes-btn-wrapper{
    height: inherit;
    opacity: 1;
    pointer-events: all;
}

.product .item .options-wrapper .sizes-selector-wrapper .sizes-btn-wrapper .item {
    width: 25%;
    border-radius: 0px;
    float: left;
    margin: 0;
    padding: 0;
    height: 32px;
    line-height: 32px;
    border-width: 0 1px 1px 0;
}

.product .item .options-wrapper .sizes-selector-wrapper .sizes-btn-wrapper .item {
    width: 25%;
    border-radius: 0px;
    float: left;
    margin: 0;
    padding: 0;
    height: 32px;
    line-height: 32px;
    border-width: 0 1px 1px 0;
}

.product .item .options-wrapper:not(.product-sizes-v2,.product-sizes-v3) .sizes-selector-wrapper .sizes-btn-wrapper .item:nth-child(4n) {
    border-right: 0;
}

/* product size version 2 */
.product .item .options-wrapper.product-sizes-v2 {
    background: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: 0 0 0 9px rgba(255, 255, 255, 0.75);
    -moz-box-shadow: 0 0 0 9px rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 0 9px rgba(255, 255, 255, 0.75);
    border: none;
}

.product .item .options-wrapper.product-sizes-v2 .sizes-selector-wrapper {
    background: transparent;
}

.product .item .options-wrapper.product-sizes-v2 .sizes-selector-wrapper .sizes-selector {
    display: none;
}

.product .item .options-wrapper.product-sizes-v2 .sizes-selector-wrapper .sizes-btn-wrapper {
    position: static;
    border: none;
    text-align: center;
    display: table;
    opacity: 1;
    background: transparent;
}

.product .item .options-wrapper.product-sizes-v2 .sizes-selector-wrapper .sizes-btn-wrapper .item {
    width: auto;
    padding: 0 3px;
    min-width: 32px;
    border-width: 1px !important;
    margin: 0 -1px -1px 0;
    float: none;
    display: inline-block;
}

.product .item .options-wrapper.product-sizes-v2 .product-sizes .btn.buyButtonOnLists ,
.product .item .options-wrapper.product-sizes-v2 .product-sizes .btn.buyButtonOnLists-soonSale {
    position: static;
    margin: auto;
    display: block;
}

.product .item .options-wrapper.product-sizes-v2 .sizes-selector-wrapper .sizes-btn-wrapper {
    border: none;
}

.product .item .options-wrapper.product-sizes-v2 .product-sizes .sizes-selector-wrapper .sizes-btn-wrapper:after {
    content: none;
}

/* product size version 3 */
.product .item .options-wrapper.product-sizes-v3,
.product .item .text-wrapper &gt; .options-wrapper.product-sizes-v3 {
    -webkit-box-shadow: 0 0 0 0 #ffffff;
    -moz-box-shadow: 0 0 0 0 #ffffff;
    box-shadow: 0 0 0 0 #ffffff;
    background: transparent;
    border: none;
    display: inline-block;
    width: auto;
    opacity: 1;
}

.product .item .options-wrapper.product-sizes-v3 .product-sizes .btn.buyButtonOnLists ,
.product .item .options-wrapper.product-sizes-v3 .product-sizes .btn.buyButtonOnLists-soonSale {
    position: static;
    pointer-events: none;
}

.product .item .options-wrapper.product-sizes-v3 .sizes-selector-wrapper {
    position: absolute;
    top: -20px;
    left: 50%;
    -webkit-transform:  translate(-50%,-100%);
    -moz-transform:  translate(-50%,-100%);
    -ms-transform:  translate(-50%,-100%);
    -o-transform:  translate(-50%,-100%);
    transform:  translate(-50%,-100%);
    width: 210px;
    padding: 10px;
    cursor: auto;
    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;
}

.product .item.active .options-wrapper.product-sizes-v3 .sizes-selector-wrapper {
    opacity: 1;
    pointer-events: all;
}

.product .item .options-wrapper.product-sizes-v3 .sizes-selector-wrapper:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid #ffffff;
    border-right-color: transparent;
    border-left-color: transparent;
    left: calc(50% - 10px);
    border-bottom-width: 0;
    bottom: -9px;
}

.product .item .options-wrapper.product-sizes-v3 .sizes-selector-wrapper .sizes-selector {
    display: none;
}

.product .item .options-wrapper.product-sizes-v3 .sizes-selector-wrapper .sizes-btn-wrapper {
    position: static;
    opacity: 1;
    border: none;
}

.product .item .options-wrapper.product-sizes-v3 .sizes-selector-wrapper .sizes-btn-wrapper .item {
    width: calc(20% - 10px);
    border: 1px solid transparent;
    margin: 4px;
    line-height: 28px;
    height: 28px;
    position: relative;
}

.product .item .options-wrapper.product-sizes-v3 .sizes-selector-wrapper .sizes-btn-wrapper .item:hover {
    border: 1px solid #cccccc;
}

.product .item .options-wrapper.product-sizes-v3 .sizes-selector-wrapper .sizes-btn-wrapper .item:not(:nth-child(5n)):after {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    width: 1px;
    height: calc(100% + 10px);
    background: #cccccc;
}

.product .item .options-wrapper.product-sizes-v3 .sizes-selector-wrapper .input-quantity-wraper {
    position: relative;
}

.product .item .options-wrapper.product-sizes-v3 .sizes-selector-wrapper .input-quantity-wraper .form-group {
    margin: 10px 0 0;
}

.product .item .options-wrapper.product-sizes-v3 .sizes-selector-wrapper .input-quantity-wraper .add-to-cart-button {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 34px;
    line-height: 22px;
}

.product .item .options-wrapper.product-sizes-v3 .product-sizes {
    width: auto;
    display: inline-block;
    cursor: pointer;
    z-index: 10;
}

.options-wrapper.product-sizes-v3 .product-list-quantity-wrapper {
    display: none;
}

.product-sizes .item.disabled{
    color: #4a4b5c;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 2px 8px;
    background: #d9d9d9;
    font-size: 12px;
}

.product-sizes .item{
    margin-bottom: 2px;
    color: #4a4b5c;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 2px 8px;
    font-size: 12px;
}

.profile-favorite-products .product .item .text-wrapper{
    height: 245px;
}

.profile-favorite-products .product .item .text-wrapper .title{
    height: auto;
}

/* Options wrapper */
.product .color-wrapper .item {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 3px;
}

.product .item .text-wrapper .color-wrapper {
    display: none;
}

.product .color-wrapper .item.active {
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);
    border: 1px solid #000000;
}

/* List view of a item */
.product-listing .product-item .img-wrapper .caption-icons i {
    color: #ffffff;
    font-size: 20px;
}

.favorite.active i:before {
    color: #2c5a8e;
}

.product-listing .product-item .img-wrapper .caption-icons span{
    display: none;
}

.product-listing .loader-wrapper{
    top: 40px;
    left: -10px;
}

/* Product thumb slider */
.thumbs-slider {
    position: relative;
}
.thumbs-slider .heading-wrapper {
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
}

.thumbs-slider .heading-wrapper .title {
    font-size: 12px;
    text-align: center;
    text-transform: inherit;
    line-height: 12px;
    height: 12px;
    margin: 0;
}

.thumbs-slider .slider-navigation-absolute .slider-next {
    margin-right: -15px;
}

.thumbs-slider .slider-navigation-absolute .slider-prev {
    margin-left: -15px;
}

.thumbs-slider .slider-navigation-absolute .slider-arrow i {
    font-size: 15px;
}

/*Overlay main*/
.product-item-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 10;
    text-align: left;
}

.products-detail-wrapper .product-image-wrapper .product-item-overlay{
    pointer-events: none;
}

/* Details od a product */ /* ni jedan blok nema ovu klasu*/
.product-horizontal-divider{
    border-bottom: 1px solid #d9d9d9;
    position: absolute;
    width: 100%;
    opacity: 0;
}

.product-horizontal-divider.loaded{
    opacity: 1;
}

.product-details{
    position: relative;
    top: 0;
    padding-top: 45px;
    padding-bottom: 45px;
}
.product-details-info .brand-img{
    display: none;
}
.product-details.move-bottom{
    top: 1000px;
}

.product-details h1{
    margin-top: 0;
    font-size: 1.5rem;
    line-height: 1;
    color: #4a4b5c;
}

.product-details label{
    font-weight: 400;
    font-size: 0.9rem;
}

.action-video{
    margin-bottom: 10px;
    color: #727380;
    margin-right: 10px;
    cursor: pointer;
    display: block;
}

.action-video i{
    float: left;
    margin-right: 5px;
    line-height: 1.2;
    font-size: 20px;
}

.action-video.binded-to-tab {
    display: none;
}

.loyalty-user-link{
    font-size: 12px;
    color: #939393;
}
.modal .product-details-price .action-lowerprice{
    display: none;
}

.product-details-price .product-price-loyalty {
    font-size: 30px;
    line-height: 30px;
    color: #4472b4;
}

.product-details-price .product-price-loyalty span.price-title{
    display: block;
    color: #4a4b5c;
    font-size: 12px;
    line-height: 12px;
    margin-top: 12px;
    text-transform: uppercase;
}

.product-images .product-images-zoom-open{
    display: none;
}

.zoomWindow{
    cursor: -webkit-zoom-in !important;
}/*ne postoji klasa*/

.product-quantity-wrapper {
    display: inline-block;
    float: left;
}

.btn-wrapper {
    display: inline-block;
}

/* Product tabs */
.product-tab .tab-content {
    border: 0 solid #ffffff;
    border-top: 1px solid #d9d9d9;
    padding: 20px 0;
}

/* Product vertical tabs */
.product-vertical-panel .panel .icon {
    line-height: inherit;
}

/* listing intro */
.product-listing-intro{
    border-bottom: 1px solid #d9d9d9;
    padding: 5px 0 10px;
}

.product-listing-intro .title{
    font-size: 20px;
    line-height: 33px;
    height: 33px;
    margin-bottom: 0;
}

/*products listing list description*/
.products-listing .list-description .title,
.products-listing .list-description h1{
    font-size: 16px;
    margin: 10px 0;
}

/* Product detail modal */
.product-attributes-wrapper label span {
    font-size: 15px;
    margin-left: 2px;
}

/* search sugest */
.search-sugest .product-prices {
    height: 70px;
}
/*Ne koristi se*/
.sugest-show-all{
    display: none;
}
/* Slider for no  b2b user */
.no_b2b_user-slider.grid-slider {
    margin-bottom: 0;
}

.no_b2b_user-slider.grid-slider .text-wrapper .title {
    margin: 0;
}

.no_b2b_user-slider.grid-slider .btn-wrapper {
    text-align: left;
    margin: 0 0 20px;
}

/* Comment rate */
.comments .rate-wrapper {
    position: relative;
    line-height: 22px;
    height: 22px;
    left: 0;
    width: 100px;
    overflow: hidden;
    display: block;
}

.comment-content .rate-wrapper {
    position: relative;
    line-height: 18px;
    height: 18px;
    left: 0;
    width: 75px;
    overflow: hidden;
    display: block;
}

.comments .rate-wrapper i.fa,
.comments .rate-wrapper i.icons{
    font-size: 20px;
    width: 20px;
    text-align: center;
}

.comment-content .rate-wrapper i.fa,
.comment-content .rate-wrapper i.icons {
    font-size: 10px;
    width: 15px;
    text-align: center;
}

.comments .rate-wrapper .back-stars,
.comment-content .rate-wrapper .back-stars {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    color: #bbbbbb;
}

.comments .rate-wrapper .front-stars,
.comment-content .rate-wrapper .front-stars {
    color: #3973b5;
    position: absolute;
    left: 0;
    top: 0;
    height: 22px;
    overflow: hidden;
    white-space: nowrap;
    width: 0;
    pointer-events: none;
}
.comments .rate-wrapper .new-rate-action{
    display: none;
}
/*Product comapre details*/
.products-detail-wrapper .product-compare{
    margin-top: 10px;
}
.products-detail-wrapper .product-compare i{
    margin-right: 5px;
}

/* Product compare */
.container-fluid .slider-wrapper.product-slider-wrapper {
    padding: 0 20px;
}

/* Product slider Shop by look*/
.shopbylook-products-wrapper {
    position: sticky;
    top: 40px;
    left: 0;
}

/* Product list slider */
.product-list-slider-wrapper .item img.mobile-img {
    display: none;
}

/*main producct slider*/
.no-gallery .slider.product-main .slider-init &gt; .slick-list &gt; .slick-track,
.no-gallery .slider.product-main .slider-init &gt; .slick-list &gt; .slick-track .item {
    display: block;
    width: 100% !important;
}

/* Thumbs of a product */
.slider.product-images-thumbs{
    position: relative;
    margin-top: 4px;
    margin-bottom: 20px;
    opacity: 1;
}

.slider.product-images-thumbs.loaded{
    opacity: 1;
}

.slider.product-images-thumbs .item{
    cursor: pointer;
    border: 1px solid #ffffff;
}

.slider.product-images-thumbs .slider-prev,
.slider.product-images-thumbs .slider-next{
    top: 0;
    width: 25px;
    padding: 5px 0;
    height: 100%;
    font-size: 0.5rem;
    display: none;
    color: #ffffff;
}

.slider.product-images-thumbs .slider-prev{
    float: left;
}

.slider.product-images-thumbs .slider-next{
    float: right;
    text-align: right;
}

.slider.product-images-thumbs .slider-prev:hover,
.slider.product-images-thumbs .slider-next:hover{
    color: #ffffff;
}

.slider.product-images-thumbs .slider-prev:before,
.slider.product-images-thumbs .slider-next:before{
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 6.5px);
    font-size: 14px;
}

.slider.product-images-thumbs .slider-arrow i {
    font-size: 20px;
    cursor: pointer;
}

.slider.product-images-thumbs.show-controls .slider-wrapper{
    padding: 0 25px;
}

.slider.product-images-thumbs.show-controls .slider-prev,
.slider.product-images-thumbs.show-controls .slider-next{
    display: block;
    top: 0;
}

.slider.product-images-thumbs.show-controls .slider-navigation-absolute{
    left: 0;
}

.slider.product-images-thumbs .slider-init{
    padding:0;
}

.vertical-product-images .slider.product-images-thumbs .slider-init {
    padding: 0;
}

.slider.product-images-thumbs .slider-navigation-absolute,
.slider.product-images-thumbs .slick-list {
    z-index: 10;
}

.product-gallery-wrapper .product-images-thumbs .item .img-wrapper.video {
    position: relative;
}

.product-gallery-wrapper .product-images-thumbs .item .img-wrapper.video:after{
    content: "\f16a";
    font-family: 'FontAwesome';
    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%);
    font-size: 40px;
    color: #f71500;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.5;
    pointer-events: none;
}

.product-gallery-wrapper .product-images-thumbs .item:hover .img-wrapper.video:after {
    opacity: 1;
}

/* Thumbs vertical of a product */
.product-gallery-wrapper .product-images-thumbs-vertical .item{
    cursor: pointer;
}
.product-gallery-wrapper .product-images-thumbs-vertical .item.slick-current.slick-active{
    opacity: 0.7;
}

.product-gallery-wrapper .product-images-thumbs-vertical .item .img-wrapper.video {
    position: relative;
}

.product-gallery-wrapper .product-images-thumbs-vertical .item .img-wrapper.video:after {
    content: "\f16a";
    font-family: 'FontAwesome';
    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%);
    font-size: 40px;
    color: #f71500;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.5;
    pointer-events: none;
}

.product-gallery-wrapper .product-images-thumbs-vertical .item:hover .img-wrapper.video:after {
    opacity: 1;
}

/* Product detail quantity */
.product-quantity{
    position: relative;
    width: 35px;
    height: 40px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    float: left;
    overflow: hidden;
}

.product-quantity .product-quantity-input {
    font-size: 18px;
    padding: 12px 5px;
    width: 100%;
    height: 100%;
    text-align: center;
    border: none;
    position: relative;
    top: 0;
    opacity: 1;
    float: left;
}

.product-quantity .product-quantity-input.animated{
    opacity: 0;
}

.product-quantity .product-quantity-input.active-up{
    top: -100%;
}

.product-quantity .product-quantity-input.active-down{
    top: 100%;
}

.product-quantity .product-quantity-helper-pre,
.product-quantity .product-quantity-helper-post{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 12px 5px;
    font-size: 18px;
    text-align: center;
    opacity: 0;
}

.product-quantity .product-quantity-helper-pre{
    bottom: -100%;
}

.product-quantity .product-quantity-helper-post{
    bottom: 100%;
}

.product-quantity .product-quantity-helper-pre.active,
.product-quantity .product-quantity-helper-post.active{
    display: block;
    opacity: 1;
}

.product-quantity .product-quantity-helper-pre.active{
    bottom: 0;
}

.product-quantity.product-quantity-helper-post.active{
    bottom: 0;
}

/* product quantity info */
.product-quantity-info {
    line-height: 19px;
    font-size: 15px;
    margin-bottom: 10px;
    /*display: none;*/
}

.product-quantity-info span{
    font-weight: 700;
}

/* product detail related */
.product-details-related {
    margin-bottom: 20px;
    border-top: 1px solid #d9d9d9;
    padding-top: 5px;
}

.product-details-related .items {
    padding-left: 0;
    list-style: none;
    margin: 0;
}

.product-details-related .items &gt; li {
    padding: 0;
    margin: 4px 5px 4px 0;
    display: inline-block;
}

.product-details-related .items &gt; li &gt; a {
    display: block;
}

.product-details-related .items &gt; li &gt; a &gt; img {
    max-width: 60px;
}

.product-details-related .popover-content {
    padding: 0;
}

.product-details-related .popover-content &gt; img {
    max-width: 100px;
}

.product-details-related .popover {
    max-width: 102px;
}

/* product detail related colors */
.product-details-related-colors {
    display: block;
}

.product-details-related-colors .items-wrapper a {
    display: inline-block;
    margin: 5px 0 0;
}

.product-details-related-colors .items-wrapper .item{
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #dddddd;
    -webkit-box-shadow: inset 0 0 0 5px #ffffff;
    -moz-box-shadow: inset 0 0 0 5px #ffffff;
    box-shadow: inset 0 0 0 5px #ffffff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.product-details-related-colors .items-wrapper .item.lighter{
    -webkit-box-shadow: inset 0 0 0 5px #dddddd;
    -moz-box-shadow: inset 0 0 0 5px #dddddd;
    box-shadow: inset 0 0 0 5px #dddddd;
}

.product-details-related-colors .items-wrapper .item:hover,
.product-details-related-colors .items-wrapper .item.active{
    border: 1px solid #000000;
}

/* Listing intro search */
.product-listing-intro .product-intro-input-search{
    /*display: inline-block;*/
    display: none;
    vertical-align: middle;
    float: right;
    margin-right: 20px;
}

.product-list-onerow-simple .product-listing-intro .product-intro-input-search {
    display: inline-block;
}

.product-listing-intro .product-intro-input-search #intro_search {
    padding: 0 5px;
    line-height: 30px;
    height: 34px;
    display: inline-block;
    vertical-align: top;
}

.product-listing-intro .product-intro-input-search .btn-wrapper {
    display: inline-block;
    vertical-align: top;
}

.product-listing-intro .product-intro-input-search .btn-wrapper .btn-search {
    margin: 0;
    padding: 7px 12px;
}

/* Product list rate stars */
.product .rate-wrapper{
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    display: inline-block;
    font-size: 12px;
    line-height: 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;
}

.product .rate-wrapper .back-stars{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

.product .rate-wrapper .front-stars,
.product-detail-rate .rate-wrapper .front-stars {
    width: 75%;
    position: absolute;
    left: 0;
    top: 0;
    height: 22px;
    overflow: hidden;
    color: #3973b5;
    white-space: nowrap;
}

.product .item:hover .rate-wrapper {
    pointer-events: none;
}

/* Product detail counter */
.product-infobox {
    padding: 0;
    position: absolute;
    top: 30px;
    right: 0;
}

.product-infobox .countdown-timer-wrapper .countdown-label {
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    padding: 0 15px;
}

.product-infobox .countdown-timer-wrapper .countdown-timer {
    margin: 0 10px;
    text-align: center;
}

.product-infobox .countdown-timer-wrapper .countdown-timer .item-countdown {
    display: inline-block;
}

.product-infobox .countdown-timer-wrapper .countdown-timer .item-countdown span {
    position: relative;
    width: 40px;
    height: 40px;
    border: 1px solid #B3B3B3;
    border-radius: 50%;
    font-size: 18px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    margin: 5px 5px 20px;
    background: #ffffff;
}

.product-infobox .countdown-timer-wrapper .countdown-timer .item-countdown.item-hours span:after,
.product-infobox .countdown-timer-wrapper .countdown-timer .item-countdown.item-minutes span:after {
    content: ':';
    position: absolute;
    top: -1px;
    right: -8px;
}

.product-infobox .countdown-timer-wrapper .countdown-timer .item-countdown span em{
    position: absolute;
    top: 42px;
    left: 50%;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* Similar products by color */
.similar-products-by-color  {
    display: flex;
    flex-wrap: wrap;
    height: 0;
    padding-bottom: 20%;
    pointer-events: all;
    width: 208px;
    margin: 10px auto;
    max-width: 100%;
}

.similar-products-by-color .show-more-colors {
    width: 20%;
    height: 0;
    flex-shrink: 0;
    line-height: 40px;
    font-size: 12px;
    color: #000000;
    text-align: center;
    position: relative;
    padding-bottom: calc(20% - 2px);
    cursor: pointer;
}

.similar-products-by-color .show-more-colors span {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0%, calc(-50% + 1px));
    -moz-transform: translate(0%, calc(-50% + 1px));
    -ms-transform: translate(0%, calc(-50% + 1px));
    -o-transform: translate(0%, calc(-50% + 1px));
    transform: translate(0%, calc(-50% + 1px));
    border: 1px solid #cccccc;
    width: 36px;
}

.similar-products-by-color .items-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin: auto;
    z-index: 1;
    justify-content: space-between;
    background: #Ffffff;
}

.similar-products-by-color .items-wrapper.less-items {
    justify-content: center;
}

.similar-products-by-color .items-wrapper .item{
    max-width: 25%;
    width: 36px;
    margin: 0 calc(12.5% - 18px) 3px;
}

/* Similar products by color list-v2 */
.list-view-v2 .similar-products-by-color {
    margin: 0;
    padding-bottom: 50%;
    position: relative;
}

.list-view-v2 .similar-products-by-color .items-wrapper {
    width: 100%;
    justify-content: left;
    pointer-events: none;
}

.list-view-v2 .similar-products-by-color .items-wrapper .item {
    margin: 0;
    height: auto;
    width: 25%;
    pointer-events: all;
}

.list-view-v2 .similar-products-by-color .show-more-colors {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25%;
}

.list-view-v2 .similar-products-by-color .show-more-colors span {
    -webkit-transform: translate(0%, calc(-50% - 5px));
    -moz-transform: translate(0%, calc(-50% - 5px));
    -ms-transform: translate(0%, calc(-50% - 5px));
    -o-transform: translate(0%, calc(-50% - 5px));
    transform: translate(0%, calc(-50% - 5px));
    width: 100%;
}

/* Similar product by color slider */
.similar-products-by-color-slider {
    margin: -69px 0 0;
    opacity: 0;
}

.product-slider .similar-products-by-color-slider {
    margin: -54px 0 0;
}

.product .item:hover .similar-products-by-color-slider {
    opacity: 1;
    margin: -15px 0 5px;
}

.product .item.have-similar-product-slider {
    -webkit-transition: all 0s !important;
    -moz-transition: all 0s !important;
    -ms-transition: all 0s !important;
    -o-transition: all 0s !important;
    transition: all 0s !important;
}

.product .item.have-similar-product-slider:hover {
    margin-bottom: -50px;
}

/*Supplies product detail*/
.product-supplies{
    font-size: 14px;
    color: #949494;
    margin-bottom: 20px;
}

.quantity-segment{
    display: inline-block;
}

.quantity-segment span{
    display: inline-block;
    float: left;
    width: 30px;
    height: 12px;
    margin: 0;
    padding: 0;
    border-top: #eaeaea 1px solid;
    border-bottom: #eaeaea 1px solid;
    border-left: #eaeaea 1px solid;
}
.quantity-segment span:nth-child(1){
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;

    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #f03435 , #e88449); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #f03435, #e88449); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #f03435, #e88449); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #f03435 , #e88449); /* Standard syntax */
}
.quantity-segment span:nth-child(2){
    background: orange; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #e88449 , #c7ca5b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #e88449, #c7ca5b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #e88449, #c7ca5b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #e88449 , #c7ca5b); /* Standard syntax */
}
.quantity-segment span:nth-child(3){
    background: yellow; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #c7ca5b , #c2d86a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #c7ca5b, #c2d86a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #c7ca5b, #c2d86a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #c7ca5b , #c2d86a); /* Standard syntax */
}
.quantity-segment span:last-child{
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-right: #eaeaea 1px solid;
    background: green; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #c2d86a , #b6d458); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #c2d86a, #b6d458); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #c2d86a, #b6d458); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #c2d86a , #b6d458); /* Standard syntax */
}

/* Product allow to buy */
.product-allowed-buy-wrapper{
    display: none;
}

.product-listing .product-allowed-buy-wrapper{
    display: none;
}

/* prikazivanje indikatora za zalihe po velicinama */
.text-freedelivery{
    display: block;
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
    font-size: 12px;
    padding:0 10px;
    color: #000000;
}
.text-freedelivery span{
    position: relative;
}
.text-freedelivery span:before{
    content: '+';
    position: absolute;
    left: -10px;
    font-size: 14px;
}

.year-info-wrapper{
    display: none;
}

.filters-choice{
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #c1c1c1;
    cursor: pointer;
}

.products-detail-wrapper-v2 .filters-choice{
    display: inline-block;
    padding: 0 5px;
    border: none;
    cursor: pointer;
    color: #4a4b4c;
    position: relative;
    font-size: 13px;
}

.products-detail-wrapper-v2 .filters-choice:first-child{
    padding-left: 0;
}

.products-detail-wrapper-v2 .filters-choice:before{
    content: '';
    position: absolute;
    right: -2px;
    top: 3px;
    height: 13px;
    width: 1px;
    background: #3973b5;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}

.products-detail-wrapper-v2 .filters-choice:last-child:before{
    display: none;
}

.filters-choice.active{
    background-color: #3973b5;
    color: #ffffff;
    border-color: #3973b5;
}

.products-detail-wrapper-v2 .filters-choice.active{
    background-color: transparent;
    color: #3973b5;
}
.products-detail-wrapper-v2 .product-detail-buy{
    float: left;
    margin-bottom: 20px;
}
.products-detail-wrapper-v2 .product-detail-buy .title{
    display: none;
}

/*Shop by look*/
.shopbylook-products-wrapper .product .item .options-wrapper{
    display: inline-block;
}

.product .item .options-wrapper .product-sizes .btn-sizes:nth-child(4n) {
    border-right: 1px solid #d9d9d9;
}

.product-list-slider-button-wrapper{
    display: none;
}

/*Vracen css*/
.modal-quick-view .product-attributes-wrapper {
    margin-bottom: 0;
}

.modal-quick-view .product-details .favorite {
    margin-bottom: 20px;
    display: none;
}
/*Skloniti CSS sa caption-discount-a kako bi se prikazala slika*/
.product .item .caption-discount.custom-brand-img,
.product-details .caption-discount.custom-brand-img{
    width: auto;
    height: auto;
    background: transparent;
    background-image: none;
}
/*TOP10*/
.top-ten-list{

}
.top-ten-list.product .item .caption-icons{
    bottom: 40px;
}
.top-numeric-value{
    position: absolute;
    bottom: -10px;
    right: 0;
    font-size: 40px;
    font-weight: bold;
    color: #ffffff;
    background: #ca0b0a;
    line-height: 50px;
    width: 50px;
    text-align: center;
    z-index: 20;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.55);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.55);
}
/*TOP10 End*/

.type-view-onerow-v3{

}
.type-view-onerow-v3.product .product-item.item{
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
}
.type-view-onerow-v3.product .product-item.item:hover{
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #eaeaea;
}
/*Slika*/
.type-view-onerow-v3.product .product-item.item .img-wrapper{
    border-bottom: 0 !important;
}

.type-view-onerow-v3.product .product-item.item .caption-brand{
    bottom: -25px;
}
/*TExt deo*/
.type-view-onerow-v3 .product-item .product-text-wrapper .title{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 40px;
    color: #000000;
}
.type-view-onerow-v3 .product-item .product-text-wrapper .product-code-wrapper{
    margin-bottom: 30px;
}
.type-view-onerow-v3 .product-item .product-text-wrapper .category-wrapper .category,
.type-view-onerow-v3 .product-item .product-text-wrapper .product-code-wrapper .text{
   font-size: 15px;
    text-transform: uppercase;
    color: #808080;
}

.type-view-onerow-v3 .product-item .product-text-wrapper table th{
    font-size: 16px;
}
.type-view-onerow-v3 .product-item .product-text-wrapper table td{
    font-size: 12px;
}
.type-view-onerow-v3 .product-item .product-text-wrapper table td.left-text{
    color: #000000;
}
.type-view-onerow-v3 .product-item .product-text-wrapper table td.right-text{
    text-align: right;
    color: #808080;
}
.type-view-onerow-v3 .product-item .product-text-wrapper .product-attrbite-table{
    margin-bottom: 20px;
}

.type-view-onerow-v3 .product-item .product-see-more i{
    border-radius: 50%;
    border: 1px solid #e4e4e4;
    height: 26px;
    width: 26px;
    line-height: 24px;
    text-align: center;
    background: #f3f3f3;
    margin-right: 5px;
    color: #0078bd;
    font-size: 16px;
    vertical-align: top;
}

.list-product-items-wrapper .text-wrapper{
    display: none;
}

.type-view-onerow-v3 .product-item .list-product-info-wrapper .fav-compare-wrapper .favorite,
.type-view-onerow-v3 .product-item .list-product-info-wrapper .fav-compare-wrapper .product-compare a{
    font-size: 12px;
    color: #000000;
}
.type-view-onerow-v3 .product-item .list-product-info-wrapper .fav-compare-wrapper i{
    margin-right: 20px;
}
.type-view-onerow-v3 .product-item .list-product-info-wrapper .product-availability-wrapper{
    margin-top: 10px;
    padding: 10px 20px;
    font-size: 12px;
    background: #f8f8f8;
    color: #808080;
}
.type-view-onerow-v3 .product-item .list-product-info-wrapper .product-availability-wrapper .text-title{
    color: #000000;
}
.type-view-onerow-v3 .product-item .list-product-info-wrapper .product-availability-wrapper .icon-available{
    height: 20px;
    width: 20px;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    text-align: center;
    position: relative;
    vertical-align: middle;
}
.type-view-onerow-v3 .product-item .list-product-info-wrapper .product-availability-wrapper .icon-available i{
    height: 7px;
    width: 7px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
}
.type-view-onerow-v3 .product-item .list-product-info-wrapper .product-availability-wrapper .icon-available i.red{
    background: #ef3737;
}
.type-view-onerow-v3 .product-item .list-product-info-wrapper .product-availability-wrapper .icon-available i.green{
    background: #89c03c;
}
.type-view-onerow-v3 .product-item .list-product-info-wrapper .prices-wrapper{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #808080;
}
.type-view-onerow-v3 .product-item .list-product-info-wrapper .prices-wrapper .prev-price{
    text-decoration: line-through;
}
.type-view-onerow-v3 .product-item .list-product-info-wrapper .prices-wrapper .current-price{
    font-size: 24px;
    color: #0078bd;
    margin: 5px 0;
}
.type-view-onerow-v3 .product-item .list-product-info-wrapper .prices-wrapper .price-discount,
.type-view-onerow-v3 .product-item .list-product-info-wrapper .prices-wrapper .price-discount span.text{
    display: inline-block;
}
.type-view-onerow-v3 .product-item .list-product-info-wrapper .buttons-wrapper .btn.btn-primary,
.type-view-onerow-v3 .product-item .list-product-info-wrapper .buttons-wrapper .buyButtonOnLists ,
.type-view-onerow-v3 .product-item .list-product-info-wrapper .buttons-wrapper .buyButtonOnLists-soonSale {
    text-transform: none;
    font-size: 13px;
    border-radius: 5px;
    padding: 1px 55px;
    display: block;
    white-space: break-spaces;
    margin-bottom: 10px;
    height: 38px;
    overflow: hidden;
}
.type-view-onerow-v3 .product-item .list-product-info-wrapper .buttons-wrapper .btn.not-available{
    background: #ef3737;
}
.type-view-onerow-v3 .product-item .list-product-info-wrapper .buttons-wrapper .btn.show-alternative{
    vertical-align: baseline;
    padding: 8px 55px;
    font-size: 14px;
}
.type-view-onerow-v3.product .product-item:hover .options-wrapper {
    display: block;
}
.type-view-onerow-v3.product .product-item .options-wrapper.product-sizes-v3,
.type-view-onerow-v3.product .product-item .options-wrapper.product-sizes-v3 .product-sizes,
.type-view-onerow-v3.product .product-item .options-wrapper.product-sizes-v3 .product-sizes .btn.buyButtonOnLists,
.type-view-onerow-v3.product .product-item .options-wrapper.product-sizes-v3 .product-sizes .btn.buyButtonOnLists-soonSale{
    width: 100%;
}
.type-view-onerow-v3.product .product-item .options-wrapper.product-sizes-v3 .product-sizes .btn.buyButtonOnLists &gt; span,
.type-view-onerow-v3.product .product-item .options-wrapper.product-sizes-v3 .product-sizes .btn.buyButtonOnLists-soonSale &gt; span{
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
}
.type-view-onerow-v3.product .product-item .options-wrapper.product-sizes-v3 .sizes-inner-wrapper {
    display: inline-block;
    height: auto;
    max-height: 150px;
    overflow: auto;
    width: 100%;
}
.type-view-onerow-v3.product .product-item .options-wrapper.product-sizes-v3 .sizes-selector-wrapper{
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    width: 100%;
}

.product .item .options-wrapper .sizes-selector-wrapper .sizes-btn-wrapper:after{
    background: transparent;
    height: 0;
}

.product-item:hover .product-description-hover,
.product-description-hover,
.product-item .product-description-hover{
    display: none;
}

.caption-list-name{
    display: none;
}

.items-wrapper .remove-all-tags .remove-all-tags-text{
    display: none;
}

/*Discount*/
.product .item .caption-discount.sum-discount .icon-plus{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.product .item .caption-discount.style1{
    width: 60px;
    height: 30px;
    line-height: 30px;
    border-radius: 10px;
    font-size: 14px;
}
.product .item .caption-discount.sum-discount.style1 .icon-plus{
    top: 24px;
}
.product .item .caption-discount.sum-discount.style1 .text-discount{
    background: #000000;
    display: block;
    border-radius: 10px;
}


.product .item .caption-discount.style2,
.product-details .caption-discount.style2{
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 0;
}
.product-details .caption-discount.style2{
    width: 46px;
    height: 46px;
    font-size: 16px;
    line-height: 46px;
}

.product .item .caption-discount.style3{
    width: 60px;
    height: 36px;
    border-radius: 0;
}
.product .item .caption-discount.style4{
    top: -5px;
    right: -27px;
    width: 80px;
    border-radius: 0;
    height: 40px;
    line-height: 44px;
    -ms-transform: rotate(20deg);
    transform: rotate(
            45deg
    );
}
.product .item .caption-discount.sum-discount.style4 .icon-plus{
    top: 35px;
}

.product .item .caption-discount.sum-discount.style4  .text-discount{
    background: #000000;
    display: block;
    margin-top: -4px;
    height: 30px;
    line-height: 30px;
    width: 200%;
    left: -50%;
    position: absolute;
    z-index: -1;
}

.product .item .img-wrapper{
    overflow: hidden;
}

.product .item .caption-discount.style5,
.product-details .caption-discount.style5{
    right: 0;
    width: 60px;
    height: 36px;
    line-height: 36px;
    border-radius: 0;
    font-size: 20px;
    text-align: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-weight: bold;
}
.product-details .caption-discount.style5{
    width: 70px;
}

/*Discount End*/

.product .item .bottom-store-btn-wrapper{
    display: none;
}

.product .item .prices-wrapper .current-price span.up-to{
    text-transform: lowercase;
    font-size: 16px;
    font-weight: 400;
}

.toggle-banner .toggle-button {
    height: auto;
    width: 100px;
    background: #3683cd;
    color: #ffffff;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    padding: 10px 20px 10px 10px;
    text-align: center;
    cursor: pointer;
}

.toggle-banner .toggle-button span{
    padding-left: 10px;
}

.toggle-banner .toggle-button i {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.toggle-banner .toggle-button.expand i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.toggle-banner {
    position: fixed;
    top: 400px;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 308px;
    z-index: 1000;
}

.toggle-banner .sidebar-info{
    float: none;
    border: 0;
}
.toggle-banner .icon-question{
    display: none;
}


.toggle-banner .item.closed {
    width: auto;
    height: auto;
    opacity: 0;
    pointer-events: none;
}

.sidebar-info .img-wrapper img{
    display: none;
}

.block-rate-wrapper{
    display: none;
}
.product-item .text-wrapper .collection-attributs{
    display: none;
}

.price-reducted,
.products-detail-wrapper-v2 .product-details-price .prev-price.price-reducted,
.product-details-price .prev-price.price-reducted{
    text-decoration: line-through;
}


/* product price description */
.product-list-price-description {
    display: inline-block;
}

.slick-slide .product-list-price-description {
    position: absolute;
    top: 140px;
    left: 0;
}

.product-list-price-description .item {
    display: inline-block;
    line-height: 22px;
    height: 22px;
    vertical-align: middle;
    font-size: 10px;
    letter-spacing: -1px;
}

.product-list-price-description .item .value {
    display: inline-block;
    min-width: 15px;
    height: 22px;
    text-align: center;
}

.product-list-price-description .item.item-iskoriscenje .value {
    background: #000000;
    position: relative;
    color: #ffffff;
    margin-right: 5px;
}

.product-list-price-description .item.item-iskoriscenje .value:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 0 11px 6px;
    border-color: transparent transparent transparent #000000;
    position: absolute;
    top: 0;
    right: -6px;
}

.product-list-price-description .item.item-prianjanje .value {
    background: #000000;
    position: relative;
    color: #ffffff;
    margin-right: 5px;
}

.product-list-price-description .item.item-prianjanje .value:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 0 11px 6px;
    border-color: transparent transparent transparent #000000;
    position: absolute;
    top: 0;
    right: -6px;
}
/* --- Cart -- *\

 *  CART
 *  LINKS FOR LOGIN, REGISTRATION ETC
 *  CAT TABLE
 *  TICKET
 *  CART SUMMARY
 *  DELIVERY OPTIONS
 *  CART POLICY CHECKBOX ALERT

 **  STIL BLOKOVA
 *  CART IN STEPS                   - cart/cart_in_steps_buttons
 *  CART SLIDER                     - slider/cart_slider
 *  TOTAL_CONFIRM                   - cart/onepage/total_confirm
 *  TICKET SELECT                   - cart/onepage/ticket_select
 *  DELIVERY COUNTRY                - cart/onepage/delivery_country
 *  HEADER CART                     - header/cart
 *  MINI CART                       - cart/mini_cart/mini_cart
 *  MINI CART SIMPLE                - cart/mini_cart/mini_cart_simple
 *  MINI CART CIRCLE TOP RIGHT      - cart/mini_cart/mini_cart_circle_top_right
 *  HEADER FAVORITE SIMPLE          - header/favorite_simple
 *  HEADER FAVORITE CIRCLE TOP LEFT - favorite/favorite_circle_top_right
 *  HEADER MINI CART ITEM           - cart/mini_cart_item
 *  MINI CART SIDE                  - cart/mini_cart/mini_cart_side
 *  CART STEP ORDER TICKETS         - cart/onepage/order_tickets
 *  CART IMPORT                     - cart/import/import_form
 *  NEW ADRESS TRIGER               - cart/onepage/new_adress_triger
 *  NCX-BLOCK                       - onepage/carrier/carrier_ncx i onepage/payment/payment_ncx

\* --- Cart -- */
.cart{
    margin-bottom: 20px;
}

.cart .heading-wrapper.heading-underlined {
    margin-bottom: 20px;
}

.cart-step{
    padding-bottom: 20px;
    margin-top: 30px;
    /*min-height: 500px;*/
}

.cart-step .heading-append{
    line-height: 40px;
    color: #adaeb5;
}

.cart-step .horizontal-divider{
    margin-bottom: 0;
}

.cart-step h2{
    margin: 0;
}

.cart-step h3{
    font-size: 20px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 15px;
}

.cart-step .btn-wrapper {
    text-align: center;
    width: 100%;
    margin: 15px 0 30px;
}

.cart-description{
    margin: 15px 0;
}

.cart-description.bank-helper{
    text-align: right;
}

.confirm-bankintesanestpay .cart-description.bank-helper &gt; * {
    display: inline-block;
    margin-left: 5px;
}

.cart-address .iradio_flat {
    margin-top: 0;
}

.cart-address .cart-description {
    margin-top: 0;
}

.cart-address .cart-description a {
    font-weight: 700;
    margin-top: 5px;
    display: block;
}

.cart .form-group-checklabel .label-as-headline {
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    text-transform: initial;
}

.cart-loader.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
}

.cart-loader.loader-wrapper .loader-icon {
    top: 50%;
    margin-top: -40px;
}

.fake-radio-button {
    float: left;
    margin: 3px 12px 0 -20px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #D9D9D9;
}

.loyalty-help{
    display: none;
}

.clear-cart-wrapper{
    display: none;
}

.cart-mail-description{
    padding: 10px 0;
    display: none;
}

.cart .cart-packaging-quantity {
    display: none;
}

.caption-plusconnector{
    top: -1px;
    left: calc(50% - 4px);
    position: absolute;
    z-index: 15;
    color: #fff;
    line-height: 1px;
    font-weight: 300;
}

/* Links for login, registration etc. */
.cart-action{
    margin-left: 20px;
    color: #727380;
}

/* Cat table */
.cart-ticket-info,
.cart-table-hidden {
    display: none;
}

.cart-table.table &gt; thead,
.cart-table.table &gt; tbody &gt; tr &gt; td{
    border: none;
}

.cart-table.table &gt; tbody &gt; tr &gt; td.cart-quantity .form-group {
    max-width: 80px;
    margin: auto;
}

.cart-table.table &gt; tbody &gt; tr &gt; td.total-price{
    font-weight: 700;
}

.cart-table .styled-select{
    width: 80px;
    margin: 0 auto;
}

.cart-table .styled-select select{
    width: 100px;
}

.cart-table .styled-select {
    background: url('../../images/core/triangle-bottom.png') no-repeat 90% #fff;
}

.cart-table .product-item-image img{
    max-height: 150px;
    box-shadow: 0 0 0 1px #ddd;
    margin-left:1px;
    max-width: 120px;
}

.cart-table .product-item-category{
    font-size: 1rem;
}

.cart-table .product-item-title{
    font-size: 1.143rem;
    line-height: 20px;
    margin-bottom: 0;
    height: auto;
}

.cart-table .product-item-prices{
    font-weight: 300;
}

.cart-table .product-item-remove{
    font-size: 10px;
}

.cart-table .product-item-remove:hover,
.cart-table .product-item-remove:focus{
    background-color: #414254;
    color: #fff;
}

.cart-table .product-item-code{
    padding-bottom: 0;
}

#order_cart_content .cart-table .btn {
    margin-bottom:0;
}

.tp-cart_confirm .cart-table.table .description {
    display: none;
}

/* Ticket */
#order_ticket_content .cart-ticket-wrapper {
    padding-top: 30px;
}

#order_ticket_content .tab-content-wrapper {
    border: 1px solid #d9d9d9;
    padding: 30px;
}

.cart-order-options .description{
    margin-bottom: 20px;
}

/* Cart summary */
.cart-table-summary{
    margin-bottom: 20px;
}

.cart-table-summary &gt; tfoot &gt; tr &gt; td{
    padding: 4px 0;
    border-bottom: 1px solid #ececec;
}

.cart-table-summary &gt; tfoot &gt; tr:last-child td{
    border-bottom: 0;
}

.cart-table-summary .product-item-prices{
    font-weight: 300;
    font-size: 1.286rem;
}

.cart-table-summary .cart-summary .product-item-prices{
    font-weight: 700;
}

.cart-table-summary .product-item-prices.cart-total {
    font-weight: 700;
    color:#3973b5;
}

/* Cart advanced payment */
.cart-table-summary .advance-payment-title th {
    padding: 0;
    text-align: right;
}
.cart-table-summary .other-payment-title th {
    padding: 50px 0 0;
    text-align: right;
}

.cart-table.table &gt; tbody &gt; tr.cart-total .advance-payment-wrapper {
    display: block;
    width: 100%;
}

/* Delivery options */
.delivery-options{
    margin-bottom: 0;
}

.delivery-options li{
    position: relative;
    padding: 10px 0;
    cursor: pointer;
}

.delivery-options li:hover &gt; *{
    background: #f6f6f6
}

.delivery-options li:last-child{
    padding-bottom: 0;
}

.delivery-options li:last-child .delivery-option-description{
    margin-bottom: 10px;
}

.delivery-options li .delivery-option-description .styled-select{
    max-width: 100%;
}

.delivery-options .iradio_flat{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    left: 10px;
}

.delivery-option-image{
    padding: 15px 10px 15px 40px;
    float: left;
    color: #d9d9d9;
    position: relative;
}


.delivery-option-image .icon-cash  {
    font-size: 100px;
}

.delivery-option-image .fa.fa-money  {
    font-size: 100px;
}

.delivery-option-text{
    margin-top: 15px;
    padding-left: 30px;
}

.delivery-option-text button {
    float: right;
    background: transparent;
    color: #4a4b5c;
    border: 1px solid #b0b0b0;
    margin-bottom: 10px;
}
.delivery-option-text button:hover,
.delivery-option-text button:focus,
.delivery-option-text button:active:focus{
    background: #4a4b5c;
    border: 1px solid #4a4b5c;
    color: #fff;
}


.delivery-option-name{
    font-weight: 300;
    font-style: italic;
}

/* cart policy checkbox alert */
#order_total_confirm_content .cart-privacy-policy{
    position: relative;
}

#order_total_confirm_content .cart-privacy-policy .validation-errors-list{
    right: 50%;
    -webkit-transform: translate(50%);
    -moz-transform: translate(50%);
    -ms-transform: translate(50%);
    -o-transform: translate(50%);
    transform: translate(50%);
}

#order_total_confirm_content .cart-privacy-policy .icheckbox_flat, .iradio_flat{
    margin-top: -2px;
    margin-right: 5px;
}

/* Cart in steps */
.cart .cart-steps-btn-wrapper {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #cccccc;
}

.cart .cart-steps-btn-wrapper .step {
    width: 20%;
    line-height: 48px;
    font-size: 16px;
    text-align: center;
    border-bottom: solid #ffffff;
    border-width: 2px 0;
    cursor: pointer;
}

.cart .cart-steps-btn-wrapper .step.active {
    font-weight: 700;
    color: #3174b6;
    border-bottom: 2px solid #3174b6;
}

.cart-in-steps .table &gt; thead &gt; tr &gt; th,
.cart-in-steps .table &gt; tbody &gt; tr &gt; td,
.cart-in-steps .product-item-code {
    font-size: 14px;
}

/* Cart slider */
.cart-slider {
    margin-top: 20px;
}

.cart-slider .heading-wrapper img {
    margin-bottom: 20px;
}

.cart-slider .heading-wrapper img {
    float: left;
    margin-right: 10px;
}

.cart-slider .heading-wrapper.heading-wrapper-bordered h2 {
    font-size: 11px;
    line-height: 14px;
    text-transform: none;
    text-align: left;
    margin: 0;
}

.cart-slider .items-wrapper{
    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;
    width: 100%;
}

.cart-slider .items-wrapper .item {
    display: inline-block;
}

.cart-slider .items-wrapper .item .content {
    display: none;
}

/* total confirm */
.cart-privacy-policy{
    padding-top: 20px;
    margin-bottom: 20px;
}

.cart-privacy-policy a{
    color: #3973b5;
}

.cart-privacy-policy a:hover{
    color: #000;
}

/* ticket select */
.cart-box-featured{
    background: #fafafa;
    border: 1px solid #d9d9d9;
    padding: 10px;
    margin-bottom: 20px;
}

.cart-box-featured .input-group{
    max-width: 300px;
}

.cart-box-featured .btn{
    margin-bottom: 10px;
}

/* Delivery country */
#cart_onepage_delivery_country_form {
    margin-bottom: -30px;
}

#cart_onepage_delivery_country_form .form-group {
    float: right;
    margin: 0;
}

#cart_onepage_delivery_country_form .cart-step {
    padding: 0;
    margin-bottom: 0;
}

#cart_onepage_delivery_country_form .form-group label {
    display: inline-block;
    line-height: 34px;
    vertical-align: top;
    margin: 0 5px;
}

#cart_onepage_delivery_country_form .form-group .styled-select{
    display: inline-block;
    min-width: 160px;
    width: 160px;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

#cart_onepage_delivery_country_form .form-group .styled-select.active {
    -webkit-box-shadow: 0px 0px 20px 0px #3973b5;
    -moz-box-shadow: 0px 0px 20px 0px #3973b5;
    box-shadow: 0px 0px 20px 0px #3973b5;
}

/* header cart */
.header-cart{
    position: relative;
    float: right;
    min-height: 1px;
    /*min-width: 45px;*/
    z-index: 1001;
}

.header-cart .mini-cart{
    float: right;
}

/* mini cart */
.mini-cart.mini-cart-ribbon{
    min-width: 95px;
    height: 40px;
    margin-bottom: -10px;
    background:#89c03c;
    z-index:900;
    position: relative;
    width:auto;
    text-align:center;
    text-transform:uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -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);
}

.mini-cart.mini-cart-ribbon:after {
    content:"";
    position:absolute;
    bottom:0;
    left:-6px;
    border-right:3px solid #6e9b30;
    border-left:3px solid transparent;
    border-top:5px solid #6e9b30;
    border-bottom:5px solid transparent;
    z-index:-1;
}

.mini-cart.mini-cart-ribbon .icon-wrapper {
    color: #fff;
    min-height: 40px;
    width: 50px;
    padding: 0;
    text-align: center;
    border-radius:0;
    display: inline-block;
}

.mini-cart.mini-cart-ribbon .icon-wrapper .icon {
    font-size: 16px;
    line-height: 25px;
    height: 25px;
}

.header-top.fixed-style .mini-cart.mini-cart-ribbon .icon-wrapper .icon {
    line-height: 30px;
}

.mini-cart.mini-cart-ribbon .icon-wrapper .description {
    display: block;
    font-size: 9px;
    line-height: 9px;
    text-align:center;
    text-transform:uppercase;
}

.mini-cart.mini-cart-ribbon .header-carthor-total{
    margin: 0;
    display: inline-block;
    line-height: 38px;
    font-size: 16px;
    vertical-align: top;
    padding: 0 16px 0 0;
}

.mini-cart.mini-cart-ribbon .header-carthor-preview {
    border-left: 0px solid #FFF;
    line-height: 45px;
    font-size: 12px;
    color: #555;
    margin: 0;
    background: transparent;
    width: 100%;
    padding: 5px 0;
    height: 45px;
}

.header-top.fixed-style .mini-cart.mini-cart-ribbon {
    height: 30px;
    min-height:30px;
}

.header-top.fixed-style .mini-cart.mini-cart-ribbon .description,
.header-top.fixed-style .mini-cart.mini-cart-ribbon:after{
    display:none;
}

.header-top.fixed-style .mini-cart.mini-cart-ribbon .header-carthor-title {
    padding: 5px 3px 3px;
}

.header-top.fixed-style .mini-cart.mini-cart-ribbon .icon {
    min-height: 30px;
    width: 40px;
}

.header-top.fixed-style .mini-cart.mini-cart-ribbon .header-carthor-total {
    line-height: 30px;
}

.header-cart-item .footer-wrapper .subtitle {
    color: #000000;
    display: none;
}

/* mini cart simple */
.mini-cart.mini-cart-simple {
    margin: 0 0 0 10px;
    height: 30px;
}

.mini-cart.mini-cart-simple .icon-wrapper .description{
    display: none;
}

.mini-cart.mini-cart-simple .icon-wrapper,
.mini-cart.mini-cart-simple .header-carthor-total {
    display: inline-block;
    vertical-align: text-bottom;
    line-height: 30px;
}

/* mini cart circle top right */
.header-cart .mini-cart.mini-cart-circle-top-right {
    position: relative;
}

.header-cart .mini-cart.mini-cart-circle-top-right .icon-wrapper .description{
    position: absolute;
    bottom: -12px;
    font-size: 12px;
    left: 50%;
    transform: translateX(-50%);
}


.header-cart .mini-cart.mini-cart-circle-top-right .icon-wrapper .icon{
    font-size: 20px;
}

.header-cart .mini-cart.mini-cart-circle-top-right .header-carthor-total {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #3973b5;
    border-radius: 50%;
    color: #ffffff;
    line-height: 18px;
    height: 18px;
    width: 18px;
    text-align: center;
    font-size: 10px;
}

/* header favorite */
.header-favorite.header-favorite-ribbon{
    min-height: 40px;
    background:#89c03c;
    z-index:900;
    position: relative;
    width:auto;
    text-align:center;
    text-transform:uppercase;
    transition:all 0.3s;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
    float: right;
    margin-bottom: -10px;
}

.header-favorite.header-favorite-ribbon:after {
    content:"";
    position:absolute;
    bottom:0;
    left:-6px;
    border-right:3px solid #6e9b30;
    border-left:3px solid transparent;
    border-top:5px solid #6e9b30;
    border-bottom:5px solid transparent;
    z-index:-1;
}

.header-favorite.header-favorite-ribbon .icon-wrapper {
    color: #fff;
    min-height: 40px;
    width: 50px;
    padding: 0;
    text-align: center;
    border-radius:0;
    display: inline-block;
}

.header-favorite.header-favorite-ribbon .icon-wrapper .icon {
    font-size: 16px;
    line-height: 25px;
    height: 25px;
}

.header-top.fixed-style .header-favorite.header-favorite-ribbon .icon-wrapper .icon {
    line-height: 30px;
}

.header-favorite.header-favorite-ribbon .icon-wrapper .description {
    display: block;
    font-size: 9px;
    line-height: 9px;
    text-align:center;
    text-transform:uppercase;
}

.header-favorite.header-favorite-ribbon .header-carthor-total{
    margin: 0;
    display: inline-block;
    line-height: 38px;
    font-size: 16px;
    vertical-align: top;
    padding: 0 16px 0 0;
}

.header-favorite.header-favorite-ribbon .header-carthor-preview {
    border-left: 0px solid #FFF;
    line-height: 45px;
    font-size: 12px;
    color: #555;
    margin: 0;
    background: transparent;
    width: 100%;
    padding: 5px 0;
    height: 45px;
}

.header-top.fixed-style .header-favorite.header-favorite-ribbon {
    height: 30px;
    min-height:30px;
}

.header-top.fixed-style .header-favorite.header-favorite-ribbon .description,
.header-top.fixed-style .header-favorite.header-favorite-ribbon:after{
    display:none;
}

.header-top.fixed-style .header-favorite.header-favorite-ribbon .icon {
    min-height: 30px;
    width: 40px;
}

.header-top.fixed-style .header-favorite.header-favorite-ribbon .header-carthor-total {
    line-height: 30px;
}

/* header favorite simple */
.header-favorite.header-favorite-simple {
    float: right;
    padding: 0 10px;
}

.header-favorite.header-favorite-simple .description{
    display: none;
}

.header-favorite.header-favorite-simple .icon-wrapper,
.header-favorite.header-favorite-simple .favorite-header-total {
    display: inline-block;
}

/* header favorite circle top left */
.header-favorite.header-favorite-circle-top-right{
    position: relative;
    display: inline-block;
}

.header-favorite.header-favorite-circle-top-right .description{
    position: absolute;
    bottom: -12px;
    font-size: 12px;
    left: 50%;
    transform: translateX(-50%);
}

.header-favorite.header-favorite-circle-top-right .icon-wrapper .icon{
    font-size: 20px;
    font-weight: 700;
}

.header-favorite.header-favorite-circle-top-right .favorite-header-total {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #3973b5;
    border-radius: 50%;
    color: #ffffff;
    line-height: 18px;
    height: 18px;
    width: 18px;
    text-align: center;
    font-size: 10px;
}

/* Header mini cart item */
.header-cart-item .header-cart-toggle{
    background: #ffffff;
    padding: 10px 0 0;
    position: absolute;
    right: 0;
    top: 30px;
    width: 260px;
    z-index: 500;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);
    box-shadow: 0 0 5px rgba(0,0,0,0.25);

    /* hellper - ease */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: all;
}

.header-cart-item .header-cart-toggle.invisible {
    opacity:0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);

    /* hellper - ease */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
}

.header-cart-item .header-cart-toggle.slideEffect {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    display: block;
    opacity: 1;
    visibility: visible;
}

.header-cart-item .heading-wrapper .title {
    color: #3973b5;
    text-align: center;
}

.header-cart-item .items-wrapper {
    margin: 0;
    list-style: none;
    padding: 0;
    max-height: 350px;
    overflow: hidden;
    overflow-y: auto;
}

.header-cart-item .items-wrapper .item{
    border-bottom: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
    height: 70px;
    padding: 5px 0 5px 5px;
    position: relative;
}

.header-cart-item .items-wrapper .item:hover{
    background: #eeeeee;
}

.header-cart-item .items-wrapper .item a{
    color: #4a4b5c;
}

.header-cart-item .items-wrapper .item a.product-item-remove{
    font-size: 10px;
    line-height: 10px;
    vertical-align: top;
    height: 10px;
    display: inline-block;
}

.header-cart-item .items-wrapper .item a.product-item-remove i {
    font-weight: 700;
}

.header-cart-item .items-wrapper .item .content{
    padding-left: 10px;
    padding-right: 5px;
    width: calc(100% - 80px);
    text-align: right;
    float: left;
}

.header-cart-item .items-wrapper .item img{
    width: 60px;
    float: left;
}

.header-cart-item .items-wrapper .item .content .title{
    line-height: 1.1;
    max-height: 30px;
    overflow: hidden;
    margin-bottom: 2px;
    margin-top: -2px;
}

.header-cart-item .items-wrapper .item .content .product-size,
.header-cart-item .items-wrapper .item .content .product-qty {
    line-height: 16px;
    font-size: 11px;
    text-align: left;
    display: none;
}

.header-cart-item .items-wrapper .item .content .product-size span,
.header-cart-item .items-wrapper .item .content .product-qty span {
    line-height: 16px;
    font-size: 11px;
}

.header-cart-item .items-wrapper .item .content .price{
    font-size: 1.1rem;
    font-weight: 700;
}

.header-cart-item .footer-wrapper {
    float: left;
    padding: 10px;
    width:100%;
    background: #ffffff;
}

.header-cart-item .footer-wrapper .total-price{
    color: #3973b5;
    font-weight: 300;
    font-size: 16px;
    margin-top: 5px;
    float: right;
    line-height: 32px;
}

.header-cart-item .footer-wrapper .btn {
    margin-right: -15px;
    margin-top: 5px;
}

/* mini cart side*/
.header-cart-item.header-cart-item-side .header-cart-toggle {
    opacity: 1;
    position: fixed;
    top: 0;
    right: -415px;
    height: 100%;
    width: 415px;
    padding: 20px;
    max-width: 100%;
    display: block !important;
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle {
    right: 0;
}

.header-cart .header-cart-item.header-cart-item-side .cart-toggle-overlayer {
    background: rgba(0,0,0,0);
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: -1;
    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;
}

.header-cart.active .header-cart-item.header-cart-item-side .cart-toggle-overlayer {
    background: rgba(0,0,0,0.75);
    pointer-events: all;
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .heading-wrapper .title {
    font-size: 20px;
    line-height: 18px;
    padding: 0 0 20px;
    text-align: left;
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .heading-wrapper i{
    top: 0;
    right: 0;
    line-height: 18px;
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .list-title{
    padding: 40px 0 10px;
}
.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .list-title,
.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .list-title span{
    font-size: 16px;
    line-height: 16px;
    color: #000000;
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .items-wrapper {
    max-height: calc(100% - 228px);
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .items-wrapper .item{
    border: solid #cccccc;
    border-width: 1px 0 0;
    padding: 12px 0;
    height: 84px;
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .items-wrapper .item:hover {
    background: transparent;
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .items-wrapper .item &gt; a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .items-wrapper .item img {
    margin-right: 20px;
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .items-wrapper .item .content{
    width: calc(100% - 95px);
    padding: 0;
    text-align: left;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .items-wrapper .item .content .title {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    margin: 0;
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .items-wrapper .item .content .price {
    font-size: 12px;
    line-height: 18px;
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .items-wrapper .item .content .price .calc-wrapper {
    color: #000000;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .items-wrapper .item .icon{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .footer-wrapper{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    border-top: 1px solid #cccccc;
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .footer-wrapper .btn{
    width: 100%;
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .footer-wrapper .total-price{
    width: 100%;
    margin: 0;
    line-height: 18px;
    font-size: 16px;
    text-align: right;
}

.header-cart.active .header-cart-item.header-cart-item-side .header-cart-toggle .footer-wrapper .total-price .title{
    line-height: 18px;
    font-size: 16px;
    color: #000000;
    float: left;
}



/* mini cart side group */
.header-cart.active .header-cart-item.header-cart-item-side.header-cart-item-side-group .header-cart-toggle .items-wrapper .item {
    height: auto;
}

.header-cart.active .header-cart-item.header-cart-item-side.header-cart-item-side-group .header-cart-toggle .selected-arrtibutes-wrapper {
    clear: both;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.header-cart.active .header-cart-item.header-cart-item-side.header-cart-item-side-group .header-cart-toggle .selected-arrtibutes-wrapper .item {
    margin: 0;
    padding: 0;
    border: none;
    display: inline-block;
    margin-right: 10px;
    line-height: 25px;
}

.header-cart.active .header-cart-item.header-cart-item-side.header-cart-item-side-group .header-cart-toggle .selected-arrtibutes-wrapper .item:hover {
    text-decoration: underline;
}

.header-cart.active .header-cart-item.header-cart-item-side.header-cart-item-side-group .header-cart-toggle .selected-arrtibutes-wrapper .item .icon {
    position: static;
    vertical-align: middle;
    line-height: 20px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    margin: 0;
    font-size: 8px;
}

.header-cart.active .header-cart-item.header-cart-item-side.header-cart-item-side-group .header-cart-toggle .items-wrapper .item .content {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/* cart step order tickets */
.cart-step-order-tickets .form-group .btn {
    margin: 25px 0 0;
    height: 35px;
}

/* Cart import */
#cart_import_form .input-group {
    text-align: right;
}

#cart_import_form .input-group .form-control {
    border-right-width: 1px;
}

#cart_import_form .form-group {
    max-width: 600px;
}

/* new adress triger */
.cart-selectors-wrapper {
    text-align: right;
    display: block;
}

.cart-selectors-wrapper &gt; *{
    display: inline-block;
    vertical-align: top;
}

.new-adress-triger {
    display: block;
    clear: both;
    text-align: right;
    margin-top: 30px;
    display: none;
}

.new-adress-triger label {
    display: inline-block;
    vertical-align: middle;
}

.new-adress-triger .styled-select {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1px;
    width: 260px !important;
}

/* ncx-block */
.ncx-block .heading-wrapper{
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.ncx-block .heading-wrapper h2{
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
}
.ncx-block .delivery-options .iradio_flat{
    top: 30px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.ncx-block .delivery-options .payment-title{
    text-transform: uppercase;
    margin-bottom: 10px;
}
.ncx-block .delivery-options li:hover &gt; * {
    background: transparent;
}
.ncx-block .delivery-options li:hover .iradio_flat:not(.checked){
    border-color: #000000;
}
.table-cart-information{
    display: none;
}

.confirm-bank .btn-wrapper:not(.post) .btn-large{
    display: none;
}
.confirm-bank .btn-wrapper.bank .btn-large{
    display: inline-block;
}
.confirm-bank .bank-helper .btn.btn-success{
    width: 300px;
}

/*CART Radnje*/
.cart-step .form-group-highlight{
    padding: 15px 10px;
    background: #3973b5;
}
.cart-step .form-group-highlight label{
    color: #ffffff;
}
.cart-step .form-group-highlight.form-group-error{
    background: #cf1c24;
}
.cart-step .form-group-highlight .validation-errors-list{
    color: #ffffff;
}
/*CART Radnje End*/

/* Gift product modal */
.gift-product-modal .modal-body{
    padding: 20px 10px 10px 30px;
    max-height: 630px;
    overflow-y: scroll;
    height: 100%;
}

.modal-dialog.gift-product-modal{
    width: 700px;
}

.gift-product-modal .delivery-option-image{
    padding: 0 20px 0 0;
    width: 160px;
    display: inline-block;
}

.gift-product-modal .gift-product .description{
    display: none;
}

.gift-product-modal .description{
    margin-bottom: 30px;
}

.gift-product-modal .gift-product {
    padding: 10px;
    border-bottom: 1px solid #dedede;
    position: relative;
}

.gift-product-modal .gift-product .product-info{
    display: inline-block;
    width: calc(100% - 180px);
    position: relative;
}

.gift-product-modal .gift-product .product-info .choose-gift-btn{
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: all;
}

.gift-product-modal .gift-product .product-info .choose-gift-btn.btn-disabled{
    background: #EB4034;
}

.gift-product-modal .gift-product .product-info .category,
.product-wrapper-chosen .product-info .category{
    font-size: 14px;
}

.gift-product-modal .gift-product .product-info .name,
.product-wrapper-chosen .product-info .name{
    font-size: 20px;
    margin-bottom: 25px;
}

.gift-product-modal .gift-product .product-info .product-sizes .item{
    padding: 5px 10px;
    font-size: 12px;
    min-width: 39px;
    line-height: 25px;
    border-radius: 0;
    pointer-events: all;
}

.gift-product-modal .gift-product .product-info .product-sizes .size-text{
    font-size: 14px;
    margin-bottom: 10px;
}

.gift-product-modal .iradio_flat{
    display: none;
}

.gift-product .icheck-label{
    width: 100%;
    pointer-events: none;
}

.form-group.form-group-checklabel.checkbox-is-kept{
    display: none;
}

.donation-products-wrapper .panel-default&gt;.panel-heading{
    display: none;
}

.donation-products-wrapper .panel-default{
    padding: 20px 40px;
    border: 1px dashed #CECECE;
}

.donation-products-wrapper .panel .title{
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 30px;
}

.donation-products-wrapper .panel .description{
    font-size: 16px;
    margin-bottom: 20px;
}

.donation-image .img-responsive{
    margin: 0 auto;
}

.product-wrapper-chosen .delivery-option-image{
    padding: 0;
    float: none;
    display: inline-block;
}

.product-wrapper-chosen .product-info{
    display: inline-block;
}

.product-wrapper-chosen .headline{
    font-size: 18px;
    margin-bottom: 10px;
}

.gift-btn.btn-disabled{
    opacity: 0.5;
    pointer-events: none;
}

.gift-product-modal .gift-product .product-info .product-sizes .item.active{
    color: #fff;
    background: #3973b5;
    border-color: #3973b5;
}

.description-label{
    display: none;
}

.order-email{
    display: none;
}

.label-description-cart{
    display: none;
}
.cards-wrapper-hidden .styled-select{
    max-width: 50%;
    margin-bottom: 10px;
}
#cart_store_modal .modal-dialog {
    width: 900px;
    max-width: calc(100% - 20px);
    min-height: 500px;
}
.modal .store-map-wrapper{
    height: 490px !important;
    border-right: 0;
}
.modal .storelocator-panel{
    width: 100%;
    max-height: calc(100% - 30px);
    margin: 10px 0 0 0;
    padding: 5px;
}
.modal.modal-store .title{
    color: #000000;
    text-align: left;
}

.modal.modal-store .item-button {
    display: inline-block;
    background: #404041;
    color: #Ffffff;
    padding: 1px 33px;
    margin-top: 10px;
    line-height: 22px;
    cursor: pointer;
    font-size: 15px;
    margin-left: 10px;
}
.modal.modal-store .item-button:hover{
    background: #000000;
    color: #FFFFFF;
}

.modal.modal-store .item-button.active{
    background: #036891;
    color: #FFFFFF;
}

#cart_store_modal .nb-store-url{
    display: none;
}
#cart_store_modal .content-info-bubble .selected-store .img {
    display: inline-block;
    width: 48px;
    height: 48px;
    vertical-align: text-bottom;
    background-image: url(../../images/core/popup_pin.png);
}
#cart_store_modal .content-info-bubble .selected-store {
    position: relative;
    float: right;
    bottom: 15px;
    font-size: 17px;
    font-weight: 600;
    color: #6c9f43;
}
#cart_store_modal .nb-store-select.hidden{
    display: block !important;
}

/*Parcel machine Carrier*/
.resetSelectedParcel{
    width: auto;
    min-width: auto;
    background: #ffffff;
    color: #000000;
}
.resetSelectedParcel:hover{
    background: #000000;
    color: #ffffff;
}
.selectedParcelMachineText{
    margin-top: 10px;
    margin-bottom: 20px;
}
.selectedParcelMachineText .selected-parcel-text-value{
    font-weight: bold;
}
.content-info-bubble.store-popup .title{
    text-align: left;
}
.parcel-machines-description{
    margin-bottom: 10px;
}
/*Parcel machine Carrier End*/

/*Strict City &amp; sreet*/
.strictTextCity{
    margin: 0;
}

.info-until-free-delivery-wrpper .heading-wrapper.heading-underlined{
    padding: 15px 30px;
    background: #f7f7f7;
}
.cart .info-until-free-delivery-wrpper .heading-wrapper .title{
    border-color: transparent;
}
.info-until-free-delivery-wrpper .title .text-wrapper{
    width: 69%;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    text-transform: none;
}
.info-until-free-delivery-wrpper .title .text-wrapper .price{
    margin-left: 10px;
    font-weight: bold;
}
.info-until-free-delivery-wrpper .title .button-wrapper{
    width: 30%;
    display: inline-block;
    text-align: right;
    vertical-align: super;
}
.info-until-free-delivery-wrpper .icon-truck{
    font-size: 30px;
    vertical-align: sub;
}

.cart-one-day-delivery-product{
    padding: 10px;
    background: rgba(76,175,80,0.15);
    color: #000000;
    max-width: 160px;
    font-size: 13px;
    margin-top: 10px;
}
.cart-one-day-delivery-product.error{
    background: rgba(243,11,20,0.15);
}
.cart-one-day-delivery-product .title{
    position: relative;
    padding-left: 45px;
    line-height: 1;
}

.cart-one-day-delivery-product .title:before {
    content: url(../../images/core/one_day_delivery_new.png);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.table-cart-discount-info,
.on-cart-asterisk{
    display: none;
}
.security-code-popup-action{
    display: block;
    float: right;
    width: calc(100% - 100px);
    text-align: right;
    text-transform: uppercase;
    font-size: 12px;
}
.gift-popup-wrapper .popover,
.gift-popup-wrapper .popover-title,
.gift-popup-wrapper .popover-content{
    max-width: 350px;
    width: 350px;
}
.gift-popup-wrapper .popover .arrow{
    display: none;
}

/*Engrave*/

.product-item-engraving.text-left {
    font-size: 12px;
    line-height: 14px;
}

.product-item-engraving.text-left span{
    font-weight: bold;
    color: #000000;
    display: block;
}

.product-item-engraving.text-left span.symbol img{
    max-height: 25px;
}

.product-item-engraving.text-left span.message img{
    max-width: 100px;
}    /*------------------------------------------------------------------*\
    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 &gt; li &gt; 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 &gt; 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 &gt; .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 &gt; .nav &gt; .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 &gt; li{
        display: inline-block;
        margin-right: 5px;
    }

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

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

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

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

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

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

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

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

    .pagination&gt;.active&gt;a,
    .pagination&gt;.active&gt;span,
    .pagination&gt;.active&gt;a:hover,
    .pagination&gt;.active&gt;span:hover,
    .pagination&gt;.active&gt;a:focus,
    .pagination&gt;.active&gt;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 &gt; 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 &gt; li{
        display: inline-block;
        float: left;
        padding: 0;
        margin-left:2px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .nav-main &gt; li.outlet-main-menu &gt; .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 &gt; ul &gt; li {
        display: block;
        float: none;
    }

    .nav-main-fullscreen .nav &gt; ul &gt; li .sub-nav,
    .nav-main-fullscreen .nav &gt; ul &gt; 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 &gt; ul &gt; li .sub-nav ul.active {
        margin: 10px 0;
    }

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

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

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

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

    .nav-main-fullscreen .nav &gt; ul &gt; li .sub-nav .h5 ,
    .nav-main-fullscreen .nav &gt; ul &gt; 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 &gt; .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 &gt; li.outlet-main-menu &gt; .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 &gt; li{
        display: inline-block;
        float: left;
        padding: 0;
    }

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

    .nav-main-submenu &gt; li &gt; a:hover,
    .nav-main-submenu &gt; li.active &gt; 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 &gt; a,
    .nav-main-dropdown .nav-main &gt; li &gt; a{
        padding: 3px 0;
        font-size: 14px;
        display: inline-block;
        color: #000000;
        padding: 0;
        line-height: 28px;
    }

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

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

    .nav-main-dropdown.dark li &gt; 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 &gt; li{
        padding-top: 0;
        min-width: 100px;
        text-align: center;
        margin-bottom:0;
    }

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

    .nav-tabs &gt; li &gt; 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 &gt; li:last-of-type &gt; a {
        border-right:1px solid #ddd;
    }

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

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

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

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

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

    .nav-tabs&gt;li.active:not(:last-of-type)&gt;a,
    .nav-tabs&gt;li.active:not(:last-of-type)&gt;a:hover,
    .nav-tabs&gt;li.active:not(:last-of-type)&gt;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 &gt; a,
    .banner-branding-right &gt; 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 &gt; .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 &gt; div{
        width: calc((100% / 3) - 1px);
        background: #666666;
        height: 4px;
    }

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

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

    .registration-page .login-style .form-group .password-strength .strength-wrapper &gt; 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 &gt; .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 &gt; .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 &gt; 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 &gt; thead &gt; tr &gt; 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 &gt; .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 &gt; .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 &gt; ul &gt; li {
        padding: 0;
        float: left;
    }

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

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

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

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

    .nav.nav-simple &gt; 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 &gt; li,
    .level4 .nav-main-submenu &gt; li {
        width: 100%;
        height: 32px;
    }

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

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

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

    .level3 .nav-main-submenu &gt; li &gt; a &gt; i,
    .level4 .nav-main-submenu &gt; li &gt; a &gt; 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 &gt; li &gt; a &gt; i:not(.visible-xs),
    .level4 .nav-main-submenu &gt; li &gt; a &gt; 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 &gt; li{
        position: relative;
        float: left;
        padding: 0 10px;
    }

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

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

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

    .header-top .nav.nav-simple &gt; 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 &gt; 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 &gt; 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 &gt; 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 &gt; li{
        width: 100%;
    }

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

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

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

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

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

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

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

    .nav-vertical &gt; li &gt; ul &gt; li.active &gt; 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 &gt; li.opened:after,
    .sidebar-menu .nav &gt; 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 &gt; li.opened:after,
    .sidebar-menu .nav ul.nav-level2 &gt; 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 &gt; li.opened:after,
    .sidebar-menu .nav ul.nav-level3 &gt; 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 &gt; a {
        display: block;
        padding: 5px 10px 5px 15px;
    }

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

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

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

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

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

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

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

    .sidebar-menu .nav ul.nav-level4 &gt; li &gt; 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 &gt; 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 &gt; .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 &gt; .tab-pane {
        overflow: hidden;
    }

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

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

    .tab-content &gt; .tab-pane .slider,
    .tab-content &gt; .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 &gt; li{
        width: 50%;
        float: left;
        font-size: 13px;
        padding-left: 0;
    }

    .filter-group .items-wrapper &gt; 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 &gt; li .icheckbox_flat {
        flex-shrink: 0;
        margin-top: 4px;
    }

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

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

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

    .filter-group .items-wrapper &gt; li.active &gt; 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 &gt; 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 &gt; li.color-item-wrapper .icheckbox_flat {
        width: 100%;
        background: transparent;
        border: none;
        height: 60px;
    }

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

    .filter-group .items-wrapper &gt; 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 &gt; 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;
    }

    .toggle-subcategory-enable .items-wrapper &gt; li {
        position: relative;
    }

    .toggle-subcategory-enable .toggle-subcategory-wrapper {
        position: absolute;
        top: 0;
        right: 0;
    }

    /* 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 &gt; div {
        width: 50%;
    }

    .store-listing-map-v2 .storelocator-filter &gt; div h4 {
        display: none;
    }

    .store-listing-map-v2 .storelocator-panel &gt; .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 &gt; .panel{
        background: #f6f6f6;
        margin-bottom: 2px;
    }

    .promotion-wrapper .panel-group .panel-top &gt; .panel-heading{
        background: #ffffff;
    }

    .promotion-wrapper .panel-group .panel-top &gt; .panel-heading.opened .panel-toggle{
        color: #3973b5;
    }

    .promotion-wrapper .collapse.in &gt; .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 &gt; .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 &gt; .icon {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #4a4b5c;
    }

    .panel &gt; .collapsing,
    .panel &gt; .collapse {
        background: #ffffff;
        border-bottom: 1px solid #3973b5;
    }

    .panel &gt; .collapsing .panel-toggle,
    .panel &gt; .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] &gt; .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] &gt; .row:after,
    .panel .panel-group .promo-store-of-city [id^=collapseInner] &gt; .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 &gt; div,
    .panel .item &gt; .icon,
    .panel .item &gt; 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 &gt; .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 &gt; .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 &gt; li &gt; a {
        background: #4a4b5b;
        padding: 0 10px;
        display: block;
    }
    .only-lang-dropdown .dropdown-options &gt; li &gt; 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 &gt; 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 &gt; div:first-child:after {
        content: '';
        position: absolute;
        top: 10px;
        right: 0;
        width: 1px;
        height: calc(100% - 20px);
        background: #ffffff;
    }

    .product-custom-grid .items-wrapper &gt; div:first-child &gt; .row &gt; .col-xs-12:after,
    .product-custom-grid .items-wrapper &gt; div:last-child &gt; .row &gt; .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 &gt; tbody &gt; tr:nth-child(2n+1) {
        background: transparent;
    }

    .price-page table.table &gt; tbody &gt; tr &gt; th {
        background: #f5f5f5;
        border-right: 1px solid #e5e5e5;
    }

    .price-page table.table &gt; tbody &gt; tr &gt; td {
        border-right: 1px solid #e5e5e5;
    }

    .price-page table.table &gt; tbody &gt; tr &gt; th:first-child,
    .price-page table.table &gt; tbody &gt; tr &gt; td:first-child {
        padding-left: 20px;
    }

    .price-page table.table &gt; thead:first-child &gt; tr:first-child &gt; 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 &gt; .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 &gt; .fscrren .img-wrapper{
        position: relative;
        width: 100vw;
        height: 100vh;
    }

    .fullscreen-product-slider &gt; .close {
        position: absolute;
        top: 0;
    }

    .fullscreen-product-slider &gt; .zoom-btn-wrapper {
        padding: 11px;
        z-index: 150;
        margin-top: 20px;
        right: 50px;
        position: absolute;
        bottom: 0;
        left: 50%;
        width: max-content;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .fullscreen-product-slider &gt; .zoom-btn-wrapper .icon {
        background: #ffffff;
        margin: 0 5px;
        line-height: 40px;
        border-radius: 5px;
        width: 50px;
        height: 40px;
        text-align: center;
        cursor: pointer;
    }

    .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&gt;li&gt;a:hover,
    .category-menu-with-img .nav&gt;li&gt;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&gt;li&gt;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 &gt; 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 &gt; 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 &gt; li &gt; 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 &gt; 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&gt;.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 &gt; .img-wrapper{
        width: 100%;
        padding-right: 10px;
    }

    .exit-modal-slider .modal-body .item &gt; .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 &gt; .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 &gt; .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;
    }

    .user-verify-label{
        display: none;
    }#search-text-autocomplete-list {
    position: absolute;
    top: 50px;
    left: -1px;
    width: calc(100% + 2px);
    background: #ffffff;
    border: 1px solid #d9d9d9;
    padding: 20px 10px;
    z-index: 100000;
}

#search-text-autocomplete-list span {
    display: block;
    line-height: 25px;
    padding: 0 10px;
}

#search-text-autocomplete-list span:hover {
    cursor: pointer;
    background: #eeeeee;
}

#search-text-autocomplete-list .close-sugest-wrapper {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

#search-text-autocomplete-list .close-sugest-wrapper {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

#search-text-autocomplete-list .close-sugest-wrapper:hover {
    color: #3973b5;
}/* 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;
}
.product-image-actions{
    margin-bottom: 10px;
}

.product-image-actions a{
    padding: 0 5px;
}
.product-images-thumbs-vertical.show-arrows {
    margin: 30px 0;
}

.product-images-thumbs-vertical.show-arrows .slider-navigation-absolute {
    height: 100%;
}

.product-images-thumbs-vertical.show-arrows .slider-navigation-absolute i{
    position: absolute;
    left: 50%;
    -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);
}

.product-images-thumbs-vertical.show-arrows .slider-navigation-absolute .slider-prev i{
    top: -30px;
}

.product-images-thumbs-vertical.show-arrows .slider-navigation-absolute .slider-next i{
    bottom: -30px;
}

.product-images-thumbs-vertical.show-arrows .slider-navigation-absolute {
    height: 100%;
}/*Main img*/
.slider.product-main{
    position: relative;
    margin-bottom: 0;
    background-size: 0;
}

.slider.product-main .slider-init{
    margin-bottom: 0;
}

.slider.product-main .slider-init .slider-wrapper:before,
.slider.product-main .slider-init .slider-wrapper:after {
    display: none;
}

.slider.product-main .slider-init .slider-wrapper,
.slider.product-main .slider-init .slick-slide {
    padding: 0;
    outline: 0;
}
.slider.product-main .slider-navigation-absolute{
    z-index: 103;
}
.slider.product-main .slider-navigation-absolute .slider-prev {
    margin-left: 0;
    float: left;
    cursor: pointer;
}

.slider.product-main .slider-navigation-absolute .slider-next {
    margin-right: 0;
    float: right;
    cursor: pointer;
}

.slider.product-main .slider-init &gt; .slick-list &gt; .slick-track .item.video {
    position: relative;
}


.slider.product-main .slider-init &gt; .slick-list &gt; .slick-track .item.video:hover:after {
    opacity: 1;
}

.slider.product-main .slider-init &gt; .slick-list &gt; .slick-track .item.video:after {
    content: "\f16a";
    font-family: 'FontAwesome';
    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%);
    font-size: 80px;
    color: #f71500;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.5;
    pointer-events: none;
}

.slider.product-main .slider-init &gt; .slick-list &gt; .slick-track,
.slider.product-main .slider-init &gt; .slick-list &gt; .slick-track .item {
    min-width: 100px;
}

/*Map*/
.map-description {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1000;
}

.map-description span[class^="map-item_"] {
    position: absolute;
    left: 5px;
    top: 5px;
    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;
    max-width: calc(100% - 10px);
    background: #574747;
    width: max-content;
    min-width: 300px;
    max-width: 50%;
}

.map-description span[class^="map-item_"] span{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.map-description span[class^="map-item_"].hovered {
    opacity: 1;
}

.map-description &gt; span.map-item_topright,
.map-description &gt; span.map-item_2 {
    top: 5px;
    left: auto;
    right: 5px;
}

.map-description &gt; span.map-item_bottomright,
.map-description &gt; span.map-item_3 {
    top: auto;
    bottom: 5px;
    left: auto;
    right: 5px;
}

.map-description &gt; span.map-item_bottomleft,
.map-description &gt; span.map-item_4 {
    top: auto;
    bottom: 5px;
    left: 5px;
    right: auto;
}

.map-description &gt; span.map-item_top,
.map-description &gt; span.map-item_bottom {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.map-description &gt; span.map-item_bottom {
    top: auto;
    bottom: 5px;
}

.map-description &gt; span.map-item_left,
.map-description &gt; span.map-item_right{
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.map-description &gt; span.map-item_right{
    left: auto;
    right: 5px;
}

.map-description span[class^="map-item_"] &gt; * {
    display: inline-block;
    vertical-align: top;
}

.map-description span[class^="map-item_"] &gt; img {
    padding: 5px;
}

.map-description &gt; span.map-item_left &gt; *,
.map-description &gt; span.map-item_right &gt; * {
    vertical-align: middle;
}

.map-description &gt; span.map-item_left &gt; *,
.map-description &gt; span.map-item_right &gt; * {
    vertical-align: middle;
}

.map-description span.map-item_3,
.map-description span.map-item_4,
.map-description span[class^="map-item_bottom"] &gt; * {
    vertical-align: bottom;
}

.map-description span[class^="map-item_"] span.title-content {
    background: #574747;
    color: #ffffff;
    padding: 2px 5px;
    line-height: 20px;
    font-size: 14px;
    max-width: calc(100% - 65px);
    width: max-content;
}

.map-description span.map-item_2 img,
.map-description span.map-item_3 img,
.map-description span.map-item_topright img,
.map-description span.map-item_bottomright img,
.map-description span.map-item_right img {
    float: right;
}

.product-image-wrapper .fancybox-slide--video {
    overflow: hidden;
}

.product-main .item-flowplayery .volume-icons-wrapper {
    position: absolute;
    right: 75px;
    bottom: 30px;
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    cursor: pointer;
    z-index: 9;
}

.product-main .item-flowplayery .volume-icons-wrapper i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 37px;
    color: #ffffff;
    transform: translate(-50%, -50%);
}

.product-main.muted .volume-icons-wrapper i.fa-volume-off,
.product-main.unmuted .volume-icons-wrapper i.fa-volume-up {
    display: block;
}.search-product-data-wrapper {
    display: none;
}

.product-favorite {
    font-size: 15px;
    display: inline-block;
}

.product-favorite .icon {
    margin-right: 5px;
}.detail-social-share-v2{
    position: absolute;
    top: 2px;
    left: 0;
}

.social-share.detail-social-share-v2 .share-text {
    display: inline-block;
    vertical-align: top;
}

.detail-social-share-v2 .item .img-wrapper, .detail-social-share-v2 .item img {
    opacity: 0.4;
    width: 15px;
    height: 15px;
}

.detail-social-share-v2 .item:hover .img-wrapper,
.detail-social-share-v2 .item:hover img{
    opacity: 1;
}
.detail-social-share-v2 .item{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background: #f4f4f4;
    border-radius: 50%;
    margin: 10px 0;
}

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

    .detail-social-share-v2 {
        left: 0;
        display: inline-block;
        width: 100%;
        position: relative;
        top: 0;
        margin-bottom: 20px;
    }

    .detail-social-share-v2 .item {
        display: inline-block;
        width: 40px;
        height: 40px;
        padding: 10px 12px;
        margin-right: 5px;
    }

    .detail-social-share-v2 .item .img-wrapper, .detail-social-share-v2 .item img {
        width: 20px;
        height: 20px;
    }
}.modal-watch-button .btn-primary{
    display: flex;
    text-align: center;
    margin: 25px auto 0;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background: #e3e3e3;
    color: #000000;
    font-weight: 400;
}

.modal-watch-button .btn-primary:hover{
    background: #000000;
    color: #ffffff;
}

.modal-watch-button .btn-primary .icon{
    background: url("../../../../../nbshop5_time/_static/images/core/crna_1.svg");
    width: 20px;
    height: 19px;
    display: block;
    margin-right: 10px;
}

.modal-watch-button .btn-primary:hover .icon{
    background: url("../../../../../nbshop5_time/_static/images/core/bela.svg");
    width: 20px;
    height: 19px;
    display: block;
}.product-details .product-details-info .category-image-wrapper {
    display: none;
}

.product-details .product-details-info .product-model{
    display: none;
}

.product-details .product-details-info .atributs-wrapper {
    padding-bottom: 15px;
}
.short-description-wrapper .vertical-tabs-button{
    display: none;
}.product-detail-rate{
    display: none;
}

.product-detail-rate .rate-action{
    display: inline-block;
    color: #939393;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
}


.product-detail-rate .rate-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    display: inline-block;
    font-size: 12px;
    line-height: 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;
}

.product-detail-rate .rate-number {
    margin-bottom: 10px;
}

.product-detail-rate .rate-number {
    display: inline-block;
    font-size: 40px;
    line-height: 40px;
    font-weight: 300;
}

.product-detail-rate .rate-users-number {
    font-size: 12px;
    line-height: 20px;
}

.product-detail-rate .rate-info{
    display: inline-block;
}

.product-detail-rate .rate-info .rate-wrapper {
    position: relative;
    left: 0;
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    font-size: 13px;
    line-height: 20px;
}

.product-detail-rate .rate-wrapper .back-stars {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}.product-infobox{
    padding: 10px 15px;
    border-bottom-width: 0;
    background: #f3f3f3;
    color: #575757;
    margin: 0 auto;
}

.product-infobox:last-child{
    border-bottom-width: 1px;
    margin-bottom: 20px;
}

.product-attributes-wrapper .product-help-link.atribute-size-modal-btn {
    display: none;
}
.table-sizeguide{
    background: #ffffff;
}

.table-sizeguide &gt; thead &gt; tr &gt; td,
.table-sizeguide &gt; tbody &gt; tr &gt; td{
    text-align: center;
    padding: 5px;
    font-size: .9rem;
    width: 20px;
    border: 1px solid #ffffff;
}

.table-sizeguide &gt; thead &gt; tr &gt; td{
    background: #B8EAFF;
    font-weight: 300;
    width: 30px;
}

.table-sizeguide &gt; thead &gt; tr:first-child &gt; td{
    background: #00abeb;
    color: #ffffff;
    padding: 5px 2px;
}

.table-sizeguide &gt; thead &gt; tr:first-child &gt; td:first-child{
    background: #FFA686;
}

.table-sizeguide &gt; tbody &gt; tr &gt; td:nth-child(even){
    background: #f0f6f8;
    font-weight: 300;
}

.table-sizeguide &gt; tbody &gt; tr &gt; td:first-child{
    background: #FEE7D7;
    font-weight: 300;
}

.table-sizeguide &gt; tbody &gt; tr:hover &gt; td{
    background: #FEE7D7;
}.table-sizeguide{
    background: #ffffff;
}

.table-sizeguide &gt; thead &gt; tr &gt; td,
.table-sizeguide &gt; tbody &gt; tr &gt; td{
    text-align: center;
    padding: 5px;
    font-size: .9rem;
    width: 20px;
    border: 1px solid #ffffff;
}

.table-sizeguide &gt; thead &gt; tr &gt; td{
    background: #B8EAFF;
    font-weight: 300;
    width: 30px;
}

.table-sizeguide &gt; thead &gt; tr:first-child &gt; td{
    background: #00abeb;
    color: #ffffff;
    padding: 5px 2px;
}

.table-sizeguide &gt; thead &gt; tr:first-child &gt; td:first-child{
    background: #FFA686;
}

.table-sizeguide &gt; tbody &gt; tr &gt; td:nth-child(even){
    background: #f0f6f8;
    font-weight: 300;
}

.table-sizeguide &gt; tbody &gt; tr &gt; td:first-child{
    background: #FEE7D7;
    font-weight: 300;
}

.table-sizeguide &gt; tbody &gt; tr:hover &gt; td{
    background: #FEE7D7;
}.table-sizeguide{
    background: #ffffff;
}

.table-sizeguide &gt; thead &gt; tr &gt; td,
.table-sizeguide &gt; tbody &gt; tr &gt; td{
    text-align: center;
    padding: 5px;
    font-size: .9rem;
    width: 20px;
    border: 1px solid #ffffff;
}

.table-sizeguide &gt; thead &gt; tr &gt; td{
    background: #B8EAFF;
    font-weight: 300;
    width: 30px;
}

.table-sizeguide &gt; thead &gt; tr:first-child &gt; td{
    background: #00abeb;
    color: #ffffff;
    padding: 5px 2px;
}

.table-sizeguide &gt; thead &gt; tr:first-child &gt; td:first-child{
    background: #FFA686;
}

.table-sizeguide &gt; tbody &gt; tr &gt; td:nth-child(even){
    background: #f0f6f8;
    font-weight: 300;
}

.table-sizeguide &gt; tbody &gt; tr &gt; td:first-child{
    background: #FEE7D7;
    font-weight: 300;
}

.table-sizeguide &gt; tbody &gt; tr:hover &gt; td{
    background: #FEE7D7;
}
.product-quantity-info.product-quantity-info-circle {
    line-height: 34px;
}

.product-quantity-info.product-quantity-info-circle .quantity-nb {
    border: 1px solid #89c03c;
    border-radius: 36px;
    min-width: 36px;
    height: 36px;
    display: inline-block;
    margin-right: 5px;
    font-weight: 400;
    text-align: center;
    padding: 0 7px;
}

.product-quantity-info.product-quantity-info-circle .quantity-nb.low-quantity {
    border: 1px solid #ed1c24;
}
.product-detail-buy{
    margin-bottom: 20px;
}

.product-detail-buy &gt; .price-info{
    display: none;
}

.product-detail-buy .product-quantity-wrapper {
    display: inline-block;
    float: left;
}

.product-quantity-arrows{
    width: 25px;
    float: left;
}

.product-quantity-arrows i{
    border:1px solid #d9d9d9;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    padding: 0 2px;
    font-size: 8px;
    display: block;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: 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;
}

.product-quantity-arrows i:hover{
    background: #d9d9d9;
}

.shop-button-qnt,
.shop-button-qnt-soonSale{
    min-width: 230px;
    height: 40px;
    margin-left:10px;
    margin-bottom: 0px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.2);
    padding-right: 60px;
    padding-left: 40px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}

.shop-button-qnt:before,
.shop-button-qnt-soonSale:before{
    position: absolute;
    width: 40%;
    min-width: 50px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 160%;
    font-weight: 400;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    line-height: 1px;
    height: 1px;
}

.products-detail-wrapper .heading-wrapper .title .packaging-unit {
    display: none;
}
.product-not-allowed-buy-wrapper{
    display: none;
}

.product-listing .product-not-allowed-buy-wrapper{
    display: none;
}
/*Services slider */
.service-products-slider .item .options-wrapper {
    margin: 0;
    padding: 0;
}

.service-products-slider .item .text-wrapper .prices-wrapper {
    height: auto;
    padding-bottom: 10px;
}

.service-products-slider .item .text-wrapper {
    height: auto;
    padding-bottom: 10px;
}/* toggle banner */
.toggle-banner .toggle-button {
    height: auto;
    width: 100px;
    background: #3683cd;
    color: #ffffff;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    padding: 10px 20px 10px 10px;
    text-align: center;
    cursor: pointer;
}

.toggle-banner .toggle-button span{
    padding-left: 10px;
}

.toggle-banner .toggle-button i {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.toggle-banner .toggle-button.expand i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.toggle-banner {
    position: fixed;
    top: 400px;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 308px;
    z-index: 1000;
}

.toggle-banner .sidebar-info{
    float: none;
    border: 0;
}
.toggle-banner .icon-question{
    display: none;
}

.toggle-banner &gt; .item {
    border: 3px solid #3683cd;
    opacity: 1;
    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;
    width: auto;
    color: #3683cd;
    border-top: 42px solid #3683cd;
    background: #ffffff;
}

.toggle-banner .sidebar-info .item{
    min-height: 0;
    background: #3683cd;
}

.toggle-banner .sidebar-info .headline-wrapper,
.toggle-banner .sidebar-info .item{
    padding: 0;
    background: transparent;
    border-bottom: 0px solid #dedede;
}

.toggle-banner .sidebar-info .item .title{
    font-size: 14px;
}

.toggle-banner .item.closed {
    opacity:0;
    width:0;
    height:0;
}

.toggle-banner .sidebar-info .headline-wrapper .title{
    font-size: 16px;
    padding: 10px;
}

.toggle-banner .sidebar-info .img-wrapper{
    display: none;
}

/* Sidebar info */
.sidebar-info {
    color: #000;
    width: 250px;
    float: right;
    z-index: 900;
    background: transparent;
    border: 1px solid #dddddd;
    border-top: 1px solid #ffffff;
}

.sidebar-info .headline-wrapper,
.sidebar-info .item {
    padding: 15px 10px;
    color: #4a4b5c;
    margin-bottom: 2px;
    line-height: 1.2;
    background: #ffffff;
    border-bottom: 1px solid #dedede;
}

.sidebar-info .headline-wrapper .title {
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.sidebar-info .item {
    position: relative;
    min-height: 75px;
}

.sidebar-info .item .title {
    margin: 3px 0;
}

.sidebar-info .item .img-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.sidebar-info .img-wrapper img {
    max-width: 64px;
}

.sidebar-info .item .text-wrapper {
    padding: 0 10px 10px;
}

.sidebar-info .item .text-wrapper p {
    margin-bottom: 0;
}

.sidebar-info .item:last-child{
    border: none;
}

.sidebar-info .headline-wrapper:last-child{
    border-bottom: 1px solid #dddddd;
}

.sidebar-fixed .sidebar-info {
    position: fixed;
    top: 200px;
    right: 0;
}

/* Sidebar info */
.sidebar-info {
    color: #000;
    width: 250px;
    float: right;
    z-index: 900;
    background: transparent;
    border: 1px solid #dddddd;
    border-top: 1px solid #ffffff;
}

.sidebar-info .headline-wrapper,
.sidebar-info .item {
    padding: 15px 10px;
    color: #4a4b5c;
    margin-bottom: 2px;
    line-height: 1.2;
    background: #ffffff;
    border-bottom: 1px solid #dedede;
}

.sidebar-info .headline-wrapper .title {
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.sidebar-info .item {
    position: relative;
    min-height: 75px;
}

.sidebar-info .item .title {
    margin: 3px 0;
}

.sidebar-info .item .img-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.sidebar-info .img-wrapper img {
    max-width: 64px;
}

.sidebar-info .item .text-wrapper {
    padding: 0 10px 10px;
}

.sidebar-info .item .text-wrapper p {
    margin-bottom: 0;
}

.sidebar-info .item:last-child{
    border: none;
}

.sidebar-info .headline-wrapper:last-child{
    border-bottom: 1px solid #dddddd;
}

.sidebar-fixed .sidebar-info {
    position: fixed;
    top: 200px;
    right: 0;
}
/* Sidebar info */
.sidebar-info {
    color: #000;
    width: 250px;
    float: right;
    z-index: 900;
    background: transparent;
    border: 1px solid #dddddd;
    border-top: 1px solid #ffffff;
}

.sidebar-info .headline-wrapper,
.sidebar-info .item {
    padding: 15px 10px;
    color: #4a4b5c;
    margin-bottom: 2px;
    line-height: 1.2;
    background: #ffffff;
    border-bottom: 1px solid #dedede;
}

.sidebar-info .headline-wrapper .title {
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.sidebar-info .item {
    position: relative;
    min-height: 75px;
}

.sidebar-info .item .title {
    margin: 3px 0;
}

.sidebar-info .item .img-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.sidebar-info .img-wrapper img {
    max-width: 64px;
}

.sidebar-info .item .text-wrapper {
    padding: 0 10px 10px;
}

.sidebar-info .item .text-wrapper p {
    margin-bottom: 0;
}

.sidebar-info .item:last-child{
    border: none;
}

.sidebar-info .headline-wrapper:last-child{
    border-bottom: 1px solid #dddddd;
}

.sidebar-fixed .sidebar-info {
    position: fixed;
    top: 200px;
    right: 0;
}
.comments.comments-two .comments-input-wrapper .form-group-email,
.comments.comments-two .comments-input-wrapper .form-group-name {
    width: 100%;
    max-width: 100%;
}
.comments.comments-two .comments-input-wrapper .form-group-message {
    width: 100%;
    max-width: 100%;
}

#rateYo .jq-ry-group {
    padding: 6px 0;
}

.form-group-rating .form-control{
    border: 0px solid #ccc;
}

.comments .comments-input-wrapper .form-group-email,
.comments .comments-input-wrapper .form-group-name {
    width: 320px;
    max-width: 100%;
}

.comments .comments-input-wrapper .form-group-message {
    width: 420px;
    max-width: 100%;
}

.comments .comments-input-wrapper .btn-display-comments {
    margin: 10px 0;
    display: block;
}

.comments .comments-input-wrapper .btn-display-comments i {
    margin-right: 5px;
}

.comments .comments-input-wrapper .comments-count {
    display: inline-block;
}

.comments {
    background: #ffffff;
    padding: 10px 20px;
    margin-bottom: 20px;
}

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

.comments .heading-wrapper .title {
    display: inline-block;
    margin-bottom: 0;
    border-bottom: 0;
    vertical-align: middle;
}

/* modal css */
#comment_modal .comments .inputs-wrapper {
    margin-top: 30px;
    margin-bottom: -30px;
}

#comment_modal .product-detail-rate .rate-info {
    vertical-align: top;
}/* Comments contact */
.comment-content{
    margin-bottom: 20px;
    background: #ffffff;
    padding: 10px 20px;
}
.products-detail-wrapper .comment-content{
    margin-bottom: 0;
}
.comment-content .heading-wrapper .title h4{
    font-weight: 400;
    margin-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.comment-content .items-wrapper {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comment-content .img-wrapper img {
    width: 50px;
    max-width: 50px;
    height: 50px;
    border-radius: 50%;
}

.comment-content .items-wrapper .item{
    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.comment-content .items-wrapper .item.comment-reply{
    margin-left: 20px;
    width: calc(100% - 20px);
}

.comment-content .items-wrapper .item:last-child {
    border-bottom: 0;
}

.comment-content .items-wrapper .item &gt; div {
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
}

.comment-content .items-wrapper .item .user{
    float: none;
    display: inline-block;
}

.comment-content .items-wrapper .item .user-comment p {
    padding: 10px 0 10px;
}

.comment-content .items-wrapper .item .rating{
    padding: 3px 0;
    display: inline-block;
}

.comment-content .items-wrapper .item .like-dislike{
    float: right;
    margin-top: -5px;
}

.comment-content .items-wrapper .item .like-dislike .icon {
    color: #ffffff;
}

.comment-content .items-wrapper .item .like-dislike .icon-like:disabled  {
    color: green;
}

.comment-content .items-wrapper .item .like-dislike .icon-dislike:disabled {
    color: red;
}

.comment-content .items-wrapper .item .time{
    color: #a0a0a0;
    line-height: 10px;
    height: 20px;
    margin-bottom: 20px;
}.product-state-wrapper{
    margin: 4px 0;
}

.products-detail-wrapper .product-state-wrapper{
    margin: 10px 0;
}

.product-state-wrapper .item{
    font-size: 12px;
    line-height: 15px;
    position: relative;
    display: flex;
    align-items: center;
}

.products-detail-wrapper .product-state-wrapper .item{
    font-size: 14px;
    line-height: 22px;
}

.product-state-wrapper .item:before {
    width: 23px;
    height: 18px;
    display: block;
    margin-right: 5px;
}

.products-detail-wrapper .product-state-wrapper .item:before{
    width: 25px;
    height: 18px;
    display: block;
    margin-right: 10px;
}

.product-state-wrapper.available .item:before {
    content: url("../../../_static/images/core/na_stanju.svg");
}

.product-state-wrapper.not-available .item:before {
    content: url("../../../_static/images/core/nema_na_stanju.svg");
}

.product-state-wrapper.in-store .item:before {
    content: url("../../../_static/images/core/kod_dobavljaca.svg");
}

.product-state-wrapper.available .item{
    color: #00B456;
}

.product-state-wrapper.not-available .item{
    color: #FF0000;
}

.product-state-wrapper.in-store .item{
    color: #3F90DC;
}.sidebar-product-compare {
    position: fixed;
    top: 250px;
    right: 0;
    z-index: 1000;
}
.sidebar-product-compare .sidebar-icon {
    width: 30px;
    height: 30px;
    background: #3973b5;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    position: relative;
    font-size: 16px;
    color: #ffffff;
    right: 5px;
}

.sidebar-product-compare .sidebar-icon &gt; span {
    position: absolute;
    background: #3973b5;
    width: 15px;
    height: 15px;
    line-height: 15px;
    right: -5px;
    font-size: 10px;
    top: -5px;
    border-radius: 50%;
}

.sidebar-product-compare #product-compare-sidebar-content{
    z-index:100;
    background: #ffffff;
    box-shadow: 0 0 10px 0px rgba(0,0,0,0.5);
    padding: 5px;
    position: absolute;
    right: -220px;
    top: -5px;

    /* helper - translation ease*/
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sidebar-product-compare.active #product-compare-sidebar-content,
.sidebar-product-compare:hover #product-compare-sidebar-content{
    right: 0;
}

.sidebar-product-compare #product-compare-sidebar-content .sidebar-footer a {
    width: 100%;
    text-align: center;
}

.sidebar-product-compare .sidebar-header {
    background: #337ab7;
    text-align: center;
}

.sidebar-product-compare .sidebar-header a {
    color: #ffffff;
    font-size: 15px;
    line-height: 32px;
}

.sidebar-product-compare .sidebar-header .total {
    font-size: 0.8rem;
    text-align: center;
    line-height: 22px;
}

.sidebar-product-compare .sidebar-body {
    color:#4a4b5c;
    list-style: none;
    padding: 0;
    margin-bottom: 5px;
    width: 195px;
    height: auto;
}

.sidebar-product-compare .sidebar-body li.item {
    display: block;
    height: 54px;
    padding: 2px;
}

.sidebar-product-compare .sidebar-body li.item:hover {
    background:rgba(0,0,0,0.1);
}

.sidebar-product-compare .sidebar-body li.item &gt; i {
    line-height: 50px;
    cursor: pointer;
}

.sidebar-product-compare .sidebar-body li.item a {
    color:#4a4b5c;
}

.sidebar-product-compare .sidebar-body li.item img{
    float: left;
    max-height: 50px;
}

.sidebar-product-compare .sidebar-body li.item .content{
    float: left;
    width: 120px;
}

.sidebar-product-compare .sidebar-body li.item .content .title{
    font-size: 13px;
    line-height: 14px;
    width: 100%;
    max-height: 28px;
    overflow: hidden;
    margin-bottom: 2px;
}

.sidebar-product-compare .sidebar-body li.item .content .price{
    font-size: 15px;
    line-height: 16px;
    width: 100%;
    height: 16px;
    color: #3973b5;
}

.sidebar-product-compare .sidebar-body .empty-list{
    font-size: 15px;
    text-align: center;
}
.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;
}.social-icon .item{
    display: inline-block;
    margin-right: 5px;
}

.social-icon .description {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 15px;
}

.payment-cards-wrapper{
    width: 100%;
}
.payment-card {
    padding: 25px 0;
    background: #ffffff;
    text-align: center;
}
.payment-card .item {
    display: inline-block;
    padding: 5px 10px;
}
.payment-card .item .img-wrapper img {
    height: 35px;
}
.copyright{
    padding: 10px 0;
    display: table;
    width: auto;
    border-top: 1px solid transparent;
    font-size: 13px;
    font-weight: 400;
    margin: auto;
}
.modal-large.popup-notification-modal .modal-content{
    border-radius: 0;
}
.modal-large.popup-notification-modal .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin-top: 0 !important;

}

.modal-large.popup-notification-modal .modal-dialog .modal-header{
    background: transparent;
    border-bottom: none;
    padding: 15px 30px 0;

}
.modal-large.popup-notification-modal .modal-dialog .modal-header .modal-title{
    color: #ffffff;
    font-size: 30px;
}
.modal-large.popup-notification-modal .modal-dialog .close{
    font-weight: normal;
    top: 20px;
    right: 20px;
}
#popup-notification-modal{
    padding: 0 !important;
}
.modal-large.popup-notification-modal .modal-body {
    border-top: none;

}

@media (max-width: 767px) {
    .modal-large.popup-notification-modal .modal-dialog .modal-header{
        padding: 10px;
    }
    .modal-large.popup-notification-modal .modal-dialog .modal-header .modal-title{
        font-size: 25px;
    }
    .modal-large.popup-notification-modal .modal-body{
        margin: 0;
    }

}.product-details .products-detail-wrapper.iframe-wrapper .item &gt; img{
    max-height: 100%;
    max-width: 100%;
}

.iframe-wrapper .product-detail-buy-v2 .heading-wrapper .title{
    font-size: 13px;
}

.iframe-wrapper .product-detail-buy-v2 .shop-button-qnt,
.iframe-wrapper .product-detail-buy-v2 .shop-button-qnt-soonSale{
    margin-left: 15px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    box-shadow: none;
    padding-right: 25px;
    padding-left: 45px;
    font-size: 14px;
}

.iframe-wrapper .product-detail-buy-v2 .product-quantity{
    width: 43px;
}

.iframe-wrapper .product-detail-buy-v2 .product-quantity-arrows{
    width: 30px;
}

.iframe-wrapper .product-detail-buy-v2 .shop-button-qnt:before,
.iframe-wrapper .product-detail-buy-v2 .shop-button-qnt-soonSale:before{
    line-height: normal;
    width: 20px;
    min-width: auto;
    font-size: 20px;
    right: auto;
    left: 15px;
}

.iframe-wrapper .product-favorite{
    margin-left: 10px;
}

.product-details .iframe-wrapper .product-favorite .icon{
    background: transparent;
    width: 22px;
    height: 21px;
    margin-right: 0;
}

.iframe-wrapper .product-details-info .description.less{
    display: none;
}.product-image-actions{
    margin-bottom: 10px;
}

.product-image-actions a{
    padding: 0 5px;
}
.product-details .product-details-info .category-image-wrapper {
    display: none;
}

.product-details .product-details-info .product-model{
    display: none;
}

.product-details .product-details-info .atributs-wrapper {
    padding-bottom: 15px;
}
.short-description-wrapper .vertical-tabs-button{
    display: none;
}/*Main img*/
.slider.product-main{
    position: relative;
    margin-bottom: 0;
    background-size: 0;
}

.slider.product-main .slider-init{
    margin-bottom: 0;
}

.slider.product-main .slider-init .slider-wrapper:before,
.slider.product-main .slider-init .slider-wrapper:after {
    display: none;
}

.slider.product-main .slider-init .slider-wrapper,
.slider.product-main .slider-init .slick-slide {
    padding: 0;
    outline: 0;
}
.slider.product-main .slider-navigation-absolute{
    z-index: 103;
}
.slider.product-main .slider-navigation-absolute .slider-prev {
    margin-left: 0;
    float: left;
    cursor: pointer;
}

.slider.product-main .slider-navigation-absolute .slider-next {
    margin-right: 0;
    float: right;
    cursor: pointer;
}

.slider.product-main .slider-init &gt; .slick-list &gt; .slick-track .item.video {
    position: relative;
}


.slider.product-main .slider-init &gt; .slick-list &gt; .slick-track .item.video:hover:after {
    opacity: 1;
}

.slider.product-main .slider-init &gt; .slick-list &gt; .slick-track .item.video:after {
    content: "\f16a";
    font-family: 'FontAwesome';
    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%);
    font-size: 80px;
    color: #f71500;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.5;
    pointer-events: none;
}

.slider.product-main .slider-init &gt; .slick-list &gt; .slick-track,
.slider.product-main .slider-init &gt; .slick-list &gt; .slick-track .item {
    min-width: 100px;
}

/*Map*/
.map-description {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1000;
}

.map-description span[class^="map-item_"] {
    position: absolute;
    left: 5px;
    top: 5px;
    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;
    max-width: calc(100% - 10px);
    background: #574747;
    width: max-content;
    min-width: 300px;
    max-width: 50%;
}

.map-description span[class^="map-item_"] span{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.map-description span[class^="map-item_"].hovered {
    opacity: 1;
}

.map-description &gt; span.map-item_topright,
.map-description &gt; span.map-item_2 {
    top: 5px;
    left: auto;
    right: 5px;
}

.map-description &gt; span.map-item_bottomright,
.map-description &gt; span.map-item_3 {
    top: auto;
    bottom: 5px;
    left: auto;
    right: 5px;
}

.map-description &gt; span.map-item_bottomleft,
.map-description &gt; span.map-item_4 {
    top: auto;
    bottom: 5px;
    left: 5px;
    right: auto;
}

.map-description &gt; span.map-item_top,
.map-description &gt; span.map-item_bottom {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.map-description &gt; span.map-item_bottom {
    top: auto;
    bottom: 5px;
}

.map-description &gt; span.map-item_left,
.map-description &gt; span.map-item_right{
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.map-description &gt; span.map-item_right{
    left: auto;
    right: 5px;
}

.map-description span[class^="map-item_"] &gt; * {
    display: inline-block;
    vertical-align: top;
}

.map-description span[class^="map-item_"] &gt; img {
    padding: 5px;
}

.map-description &gt; span.map-item_left &gt; *,
.map-description &gt; span.map-item_right &gt; * {
    vertical-align: middle;
}

.map-description &gt; span.map-item_left &gt; *,
.map-description &gt; span.map-item_right &gt; * {
    vertical-align: middle;
}

.map-description span.map-item_3,
.map-description span.map-item_4,
.map-description span[class^="map-item_bottom"] &gt; * {
    vertical-align: bottom;
}

.map-description span[class^="map-item_"] span.title-content {
    background: #574747;
    color: #ffffff;
    padding: 2px 5px;
    line-height: 20px;
    font-size: 14px;
    max-width: calc(100% - 65px);
    width: max-content;
}

.map-description span.map-item_2 img,
.map-description span.map-item_3 img,
.map-description span.map-item_topright img,
.map-description span.map-item_bottomright img,
.map-description span.map-item_right img {
    float: right;
}

.product-image-wrapper .fancybox-slide--video {
    overflow: hidden;
}

.product-main .item-flowplayery .volume-icons-wrapper {
    position: absolute;
    right: 75px;
    bottom: 30px;
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    cursor: pointer;
    z-index: 9;
}

.product-main .item-flowplayery .volume-icons-wrapper i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 37px;
    color: #ffffff;
    transform: translate(-50%, -50%);
}

.product-main.muted .volume-icons-wrapper i.fa-volume-off,
.product-main.unmuted .volume-icons-wrapper i.fa-volume-up {
    display: block;
}.search-product-data-wrapper {
    display: none;
}

.product-favorite {
    font-size: 15px;
    display: inline-block;
}

.product-favorite .icon {
    margin-right: 5px;
}.product-infobox{
    padding: 10px 15px;
    border-bottom-width: 0;
    background: #f3f3f3;
    color: #575757;
    margin: 0 auto;
}

.product-infobox:last-child{
    border-bottom-width: 1px;
    margin-bottom: 20px;
}

.product-attributes-wrapper .product-help-link.atribute-size-modal-btn {
    display: none;
}

.product-quantity-info.product-quantity-info-circle {
    line-height: 34px;
}

.product-quantity-info.product-quantity-info-circle .quantity-nb {
    border: 1px solid #89c03c;
    border-radius: 36px;
    min-width: 36px;
    height: 36px;
    display: inline-block;
    margin-right: 5px;
    font-weight: 400;
    text-align: center;
    padding: 0 7px;
}

.product-quantity-info.product-quantity-info-circle .quantity-nb.low-quantity {
    border: 1px solid #ed1c24;
}
.product-detail-buy{
    margin-bottom: 20px;
}

.product-detail-buy &gt; .price-info{
    display: none;
}

.product-detail-buy .product-quantity-wrapper {
    display: inline-block;
    float: left;
}

.product-quantity-arrows{
    width: 25px;
    float: left;
}

.product-quantity-arrows i{
    border:1px solid #d9d9d9;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    padding: 0 2px;
    font-size: 8px;
    display: block;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: 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;
}

.product-quantity-arrows i:hover{
    background: #d9d9d9;
}

.shop-button-qnt,
.shop-button-qnt-soonSale{
    min-width: 230px;
    height: 40px;
    margin-left:10px;
    margin-bottom: 0px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.2);
    padding-right: 60px;
    padding-left: 40px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}

.shop-button-qnt:before,
.shop-button-qnt-soonSale:before{
    position: absolute;
    width: 40%;
    min-width: 50px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 160%;
    font-weight: 400;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    line-height: 1px;
    height: 1px;
}

.products-detail-wrapper .heading-wrapper .title .packaging-unit {
    display: none;
}
.product-buy-bobble {
    position: relative;
    width: max-content;
    display: block;
}

.product-buy-bobble .btn-wrapper {
    cursor: pointer;
}

.product-buy-bobble .shop-button-qnt {
    pointer-events: none;
    margin-left: 0;
}

.product-buy-bobble .product-detail-buy &gt; .heading-wrapper,
.product-buy-bobble .product-quantity-wrapper {
    display: none;
}

.product-buy-bobble .product-buy-size-bobble {
    position: absolute;
    top: -20px;
    left: calc(50% - 106px);
    width: 212px;
    transform: translateY(-100%);
    z-index: 1000;
    background: #ffffff;
    padding: 10px;
    border: 1px solid #d5d5d5;
    opacity: 0;
    pointer-events: none;
}

.product-buy-bobble.active .product-buy-size-bobble {
    pointer-events: auto;
    opacity: 1;
}

.product-buy-bobble .product-buy-size-bobble:after,
.product-buy-bobble .product-buy-size-bobble:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid #d5d5d5;
    border-right-color: transparent;
    border-left-color: transparent;
    left: calc(50% - 10px);
    border-bottom-width: 0;
    bottom: -11px;
}

.product-buy-bobble .product-buy-size-bobble:after {
    border-color: #ffffff;
    border-right-color: transparent;
    border-left-color: transparent;
    bottom: -10px;
}

.product-buy-bobble .product-buy-size-bobble .input-quantity-wraper {
    position: relative;
    height: 40px;
}

.product-buy-bobble .product-buy-size-bobble .input-quantity-wraper label {
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 3px;
    left: 10px;
    z-index: 10;
    pointer-events: none;
}

.product-buy-bobble .product-buy-size-bobble .input-quantity-wraper input.quantity-nb {
    line-height: 45px;
    font-size: 16px;
    padding: 16px 10px 0;
    margin: 0;
    height: 40px;
}

.product-buy-bobble .product-buy-size-bobble .input-quantity-wraper .add-to-cart-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    line-height: 40px;
    padding: 0;
    width: 40px;
}

.product-buy-bobble .product-buy-size-bobble .input-quantity-wraper .form-group,
.product-buy-bobble .product-buy-size-bobble .input-quantity-wraper .form-group .form-control {
    margin: 0;
    height: 40px;
}

.product-buy-bobble .product-buy-size-bobble .product-attributes-wrapper {
    margin-bottom: 10px;
}

.product-buy-bobble .product-buy-size-bobble .quantity-button-wrapper {
    margin-bottom: 10px;
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
}

.product-buy-bobble .product-buy-size-bobble .quantity-button-wrapper .item,
.product-buy-bobble .product-buy-size-bobble .product-attributes li {
    width: calc(20% - 8px);
    border: 1px solid transparent;
    margin: 4px;
    line-height: 28px;
    height: 28px;
    position: relative;
    padding: 0;
    min-width: auto;
    float: left;
    color: #000000;
}

.product-buy-bobble .product-buy-size-bobble .quantity-button-wrapper .item:hover,
.product-buy-bobble .product-buy-size-bobble .product-attributes li:hover {
    border: 1px solid #cccccc;
}

.product-buy-bobble .product-buy-size-bobble .quantity-button-wrapper .item:not(:nth-child(5n)):after,
.product-buy-bobble .product-buy-size-bobble .product-attributes li:not(:nth-child(5n)):after {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    width: 1px;
    height: calc(100% + 10px);
    background: #cccccc;
}
/* - FIX - */

a:hover, a:focus{
    color: #0097E0;
}

input::placeholder,
.form-control::placeholder {
    color: transparent;
}

.product-listing-filters .filter-group .filter-category-menu &gt; ul &gt; li.active a {
    font-weight: 600;
    color: #0097E0;
}

.main-product-info div{
    font-size: 13px;
}

.product-compare i:before{
    content: url("../../images/nbshop5_namestaj/uporedi.svg");
    width: 15px;
    height: 15px;
    position: absolute;
    top: 27px;
    left: -16px;
}


.caption-icons .quick-view i:before{
    content: url("../../images/nbshop5_namestaj/brzi_pregled.svg");
    width: 15px;
    height: 15px;
    position: absolute;
    top: 3px;
    left: -16px;
}

.caption-icons .favorite i:before,
.last-viewed-slider .action-btn-wrapper .favorite i:before{
    content: url("../../images/nbshop5_namestaj/srce.svg");
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50px;
    left: -16px;
}

.similar-products-slider .caption-icons .favorite i:before,
.product-slider.product-list .caption-icons .favorite i:before{
    top: -17px;
    left: -17px;
}

.product-slider.product-list .caption-icons .favorite i:before{
    top: -10px;
}

.caption-icons .quick-view i:before{
    top: 20px;
}

.last-viewed-slider .caption-icons .favorite i:before{
    top: -20px;
    left: -17px;
}

.last-viewed-slider .caption-icons .quick-view i:before,
.product.product-listing-items .caption-icons .quick-view i:before{
    top: 5px !important;
}
.caption-icons .favorite.pulse i:before{
    top: 5px;
}

.products-detail-wrapper .product-compare i:before{
    top: 3px;
    position: relative;
    left: 0;
    width: 15px;
    height: 15px;
}

.products-detail-wrapper .product-compare i {
    width: 15px;
    height: 15px;
}

.products-detail-wrapper .product-compare .text {
  font-size: 12px;
}

.products-detail-wrapper .product-compare{
    display: inline-block;
    margin-left: 15px;
}

.product-compare .remove-product .fa-times:before {
    font-size: 26px;
    line-height: 1;
    top: 2px;
    left: 8px;
}

.btn-wrapper .product-link i:before{
    content: url("../../images/nbshop5_namestaj/korpa.svg");
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: -6px;
}

.article .item {
    margin-bottom: 0;
}

.article.article-list-alternately .post-item-listalternately {
    padding: 0;
}

#search-text::placeholder {
    color: inherit;
}

.btn {
    border-radius: 0 !important;
}

.storelocator-filter .feature-filter {
    margin-top: 10px;
}

.grid-slider .text-wrapper .title {
    line-height: 22px;
}

.nav-main &gt; li &gt; a &gt; i {
    display: none;
}

.storelocator-filter .icon.icon-search {
    top: 55px;
    right: 30px;
}

.cart-address .cart-description a:hover {
    color: #0097E0;
}

.page .heading-wrapper {
    margin-bottom: 25px;
}

.company-info .item span.content:hover{
    color: #0097E0;
}
.note {
    border-color: #0097E0;
}

.left-info .iradio_flat {
    margin: 3px 0;
    margin-right: 4px;
}

.left-info .btn-success {
    margin-top: 15px;
    min-width: 155px;
}

.modal .form-group.form-group-checklabel {
    margin-bottom: 5px;
}

.bordered-items-setting .item {
    /*border: 1px solid #D3D2D2;*/
    border: 1px solid transparent;
    border-right: 1px solid #d3d2d2;
    border-bottom: 1px solid #d3d2d2;
}

.bordered-items-setting .item:hover {
    border: 1px solid #0097E0;
    box-shadow: none;
}

/* header top */
.quick-links{
    float: left;
}
.header-favorite.header-favorite-circle-top-right .icon-wrapper .icon{
    margin-bottom: 5px;
}
.header-favorite.header-favorite-circle-top-right .icon-wrapper .icon::before {
    content: url("../../images/nbshop5_namestaj/heart_daikin.png");
    color: #000000 !important;
}

.header-cart .mini-cart.mini-cart-circle-top-right:hover .description {
    color: #0097E0;
}

.header-top .nav.nav-simple &gt; li a {
    text-transform: uppercase;
}
.header-top a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.header-top p,
.header-top span,
.header-top a {
    color: #000000;
    font-size: 13px;
}

.header-top{
    background: #ffffff;
    min-height: 32px;
    line-height: 32px;
}

.header-top.fixed-style {
    top: 0;
}

.header-top .nav.nav-simple &gt; li a i{
    display: none;
}

.nav.nav-simple &gt; li img{
    vertical-align: sub;
}
.header-top .user .nav.nav-simple &gt; li{
    padding-right: 0;
}

.header-top .user .nav.nav-simple &gt; li.item-username a span {
    transition: color 0.3s ease-in-out;
}

.header-top .user .nav.nav-simple &gt; li.item-username a:hover span {
    color: #0097E0;
}

.header-top .quick-links .nav.nav-simple &gt; li{
    padding-left: 0;
}

.smallimages-slider .slick-dots li{
    display: none;
}
/* Headline slider */
.handlines-sldier {
    border-bottom: 1px solid #eeeeee;
    line-height: 30px;
    margin: 0;
    width: 100%;
    overflow: hidden;
    height: 30px;
}

.handlines-sldier .item {
    color: #000000;
}

/* main navigation */
.nav-main-wrapper{
    background: #ffffff;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    height: 42px;
    text-align: center;
}

.nav-main-wrapper &gt; .container {
    position: relative;
}

.header.header-v3 .nav-main-wrapper .nav-main {
    -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.header-v3 .nav-main-wrapper .nav-main.static {
    position: static !important;
}

.nav-main &gt; li &gt; a{
    color: #231F20;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    padding: 9px 15px;
}

.nav-main &gt; li &gt; a:first-child {
    /*padding-left: 0;*/
}

.nav-main &gt; li &gt; a:hover, .nav-main &gt; li.active &gt; a {
    background: transparent;
    border-bottom: 2px solid #0097E0;
}

.level3 .nav-main-submenu-wrapper,
.level4 .nav-main-submenu-wrapper {
    background: transparent;
    width: 100%;
}

.level3 .nav-main-submenu-wrapper &gt; .container,
.level4 .nav-main-submenu-wrapper &gt; .container {
    width: 240px;
    margin: -1px 0 0;
    background: #ffffff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}

.nav-main-dropdown-wrapper.loaded{
    top: 41px !important;
}

.level3 .nav-main-submenu .nav-main-dropdown-wrapper,
.level4 .nav-main-submenu .nav-main-dropdown-wrapper {
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    background: #ffffff;
    width: 940px;
    max-width: calc(100vw - 280px);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.level3 .nav-main-submenu &gt; li,
.level4 .nav-main-submenu &gt; li {
    height: auto;
    min-height: 32px;
}

.level3 .nav-main-submenu &gt; li &gt; a,
.level4 .nav-main-submenu &gt; li &gt; a{
    position: relative;
    padding: 0 25px 0 10px;
}

.level3 .nav-main-submenu &gt; li &gt; a:hover,
.level4 .nav-main-submenu &gt; li &gt; a:hover{
    color: #0097E0;
}

.level3 .nav-main-submenu &gt; li &gt; a &gt; i,
.level4 .nav-main-submenu &gt; li &gt; a &gt; i {
    position: absolute;
    top: calc(50% - 16px);
    right: 10px;
}

.level3 .nav-main-submenu &gt; li &gt; a &gt; h5,
.level4 .nav-main-submenu &gt; li &gt; a &gt; h5 {
    line-height: 20px;
    padding: 6px 0;
    text-transform: none;
}

.level3 .nav-main-submenu &gt; li &gt; a{
    color: #000000;
    text-transform: uppercase;
}

.nav-main-dropdown li.title a{
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    margin: 15px 0;
}

.brand .nav-main-dropdown ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.brand .nav-main-dropdown ul li {
    -webkit-flex: 1;
    flex: 1;
    min-width: 25%;
}

/* dropdown */
.heading-wrapper-inline{
    border-bottom: none;
    text-align: left;
    margin-bottom: 25px;
}

.nav-main-dropdown h5{
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
}

.nav-main-dropdown li{
    float: none;
    text-align: left;
}

.nav-main-dropdown li &gt; a, .nav-main-dropdown .nav-main &gt; li &gt; a{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
    line-height: normal;
    padding: 5px 0;
}

.nav-main-dropdown-item .heading-wrapper-inline{
    padding: 0;
}
.nav-main-dropdown li &gt; a:hover{
    color: #0097E0;
}

.nav-main-dropdown-wrapper{
    box-shadow: none;
    background: rgba(255, 255, 255, 1);
    border-bottom: 1px solid #EEEEEE;
}

.nav-main-dropdown-inner{
    background: transparent;
}

.nav-main-dropdown-inner .slider-wrapper .heading-wrapper-inline{
    display: none;
}

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

.nav-main-dropdown .slider-navigation-absolute{
    display: none;
}

.nav-main-submenu-wrapper{
    background: #ffffff;
}

.level4 .nav-main-submenu &gt; li &gt; a{
    color: #000000;
}

.level4 .nav-main-submenu &gt; li &gt; a:hover,
.level4 .nav-main-submenu &gt; li &gt; a:visited{
    color: #0097E0;
}
/* autocomplete */
.autocomplete-button{
    padding: 10px 0;
}

.autocomplete-button .icon-search{
    background: url('../../images/nbshop5_namestaj/search.svg');
    width: 16px;
    height: 16px;
}
.autocomplete-button .icon-search:before{
    display: none;
}

.autocomplete-button .title{
    font-size: 12px;
    color: #515151;
}
.autocomplete h4 {
    padding: 0;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-align: left;
    color: #000000;
}
.catalog-autosuggest .catalog-title{
    color: #000000;
    font-size: 14px;
}

.main-4level-with-search-input .autocomplete-button{
    margin-top: 0;
    padding: 8px 5px;
}

.main-4level-with-search-input .autocomplete-wrapper{
    top: 0;
}
.main-4level-with-search-input .autocomplete-button .icon{
    margin: 4px 0 0 10px;
    font-size: 18px;
    line-height: 10px;
    display: inline-block;
    vertical-align: middle;
}

.main-4level-with-search-input .autocomplete-button .icon::before {
    content: url("../../images/nbshop5_namestaj/search_daikin.png");
}

.autocomplete,
.autocomplete-wrapper{
    border: none;
}

.main-4level-with-search-input .autocomplete-close{
    margin-top: 3px;
    color: #000000;
    font-size: 12px;
    top: 17px;
    right: 9px;
    z-index: 999;
}


.main-4level-with-search-input .autocomplete-close:hover{
    color: #000000;
}
.main-4level-with-search-input .autocomplete-button .title{
    font-size: 12px;
}

.main-4level-with-search-input .autocomplete-input{
    border-bottom: none;
    height: 40px;
    padding: 10px;
    max-width: 340px;
    float: right;
    top: 0px;
    position: absolute;
    z-index: 9;
    right: 4px;
}


.autocomplete-input::-webkit-input-placeholder{
    font-size: 12px;
    color: #ababab;
}
.autocomplete-results{
    height: 500px;
    display: none;
    max-width: 340px;
    float: right;
    border-top: 0;
}

.autocomplete-input::-webkit-input-placeholder{
    font-size: 12px;
    color: #ababab;
}
.autocomplete-results{
    max-height: 500px;
    border: 1px solid #EEEEEE;
}

.autocomplete-results::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.autocomplete-results::-webkit-scrollbar
{
    width: 3px;
    background-color: #F5F5F5;
}

.autocomplete-results::-webkit-scrollbar-thumb
{
    background-color: #000000;
}

.autocomplete-results .product-code{
    display: none;
}

.autocomplete-results .product-category{
    display: none;
}

.article-autosuggest .item .content{
    min-height: 30px;
    padding: 15px;
    line-height: normal;
    height: auto;
}
.autocomplete-results .img-wrapper{
    margin-bottom: 10px;
}

.autocomplete-results .product-title{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
    text-transform: uppercase;
    text-align: left;
}

.autocomplete-results .product-prices {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #000000;
}

.autocomplete-results .product-prices .product-price {
    font-weight: 700;
}

.autocomplete-results .product-prices .product-prev-price  {
    font-weight: 400;
    text-decoration: line-through;
    color: #ababab;
}

.autocomplete-results .product-prev-price{
    text-align: left;
}

/* logo */
.header .logo {
    padding: 5px 0 18px;
}

/* cart */

.header-cart-item .items-wrapper {
    max-height: 280px;
    overflow: auto;
}

.header-cart-item .items-wrapper .item .content{
    width: 173px;
}
.header-cart .icon{
    background: url('../../images/nbshop5_namestaj/cart_daikin.png') no-repeat;
    width: 20px;
    height: 20px;
}

.header-cart-item .items-wrapper .item a.product-item-remove i {
    position: absolute;
    display: block;
    right: 10px;
    width: auto;
    height: auto;
    background: none;
}

.header-cart-item .items-wrapper .item a.product-item-remove i::before {
    content: "\f00d";
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: normal;
    font-size: 14px;
    text-rendering: auto;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.header-cart .icon:before{
    display: none;
}

.header-cart .mini-cart.mini-cart-circle-top-right .header-carthor-total {
    background: #0097E0;
}

.mini-cart.mini-cart-circle-top-right .icon-wrapper .icon:before {
    content: none;
}

.header-cart .mini-cart.mini-cart-circle-top-right .icon-wrapper .description {
    bottom: -13px;
}

/* cart dorpdown */

.header-cart-item .items-wrapper .item .content .title{
    line-height: normal;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
}
.header-cart-item .items-wrapper .item .content .price{
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #000000;
}
.header-cart-item .header-cart-toggle{
    padding: 0;
    top: 38px;
    right: -20px;
    width: 300px;
}
.header-cart-item .heading-wrapper .title{
    padding-left: 10px;
    line-height: 36px;
    text-align: left;
}
.header-cart-item .heading-wrapper i{
    display: none;
    font-size: 10px;
}

.header-cart-item .items-wrapper .item{
    height: 80px;
    padding: 10px 0 10px 10px;
}
.header-cart-item .items-wrapper .item .content{
    padding-left: 15px;
    text-align: left;
}
.header-cart-item .footer-wrapper .btn{
    margin-right: 0;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    padding: 10px 20px;
}
.header-cart-item .footer-wrapper .total-price{
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
}
.header-cart-item .footer-wrapper{
    text-align: left;
    margin-top: 0;
}
.header-cart-item .subtitle{
    color: #000000;
    font-size: 12px;
    margin-top: 10px;
}
.header-cart-item .footer-wrapper .subtitle {
    display: none;
}
.header.header-v3 .container .right-content {
    right: 20px;
}

.header.header-v3 .autocomplete-button{
    position: absolute;
    right: 10px;
    text-align: right;
    padding: 7px 5px;
    margin: 1px 0;
}

.header-cart .header-cart-toggle .icon{
    display: none;
}

/* favorite */
.header-favorite.header-favorite-circle-top-right .favorite-header-total {
    background: #0097E0;
}


/* main slider */
.main-slider .slider-arrow i{
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
}

.slider.main-slider .slider-arrows{
    opacity: 1;
    padding: 15px;
}
.slider.main-slider .item .text-wrapper{
    text-shadow: none;
}
.slider.main-slider .item .content{
    left: 10%;
    transform: none;
    text-align: left;
    min-height: 250px;
    max-width: 400px;
    background: rgba(255,255,255,0.5);
    padding: 25px;
}

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

.slider.main-slider .item .text-wrapper .title{
    text-align: left;
    margin-bottom: 30px;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 30px;
    color: #000000;
    text-transform: none;
}
.slider.main-slider .item .text-wrapper .title:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -15px;
    height: 1px;
    width: 40px;
    background: #0097E0;
}
.slider.main-slider .item .text-wrapper .description{
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
}
.slider.main-slider .item .btn-wrapper{
    position: absolute;
    bottom: 25px;
    left: 25px;
    width: auto;
}
.slider.main-slider .item .btn-wrapper .btn-slider{
    background: #000000;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    padding: 10px 53px;
    border-radius: 0;
}
.slider.main-slider .item .btn-wrapper .btn-slider:hover{
    background: #000000;
}
.slider .slick-dots li button:before{
    width: 50px;
    height: 2px;
    border-radius: 0;
}
.slider .slick-dots li.slick-active button:before{
    width: 50px;
    height: 2px;
    border-radius: 0;
    background: #0097E0;
    box-shadow: none;
}
.slider .slick-dots li{
    width: 50px;
}

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

/* product slider */
.product .item .options-wrapper{
    display: none;
}

.outfit-slider.product .item .options-wrapper{
    display: block;
    opacity: 1;
}

.product.service-products-slider .item .options-wrapper{
    display: block;
    margin: 0px 0px;
    opacity: 1;
    border: 0;
}

.service-products-slider .product-list-quantity-wrapper .product-list-quantity{
    float: left;
    width: 38px;
    height: 39px;
    border-right: 1px solid #e8e8e8;
    display: inline-block;
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    left: 23px;
    position: absolute;
}


.item-service-wrapper .product-list-quantity-wrapper{
    display: none;
}

.service-products-slider .product-list-quantity-wrapper .product-list-quantity input{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
}

.product-slider.product.service-products-slider{
    margin-top: 20px;
}


.service-products-slider.product .item .options-wrapper .product-sizes{
    position: relative;
    text-align: left;
    min-height: 40px;
}

.product-slider.product.outfit-slider{
    margin-top: 0;
}

.service-products-slider .product-list-quantity-wrapper{
    border: 1px solid #e8e8e8;
    width: 84px;
    height: 40px;
    background: #ffffff;
    position: relative;
    margin-left: 0px;
    display: none;
}

.service-products-slider .item .text-wrapper .prices-wrapper{
    padding-bottom: 5px;
}

.product-list-quantity-wrapper .product-list-quantity{
    float: left;
    width: 38px;
    height: 40px;
    border-right: 1px solid #e8e8e8;
    display: inline-block;
    border-left: 1px solid #e8e8e8;
    left: 23px;
    position: absolute;
}

.product-list-quantity-wrapper .product-list-quantity-arrows{
    width: 24px;
    height: 40px;
    font-size: 10px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    float: left;
    position: absolute;
}

.product-list-quantity-wrapper .product-list-quantity-arrows.quantity-up{
    right: 0;
}

.product-list-quantity-wrapper .product-list-quantity-arrows.quantity-down{
    float: left;
    display: inline-block;
    left: 0;
}
.product.service-products-slider .product-detail-buy .heading-wrapper .title{
    border: 0;
}

.product.service-products-slider .item .btn-wrapper .shop-button-qnt{
    background: #ffffff;
    border: 1px solid #0097e0;
    color: #0097e0;
    box-shadow: none;
    font-weight: 600;
}

.outfit-slider .product-list-quantity-wrapper{
    display: none;
}

.outfit-slider.product .item .options-wrapper .product-sizes.quantity-active .btn.buyButtonOnLists{
    width: 150px;
    margin-left: 0;
    background: #0097e0;
    color: #ffffff;
}

.outfit-slider.product .item .text-wrapper{
    padding: 15px 5px;
}

.product .item .img-overlay{
    width: 35px;
    right: 0;
    left: auto;
    background: rgba(225,225,225,0.2);
}
.product .heading-wrapper.heading-wrapper-bordered:before{
    display: none;
}
.product .heading-wrapper .title{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #000000;
    text-align: left;
    border-bottom: 1px solid #eeeeee;
}

.profile .product .heading-wrapper .title {
    border-bottom: 0;
}

.loyalty-card-image {
    margin-top: 50px;
}

.product .heading-wrapper.heading-wrapper-bordered h2{
    color: #000000;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 9px;
}
.product-slider &gt; .slider-navigation-absolute{
    top: 10px;
    width: 40px;
    left: auto;
    right: 0;
}
.product .slider-arrow i{
    font-size: 22px;
    color: #818181;
}
.product .slider-arrow i:hover{
    color: #0097E0;
}
.product .slider-arrows .slider-prev:before{
    content: '/';
    position: absolute;
    right: 16px;
    top: 1px;
    color: #8f8c8c;
    font-size: 22px;
}
.product-slider &gt; .slider-init &gt; .slick-list{
    margin: 0;
    padding: 0;
}
.product-slider.product{
    padding: 0;
    margin-top: 50px;
}

.product-slider.product-list{
    margin-top: 0;
}

.product .item .img-wrapper{
    border: 1px solid #ffffff;
    border-bottom: none;
    margin-bottom: 0;
}
.product .item.grid-view .img-wrapper{
    margin-bottom: 0;
    padding: 0 0px;
    border: 1px solid transparent;
    border-bottom: 0;
}
.product .item:hover .img-wrapper{
    border-color: #dedede;

    margin-bottom: 0;
}
.product .item .text-wrapper .category-wrapper{
    display: none;
}

.product-slider.product .item{
    padding: 0;
    margin-right: 2px;
}

.product .item .text-wrapper .title{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
}
.product .item .text-wrapper .title a{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
    text-transform: uppercase;
}
.product .item .text-wrapper{
    padding: 15px;
    border: 1px solid #ffffff;
    border-top: none;
    height: inherit;
}
.product .item:hover .text-wrapper{
    border-color: #dedede;
    border-top: none;
}

.product.outfit-slider .item:hover .text-wrapper{
    border-color: transparent;
}

.product .item .text-wrapper .prices-wrapper .current-price {
    font-size: 16px;
}

.product.service-products-slider .item .text-wrapper .prices-wrapper .current-price{
    font-size: 14px;
}

.product .item .text-wrapper .prices-wrapper .current-price.price-with-discount {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #000000;
}
.product .item .btn-wrapper a.quick-view {
    display: none;
}
.product .item .btn-wrapper a.product-link span{
    display: none;
}
.product .item .btn-wrapper a{
    min-width: 16px;
}
.product .item .btn-wrapper{
    position: absolute;
    right: 0;
    bottom: 65px;
    left: auto;
    top: auto;
    opacity: 0;
}

.sidebar-product-compare .sidebar-body{
    margin-right: 0;
    width: 195px;
}

.sidebar-product-compare .sidebar-body li.item{
    padding: 0;
    margin-top: 5px;
}

.sidebar-product-compare .sidebar-body li.item &gt; i{
    font-size: 19px;
    font-weight: 600;
    line-height: 24px;
    position: absolute;
}

.sidebar-product-compare .sidebar-body li.item &gt; i:before,
.product-compare .fa-times:before{
    content: '\00d7';
}

.product-compare .fa-times:before{
    font-size: 26px;
    line-height: 33px;
}

.product-compare-main .headline{
    font-size: 15px;
    font-weight: 600;
    height: 50px;
    line-height: 20px;
}

.sidebar-product-compare .sidebar-body li.item .content{
    width: 145px;
}

.sidebar-product-compare .sidebar-body li.item .content .title {
    line-height: 16px;
    width: 100%;
    max-height: 35px;
    height: 35px;
    margin-bottom: 2px;
    overflow: hidden;
    padding-left: 5px;
    padding-top: 2px;
    color: #000000;
}


.sidebar-product-compare.active #product-compare-sidebar-content, .sidebar-product-compare:hover #product-compare-sidebar-content{
    width: 225px;
}

.sidebar-footer a{
    text-transform: none;
    font-width: 400;
}

.product.service-products-slider .item .btn-wrapper{
    position: absolute;
    right: -75px;
    bottom: -20px;
    left: auto;
    top: auto;
    opacity: 1;
}

.product.service-products-slider .item .btn-wrapper .shop-button-qnt{
    width: 165px;
    display: inline-block;
}

.product-link .icon-arrow-read-more:before{
    display: none;
}

.product .item .caption-icons .icon{
    color: #000000;
    font-size: 16px;
    margin-top: 5px;
}
.product-listing .product-item .img-wrapper .caption-icons i{
    font-size: 17px;
    color: #000000;
}

.product-listing-filters .reset-tag-wrapper{
    border-top: 0;
    padding: 5px 0 10px;
}
.product-slider.product .item .social-share{
    display: none;
}
.product .item .btn-wrapper i{
    margin-left: 0;
}
.grid-slider.product-quickview-grid-slider .item .title{
    text-align: left;
    text-transform: none;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.grid-slider.product-quickview-grid-slider .item .description{
    font-size: 12px;
}
.product .item .caption-icons{
    right: 7px;
}

.product .item .options-wrapper .product-sizes .btn-sizes{
    display: none;
}

.product .item .options-wrapper .product-sizes .btn.buyButtonOnLists {
    padding: 6px 0;
}

.product-generic-tabs .slick-track{
    left: 0 !important;
}
/* banners */

.banner-two-slider .content{
    display: none;
}
.grid-slider.banner-two-slider{
    margin-bottom: 20px;
}
.banner-horizontal-slider .content{
    display: none;
}
.banner-vertical-slider .content{
    display: none;
}
.banner-two-slider .item .img-responsive{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.banner-two-slider .item:hover .img-responsive{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.banner-two-slider .item .img-wrapper:after{
    display: none;
}
.banner-horizontal-slider .item .img-responsive{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.banner-horizontal-slider .item:hover .img-responsive{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.banner-horizontal-slider .item .img-wrapper:after{
    display: none;
}
.banner-vertical-slider .item .img-responsive{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.banner-vertical-slider .item:hover .img-responsive{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.banner-vertical-slider .item .img-wrapper:after{
    display: none;
}


/* home blog */

.home_blog-slider{
    margin-bottom: 0;
}
.home_blog-slider .text-wrapper .title{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    position: relative;
    line-height: 22px;
    color: #000000;
    height: 45px;
    margin-bottom: 10px;
}

.home_blog-slider .text-wrapper .title:before{
    display: none;
}

.home_blog-slider .text-wrapper .description{
    font-size: 14px;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
    text-align: center;
    height: 44px;
    overflow: hidden;
}

.home_blog-slider .text-wrapper .description p {
    margin-bottom: 0;
}

.home_blog-slider .img-wrapper{
    border: 1px solid #eee;
    border-bottom: none;
}
.home_blog-slider .content{
    border: 1px solid #eee;
    border-top: none;
    padding: 30px 20px;
}
.home_blog-slider .item .text-wrapper{
    margin-top: 0;
}
.home_blog-slider .btn-wrapper{
    position: absolute;
    top: calc(50% - 52px);
    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%);
    margin-top: 0;
    opacity: 0;
    width: calc(100% - 20px);

}
.home_blog-slider .btn-wrapper .btn-slider{
    background: transparent;
    border: 2px solid #000000;
    color: #000000;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding: 11px 30px;
    line-height: normal;
    border-radius: 0;
}
.home_blog-slider .btn-wrapper .btn-slider:hover{
    background: #000000;
    color: #ffffff;
    border: 2px solid #000000;
}
.home_blog-slider .item:hover .btn-wrapper{
    opacity: 1;
}
.home_blog-slider .item:hover .img-wrapper:after{
    background: rgba(255,255,255,0.7);
}

/* Home Category slider */
.product_categories_home-slider .heading-wrapper .title{
    text-align: left;

}
.product_categories_home-slider .heading-wrapper .title h2{
    text-align: left;
    color: #000;
    font-size: 20px;
    font-weight: 700;
}
.product_categories_home-slider .item{
    margin-bottom: 20px;
}
.product_categories_home-slider .item .content .text-wrapper{
    display: none;
}
.product_categories_home-slider .item .content .btn-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%);
    margin-top: 0;
}
.product_categories_home-slider .item .content .btn-wrapper a{
    opacity: 0;
    background: transparent;
    border: 2px solid #000;
    color: #000;
    font-size: 14px;
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    padding: 11px 30px;
    line-height: normal;
    border-radius: 0;
    max-width: 100%;
}
.product_categories_home-slider .item .content .btn-wrapper a:hover{
    background: #000000;
    color: #ffffff;
}
.product_categories_home-slider .item:hover .content .btn-wrapper a{
    opacity: 1;
}
.product_categories_home-slider .item:hover .img-wrapper:after {
    background: rgba(255,255,255,0.7);
}

/* grid slider footer */
.grid-slider.intro-slider .item:before{
    display: none;
}

.grid-slider.intro-slider{
    margin: 25px auto 20px;
    height: auto;
}
.grid-slider.intro-slider .text-wrapper .title{
    color: #000000;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.grid-slider.intro-slider .text-wrapper .description{
    color: #000000;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.grid-slider.intro-slider .item:last-child:after{
    display: none;
}
.grid-slider.intro-slider .item .img-wrapper img{
    height: auto;
    margin-right: 0;
}

.grid-slider.intro-slider .content{
    margin-top: 20px;
}

/* newsletter */
.newsletter.fullwidth-center{
    padding: 30px 50px 40px;
    text-align: left;
    margin-bottom: 40px;
    border: 0;
}
.newsletter.fullwidth-center .form-group input{
    width: 370px;
    background: #ffffff;
    display: inline-block;
    height: 38px;
    color: #515151;
    border: 1px solid #eeeeee;
}
.newsletter.fullwidth-center .form-group{
    float: left;
}
.newsletter.fullwidth-center .form-group input::-webkit-input-placeholder,
.newsletter.fullwidth-center .form-group input:-moz-placeholder,
.newsletter.fullwidth-center .form-group input:-ms-input-placeholder{
    text-transform: uppercase;
    font-size: 12px;
    color: #515151;
}
.newsletter.fullwidth-center .heading-wrapper{
    margin: 0 0 20px;
}
.newsletter.fullwidth-center .heading-wrapper .title h5{
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    text-align: left;
}

.newsletter.fullwidth-center .description{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #000000;
    text-align: left;
    margin: 0 0 20px;
}
.newsletter.fullwidth-center .btn-wrapper{
    display: inline-block;
}
.newsletter.fullwidth-center .btn-wrapper .btn{
    padding: 7px 0;
    text-align: center;
    background-color: #0097e0;
    height: 37px;
    color: #ffffff;
    width: 200px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-weight: normal;
    font-size: 14px;
    border: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.newsletter.fullwidth-center .btn-wrapper .btn:hover{
    background: #54C3F1;
    opacity: 0.95;
    font-size: 0;
    background-image: url('../../images/nbshop5_namestaj/icon-mail.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.newsletter.fullwidth-center .validation-errors-list{
    bottom: 0px;
}

#newsletter_form {
    position: relative;
}

.newsletter.fullwidth-center .alert.alert-danger {
    max-width: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    left: 0;
    bottom: -35px;
    display: block;
    font-size: 12px;
}

.validation-errors-list{
    max-width: 230px;
}

#lost_password_modal .modal-footer .btn:first-child{
    width: 100%;
}

/* Brands */
.brands-slider-slider {
    margin: 45px auto;
}

.brands-slider-slider .img-wrapper {
    max-width: 120px;
    margin: auto;
}

.brands-slider-slider .text-wrapper,
.brands-slider-slider .button-wrapper {
    display: none;
}

/* footer */

.footer h5,
.footer .h5 {
    font-weight: 600;
}

.footer .logo {
    margin-top: 0px;
    padding: 20px;
}
.footer-wrapper{
    background: #fafafa;
    padding-bottom: 15px!important;
}
.heading-wrapper .title{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    font-size: 14px;
}
.footer .nav.items-wrapper .item a{
    color: #515151;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.social-icon .item,
.social-share .item {
    padding: 0;
    margin-right: 20px;
}

.social-share .item {
    margin-right: 5px;
    vertical-align: middle;
}

.social-icon .item a,
.social-share .item a,
.social-share .item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 37px;
    height: 37px;
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    transition: background-color 0.4s ease-in-out,
    border-color 0.4s ease-in-out;
}

.social-icon .item a:hover {
    background-color: #0097E0;
    border-color: #0097E0;
}

.social-share .item a:hover {
    border-color: #0097E0;
}

.social-icon .item a:hover img {
    filter: brightness(0) invert(1);
}

.footer .nav.items-wrapper .item{
    color: #000000;
}

.nav&gt;li&gt;a:hover,
.nav&gt;li&gt;a:focus{
    background-color: transparent;
    color: #0097E0;
}
.item-login:hover span{
    color: #0097E0;
}
.footer .nav.items-wrapper .item a:hover{
    color: #0097E0;
}
.footer .heading-wrapper .title{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
}

.copyright{
    color: #515151;
    font-size: 12px;
    width: 100%;
    /*border-top: 1px solid #eeeeee;*/
    border: 0;
    text-align: center;
    padding: 15px 0;
    background: transparent;
}
.copyright a{
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
}
.copyright a:hover{
    color: #0097E0;
}
.social-icon .description{
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.footer .company-info{
    padding-top: 0;
}
.payment-card{
    background: transparent;
    box-shadow: none;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 15px;
}
.payment-card .item .img-wrapper img{
    height: 25px;
}
.footer-social-payment{
    padding: 35px 0;
}

.disclaimer{
    padding-top: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    color: #515151;
    border-color: #bdbdbd;
}

.disclaimer p {
    margin: 0;
}

/* product list */
.nicescroll-rails &gt; div{
    background-color: #000000;
}
.filter-group .items-wrapper &gt; li.form-group-checklabel label{
    line-height: 21px;
    padding: 0px 0;
    margin-left: 6px;
}
.product .item.grid-view .img-wrapper .img-hover{
    padding: 0;
}
.product-listing-intro .list-types-wrapper .item.active i,
.product-listing-intro .list-types-wrapper .item:hover i{
    color: #0097E0;
    background: transparent;
}
.product-listing-intro .list-types-wrapper .item{
    color: #000000;
}
.product-listing-intro .list-types-wrapper .item.item-list-one-item,
.product-listing-intro .list-types-wrapper .item.item-list{
    display: none !important;
}
.product-listing-intro .pagination-wrapper{
    display: none;
}
.product-listing-intro .form-group {
    display: flex;
}
.product-listing-intro .form-group .styled-select select {
    height: 35px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #a1a1a1;
    line-height: 18px;
    padding-left: 5px;
    padding-right: 20px;
    vertical-align: middle;
    padding-bottom: 11px;
}
.product-listing-intro .form-group.auto-search{
    display:none;
}
.product-listing-intro .form-group:first-child .icheck-item {
    margin: 10px 5px ;
}
.styled-select {
    background: url('../../images/nbshop5_namestaj/strelica.png') no-repeat 95% #fff;
    height: 35px;
    border-color: #EEEEEE;
}
.product-listing-intro .form-group label, .product-listing-intro .form-group span{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
    margin: 0 10px 0 0;
    line-height: 34px;
}
.product-listing-intro .form-group span{
    margin: 0 0px 0 10px;
}
.product-listing-intro .form-group-checklabel label{
    float: right;
    margin: 0 0px 0px 7px;
}
.product-listing-intro h1{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
    margin: 10px 0 0;
    line-height: 33px;
}
.selected-filters.tags{
    background: #ffffff;
}
.tags .items-wrapper .item{
    background: transparent;
}
.tags .items-wrapper .item .text{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #000000;
    float: right;
}
.tags .items-wrapper .item .close{
    width: auto;
    font-size: 10px;
    margin-left: 0;
    margin-right: 10px;
    color: #000000;
}
.tags .items-wrapper .item .close:hover{
    background: transparent;
    color: #0097E0;
}
.selected-filters.tags:before{
    width: 0;
}
.tags .products-found-wrapper .products-found{
    float: right;
    margin-left: 20px;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #000000;
}
.tags .products-found-wrapper .remove-all-tags{
    background: transparent;
    color: #000000;
    font-size: 11px;
    padding-top: 6px;
}
.tags .products-found-wrapper .remove-all-tags:hover{
    background: transparent;
    color: #0097E0;
}
.tags .items-wrapper .item .text:hover{
    color: #0097E0;
}
.product-listing-intro{
    border-bottom: 1px solid #eeeeee;
}

.products-listing.product-listing-items &gt; .row {
    display: block;
    flex-wrap: initial;
}

/* filters */
.filter-group .title{
    color: #000000;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.filter-group .form-group-checklabel label{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #515151;
}
.filter-group .items-wrapper .item.form-group-checklabel label:hover{
    color: #0097E0;
}
.product-listing-filters{
    border-right: none;
    margin-top: 15px;
}
.nicescroll-rails{
    background: #000000;
    width: 2px !important;
}

.nicescroll-rails&gt;div{
    width: 2px !important;
    background-color: #000000 !important;
}
.filter-group .items-wrapper &gt; li{
    margin-bottom: 0;
    line-height: 1.7;
}
.filter-group .items-wrapper{
    border-bottom: 1px solid #eeeeee;
}
.filter-input-search .form-control{
    height: 30px;
    font-size: 12px;
    color: #a1a1a1;
}
.filter-group .btn-search{
    background: #000000;
    padding: 6px 12px;
    border-radius: 0;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.filter-group .btn-search:hover,
.filter-group .btn-search:focus,
.filter-group .btn-search:active,
.filter-group .btn-search:focus:active {
    background: #515151;
}
.form-group-checklabel label{
    margin-left: 2px;
}
.filter-group .items-wrapper.list-inline &gt; li{
    width: 100%;
}

/* product list */
.product .item .caption-discount{
    background: #0097E0;
}
.product .item .text-wrapper .title{
    margin-bottom: 20px;
}
.product .item .text-wrapper .prices-wrapper .prev-price{
    font-size: 14px;
    line-height: 24px;
    color: #ababab;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.item-data .btn-wrapper .product-compare{
    display: none;
}

.product-compare .remove-product{
    background: #0097E0 none repeat scroll 0% 0%;
}
.limited-filters .filter-group .show-all-filters:hover{
    color: #0097E0;
}
/*.products-listing .item-data{*/
/*padding: 0;*/
/*}*/
.product-listing .product-item .social-share{
    display: none;
}.product-listing .product-item:not(.list-view){
     border: none;
 }

.product-listing .product-item:not(.list-view):hover{
    border: none;
}

/* pagination */
.pagination&gt;li&gt;a, .pagination&gt;li&gt;span{
    background: transparent;
    border: none;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
}
.pagination &gt; li &gt; a:hover{
    background: transparent;
}
.pagination &gt; li.active &gt; a,
.pagination &gt; li.active &gt; a:hover,
.pagination &gt; li.active &gt; a:focus,
.pagination &gt; li.active &gt; a:active:focus{
    background: #000000;
    color: #ffffff;
    border: none;
}

.pagination&gt;li&gt;a:hover, .pagination&gt;li&gt;span:hover, .pagination&gt;li&gt;a:focus, .pagination&gt;li&gt;span:focus{
    background: #000000;
    color: #ffffff;
}
.pagination &gt; li{
    width: 34px;
    height: 34px;
}
.icon-caret-right{
    width: 34px;
    height: 34px;
}
.icon-caret-right:before{
    content: '';
    position: absolute;
    top: 13px;
    left: 15px;
    background: url('../../images/nbshop5_namestaj/right.png') no-repeat;
    width: 6px;
    height: 10px;
}
.icon-caret-dbl-right{
    width: 34px;
    height: 34px;
}
.icon-caret-dbl-right:before{
    content: '';
    position: absolute;
    top: 13px;
    left: 13px;
    background: url('../../images/nbshop5_namestaj/right-2.png') no-repeat;
    width: 12px;
    height: 10px;
}
.icon-caret-left{
    width: 34px;
    height: 34px;
}
.icon-caret-left:before{
    content: '';
    position: absolute;
    top: 13px;
    left: 15px;
    background: url('../../images/nbshop5_namestaj/left.png') no-repeat;
    width: 6px;
    height: 10px;
}
.icon-caret-dbl-left{
    width: 34px;
    height: 34px;
}
.icon-caret-dbl-left:before{
    content: '';
    position: absolute;
    top: 13px;
    left: 15px;
    background: url('../../images/nbshop5_namestaj/left-2.png') no-repeat;
    width: 12px;
    height: 10px;
}

.product-listing .product-item.list-view{
    border: 1px solid #ffffff;
    outline: none;
    padding: 0 10px;
}
.product-listing .product-item.list-view:hover{
    background: #ffffff;
    border: 1px solid #eeeeee;
    outline: none;
}
.product-listing .product-item.list-view .img-wrapper{
    border: none;
}
.pagination &gt; li.next &gt; a:hover,
.pagination &gt; li.prev &gt; a:hover{
    background: transparent;
}

.product-images-thumbs-vertical.show-arrows .slider-navigation-absolute i{
    font-size: 15px;
}

.product-images-thumbs-vertical.show-arrows .slider-navigation-absolute .slider-next i{
    bottom: -20px;
    font-size: 25px;
}

.product-images-thumbs-vertical.show-arrows .slider-navigation-absolute .slider-prev i{
    top: -15px;
    font-size: 25px;
}

.slider.product-images-thumbs .slider-navigation-absolute{
    display: none;
}
.slider.product-main .slider-arrow i{
    font-size: 25px;
}


.slider.product-images-thumbs .item.slick-current{
    border: 1px solid #0097E0;
}
.slider.product-images-thumbs{
    margin: 5px;
}

.sidebar-product-compare .sidebar-icon,
.sidebar-product-compare .sidebar-icon &gt; span,
.sidebar-product-compare .sidebar-header{
    background: #0097e0;
}

.product-images-thumbs-vertical.show-arrows{
    margin: 0;
}

/* product detail*/
.social-share.detail-social-share .share-text{
    display: block;
    margin-bottom: 10px;
}

.social-share .item a:hover{
    color: #0097E0;
}
.products-detail-wrapper{
    margin-bottom: 0px;
}


.products-detail-wrapper .social-share {
    font-size: 0;
}

.products-detail-wrapper .social-share .item{
    padding: 0 5px;
    vertical-align: middle;
}

.product-detail-wrapper .product-details-related .heading-wrapper {
    margin-bottom: 10px;
}

.slider.product-images-thumbs .item{
    margin-bottom: 20px;
    padding: 5px;
}
.product-details {
    padding: 40px 0 0;
}

.popover-title {
    background: #0097E0;
    font-size: 9px;
    line-height: 1.5;
    text-align: left;
    padding-left: 10px;
    margin-bottom: 5px;
}

.popover,
.popover-title,
.popover-content {
    max-width: 150px;
    margin-bottom: 5px;
}

.popover {
    pointer-events: none;
}

.product-details-related .popover-content &gt; img {
    max-width: 100px;
}

.product-details h1 {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
    border-bottom: 0;
    padding-bottom: 20px;
}
.product-details-info .brand {
    display: none;
}
.product-details .product-details-info .category,
.product-details .product-details-info .category a,
.product-details .product-details-info .code {
    font-family: 'Open Sans', sans-serif;
    /*color: #000000;*/
    /*font-size: 12px;*/
    text-transform: none;
    /*font-weight: 400;*/
    color: #a0a0a0;
    font-size: 13px;
    font-weight: 300;
}
.product-details .product-details-info {
    border: none;
    border-bottom: 1px solid #EEEEEE;
}
.product-details-price .action-lowerprice{
    color: #000000;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-decoration: underline;
    margin-top: 10px;
}
.product-details-price .action-lowerprice:hover{
    color: #0097E0;
}
.product-details-price .current-price{
    color: #000000;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.product-details-price .prev-price{
    color: #ababab;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.product-details-price .price-saved{
    color: #ababab;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.product-details-info .description{
    color: #000000;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.product-details label{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
}
.products-detail-wrapper .heading-wrapper .title{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
}

.service-products-slider.product .item .options-wrapper .product-sizes .heading-wrapper .title{
    border-bottom: 0;
}
.product-details .caption-discount{
    background: #0097E0;
}

.action-available.binded-to-tab{
    border: 1px solid #000000;
    display: none;
}
.action-available.binded-to-tab:hover{
    border: 1px solid #0097E0;
}
.product-attributes li{
    padding: 6px 15px;
    background: #ffffff;
    color: #000000;
    border: 1px solid #000000;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.product-attributes li.active{
    background: #000000;
    color: #ffffff;
    border-color: #000000;
}
.product-attributes li:hover{
    color: #ffffff;
    border-color: #000000;
    background-color:#000000;
}

.product-quantity .product-quantity-input{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
}
.product-quantity{
    height: 40px;
}
.product-quantity-arrows i{
    line-height: 40px;
    height: 40px;
    font-size: 10px;
    color: #000000;
}
.product-quantity .product-quantity-helper-post{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
}
.product-quantity .product-quantity-helper-pre{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
}
.shop-button-qnt:before{
    display: none;
}
.product-quantity-arrows i:hover{
    background: #fafafa;
}
.shop-button-qnt{
    background: #0097E0;
    color: #ffffff;
    font-size: 14px;
    height: 40px;
    box-shadow: none;
    min-width: 175px;
    padding: 10px 40px;
    font-weight: 600;
}
.btn-success.shop-button-qnt:hover,
.btn-success.shop-button-qnt:focus,
.btn-success.shop-button-qnt:active,
.btn-success.shop-button-qnt:active:focus {
    box-shadow: none;
    background: #54C3F1;
    /*font-size: 11px;*/
    opacity: 0.95;
    font-weight: 600;
}

.btn-success:hover, .btn-success:focus,
.btn-success:active,
.btn-success:active:focus {
    box-shadow: none;
    background: #54C3F1;
    opacity: 0.95;
    font-weight: 600;
}

.product-favorite .icon{
    font-size: 18px;
    color: #000000;
    margin-right: 5px;
}
.product .item .caption-icons a.active .icon,
.product .item:hover .caption-icons .icon,
.product .item:hover .caption-icons .icon,
.product .item .caption-icons .favorite.active .icon{
    color: #000000;
}
.product .item .caption-icons .icon:hover,
.product .item .caption-icons .icon:hover{
    color: #0097E0;
}
.product-details .favorite{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
}

.product-favorite .icon {
    color: #000000;
}

.product-details .favorite:hover,
.product-favorite:hover .icon {
    color: #0097E0;
}

.product-gallery-wrapper .caption-icons{
    display: none;
}

.product-details .product-image-wrapper{
    border: none;
}

.product-specification-tabs .comments{
    border-top: none;
    overflow: hidden;
}

.product-specification-tabs .comments .heading-wrapper{
    display: none;
}

.product-specification-tabs .comments-content-wrapper .text-wrapper {
    padding-left: 60px;
}

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

.product-generic-tabs.lists-tabs .tab-content {
    padding: 0 10px;
}

.product-generic-tabs.lists-tabs .tab-content #tab_product_product_atributes {
    margin: 0 -10px;
}

.product-generic-tabs.lists-tabs .comments .title h3 {
    padding-top: 0;
}

.article .article-detail-slider .item{
    border: none;
}

.product-details-related{
    border-top: none;
}

.product-details-related .items &gt; li &gt; a{
    border: 1px solid transparent;
}
.product-details-related .items &gt; li &gt; a:hover{
    border: 1px solid #0097E0;
}
.product-details .favorite.active .icon-heart:before{
    position: relative;
    top: 3px;
    font-size: 17px;
}
.fullscreen .close {
    font-size: 20px;
}

.favorite.active i:before{
    color: #0097E0;
    content: "\f004";
}

.product-favorite .icon{
    font-size: 17px;
    top: 3px;
    position: relative;
}

/* tabs */
.lists-tabs ul.items-wrapper{
    border-bottom: 1px solid #eeeeee;
    /*margin-bottom: 40px;*/
}
.lists-tabs ul.items-wrapper .item{
    border-bottom: 1px solid transparent;
}
.lists-tabs ul.items-wrapper .item.item-product-check{
    display: none;
}
.lists-tabs ul.items-wrapper .item:hover{
    color: #000000;
}
.lists-tabs ul.items-wrapper .item:hover a{
    color: #000000;
}
.lists-tabs ul.items-wrapper .item.active{
    border-bottom: 2px solid #0097E0;
}
.lists-tabs ul.items-wrapper .item a{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
    text-transform: uppercase;
    line-height: 30px;
}
.lists-tabs ul.items-wrapper .item.active a{
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    text-shadow: 1px 0 0 #000000;
}
.lists-tabs ul.items-wrapper .item a:hover{
    color: #0097E0;
}

.lists-tabs ul.items-wrapper .item.active a {
    /*transition: color 0.2s ease-in-out,
    background 0.2s ease-in-out,
    text-shadow 0.2s ease-in-out;*/
}

.lists-tabs ul.items-wrapper .item.active a:hover {
    color: #000000;
    text-shadow: 1px 0 0 #000000;
}

.tab-content &gt; .tab-pane {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #515151;
}
.tab-content &gt; .tab-pane.current-price {
    color: #000000;
}

.tab-content &gt; .tab-pane .profile-orders {
    padding-left: 10px;
}

.product-details .table&gt;thead&gt;tr&gt;th{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
    margin-bottom: 5px;
}
.product-details .table&gt;thead&gt;tr{
    margin-bottom: 5px;
}
.product-details .table&gt;tbody&gt;tr&gt;td{
    border-bottom: 1px solid #eeeeee;
    font-size: 13px;
    color: #000000;
}
.product-details .table&gt;tbody&gt;tr:hover{
    background: transparent;
}
.product .item .btn-wrapper a span{
    display: none;
}

.similar-products-slider .item .btn-wrapper .icon-compare:before{
    content: '';
    background: url(../../images/nbshop5_namestaj/lupa.png);
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: 4px;
    right: 0;
}
.similar-products-slider .item .caption-icons{
    right: 7px;
}
.similar-products-slider .heading-wrapper.heading-wrapper-bordered h2{
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 9px;
}
.similar-products-slider .heading-wrapper .title{
    margin-top: 8px;
}
.similar-products-slider &gt; .slider-navigation-absolute{
    top: 6px;
}

/* outfit slider */
.product-details .outfit-slider .heading-wrapper{
    display: block;
    color: #000000;
    font-size: 20px;
}

.sidebar-product-compare #product-compare-sidebar-content{
    right: -305px;

}

/* sidebar info */
.toggle-banner .toggle-button span{
    display: none;
}

.toggle-banner .toggle-button{
    line-height: 12px;
    background: #0097E0;
    width: auto;
    padding: 13px 20px;
}
.toggle-banner &gt; .item{
    border: none;
    background: #fafafa;
    text-align: left;
    padding: 35px;
    width: 240px;
    height: auto;
    margin-right: 0;
    margin-top: 51px;
    position: absolute;
    right: 0;
    pointer-events: all;
}
.toggle-banner .sidebar-info .headline-wrapper .title{
    padding: 0;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
    color: #000000;
    text-transform: none;

}
.toggle-banner .sidebar-info .headline-wrapper .title:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 40px;
    height: 1px;
    background: #0097E0;
}
.toggle-banner .item.closed{
    width: 240px;
    height: auto;
    pointer-events: none;
}
.sidebar-info .item .text-wrapper{
    padding: 0;
}
.toggle-banner .sidebar-info .description{
    text-align: left;
    font-size: 12px;
    color: #000000;
    margin-bottom: 30px;
}
.toggle-banner .sidebar-info .description i{
    margin-right: 5px;
    font-size: 14px;
}
.sidebar-info{
    width: auto;
}
.toggle-banner .sidebar-info .item .title a{
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.toggle-banner .toggle-button .icon-angle-fat-left{
    background: url('../../images/nbshop5_namestaj/question.png');
    width: 13px;
    height: 18px;
}
.toggle-banner .toggle-button.expand i{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.toggle-banner .toggle-button .icon-angle-fat-left:before{
    display: none;
}
.toggle-banner .toggle-button .icon-angle-fat-right{
    background: url('../../images/nbshop5_namestaj/question.png');
    width: 13px;
    height: 18px;
}
.toggle-banner .toggle-button .icon-angle-fat-right:before{
    display: none;
}


.toggle-banner{
    top: 450px;
}

/* quick view*/
.modal-quick-view .product-details{
    padding-top: 0;
}
.modal-quick-view .products-detail-wrapper .heading-wrapper .title{
    text-align: left;
}
.modal-quick-view .product-gallery-wrapper{
    padding-right: 20px;
}
.modal-lg.modal-quick-view{
    width: 1000px;
}
.modal-quick-view .product-brand-outer{
    display: none;
}
.modal-quick-view .product-category{
    color: #000000;
    font-size: 12px;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.modal-quick-view .product-code{
    font-size: 12px;
    color: #a1a1a1;
    font-family: 'roboto-light';
    padding-bottom: 15px;
}
.product-buy{
    margin-bottom: 20px;
}
.modal-quick-view .btn-wrapper .btn-default{
    color: #000000;
    border: 1px solid #000000;
    height: auto;
    width: 175px;
    padding: 9px 12px;
    border-radius: 0;
    line-height: 22px;
    background: transparent;
}
.modal-quick-view .btn-wrapper .btn-default:hover,
.modal-quick-view .btn-wrapper .btn-default:focus,
.modal-quick-view  .btn-wrapper .btn-default:active,
.modal-quick-view .btn-wrapper .btn-default:active:focus {
    border: 1px solid #000000;
    background: #000000;
    color: #ffffff;
}

/* blog */
.article .item .text-wrapper .the-date{
    display: block;
    top: auto;
    right: auto;
    bottom: 5px;
    left: 30px;
    background: transparent;
    color: #000000;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
    font-style: normal;
    color: #0097E0;
    width: 100%;
    line-height: normal;
    padding-top: 0;
}
.article-grid-listing-2.article .item .btn-wrapper a {
    padding: 15px 30px;
    border: 1px solid #dbdbdb;
    color: #000000;
    text-transform: uppercase;
}
.article .item .text-wrapper .the-date .day{
    display: inline-block;
    float: left;
}
.article .item .text-wrapper .the-date .month{
    display: inline-block;
    float: left;
}
.article .item .text-wrapper .the-date .year{
    display: inline-block;
    float: left;
}
.article .item .text-wrapper .category, .article-autosuggest .item .text-wrapper .category{
    display: none;
}
.article .item .btn-wrapper .favorite{
    display: none;
}
.article .item .text-wrapper .title, .article-autosuggest .item .text-wrapper .title{
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    position: relative;
    color: #000000;
    margin-bottom: 20px;
    text-transform: uppercase;
    min-height: auto;
    margin-top: 0px;
}
.article .item .text-wrapper .title a,
.article-autosuggest .item .text-wrapper .title a{
    color: #000000;
}
.article .item .text-wrapper .title a:hover,
.article-autosuggest .item .text-wrapper .title a:hover{
    color: #0097E0;
}
.article-autosuggest .item .text-wrapper .title{
    height: 30px;
}
.article .item .text-wrapper .title:before, .article-autosuggest .item .text-wrapper .title:before{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 1px;
    width: 40px;
    background: #0097E0;
}
.article .item .text-wrapper .description, .article-autosuggest .item .text-wrapper .description{
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
}
.article-list-grid .item .btn-wrapper a{
    background: transparent;
    border: 2px solid #000000;
    color: #000000;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding: 11px 30px;
    line-height: normal;
    border-radius: 0;
    float: none;
    display: block;
}
.article-list-grid .item:hover .btn-wrapper a{
    border: 2px solid #0097E0;
    color: #0097E0;
}
.article .item .btn-wrapper, .article-autosuggest .item .btn-wrapper{
    width: auto;
}
.article-grid-listing-2.article .item .btn-wrapper a:hover{
    border: 1px solid #54C3F1;
    color: #54C3F1;
    background: transparent;
}
.article-list-grid .item:hover .btn-wrapper{
    opacity: 1;
}

.article .item .btn-wrapper .icon-angle-fat-right, .article-autosuggest .item .btn-wrapper .icon-angle-fat-right{
    display: none;
}
.article-list-grid .item:hover, .article-autosuggest .item:hover{
    box-shadow: none;
}
.article-list-grid .item .img-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0);
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.article-list-grid .item:hover .img-wrapper:after{
    background: rgba(255,255,255,0.7);
}
.article-list-grid .item, .article-autosuggest .item{
    box-shadow: none;
}
.article-list-grid h1{
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
}
.article-list-grid h1:before{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    width: 40px;
    height: 2px;
    background: #0097E0;
}
.article-list-grid .heading-wrapper{
    margin-bottom: 40px;
}
.article .item .content{
    position: static;
    padding: 20px;
    min-height: 50px;
    text-align: center;
}


/* subcategories */
.article .category-submenu .item{
    border: none;
    height: auto;
    margin-bottom: 0;
    padding: 0px 15px;
}
.article .category-submenu .item .text-wrapper .title{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.article .category-submenu .item:after{
    display: none;
}
.category-submenu .item .text-wrapper .title:before{
    display: none;
}
.article .category-submenu .item.active .text-wrapper .title{
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-decoration: none;
}


/* blog detail */
.background.background-alt{
    background: #ffffff;
}
.article-wrapper .article-heading {
    margin-top: 20px;
}
.article-header{
    padding: 5px 0;
    border-color: #EEEEEE;
}
.article-header .category{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    text-transform: uppercase;
}
.article-header .header-info .favorite{
    display: none;
}
.article-detail .article-header .header-info .the-date{
    color: #0097E0;
    font-size: 12px;
    margin-right: 0;
}
.article-detail .article-wrapper .title h1{
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
}
.article-detail .article-wrapper .heading-wrapper{
    margin: 0 0 20px;
}
.article-detail .article-wrapper{
    padding: 25px 0;
}
.article-detail{
    padding-right: 30px;
}
.article-detail .article-wrapper .text-wrapper{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
}
.article-detail .article-wrapper .text-wrapper a{
    color: #0097E0
}

.newsletter .validation-errors-list{
    bottom: 0;
}

/* story shop */
.article-detail-slider{
    border-top: 1px solid #EEEEEE;
    padding-top: 30px;
}
.product-slider.product.article-detail-slider{
    padding: 0 0 15px;
    border: none;
    margin-top: 50px;
}
.product-slider.product.article-detail-slider .item .btn-wrapper{
    position: absolute;
    top:auto;
    bottom: 55px;
    left: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    right: 7px;
    width: 16px;
}

/* comments */
.comments{
    padding: 0;
    margin-right: 0px;
    position: relative;
}
.comments .title h3, .h3{
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    margin-top: 0px;
    margin-right: 10px;
    border-top: 1px solid #eeeeee;
    padding-top: 15px;
}

.comments .title h3 {
    border: 0;
}

.comments input::-webkit-input-placeholder{
    color: #ffffff;
    font-size: 0;
}
.comments input:-moz-placeholder{
    color: #ffffff;
    font-size: 0;
}
.comments input:-ms-input-placeholder{
    color: #ffffff;
    font-size: 0;
}
.comments .comments-input-wrapper .btn-display-comments{
    position: absolute;
    left: 0;
    top: -80px;
    background: #0097E0;
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    height: 30px;
    padding: 5px 25px;
}
.comments .comments-input-wrapper .btn-display-comments i{
    display: none;
}
.comments .comments-count{
    display: block;
    float: right;
    font-size: 13px;
    margin-left: 5px;
}
.comments .form-control.jq-ry-container{
    display: none;
}
.comments .btn-info{
    float: left;
}
.comment-content{
    padding: 0;
}
.comment-content .heading-wrapper .title{
    display: none;
}
.comment-content .items-wrapper .item .rating{
    display: none;
}
.comment-content .items-wrapper .item .like-dislike{
    display: none;
}
.comment-content .items-wrapper .item .user{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    position: relative;
    margin-bottom: 20px;
}
.comment-content .items-wrapper .item .user:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    background: #0097E0;
    width: 40px;
    height: 1px;
}
.comment-content .items-wrapper .item .user-comment p{
    padding: 0;
    color: #000000;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.comment-content .items-wrapper .item .time{
    color: #0097E0;
    font-size: 14px;
}

.comments .form-group{
}
.comments .btn-info{
    width: 185px;
    color: #ffffff;
    background: #0097E0;
    border-radius: 0;
    padding: 10px 25px;
}
.comments .comments-input-wrapper .form-group-email, .comments .comments-input-wrapper .form-group-name{
    width: 50%;
    max-width: 100%;
    float: left;
    padding-right: 10px;
}
.comments .comments-input-wrapper .form-group-message{
    width: 100%;
    padding-right: 10px;
    overflow: inherit;
}

.comment-content .items-wrapper .item.comment-reply{
    padding-left: 65px;
}

.newsletter-article-wrapper{
    background: url('../../images/nbshop5_namestaj/newsletter-clanak.png') no-repeat;
    background-size: cover;
    min-height: 230px;
    padding-top: 33px;
    margin-bottom: 40px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}
.newsletter-article-wrapper .newsletter .form-group input{
    width: 100%;
    background: #ffffff;
    float: left;
    height: 38px;
    color: #000000;
}
.newsletter-article-wrapper .newsletter .form-group{
    float: left;
    width: 100%;
}
.newsletter-article-wrapper .newsletter .form-group input::-webkit-input-placeholder{
    text-transform: uppercase;
    font-size: 12px;
    color: #515151;
}
.newsletter-article-wrapper .newsletter .form-group input:-moz-placeholder{
    text-transform: uppercase;
    font-size: 12px;
    color: #515151;
}
.newsletter-article-wrapper .newsletter .form-group input:-ms-input-placeholder{
    text-transform: uppercase;
    font-size: 12px;
    color: #515151;
}
.newsletter-article-wrapper .newsletter .heading-wrapper{
    margin-top: 0px;
    margin-bottom: 20px;
}
.newsletter-article-wrapper .newsletter .heading-wrapper .title{
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    text-align: center;
}
.newsletter-article-wrapper .newsletter h5, .h5{
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
    color: #000000;
}
.newsletter-article-wrapper .newsletter .description{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #000000;
    text-align: center;
}
.newsletter-article-wrapper .newsletter .btn-wrapper{
    margin-left: 0px;
    text-align: center;
}
.newsletter-article-wrapper .newsletter .btn-wrapper .btn{
    padding: 8px 40px;
    font-size: 12px;
    color: #ffffff;
    background: #0097E0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.newsletter-article-wrapper .newsletter .btn-wrapper .btn:hover{
    background: #54C3F1;
    opacity: 0.95;
}
.similar-articles .newsletter-article-wrapper .newsletter .btn-wrapper .btn:hover{
    background-color: #54C3F1;
    opacity: 0.95;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:active:focus{
    background: #54C3F1;
    opacity: 0.95;
}

/* similar articles sidebar*/
.similar-articles .heading-wrapper.heading-wrapper-bordered{
    border-bottom: 1px solid #eeeeee;
    text-align: left;
}
.similar-articles .heading-wrapper.heading-wrapper-bordered h2, .h2{
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    line-height: normal;
    margin-bottom: 10px;
}
.heading-wrapper.heading-wrapper-bordered:before{
    display: none;
}
.article .item,
.article-autosuggest .item{
    border: 0;
}

.list-alternately-items {
    border: 0;
}

.article.article-list-alternately .post-item-listalternately .row {
    padding: 20px 0;
    border-bottom: 1px solid #eeeeee;
}

.similar-articles .item .title{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    margin: 20px 0;
    text-transform: uppercase;
    line-height: 1.6;
    position: relative;
    padding-bottom: 5px;
}
.similar-articles .item .title:hover{
    color: #0097E0;
}
.similar-articles .item .title:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 40px;
    height: 1px;
    background: #0097E0;
}
.similar-articles .item .img-wrapper:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.6);
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
    opacity: 0;
}
.similar-articles .item .img-wrapper:hover:after{
    opacity: 1;
}
.similar-article-slider .category{
    display: none;
}
.similar-article-slider .item .text-wrapper .title, .similar-article-slider .item .text-wrapper .title{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
    position: relative;
    margin-bottom: 20px;
    margin-top: 0px;
}
.similar-article-slider .item .text-wrapper .title a{
    color: #000000;
}
.similar-article-slider .item .text-wrapper .title:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 40px;
    height: 1px;
    background: #0097E0;
}
.similar-article-slider .item .text-wrapper .description, .similar-article-slider .item .text-wrapper .description{
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
}
.similar-article-slider .item .btn-wrapper .favorite{
    display: none;
}
.similar-article-slider .item .img-wrapper:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0);
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.similar-article-slider .item:hover .img-wrapper:after{
    background: rgba(255,255,255,0.7);
}
.similar-article-slider .item .btn-wrapper{
    position: relative;
    top: auto;
    left: auto;
    margin-top: 0;
    text-align: center;
    opacity: 1;
    width: 100%;
}
.similar-article-slider .item:hover .btn-wrapper{
    opacity: 1;
}

.similar-article-slider .item .btn-wrapper a.btn,
.similar-article-slider .item .btn-wrapper a.btn i {
    transition: color 0.4s ease-in-out;
}

.article.article-grid-listing-7 .item:hover .btn-wrapper a {
    text-decoration: none;
}

.similar-article-slider .item .btn-wrapper a.btn:hover,
.similar-article-slider .item .btn-wrapper a.btn:hover i {
    color: #0097E0;
    text-decoration: none;
}
.similar-article-slider .item .btn-wrapper a.btn i {
    position: relative;
    display: inline-block;
    top: 0;
    margin-left: 2px;
    color: #000000;
}

.similar-article-slider .item .content,
.similar-article-slider .item .content{
    position: static;
    border: 1px solid #EEEEEE !important;
    border-top: none;
    padding: 20px;
    min-height: 160px;
}
.similar-article-slider .item, .similar-article-slider .item{
    border: none;
}
.similar-article-slider .item .img-wrapper, .similar-article-slider .item .img-wrapper{
    border: 1px solid #EEEEEE;
    border-bottom: none;
}
.similar-article-slider .item .text-wrapper .the-date{
    display: block;
    top: auto;
    right: auto;
    bottom: -10px;
    left: 30px;
    background: transparent;
    color: #000000;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #0097E0;
    width: 100%;
    line-height: normal;
    padding-top: 0;
}
.similar-article-slider .item .text-wrapper .the-date .day{
    display: inline-block;
    float: left;
}
.similar-article-slider .item .text-wrapper .the-date .month{
    display: inline-block;
    float: left;
}
.article.article-slider .item .text-wrapper .the-date .year, .article.similar-article-slider .item .text-wrapper .the-date .year{
    display: inline-block;
    float: left;
}

.article.article-grid-listing-7 .item .text-wrapper .the-date{
    display: none;
}

.article-grid-listing-7{
    margin-top: 18px;
}

.sidebar-wrapper .similar-article-slider .heading-wrapper {
    margin-bottom: -1px;
}

.similar-article-slider .title h2{
    color: #000000;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    position: relative;
    margin-bottom: 0;
    border-bottom: 0;
    text-align: left;
}
.similar-article-slider .slick-list{
    margin: 0 -10px;
}


/* cart */

.cart-specification-tabs a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.cart-step{
    min-height: 100%;
}
.cart-step h2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    opacity: 1;
    text-transform: uppercase;
}

.cart-step .heading-wrapper {
    border-bottom: 1px solid #EEEEEE;
}

.cart-payment-wrapper .heading-wrapper {
    border: 0;
}

#order_carrier_and_payment_content .carrier-wrapper,
#order_carrier_and_payment_content .cart-payment-wrapper {
    margin-top: 10px;
}
.cart .form-group-checklabel .label-as-headline{
    padding-left: 10px;
}

.cart .form-group-checklabel .label-as-headline {
    font-weight: 500;
}

.cart-step .carrier-wrapper .heading-wrapper {
    border: none;
}
.cart-step .carrier-wrapper .heading-wrapper .description {
    font-size: 0; /* Sklonjeno jer je klijent tako zahtevao */
}
.cart-step h3,
.cart .form-group-checklabel .label-as-headline {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0;
}

.cart-address .iradio_flat {
    margin-top: 2px;
}

.cart-description{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
}
.cart .delivery-option-description{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
}

.cart-address .cart-description {
    margin-top: 15px;
}

.cart .delivery-option-description p {
    margin: 0;
}
.cart .delivery-option-text .show-more-wrapper strong{
    display: block;
    margin-bottom: 10px;
}
.form-group-checklabel .label-as-headline{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
}
.cart input::-webkit-input-placeholder{
    color: #ffffff;
    font-size: 0;
}
.cart input:-moz-placeholder{
    color: #ffffff;
    font-size: 0;
}
.cart input:-ms-input-placeholder{
    color: #ffffff;
    font-size: 0;
}
.cart a{
    color: #000000;
}
.cart-step .btn{
    color: #ffffff;
}
.cart-step .heading-append{
    color: #000000;
}

.table &gt; tbody &gt; tr &gt; td,
.table &gt; tbody &gt; tr &gt; th {
    background-color: #FAFAFA;
}

.table &gt; tbody &gt; tr:hover &gt; td,
.table &gt; tbody &gt; tr:hover &gt; th {
    background-color: #FFFFFF;
}

.table&gt;tbody&gt;tr&gt;td{
    border-bottom: 1px solid #EEEEEE;
}
.final-step .cart-description{
    text-align: center;
}
.cart .read-more-btn{
    border: 1px solid #a1a1a1;
    border-radius: 0;
    color: #a1a1a1;
    font-size: 13px;
    padding: 5px 25px;
}
.cart .read-more-btn:hover, .cart .read-more-btn:focus{
    background: #ffffff;
    border: 1px solid #a1a1a1;
    color: #a1a1a1;
}
.cart .btn-small{
    margin-top: 15px;
    border: 1px solid #a1a1a1;
    border-radius: 0;
    color: #000000;
    font-size: 13px;
    padding: 5px 25px;
    background: #ffffff;
    float: left;
}
.cart .btn-small:hover{
    background: #000000;
    border: 1px solid #000000;
    color: #ffffff;
}
.cart-table-summary .product-item-prices.cart-total{
    font-size: 17px;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.cart-summary{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.cart-table-summary{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
}

.cart-table-summary &gt; tfoot &gt; tr &gt; td {
    padding: 10px 0;
    line-height: 22px;
}

.cart-step .btn.btn-success {
    font-size: 14px;
    font-weight: 600;
}

#submit_order_one_page {
    font-size: 18px;
}

.cart-table-summary .product-item-prices{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
}
.fake-radio-button{
    margin: 2px 12px 0 -20px;
    width: 12px;
    height: 12px;
}
#order_cart_content .cart-table .btn{
    background: #FFFFFF;
    color: #000000;
    border-radius: 0;
}
#order_cart_content .cart-table .btn:hover{
    background: transparent;
}

#invoice_modal_order .close{
    border: none;
}

#invoice_modal_order .close:hover {
    background: transparent;
    color: #000000;
}

.cart-table .product-item-category{
    display: none;
}
.cart-table .product-item-code{
    display: none;
}
.cart-table .product-item-size{
    display: none;
}
.cart-table .product-item-title{
    color: #000000;
    font-size: 14px;
}
.cart-table .product-item-title a{
    color: #000000;
}
.table&gt;tbody&gt;tr&gt;td{
    font-size: 14px;
}
.table &gt; thead &gt; tr &gt; th{
    font-size: 14px;
}
.cart-total{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
}
.cart #cart_onepage_form .table &gt; tbody &gt; tr:last-child &gt; td{
    text-align: right;
}
.cart-table .product-item-prices{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.table &gt; thead &gt; tr &gt; th{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
    font-weight: normal;
}
.cart-table .product-item-image img{
    border: none;
    box-shadow: none;
}
.cart .form-group label{
    font-size: 14px;
}
.cart #order_ticket_content .form-group{
    text-align: left;
}
.cart #order_ticket_content .btn.btn-success{
    margin: 0;
}
#order_ticket_content .tab-content-wrapper{
    border: none;
    padding: 0;
}
.cart-specification-tabs{
    border-bottom: 0;
}
.nav-tabs &gt; li.active:after{
    display: none;
}
.nav-tabs &gt; li.active{
    border-bottom: 2px solid #0097E0;
}
.nav-tabs &gt; li &gt; a{
    border: none;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase;
}

.nav-tabs&gt;li.active&gt;a, .nav-tabs&gt;li.active&gt;a:hover, .nav-tabs&gt;li.active&gt;a:focus{
    border: none;
    font-size: 13px;
}
.modal-body .nav-tabs &gt; li:last-of-type &gt; a,
.nav-tabs&gt;li.active:last-of-type&gt;a,
.nav-tabs&gt;li.active:last-of-type&gt;a:hover,
.nav-tabs&gt;li.active:last-of-type&gt;a:focus {
    border: none;
}
.nav-tabs &gt; li:last-of-type &gt; a{
    border-right: none;
}
.cart &gt; form &gt; div:last-child{
    margin-bottom: 0;
    padding-top: 20px;
}
#cart_onepage_delivery_country_form .form-group{
    float: left;
}
.cart &gt; form &gt; div:first-child{
    padding-top: 0;
}
.cart{
    padding-top: 30px;
}
#cart_onepage_delivery_country_form .form-group label{
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #000000;
}
.orderdetails-modal .dl-horizontal dt{
    margin-bottom: 0;
}
.cart-table .item-article a.category{
    font-size: 12px;
    color: #000000;
}
.cart-table .item-article a.title{
    font-size: 14px;
    color: #000000;
    text-align: left;
}
.orderdetails-modal .table &gt; thead &gt; tr &gt; th{
    font-size: 13px;
}

.cart .table&gt;tbody&gt;tr:nth-child(2n+1){
    background: transparent;
}

.delivery-option-description img{
    height: 25px!important;
    width: 45px!important;
}

/* profile */
.heading-wrapper-profile{
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #EEEEEE;
}
.profile .profile-into .item .img-wrapper .icon{
    color: #0097E0;
    width: 90px;
    height: 90px;
}
.profile .profile-into .item .img-wrapper .icon:before{
    font-size: 35px;
}
.profile .profile-into .item .img-wrapper .item-counter{
    font-size: 15px;
    width: 30px;
    height: 30px;
    line-height: 31px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    background: #0097E0;
}
.profile .profile-into .item .title{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
}
.profile .profile-into .item{
    padding-bottom: 20px;
}
.profile .profile-section{
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 20px;
}
.heading-wrapper-profile h1{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    text-transform: uppercase;
}
.heading-wrapper-profile .item{
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
}
.heading-wrapper-profile .item a{
    color: #0097E0;
}
.profile-submenu &gt; a &gt; i{
    font-size: 25px;
    line-height: normal;
    color: #000000;
}
.profile-submenu &gt; a{
    height: 25px;
    line-height: 44px;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 13px;
}
.dl-horizontal{
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
}
.profile .heading-wrapper .title h3 {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    position: relative;
    margin-bottom: 35px;
    margin-top: 10px;
}

.profile .heading-wrapper .title h3::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 40px;
    height: 1px;
    background: #0097E0;
}
.profile-sidebar .heading-wrapper .title h2{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    margin-bottom: 0;
}
.profile-sidebar{
    border-right: 1px solid #EEEEEE;
}
.nav-vertical &gt; li &gt; a{
    padding-left: 0;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 13px;
}
.nav-vertical &gt; li.active &gt; a{
    background: transparent;
    border-bottom: 1px solid #0097E0;
    color: #000000;
    margin-right: 0;
}
.nav&gt;li&gt;a:hover, .nav&gt;li&gt;a:focus{
    background: transparent;
}
.profile-wish-list .product .item .btn-wrapper{
    right: 3px;
}
.profile .heading-wrapper .description{
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 13px;
}
.tab-content-profile .social-share{
    display: none;
}
.profile-section h2,
.h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #000000;
}
.profile .heading-wrapper-profile h1{
    margin-left: 0;
}
.profile .headline-description{
    display: none;
    font-size: 12px;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.profile .heading-prepend{
    margin-left: -10px;
}

.recomeded-products .product .item .btn-wrapper .icon-compare:before{
    content: '';
    background: url(../../images/nbshop5_namestaj/lupa.png);
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: 4px;
    right: 0;
}

.recomeded-products .product .item .btn-wrapper{
    bottom: 7px;
}
.recomeded-products .product .item .caption-icons{
    right: 8px;
}
.profile-submenu &gt; a{
    line-height: normal;
}
.profile .title-wrapper h4{
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 13px;
    margin-left: -10px;
}
.profile .product .item .btn-wrapper{
    bottom: 5px;
    color: #000000;
}
.profile-favorite-products .product .item .btn-wrapper{
    bottom: 40%;
    right: 40%;
}

.profile .caption-icon{
    font-size: 17px;
    margin-right: 10px;
}

.profile-favorite-products .caption-icon .icon-heart-f:before{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f004";
    color: #80ba26;
}

.profile-favorite-products .product-info-wrapper{
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: 15px;
    z-index: 999999;
}

.profile .profile-user-viewed .product .item .btn-wrapper{
    display: none;
}
.size-available-wrapper .item .btn-wrapper{
    bottom: 35px;
    right: 30px;
    background: none;
}
.profile-orders .order-lnk-wrapper a.item:hover{
    color: #0097E0;
}

/* contact */
.page{
    padding: 20px 0 40px;
}
.page .left-info{
    border-right: none;
}
.company-info .item span.title{
    /*display: none;*/
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 1.5;
    color: #000000;
}
.company-info .item i{
    font-size: 13px;
    color: #000000;
    padding-right: 10px;
}
.company-info .item span.content{
    font-size: 14px;
    color: #515151;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: normal;
}
.page .company-info .item{
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
}
.page .company-info .item.item-site-address {
    display: none;
}

.company-info {
    padding-top: 10px;
}

.right-info .company-info {
    padding-top: 3px;
}

.company-info .nav&gt;li&gt;a{
    padding: 2px 0 2px 0;
}
.company-info .item-site-bank-name{
    display: none;
}
.company-info .item-site-business-code{
    display: none;
}
.company-info .item-site-pib{
    display: none;
}
.company-info .item-site-company-identification-number{
    display: none;
}
.company-info .item.item-site-working-hours  span.content {
    /*display: none;*/
}
.page .left-info input[data-validation-id]::-webkit-input-placeholder{
    color: #ffffff;
    font-size: 0;
}

.page-cover-image .heading-wrapper .title{
    position: relative;
}

.page-cover-image .heading-wrapper h1{
    position: absolute;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    text-transform: uppercase;
    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%);
    margin-top: 40px;
}

.page-cover-image .heading-wrapper h1:before,
.article-detail .article-wrapper .title h1::before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #0097E0;
}

.article-detail .article-wrapper .title h1::before {
    left: 0;
    bottom: -10px;
    width: 40px;
    transform: none;
}

.page-cover-image {
    min-height: 200px;
    overflow: hidden;
}
.page.contact-page{
    margin: 0 0 30px;
    padding: 0;
}
.page.contact-page .intro .heading-wrapper{
    display: none;
}
.page .contact-forma .form-group{
    width: 100%;
    float: left;
    padding-right: 0;
}
.page .contact-forma .form-group.textarea-group{
    width: 100%;
    max-width: 100%;
}
.page .contact-forma .form-group.anti-spam{
    width: 350px;
    max-width: 100%;
}
.page .contact-forma .form-group.anti-spam .styled-select{
    width: 100%;
    max-width: 100%;
    font-size: 12px;
    color: #515151;
    height: 40px;
}
.page .contact-forma .form-group.button{
    padding-left: 0;
    width: 35%;
    margin-bottom: 0;
    margin-top: 0;
    vertical-align: bottom;
}
.page .contact-forma .form-group.button .btn-success{
    width: 100%;
    background: #0097E0;
    color: #ffffff;
    opacity: 1;
}
.page .contact-forma .form-group.button .btn-success:hover{
    background: #54C3F1;
    opacity: 0.95;
}
.panel .title .panel-toggle {
    font-size: 16px;
    color: #000000;
    line-height: 26px;
}

.contact-page-1 .right-info .heading-wrapper .subtitle,
.contact-page-1 .left-info .heading-wrapper .subtitle{
    color: #000000;
}

/* page */

.actions-details {
    padding: 20px 0 40px;
}

.heading-underlined {
    border-bottom: 0;
}

.page h1,
.heading-underlined h1,
.profile .heading-wrapper-profile h1,
.article-background-wrapper h1,
.store-background h1,
.actions-details .heading-wrapper h1 {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    position: relative;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.actions-details .heading-wrapper {
    text-align: center;
}

.store-background,
.store-background h1 {
    color: #424242;
}

.profile .heading-wrapper-profile h1 {
    padding: 0;
    padding-left: 15px;
    line-height: 1.1;
    border-bottom: 0;
}

.page h1:before,
.heading-underlined h1::before,
.profile .heading-wrapper-profile h1::before,
.actions-details .heading-wrapper h1::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 40px;
    height: 2px;
    background: #0097E0;
}

.profile .heading-wrapper-profile h1::before {
    left: 15px;
}

.actions-details .heading-wrapper h1::before {
    left: 50%;
    transform: translateX(-50%);
}

.page .post-content{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #000000;
}
.page .post-content a{
    color: #0097E0;
}
.page .intro .description p{
    margin-top: 20px;
}
.page .intro  .heading-wrapper{
    margin-bottom: 0;
}

/* FAQ */

.category-heading,
.action-listing .heading-wrapper {
    text-align: center;
}

.category-heading h1::before,
.action-listing .heading-wrapper h1::before {
    left: 50%;
    transform: translateX(-50%);
}

.panel{
    border-bottom: none;
    box-shadow: none;
}
.panel &gt; .collapsing,
.panel &gt; .collapse {
    border-bottom: 0;
}

.panel &gt; .collapse {
    border-bottom: 1px solid #0097E0;
}

.panel-group .panel-heading .icon-angle-fat-right{
    font-size: 15px;
    color: #000000;
}
.panel-title{
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}
.panel-inner{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #000000;
}

.panel-group .panel + .panel {
    margin-top: 0;
}

.accordian.article .panel-inner p{
    margin: 0;
    padding: 15px 0;
    font-weight: 400;
}

.panel .title .panel-toggle {
    padding: 10px 0;
}

.accordian.article .panel .panel-toggle &gt; .icon {
    top: 15px;
    line-height: 2.4rem;
    color: #000000;
}

.panel .title .panel-toggle {
    padding: 20px 0;
    padding-right: 30px;
    font-weight: 600;
}

.panel .title .panel-toggle::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #EEEEEE;
    transition: background-color 0.4s ease-in-out;
    z-index: 1000;
}

.panel .title .panel-toggle:not(.collapsed)::before {
    background-color: #0097E0;
}

.heading-wrapper.heading-wrapper-bordered h1{
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    position: relative;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.heading-wrapper.heading-wrapper-bordered h1:before{
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    bottom: -10px;
    width: 40px;
    height: 2px;
    background: #0097E0;
}



/* registration */
.registration-page h1{
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    position: relative;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.registration-page h1:before{
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    bottom: -10px;
    width: 40px;
    height: 2px;
    background: #0097E0;
}
.page .left-info .heading-wrapper h2,
.page .right-info .heading-wrapper h2{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    position: relative;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.page .left-info .heading-wrapper h2:before,
.page .right-info .heading-wrapper h2:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 40px;
    height: 1px;
    background: #0097E0;
}
.page .left-info{
    margin-top: 30px;
}
.page .right-info{
    margin-top: 30px;
    border-left: none;
}
.heading-wrapper{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.intro .title h1{
    text-align: center;
}
.intro .title h1:before,
.article-background-wrapper h1::before,
.store-background h1::before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    bottom: -10px;
    width: 40px;
    height: 2px;
    background: #0097E0;
}
.registration-sidebar .text-wrapper{
    border: none;
    background: none;
    color: #000000;
    margin: 0px auto 0;
    padding: 0;
}
.registration-sidebar h2{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    position: relative;
    margin-bottom: 45px;
    margin-top: 0;
    text-transform: uppercase;
    line-height: 20px;
}
.registration-sidebar h2:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 40px;
    height: 1px;
    background: #0097E0;
}

/* career */
.page-career h1{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    position: relative;
    margin-bottom: 40px;
    text-transform: uppercase;
    margin-top: 5px;
}
.page-career{
    padding-top: 0;
}
.career-page .intro .title h1{
    margin-bottom: 40px;
}
.cooperation-page .intro .title h1{

}
.cooperation-page h4{
    margin-top: 30px;
}

.career-page .input-group .btn{
    line-height: 35px;
}

.career-page .input-group-addon{
    padding: 7px;
    border-color: #EEEEEE;
}

.input-group .form-control {
    border-right-width: 1px;
}

/* error */
.grid-slider.error_page_content-slider{
    /*padding: 20px calc(50vw - 600px);*/
    /*margin: 0 calc(-50vw + 600px) 50px;*/
    /*background: #ffffff;*/
}

.grid-slider.error_page_content-slider .heading-wrapper {
    display: none;
}

.categories-list{
    display: none;
}
.error-page .post-content{
    text-align: center;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-bottom: 60px;
}
.error-page .title h1{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    font-size: 20px;
    position: relative;
    margin-bottom: 60px;
}
.error-page .title h1::before{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    height: 2px;
    width: 40px;
    background: #0097E0;
}
.error_page_content-slider  .heading-wrapper.heading-wrapper-bordered h2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    font-size: 20px;
    position: relative;
    margin-bottom: 60px;
}
.error_page_content-slider  .heading-wrapper.heading-wrapper-bordered h2:before{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    height: 2px;
    width: 90px;
    background: #000000;
}

.grid-slider.error_page_content-slider .item {
    padding-top: 0;
}

.grid-slider.error_page_content-slider .item .img-wrapper{
    border-radius: 50%;
    box-shadow: none;
    border: 0;
}
.grid-slider.error_page_content-slider .item .img-wrapper:hover{
    /*box-shadow: none;*/
    border: 0;
}
.grid-slider.error_page_content-slider .item .text-wrapper .title{
    color: #000000;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    transition: color 0.2s ease-in-out;
}

.grid-slider.error_page_content-slider .item .img-wrapper:hover ~ .content .text-wrapper a .title,
.grid-slider.error_page_content-slider .item .text-wrapper a:hover .title {
    color: #0097E0;
}

/* sidebar for page */
.sidebar-menu .box-heading{
    margin: 0 0 20px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
    color: #000000;
}
.sidebar-menu .box-heading:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 40px;
    height: 1px;
    background: #0097E0;
}
ul.tabs{
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}
.sidebar-menu{
    background: #fafafa;
    padding: 30px;
    float: right;
    width: 250px;
    margin-bottom: 20px;
}
.sidebar-menu a{
    color: #000000;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.sidebar-menu a:hover{
    color: #000000;
}
.sidebar-menu li{
    border-bottom: 1px solid transparent;
    margin-bottom: 3px;
}
.sidebar-menu li:hover{
    border-bottom: 1px solid #0097E0;
}
.sidebar-menu.scroled{
    min-height: 230px;
    max-height: 230px;
    overflow-y: hidden;
    float: right;
    margin-left: 30px;
    z-index: 1;
}

/* stores on map*/

.storelocator-panel .store-item{
    color: #000000;
}
.store-popup .store-item-action{
    color: #515151;
    margin-top: 14px;
}
.store-popup .store-item-action:hover{
    color: #0097E0;
}
.store-item-title{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
}
.store-item .store-item-wrapper .item {
    padding-left: 0;
    padding: 3px 0;
    color: #515151;
}

.store-item .store-item-wrapper .item.title {
    font-weight: 700;
}

.store-item .store-item-wrapper .item i {
    color: #0097E0;
}

.store-popup{
    padding: 15px;
}
.store-item-info-box{
    margin-bottom: 10px;
    font-size: 12px;
}
.store-item-info-box i{
    margin-right: 5px;
}

.store-popup h1 {
    font-weight: 600;
    color: #515151;
}

.store-popup .item,
.store-popup .item a {
    margin-bottom: 10px;
    line-height: 22px;
    color: #515151;
}

.content-info-bubble.store-popup .title {
    margin-bottom: 2px;
}

.store-popup .item i {
    color: #0097E0;
}

.store-popup .content {
    padding-left: 0;
}

.store-item-listbox.store-item-title{
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
}
.store-item-listbox{
    color: #000000;
    font-size: 12px;
}
.stores-location-search h4{
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
}

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

.location-search-inputs .availability-input {
    display: inline-block;
    vertical-align: top;
}

.location-search-inputs .availability-input input {
    line-height: 30px;
    border: 1px solid #000;
    padding: 0 5px;
    width: max-content;
    min-width: 180px;
}

.location-search-inputs .availability-button {
    display: inline-block;
    vertical-align: top;
}

.location-search-inputs .availability-button button {
    background: #000000;
}

.location-search-inputs .availability-button button:hover {
    background: #000000;
}

/* store details */
.store-background {
    background-color: #FFFFFF;
}

.store-details {
    padding-top: 8px;
}

.store-details .post-description{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #515151;
}
.store-details .title h1{
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    position: relative;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.store-details .title h1:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 40px;
    height: 1px;
    background: #0097E0;
}
.store-contact .items-wrapper .title .icon{
    color: #0097E0;
}
.store-contact .items-wrapper .title{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    text-transform: uppercase;
    font-size: 14px;
}
.store-contact .items-wrapper .item{
    color: #515151;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
}
.store-contact .items-wrapper .item a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #0097E0;
}
.store-contact .items-wrapper .item.active{
    color: #000000;
}


/* modals */
.modal .title,
#sticket_form .modal-title {
    text-align: center;
    color: #000000 !important;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    position: relative;
}

.modal.modal-email .close{
    color: #000000 !important;
}

.modal.modal-email .title{
    color: #000000 !important;
}

#sticket_form .modal-title {
    margin-top: 2px;
}

#ticket_modal .ticket-item .modal-headline {
    margin-top: 25px;
}

.modal-header{
    background: #ffffff;
    border-bottom: none;
}
/*.modal .close{
    color: #000000;
    position: relative;
    right: -15px;
}*/
.modal .close{
    color: #000000;
}
.form-group label{
    margin-bottom: 5px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
}
.forgotten-password{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
    float: right;
}
.forgotten-password &gt; a:hover{
    color: #000000;
}

/*Test*/
.modal-footer{
    background: transparent;
    border-top: 0px;
}

#register_modal .modal-footer {
    text-align: center;
}

.modal-footer .btn {
    line-height: 34px;
    height: 34px;
}

.modal-footer .btn.btn-google {
    line-height: 32px;
}

.modal-footer .btn:hover {
    opacity: 0.95;
}

.modal-footer .btn.btn-success {
    background: #0097E0;
    line-height: 34px;
    height: 36px;
    margin: 5px;
    margin-left: 0;
    display: inline-block;
    min-width: calc(50% - 10px);
    padding: 0;
    font-size: 14px;
}

.modal-footer .btn.btn-primary{
    min-width: calc(50% - 10px);
}

.subscribe_form .btn-success:hover,
.modal-footer .btn.btn-success:hover,
.modal-footer .btn.btn-success:focus,
.modal-footer .btn.btn-success:active,
.modal-footer .btn.btn-success:active:focus {
    background: #54C3F1;
}

#ticket_modal .ticket-item .btn-wrapper button {
    padding: 0;
    height: 35px;
    transition: background-color 0.4s ease-in-out;
}

#ticket_modal .ticket-item .btn-wrapper button.btn-ticket:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

#ticket_modal .ticket-item .btn-wrapper button.btn-cancel {
    color: #0097E0;
    background-color: transparent;
    border: 1px solid #0097E0;
}

.modal-footer .registration-btn-wrapper .title {
    font-size: 11px;
    text-transform: none;
}

.modal-footer .registration-btn-wrapper .btn {
    color: #0097E0;
    border: 1px solid #0097E0;
    line-height: 34px;
    height: 36px;
    background: transparent;
}

.modal-footer .registration-btn-wrapper .btn:hover {
    color: #0097E0;
    background-color: transparent;
}

.modal-footer .btn i {
    margin-right: 3px;
}
/******************************************/
.bootbox-body{
    text-align: center;
}
.orderdetails-modal .modal-dialog{
    width: 800px;
}
.icheck-label a{
    color: #0097E0;
}
.profile input::-webkit-input-placeholder{
    color: #ffffff;
    font-size: 0;
}
.profile input:-moz-placeholder{
    color: #ffffff;
    font-size: 0;
}
.profile input:-ms-input-placeholder{
    color: #ffffff;
    font-size: 0;
}
.form-control{
    height: 35px;
    border-color: #EEEEEE;
}
.form-control input::-webkit-input-placeholder{
    color: #ffffff;
    font-size: 0;
}
.form-control input:-moz-placeholder{
    color: #ffffff;
    opacity: 0;
    font-size: 0;
}
.form-control input:-ms-input-placeholder{
    color: #ffffff;
    font-size: 0;
}

/* breadcrumbs */
.breadcrumbs li{
    font-size: 12px;
    color: #a1a1a1;
}
.breadcrumbs li a,
.breadcrumbs.background-image-active a{
    font-size: 12px;
    color: #a1a1a1;
}
.breadcrumbs li a:hover{
    color: #000000;
}
.breadcrumbs li.active{
    color: #000000;
}

.admin-edit{
    line-height: 23px;
}
.admin-edit a{
    font-size: 12px;
    color: #a1a1a1;
}

.comments .validation-errors-list{
    bottom: -5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    right: 10px;
}
.input-group .btn{
    height: 35px;
}
input{
    -webkit-appearance: none;
}

/*Loader*/
select::-ms-expand {
    display: none;
}
input::-ms-clear {
    display: none;
}
body {
    -ms-overflow-style: scrollbar;
}

.loader-icon:after{
    background-color: #000000;
}

/* work */

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

.page.page-work h1{
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    position: relative;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.page.page-work h1:before{
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    bottom: -10px;
    width: 40px;
    height: 2px;
    background: #0097E0;
}

.page-work .post-description{
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.work-page-wrapper .logo .img-responsive, .thumbnail&gt;img, .thumbnail a&gt;img{
    margin: 50px auto 30px;
}

.newsletter-work{
    width: 600px;
    margin: 50px auto 0;
}

.validation-errors-list.filled li{
    margin-right: 0px;
}

.newsletter-work .newsletter .form-group input{
    width: 370px;
    background: #ffffff;
    float: left;
    height: 38px;
    color: #515151;
}
.newsletter-work .newsletter .form-group{
    float: left;
}
.newsletter-work .newsletter .form-group input::-webkit-input-placeholder{
    text-transform: uppercase;
    font-size: 12px;
    color: #515151;
}
.newsletter-work .newsletter .form-group input:-moz-placeholder{
    text-transform: uppercase;
    font-size: 12px;
    color: #515151;
}
.newsletter-work .newsletter .form-group input:-ms-input-placeholder{
    text-transform: uppercase;
    font-size: 12px;
    color: #515151;
}
.newsletter-work .newsletter .heading-wrapper{
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: center;
}
.newsletter-work .newsletter .heading-wrapper .title{
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
}
.newsletter-work .newsletter h5, .h5{
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 18px;
    color: #000000;
}

.footer .company-info h5,
.footer .company-info .h5,
.social_and_logo h5,
.social_and_logo .h5{
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.1;
    color: #000000;
}

.newsletter-work .newsletter .description{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #000000;
    display: none;
}
.newsletter-work .newsletter .btn-wrapper{
    float: left;
    margin-left: 20px;
}
.newsletter-work .newsletter .btn-wrapper .btn{
    padding: 7px 40px;
    background-color: #0097E0;
    height: 37px;
    color: #ffffff;
    min-width: 150px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 11px;
    transition: none;
}
.newsletter-work .newsletter .btn-wrapper .btn:hover{
    background-color: #847E6D;
    padding: 7px 40px;
    font-size: 0;
    background-image: url('../../images/nbshop5_namestaj/icon-mail.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 37px;
    min-width: 150px;
    transition: none;
}

.alert{
    margin-bottom: 10px;
}

/* Resset password */
.reset-password h1{
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    position: relative;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 20px;
}

.reset-password h1:before{
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    bottom: -10px;
    width: 40px;
    height: 2px;
    background: #0097E0;
}

.reset-password{
    min-height: 300px;
}

/* Landing page */
.slider.landing-main-slider .item .btn-wrapper a{
    background: #000000;
    color: #ffffff;
    border: none;
    width: 175px;
    height: 40px;
    font-size: 13px;
    padding: 12px 15px;
}

.slider.landing-main-slider .item .btn-wrapper a:hover{
    background: #000000;
}

.slider.list_sale_product .slider-arrows.slider-navigation-top .slider-prev:after{
    display: none;
}

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

.list_sale_product .slider-arrows .slider-prev:before{
    right: -13px;
}

.slider.landing-image-text-slider .slick-dots{
    bottom: -70px;
}

.slider.landing-image-text-slider .slider-arrow i{
    color: #ffffff;
}

.slider.landing-image-text-slider .slider-arrows .slider-next{
    margin-right: 15px;
}

.slider.landing-image-text-slider .slider-arrows .slider-prev{
    margin-left: 15px;
}

.landing-image-text-slider{
    margin-bottom: 45px;
}

.landing-slider-with-bg{
    margin-bottom: 45px;
}

.landing-slider-with-bg .heading-wrapper .btn{
    background: #000000;
    color: #ffffff;
    border: none;
    width: 175px;
    height: 40px;
    font-size: 13px;
    padding: 12px 15px;
}

.landing-slider-with-bg .heading-wrapper .btn:hover{
    background: #000000;
}

.slider.landing-main-slider.landing-banner-slider .slider-arrows{
    display: none;
}

.slider.landing-main-slider.landing-banner-slider{
    margin-top: 40px;
}

.slider.landing-main-slider.landing-banner-slider .item .text-wrapper .title{
    display: none;
}

.similar-products-slider .quick-view{
    display: none;
}

.product.similar-products-slider .item .btn-wrapper{
    bottom: 15px;
}

.profile-orders .btn-default{
    margin-top: 10px;
    padding: 5px 15px;
    font-size: 12px;
}

.profile-orders .item.item-actions .btn-success{
    padding: 5px 25px;
    font-size: 12px;
}

.order-cancel.cart-step h2{
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    position: relative;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.order-cancel.cart-step h2:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 40px;
    height: 1px;
    background: #0097E0;
}


.order-cancel.cart-step .heading-wrapper{
    border: none;
}

.product.service-products-slider .heading-wrapper.heading-wrapper-bordered h2{
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 10px;
    margin-top: 20px;
}

.product.service-products-slider .item .text-wrapper{
    padding: 0;
    border-top: 1px solid #ffffff;
    display: inline-block;
    max-width: 68%;
    padding-left: 5px;
}

.product.service-products-slider .item:hover .img-wrapper{
    border: 1px solid #dedede;
}


.product.service-products-slider .item .img-wrapper{
    border: 1px solid #ffffff;
    display: inline-block;
    width: 30%;

    vertical-align: top;
}

.product.service-products-slider  .item:hover .text-wrapper{
    border: 1px solid #ffffff;
}

.product.service-products-slider .btn.abs-button-reserve{
    background: #0097e0;
    color: #ffffff;
    border-color: #0097e0;
    box-shadow: none;
    border-radius: 0%;
    font-size: 10px;
    width: 100%;
}

.product.service-products-slider .item .text-wrapper .title a{
    font-size: 12px;
    margin-top: 0px;
    line-height: 14px;
    text-transform: none;

    color: #000000;
}

.product .item .options-wrapper .product-sizes.quantity-active .btn.buyButtonOnLists{
    width: 165px;
    height: 30px;
    font-size: 11px;
    text-transform: uppercase;
    background: #0097e0;
    border: 1px solid #0097e0;
    color: #ffffff;
    margin-left: 0px;
    font-weight: 600;
    line-height: 10px;
}

.product.service-products-slider .item .text-wrapper .title{
    margin-bottom: 5px;
    height: 26px;
}

.btn{
    font-weight: 600;
}

.product-slider.service-products-slider &gt; .slider-navigation-absolute{
    top: 0;
}

.vaucher-page .left-info .title h5, .h5{
    margin: 0 0 20px 0;
}

.gifcards-option .item.active .img-wrapper{
    background: transparent;
    border: 1px solid #dddddd;
    border-radius: 5px;
}

.vaucher-page .company-info .img-wrapper img {
    margin-top: 2px;
    margin-right: 10px;
}

#order_total_confirm_content .cart-privacy-policy .validation-errors-list{
    top: auto;
    bottom: -10px;
}

.article-survey{
    display: none;
}

.article-background-wrapper h1{
    color: #000000;
}

.article-background-wrapper{
    background: transparent;
    padding-top: 20px;
    margin-top: 0;
    min-height: 50px;
    padding-bottom: 0;
}

.article-background-wrapper .thumb, .article-background-wrapper .description,
.article .category-submenu{

    display: none;
}


.article-background-wrapper .thumb, .article-background-wrapper .description {
    display: none;
}

.post-item-listalternately .item-wrapper,
.action-listing .item .text-wrapper {
    padding: 0;
}

.post-item-listalternately:nth-child(even) .item-wrapper{
    /*padding: 50px 30px 0;*/
}

.sidebar-newsletter-wrapper{
    height: 320px;
    width: 286px;
}


.newsletter-overlay .title h5{
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 75px;
    text-align: center;
}

.newsletter-overlay{
    padding: 0 20px;
}

.newsletter-overlay .description{
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    padding-bottom: 10px;
}

.newsletter-input.form-control{
    background: transparent;
    height: 40px;
    color: #fff;
    border: 2px solid #fff;
    margin-bottom: 0px;
}

.newsletter-overlay .button-wrapper .btn.btn-block{
    padding: 10px 12px;
    background: #0097E0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-top: 10px;
}
.newsletter-overlay .button-wrapper .btn.btn-block:hover {
    background-color: #54C3F1;
}
.article-background-wrapper{
    background: transparent;
    color: #424242;
}
.article-background-wrapper h1{
    color: #424242;
}

.article-list-alternately .pagination{
    margin-top: 60px;
}
.article-list-alternately .btn-success{
    background: transparent !important;
    color: #424242;
    padding: 0;
    border:0;
}

.article-list-alternately .btn-success:focus,
.article-list-alternately .btn-success:focus:active,
.article-list-alternately .btn-success:hover{
    background: transparent;
    color: #0097E0;
    border:0;
}
.comments-share-wrapper .show-all{
    display: none;
}
.comments-share-wrapper .social-share .item{
    display: inline-block;
}

.article-list-alternately .item-wrapper .btn{
    position: relative;
    padding-right: 20px;
}

.article-list-alternately .item-wrapper .btn:before{
    position: absolute;
    top:51%;
    transform: translateY(-50%);
    right:0;
    font-family: 'NBIcon', sans-serif !important;
    content: "\e604";
    font-size: 10px;
}

/*Polls*/

.action-listing .heading-wrapper {
    margin-bottom: 40px;
}

.actions .item {
    position: relative;
    margin-top: 0;
    padding: 20px 0;
    border-bottom: 1px solid #eeeeee;
}

.actions .item:last-of-type {
    border-bottom: 0;
}

.actions .item .row &gt; div {
    position: static;
}

.action-listing .item .text-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.poll-listing.poll .item .text-wrapper .btn-wrapper a i:before,
.action-listing.actions .item .text-wrapper .btn-wrapper a i:before{
    display: none;
}

.poll-ended{
    background: #000000;
    color: #ffffff;
    padding: 3px;
    font-size: 13px;
}

.progress-bar{
    background-color: #0097E0;
}

.attribute-letters-list .item-wrapper .title{
    color: #0097E0;
}

.attribute-letters-list .heading-wrapper .title{
    text-align: center;
}

.cokie-info-wrapper .img-wrapper{
    display: none;
}

.cookie-info-slider{
    background: #efefef;
}

.cookie-agree {
    background: #0097e0;
}

.cokie-info-wrapper .title{
    color: #000000;
}

.cokie-info-wrapper-top .read-more{
    display: inline-block;
}

.cokie-info-wrapper-top .read-more .btn-wrapper a{
    padding: 4px 6px;
}

.cokie-info-wrapper .description{
    margin-bottom: 20px;
}

.cokie-info-wrapper-top{
    margin-top: 10px;
}

.shop-wall-wrapper{
    display: none;
}

.price-change-wrapper .product .item .btn-wrapper i{
    cursor: pointer;
    margin-left: 10px;
}

.price-change-wrapper .product .item .btn-wrapper{
    bottom: 0;
}

.product-list-onerow-simple .product .item .btn-wrapper {
    display: none;
}
.profile-favorite-products .product-sizes.quantity-active{
    display: none;
}

.profile-favorite-products .product .item .text-wrapper{
    height: 150px;
}

.sidebar-wrapper .slick-dots {
    transform: translateY(100%);
    bottom: -25px;
}

.similar-article-slider {
    margin-bottom: 40px;
}

.similar-article-slider.slider .slick-dots li {
    width: auto;
}

.similar-article-slider.slider .slick-dots li button {
    width: 10px;
    height: 10px;
}

.similar-article-slider.slider .slick-dots li button:before {
    border: 1px solid #eaeaea !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.similar-article-slider.slider .slick-dots li button:before,
.similar-article-slider.slider .slick-dots li.slick-active button:before {
    width: 10px;
    height: 10px;
    background-color: #FFFFFF;
    border-color: #d9d9d9 !important;
    border-radius: 50% !important;
}

.similar-article-slider.slider .slick-dots li.slick-active button:before {
    background-color: #0097E0;
    border-color: #0097E0 !important;
}

.detail-product-info-delivery{
    display: none;
}

.delivery-info{
    margin-top: 20px;
}

.delivery-info .title{
    padding-bottom: 5px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.delivery-info label{
    font-size: 13px;
}

.product-not-allowed-buy-wrapper, .product-allowed-buy-wrapper{
    display: block;
}

.product-allowed-buy-wrapper .img-wrapper{
    display: none;
}

.product-not-allowed-buy-wrapper .description, .product-allowed-buy-wrapper .description{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000000;
    background: #f5f5f5;
    padding: 7px 10px 8px;
}

.product-info-for-special-product{
    padding: 7px 10px 5px;
    background: rgb(0 151 224 / 10%);
    margin-bottom: 20px;
}

.product-info-for-special-product p{
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 500;
}

.product-series{
    border-top: 1px solid #EEEEEE;
    padding-top: 20px;
}

.product-details .product-details-info .code{
    padding-bottom: 0;
}

.product-details .product-details-info{
    border-bottom: 0;
}

.product-details h1{
    margin-bottom: 10px;
    padding-bottom: 0;
}

/*.item-service-wrapper .title{
    display: inline-block;
    width: 10%;
    vertical-align: top;
}*/

/*.products-wrapper{
    display: inline-block;
    width: 85%;
    padding-left: 30px;
}*/

.service-cart-products-slider .item {
    padding: 0;
}

.item-service-wrapper .service-cart-products-slider .item{
    margin-bottom: 10px;
}

#order_cart_content .cart-table .item-service-wrapper .btn {
    background: #0097e0;
    color: #ffffff;
    border-radius: 0;
    min-width: auto;
    width: 100%;
}

.service-cart-products-slider .item .title{
    margin-bottom: 10px;
    width: 95%;
    line-height: 16px;
    height: 36px;
}

.service-cart-products-slider .item .title a{
    font-size: 12px;
    font-weight: 600;
}

.service-cart-products-slider .item .img-wrapper{
    max-width: 65px;
    display: inline-block;
}

.service-cart-products-slider .item .text-wrapper{
    display: inline-block;
    vertical-align: bottom;
    padding-left: 10px;
    margin-bottom: 6px;
}

.service-cart-products-slider .item .text-wrapper .prices-wrapper{
    padding-bottom: 10px;
}

.service-cart-products-slider .item .text-wrapper .prices-wrapper .current-price{
    font-size: 14px;
    font-weight: 600;
}

.item-service-wrapper{
    margin-bottom: 0px;
    padding: 20px;
    background: rgb(0 151 224 / 10%);
    height: 180px;
}

.cart-step .item-service-wrapper .btn{
    background: #0097e0;
    color: #ffffff;
    height: 27px;
    width: 85px;
    padding: 0;
}

.cart-step .item-service-wrapper .btn span{
    font-weight: 500;
    font-size: 12px;
    line-height: 13px;
}

.item-service-wrapper .title label{
    margin: 45px 0;
    font-size: 14px;
    font-weight: 600;
}

.service-cart-products-slider .slider-init{
    max-width: 1073px;
    display: block;
}

.table {
    width: 1200px;
}

.service-cart-products-slider &gt; .slider-navigation-absolute{
    top: 40%;
    width: 100%;
    left: auto;
    right: 20px;
}

.service-cart-products-slider .slick-dots{
    bottom: -45px;
}

.service-cart-products-slider .slick-dots li button:before{
    background: #333333;
}

.shopping-list-icon{
    display: none;
}

.reg-check-werapper .validation-errors-list.filled li{
    margin-right: -40px;
}

.birthdate-wrapper{
    display: none;
}


.table&gt;tbody&gt;tr:hover&gt;td, .table&gt;tbody&gt;tr:hover&gt;th{
    background-color: transparent;
}

.cart-table.table &gt; tbody &gt; tr:not(.item) &gt; td{
    padding: 0;
}
.item-pair-wrapper{
    background: #f2f2f2;
}

.site-info-message .error{
    font-weight: 600;
}

.cart-total{
    padding: 10px;
    height: 40px;
}

.info-message{
    padding: 10px 10px 1px;
    margin-bottom: 10px;
    background: rgb(0 151 224 / 20%);
}

.info-message p{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 17px;
}

.slider-wrapper.slider-wrapper-full, .slider-wrapper.slider-wrapper-full .slick-slide{
    background: transparent !important;
}

.product-list-slider-wrapper .product-list-slider-content{
    display: block;
}

.product-list-slider-wrapper .product-list-slider-title .title{
    display: none;
}

.product-list-slider .item{
    padding: 20px;
    background: rgb(0 151 224 / 20%);
}

.product-list-slider .item .description:hover{
    color: #000000;
}

.trustmark-slider {
    margin-top: 20px;
}

.product-listing .category-description .text-wrapper{
    text-align: center;
    font-size: 14px;
}

/* Quiz */
body.uc-quiz_listing {
    background: #F9FCFD;
}

.quiz-listing.quiz-listing-v2 .heading-wrapper,
.quiz-listing.quiz-listing-v2.quiz .item .text-wrapper &gt; div:not(.title) {
    display: none;
}

.quiz-listing.quiz-listing-v2.quiz .item {
    margin: 0 10px 20px;
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.05);
    box-shadow: 0 0 15px rgb(0 0 0 / 5%);
    border-radius: 5px;
    background: #FFFFFF;
    padding: 0 0 20px;
    display: block;
    overflow: hidden;
}

.quiz-listing.quiz-listing-v2.quiz .item .text-wrapper .title {
    font-weight: 600;
    text-align: center;
    display: block;
    margin: 30px 30px 20px;
    font-size: 17px;
    line-height: 24px;
    height: auto;
}

.quiz-listing.quiz-listing-v2.quiz .item .text-wrapper &gt; div:not(.title){
    text-align: center;
}

.quiz-listing.quiz-listing-v2.quiz .item .img-wrapper img {
    width: 100%;
}

body.uc-quiz_listing .quiz-form,
body.uc-quiz_listing .quiz-form .item {
    margin-bottom: 0;
}

body.uc-quiz_listing .quiz-form .item-content .item-option .form-group {
    margin-bottom: 0;
    margin-top: 15px;
}

body.uc-quiz_listing .quiz-form .item-content:first-child .item-option .form-group {
    margin-bottom: 0;
}

body.uc-quiz_listing .quiz-form .item:last-child &gt; .img-wrapper .img-responsive {
    max-width: calc(100% - 20px);
    width: 400px;
    margin: 100px auto;
}

.quiz-details .question {
    padding-bottom: 5px;
    padding-top: 20px;
}

.quiz-details .question:first-child {
    padding-top: 0;
}

.quiz-in-steps .quiz-navigation {
    height: 100%;
}

.post-details.quiz-header,
.quiz-in-steps .quiz-navigation,
.quiz-in-steps .label-description-wrapper,
.quiz-in-steps .quiz-form .item &gt; .questions-category-name,
.quiz-in-steps .quiz-form .img-wrapper,
.quiz-in-steps .quiz-form .question-name,
.quiz-in-steps .quiz-form .question-short-description,
.quiz-in-steps .quiz-form .item-content:not(.quiz-type-custom-quantity-form-v1) .item-option .form-group {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.05);
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
    border-radius: 5px;
    background: #FFFFFF;
    padding: 20px;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.quiz-in-steps .quiz-form .item-content:not(.quiz-type-custom-quantity-form-v1) .item-option .form-group:hover {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.15);
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
}

.quiz-in-steps .quiz-form .question-name {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
}

.quiz-in-steps .quiz-form .item-content .item-option .form-group {
    text-align: left;
}

.quiz-in-steps .quiz-form .item-content:not(.quiz-type-custom-quantity-form-v1) .item-option .form-group label {
    width: 100%;
}

.quiz-in-steps .quiz-form .item-content .item-option .form-group .label-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 16px;
}

.quiz-in-steps .quiz-form .item-content .item-option .form-group .quantity-wrapper {
    text-align: center;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.quiz-in-steps .quiz-form .item-content .item-option .form-group .quantity-wrapper .input-wrapper {
    width: 45px;
    height: 32px;
}

.quiz-in-steps .quiz-form .item-content .item-option .form-group .quantity-wrapper .input-wrapper input {
    width: 60px;
    background: #FFFFFF;
}

.quiz-in-steps .quiz-form .item-content .item-option .form-group .quantity-wrapper span {
    border-color: #e5e5e5;
    border-radius: 0;
    height: 32px;
}

.quiz-in-steps .quiz-form .item-content .item-option .form-group .quantity-wrapper .icon-minus {
    border-radius: 3px 0 0 3px;
    border-width: 1px 0 1px 1px;
    background: #FBFBFB;
}

.quiz-in-steps .quiz-form .item-content .item-option .form-group .quantity-wrapper .icon-plus {
    border-radius: 0 3px 3px 0;
    border-width: 1px 1px 1px 0;
    background: #FBFBFB;
}

.quiz-in-steps .quiz-form .item-content .item-option .form-group .quantity-wrapper select {
    border-color: #e5e5e5;
    background: #FFFFFF;
    height: 32px;
    width: 105px;
    text-indent: 5px;
}

.quiz-in-steps .quiz-form .item-content.quiz-type-number .item-option .form-group .label-title {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

.quiz-in-steps .quiz-form .item-content.quiz-type-checkbox .item-option .form-group .label-title {
    font-size: 16px;
}

.quiz-in-steps .quiz-form .item-content.quiz-type-checkbox .item-option .form-group .label-title.active,
.quiz-in-steps .quiz-form .item-content.quiz-type-select .item-option .form-group.active .label-title,
.quiz-in-steps .quiz-form .item-content.quiz-type-select .item-option:hover .form-group .label-title {
    color: #0097E0;
}

.quiz-in-steps .quiz-form .item-content .item-option .form-group .icheckbox_flat {
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #0097E0;
}

.quiz-in-steps .quiz-form .item-content .item-option .form-group .icheckbox_flat.checked {
    background: #ffffff center no-repeat;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2), rgb(255,255,255,0.2)), url('../../../../nbshop5_v5_8/_static/images/core/checkbox-blue.png');
    background-size: 8px;
}

.quiz-in-steps .quiz-form .item-content .item-option .form-group .iradio_flat {
    margin: 0 5px 0 0;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #0097E0;
}

.quiz-in-steps .quiz-form .item-content .item-option .form-group .iradio_flat.checked:after {
    width: 16px;
    height: 16px;
    background: #0097E0;
    border: 4px solid #fff;
}

.post-details.quiz-header {
    margin: 0 10px 20px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right;
    padding: 30px;
    background-image: url('../../images/quiz_cover_img.png') !important;
}

.post-details.quiz-header a {
    pointer-events: none;
}

.quiz-in-steps .quiz-form .item-content.quiz-type-custom-quantity-form-v1 {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.05);
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
    border-radius: 5px;
    background: #FFFFFF;
    padding: 20px 0;
    margin: 15px 0 0;
}

.quiz-in-steps .quiz-form .item-content.quiz-type-custom-quantity-form-v1 .quiz-answer {
    margin-bottom: 30px;
    line-height: 36px;
}

.quiz-in-steps .quiz-form .item-content.quiz-type-custom-quantity-form-v1 .table-wrapper {
    padding: 20px;
}

.quiz-in-steps .quiz-form .item-content.quiz-type-custom-quantity-form-v1 .table-title {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #848484;
    margin-bottom: 15px;
    padding: 20px 20px 0;
}

.quiz-in-steps .quiz-form .item-content.quiz-type-custom-quantity-form-v1 .item-option .form-group .label-title {
    font-size: 14px;
}

.quiz-in-steps .quiz-form .item-content.quiz-type-custom-quantity-form-v1 .item-option .form-group label,
.quiz-in-steps .quiz-form .item-content.quiz-type-custom-quantity-form-v1 .item-option .form-group .label-title {
    pointer-events: none;
}

.quiz-in-steps .quiz-form .item-content.quiz-type-custom-quantity-form-v1 .btn-wrapper {
    width: 100%;
    text-align: right;
}

.quiz-in-steps .quiz-form .table &gt; tbody &gt; tr &gt; th {
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    font-weight: 500;
    padding: 10px;
    border-bottom: 2px solid #0097E0;
    border-top: none;
    background: #F9FCFD;
}

.quiz-form .item-option .form-group .custom-quantity-form-v1-wrapper {
    display: inline-block;
    float: right;
}

.quiz-form .item .resault-description {
    text-align: center;
    margin: 20px auto;
    font-size: 17px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 900;
}

.quiz-form .item .resault-description span {
    display: inline-block;
}

.quiz-form .item .resault-description #question-resault {
    color: #0097E0;
}

.quiz-navigation .nav-item {
    margin-bottom: 60px;
}

.quiz-navigation .nav-item:last-child {
    margin-bottom: 10px;
}

.quiz-navigation .nav-item .custom-quantity-form-v1-wrapper {
    margin-bottom: 55px;
}

.quiz-navigation ul &gt; li &gt; span.nav-number {
    display: inline-block;
    width: 31px;
    height: 31px;
    font-size: 16px;
    line-height: 25px;
    color: #FFFFFF;
    background: #e5e5e5;
    border: 3px solid #eeeeee;
    border-radius: 50%;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    flex-shrink: 0;
}

.quiz-navigation ul &gt; li.checked &gt; span.nav-number,
.quiz-navigation ul &gt; li.active &gt; span.nav-number {
    background: #0097E0;
    border: 3px solid #CCEAF9;
}

.quiz-navigation ul &gt; li.checked &gt; span.nav-number:hover,
.quiz-navigation ul &gt; li.active &gt; span.nav-number:hover{
    background: #69c1ef;
    border: 3px solid #3a95de;
}

.quiz-navigation ul &gt; li &gt; span.nav-title {
    display: inline-block;
    font-size: 17px;
    line-height: 18px;
    text-transform: uppercase;
    margin-left: 10px;
    color: #e5e5e5;
    transition: all 0.3s ease-in-out;
    font-weight: 600;
}

.quiz-navigation ul &gt; li.checked &gt; span.nav-title,
.quiz-navigation ul &gt; li.active &gt; span.nav-title {
    color: #000000;
}

.quiz-navigation ul &gt; li &gt; span.nav-number:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-1px);
    top: 28px;
    display: inline-block;
    height: 60px;
    width: 14px;
    border: none;
    border-left: 2px dashed #FFFFFF;
    background: linear-gradient(#FFFFFF 0 0) padding-box, #E5E5E5;
}

.quiz-navigation ul &gt; li:last-child &gt; span.nav-number:after {
    content: none;
}

.quiz-navigation ul &gt; li.checked &gt; span.nav-number:after,
.quiz-navigation ul &gt; li.active &gt; span.nav-number:after {
    background: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(180deg, #0097E0 0%, #C8EBFF 100%) border-box
}

.quiz-navigation ul &gt; li.checked:hover &gt; span.nav-title,
.quiz-navigation ul &gt; li.active &gt; span.nav-title {
    color: #0097E0;
}

.quiz-navigation ul &gt; li.checked:hover &gt; span.nav-number,
.quiz-navigation ul &gt; li.active &gt; span.nav-number {
    background: #54C3F1;
    border: 3px solid #0097E0;
}

.quiz-in-steps .quiz-form .questions-category-name {
    color: #0097E0;
    text-transform: uppercase;
    text-align: center;
    font-size: 17px;
    line-height: 18px;
    font-weight: 700;
    margin: 0;
}

.quiz-in-steps .quiz-form .questions-name {
    display: block;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    text-align: center;
    padding: 12px;
    font-weight: 600;
}

.quiz-in-steps .quiz-form .questions-category-name p {
    margin: 0;
}


.quiz-details .quiz-in-steps .label-description-wrapper {
    padding-bottom: 72px;
}

.quiz-details .quiz-in-steps .label-description-wrapper .description-space {
    height: 100%;
}

.quiz-details .quiz-in-steps .label-description-wrapper .description-space #label-description {
    position: sticky;
    z-index: 100;
    top: 20px;
}

.quiz-details .quiz-in-steps .label-description-wrapper .description-space #label-description img{
    margin-bottom: 30px;
}

.quiz-details .quiz-in-steps .label-description-wrapper .description-space .resault-description .descriotion {
    font-weight: 600;
    font-size: 15px;
    line-height: 30px;
}

.quiz-details .quiz-in-steps .label-description-wrapper .description-space .resault-description .short-descriotion {
    font-size: 15px;
    line-height: 30px;
}

.quiz-details .quiz-in-steps .label-description-wrapper .description-space .resault-description .short-descriotion a {
    color: #0097E0;
    font-weight: 700;
    font-size: 13px;
}

.quiz-details .quiz-in-steps #question-resault {
    font-weight: 700;
    font-size: 23px;
    line-height: 35px;
    margin: 20px 0;
    display: block;
}

.quiz-details .quiz-in-steps .label-description-wrapper .btn-wrapper {
    display: flex;
    width: 100%;
    margin: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    position: sticky;
    z-index: 100;
    clear: both;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
}

.quiz-in-steps .quiz-form .item-content.quiz-type-custom-quantity-form-v1 .btn-wrapper .btn,
.quiz-details .quiz-in-steps .label-description-wrapper .btn-wrapper .btn {
    margin: 20px 0 0;
    width: calc(50% - 5px);
    color: #ffffff;
    background-color: #0097E0;
    border: 1px solid #0097E0;
    border-radius: 5px !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    display: inline-block;
    padding: 0;
    height: 50px;
    line-height: 48px;
    font-size: 16px;
    font-weight: 600;
    vertical-align: middle;
    text-transform: uppercase;
}

.quiz-in-steps .quiz-form .item-content.quiz-type-custom-quantity-form-v1 .btn-wrapper .btn {
    margin: 20px 0 0;
    width: 105px;
    padding: 0;
    line-height: 30px;
    height: 32px;
}

.quiz-in-steps .quiz-form .item-content.quiz-type-custom-quantity-form-v1 .btn-wrapper .btn:after {
    content: '+';
    color: #ffffff;
    margin-left: 10px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -2px;
    font-size: 26px;
}

.quiz-in-steps .quiz-form .item-content.quiz-type-custom-quantity-form-v1 .btn-wrapper .btn:hover,
.quiz-details .quiz-in-steps .label-description-wrapper .btn-wrapper .btn:hover,
.quiz-details .quiz-in-steps .label-description-wrapper .btn-wrapper #resault-quiz-step {
    background: #54C3F1;
    border-color: #54C3F1;
}

.quiz-details .quiz-in-steps .label-description-wrapper .btn-wrapper #resault-quiz-step:hover {
    background: #0097E0;
    border-color: #0097E0;
}

.quiz-details .quiz-in-steps .label-description-wrapper .btn-wrapper #first-quiz-step {
    width: 100%;
    background: #fff;
    color: #0097E0;
    position: absolute;
    top: -65px;
    z-index: 100;
}

.quiz-details .quiz-in-steps .label-description-wrapper .btn-wrapper #first-quiz-step:hover {
    color: #54C3F1;
    border-color: #54C3F1;
}

.quiz-details .quiz-in-steps .label-description-wrapper .btn-wrapper #prev-quiz-step:before {
    content: '';
    -webkit-mask: url('../../../../nbshop5_v5_8/_static/images/core/arrow_left.svg') no-repeat 100%;
    mask: url('../../../../nbshop5_v5_8/_static/images/core/arrow_left.svg') no-repeat 100%;
    -webkit-mask-size: cover;
    background-color: #ffffff;
    mask-size: cover;
    margin-right: 10px;
    position: relative;
    width: 8px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    top: -1px;
}

.quiz-details .quiz-in-steps .label-description-wrapper .btn-wrapper #next-quiz-step:after {
    content: '';
    -webkit-mask: url('../../../../nbshop5_v5_8/_static/images/core/arrow_right.svg') no-repeat 100%;
    mask: url('../../../../nbshop5_v5_8/_static/images/core/arrow_right.svg') no-repeat 100%;
    -webkit-mask-size: cover;
    background-color: #ffffff;
    mask-size: cover;
    margin-left: 10px;
    position: relative;
    width: 8px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    top: -1px;
}

.quiz-details .quiz-form .form-group label img {
    margin: auto;
    width: 400px;
    max-width: 100%;
}

.quiz-details .table &gt; tbody &gt; tr &gt; td:not(:last-child) {
    border-right: 1px solid #EEEEEE;
}

.quiz-details .table &gt; tbody &gt; tr &gt; td:last-child {
    text-align: center;
}

.quiz-details .table &gt; tbody &gt; tr:nth-child(2n) &gt; td {
    background-color: #ffffff !important;
}

.quiz-details .table &gt; tbody &gt; tr:nth-child(2n+1) &gt; td {
    background-color: #FBFBFBFB
    !important;
}

.quiz-details .table &gt; tbody &gt; tr &gt; td:first-child,
.quiz-details .table &gt; tbody &gt; tr &gt; td:last-child {
    color: #0097E0;
}

.quiz-details .table .icon-delete:before {
    background-image: url('../../images/korpica.svg') !important;
    content: '';
    width: 16px;
    height: 18px;
    background-repeat: no-repeat;
    display: block;
    margin: 2px 0 -2px;
}

.quiz-navigation ul {
    position: -webkit-sticky;
    position: sticky;
    top: 15px;
}

body.uc-quiz_listing .post-details.quiz-header .logo {
    display: inline-block;
    cursor: pointer;
}

body.uc-quiz_listing .post-details.quiz-header .logo img {
    width: 250px;
}

#mobile-answer-text-modal .modal-body {
    padding: 0 20px 20px;
}

#mobile-answer-text-modal .modal-header,
#mobile-answer-text-modal .modal-content {
    border-radius: 5px;
}

#mobile-answer-text-modal .modal-dialog {
    max-width: calc(100% - 20px);
}

#mobile-answer-text-modal .modal-header .close {
    width: 30px;
    height: 30px;
    font-weight: 300;
    background: rgb(0 151 224 / 10%);
    border-radius: 50%;
    color: #0097E0;
    top: 15px;
    right: 12px;
}@media (min-width: 768px) and (max-width: 1400px){

    .product-listing .product-item.grid-view{
        width: calc(100% / 3);
    }

    .product-listing .product-item.gridalt-view{
        width: 25%;
    }
    .tehnical-support-wrapper .item-wrapper {
        padding: 10px;
    }

}

@media (max-width: 1400px) {

    .padding-slider .slider-arrows {
        width: 662px;
    }
    .onlyimgslider .headline-wrapper {

        left: 60%;
    }

    .sportcategories-slider .small-first {
        padding-right: 61px;
    }

    .sportcategories-slider .small-last{
        padding-left: 61px;
    }

    .b-landing-wrapper .sport-main .item-wrapper-rel {
        left: 90px;
    }
    .profile-orders .order-lnk-wrapper{

        padding-left: 0;
    }

    .product-listing .filter-selector-wrapper .filter-group-wrapper {
        width: 105px;
    }

    .toggle-banner .toggle-button {
        padding: 10px;
        width: 42px;
    }

    .toggle-banner .toggle-button span {
        display: none;
    }

    .toggle-banner .toggle-button.expand {
        width: 100px;
    }

    .toggle-banner .toggle-button.expand span {
        display: inline-block;
    }

    .promo-slider .content {
        left: calc(50% - 600px);
    }
    .items-slider-with-thumbs .item .absolute-center-img img{
        max-width: 250px;
    }
    .items-slider-with-thumbs .main-items-slider .item .text-wrapper {
        max-width: 400px;
        top: 40%;
        left: 60%;
    }

    /* Item product description popup */
    .item.loop-bg .loop-items-wrapper {
        height: 600px;
    }

    .product-description-popup-wrapper .img-wrapper .items-wrapper.product {
        max-height: calc(100% - 220px);
        overflow: hidden;
        overflow-y: auto;
        margin-top: 0;
        position: relative;
        padding: 20px 0;
    }

    .product-description-popup-wrapper .img-wrapper.product:after,
    .product-description-popup-wrapper .img-wrapper .heading-wrapper:before {
        content: "";
        width: 100%;
        height: 40px;
        position: absolute;
        bottom: -40px;
        left: 0;
        z-index: 1;
        pointer-events: none;
        background-color: hsla(0,0%,95%,0);
        background-image: linear-gradient(180deg,#f2f2f2 0,hsla(0,0%,95%,0));
    }

    .product-description-popup-wrapper .img-wrapper.product:after {
        top: auto;
        bottom: 0;
        background-color: hsla(0,0%,95%,0);
        background-image: linear-gradient(0deg,#f2f2f2 0,hsla(0,0%,95%,0));
    }

    .product-description-popup-wrapper .heading-wrapper {
        padding: 30px;
        height: auto;
    }

    .product-description-popup-wrapper .heading-wrapper img {
        margin: 0 auto 10px;
    }

    .product-description-popup-wrapper .text-wrapper.product .item.product-item {
        padding-bottom: 90px;
    }

    .product-description-popup-wrapper .text-wrapper.product .item.product-item .content .description {
        height: 140px;
        overflow: hidden;
        overflow-y: auto;
    }

    .product-description-popup-wrapper .text-wrapper.product .cover-img {
        /*height: 210px;*/
        height: auto;
    }

    .product-description-with-popup {
        background-size: auto 100%;
    }

    .product-description-with-popup.hovered {
        background-size: auto 103%;
    }
    .fixed-banner{
        width: calc(50vw - 610px);
    }

    .article-alternately-listing-gallery-slider .item .content {
        padding: 20px 70px;
    }

    .login-form-v2 .form-button-wrapper{
        width: 100%;
    }
    /*Welcome page*/
    .welcome-countries-wrapper .items-wrapper .item {
        margin: 5px auto;
    }
    .text-global-wrapper .text-wrapper {
        margin-top: 0;
    }
    .welcome-social-wrapper{
        bottom: 10px;
    }
    .border{
        bottom: 30px;
    }

    /*Welcome page END*/
}

@media (max-width: 1200px){

    .slider-wrapper:after {
        right: -2px;
    }

    .slider-in-tab .slider-navigation-absolute .slider-prev {
        padding-right:15px;
        margin-left:0;
    }

    .slider-in-tab .slider-navigation-absolute .slider-next {
        padding-left:15px;
        margin-right:0;
    }
    .onlyimgslider-content {
        width: 600px;
    }

    .sport-four-in-row {
        margin: 40px 50px;
    }
    .sportcategories-slider.dif-grid {

        padding: 0 50px;
    }

    .sportcategories-slider {
        padding: 0 50px;
    }

    .sport-three-in-row .item.slick-active .button-slider {

        transition: all 0.5s ease;
    }
    .sport-three-in-row .item-title{
        font-size: 20px;
    }
    .padding-slider .slick-slide{
        padding: 0;
    }
    .sportcategories-slider .new_row:first-of-type {
        padding-bottom: 0;
    }

    .new_row {
        margin: 0;
    }
    .sportcategories-slider.dif-grid .slider-caption {

        width: 100%;
    }

    .grid-slider.side-text .content {
        right: 0;
        width: 50%;
        padding: 20px;
    }

    .grid-slider.side-text.side-text-with-cover .item {
        margin-top: -30px;
    }

    .login-form-v2{
        width: 90%;
    }

}


/* NOVI CSS */

@media (max-width: 1200px) {

    .container {
        width: 1024px;
    }
    .container.fashion {
        width: 1000px;
    }
    .slider-navigation-absolute .slider-prev {
        left: 0;
        margin-left:0;
    }

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

    .grid-slider.intro-slider .text-wrapper .title {
        font-size: 0.8rem;
    }

    .heading-wrapper-profile h1 {
        font-size: 15px;
    }

    .promo-slider .content {
        left: calc(50% - 500px);
    }

    .product-listing .filter-selector-wrapper {
        height: 51px;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }

    .article-slider-with-custopm-pagination .item .img-wrapper {
        padding: 0;
    }

    .article-slider-with-custopm-pagination .item .img-wrapper .slide-number {
        right: -25px;
    }

    .dropdown-custom .nav-main-dropdown-wrapper,
    .dropdown-custom .nav-main-dropdown-wrapper .nav-main-dropdown &gt; .container{
        width: 550px;
    }
    .dropdown-custom .heading-wrapper h5{
        font-size: 12px;
    }

    .product-description-with-popup &gt; .container {
        width: 950px;
    }

    .product-description-popup-wrapper .text-wrapper.product .item.product-item .content .description {
        height: auto;
    }

    .product-listing-intro .product-intro-input-search #intro_search {
        width: 100%;
    }
    .fixed-banner{
        width: calc(50vw - 512px);
    }

}

@media (min-width: 1400px) {

    .container {
        width: 1200px;
    }

    body.uc-quiz_listing .container {
        width: 1400px;
    }

    .toggle-banner .toggle-button span{
        display: none !important;
    }

    .header.fixed .autocomplete-button.autocomplete-button-simple{
        right: calc(50% - 595px);
    }

}
@media (max-width: 1400px) {

    .sidebar-product-compare{
        top: 200px;
    }

    .toggle-banner {
        top: 65vh;
    }

    .contact-page .intro{
        width: 100%;
    }
    .toggle-banner .toggle-button span{
        display: none !important;
    }

    .profile .heading-wrapper .title h3{
        margin-top: 12px;
    }
}
@media (max-width: 1200px){

    .contact-page .intro{
        width: auto;
    }
    .page.contact-page .intro .heading-wrapper{
        width: 100%;
    }

    .sidebar-newsletter-wrapper{
        width: 235px;
    }

    .product-listing-intro .product-intro-input-search #intro_search {
        width: auto;
    }

    .newsletter .btn-wrapper .btn{
        padding: 9px 10px;
    }

    .product .item .options-wrapper .product-sizes.quantity-active .btn.buyButtonOnLists{
        width: 137px;
        margin-left: 0;
    }

    .outfit-slider.product .item .options-wrapper .product-sizes.quantity-active .btn.buyButtonOnLists{
        width: 130px;
    }

    .service-cart-products-slider .slider-init{
        max-width: 895px;
    }

}

/* Medium devices (desktops, 1025px and down) */
@media (max-width: 1025px) {

    /* move down the right column; it's a breakpoint */
    .col-left,
    .col-right{
        float: none;
        width: auto;
        max-width: 100%;
    }

    .col-left-inner{
        margin-right: 0;
    }

    .col-right-style .tab-content {
        padding:10px 10px 75px;
    }

    .col-right-style .instagram-headline {
        display:none;
    }
    .loyality-header{
        z-index:0;
    }
    .header-phoneinfo {
        margin-right:0;
    }

    .homepage-banner-wrapper .banner-img {
        margin-top:0;
    }

    .breadcrumbs ul {
        padding-left:0;
    }

    .nav-main &gt; .has-bg.jordan-main-menu {
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .nav-main &gt; .has-bg.jordan-main-menu .highlight-bg {
        top:-3px;
    }

    .nav-main li.has-bg{
        margin-left: 15px;
    }

    .post-content ul {
        padding-left: 20px;
        padding-right: 20px;
    }

    .main-slider-wrapper {
        /* height:300px; */
    }

    .main-slider-bg,
    .main-slider .cover-bg-wrapper {
        /* height:288px; */
    }

    /* Handlines sldier */
    .handlines-sldier .slider-arrows .slider-prev,
    .handlines-sldier .slider-arrows .slider-next {
        margin: 0 5px;
    }

    .header-top.fixed-style .handlines-sldier {
        opacity: 0;
        height: 0;
    }

    .autocomplete h4 {
        padding:0;
    }

    .autocomplete-results {
        padding:0 20px;
    }

    .autocomplete-results .product-title {
        height:40px;
    }

    .autocomplete .products-list-simple {
        margin:0 -10px 20px;
    }

    .autocomplete .products-list-simple &gt; .products-list-search.row {
        width:50%;
        float:left;
        margin:0;
    }

    .product-list-simple-styled {
        background:#4B4B4B;
        padding:0 10px 10px;
    }

    .product-details .nav-tabs{
        padding-left: 0;
    }

    .product-listing-intro-filters{
        float: left;
        width: 100%;
    }

    .product-listing-intro-filters .form-group label {
        margin-bottom: 0px;
        float: left;
        line-height: 34px;
    }

    .product-listing-intro-filters .styled-select {
        float:left;
    }

    .product-listing-intro-filters .styled-select-aftertext {
        line-height:34px;
    }

    .products-list-simple .product-price {
        font-size:15px;
    }

    .products-found {
        padding:2px 5px;
        font-size:11px;
    }

    .product-listing-intro .form-group{
        margin-bottom: 10px;
    }

    .product-listing-intro .pagination-wrapper,
    .product-listing-intro .form-group.filters-limit{
        display: none;
    }

    .postbox-caption{
        font-size: 16px;
        padding: 6px 10px;
        min-height: 40px;
    }

    .product-infobox {
        max-width:100%;
    }

    .product-infobox-contact-text-wrapper {
        width:100%;
    }

    .product-buy .shop-button-qnt ,
    .product-buy .shop-button-qnt-soonSale {
        border-radius:10px;
    }

    .product-item .abs-appended {
        position: absolute;
    }

    .product-info-wrapper {
        height: auto;
    }

    .intro-pagination {
        display:none;
    }

    .main-product-info .info-headline {
        background:transparent;
    }

    .shop-list-group .action-buttons {
        position:absolute;
        right:45px;
        top:8px;
        font-size:16px;
    }

    .shop-list-group .action-buttons .icon-email,
    .shop-list-group .action-buttons .icon-eye {
        margin-left:15px;
        vertical-align:middle;
    }

    .post-color .social-share {
        padding:0 20px 20px;
    }

    .promo-item.featured-item {
        min-height:140px;
        height:auto;
    }

    .promo-bg.promo-bg-small {
        height:auto !important;
    }

    .heading-wrapper-profile {
        padding:5px 5px 0;
    }

    .bootbox .modal-body {
        padding: 15px 15px 0;
    }

    .bootbox .modal-footer {
        padding:15px;
    }

    .login-sidebar .text-center {
        text-align:left;
    }

    .login-sidebar img.img-responsive.center {
        float:left;
        margin-right:20px;
    }

    .cart {
        padding: 0px 10px;
    }

    .full-height .promo-item.featured-item {
        height:auto;
    }

    .modal-dialog{
        margin: 10px auto;
    }

    .company-info-footer {
        text-align:center;
    }

    .input-group-addon {
        border:0 solid #fff;
    }

    .heading-wrapper-profile .heading-append a {
        line-height:75px;
    }

    .profile-data-item,
    .heading-wrapper-profile .heading-append a {
        border-left:0 solid #fff;
    }

    .product-item-overlay .remove-item{
        padding: 6px;
        font-size: 12px;
    }

    .product-item.gridalt-view .product-item-overlay &gt; a .caption-main-wrapper {
        background:rgba(0,0,0,0);
    }

    .product-item.gridalt-view .product-item-overlay &gt; a .caption-main-title,
    .product-item.gridalt-view .product-item-overlay .caption-round,
    .product-item.gridalt-view .product-item-overlay .caption-main{
        display:none;
    }

    .offer-slider-wrapper.slider-wrapper {
        position:static;
    }

    .offer-slider-wrapper .owl-prev i,
    .offer-slider-wrapper .owl-next i {
        padding:9px 20px;
    }

    .login-style {
        margin-bottom:20px;
    }

    .contact-sidebar {
        padding:15px;
        margin-right:0;
    }

    .contact-page-thank-you .intro {
        margin-bottom:20px;
    }

    .col-right-style {
        margin-bottom:15px;
    }

    .col-right-style .product-item-overlay {
        border:0 solid #fff;
    }

    .col-right-style .products-list-simple .product-item {
        border:0 solid #fff;
    }

    .col-right-style .product-title {
        display:none;
    }

    .col-right-style .products-list-simple.product-list-simple-styled {
        padding:0 10px 10px;
    }

    /*    .catalog-pagination {
            display:none;
        }*/

    .article-banner .banner-img {
        background:#fff;
    }
    .article-detail .article-wrapper {
        padding: 10px 20px;
    }

    .social-share {
        padding:0 0 20px 20px;
    }

    .profile .product-text-wrapper {
        height:120px;
    }

    .list-types {
        display:none;
    }

    .product-item-prices {
        font-size:12px;
    }

    .caption-main-title {
        font-size:1em;
        line-height:30px;
    }

    .listing-products .product-item .caption-main {
        top: calc(50% - 35px);
    }

    .slider-item .caption-main-title {
        line-height:40px;
    }

    .location-search{
        min-height: 0;
    }

    .store-item-address {
        height:40px;
    }

    .stores-list .item-wrapper .title {
        font-size:1.125rem;
    }

    .sidebar-info .intro,
    .sidebar-info .item {
        word-wrap: break-word;
    }

    .article-info {
        margin-top:20px;
    }

    .footer-small {
        height:auto;
    }

    .table-responsive {
        overflow-x:scroll;
    }

    .market-barometer-innerwrapper .table-responsive {
        margin-bottom:0;
    }

    .date .input-group-addon {
        border:1px solid #ddd;
    }

    .date + .input-group-addon {
        border:1px solid #d6d6d6;
    }

    .login-style .headline {
        color: #FF9002;
        border-bottom: 1px solid #eee;
        padding-bottom: 5px;
    }

    .pagination {
        margin-top:5px;
    }

    .product-text-wrapper{
        height: 55px;
    }

    .product-item .caption-main {
        top:calc(50% - 45px);
    }

    .fixed-cart-wrapper .fixed-header-cart {
        display:none;
    }

    .shop-button-qnt ,
    .shop-button-qnt-soonSale {
        min-width:200px;
        margin-left:0;
        font-size:12px;
    }

    .product-quantity-wrapper {
        border-radius:0;
    }

    .product-details {
        padding-right:15px;
    }

    .product-attributes-wrapper .product-help-link{
        display: none;
    }

    .small-wrapper {
        padding-right:0;
    }

    .sidebar .fixed-sidebar .promo-item.featured-item {
        min-height:190px;
    }

    .visible-fixed-header-cart .fixed-header-cart {
        display:none !important;
    }

    .intro-counter {
        width:30px;
        height:30px;
        padding:2px;
    }

    .caption-main-title i {
        display:none;
    }

    .nav-tabs &gt; li {
        margin-top:1px;
    }

    .promo-bg-big {
        padding-bottom:10px;
    }

    /*assortment slider*/

    .assortment:after,
    .assortment .intro-item:before,
    .assortment .intro-item:after {
        display:none;
    }

    .assortment .title {
        font-size:1.25rem;
    }

    .large-round-icon {
        width:140px;
        height:140px;
    }

    .assortment .title {
        margin-top:10px;
    }

    /*
    * documentation slider
    */

    .documentation-slider .headline {
        font-size: 1rem;
        margin: 10px 0;
    }

    /*
    * gender slider
    */

    .genders-slider .headline {
        font-size:1.25rem;
    }

    .catalog-reader-html .catalog-pagination {
        left:auto;
        margin-left:-10px;
    }

    .catalog-pagination {
        z-index:1;
        padding:0 10px;
        left:0;
    }

    .catalog-pagination .owl-prev,
    .catalog-pagination .owl-next {
        margin:0;
        padding:0;
        width:auto;
        height:auto;
        background:transparent;
        box-shadow:0 0 0 0 #fff;
    }

    .catalog-pagination .owl-prev .slider-prev,
    .catalog-pagination .owl-next .slider-next {
        text-align: center;
        width: 35px;
        font-size: 24px;
        height: 40px;
        line-height: 40px;
        background: rgba(255,255,255,0.7);
        color: #000;
        box-shadow: 0 0 1px rgba(0,0,0,0.25);
        z-index: 999;
        padding: 0;
    }

    .catalog-pagination .owl-prev .slider-prev:hover,
    .catalog-pagination .owl-next .slider-next:hover {
        background: rgba(255,255,255,0.75);
    }

    .catalog-reader-html .slide-wrapper {
        float:left;
        padding-bottom:0;
    }

    .catalog-reader-html .footer-image {
        position:static;
    }

    .catalog-reader-html {
        max-width:590px;
        padding: 20px 0;
    }

    .catalog-reader-html .catalog-content-html {
        padding:0 0 20px;
    }

    .catalog-reader-html .product-item-prices .current-price {
        margin-top:3px;
    }

    .sidebar .promo-item.featured-item {
        min-height:150px;
    }

    .sidebar .sidebar-small .promo-item.featured-item {
        min-height:200px;
    }

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

    .timeitem {
        margin-bottom:5px;
    }

    .timeitem .days {
        text-align:left;
    }

    .background .post-content {
        padding: 0;
    }

    .shopping-slider {
        display:none;
    }

    .sidebar-shopping {
        float:left;
        width:100%;
        background:#fff;
        padding-bottom:20px;
    }

    .sidebar .store-contact {
        margin-top: 10px;
        padding: 0 20px;
    }

    .contact-info-wrapper {
        max-width:100%;
    }

    .product-listing {
        padding-right:0;
    }

    .product-infobox-contact-icon {
        width:100%;
    }

    .footer-box:first-child {
        padding-left:0;
    }

    /*sports landing page*/

    .sportcategories-slider.dif-grid .item-wrapper:first-child {
        padding-right: 20px;
        padding-left: 30px;
    }

    .sportcategories-slider.dif-grid .item-wrapper:last-child {
        padding-right: 30px;
        padding-left: 0px;
    }

    .sportcategories-slider.dif-grid .small-first.item-wrapper,
    .sportcategories-slider.dif-grid .small-first.item-wrapper:first-child{
        padding-right: 30px;
        padding-left: 30px;
    }

    .sportcategories-slider.dif-grid .small-last.item-wrapper{
        padding-right: 30px;
        padding-left: 30px;
    }

    .sportcategories-slider.dif-grid .item-wrapper:first-child {
        padding-right: 0px;
        padding-left: 30px;
    }

    .b-landing-wrapper .sport-pngsldier {
        width: 740px;
    }

    .b-landing-wrapper .sport-main .item-title {
        font-size: 50px;
        color: #ffffff;
    }


    /*sports landing page*/
    .b-landing-wrapper .sport-main .item-wrapper-rel {
        position: absolute;
        left: 70px;
        top: 30%;
        transform: translateY(-50%);
    }
    .b-landing-wrapper .item-subtitle {
        position: absolute;
        top: 80px;
        color: #fff;
        font-size: 26px;
    }
    .b-landing-wrapper .item-subtitle {
        position: absolute;
        top: 80px;
        color: #fff;
        font-size: 26px;
    }
    .b-landing-wrapper .sport-main .item-button-wrapper {
        top: 170px;
    }
    .slider-wrapper:before, .slider-wrapper:after{
        display: none;
    }

    .page-gallery-item span.title {
        left: 10px;
        bottom: 10px;
        width: calc(100% - 20px);
        font-size: 18px;
        line-height: 22px;
    }
}

/* NOVI CSS */

@media (max-width: 1025px){
    .modal-body {
        padding: 15px 20px;
    }
    .modal-dialog.modal-quick-view{
        width: 700px;
    }
    .product-listing-intro .list-types-wrapper{
        display: none;
    }
    .container {
        width: 100%;
    }
    .container.fashion {
        width: 100%;
    }
    .container.page {
        width: calc(100% - 20px);
    }
    .grid-slider.categories-grid-slider .text-wrapper .title {
        font-size: 1.5rem;
    }

    /* custom pagination slider */
    .custom-pagination-slider .item .content .text-wrapper .title {
        font-size: 25px;
        line-height: 30px;
    }

    .custom-pagination-slider .item .content .text-wrapper .description {
        padding: 10px 0;
    }

    .custom-pagination-slider .item .content .text-wrapper .slide-number {
        font-size: 30px;
    }

    .nav-main li &gt; a {
        font-size:0.8em;
    }.header-top {
         height: 60px;
     }

    .nav-main &gt; li &gt; a{
        font-size: 12px;
        padding:16px 10px 17px;
        height:50px;
    }

    .nav-main &gt; li &gt; a &gt; i{
        padding-left: 0;
    }

/*    .nav-main-dropdown-wrapper {
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
    }*/

/*    .nav-main-dropdown-inner {
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5) inset;
    }*/

    .nav-main &gt; li.outlet-main-menu &gt; .highlight-bg {
        top: 0;
    }

    .nav-main &gt; li.outlet-main-menu &gt; a {
        margin-top:0;
        height:50px;
    }

    .autocomplete-button {
        width:65px;
    }

    .autocomplete-button.autocomplete-button-simple {
        width: auto;
    }

    .nav-main &gt; li.home-main-menu a {
        width:36px;
    }

    .product-slider{
        margin-bottom: 1px;
    }

    .form-group label {
        font-size:0.9rem;
    }

    .footer-copyright{
        line-height:18px;
        margin-top: 0;
        margin-bottom:10px;
    }

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

    .products-detail-wrapper .product-images{
        margin-top:20px;
    }

    .product-quantity-arrows {
        display: none;
    }

    .product-quantity-wrapper {
        z-index: 10;
        border-left:1px solid #d9d9d9;
    }

    .product .item .text-wrapper .product-quantity-wrapper {
        border: none;
    }

    .product .item .text-wrapper .product-quantity-wrapper span {
        font-size: 13px;
    }

    .product-quantity-wrapper .product-quantity {
        width: 50px;
    }

    .profile .user-data .item .profile-data-item {
        height:75px;
    }

    .profile .profile-section {
        padding-right:20px;
    }

    .profile .profile-into .item .img-wrapper .icon {
        width: 85px;
        height: 85px;
    }

    .profile .profile-into .item .img-wrapper .icon:before {
        font-size: 3rem;
    }

    .profile .profile-into .item .img-wrapper .item-counter {
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 15px;
    }

    .profile .profile-into .item .title {
        font-size: 15px;
    }

    .social_and_logo{
        text-align: center;
    }
    .social_and_logo .logo img{
        margin:auto;
    }

    /* Article listing with custom repeat preview */
    .article .custom-preview .item .content {
        position: relative;
        top: 0;
        right: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
    }

    .slider-with-background .slider-init{
        display: block;
}
    .slider-with-background .text-wrapper{
        position: static;
        width:100%;
        padding:20px;
    }
    .category-menu-with-img .item .text-wrapper .title,
    .page-menu-images .item .text-wrapper .title{
        height:45px;
        overflow: hidden;
    }
    .category-menu-with-img .item{
        max-width:140px;
    }
    .page-menu-images .item{
        max-width:140px;
    }
    .gifcards-option .item-wrapper {
        max-width: 100px;
    }

    /* Category cover image with left titel */
    .page-cover-image.page-cover-image-title-left .heading-wrapper,
    .category-cover-image.category-cover-image-title-left .heading-wrapper {
        padding: 20px 0;
    }

    .page-cover-image.page-cover-image-title-left .heading-wrapper .title h1,
    .category-cover-image.category-cover-image-title-left .heading-wrapper .title h1 {
        font-size: 35px;
        line-height: 50px;
    }

    /* Category cover image with top-left titel */
    .page-cover-image.page-cover-image-title-topleft,
    .category-cover-image.category-cover-image-title-topleft {
        background: #3174b6;
    }

    .page-cover-image.page-cover-image-title-topleft .img-wrapper ,
    .category-cover-image.category-cover-image-title-topleft .img-wrapper {
        display: none;
    }

    .page-cover-image.page-cover-image-title-topleft .heading-wrapper,
    .category-cover-image.category-cover-image-title-topleft .heading-wrapper {
        position: relative;
    }

    .page-cover-image.page-cover-image-title-topleft .heading-wrapper .title h1,
    .category-cover-image.category-cover-image-title-topleft .heading-wrapper .title h1 {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }

    .page-cover-image.page-cover-image-title-topleft .heading-wrapper .description,
    .page-cover-image.page-cover-image-title-topleft .heading-wrapper .description p,
    .category-cover-image.category-cover-image-title-topleft .heading-wrapper .description,
    .category-cover-image.category-cover-image-title-topleft .heading-wrapper .description p {
        text-align: center;
        max-width: 100%;
    }

    .article-list-alternately-simple .img-wrapper img {
        margin: auto;
    }

    .post-item-listalternately-simple.item {
        padding: 30px 0;
    }

    /* company info */
    .company-info .item i, .company-info .item span.content {
        display: inline-block;
    }

    .article-cover-two-image .cover-desctiption-wrapper .container .description-wrapper,
    .category-cover-two-image .cover-desctiption-wrapper .container .description-wrapper {
        height: inherit;
    }
    .article-cover-two-image .cover-desctiption-wrapper .container .description-wrapper .description,
    .category-cover-two-image .cover-desctiption-wrapper .container .description-wrapper .description {
        max-height: inherit;
        padding: 20px 0 10px;
        line-height: 22px;
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .article-cover-two-image .cover-desctiption-wrapper .container .description-wrapper:after,
    .category-cover-two-image .cover-desctiption-wrapper .container .description-wrapper:after {
        border-width: 100vw 0vw 0 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
    }

    .image-text-grid12 .img-wrapper {
        text-align: center;
    }

    .image-text-grid12 .img-wrapper img{
        margin: auto;
    }

    .image-text-grid12.left-side:after,
    .image-text-grid12.right-side:after {
        content: none;
    }


    .promo-slider .content {
        left: 10%;
    }

    .article-slider-with-custopm-pagination {
        padding-top: 80px;
    }

    .article-slider-with-custopm-pagination.slider .slick-dots {
        top: -80px;
    }

    .article-slider-with-custopm-pagination .item .img-wrapper{
        width: 100%;
    }

    .article-slider-with-custopm-pagination .item .content {
        width: 100%;
        margin-top: 30px;
    }

    .article-slider-with-custopm-pagination .item .content .text-wrapper .description,
    .article-list-inslider-wrapper .text_grid12 {
        margin-top: 30px;
    }

    .article-slider-with-custopm-pagination .slider-navigation-absolute {
        width: 100%;
        left: 0;
    }

    .article-list-grid-with-arrows .row &gt; .item:not(:nth-child(3n)):after {
        content:none;
    }

    .article-list-grid-with-arrows .row &gt; .item:not(:nth-child(2n)):after {
        content: url("../../images/core/right_arrow.png");
        width: 57px;
        height: 20px;
        position: absolute;
        top: 150px;
        right: -30px;
    }
    .article.article-slider.article-grid-listing-5 .content{
        min-width: auto;
    }
    .article.article-slider.article-grid-listing-5 .heading-wrapper.heading-wrapper-bordered .title{
        position: static;
    }
    .article.article-slider.article-grid-listing-5 .text-wrapper .title {
        font-size: 26px;
        height: 80px;
        overflow: hidden;
        line-height: 25px;
        color: #4b4b4b;
    }
    .article.article-slider.article-grid-listing-5 .text-wrapper .description {
        height: auto;
        padding: 20px 0;
    }
    .article.article-slider.article-grid-listing-5 .slider-navigation-absolute {
        width: 80px;
        left: auto;
        right: 10px;
        top: 1px;
        transform: translateY(0%);
    }

    .item.simple-item{
        margin-right: 20px;
    }

    .article.article-event-home-slider.event-home-slider-v2 .item .img-wrapper {
        display: none;
    }

    .vertical-similar-product.product .item .text-wrapper,
    .vertical-similar-product.product .item .text-wrapper .category-wrapper{
        display: block;
        height: 22px;
    }

    .vertical-similar-product.product .item .text-wrapper .category-wrapper span,
    .vertical-similar-product.product .item .text-wrapper .content-wrapper {
        width: 100%;
    }

    .vertical-similar-product.product.slider,
    .vertical-similar-product.product.slider .slick-slide {
        padding: 0;
    }
    .category-landing-1 .image-text-grid12 .text-wrapper .description{
        text-align: center;
    }
    .category-landing-2 .text_grid12 .description{
        max-width: 80%;
    }
    .items-slider-with-thumbs .item .absolute-center-img img {
        max-width: 180px;
    }
    .items-slider-with-thumbs .main-items-slider .item .text-wrapper {
        font-size: 14px;
    }
    .tehnical-suport-wrapper .item{
        width: 250px;
    }

    /* Page */
    .page.login-page .btn-google,
    .page.login-page .btn-facebook {
        display: block;
        float: none !important;
        width: max-content;
        margin: 10px 0;
    }

    .page.login-page .login_form .btn-success {
        float: none !important;
        display: block;
    }

    .page .right-info,
    .page .left-info {
        padding: 0 10px;
        border: none;
    }

    .page .right-info {
        padding: 30px 0 0 10px;
        margin: 0;
    }

    .products-map-item .product-map-wrapper {
        max-width: 100vw;
        height: 50vw;
        margin: 0 -10px;
    }

    .products-map-item {
        background-color: #ebdfc5 !important;
        background-position: center -11vw !important;
        background-repeat: no-repeat !important;
        background-size: calc(100vw / 966 * 1920) auto !important;
        height: calc(70vw + 130px);
    }

    .products-map-item .product-slider.slider {
        margin-top: 17vw;
    }

    .background-two-text-item .top-text-wrapper .short-description {
        vertical-align: top;
    }

    .background-two-text-item .bottom-text-wrapper .description{
        vertical-align: bottom;
        margin-top: 100px;
    }

    .background-two-text-item img.bg-image {
        object-position: left 45%
    }

    /* Product description popup wrapper */
    .product-description-popup-wrapper {
        height: auto;
    }

    .product-description-popup-wrapper .items-wrapper.product .item {
        padding: 7px 5px 0 0;
    }

    .product-description-popup-wrapper .text-wrapper.product .item.product-item &gt; .buy-wrapper .buyButtonOnLists ,
    .product-description-popup-wrapper .text-wrapper.product .item.product-item &gt; .buy-wrapper .buyButtonOnLists-soonSale {
        width: 230px;
    }

    .product-description-popup-wrapper .text-wrapper.product .content {
        margin: -20px -20px 0;
    }

    .item-product-slider-v2 .container.slider .slider-navigation-absolute {
        left: 0;
        width: 100%;
    }

    .main-slider-fade-slide &gt; .slider-init .item .img-wrapper img {
        min-height: 40vh;
        object-fit: cover;
    }


    .item-product-slider-v2 .item-wrapper .img-wrapper,
    .item-product-slider-v2 .item-wrapper .text-wrapper {
        width: 100%;
    }

}

@media (min-width: 768px) and (max-width: 1025px){

    .col-xs-12.col-md-6 &gt; .promo-bg-big {
        height:auto !important;
    }

    .sidebar-small .banner-img {
        margin-bottom:20px;
    }

    .catalog-details .post-icon {
        top:-10px;
    }

    .autocomplete-results .products-list-simple .product-category {
        margin-top:2px;
    }

    .onlyimgslider-content {
        display: inline-block;
        width: 450px;
    }
    .padding-slider .slider-arrows {
        width: 430px;
    }
    .onlyimgslider .headline-wrapper {
        left: 65%;
    }

    .onlyimgslider.slider-wrapper {
        padding: 50px;
    }

    .sport-pngsldier .item-wrapper-rel {
        left: 50px;
    }

    .sportcategories-slider {
        padding: 0;
    }
    .sportcategories-slider.dif-grid {
        padding: 0;
    }
    .sportcategories-slider .item {
        position: relative;
        text-align: center;
        margin-bottom: 50px;
    }

    .article.article-slider.article-grid-listing-5 .text-wrapper .title{
        height: 50px;
    }
    .article.article-slider.article-grid-listing-5 .item .img-wrapper{
        display: block;
    }
    .article.article-slider.article-grid-listing-5 .content{
        width: 100%;
    }
    .article .item .btn-wrapper, .article-autosuggest .item .btn-wrapper{
        text-align: center;
    }
    .item.post-item-listalternately-overlap .right-wrapper .text-wrapper .title {
        font-size: 26px;
        line-height: 26px;
        text-align: left;
        margin-bottom: 20px;
    }
    .overlay-wrapper.text-wrapper .left-wrapper {
        margin: 30px 0 0;
    }
    .full-category-gallery-slider .slider-navigation-absolute{
        bottom: 110px;
    }
    .item.simple-item .text-wrapper{
        display: none;
    }

    /* Product list two rows */

    .product .wrapper-list-two-item.item .img-wrapper {
        width: 100%;
    }

    .product .wrapper-list-two-item.item .text-wrapper {
        width: 100%;
        padding: 10px;
    }
    .product .item .caption-icons .icon{
        opacity: 1;
    }
    .sidebar-product-compare{
        width: 55px;
    }

    .cart-badges-list .item {
        display: inline-block;
        padding: 20px 12px;
    }

    .items-slider-with-thumbs .main-items-slider .item.slick-slide{
        display: block;
    }
    .items-slider-with-thumbs .main-items-slider .item .text-wrapper{
        position: static;
        transform: translate(0%, 0%);
        text-align: center;
        max-width: 100%;
        margin-top: 20px;
    }
    .autocomplete-results .product-title {
        height: 31px;
    }
    .tehnical-support-wrapper .item{
        width: 310px;
    }
    .fixed-banner{
        display: none;
    }

    .uc-thr-marvellous-ones .items-generic:before,
    .uc-thr-marvellous-ones .items-generic:after {
        width: 10%;
    }

    .sliders-tabs-items.lists-tabs ul.items-wrapper .item {
        margin: 0 15px;
    }

    .sliders-tabs-items.lists-tabs ul.items-wrapper .item a {
        letter-spacing: 1px;
    }

    .item-product-slider-v2.product .product-item .img-wrapper img {
        max-width: 320px;
        margin: auto;
    }

    .item-product-slider-v2 .item-wrapper .text-wrapper .description,
    .item-product-slider-v2 .item-wrapper .text-wrapper .price-wrapper,
    .item-product-slider-v2 .item-wrapper .text-wrapper .price-wrapper .price.current-price,
    .item-product-slider-v2.product .item .text-wrapper .btn-wrapper a{
        font-size: 28px;
        line-height: 42px;
        text-align: center;
    }

    .item-product-slider-v2.product .item .text-wrapper .btn-wrapper {
        margin: auto;
    }

    .page.login-page-v2 .right-info{
        padding: 0 0 0 10px;
    }

    .login-form-v2 .form-group.form-button-wrapper .btn{
        margin-bottom: 10px;
    }

}

/* mobile menu on tablet */
@media (max-width: 995px) {
    .body-overflow {
        overflow: hidden;
    }

    header.mobilesm .nav-main {
        padding: 0;
        width: 100%;
    }

    header.mobilesm .nav-main &gt; li {
        margin-left: 0;
    }

    header.mobilesm .nav-main li {
        display: block;
        width: 100%;
        position: relative;
    }

    header.mobilesm .nav-main &gt; li &gt; a {
        padding: 18px 15px;
        height: auto;
        color: #333333;
        border-bottom: 1px solid #333;
    }

    header.mobilesm .nav-main &gt; li &gt; a,
    header.mobilesm .nav-main &gt; li &gt; a:hover {
        border-bottom: 0px solid #eee;
    }

    header.mobilesm .nav-main &gt; li &gt; a:hover {
        background: transparent;
    }

    header.mobilesm .nav-main &gt; li &gt; a:active,
    header.mobilesm .nav-main &gt; li &gt; a:focus,
    header.mobilesm .nav-main &gt; li &gt; a:active:focus {
        color: #4a4b5c;
    }

    header.mobilesm .nav-main &gt; li.active &gt; a {
        background: #3973b5;
    }

    header.mobilesm .nav-main &gt; li.active &gt; a:active,
    header.mobilesm .nav-main &gt; li.active &gt; a:focus,
    header.mobilesm .nav-main &gt; li.active &gt; a:active:focus {
        color: #fff;
    }

    header.mobilesm .nav-main li.has-bg {
        margin-left: 0;
        border-bottom: 1px solid #eee;
        width: 100%;
    }

    header.mobilesm .nav-main li.has-bg &gt; a {
        padding-left: 30px;
        border-color: #fff;
    }

    header.mobilesm .nav-main li.has-bg.sticker &gt; a {
        padding-left: 40px;
    }

    header.mobilesm .nav-main li.home-main-menu .highlight-bg {
        background: #d9d9d9;
        padding: 3px;
    }

    header.mobilesm .nav-main li.has-bg &gt; .highlight-bg {
        left: 15px;
    }

    header.mobilesm .nav-main li.has-bg.sticker &gt; .highlight-bg {
        top: -5px;
    }

    header.mobilesm .nav-main-wrapper {
        display: none;
        background: #fff;
        z-index: 5050;
        margin: 0;
        border-right: 1px solid #d9d9d9;
        animation: none;
        -webkit-animation: none !important;
        animation: none !important;
    }

    header.mobilesm .nav-main-wrapper.loaded {
        top: 1px;
        transition: all 0.3s;
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        position: fixed;
    }

    header.mobilesm .nav-main-wrapper &gt; .container {
        max-width: 300px;
        margin: 0;
        background: #fff;
    }

    header.mobilesm .nav-main-wrapper &gt; .container &gt; .nav-main {
        left: -250px;
        transition: all 0.3s;
    }

    header.mobilesm .nav-main-wrapper.loaded &gt; .container &gt; .nav-main {
        height: calc(100vh - 50px);
        overflow-y: scroll;
        left: 0;
        padding-bottom: 50px;
    }

    header.mobilesm .scroll-to-fixed-fixed .nav-main &gt; li.outlet-main-menu &gt; .highlight-bg {
        max-width: 60px;
    }

    header.mobilesm .nav-main-submenu {
        padding-left: 0;
        width: 100%;
        position: relative;
    }

    header.mobilesm .nav-main-useractions {
        float: left;
        border-top: medium none;
        width: 100%;
        background: #eee;
        margin-bottom: 8px;
    }

    header.mobilesm .main-4level .nav-main-useractions &gt; ul.nav-main {
        display: flex;
        background: #eee;
    }

    header.mobilesm .nav-main-useractions &gt; ul &gt; li {
        width: initial;
        padding: 0;
    }

    header.mobilesm .nav-main .nav-main-useractions &gt; ul &gt; li a {
        display: inline-block;
    }

    header.mobilesm .nav-main-useractions .item {
        display: block;
        float: none;
        border-bottom: 1px solid #dddddd;
    }

    header.mobilesm .nav-main-dropdown-wrapper {
        padding: 0;
    }

    header.mobilesm .nav-main-useractions &gt; ul &gt; li a,
    header.mobilesm .nav-main-useractions &gt; ul &gt; li a:hover,
    header.mobilesm .nav-main-useractions &gt; ul &gt; li a:focus,
    header.mobilesm .nav-main-useractions &gt; ul &gt; li a:active {
        color: #333;
    }

    header.mobilesm .nav-main &gt; li &gt; a:hover::after,
    header.mobilesm .nav-main &gt; li.active &gt; a:after {
        width: 0;
    }

    header.mobilesm .nav-main-magicline {
        opacity: 0;
    }

    header.mobilesm .nav-main-useractions .nav-main {
        padding-top: 0;
    }

    header.mobilesm .nav-main-useractions i {
        display: none;
    }

    header.mobilesm .nav-main-dropdown-wrapper,
    header.mobilesm .nav-main-submenu-wrapper {
        position: relative;
        top: 0;
        left: 0;
        opacity: 1;
    }

    header.mobilesm .nav-main-submenu.active &gt; li:not(.active) {
        display: none;
    }

    header.mobilesm .nav-main-dropdown-inner {
        min-height: 0;
        max-height: 100%;
        background: #eee;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
        padding: 0 10px;
        margin-bottom: 35px;
    }

    header.mobilesm .nav-main-dropdown-inner &gt; .row &gt; div:first-child {
        padding-left: 10px;
    }

    header.mobilesm .nav-main-dropdown-item {
        margin-left: 0;
    }

    header.mobilesm .nav-main-dropdown-item:first-child {
        padding-left: 0;
        margin-bottom: 0;
    }

    header.mobilesm .nav-main-dropdown li &gt; a {
        height: auto;
    }

    header.mobilesm .nav-main-submenu &gt; li &gt; a &gt; h5 {
        margin: 0;
    }

    header.mobilesm .nav-main-dropdown li &gt; a,
    header.mobilesm .level4 .nav-main-submenu &gt; li &gt; a &gt; h5,
    header.mobilesm .nav-main-dropdown h5,
    header.mobilesm .nav-main &gt; li &gt; a {
        font-size: 14px;
        padding: 0 15px;
        line-height: 48px;
        text-transform: none;
    }

    header.mobilesm .level4 .nav-main-submenu &gt; li {
        height: 48px;
    }

    header.mobilesm .level4 .nav-main-submenu &gt; li &gt; a &gt; i {
        line-height: 48px;
        padding: 0 10px;
    }

    header.mobilesm .level4 .nav-main-submenu &gt; li &gt; a &gt; h5 {
        padding: 0;
    }

    header.mobilesm .nav-main-dropdown h5 {
        padding: 0 5px;
        text-transform: uppercase;
        font-weight: 400;
    }

    header.mobilesm .nav-main &gt; li &gt; a &gt; i,
    header.mobilesm .level4 i,
    header.mobilesm .nav-main &gt; li &gt; a &gt; i {
        padding: 0 10px;
        line-height: 48px;
        width: 100%;
        text-align: right;
    }

    header.mobilesm .dropdown-custom .heading-wrapper {
        padding: 0;
    }

    header.mobilesm .brand .nav-main-dropdown li {
        padding: 0 0 0 30px;
    }

    header.mobilesm .intro-slider {
        display: none;
    }

    header.mobilesm .quick-links {
        display: none;
    }

    header.mobilesm .header-top .user {
        display: none;
    }

    header.mobilesm .header-top .autocomplete-button i:before {
        content: none;
    }

    header.mobilesm .nav-mobile-icon {
        display: block;
        padding: 0;
        top: 0;
        left: 0;
        z-index: 99999;
        color: #ffffff;
        width: 50px;
    }

    header.mobilesm .mini-cart.mini-cart-simple,
    header.mobilesm .autocomplete-button {
        margin: 0;
    }

    header.mobilesm .header-top &gt; .container {
        height: 60px;
    }

    header.mobilesm .header-top &gt; .container .row {
        float: right;
        width: 100%;
    }

    /* Mini cart */
    header.mobilesm .mini-cart {
        height: 60px;
        width: 40px;
        text-align: center;
    }

    header.mobilesm .mini-cart.mini-cart-simple {
        width: 40px;
        min-width: 40px;
    }

    header.mobilesm .mini-cart.mini-cart-simple .icon {
        font-size: 20px;
    }

    header.mobilesm .header-cart .mini-cart.mini-cart-simple .header-carthor-total {
        font-size: 12px;
    }

    header.mobilesm .mini-cart:after {
        content: none;
    }

    header.mobilesm .mini-cart .icon-wrapper .description {
        display: none;
    }

    header.mobilesm .header-carthor-preview {
        margin-right: 0;
        margin-top: 0;
        border-left: 0 solid #fff;
        border-right: 0 solid #fff;
        padding: 0;
        background: #A5D200;
        color: #fff;
        min-height: 60px;
    }

    header.mobilesm .header-carthor-preview:after {
        display: none;
    }

    header.mobilesm .header-cart .mini-cart .header-carthor-total {
        font-size: 1rem;
        width: 40px;
        position: absolute;
        top: 45px;
        right: 0px;
        text-align: center;
        background: #91B503;
        color: #FFF;
        padding: 0px;
        line-height: 15px;
        height: 15px;
        border-radius: 0;
        margin: 0;
    }

    header.mobilesm .header-cart .mini-cart.mini-cart-simple .header-carthor-total {
        background: transparent;
    }

    header.mobilesm .header-cart .mini-cart .icon-wrapper {
        margin-top: 0;
        margin-right: 0;
        border-radius: 0;
        background: transparent;
        width: 100%;
        height: 60px;
        color: #ffffff;
        border-right: 0 solid #fff;
    }

    header.mobilesm .header-cart .mini-cart .icon-wrapper .icon {
        line-height: 60px;
    }

    header.mobilesm .header-cart .mini-cart .icon-wrapper:hover,
    header.mobilesm .header-cart .mini-cart .icon-wrapper:active,
    header.mobilesm .header-cart .mini-cart .icon-wrapper:focus,
    header.mobilesm .header-cart .mini-cart .icon-wrapper:focus:active {
        background: transparent;
        color: #fff;
    }

    /* Header favorite */
    header.mobilesm .header-favorite {
        height: 60px;
        width: 40px;
    }

    header.mobilesm .header-favorite:after {
        content: none;
    }

    header.mobilesm .header-favorite .icon-wrapper .description {
        display: none;
    }

    header.mobilesm .header-favorite .header-carthor-total {
        font-size: 1rem;
        width: 40px;
        position: absolute;
        top: 45px;
        right: 0px;
        text-align: center;
        background: #91B503;
        color: #FFF;
        padding: 0px;
        line-height: 15px;
        height: 15px;
        border-radius: 0;
        margin: 0;
    }

    header.mobilesm .header-favorite .icon-wrapper {
        margin-top: 0;
        margin-right: 0;
        border-radius: 0;
        background: transparent;
        width: 100%;
        height: 60px;
        color: #ffffff;
        border-right: 0 solid #fff;
    }

    header.mobilesm .header-favorite.header-favorite-simple {
        position: relative;
    }

    header.mobilesm .header-favorite .icon-wrapper .icon {
        line-height: 60px;
    }

    header.mobilesm .header-favorite.header-favorite-simple .icon-wrapper .icon {
        font-size: 20px;
    }

    header.mobilesm .header-favorite.header-favorite-simple .header-carthor-total {
        background: transparent;
        font-size: 12px;
        line-height: 12px;
    }

    header.mobilesm .header-favorite .icon-wrapper:hover,
    header.mobilesm .header-favorite .icon-wrapper:active,
    header.mobilesm .header-favorite .icon-wrapper:focus,
    header.mobilesm .header-favorite .icon-wrapper:focus:active {
        background: transparent;
        color: #fff;
    }

    /* Mini favorite flat */
    header.mobilesm .header-cart-flat,
    header.mobilesm .header-favorite-flat {
        padding: 0;
        width: 40px;
        line-height: 60px;
        text-align: center;
        background: #89c03c;
    }

    header.mobilesm .header-cart-flat .icon-wrapper,
    header.mobilesm .header-favorite-flat .icon-wrapper {
        line-height: 60px;
        height: 45px;
        display: block;
        font-size: 20px;
    }

    header.mobilesm .header-cart-flat .header-carthor-total,
    header.mobilesm .header-favorite-flat .favorite-header-total {
        display: block;
        line-height: 15px;
    }

    /* Matirial designe header */
    header.mobilesm,
    header.mobilesm .header-top,
    header.mobilesm .header-top &gt; .container {
        height: 56px;
        max-height: 56px;
        min-height: auto;
    }

    header.mobilesm .logo {
        position: fixed;
        width: 140px;
        z-index: 10000;
        text-align: center;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        padding: 0;
        height: 56px;
    }

    header.mobilesm .header-cart,
    header.mobilesm .header-cart .mini-cart,
    header.mobilesm .header-cart .mini-cart .icon-wrapper,
    header.mobilesm .header-favorite,
    header.mobilesm .header-favorite .icon-wrapper,
    header.mobilesm .logo img {
        max-height: 56px;
    }

    header.mobilesm .header-cart,
    header.mobilesm .header-cart {
        z-index: 100000;
    }

    header.mobilesm .header-cart .header-cart-item.header-cart-item-side .header-cart-toggle {
        position: fixed;
        top: 0;
        bottom: 0;
        height: 100vh;
    }

    header.mobilesm .header-top .autocomplete-button i {
        width: 40px;
        height: 56px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 20px;
        background-image: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDYxMi4wOCA2MTIuMDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMi4wOCA2MTIuMDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjM3LjkyNywwQzEwNi41NTUsMCwwLjAzNSwxMDYuNTIsMC4wMzUsMjM3Ljg5M2MwLDEzMS4zNzMsMTA2LjUyLDIzNy44OTMsMjM3Ljg5MywyMzcuODkzICAgYzUwLjUxOCwwLDk3LjM2OC0xNS43NTcsMTM1Ljg3OS00Mi41OTdsMC4wMjgtMC4wMjhsMTc2LjQzMiwxNzYuNDMzYzMuMjc0LDMuMjc0LDguNDgsMy4zNTgsMTEuODM5LDBsNDcuNTUxLTQ3LjU1MSAgIGMzLjI3NC0zLjI3NCwzLjEwNi04LjcwMy0wLjAyOC0xMS44MzhMNDMzLjIyMywzNzMuOGMyNi44NC0zOC41MzksNDIuNTk3LTg1LjM5LDQyLjU5Ny0xMzUuOTA3QzQ3NS44MiwxMDYuNTIsMzY5LjMsMCwyMzcuOTI3LDB6ICAgIE0yMzcuOTI3LDQxOS44MTFjLTEwMC40NzUsMC0xODEuOTE4LTgxLjQ0My0xODEuOTE4LTE4MS45MThTMTM3LjQ1Myw1NS45NzUsMjM3LjkyNyw1NS45NzVzMTgxLjkxOCw4MS40NDMsMTgxLjkxOCwxODEuOTE4ICAgUzMzOC40MDIsNDE5LjgxMSwyMzcuOTI3LDQxOS44MTF6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==');
    }

    header.mobilesm .mini-cart.mini-cart-simple .icon {
        font-size: 22px;
    }

    header.mobilesm .header-cart .mini-cart .icon-wrapper .icon,
    header.mobilesm .header-favorite .icon-wrapper .icon {
        line-height: 56px;
    }

    header.mobilesm .header-favorite .header-carthor-total,
    header.mobilesm .header-cart .mini-cart .header-carthor-total {
        top: 40px;
    }

    header.mobilesm .nav-tabs li {
        width: 100%;
        background: #fff;
    }

    header.mobilesm .header-fix-holder {
        display: block !important;
        pointer-events: none;
    }

    header.mobilesm .container {
        padding: 0;
    }

    header.mobilesm .header-content {
        position: relative;
        z-index: 5001;
        height: 0;
        border-bottom: 0 solid #333;
    }

    header.mobilesm .nav-main &gt; li.active &gt; a {
        color: #fff;
    }

    header.mobilesm .level4 .nav-main-submenu a {
        display: block;
    }

    header.mobilesm .nav-main &gt; li &gt; a &gt; i,
    header.mobilesm .level4 i {
        position: absolute;
        right: 0px;
        top: 0;
        font-size: 1.2rem;
        padding: 11px;
        line-height: 35px;
    }

    header.mobilesm .main-4level-with-logo .nav-main-wrapper &gt; .nav-main.list-inline {
        width: 250px;
        background: #ffffff;
        height: calc(100vh - 55px);
        overflow: scroll;
    }

    header.mobilesm .level4 .nav-main-submenu-wrapper {
        width: 100%;
    }

    header.mobilesm .level4 .nav-main-submenu .nav-main-dropdown-wrapper {
        left: 0;
        width: 100%;
        max-width: 100%;
        padding-bottom: 0;
    }

    header.mobilesm .level4 .nav-main-submenu &gt; li &gt; a &gt; i.icon-angle-left:before {
        content: '\e606';
    }

    header.mobilesm .level4 .nav-main-submenu &gt; li &gt; a &gt; i.icon-angle-right:before {
        content: '\e60a';
    }

    header.mobilesm .level4 .nav-main-submenu &gt; li &gt; a i.hidden-xs {
        display: none !important;
    }

    header.mobilesm .level4 .nav-main-submenu &gt; li &gt; a i.visible-xs {
        display: block !important;
    }

    header.mobilesm .nav-main-dropdown-inner &gt; .row &gt; div {
        width: 100% !important;
    }

    .parallax-horizontal-two-img-items {
        margin-bottom: -25em;
        background: #000000;
    }

    .article-alternately-listing-gallery-slider &gt; .item .container .left-wrapper,
    .article-alternately-listing-gallery-slider &gt; .item .container .right-wrapper {
        width: 100%;
    }

    .article-alternately-listing-gallery-slider .item .content,
    .article-alternately-listing-gallery-slider .item.even-item .content {
        margin: 20px 0 50px;
        padding: 20px;
        text-align: center;
    }

    .article-alternately-listing-gallery-slider .slider-navigation-absolute {
        width: 100%;
    }

    .article-grid-gallery-slider.article-grid-gallery-slider-v3 .item.video-item:after {
        left: calc(50% - 25px);
        top: calc(50% - 25px);
        font-size: 20px;
        line-height: 46px;
        width: 50px;
        height: 50px;
    }



    .items-generic .slider.main-slider-fade-slide &gt; .slider-init .item .img-wrapper .main-img {
        display: none;
    }

    .items-generic .slider.main-slider-fade-slide &gt; .slider-init .item .img-wrapper .mobile-img {
        display: block;
    }

    .items-generic .slider.main-slider-fade-slide &gt; .slider-init .item .img-wrapper .mobile-img img {
        width: 100%;
        max-height: 100vh;
        object-fit: cover;
        object-position: center;
        min-height: 600px;
    }

    .wheel-of-fortune {
        text-align: left;
    }

    .wheel-of-fortune .canvas-wrapper {
        margin: 0 0 0 -235px;
    }

    .wheel-of-fortune .text-wrapper {
        max-width: calc(100% - 270px);
    }

    /* Gift product */
    .donation-products-wrapper .panel-default{
        padding: 20px 20px;
    }

    .donation-products-wrapper .panel .title{
        margin-bottom: 15px;
    }

    .donation-products-wrapper .panel .description{
        font-size: 14px;
    }

    .product-wrapper-chosen .delivery-option-image{
        width: 120px;
        vertical-align: top;
    }

    .product-wrapper-chosen .product-info{
        width: calc(100% - 125px);
    }

    .gift-product-modal .gift-product .product-info .name, .product-wrapper-chosen .product-info .name{
        font-size: 18px;
        margin-bottom: 15px;
    }

}
@media (min-width: 767px) and (max-width: 1025px) {

    .autocomplete-button{
        width: auto;
        position: absolute;
        right: 10px;
        top: 0;
    }
    .nav-main &gt; li &gt; a{
        padding: 10px 5px;
        height: auto;
    }
    .sidebar-menu{
        display: none;
    }
    .article-detail{
        padding-right: 0;
    }

    .product .item .btn-wrapper a{
        min-width: 16px;
    }
    .modal-lg.modal-quick-view{
        width: 100%;
    }
    .main-4level-with-search-input .autocomplete-button{
        width: 120px;
    }

    .sidebar-wrapper{
        display: none;
    }

    .promo-modal .modal-dialog{
        width: 80% !important;
    }

    .social-icon .item{
        margin-right: 2px;
    }

    .social-icon .item:last-of-type {
        vertical-align: top;
    }

    .profile .heading-wrapper .description{
        min-height: 45px;
    }

    .page{
        padding: 20px 20px 40px;
    }

    .page .heading-wrapper .description{
        padding-top: 0;
    }

    .bt-green .header-top .quick-links li span,
    .bt-green .header-top .quick-links .nav.nav-simple &gt; li:first-of-type{
        line-height: 18px;
    }

    .bt-green .nav-main &gt; li &gt; a{
        font-size: 12px;
    }

    .bt-green .header.fixed .header-top .quick-links .item span,
    .bt-green .header.fixed .header-top .quick-links .nav.nav-simple &gt; li:first-of-type{
        line-height: 32px;
    }

    .bt-green .header.fixed .header-top .quick-links{
        width: 70%;
        max-width: 70%;
    }

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

    .nav-main &gt; li &gt; a{
        padding: 9px 5px 8px;
        font-size: 11px;
    }

    .nav-main &gt; li &gt; a:first-child {
        padding-left: 0;
    }

    .product .item .btn-wrapper{
        bottom: 20px;
    }

    .product-slider.product.outfit-slider {
        margin-top: 40px;
    }

    .article-list-alternately{
        padding: 0 20px;
    }

    .article-detail{
        padding: 0 5px;
    }
}

@media (max-width: 1025px) {

    #submit_order_one_page {
        font-size: 14px;
        padding: 10px 60px;
    }

    .cart-step .btn.btn-success {
        padding: 10px 30px;
    }

    #product_slider_last_viewed_products {
        margin: 0 -15px;
    }

    .product .item .btn-wrapper {
        bottom: 20px;
        opacity: 1;
    }

    .product .item .btn-wrapper a {
        margin: 11px auto;
    }

    .product-details .product .item .btn-wrapper {
        bottom: 15px;
    }

    .product .item .btn-wrapper a.quick-view {
        display: none;
    }

    .product .item .caption-icons .quick-view .icon {
        display: none;
    }

    .uc-article_listing .post-item-listalternately &gt; .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .shop-button-qnt {
        font-size: 14px;
    }

    .toggle-banner .toggle-button.expand {
        width: 42px;
    }

    .date .input-group-addon {
        border-color: #EEEEEE;
    }

    .newsletter.fullwidth-center .heading-wrapper {
        padding: 0;
        max-width: max-content;
        background: transparent;
        margin-bottom: 10px;
    }

    .autocomplete-wrapper-with-btn{
        width: 200px;
    }

    .profile .user-data .item.item-main-data img{
        margin-right: 0;
    }

    .header-top {
        height: 30px;
    }

    .modal-lg.modal-quick-view{
        width: 100%;
    }
    .autocomplete-button{
        width: auto;
        position: absolute;
        right: 10px;
        top: 0px;
    }
    .social-icon .items-wrapper{
        text-align: center;
        margin: 0 auto 20px;
    }
    .payment-card .items-wrapper{
        text-align: center;
    }
    .home_blog-slider .text-wrapper .description {
        height: 66px;
        font-size: 14px;
        text-align: center;
        overflow: hidden;
    }
    .home_blog-slider .text-wrapper .title{
        font-size: 11px;
    }
    .home_blog-slider .content{
        padding: 10px 5px;
    }
    .sidebar-menu{
        display: none;
    }
    .article-detail{
        padding-right: 0;
    }
    .cart{
        padding: 0 15px;
    }
    .cart-table .product-item-title{
        font-size: 14px;
    }
    .table&gt;tbody&gt;tr&gt;td{
        font-size: 14px;
    }
    .form-group-checklabel .label-as-headline{
        width: auto;
        font-size: 12px;
    }
    .cart-table .product-item-title{
        font-size: 12px;
        line-height: normal;
        text-align: center;
    }
    .profile .profile-into .item .title{
        font-size: 13px;
    }
    .heading-wrapper-profile .item{
        font-size: 11px;
    }
    .profile .profile-into .item .title{
        font-size: 11px;
    }
    .profile-sidebar .heading-wrapper .title h2{
        font-size: 12px;
    }
    .heading-wrapper-profile h1{
        font-size: 9px;
        line-height: normal;
    }
    .profile .profile-into .item .img-wrapper .icon{
        width: 75px;
        height: 75px;
    }

    .profile-submenu {
        margin: 10px 0;
        text-align: right;
        height: 44px;
        position: relative;
        display: flex;
        justify-content: end;
        align-items: center;
    }

    .profile-submenu &gt; a {
        margin-top: -15px;
        min-width: 150px;
        font-size: 11px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        line-height: 16px;
        height: auto;
        transform: none;
        top: auto;
        right: -10px;
    }

    .comments{
        margin-right: 0px;
    }
    .registration-sidebar .text-wrapper{
        width: auto;
        max-width: 100%;
    }
    .page .left-info{
        padding-left: 20px;
        padding-right: 0;
    }
    .page .right-info{
        padding-left: 20px;
    }
    .nav-main{
        margin-left: 0;
    }
    .nav-main &gt; li &gt; a{
        height: 40px;
        padding: 9px 10px 8px;
    }
    .page .contact-forma .form-group.button{
        width: 50%;
        padding-left: 0;
    }
    .autocomplete-results .product-title{
        line-height: normal;
    }
    .nav-main-dropdown-inner{
        box-shadow: none;
    }
    .slider.main-slider .item.slick-current .content{
        top: 10%;
    }
    .banner-vertical-slider .item .img-responsive{
        min-height: 365px;
    }
    .home_blog-slider .item .text-wrapper{
        margin-top: 10px;
    }
    .home_blog-slider .text-wrapper .title:before{
        bottom: -15px;
    }
    .grid-slider .text-wrapper .title {
        margin-bottom: 25px;
        font-size: 14px;
    }
    .newsletter-wrapper{
        padding-left: 50px;
    }
    .tags .products-found-wrapper .products-found{
        padding-top: 0;
        margin-top: 0;
    }
    .product-information-wrapper {
        padding-top: 15px;
        padding-right: 10px;
    }
    .product-details{
        padding: 0 10px;
    }
    .product-listing-intro .list-types-wrapper{
        margin-left: 55px;
    }
    .icon-list:before{
        margin-left: 1px;
    }
    .icon-grid:before{
        margin-left: 1px;
    }
    .icon-gridalt:before{
        margin-left: 1px;
    }
    .product-attributes li:hover{
        color: #ffffff;
        border-color: #000000;
    }

    .product-listing-intro .list-types-wrapper{
        display: none;
    }

    .product-listing-intro .form-group:last-of-type{
        display: none;
    }

    .main-4level-with-search-input .autocomplete-button{
        width: 120px;
    }
    .main-4level-with-search-input .autocomplete-wrapper{
        width: 200px;
    }

    .login-page .no-background .btn-success{
        float: none!important;
        width: 50%;
    }

    .login-page .no-background .btn-icon-left{
        float: none!important;
        display: block;
        margin-left: 0;
        margin-top: 10px;
        width: 70%;
    }

    .slider.landing-main-slider .item .btn-wrapper{
        bottom: -60px;
    }

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

    .landing-slider-with-bg .heading-wrapper{
        padding: 20px;
    }

    .main-4level-with-search-input .autocomplete-wrapper{
        width: 230px;
    }

    .home_blog-slider .btn-wrapper .btn-slider{
        font-size: 12px;
        padding: 8px 30px;
    }

    .tags .products-found-wrapper .products-found{
        margin-right: 0;
    }

    .newsletter.fullwidth-center {
        padding: 30px 70px 40px;
    }

    .footer-social-payment .heading-wrapper .title{
        text-align: center;
    }

    .social-icon .items-wrapper {
        text-align: left;
        margin: 0;
    }
    .sidebar-shopping .store-contact.store-timetable .items-wrapper .item .time,
    .sidebar-shopping .store-contact.store-timetable .items-wrapper .item .days{
        width: 100% !important;
    }

    .bt-green .header-top .quick-links .item span,
    .header-top .quick-links .nav.nav-simple &gt; li:first-of-type{
        line-height: 18px;
    }
    .social_and_logo {
        text-align: left;
    }

    .article-detail .article-wrapper{
        padding: 10px 5px;
    }
}
/* Small devices (tablets, 767px and down) */
@media (max-width: 767px) {

    h1, .h1 {
        font-size:2rem;
    }

    h2 {
        font-size:1.7rem;
    }

    a[href^="tel:"] {
        cursor:inherit !important;
        pointer-events: all !important;
    }

    .btn-fullwidth-xs{
        width: 100%;
    }

    .heading-wrapper-profile h1{
        font-size: 30px;
    }

    /* Nav main */
    .nav-main-wrapper .container{
        padding: 0;
    }

    .header-v5 .nav-main {
        width: 300px;
        float: left;
        text-align: left;
        display: block;
        background: #ffffff;
        overflow: scroll;
        height: 100%;
    }
    .header-v5 .nav-main-wrapper.loaded{
        height: calc(100vh - 60px);
    }
    .header-v5 .nav &gt; ul &gt; li a{
        display: block;
    }

    .header-v5 .autocomplete-button.autocomplete-button {
        position: absolute;
        left: 50px;
        top: 0;
        width: 40px;
        text-align: center;
    }

    .nav-main &gt; li.active &gt; a {
        color:#fff;
    }

    .level4 .nav-main-submenu a {
        display: block;
    }

    .nav-main &gt; li &gt; a &gt; i,
    .level4 i{
        position: absolute;
        right: 0px;
        top: 0;
        font-size: 1.2rem;
        padding: 11px;
        line-height: 35px;
    }
    .main-4level-with-logo .nav-main-wrapper &gt; .nav-main.list-inline{
        width: 250px;
        background: #ffffff;
        height: calc(100vh - 55px);
        overflow: scroll;
    }

    /* nav tabs */
    .nav-tabs li{
        min-width: 80px;
    }

    .nav-tabs li a{
        padding-left: 8px;
        padding-right: 8px;
    }

    .lists-tabs ul.items-wrapper .item {
        font-size: 16px;
        min-width: 40vw;
        text-align: center;
    }

    .lists-tabs ul.items-wrapper .item:hover a {
        color: #494949;
    }

    .lists-tabs ul.items-wrapper .item.slick-active.slick-current a {
        color: #3973b5;
    }

    .header-inline.header-wrapper,
    .header-inline .header,
    .header{
        background: #4a4b5c;
        height:60px;
        min-height:60px;
    }



    .header-fix-holder {
        display: block !important;
        pointer-events: none;
    }

    .header .container{
        padding: 0;
    }

    .header-content{
        position: relative;
        z-index: 5001;
        height:0;
        border-bottom:0 solid #333;
    }

    .header-top {
        min-height: 0;
        background:transparent;
    }

    .fixed-cart-wrapper .fixed-header-cart {
        display:none;
    }

    .catalog-banner {
        max-width:100% !important;
    }

    .blog-main-menu {
        margin:0;
        padding:0;
        border:0 solid #fff;
    }

    .btn-facebook {
        margin:20px 0;
    }

    .header-inline .container .right-content .user {
        display: none;
    }

    .nav-main &gt; li.blog-main-menu &gt; a {
        border-radius:0;
    }

    .nav-main li.has-bg &gt; .highlight-bg {
        left:30px;
    }

    .nav-main &gt; .has-bg.jordan-main-menu {
        margin-left:0;
    }

    .nav-main &gt; .has-bg.jordan-main-menu .highlight-bg {
        top: 9px;
        width: 32px;
    }

    .logo {
        height:auto;
    }

    .logo img {
        max-width:100px;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .container-full {
        padding:0;
    }

    .container-fluid {
        padding:0 10px;
    }

    .heading-wrapper-inline {
        margin-bottom:10px;
    }

    .cover-bg {
        background-size:cover;
    }

    .tab-content-profile h1 {
        font-size:1.5rem;
    }

    .tab-content .comments-wrapper .form-comment {
        padding: 0 0px 20px;
    }

    /* navigation */

    .store-item img {
        width:100%;
    }

    .body-overflow {
        overflow:hidden;
    }

    .nav-main {
        padding:0;
    }

    .nav-main &gt; li {
        margin-left:0;
    }

    .nav-main-wrapper {
        display: none;
        background:#fff;
        z-index:5050;
        margin:0;
        border-right:1px solid #d9d9d9;
    }

    .nav-main-wrapper.loaded{
        top: 1px;
        transition:all 0.3s;
        background: rgba(0,0,0,0.5);
        width: 100%;
        position: fixed;
    }

    .nav-main-wrapper &gt; .container {
        max-width: 300px;
        margin: 0;
        background: #fff;
    }
    .nav-main-wrapper &gt; .container &gt; .nav-main {
        left:-250px;
        transition:all 0.3s;
    }

    .nav-main-wrapper.loaded &gt; .container &gt; .nav-main {
        height: calc(100vh - 50px);
        overflow-y: scroll;
        left: 0;
        padding-bottom: 50px;
    }

    .scroll-to-fixed-fixed .nav-main &gt; li.outlet-main-menu &gt; .highlight-bg {
        max-width: 60px;
    }

    .nav-main-submenu {
        padding-left:0;
        width: 100%;
        position: relative;
    }

    .nav-main-useractions {
        float: left;
        border-top: medium none;
        width: 100%;
        background: #eee;
        margin-bottom: 8px;
    }

    .header .main-4level .nav-main-useractions &gt; ul.nav-main {
        display: flex;
        background: #eee;
    }

    .nav-main-useractions &gt; ul &gt; li{
        width: initial;
        padding: 0;
    }

    .nav-main .nav-main-useractions &gt; ul &gt; li a{
        display: inline-block;
    }

    .nav-main-useractions .item {
        display: block;
        float: none;
        border-bottom: 1px solid #dddddd;
    }

    .nav-main-dropdown-wrapper {
        padding: 0;
    }

    .nav-main-useractions &gt; ul &gt; li a,
    .nav-main-useractions &gt; ul &gt; li a:hover,
    .nav-main-useractions &gt; ul &gt; li a:focus,
    .nav-main-useractions &gt; ul &gt; li a:active {
        color:#333;
    }

    .nav-main{
        width: 100%;
    }

    .nav-main li{
        display: block;
        width: 100%;
        position: relative;
    }

    .nav-main li &gt; a{
        padding: 18px 15px;
        height: auto;
        color:#333;
    }

    .nav-main &gt; li &gt; a{
        border-bottom: 1px solid #333;
    }

    .nav-main li.has-bg{
        margin-left: 0;
        border-bottom:1px solid #eee;
        width:100%;
    }

    .nav-main li.has-bg &gt; a{
        padding-left: 30px;
        border-color: #fff;
    }

    .nav-main li.has-bg.sticker &gt; a{
        padding-left: 40px;
    }

    .nav-main li.home-main-menu .highlight-bg {
        background: #d9d9d9;
        padding:3px;
    }

    .nav-main li.has-bg &gt; .highlight-bg{
        left: 15px;
    }

    .nav-main li.has-bg.sticker &gt; .highlight-bg{
        top: -5px;
    }

    /* magic line */
    .nav-main &gt; li &gt; a:hover::after,
    .nav-main &gt; li.active &gt; a:after{
        width: 0;
    }


    .nav-main-magicline{
        opacity: 0;
    }

    .nav-main-useractions .nav-main {
        padding-top:0;
    }

    .nav-main-useractions i {
        display:none;
    }

    .nav-main-dropdown-wrapper,
    .nav-main-submenu-wrapper{
        position: relative;
        top: 0;
        left: 0;
        opacity: 1;
    }

    .nav-main-submenu.active &gt; li:not(.active) {
        display: none;
    }

    .nav-main-dropdown-inner{
        min-height: 0;
        max-height: 100%;
        padding: 10px;
        background:#eee;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    }

    .nav-main-dropdown-inner &gt; .row &gt; div:first-child{
        padding-left: 10px;
    }

    .nav-main li.active.child-is-open .nav-main-dropdown-inner &gt; .row &gt; div,
    .nav-main li.active.child-is-open .nav-main-dropdown-inner &gt; .row &gt; div:first-child {
        padding: 0;
    }

    .nav-main-dropdown-item{
        margin-left: 0;
    }

    .nav-main-dropdown h5 ,
    .nav-main-dropdown .h5 {
        font-weight: 400;
    }

    .nav-main-dropdown-item:first-child{
        padding-left: 0;
    }

    .nav-main-dropdown-item a i {
        padding: 0 10px;
        line-height: 48px;
        width: 100%;
        text-align: right;
        position: absolute;
        top: 0;
        right: 0;
        color: #000000;
    }

    .nav-main-dropdown-item.has-sub-items.active a i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        text-align: left;
        color: #ffffff;
    }

    .nav-main-dropdown-item.has-sub-items.active a .heading-wrapper h5 ,
    .nav-main-dropdown-item.has-sub-items.active a .heading-wrapper .h5 {
        background: #3973b5;
        color: #ffffff;
        padding: 0 10px;
    }

    .nav-main-dropdown h5,
    .nav-main-dropdown .h5{
        text-transform: uppercase;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .collapsed-mobile .nav-main-dropdown ul {
        max-height: 0;
        overflow: hidden;
    }

    .collapsed-mobile .brand .nav-main-dropdown ul {
        max-height: initial;
        overflow: auto;
    }

    .collapsed-mobile .nav-main-dropdown .nav-main-dropdown-item.active ul {
        max-height: 1000px;
    }

    .nav-main-dropdown li &gt; a{
        padding: 8px 0;
        height: auto;
        line-height: 32px;
        font-size: 16px;
    }

    .nav-main-submenu &gt; li &gt; a &gt; h5,
    .nav-main-submenu &gt; li &gt; a &gt; .h5{
        margin: 0;
    }

    /* Main navigation Matirial designe */
    .md-menu .nav-main-wrapper &gt; .container {
        max-width: 300px;
    }

    .md-menu .nav-main-dropdown li &gt; a,
    .md-menu .level4 .nav-main-submenu &gt; li &gt; a &gt; h5,
    .md-menu .level4 .nav-main-submenu &gt; li &gt; a &gt; .h5,
    .md-menu .nav-main-dropdown h5,
    .md-menu .nav-main-dropdown .h5,
    .md-menu .nav-main &gt; li &gt; a {
        font-size: 14px;
        padding: 0 15px;
        line-height: 48px;
        text-transform: none;
    }

    .md-menu .level4 .nav-main-submenu &gt; li &gt; a &gt; h5 ,
    .md-menu .level4 .nav-main-submenu &gt; li &gt; a &gt; .h5 {
        padding: 0;
    }

    .md-menu .nav-main-dropdown h5 ,
    .md-menu .nav-main-dropdown .h5 {
        padding: 0 5px;
    }

    .md-menu .nav-main &gt; li &gt; a &gt; i, .level4 i, .nav-main &gt; li &gt; a &gt; i {
        padding: 0 10px;
        line-height: 48px;
        width: 100%;
        text-align: right;
    }

    .md-menu .nav-main-dropdown-inner {
        padding: 0 10px;
        margin-bottom: 35px;
    }

    .md-menu .dropdown-custom .heading-wrapper {
        padding: 0;
    }

    .md-menu .nav-main-dropdown-item:first-child {
        margin-bottom: 0;
    }

    .md-menu .brand .nav-main-dropdown li {
        padding: 0 0 0 30px;
    }

    .md-menu .level4 .nav-main-submenu &gt; li{
        height: 48px;
    }

    .md-menu .level4 .nav-main-submenu &gt; li &gt; a &gt; i{
        line-height: 48px;
    }
    /* END Main navigation Matirial designe */

    .booking-dropdown {
        padding:0 15px;
    }

    .header-carthor {
        margin-top:0;
    }

    .transaction-body-header {
        display:none;
    }

    .transaction-item {
        width:100%;
    }

    .autocomplete .products-list-simple &gt; .products-list-search.row {
        width:100%;
    }

    .col-right-style .products-list-simple.product-list-simple-styled {
        padding: 0px 15px 10px;
    }

    .products-list-simple.product-list-simple-styled .product-item-image img {
        max-height:300px;
    }

    .simmilar-products-laptop-grid .heading-wrapper {
        background:#fff;
        border-top: 1px solid #07B5FC;
    }

    .simmilar-products-laptop-grid .heading-wrapper h2 {
        font-size: 24px;
        padding: 0px 15px;
        font-size: 24px;
        padding: 0 20px;
    }

    .col-right-style .products-list-simple.product-list-simple-styled {
        background:#fff;
    }

    .col-right-style .products-list-simple.product-list-simple-styled .product-item-image {
        margin-bottom:10px;
    }

    .header-cart {
        min-width:40px;
    }

    .header-carthor{
        margin-top: 0;
    }

    .header-cart-preview,
    .header-cart-preview &gt; a{
        display: inline-block;
        position: fixed;
        top: 0;
        right: 0;
        width: 45px;
        height: 61px;
        background: transparent;
    }

    .header-cart-preview .total{
        padding: 1px;
    }

    .header-cart-preview .icon-cart-f{
        font-size: 2rem;
        margin-bottom: 5px;
        color: #017dc3;
    }

    .header-cart-preview .title{
        display: none;
    }

    .search {
        display:block !important;
        position: fixed;
        top: 60px;
        width:100%;
        z-index:1000;
    }

    .search-stickers {
        margin:0;
    }

    .search-intro {
        margin:0;
    }

    .search-intro .description {
        height:40px;
    }

    .autocomplete-button {
        color: #ffffff;
        width: 40px;
        text-align: center;
        height: 60px;
        padding: 0;
        line-height: 60px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .autocomplete-button .title {
        display: none;
    }

    .autocomplete-button:after {
        content: none;
    }

    .autocomplete-button:before {
        color: #fff;
    }

    .autocomplete h4 {
        font-size:12px;
    }

    .autocomplete-input {
        position: absolute;
        top: 0px;
        width: 100%;
        line-height: 20px;
        right: 0;
        padding: 8px 15px 7px;
        border-radius: 0;
        font-size: 1rem;
        font-family: "NBIcon",sans-serif;
    }

    .autocomplete-close {
        right: 0;
        top: 0;
        padding: 10px;
        line-height: 30px;
        font-size: 20px;
        background: #fff;
        border-left: 0 solid #d9d9d9;
    }

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

    .autocomplete-results .heading-append {
        top: -5px;
        padding: 5px 10px;
        line-height: 44px;
        right: -10px;
        background: transparent;
    }

    .autocomplete .products-list-simple &gt; .product-list-search.row {
        width:100%;
    }

    .header-cart-item .header-cart-toggle {
        display: none !important;
    }

    .heading-wrapper-profile {
        margin-top:10px;
        padding:0 5px;
    }

    .heading-wrapper-profile .heading-append a {
        line-height:65px;
        min-width:50px;
    }

    .brands-wrapper .table-responsive {
        margin-bottom:40px;
    }

    /* Nav vertical filled */
    .nav-vertical-filled-wrapper{
        border-left: none;
        padding-top: 0;
        min-height: 0;
        margin-bottom: 20px;
    }

    .nav-vertical-filled &gt; li{
        width: auto;
        display: inline-block;
    }

    .nav-vertical-filled &gt; li &gt; a{
        width: auto;
    }

    .nav-vertical-filled &gt; li.active &gt; a:before{
        display: none;
    }

    .nav &gt; li &gt; a:focus {
        background-color:inherit;
    }

    /* Cart */
    .cart-action{
        display: inline-block;
        margin-bottom: 10px;
    }

    #order_address_content .form-group.form-group-checklabel {
        margin: 10px 0;
        display: inline-block;
        line-height: 20px;
        height: 20px;
    }

    #order_address_content .cart-action {
        margin: 10px 20px;
        line-height: 20px;
        height: 20px;
    }

    #order_address_content .form-group.form-group-checklabel .icheck-label,
    #order_address_content .cart-action h3{
        line-height: 20px;
        height: 20px;
    }

    #order_address_content .form-group.form-group-checklabel .iradio_flat{
        line-height: 20px;
        margin: 3px 5px 3px 0;
        vertical-align: top;
    }

    .cart &gt; form &gt; div:first-child {
        padding-top:0;
    }

    .sidebar-info {
        top:110px;
    }

    .cart {
        padding:0px 10px;
    }

    .cart .carrier-wrapper {
        margin-bottom: 20px;
    }

    .delivery-option-text {
        padding-left: 10px;
    }

    #order_ticket_content .cart-ticket-wrapper {
        padding-top: 0;
    }

    #order_address_content .cart-step {
        padding: 0 15px;
    }

    #order_carrier_and_payment_content .cart-step h3 {
        font-size: 20px;
        margin-top: 10px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 5px 0;
    }

    #order_carrier_and_payment_content .cart-step h3 span {
        border-bottom: 1px solid #ccc;
    }

    .cart .heading-wrapper .title h2 {
        font-size: 22px;
        line-height: 25px;
        padding: 5px 0;
    }

    .cart-step .heading-append {
        line-height: 36px;
    }

    /*
    * All sliders
    */

    .slider-arrow i {
        font-size:1.5rem;
    }

    /*
    * Main Slider
    */

    .main-slider {
        margin-bottom:20px;
    }

    .main-slider-wrapper{
        margin-top: -20px;
        height:auto;
    }

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

    .main-slider-bg,
    .main-slider .cover-bg-wrapper {
        height:auto;
    }

    .main-slider-wrapper .container{
        padding: 0;
    }

    .main-slider-caption-keyword {
        width:100%;
        padding:0;
        text-align:center;
        font-size:1.25rem;
    }

    .main-slider-caption-text {
        margin-left:0;
    }

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

    .slick-dots {
        padding: 5px;
    }

    .slick-dots li button:before {
        width: 18px;
        height: 18px;
    }

    .slick-dots li.slick-active button:before {
        width: 20px;
        height: 20px;
    }

    .post-color .social-share {
        padding: 0px 20px 40px;
    }

    .slider-navigation.heading-append .slider-prev,
    .slider-navigation.heading-append .slider-next {
        font-size:1.5rem;
    }

    .homepage-banner-wrapper {
        position: relative;
        padding: 20px;
        background: #fff;
        margin-bottom: 20px;
    }

    .promo-caption-title,
    .promo-caption-description {
        line-height: 21px;
        font-size: 1.5rem;
    }

    .nav-tabs li {
        width:100%;
        background:#fff;
    }

    .nav-main &gt; li &gt; a,
    .nav-main &gt; li &gt; a:hover {
        border-bottom: 0px solid #eee;
    }

    .nav-main &gt; li &gt; a:hover {
        background:transparent;
    }

    .nav-main &gt; li &gt; a:active,
    .nav-main &gt; li &gt; a:focus,
    .nav-main &gt; li &gt; a:active:focus {
        color: #4a4b5c;
    }

    .nav-main &gt; li.active &gt; a:active,
    .nav-main &gt; li.active &gt; a:focus,
    .nav-main &gt; li.active &gt; a:active:focus {
        color: #fff;
    }

    .nav-main &gt; li.active &gt; a {
        background:#3973b5;
    }

    .collapsed-mobile .nav-main &gt; li.active.child-is-open &gt; a,
    .collapsed-mobile .nav-main &gt; li.active.child-is-open .nav-main-dropdown-item:not(.active) {
        display: none !important;
        margin-bottom: -1px;
    }

    .nav-tabs &gt; li &gt; a {
        border: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .nav-tabs &gt; li.active:after {
        height:1px;
        background: #ddd;
    }

    .nav-tabs&gt;li.active:not(:last-of-type)&gt;a,
    .nav-tabs&gt;li.active:not(:last-of-type)&gt;a:hover,
    .nav-tabs&gt;li.active:not(:last-of-type)&gt;a:focus {
        border-right: 1px solid #d9d9d9;
    }

    .nav-tabs&gt;li.active&gt;a,
    .nav-tabs&gt;li.active&gt;a:hover,
    .nav-tabs&gt;li.active&gt;a:focus {
        background: #eee;
    }

    .list-alternately-items {
        margin-top:10px;
    }

    .article-background-wrapper {
        margin-bottom:10px;
    }
    .social-share {
        padding: 0 0 20px 0px;
    }

    /* Handlines Sldier */
    .handlines-sldier {
        background: #4a4b5c;
    }

    .handlines-sldier .item .description p {
        display: none;
    }

    .handlines-sldier .item .title {
        line-height: 30px;
    }

    .srch .handlines-sldier{
        display: none;
    }

    /* Grid slider */
    .img-wrapper .main-img.hide-main-img {
        display: none;
    }

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

    /* horizontal list grid */
    .horizontal-list-grid .item .img-wrapper img {
        width: 100%;
    }

    .horizontal-list-grid .item .content {
        padding: 10px 20px;
    }

    /* Featured post */
    .featured-post{
        margin-left: 0;
        margin-bottom: 20px;
        max-width: 100%;
    }

    /* Intro item */

    .intro-text{
        padding: 0 10px;
    }

    /* Postbox */
    .postbox{
        max-height: 100%;
    }

    /* product gallery thumbs */
    .minigallery-thumbs{
        padding: 20px;
    }

    .slider-wrapper {
        padding:0 20px;
    }

    .slider-wrapper:before {
        left:20px;
    }

    .slider-wrapper:after {
        right:20px;
    }

    .main-slider-wrapper .slick-dots li {
        display:none;
    }

    .main-slider-wrapper .slider-navigation-absolute .slider-prev,
    .main-slider-wrapper .slider-navigation-absolute .slider-next {
        padding: 30px 10px;
    }

    .slider-navigation-absolute .slider-prev,
    .slider-navigation-absolute .slider-next{
        top: 40%;
        font-size: 1.3em;
        padding: 30px 0;
    }

    .fullscreen .slider-navigation-absolute .slider-prev,
    .fullscreen .slider-navigation-absolute .slider-next{
        top: -10px;
        font-size: 1.3em;
        left: 0;
    }

    .fullscreen .slider-navigation-absolute .slider-next{
        left: 40px;
        right: auto;
    }


    .shop-info-item{
        margin: 5px;
    }

    .phoneticket-verification-trigger {
        margin-left:0;
    }

    .post-item.action-item .post-item-date {
        text-align:left;
        padding:10px;
    }

    .post-item.action-item .post-item-headline,
    .post-item.action-item .post-item-text,
    .post-item.action-item .post-item-morelink {
        padding: 5px 10px;
    }

    .post-item-listview.post-item .post-item-headline,
    .post-item-listview.post-item .post-item-morelink,
    .post-item-listview.post-item .post-item-text {
        padding:0 15px;
    }

    .post-item-listview .post-item-headline {
        margin-top:15px;
    }

    .post-item-listview.post-item .post-item-date {
        float:left;
        margin: 0 15px 10px;
    }

    .post-item .post-icon {
        display:none;
    }

    .post-item-listalternately:before {
        display:none;
    }

    .post-item.post-item-listalternately .item-wrapper,
    .post-item.post-item-listalternately.odd-item .item-wrapper {
        padding:0;
        text-align:center;
        min-height:0;
    }

    .post-item-listalternately .item-wrapper h2 {
        margin-top: 20px;
    }

    .post-item-listalternately .item-wrapper h2 a {
        font-size: 18px;
        line-height: 30px;
    }

    .post-item-listalternately .item-wrapper {
        padding-bottom: 20px;
        border-bottom: 1px solid #cacaca;
    }

    .article-list-alternately-simple .item-wrapper {
        border: none;
    }

    .post-icon {
        display:none;
    }

    .post-content {
        padding:0 15px;
    }

    .post-details {
        padding:10px;
    }

    /* Profile */

    .profile .brand-item {
        height:180px;
    }

    .shop-list-group .panel-title a {
        display:block;
        padding:0;
    }

    .shop-list-group .panel-title a i {
        margin-left:0;
        margin-right:5px;
    }

    .shop-list-group .panel-title {
        padding:10px 95px 10px 10px;
    }

    .panel-prices .btn-price {
        margin-top:0;
    }

    .shop-list-group .action-buttons {
        position: absolute;
        right: 40px;
        top: 6px;
        font-size:16px;
    }

    .shop-list-group .action-buttons .icon-email,
    .shop-list-group .action-buttons .icon-eye {
        margin-left:10px;
    }

    .form-comment {
        padding:0;
    }

    .cart {
        margin-top:0;
    }

    .cart-step {
        padding:0 15px 15px;
    }

    .cart-table .product-item-title {
        font-weight: 700;
        font-size:1em;
    }

    .heading-wrapper .heading-append a span {
        display:none;
    }

    .shop-list-group .delete-item {
        padding:3px;
    }

    .visible-fixed-header-cart .fixed-header-cart {
        display:none;
    }

    .product-details {
        padding: 15px 10px 40px;
    }

    .product-price-wrapper {
        margin-bottom:10px;
    }

    .product-related-wrapper {
        padding-top: 10px;
    }

    .product-details .social-share {
        padding: 0;
    }

    .aditional-product-options {
        margin-bottom:20px;
    }

    /*
    * categories slider
    */

    .categories-slider {
        margin-bottom:20px;
    }

    .categories-slider .slider-caption {
        font-size: 1rem;
    }

    .catalog-pagination {
        z-index:2 !important;
    }

    .catalog-pagination .owl-prev {
        margin-left:15px !important;
    }

    .catalog-pagination .owl-next {
        margin-right:15px !important;
    }

    .slider-wrapper,
    .slider-wrapper .product-images,
    .slider-wrapper .owl-carousel .owl-item,
    .slider-wrapper .owl-carousel .owl-item img {
        max-width:100%;
    }

    .slider-wrapper .product-images img,
    .slider-wrapper .owl-carousel .owl-item img {
        max-width:100%;
    }

    .col-wrapper {
        margin-top:0;
    }



    .listing-products {
        margin-top:10px;
    }

    .product-listing {
        /*margin-top:20px;*/
        margin-top:10px;
        padding:0;
    }

    /*.products-listing.product-listing-items &gt; .row {
        display: block;
    }*/

    /* product filters */

    .product-listing-filters{
        position: fixed;
        height: 100vh;
        width: 100%;
        left: 0;
        top: 110%;
        background: #eee;
        padding: 50px 20px 10px;
        z-index: 15000;
        display: none;
    }

    .product-listing-filters.loaded{
        top: 0;
        display: block;
        overflow-y: scroll;
    }

    .product-listing-filters .filter-group .headline-wrapper {
        padding: 0 20px 0 0;
        line-height: 48px;
    }

    .product-listing-filters .filter-group .headline-wrapper .icon {
        font-size: 20px;
        top: 0;
        line-height: 48px;
        height: 48px;
    }

    .product-listing-filters .filter-group .filter-category-menu &gt; ul {
        margin: 30px 0 20px;
    }

    .product-listing-filters .filter-group:not(.have-category-title) .filter-category-menu &gt; ul {
        display: block;
    }

    .product-listing-filters .form-group-checklabel label,
    .product-listing-filters ul.filter-group-items li a {
        line-height: 28px;
        font-size: 15px;
    }

    .limited-filters .filter-group .show-all-filters {
        display: none;
    }

    .filter-group .items-wrapper &gt; li.hidden-items {
        display: block !important;
    }

    .filter-group .icheckbox_flat {
        margin-top: 0;
        vertical-align: text-top;
    }

    .mobile-select-attrclass ul.items-wrapper {
        border: 1px solid #000000;
        padding-right: 0;
        margin-right: 10px;
        border-radius: 3px;
        padding-bottom: 0;
    }

    .mobile-select-attrclass ul.items-wrapper &gt; li {
        width: 100%;
        margin: 0;
        position: relative;
        cursor: pointer;
    }

    .mobile-select-attrclass ul.items-wrapper:not(.active) &gt; li:not(.select-all) {
        display: none;
    }

    .mobile-select-attrclass ul.items-wrapper &gt; li label {
        border-width: 0 0 1px !important;
        border-radius: 0;
        text-align: left !important;
    }

    .mobile-select-attrclass ul.items-wrapper &gt; li i {
        float: right;
        line-height: 40px;
        position: absolute;
        right: 10px;
        top: 0;
    }

    .mobile-select-attrclass ul.items-wrapper &gt; li label:hover {
        border: none !important;
        border-bottom: 1px solid #eeeeee !important;
    }

    .product-listing-intro h1 {
        margin:0 0 2px;
    }

    .product-item.gridalt-view .product-image-wrapper {
        height:auto;
    }

    .product-text-wrapper{
        height: 60px;
    }

    .product-item-prices {
        height: 40px;
        padding: 10px 0;
    }

    .product-action-buttons i {
        padding-left:3px;
    }

    .product-action-buttons a {
        color:#999;
    }

    .promo-bg-small {
        height:auto !important;
    }

    .promo-bg-big .promo-item.featured-item {
        height:auto;
    }

    .promo-item.featured-item {
        height:auto;
        /*        border-right:0 solid #fff;
                border-bottom:0 solid #fff;*/
    }

    .product-listing.catalog-listing {
        padding-right:0;
    }

    .product-listing-items.catalog-listing-items .product-item-col {
        width: 50%;
        max-width:50%;
    }

    .product-listing-items.catalog-listing-items .product-item-col.catalog-banner {
        width:100%;
        max-width:100%;
    }

    .catalog-reader-footer i.active {
        display:none;
    }

    .catalog-reader-html .footer-image {
        position:static;
        bottom:auto;
        left:auto;
        overflow:visible;
        max-height:none;
    }

    .catalog-reader-html .slide-wrapper {
        background:#fff;
        padding-bottom:0;
    }

    .catalog-reader-html .catalog-pagination .slider-prev {
        margin-left:0;
    }

    .catalog-reader-html .catalog-pagination .slider-next {
        margin-right: 0;
    }

    .catalog-reader-html .full-image img {
        margin: 0 auto;
    }

    .store-background-wrapper {
        height: 130px;
    }

    .footer-bottom {
        padding-bottom:15px;
    }

    .tab-content-profile {
        margin-top:20px;
    }

    .tab-content h3 {
        font-size:21px;
    }

    .autocomplete-results {
        height:100% !important;
        margin-top:10px;
        padding:0 15px;
    }

    .autocomplete-wrapper-with-btn .autocomplete-results {
        height: auto !important;
        max-height: calc(100vh - 100px);
        margin-top: 5px;
    }

    .autocomplete-wrapper:before {
        background:transparent;
        border-bottom:0 solid #fff;
    }

    .autocomplete-results .product-title {
        min-height:39px;
    }

    .autocomplete-wrapper .container {
        padding:0;
    }

    .autocomplete-wrapper .autocomplete-input {
        width:100%;
    }

    .autocomplete-wrapper .products-list-simple .product-code {
        display:none;
    }

    .autocomplete-results .product-title {
        height: 46px;
        line-height: 1;
        overflow: hidden;
        margin:5px 0;
    }

    /* .autocomplete wrapper with btn in onw row */
    .autocomplete-wrapper-with-btn {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        width: 100%;
    }

    .autocomplete-wrapper-with-btn .autocomplete-input {
        line-height: 30px;
        color: #000000;
    }

    .autocomplete h4 {
        font-size:1.25rem;
    }

    .storelocator-panel {
        z-index:10;
    }

    .catalog-details {
        padding:10px 0;
    }

    .catalog-details h1 {
        max-width:50%;
    }

    .catalog-details .social-share {
        top:15px;
        right:15px;
    }

    .catalog-details .catalog-head .headline {
        margin-top:20px;
    }

    .catalog-details .catalog-head .item {
        margin-bottom:0;
    }

    .catalog-slider {
        box-shadow:0 0 0 #fff;
    }

    .catalog-autosuggest .catalog-store a {
        color: #4a4b5c;
    }

    .close-catalog a {
        padding:10px 0;
    }

    .close-catalog i {
        margin-top:8px;
    }

    .book-view .visible-book {
        overflow:auto !important;
    }

    .catalog-slider .owl-carousel .owl-stage-outer {
        pointer-events:none;
    }

    .catalog-zoomer-buttons {
        position: absolute;
        top: -37px;
        left: 0;
        background: #4a4b5d;
        border: 1px solid #eee;
        width: 100%;
        display:none;
    }

    .catalog-zoomer-buttons .zoom-range {
        width: calc(100% - 85px);
        margin-top:20px;
    }

    .catalog-zoomer-buttons .zoom-range::-moz-range-track {
        width:100%;
    }

    .catalog-zoomer-buttons .zoom-range::-webkit-slider-runnable-track {
        width:100%;
    }

    .catalog-zoomer-mobile {
        overflow:auto;
    }

    .catalog-zoomer-buttons .zoom-out,
    .catalog-zoomer-buttons .zoom-in {
        line-height:33px;
    }

    .close-catalog {
        top:-18px;
        right:0;
        z-index:999;
    }

    .catalog-pagination .slider-prev,
    .catalog-pagination .slider-next {
        margin-left:0;
        margin-right:0;
        background: rgba(0,0,0,0.1);
        box-shadow:0 0 0 0 rgba(0,0,0,0);
        border-radius: 0;
        height: 85px;
        line-height: 70px;
        width:40px;
    }

    .catalog-pagination .slider-arrow:focus {
        background:transparent;
        box-shadow:0 0 0 #fff;
    }

    .featured-item .promo-item-title {
        display:none;
    }

    .caption-main-title {
        display:none;
    }

    .caption-main-title i {
        display:block;
    }

    .caption-discount {
        right:0;
    }

    .offer-slider {
        border-bottom: 1px solid #eee;
        background: #fff;
        margin-bottom: 20px;
    }

    .cart-table.table .product-item-size {
        font-size: 11px;
    }

    .cart-table.table .product-item-code {
        font-size: 10px;
    }

    .cart-table .product-item-category {
        font-size: 11px;
        line-height: 12px;
    }

    .product-slider .product-item-prices {
        min-height:20px;
    }

    .promo-item.featured-item {
        min-height:20px;
    }

    .offer-slider .caption-ribbon {
        bottom:5px;
    }

    .assortment {
        padding: 20px 10px;
    }

    /*
    * gender slider
    */

    .genders-slider,
    .genders-slider .headline {
        margin-bottom:20px;
    }

    .genders-slider .headline {
        min-height:60px;
    }

    .social-icons {
        text-align:center;
    }

    .social-icon a {
        font-size:32px;
    }

    .social-share-sidebar .social-share .social-share-icon {
        width:auto;
        margin-right:10px;
    }

    .products-list-simple .product-item-image {
        text-align:left;
    }

    .product-listing-filters {
        padding:35px 10px;
    }


    .post-item-imagewrapper img {
        width:100%;
    }

    .product-listing-tags{
        padding: 4px 10px 4px 0;
        min-height: 0;
    }

    .product-listing-tags:before{
        display: none;
    }


    .search-page .background {
        padding:20px 10px;
    }

    .visible-grid {
        padding:10px 10px 20px;
    }

    .payment-methods {
        padding: 0px 10px 40px;
    }

    .catalog-info {
        padding:0 10px 40px;
    }

    .catalog-list-ondetail {
        padding:0 10px 40px;
    }

    .payment-methods .footer-paymentcard {
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .payment-methods .footer-paymentcard img {
        margin-top:10px;
    }

    .catalog-details h1 {
        margin-top:5px;
    }

    .catalog-details .catalog-head {
        padding:0 10px;
    }

    .fixed-sidebar.catalog-color {
        margin-bottom:20px;
    }

    .fixed-sidebar,
    .fixed-sidebar &gt; .sidebar-small {
        max-width:100%;
    }

    .products-list-simple.product-list-simple-styled .product-item-image img {
        max-height:1000px;
    }

    .catalog-color .product-list-simple-styled {
        padding:0;
    }

    .filter-group-items{
        margin-bottom: 10px;
    }

    .filter-group-items li{
        margin-bottom: 5px;
    }

    .filter-group-items-wrapper.reset-wrapper {
        position: absolute;
        top: 20px;
        left: 10px;
        margin: 0;
        background: #3973b5;
        color: #fff;
        padding: 0 10px;
    }

    .product-listing-filters .reset-tag-wrapper {
        border: none;
        margin: 0;
        padding: 0;
        line-height: 48px;
    }

    .product-listing-filters .reset-tag-wrapper span{
        display: none;
    }

    .filter-group-headline {
        border-bottom: 1px solid rgba(0,0,0,0.125);
    }

    .filter-group .items-wrapper {
        max-height: inherit;
    }

    .catalog-listing-items .product-text-wrapper {
        padding-top:5px;
    }

    .product-compare-main .main-product {
        padding:38px 0 0;
        font-weight:400;
    }

    .main-product-info .info-headline,
    .main-product-info .info {
        text-align:left;
        height:auto;
        background:#fff;
        font-weight: 400;
    }

    .main-product-info .info a {
        color:#888;
    }

    .product-compare-main .row,
    .product-compare-main .bordered-row {
        font-weight: 400;
        color:#888;
        border-bottom:1px solid #eee;
    }

    .compared-products-wrapper {
        background:transparent;
    }

    .compared-products-wrapper .heading-wrapper .headline,
    .compared-products-wrapper .owl-item {
        background:#fff;
    }

    .main-product-info .info-headline,
    .compared-products-wrapper .main-product-info .info-headline {
        color:#555;
    }

    .comments {
        padding: 10px 0;
    }

    .bordered-row {
        line-height: 18px;
        padding: 5px 0;
        border-bottom:1px solid #eee;
    }

    .bordered-row .text-right {
        text-align:left;
    }

    .product-infobox{
        float:left;
        padding-bottom:5px;
        position: static;
    }

    .login-sidebar .product-infobox-contact {
        width:100%;
    }

    .transaction-content {
        padding:0 10px;
    }

    .product-infobox-contact-text {
        font-size:1em;
    }

    .product-details .tab-content .btn {
        width:100%;
    }

    .filter-group-items {
        max-height:9001px;
    }

    .login-style .btn {
        width:100%;
    }

    .cart-step h3 {
        margin-bottom:0;
    }

    .header-cart {
        height:60px;
    }

    .final-step .cart-step .btn {
        width:100%;
        margin-bottom:10px;
    }

    .horizontal-separator-cart {
        height: 20px;
        background: #eee;
        margin: 10px -5px 20px;
        float:left;
        width: calc(100% + 10px);
    }

    .product-buy .shop-button-qnt ,
    .product-buy .shop-button-qnt-soonSale {
        border-radius:0;
        padding-left:80px;
    }

    .product-details .products-list-simple h4 {
        background:#fff;
    }

    .not-active-product-no-sizes {
        margin-left: 0;
        margin-bottom: 20px;
    }

    .product-details h1 {
        margin-top:10px;
    }

    .listing-products .brand-item {
        height:180px;
    }

    .listing-products .store-item-title {
        margin-top:10px;
    }

    .listing-products .brands-wrapper.brands-color .brand-item {
        height:150px;
    }

    .stores-map {
        z-index:1;
        top: 0;
    }

    .store-map-wrapper .show-store-list {
        top: 30px;
        left: 10px;
    }

    .rsBullets {
        position: absolute;
        bottom: 0px;
        background: rgb(255, 255, 255) none repeat scroll 0% 0%;
        padding: 10px;
        display: inline-block;
        text-align: center;
        left: 0px;
        margin: 0px auto;
        opacity:1;
        transition:0s opacity;
    }

    .rsNavItem {
        height: 10px;
        width: 10px;
        float: left;
        background: rgba(247,166,39,0.3);
        margin-right: 10px;
    }

    .rsNavItem.rsNavSelected {
        background: rgba(247,166,39,1);
    }

    .shop-list-group .table .icon-config {
        padding: 0px 5px 0px 10px;
    }

    .shop-list-group .table .icon-close {
        padding: 0px 10px 0 5px;
    }

    /*Store*/
    .storelocator-panel {
        opacity: 0.9;
        margin: 20px 0;
        padding: 10px;
        max-width: 100%;
        width: 100%;
    }

    .store-item-address {
        height:auto;
    }

    /* product-availability */

    .availability-headline,
    .availability-input,
    .availability-button {
        width:100%;
        margin-bottom:10px;
    }

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

    .pagination &gt; li &gt; a{
        margin: 0;
    }

    .pagination &gt; li.first &gt; a,
    .pagination &gt; li.last &gt; a,
    .pagination &gt; li.next &gt; a,
    .pagination &gt; li.prev &gt; a {
        padding: 4px;
        font-size: 12px;
    }

    .pagination &gt; li.first &gt; a:hover,
    .pagination &gt; li.last &gt; a:hover,
    .pagination &gt; li.next &gt; a:hover,
    .pagination &gt; li.prev &gt; a:hover {
        color:#888;
    }

    .pagination &gt; li.number.number-dot {
        width: 20px;
        text-align: center;
        margin-right: 0;
    }

    .pagination &gt; li.number.number-dot a {
        padding: 4px 0;
        min-width: 100%;
    }

    .pagination &gt; li.first-last {
        width: 20px;
        text-align: center;
    }

    .pagination &gt; li.first-last a {
        padding: 4px 0;
        min-width: 100%;
    }

    .product-compare-main {
        margin-top:10px;
    }

    .product-compare-main .category {
        font-size:0.75rem;
    }

    .product-compare-main .category a {
        font-weight:400;
        color:#888;
    }

    .small-wrapper {
        padding-right:0;
    }

    .brand-item {
        height:90px;
    }

    /* Footer */

    .footer {
        padding:20px 0 10px;
    }

    .footer-wrapper{
        padding-bottom: 0;
    }

    .footer-wrapper:after {
        width:240px;
    }

    .footer-small {
        height:auto;
    }

    .footer-small .form-newsletter {
        margin-bottom:0;
    }

    .footer-box:first-child{
        padding-left: 0;
    }

    .footer-shop-info{
        /*        margin-top: 20px;*/
        z-index: 1;
    }

    .footer .logo {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .footer .logo img {
        max-width:100%;
        margin:auto;
    }

    .disclaimer {
        margin-bottom:10px;
    }

    .footer-box-list &gt; li {
        padding:2px 0;
    }

    .footer h4,
    .footer .h4,
    .footer h5,
    .footer .h5,
    .footer-box-content {
        text-align:left;
    }

    .footer-logo {
        padding:10px 0;
        margin:0 auto;
    }

    .footer-box-headline {
        width:100%;
    }

    .footer-boxes .img-responsive {
        display:inline-block;
    }

    /* Footer collapse */
    .collapse-menu:not(.company-info){
        margin-bottom: 20px;
    }

    .collapse-menu .heading-wrapper .title .icon{
        display: block;
    }

    .collapse-menu .items-wrapper {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

    .collapse-menu.open .items-wrapper,
    .collapse-menu .open .items-wrapper{
        max-height: 1000px;
        padding-bottom: 20px;
    }

    .collapse-menu .heading-wrapper .title .icon{
        position: absolute;
        top:0;
        right: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .collapse-menu.open .heading-wrapper .title .icon,
    .collapse-menu .open .heading-wrapper .title .icon{
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .instagram-headline {
        display:none;
    }

    .instagram-wrapper {
        display:block;
    }



    .responsive-center {
        text-align:center;
    }

    .offer-slider-wrapper {
        max-width: 235px;
        margin: 0 auto 20px;
    }

    /* Post*/
    .post-item-imagewrapper{
        margin-bottom: 10px;
    }

    .post-item-text {
        font-size:12px;
        line-height:16px;
    }

    .post-item .item-wrapper {
        min-height:150px;
    }

    .post-head {
        padding:5px 10px;
    }

    /* Product */
    .products-list-simple .product-category{
        margin-top: 5px;
    }

    .product-listing-items {
        margin-bottom:20px;
    }

    .product-item-overlay{
        cursor: default;
        pointer-events: none;
    }

    .product-image-wrapper {
        max-width:380px;
        margin:0 auto;
    }

    .slider.product-main {
        height: calc(100vw - 20px);
        overflow: hidden;
    }

    .slider.product-main{
        background-size: contain;
        background-repeat: no-repeat;
    }

    .toggle-banner {
        top: 350px;
    }

    .appear-preloader,
    .appear.appear-preloader &gt; *,
    .appear.appear-preloader.appeared .slider.product-main &gt; *{
        opacity: 1 !important;
    }

    .appear.appear-preloader .slider.product-main &gt; *{
        opacity: 0 !important;
    }

    .appear-preloader:after {
        content: none;
    }

    .catalog-listing .product-image-wrapper {
        max-width:100%;
    }

    .products-color .product-image-wrapper,
    .product-details .product-image-wrapper {
        max-width:100%;
    }

    .product-details .product-list-simple-styled {
        background:transparent;
    }

    .product-slider .product-item {
        background:transparent;
    }

    .product-image-wrapper:hover .caption-main-wrapper{
        opacity: 0;
    }

    .product-item-title {
        margin-top:5px;
    }

    .offer-slider-wrapper .owl-carousel .owl-item {
        background:transparent;
    }

    .product-details .countdown-timer-wrapper,
    .product-details .countdown-label {
        width:100%;
    }

    .product-compare-main .headline {
        font-size:1.125rem;
    }

    .catalog-reader {
        padding:5px 5px 25px;
    }

    .catalog-reader-outer-wrapper {
        min-height:50px;
    }

    .catalog-list-ondetail .product-item {
        width:50%;
        max-width:50%;
    }

    .catalog-content-html {
        padding:0;
    }

    .profile .product-image-wrapper {
        max-width:100%;
    }

    .profile .product-item-overlay {
        border:0 solid #fff;
    }

    .profile .profile-section {
        padding: 0;
    }

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

    .profile-submenu {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
    }

    .profile-submenu &gt; a {
        right: 0;
        transform: none;
        top: 20px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .product-info-wrapper * {
        pointer-events: none;
    }

    .product-info-wrapper a {
        pointer-events: all;
    }

    /* product detaili no slider galerry */
    .products-detail-noslider .product-images-gallery .slider-navigation-absolute {
        display: block;
    }

    .products-detail-noslider .product-detail-wrapper,
    .products-detail-noslider .product-images-gallery.slider .slick-slide {
        padding: 0;
    }

    .products-detail-wrapper .product-gallery-wrapper {
        padding: 0;
    }

    /* Brands */
    .brand-item img{
        max-width: 100%;
    }

    /* Cart */
    .delivery-options li{
        /*padding: 0;*/
        padding: 0 15px;
    }

    .cart-payment-wrapper .delivery-options li{
        margin-top: 40px;
    }

    #cart_onepage_delivery_country_form {
        margin: -10px -5px;
    }

    #cart_onepage_delivery_country_form .form-group {
        margin: 10px 15px 0;
        float: none;
    }

    /* Location search */
    .location-search-inputs{
        margin-bottom: 20px;
    }

    .tab-content-profile {
        padding-bottom:10px;
    }

    .tab-content-profile .dl-horizontal dd {
        border-bottom:1px solid #fff;
    }

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

    .profile .nav-vertical &gt; li &gt; ul li {
        float:left;
        width:100%;
    }

    .heading-wrapper-profile h1 {
        font-size:16px;
        font-weight: 400;
    }

    .heading-wrapper-profile .heading-append a {
        padding:0;
    }


    /* Promo item */
    .promo-item-image-wrapper img{
        width: 100%;
        height: auto;
    }

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

    .promojoining-item-image-wrapper {
        text-align:center;
    }

    .promojoining-item-description p {
        display:none;
    }

    .promo-bg-big {
        max-height:2000px;
        height:auto !important;
    }

    .styled-modal .headline {
        padding-right:40px;
        text-align:left;
    }

    .outlet-header {
        margin:0;
    }

    .outlet-header:before {
        display:none;
    }

    .outlet-header a {
        padding:18px 30px !important;
    }

    .compared-products-wrapper .heading-wrapper .headline {
        padding:5px 10px;
        height:40px;
    }

    .footer-small .form-newsletter .form-control {
        width:160px;
    }

    .styled-modal .close {
        top:-5px;
    }

    /*sports landing page*/

    .sport-main .item-title {
        font-size: 40px;
        color: #ffffff;
    }

    .sport-main .button-slider{
        padding: 6px 12px;
    }
    .sport-main .item-description{
        font-size:14px;
    }

    .sport-main .item-wrapper-rel{
        left: 30px;
        top: 25%;
    }

    .sport-main .slider-wrapper {
        padding: 0;
    }

    .sportcategories-slider .item-wrapper:first-child,
    .sportcategories-slider .item-wrapper:last-child{
        padding-right:0;
        padding-left: 0;
    }

    .sport-pngsldier .item-description{
        display: none;
    }

    .sport-pngsldier .item-wrapper-rel{
        position: absolute;
        top:auto;
        left:auto;
    }

    .sport-pngsldier .item-title{
        font-size: 14px;
        font-weight: 700;
    }

    .sport-pngsldier .btn.button-slider {
        width:auto;
    }

    .sport-three-in-row .item-title{
        font-size:14px;

    }
    /*
        .sport-three-in-row .item.slick-active .button-slider{
            opacity: 1;
        }*/

    .sport-three-in-row .item-text-wrapper {
        bottom: 10px;

    }

    .onlyimgslider.slider-wrapper {
        padding: 0;
    }

    .onlyimgslider .headline-wrapper {
        left: 10%;
        z-index: 999;
    }

    .onlyimgslider .slick-slide {
        padding: 0 ;
    }

    .onlyimgslider-content {
        display: block;
        width: auto;
    }

    .sport-four-in-row {
        margin: 40px 0;
    }

    .sportcategories-slider {
        padding: 40px 0;
    }

    .sport-three-in-row .slider-wrapper {
        padding: 0
    }

    .sportcategories-slider.dif-grid {
        margin-bottom: 0px;
        padding: 0;
    }

    .sportcategories-slider.dif-grid .item{
        margin-bottom: 40px;
    }

    .padding-slider .slider-arrows {
        width: 100%;
    }

    .padding-slider .slider-navigation-absolute .slider-prev,
    .padding-slider .slider-navigation-absolute .slider-next {
        padding: 10px 7px 3px 6px;
    }

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

    .sport-three-in-row .item.slick-slide.slick-current.slick-active img{

        transition:all 0.3s;
    }

    .onlyimgslider .btn.btn-slider {
        background-color: rgba(0,0,0,0.9);
    }

    .sportcategories-slider .title {
        font-size: 20px;
        margin-top: 20px;
    }

    .sport-three-in-row .item-title {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .onlyimgslider .slick-dots {
        bottom: 0;
    }
    /*sports landing page*/
    .sportcategories-slider.dif-grid .item img{
        margin: auto;
    }
    .sportcategories-slider .item-wrapper:last-child .item {
        float: none;
    }
    .b-landing-wrapper .sport-pngsldier {
        width: 100%;

    }

    .b-landing-wrapper .sport-main .item-wrapper-rel {
        position: absolute;
        left: 30px;
        top: 25%;
        transform: translateY(-50%);

    }
    .b-landing-wrapper .sport-pngsldier {
        width: 100%;
    }

    .b-landing-wrapper .sport-main .item-wrapper-rel {
        left: 90px;
        top: 55%;
    }
    .b-landing-wrapper .item-subtitle {
        top: 50px;
    }
    .info-until-free-delivery-wrpper .title .text-wrapper{
        width: 100%;
    }
    .info-until-free-delivery-wrpper .icon-truck{
        display: none;
    }
    .info-until-free-delivery-wrpper .title .text-wrapper .price {
        display: block;
        margin-left: 0;
        margin-top: 10px;
    }

}

/* NOVI CSS */

@media (max-width: 767px) {

    .header{
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        width: 100%;
    }


    .header .intro-slider {
        display: none;
    }

    .header .quick-links {
        display: none;
    }

    .header .header-top .user {
        display: none;
    }

    .header.md-header .header-top .autocomplete-button i:before {
        content: none;
    }

    .nav-mobile-icon {
        display: block;
        padding:0;
        top: 0;
        left: 0;
        z-index: 99999;
        color: #ffffff;
        width: 50px;
    }

    .mini-cart.mini-cart-simple,
    .autocomplete-button {
        margin: 0;
    }

    .header .logo {
        position: fixed;
        top: 0px;
        left: 50%;
        /*-webkit-transform: translateX(-50%);*/
        -webkit-transform: translate(-50%,-60px); /* Za stare android browsere mora da se resetuje header position fix (sa transition3d(0,0,0)) i pomery po Y osi za visinu header-a */
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 140px;
        z-index: 10000;
        height: 60px;
        text-align: center;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .header-top &gt; .container {
        height: 60px;
    }

    .header-top &gt; .container .row {
        float: right;
    }

    /* Header inline */
    .header-inline .nav-mobile-icon i {
        font-size: 50px;
    }

    .header-inline .header-cart,
    .header-inline .autocomplete-button{
        padding: 0;
        line-height: 60px;
        height: 60px;
    }

    .header-inline .main-4level .nav-main {
        width: 270px;
        background: #ffffff;
        height: 100%;
        overflow: scroll;
    }

    .header-inline .nav-main-dropdown h5 ,
    .header-inline .nav-main-dropdown .h5 {
        margin: 10px 0;
    }

    .header-inline .nav-main &gt; li &gt; a {
        padding: 16px;
        font-size: 16px;
        line-height: 16px;
        height: inherit;
        display: block;
    }

    .header-inline .nav-main &gt; li &gt; a:hover:before,
    .header-inline .nav-main &gt; li.active &gt; a:before,
    .header-inline .nav-main &gt; li &gt; a:hover:after,
    .header-inline .nav-main &gt; li.active &gt; a:after{
        content: none;
    }

    .header-inline .nav-main-dropdown-wrapper {
        position: relative;
    }

    .header-inline .nav-main-wrapper.loaded {
        height: calc(100vh - 60px);
    }

    /* mai slider */
    .slider.main-slider .item .img-wrapper .main-img {
        display: none;
    }

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

    /* slider with custom pagination */
    .custom-pagination-slider .item .img-wrapper .main-img {
        display: none;
    }

    .custom-pagination-slider .item .img-wrapper .mobile-img {
        display: block;
    }

    .product-slider {
        padding: 0;
    }

    .product-slider .item .options-wrapper {
        display: none;
    }

    .product-slider:not(.no-mobile-transform) .slick-slide {
        padding: 0 5px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .product-slider &gt; .slider-navigation-absolute {
        display: none;
    }

    .product .item.grid-view .img-wrapper,
    .product .item.grid-view .img-wrapper .img-hover{
        padding: 0;
    }

    .product .item .text-wrapper {
        height: 165px;
        margin-bottom: 0;
    }

    .product .item .text-wrapper .title {
        line-height: 14px;
        height: 28px;
    }

    .product .item .text-wrapper .title a {
        font-size: 14px;
        line-height: 14px;
    }

    .product .item .text-wrapper .prices-wrapper .current-price,
    .product .item .text-wrapper .prices-wrapper .prev-price{
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 0;
    }

    .product .item .btn-wrapper {
        display: none;
    }

    .product .item .caption-icons {
        color: #000000;
    }

    .product .item .caption-icons .product-compare {
        display: none;
    }

    .product:not(.shopbylook-slider, .list-three-item) .item:hover .options-wrapper {
        display: none;
    }
    .product-listing .wrapper-list-three-item .product-list-quantity-arrows{
        display: none;
    }
    .product-listing .wrapper-list-three-item .options-wrapper .product-list-quantity-wrapper{
        width: auto;
    }

    .product-listing .product-item:not(.list-view).wrapper-list-view-v3.item &gt; .row {
        margin-left: 0;
        margin-right: 0;
    }

    .product-listing .product-item.wrapper-list-one-item .category-wrapper {
        text-align: left;
        margin-top: 10px;
    }
    /* promo fullscreen slider */
    .promo-slider .main-img,
    .promo-slider .content {
        display: none;
    }

    .promo-slider .img-wrapper .mobile-img{
        display: block;
    }

    .promo-slider .text-wrapper {
        margin: 0;
    }

    .promo-slider .text-wrapper .title {
        color:#4a4b5c;
        font-size: 1rem;
    }

    .sidebar-menu .toggleSidebar .icon {
        display: inline-block;
    }

    .sidebar-menu .heading-wrapper .title h3 {
        margin-top: 10px;
    }

    .sidebar-menu.sidebar-menu-simple .heading-wrapper {
        background: #f5f5f5;
    }

    .page-cover-image.page-cover-image-title-left,
    .category-cover-image.category-cover-image-title-left {
        text-align: center;
    }

    .page-cover-image.page-cover-image-title-left .heading-wrapper,
    .category-cover-image.category-cover-image-title-left .heading-wrapper {
        text-align: center;
    }

    .page-cover-image.page-cover-image-title-left .heading-wrapper .title h1,
    .category-cover-image.category-cover-image-title-left .heading-wrapper .title h1 {
        line-height: 35px;
        text-align: center;
    }

    .page-cover-image.page-cover-image-title-topleft .heading-wrapper .title h1,
    .category-cover-image.category-cover-image-title-topleft .heading-wrapper .title h1 {
        padding: 20px 0 10px;
    }

    .sidebar-color:before {
        right: 0;
    }

    .grid-slider.categories-grid-slider .text-wrapper .title {
        font-size: 1rem;
    }

    .footer {
        text-align: left;
    }

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

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

    .product-images .product-images-zoom-open{
        display: none;
    }

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

    .sidebar-menu .nav li &gt; a {
        padding: 7px 10px 7px 15px;
    }

    .modal-small .modal-dialog {
        max-width: 100%;
    }

    /* menu 4 level */
    .level3 .nav-main-submenu,
    .level3 .nav-main-submenu-wrapper,
    .level4 .nav-main-submenu-wrapper {
        width: 100%;
    }

    .level4 .nav-main-submenu .nav-main-dropdown-wrapper {
        left: 0;
        width: 100%;
        max-width: 100%;
        padding-bottom: 0;
    }

    .level4 .nav-main-submenu &gt; li &gt; a &gt; i.icon-angle-left:before {
        content: '\e606';
    }

    .level4 .nav-main-submenu &gt; li &gt; a &gt; i.icon-angle-right:before {
        content: '\e60a';
    }

    /* Article slider */
    .article.article-slider {
        padding: 20px 0;
    }

    .article.article-slider .item {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }

    .product-images .product-images-thumbs {
        display: none;
    }

    /* breadcrumbs */
    .breadcrumbs {
        display: none;
    }

    .tab-content{
        padding: 5px 0;
    }

    /* Folters close */
    .filters-close {
        position: absolute;
        top: 20px;
        right: 10px;
        color: #ffffff;
        border:0;
        font-weight: 300;
        font-size: 1.5rem;
        padding: 0;
        background: #3973b5;
        opacity: 1;
        width: 44px;
        height: 44px;
        line-height: 44px;
        display: block;
    }
    .filters-close:hover,
    .filters-close:focus,
    .filters-close:active:focus,
    .filters-close:active {
        color:#fff;
    }

    .product-listing-intro .form-group,
    .product-listing-intro .list-types-wrapper,
    .product-listing-intro .pagination-wrapper{
        display: none;
    }

    .product-listing-intro .headding-wrapper {
        margin-top: 30px;
    }

    .product-listing-intro .form-group.sort-product{
        display: flex;
        margin: 9px 0 9px 15px;
        max-width: calc(100% - 100px);
        width: 100%;
    }

    .product-listing-intro .form-group.sort-product .styled-select {
        max-width: calc(100% - 50px);
        width: 100%;
    }

    .product-listing-intro .intro-filters {
        float: none;
        position: fixed;
        z-index: 999;
        background: #ffffff;
        width: 100%;
        left: 0;
        top: 60px;
        height: 50px;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
        box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    }

    .action-filters{
        display: block;
        margin: 9px 10px 9px 0;
        padding: 6px;
    }

    .action-filters-icon{
        font-size: 9px;
    }

    .sidebar-product-compare {
        display: none;
    }

    /* Profile User data*/
    .profile .user-data .item {
        line-height:16px;
        text-align:left;
        padding:0 5px;
        height:50px;
    }

    /* Profile submenu */
    .profile-sidebar {
        max-width:100%;
        overflow:hidden;
        border-left: 1px solid #d9d9d9;
        padding: 0;
    }
    .profile-sidebar .heading-wrapper {
        display: none;
    }

    .profile-sidebar .show-vertical-menu {
        display: block;
        background: #ffffff;
        padding-left: 45px;
        line-height: 45px;
        position: relative;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

    .profile-sidebar .show-vertical-menu i {
        position: absolute;
        top: 7px;
        left: 10px;
        font-size: 30px;
    }

    .profile-sidebar .nav-vertical {
        display: none;
        margin-bottom:0;
        border-bottom: 1px solid #d9d9d9;
    }

    .profile-sidebar .nav-vertical &gt; li {
        line-height:30px;
    }

    .profile-sidebar .nav-vertical &gt; li &gt; a {
        padding:8px 10px;
    }

    .profile-orders .order-table .item.item-status,
    .profile-orders .order-table .item.item-quantity,
    .profile-orders .order-table .item.item-date{
        display: none;
    }

    .dl-horizontal dd{
        margin-left: 0;
        padding-bottom: 5px;
        border-bottom: 1px solid #eee;
    }

    .modal-body {
        padding: 10px;
    }

    .modal-footer {
        padding: 15px;
    }

    .modal-footer .btn:first-child,
    .modal-footer .btn {
        margin-left:0;
        margin-bottom:10px;
    }

    .modal-footer .btn + .btn {
        margin: 0 0 10px;
    }

    .bootbox.modal .btn {
        padding: 0 15px;
    }

    .cart-table.table &gt; thead &gt; tr &gt; th,
    .cart-table.table &gt; tbody &gt; tr &gt; td {
        border-right:1px solid #eee;
        font-size:12px;
    }

    .cart-table.table &gt; thead &gt; tr &gt; th {
        padding:10px;
    }

    .cart-table.table &gt; tbody &gt; tr &gt; td {
        padding: 4px;
        white-space: initial;
    }

    .cart-table.table &gt; tbody &gt; tr &gt; td .arrows-wrapper {
        font-size: 20px;
        line-height: 17px;
        padding: 0 10px;
        /*position: absolute;*/
        left: 10px;
        bottom: 20px;
    }

    .cart-table.table &gt; tbody &gt; tr &gt; td .arrows-wrapper span {
        font-size: 12px;
        vertical-align: middle;
        line-height: 17px;
    }

    .cart-table.table &gt; tbody &gt; tr &gt; td .arrows-wrapper .fa {
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
        -o-transform: translateY(2px);
        transform: translateY(2px);
    }

    .cart-table .product-item-image img {
        max-width: 75px;
    }

    .cart-table .product-item-title a {
        width: 120px;
        display: block;
        line-height: 13px;
        max-height: 39px;
        overflow: hidden;
        margin-bottom: 5px;
        font-size: 13px;
    }

    .cart-table .product-item-code,
    .cart-table .product-item-category a {
        line-height: 14px;
    }

    .cart-table .item-article a {
        width: calc(100vw - 255px);
        margin-left: 5px;
    }

    .orderdetails-modal .cart-table .item-article a {
        width: inherit;
    }

    .cart-table .item-article a.title {
        font-size: 12px;
        line-height: 14px;
    }

    .sidebar-menu {
        max-width: initial;
        max-height: initial;
    }

    /* Mini cart */
    .mini-cart {
        height: 60px;
        width: 40px;
        text-align: center;
    }

    .mini-cart.mini-cart-simple {
        width: 40px;
        min-width: 40px;
    }

    .mini-cart.mini-cart-simple .icon {
        font-size: 20px;
    }

    .header-cart .mini-cart.mini-cart-simple .header-carthor-total {
        font-size: 12px;
    }

    .mini-cart:after {
        content: none;
    }

    .mini-cart .icon-wrapper .description {
        display:none;
    }

    .header-carthor-preview{
        margin-right: 0;
        margin-top:0;
        border-left:0 solid #fff;
        border-right:0 solid #fff;
        padding:0;
        background:#A5D200;
        color: #fff;
        min-height:60px;
    }

    .header-carthor-preview:after {
        display:none;
    }

    .header-cart .mini-cart .header-carthor-total {
        font-size: 1rem;
        width: 40px;
        position: absolute;
        top: 45px;
        right: 0px;
        text-align: center;
        background: #91B503;
        color: #FFF;
        padding: 0px;
        line-height: 15px;
        height: 15px;
        border-radius: 0;
        margin: 0;
    }

    .header-cart .mini-cart.mini-cart-simple .header-carthor-total {
        background: transparent;
    }

    .header-cart .mini-cart .icon-wrapper {
        margin-top:0;
        margin-right:0;
        border-radius:0;
        background:transparent;
        width: 100%;
        height: 60px;
        color: #ffffff;
        border-right: 0 solid #fff;
    }

    .header-cart .mini-cart .icon-wrapper .icon{
        line-height: 60px;
    }

    .header-cart .mini-cart .icon-wrapper:hover,
    .header-cart .mini-cart .icon-wrapper:active,
    .header-cart .mini-cart .icon-wrapper:focus,
    .header-cart .mini-cart .icon-wrapper:focus:active {
        background:transparent;
        color:#fff;
    }

    /* Header favorite */

    .header-favorite {
        height: 60px;
        width: 40px;
    }

    .header-favorite:after {
        content: none;
    }

    .header-favorite .icon-wrapper .description {
        display:none;
    }

    .header-favorite .header-carthor-total {
        font-size: 1rem;
        width: 40px;
        position: absolute;
        top: 45px;
        right: 0px;
        text-align: center;
        background: #91B503;
        color: #FFF;
        padding: 0px;
        line-height: 15px;
        height: 15px;
        border-radius: 0;
        margin: 0;
    }


    .header-favorite .icon-wrapper {
        margin-top:0;
        margin-right:0;
        border-radius:0;
        background:transparent;
        width: 100%;
        height: 60px;
        color: #ffffff;
        border-right: 0 solid #fff;
    }
    .header-favorite.header-favorite-simple {
        position: relative;
    }

    .header-favorite .icon-wrapper .icon{
        line-height: 60px;
    }

    .header-favorite.header-favorite-simple .icon-wrapper .icon {
        font-size: 20px;
    }

    .header-favorite.header-favorite-simple .header-carthor-total {
        background: transparent;
        font-size: 12px;
        line-height: 12px;
    }

    .header-favorite .icon-wrapper:hover,
    .header-favorite .icon-wrapper:active,
    .header-favorite .icon-wrapper:focus,
    .header-favorite .icon-wrapper:focus:active {
        background:transparent;
        color:#fff;
    }

    /* Mini favorite flat */
    .header-cart-flat,
    .header-favorite-flat {
        padding: 0;
        width: 40px;
        line-height: 60px;
        text-align: center;
        background: #89c03c;
    }

    .header-cart-flat .icon-wrapper,
    .header-favorite-flat .icon-wrapper{
        line-height: 60px;
        height: 45px;
        display: block;
        font-size: 20px;
    }

    .header-cart-flat .header-carthor-total,
    .header-favorite-flat .favorite-header-total {
        display: block;
        line-height: 15px;
    }



    /* Matirial designe header */
    .header.md-header,
    .header.md-header .header-top,
    .header.md-header .header-top &gt; .container {
        height: 56px;
        max-height: 56px;
        min-height: auto;
        width: 100%;
    }

    .header.md-header .logo {
        left: 50%;
        top: 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%);
        padding: 15px 0;
        height: 56px;
    }

    .header.md-header .header-cart,
    .header.md-header .header-cart .mini-cart,
    .header.md-header .header-cart .mini-cart .icon-wrapper,
    .header.md-header .header-favorite,
    .header.md-header .header-favorite .icon-wrapper,
    .header.md-header .logo img {
        max-height: 56px;
    }

    .header .header-cart,
    .header.md-header .header-cart {
        z-index: 100000;
    }

    .header-cart .header-cart-item.header-cart-item-side .header-cart-toggle {
        position: fixed;
        top: 0;
        bottom: 0;
        height: 100vh;
    }

    .header.md-header .header-top .autocomplete-button i {
        width: 40px;
        height: 56px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 20px;
        background-image: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDYxMi4wOCA2MTIuMDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMi4wOCA2MTIuMDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjM3LjkyNywwQzEwNi41NTUsMCwwLjAzNSwxMDYuNTIsMC4wMzUsMjM3Ljg5M2MwLDEzMS4zNzMsMTA2LjUyLDIzNy44OTMsMjM3Ljg5MywyMzcuODkzICAgYzUwLjUxOCwwLDk3LjM2OC0xNS43NTcsMTM1Ljg3OS00Mi41OTdsMC4wMjgtMC4wMjhsMTc2LjQzMiwxNzYuNDMzYzMuMjc0LDMuMjc0LDguNDgsMy4zNTgsMTEuODM5LDBsNDcuNTUxLTQ3LjU1MSAgIGMzLjI3NC0zLjI3NCwzLjEwNi04LjcwMy0wLjAyOC0xMS44MzhMNDMzLjIyMywzNzMuOGMyNi44NC0zOC41MzksNDIuNTk3LTg1LjM5LDQyLjU5Ny0xMzUuOTA3QzQ3NS44MiwxMDYuNTIsMzY5LjMsMCwyMzcuOTI3LDB6ICAgIE0yMzcuOTI3LDQxOS44MTFjLTEwMC40NzUsMC0xODEuOTE4LTgxLjQ0My0xODEuOTE4LTE4MS45MThTMTM3LjQ1Myw1NS45NzUsMjM3LjkyNyw1NS45NzVzMTgxLjkxOCw4MS40NDMsMTgxLjkxOCwxODEuOTE4ICAgUzMzOC40MDIsNDE5LjgxMSwyMzcuOTI3LDQxOS44MTF6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==');
    }

    .header.md-header .mini-cart.mini-cart-simple .icon {
        font-size: 22px;
    }

    .header-cart .mini-cart .icon-wrapper .icon,
    .header-favorite .icon-wrapper .icon {
        line-height: 56px;
    }

    .header-favorite .header-carthor-total,
    .header-cart .mini-cart .header-carthor-total{
        top: 40px;
    }

    /* company info */
    .company-info.slider-static {
        text-align: left;
    }

    .company-info .item i, .company-info .item span.content {
        display: inline-block;
    }
    .letters-inline span.item {
        line-height: 2;
    }

    /* Promo location */
    .collapse .item,
    .panel &gt; .collapse .panel-toggle {
        padding: 0;
    }

    .collapse .map-link-wrapper {
        right: 10px;
    }

    /* Order shipment tracking */
    .order-shipment-tracking h2 {
        line-height: 25px;
        margin-top: 10px;
    }

    /* Parallax page */
    .parallax .item {
        height: inherit;
    }

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

    .parallax .item .img-wrapper .main-img {
        width: 100%;
        max-width: 100%;
        position: static;
    }

    .parallax .item .third-img,
    .parallax .item .img-wrapper .second-img {
        display: none;
    }

    .parallax .item .text-wrapper {
        position: static;
        width: 100%;
    }

    .parallax .item .text-wrapper .content {
        position: static;
        transform: none;
        margin: 10px 0 30px;
        padding: 0 0 30px;
        opacity: 1;
        border-bottom: 1px solid #ddd;
    }

    /* Menu slider */
    .slider-menu{
        display: none;
    }
    .menu-lang-wrapper{
        display: none;
    }
    /*Scroll to top */
    .scroll-to-top{
        display: none;
    }
    /*Scroll to top End*/

    .grid-slider.side-text .content{
        position: static;
        transform:none;
        padding: 25px;
        width:100%;
    }
    .grid-slider.side-text .text-wrapper .title {
        font-size: 26px;
    }

    .category-main-image .img-wrapper img {
        margin-top: 0;
    }

    .category-main-image .heading-wrapper h1 {
        font-size: 25px;
    }

    .category-gallery-slider .item .img-wrapper img {
        padding: 0;
        max-width: 100vw;
    }

    .category-gallery-slider.slider .item.slick-slide {
        padding: 0;
    }

    .category-gallery-slider .item .text-wrapper {
        padding: 0 30px;
    }

    .category-submenu {
        display: none;
    }

    .category-submenu.mobile {
        display: block;
    }

    .category-intro,
    .article-intro {
        margin: 0;
    }

    .article-list-odd-even .item.odd .item-inner-wrapper .text-wrapper,
    .article-list-odd-even .item .item-inner-wrapper .text-wrapper {
        position: static;
        -webkit-transform: translate(0%);
        -moz-transform: translate(0%);
        -ms-transform: translate(0%);
        -o-transform: translate(0%);
        transform: translate(0%);
        width: 100%;
        padding: 20px 10px;
    }

    .grid-slider.side-text .text-wrapper .title {
        text-align: center;
        margin: 10px auto;
    }

    .grid-slider.side-text .item.odd .content,
    .grid-slider.side-text .item.even .content {
        width: 100%;
        max-width: 100%;
    }

    .grid-slider.side-text .item.odd .img-wrapper img,
    .grid-slider.side-text .item.even .img-wrapper img {
        width: 100%;
        max-width: 100%;
    }

    .grid-slider.side-text.side-text-with-cover .item {
        margin: 10px auto 0;
    }

    .grid-slider.side-text-with-cover .slider-cover .img-wrapper img {
        display: none;
    }

    .grid-slider.side-text-with-cover .slider-cover .text-wrapper {
        position: static;
        -webkit-transform: translate(0%,0%);
        -moz-transform: translate(0%,0%);
        -ms-transform: translate(0%,0%);
        -o-transform: translate(0%,0%);
        transform: translate(0%,0%);
    }

    .grid-slider.side-text-with-cover .slider-cover .text-wrapper .description {
        color: #818285;
        text-align: center;
        font-size: 24px;
        line-height: 26px;
    }

    .grid-slider.side-text .item .img-wrapper img {
        max-width: 100%;
        margin: auto;
    }

    .landing-image-text-slider {
        padding: 20px 0;
    }

    .landing-image-text-slider .img-wrapper,
    .landing-image-text-slider .content {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }

    /* Landing slider with background */
    .landing-slider-with-bg .heading-wrapper{
        width: 100%;
        padding: 10px;
    }

    .landing-slider-with-bg .slider-init {
        width: 100%;
        padding: 10px 0;
    }
    .modal .dl-horizontal{
        margin-bottom: 0px;
    }
    .modal .dl-horizontal dd{
        margin-bottom: 0px;
    }
    .orderdetails-modal .modal-body{
        padding: 10px 20px 20px;
    }
    .profile-orders .table&gt;tbody&gt;tr&gt;td.item.item-article{
        width:140px;
    }
    .profile-orders .cart-table .item-article a.title{
        font-size: 12px;
        line-height: 14px;
    }
    .cart-table .item-article a.category{
        font-size: 12px;
    }
    .profile-orders .table&gt;tbody&gt;tr&gt;td{
        padding: 10px;
    }
    .profile-orders .table&gt;tbody&gt;tr:first-child&gt;td {
        padding-top: 10px;
    }
    .form-edit-profile .form-group label {
        white-space: nowrap;
    }
    .category-menu-with-img .item{
        max-width:150px;
    }
    .page-menu-images .item{
        max-width:150px;
    }
    .gifcards-option .item .img-wrapper {
        padding: 5px 20px;
        max-width: 150px;
    }

    /* Slider with left circle and slides list right */
    .left-circle-right-list .row {
        display: block;
        margin: auto;
    }

    .left-circle-right-list .row .left-wrapper .item,
    .left-circle-right-list .row .left-wrapper .item .content,
    .left-circle-right-list .row .left-wrapper .item .img-wrapper {
        text-align: center;
        position: relative;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin: auto;
        width: auto;
        height: auto;
        border-radius: 0;
        top: 0;
        left: 0;
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    .left-circle-right-list .row .item .content .text-wrapper .title {
        font-size: 56px;
        line-height: 56px;
    }

    .left-circle-right-list:after {
        content: none;
    }

    .left-circle-right-list .row .right-wrapper {
        padding: 0;
    }

    /* Slider with left img and right list with bg */
    .left-img-right-list-with-bg .container &gt; .row {
        display: block;
    }

    .left-img-right-list-with-bg .left-wrapper .img-wrapper {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        position: relative;
        left: 0;
        top: 0;
        margin: 30px 0;
    }

    .article-cover-two-image,
    .category-cover-two-image {
        margin-bottom: 20px;
    }

    .article-cover-two-image .cover-img-wrapper,
    .category-cover-two-image .cover-img-wrapper {
        height: inherit;
        margin: auto;
    }

    .article-cover-two-image .cover-img-wrapper .title h1,
    .category-cover-two-image .cover-img-wrapper .title h1 {
        height: inherit;
        text-align: center;
        padding: 40px 0;
        font-size: 35px;
        line-height: 40px;
        margin: 0;
    }

    .article-cover-two-image .cover-desctiption-wrapper,
    .category-cover-two-image .cover-desctiption-wrapper {
        background: #414254;
    }

    .article.list-grid-with-custom-link .item .content {
        padding: 20px 0;
        text-align: center;
    }

    .article.list-grid-with-custom-link .item .btn-wrapper {
        margin-top: 20px;
    }

    /* Article detail */
    .article,
    .form-comment {
        margin: 0;
    }

    .article .social-share,
    .article-detail .article-wrapper .title h1 {
        padding: 0;
    }

    .event-detail .article-wrapper .event-info .scroll-to-event-form {
        position: static;
        margin: 10px 0;
    }

    /* landing items */
    .horizontal_image_text_grid6 {
        padding: 0;
        margin: 10px 0;
    }

    /* Youtube background item with popup video */
    .ytvideo-bg-and-popup.yt_video_bg-grid12 .item-content {
        position: static;
        background: #000;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
        padding: 0;
        margin: 0;
        max-width: 100%;
    }

    .ytvideo-bg-and-popup.yt_video_bg-grid12 .item-content .title {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 4px;
        margin: 0;
        padding: 15px 0;
    }

    .ytvideo-bg-and-popup.yt_video_bg-grid12 .item-content .description {
        position: absolute;
        top: calc(50% + 50px);
        bottom: auto;
        z-index: 10;
        left: 0;
        text-align: center;
        width: 100%;
    }

    .ytvideo-bg-and-popup.yt_video_bg-grid12 .item-content .description img {
        position: absolute;
        top: -30px;
        left: 50%;
        margin: 0;
        -webkit-transform: translate(-50%,-100%);
        -moz-transform: translate(-50%,-100%);
        -ms-transform: translate(-50%,-100%);
        -o-transform: translate(-50%,-100%);
        transform: translate(-50%,-100%);
        opacity: 0.5;
        max-width: max-content;
    }

    /* header v3 */
    .header.header-v3 .container .right-content {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1101;
        width: 80px;
    }

    .header.header-v3 .header-favorite .icon-wrapper {
        text-align: center;
    }

    .header-favorite.header-favorite-circle-top-right .favorite-header-total {
        top: calc(50% - 20px);
        left: calc(50% + 5px);
    }

    .header-cart .mini-cart.mini-cart-circle-top-right .header-carthor-total {
        top: calc(50% - 20px);
        left: inherit;
        right: 0;
    }

    .header.header-v3 .autocomplete-button {
        right: 80px;
        background: transparent;
    }

    .autocomplete-button.autocomplete-button-simple {
        padding: 0;
    }

    .two-portrait-two-landscape &gt; .row {
        display: block;
    }

    .two-portrait-two-landscape .right-column {
        padding: 0;
    }

    .two-portrait-two-landscape .right-column &gt; div {
        height: auto;
        position: static;
    }

    .two-portrait-two-landscape .right-column .item {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        position: relative;
        margin: 20px 0;
    }

    .two-portrait-two-landscape .no-gutters .right-column &gt; div,
    .two-portrait-two-landscape .no-gutters .right-column .item {
        margin: 0;
        padding: 0;
    }
    .loyalty-profile-badges .item{
        padding: 10px 5px;
        max-width: 49%;
    }
    .loyalty-profile-badges .item .text-wrapper .title{
        padding: 10px 0 5px;
    }

    .product-listing .filter-selector-wrapper {
        padding: 10px 5px;
    }

    .product-listing .filter-selector-wrapper .filter-group-wrapper {
        width: 1px;
        flex-grow: 1;
        margin: 0 5px;
    }

    .product-listing .filter-selector-wrapper .filter-group-wrapper.active .filters-wrapper {
        position: absolute;
        left: 10px;
        width: calc(100% - 20px);
    }

    .product-listing .filter-selector-wrapper .filter-group-wrapper.active .title {
        border-color: #3973b5;
    }



    /* Article listing full width */
    .article.article-fullwidth .items-wrapper .item .content .title,
    .article.article-fullwidth .items-wrapper .item .content .title a {
        font-size: 30px;
        line-height: 30px;
        padding: 10px 0;
    }

    .article.article-fullwidth .item .bottom-wrapper .tags {
        display: none;
    }



    /* Article detail v2 */
    .article-detail-v2.article-detail .article-wrapper .title h1,
    .article-listing-grid-nogutters .portfolio-slider.grid-slider .text-wrapper .title {
        font-size: 30px;
        line-height: 30px;
    }

    .article-cover-two-image .cover-desctiption-wrapper .container .description-wrapper .description,
    .category-cover-two-image .cover-desctiption-wrapper .container .description-wrapper .description {
        font-size: 16px;
        line-height: 26px;
    }

    .image-text-grid12 .text-wrapper {
        padding: 20px 0;
    }

    .article-with-items .text_grid12 .title h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .article-listing-grid-nogutters .portfolio-slider {
        padding: 0 10px;
    }

    .article-slider-with-custopm-pagination .item .content,
    .article-slider-with-custopm-pagination.slider .slick-slide {
        padding: 0;
    }

    .article-slider-with-custopm-pagination .slider-navigation-absolute {
        top: 50px;
    }

    .article-slider-with-custopm-pagination.slider .slick-dots {
        top: -50px;
    }

    .article-slider-with-custopm-pagination.slider .slick-dots li,
    .article-slider-with-custopm-pagination.slider .slick-dots li.slick-active {
        border: none;
        color: #414254;
    }

    .article-slider-with-custopm-pagination.slider .slider-arrows .slider-prev,
    .article-slider-with-custopm-pagination.slider .slider-arrows .slider-next {
        background-color: #ffffff;
    }

    .article-grid-list-with-arrows .category-content,
    .article-list-inslider-wrapper .category-content {
        margin: 20px auto;
    }

    .article-grid-list-with-arrows .category-content h2,
    .article-list-inslider-wrapper .category-content h2 {
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .article-list-inslider-wrapper .text_grid12 .description{
        font-size: 20px;
        line-height: 25px;
    }

    .article-grid-list-with-arrows .category-content p,
    .article-list-inslider-wrapper .category-content p {
        font-size: 18px;
        line-height: 18px;
    }

    .article-list-inslider-wrapper .text_grid12 .title h2,
    .article-slider-with-custopm-pagination .item .content .text-wrapper .title,
    .article-slider-with-custopm-pagination .item .content .text-wrapper .title a {
        font-size: 25px;
        line-height: 25px;
    }

    .article-slider-with-custopm-pagination .item .content .text-wrapper .description,
    .article-list-inslider-wrapper .text_grid12 {
        margin-top: 20px;
    }

    .article-slider-with-custopm-pagination .item .content .text-wrapper .description p {
        margin-bottom: 15px;
    }

    #order_cart_content .table-responsive {
        margin-bottom: 0;
    }

    .dropdown-custom .nav-main-dropdown-wrapper,
    .dropdown-custom .nav-main-dropdown-wrapper .nav-main-dropdown &gt; .container{
        width: auto;
    }
    .dropdown-custom .nav-main-dropdown-item:before{
        display: none;
    }
    .dropdown-custom .nav-main-dropdown-item img{
        display: none;
    }

    .dropdown-custom .heading-wrapper{
        position: static;
        transform: translate(0%, 0%);
        background: transparent;
        padding: 0 10px 5px;
        width: 100%;
        text-align: left;
        text-transform: none;
        opacity: 1;

    }
    .dropdown-custom .heading-wrapper h5,
    .dropdown-custom .heading-wrapper .h5{
        color: #333333;
        text-transform: none;
    }
    .nav-main-dropdown h5,
    .nav-main-dropdown .h5{
        font-size: 13px;
    }
    .dropdown-custom .nav-main-dropdown-item{
        margin-top: 0;
    }

    .brand .nav-main-dropdown li {
        max-width: 100%;
    }
    .nav-main &gt; li &gt; a{
        font-size: 14px;
    }
    .nav-main-dropdown li &gt; a {
        padding: 8px 0;
        height: auto;
        line-height: 22px;
        font-size: 12px;
    }
    .nav-main-dropdown-item .heading-wrapper-inline{
        border-bottom: 0;
    }
    .promo-location .collapse .item, .promo-location .panel &gt; .collapse .panel-toggle {
        display: flex;
        height: auto;
        line-height: 25px;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .article.article-slider.article-grid-listing-5 .item{
        display: block;
    }
    .article.article-slider.article-grid-listing-5 .heading-wrapper.heading-wrapper-bordered .title{
        position: static;
    }
    .article.article-slider.article-grid-listing-5 .img-wrapper{
        margin-right: auto;
    }
    .article.article-slider.article-grid-listing-5 .content{
        padding: 20px;
    }
    .article.article-slider.article-grid-listing-5 .text-wrapper .title{
        font-size: 25px;
        height: 80px;
        overflow: hidden;
        line-height: 25px;
        color: #4b4b4b;
    }
    .article.article-slider.article-grid-listing-5 .item .btn-wrapper{
        text-align: center;
    }
    .overlay-wrapper.text-wrapper .content{
        display: block;
        padding-right: 0;
    }
    .overlay-wrapper.text-wrapper .left-wrapper{
        width: 100%;
        display: block;
        margin: 0;
    }
    .overlay-wrapper.text-wrapper .right-wrapper {
        width: 100%;
        display: block;
    }

    /* table size guide from slider */
    #product_sizeguide_shoes_modal_slider .text-wrapper {
        float: none;
        width: 100%;
        overflow: scroll;
    }

    #product_sizeguide_shoes_modal_slider .text-wrapper {
        min-width: 460px;
    }

    #product_sizeguide_shoes_modal_slider .helper-description,
    #product_sizeguide_shoes_modal_slider .img-wrapper {
        float: none;
        margin: auto;
    }

    /* Shop by look gallery  */
    .shopbylook-gallery .img-wrapper .item {
        text-align: center;
    }
    .shopbylook-gallery .img-wrapper .item a {
        display: inline-block;
        margin: auto;
    }

    /* Shop by look product slider */
    .shopbylook-slider .slick-track .clear {
        display: none;
    }

    .shopbylook-slider .img-wrapper {
        max-width: 360px;
        margin: 0;
    }

    .product .item .caption-icons .icon {
        opacity: 1;
    }

    /* Vertical similar slider */
    .product-slider.vertical-similar-product .slick-slide {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .vertical-similar-product.product .item .text-wrapper .prices-wrapper {
        width: 100%;
    }
    .lightbox .lb-nav a.lb-next{
        right: 0;
    }
    .lightbox .lb-nav a.lb-prev{
        left: 0;
    }
    .lightbox .lb-dataContainer {
        min-width: auto;
    }
    .gdpr-page .list-label-logout {
        float: left;
    }
    .thumds-wrapper{
        display: none;
    }
    .items-slider-with-thumbs .main-items-slider .item{
        display: block;
    }
    .items-slider-with-thumbs .item .absolute-center-img {
        position: static;
        transform: translate(0%, 0%);
        max-width: 100%;
    }
    .items-slider-with-thumbs .item .absolute-center-img img{
        margin: auto;
        margin-top: 20px;
        max-width: 100%;
    }

    .items-slider-with-thumbs .main-items-slider .item .content {
        flex: auto;
        padding: 20px;
    }
    .items-slider-with-thumbs .main-items-slider .item .text-wrapper {
        max-width: 100%;
        position: static;
        transform: translate(0%, 0%);
        text-align: center;
    }
    .nav-main-wrapper .close-menu{
        display: none;
    }
    .product-slider .slick-slide:hover{
        z-index: 1;
    }
    .generic-slider .main-img.hide-main-img{
        display: none;
    }
    .generic-slider .mobile-img{
        display: block;
    }
    .block-item-search .block-item-search-form-wrapper .item-search-form {
        max-width: 100%;
    }
    .files-wrapper{
        padding-right: 0;
        text-align: center;
    }

    /* Side mini cart */
    .header-cart-item.header-cart-item-side .header-cart-toggle {
        display: block !important;
        max-width: 100%;
    }

    /* Grid home slider */
    .product-custom-grid.product .item {
        height: 188px;
        padding-bottom: 0;
    }

    .product-custom-grid.product .col-sm-8 .item {
        padding-bottom: 0;
    }

    .product-custom-grid.product .col-sm-8 .item.big-item {
        padding-bottom: 0;
        height: 374px;
    }

    .product-custom-grid .items-wrapper &gt; div:first-child:after,
    .product-custom-grid .items-wrapper &gt; div:last-child &gt; .row &gt; .item:not(:first-child):after {
        content: none;
    }

    .product-custom-grid .items-wrapper &gt; div:last-child &gt; .row &gt; .item:nth-child(2n + 1):after {
        content: '';
        position: absolute;
        top: 10px;
        right: 0;
        width: 1px;
        height: calc(100% - 20px);
        background: #ffffff;
        left: auto;
    }

    .product-custom-grid .items-wrapper &gt; div:last-child &gt; .row &gt; .item:before {
        content: '';
        position: absolute;
        top: 0;
        left: 10px;
        height: 1px;
        width: calc(100% - 10px);
        background: #ffffff;
    }

    .product-custom-grid .items-wrapper &gt; div:last-child &gt; .row &gt; .item:nth-child(2n):before {
        left: 0;
    }

    .text_grid12 {
        padding: 50px 10px;
    }

    .text_grid12 .heading-wrapper .title h2 {
        font-size: 23px;
        line-height: 34px;
        margin-bottom: 20px;
    }

    .background-text-item .text-wrapper {
        margin: 0 15px;
    }

    .background-toggle-text-item .text-wrapper &gt; .title,
    .background-toggle-text-item .text-wrapper .acordian-items-wrapper {
        width: 100%;
    }

    .items-generic .product-slider.inissia-product-slider .heading-wrapper.heading-wrapper-bordered h2 {
        font-size: 23px;
        line-height: 34px;
        margin: 30px 0 0;
    }

    .product.inissia-product-slider .item .options-wrapper.product-sizes-v3 .product-sizes .btn.buyButtonOnLists {
        width: 32px;
        min-width: 32px;
        font-size: 0;
        padding: 0;
        margin: 0;
    }

    .product.inissia-product-slider .item .options-wrapper.product-sizes-v3 .product-sizes .btn.buyButtonOnLists span {
        font-size: 0;
    }

    .product-slider.product .item .text-wrapper &gt; .options-wrapper .btn.disabled:after,
    .product.inissia-product-slider .item .options-wrapper.product-sizes-v3 .product-sizes .btn.buyButtonOnLists:after {
        content: none;
    }

    .product-slider.product .item .text-wrapper &gt; .options-wrapper .btn.disabled:before,
    .product.inissia-product-slider .item .options-wrapper.product-sizes-v3 .product-sizes .btn.buyButtonOnLists:before {
        left: 0;
        top: 0;
        width: 32px;
        height: 32px;
    }

    .popup-items .text-wrapper {
        margin: 50px auto;
    }

    .popup-items .text-wrapper .title {
        font-size: 23px;
        line-height: 34px;
    }



    .page-gallery-item img,
    .popup-items a.item &gt; img {
        width: 50vw;
        height: 50vw;
    }

    .page-gallery-item .first-gallery-photo img,
    .popup-items .first-popup a.item &gt; img {
        width: 100vw;
        height: 100vw;
    }

    .fancybox-content.popup-wrapper {
        display: inline-block;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
    }

    .fancybox-content.popup-wrapper .popup-header {
        padding: 300px 20px 20px;
        height: auto;
    }

    .fancybox-content.popup-wrapper .popup-header .time-wrapper {
        -webkit-transform: translate(20px,-50%);
        -moz-transform: translate(20px,-50%);
        -ms-transform: translate(20px,-50%);
        -o-transform: translate(20px,-50%);
        transform: translate(20px,-50%);
    }

    .fancybox-close-small svg {
        color: #ffffff;
    }

    .popup-items a.item span.title {
        padding-left: 0;
        left: 5px;
        width: calc(100% - 10px);
        text-align: center;
    }

    .popup-items a.item span.title:before {
        position: absolute;
        top: -40px;
        left: calc(50% - 17px);
    }

    .parallax-item .image {
        background-position: right bottom !important;
        height: 100%;
    }

    .inissia-product-slider {
        margin: 0 -10px !important;
        max-width: calc(100% + 20px);
    }

    .products-map-item {
        height: calc(70vw + 170px);
    }

    .products-map-item .product-slider.slider &gt; .slider-navigation-absolute {
        left: -20px;
        width: calc(100% + 40px);
        display: block;
        height: 100%;
    }

    .products-map-item .product-slider.slider &gt; .slider-navigation-absolute .slider-arrow {
        width: 35%;
        height: 100%;
    }

    .products-map-item .product-slider.slider &gt; .slider-navigation-absolute .slider-arrow i {
        display: none;
    }

    .products-map-item .product-map-wrapper {
        margin: 0 -10px;
    }

    .products-map-item .product-map-wrapper .map-marker.active {
        display: flex;
        -webkit-transform: translateX(-50%) scale(1.1);
        -moz-transform: translateX(-50%) scale(1.1);
        -ms-transform: translateX(-50%) scale(1.1);
        -o-transform: translateX(-50%) scale(1.1);
        transform: translateX(-50%) scale(1.1);
    }

    .products-map-item .product-map-wrapper .map-marker:before {
        opacity: 0;
    }

    .products-map-item .product-map-wrapper .map-marker.active:before {
        margin-left: calc(50% - 12px);
        opacity: 1;
    }

    .products-map-item &gt; h2.title {
        top: 10px;
        line-height: 24px;
        font-size: 20px;
    }

    .map-item-description-wrapper {
        padding: 0;
        min-height: 0;
    }

    .map-item-description-wrapper .conent-wrapper &gt; .specification .ckeditor-row .col-md-3 {
        width: 50%;
        float: left;
    }

    .map-item-description-wrapper .item.product-item {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        background: #ffffff;
        z-index: 10000;
        overflow-y: scroll;
        padding: 0 20px 20px;
    }

    .product-list-tabs-items .product-tabs-description-wrapper .item.product-item .close-product-popup,
    .map-item-description-wrapper .item.product-item .close-product-popup {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 50px;
        height: 50px;
        background: rgba(102, 102, 102, 0.3);
        border-radius: 50%;
        text-align: center;
        z-index: 1;
    }

    .product-list-tabs-items .product-tabs-description-wrapper .item.product-item .close-product-popup i,
    .map-item-description-wrapper .item.product-item .close-product-popup i {
        width: 50px;
        height: 50px;
        color: #ffffff;
        text-align: center;
        line-height: 50px;
        font-size: 18px;
    }

    .products-map-item .product-slider &gt; .slider-init {
        margin: 0 -20px;
    }

    .products-map-item .product-slider &gt; .slider-init .item.product-item .slide-item-wrapper .title,
    .products-map-item .product-slider &gt; .slider-init .item.product-item .slide-item-wrapper .read-more {
        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;
    }

    .products-map-item .product-slider &gt; .slider-init .item.product-item.selected .slide-item-wrapper .title,
    .products-map-item .product-slider &gt; .slider-init .item.product-item.selected .slide-item-wrapper .read-more {
        opacity: 1;
        pointer-events: all;
    }

    .products-map-item .product-slider &gt; .slider-init .item.product-item .slide-item-wrapper .read-more {
        font-size: 14px;
        margin-top: 15px;
        text-decoration: underline;
        color: #986f38;
    }

    .testimonial-item .img-wrapper img {
        margin: 0 auto 50px;
    }

    .product-list-slider-wrapper .item img.heave-mobile {
        display: none;
    }

    .product-list-slider-wrapper .item img.mobile-img {
        display: block;
    }

    /* product list tabs with filters */
    .product-list-tabs-with-filters &gt; .items-wrapper {
        margin: -84px -10px 0;
        max-width: calc(100% + 20px);
    }

    .product-list-tabs-with-filters .filter-wrapper {
        max-width: 100%;
    }

    .product-list-tabs-with-filters.lists-tabs ul.items-wrapper li a,
    .product-list-tabs-with-filters.lists-tabs ul.items-wrapper li a span {
        font-size: 12px;
    }

    .product-list-tabs-with-filters &gt; .items-wrapper {
        margin: -84px -10px 0;
    }

    .product-list-tabs-with-filters.lists-tabs ul.items-wrapper li a {
        padding: 8px;
    }

    .product-list-tabs-with-filters .product-lists-tab &gt; .product {
        flex-wrap: wrap;
    }

    .product-list-tabs-with-filters .product-lists-tab &gt; .product .group-wrapper .item {
        margin-bottom: 50px;
        cursor: pointer;
        width: 100px;
        float: left;
    }

    .product-list-tabs-with-filters .tab-pane.active .product-lists-tab .product .group-wrapper .item.disabled {
        display: none;
    }

    /* Product description popup wrapper */

    .product-description-with-popup .container &gt; .row .text-wrapper {
        background: #ffffff;
        padding: 20px;
    }

    .product-description-with-popup .container &gt; .row .text-wrapper .cover-img-wrapper {
        margin: 0;
        width: 100%;
    }

    .product-description-popup-wrapper &gt; .product-description-popup &gt; .row {
        flex-wrap: wrap;
    }

    .uc-page-with-product-info-popup .fancybox-slide {
        padding: 0;
    }

    .item.loop-bg {
        overflow: scroll;
    }

    .item.loop-bg .loop-items-wrapper {
        width: 200%;
    }

    .video-grid12-with-description {
        background: #000;
        padding: 0;
        overflow: hidden;
    }

    .video-grid12-with-description .text-wrapper {
        margin: 30px auto 70px;
    }

    .video-grid12-with-description .text-wrapper .title,
    .video-grid12-with-description .text-wrapper .title {
        font-size: 28px;
        line-height: 38px;
        letter-spacing: 5px;
    }

    .video-grid12-with-description .text-wrapper .description,
    .video-grid12-with-description .text-wrapper .description p {
        font-size: 19px;
        line-height: 25px;
    }

    .video-grid12-with-description img {
        position: static;
        max-width: 150%;
        width: 150%;
        margin: -25% -25% 0;
    }

    .video-grid12-with-description .text-wrapper:before {
        content: '';
        position: absolute;
        top: -130px;
        left: 0;
        background-image: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,1));
        width: calc(100% + 20px);
        height: 100px;
        z-index: 1;
        pointer-events: none;
        margin: 0 -10px;
    }

    .video-grid12-with-description.version_v2 .text-wrapper {
        margin: 50px auto;
    }

    .video-grid12-with-description.version_v2 .text-wrapper .title {
        letter-spacing: 5px;
        font-size: 30px;
        line-height: 40px;
    }

    .item-subitem-slider-with-product.item-subitem-slider {
        margin: -40vw 0 0;
        background-color: #000000;
        background-position: center 68vw;
    }

    .item-subitem-slider.item-subitem-slider-with-product .description-slider .slick-list {
        padding: 0 !important;
    }

    .item-subitem-slider-with-product.item-subitem-slider .slider-navigation-absolute {
        top: 65vw;
    }

    .item-subitem-slider-with-product-v2 &gt; .container &gt; .text-wrapper .title {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 5px;
    }

    .item-subitem-slider-with-product-v2 {
        background-position: center bottom;
    }

    .item-subitem-slider-with-product-v2 &gt; .container &gt; .text-wrapper .description {
        margin: 0 auto 50px;
    }

    .item-subitem-slider-with-product-v3 .slider-navigation-absolute {
        left: 0;
        width: 100%;
    }

    .item-subitem-slider-with-product-v3 .slider-arrow i {
        color: #000000;
    }

    .item-subitem-slider-with-product-v2 .slider-navigation-absolute {
        left: 0;
        width: 100%;
    }

    .item-subitem-slider-with-product-v2 .slider-arrow i {
        color: #ffffff;
        font-size: 75px;
    }

    .cover-text.background-text-item {
        padding: 50px 0;
        height: auto;
        background-size: auto 100% !important;
        background-position: center top !important;
        background-color: #000000 !important;
    }

    .cover-text.background-text-item .text-wrapper {
        margin: 0 10px;
    }

    .cover-text.background-text-item .text-wrapper .title {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 5px;
    }

    .item-subitem-slider-with-product.item-subitem-slider.class-three-item-slider {
        margin: 0;
        background-position: center 200px;
        padding: 0 0 50px;
    }

    .yellow_bg.text_grid12 .heading-wrapper .title h2 {
        font-size: 23px;
        line-height: 30px;
        letter-spacing: 4.5px;
    }

    .text_grid12 &gt; .description .ckeditor-row .col {
        margin: auto;
    }

    .yellow_bg.read-more-itme .ckeditor-row &gt; .col:first-child {
        margin-bottom: 30px;
    }

    .yellow_bg.read-more-itme .description {
        text-align: center;
    }

    .yellow_bg.background-text-item {
        background-position: right bottom !important;
        background-size: 200vw auto !important;
        height: auto;
        padding-bottom: calc(100vw / 960 * 587);
    }

    .item-subitem-slider-with-product-v4 .text-wrapper .title {
        font-size: 23px;
        line-height: 30px;
        letter-spacing: 4.6px;
        padding-bottom: 0;
    }

    .item-subitem-slider-with-product-v4 {
        width: 100%;
        background-size: 200vw;
        background-repeat: no-repeat;
        background-color: #000;
        background-position: center top;
    }

    .item-subitem-slider-with-product-v4 .description-slider .content-wrapper {
        position: static;
        margin-top: -31vw;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .product-description-with-popup &gt; .container {
        padding: 0;
    }

    .product-description-with-popup .container &gt; .row {
        padding: 0;
        flex-wrap: wrap;
    }

    .product-description-with-popup .container &gt; .row .img-wrapper img {
        margin-top: 0;
    }

    .item.loop-bg .heading-wrapper {
        position: sticky;
        margin-bottom: calc(-100% + 70px);
        left: 0;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .item.loop-bg .heading-wrapper .title {
        font-size: 23px;
        line-height: 30px;
        letter-spacing: 2px;
    }

    .item.loop-bg .loop-items-wrapper .loop-item .content .item-wrapper .price-wrapper .price-info {
        width: 90%;
    }

    .product-description-popup-wrapper {
        height: 100%;
    }

    .product-description-popup-wrapper .text-wrapper.product {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        z-index: 10000;
        display: block !important;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        background: transparent;
        pointer-events: none;
        overflow: hidden;
    }

    .product-description-popup-wrapper .text-wrapper.product .item.product-item {
        margin-left: 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;
        pointer-events: all;
        background: #ffffff;
        height: 100%;
        max-height: 100vh;
        position: absolute;
        display: block !important;
        width: 100%;
        left: 0;
        top: 0;
        opacity: 1;
        pointer-events: all;
    }

    .product-description-popup-wrapper .text-wrapper.product .item.product-item.hidden {
        margin-left: 100vw;
        opacity: 0;
        pointer-events: none;
    }

    .product-description-popup-wrapper .text-wrapper.product .item.product-item .content .description p {
        font-size: 13px;
        line-height: 20px;
    }

    .product-description-popup-wrapper .fancybox-close-small {
        width: 46px;
        height: 46px;
        background: #000000;
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0);
        z-index: 1000;
        padding: 0;
        top: 10px;
    }

    .product-description-popup-wrapper .text-wrapper.product .item.product-item .content .description {
        height: calc(100vh - 380px);
        overflow: scroll;
    }

    .fancybox-slide--html {
        padding: 0;
    }

    .fancybox-slide--html .fancybox-content {
        margin-bottom: 0;
    }

    .product-description-popup-wrapper .items-wrapper.product .item {
        padding: 7px 10px 0;
        background: transparent !important;
        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
        -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
        box-shadow: 0 0 0 0 rgba(0,0,0,0);
    }

    /* item main slider fade slide*/
    .main-slider-fade-slide .slider-init .slick-slide img {
        height: calc(100vh - 50px);
        object-fit: cover;
    }

    .items-generic .slider.main-slider-fade-slide .content .cover-img .image-mobile {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }

    .item-product-slider-v2.product .item .text-wrapper {
        height: auto;
    }

    .items-generic .slider.main-slider-fade-slide .content {
        top: 40%;
    }

    /* item product list grid */
    .item-product-list-grid {
        margin: 0 -10px;
    }

    .item-product-list-grid &gt; .container {
        opacity: 0;
        pointer-events: none;
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000000;
    }

    .item-product-list-grid.open-items .mobile-list-grid.background-slider,
    .item-product-list-grid.open-items &gt; .container{
        opacity: 1;
        pointer-events: all;
    }

    .item-product-list-grid:not(.open-items) &gt; .container * {
        opacity: 0;
        pointer-events: none !important;
    }

    .item-product-list-grid .item-wrapper.item {
        height: 100vh;
        width: 80vw;
        padding: 0;
        margin: 0;
    }

    .item-product-list-grid .item-wrapper.item &gt; div {
        background: none !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .item-product-list-grid .item-wrapper.item:hover &gt; div {
        margin: 0;
        border-radius: 0;
    }

    .item-product-list-grid .item-wrapper.item .shop-wrapper {
        opacity: 1;
        pointer-events: all;
        width: 98%;
    }

    .item-product-list-grid .item-wrapper.item .img-wrapper,
    .item-product-list-grid .item-wrapper.item:hover .img-wrapper {
        width: 144px;
        top: auto;
        bottom: 50px;
    }

    .item-product-list-grid .item-wrapper.item.slick-current .description,
    .item-product-list-grid .item-wrapper.item.slick-current:hover .description {
        opacity: 1
    }

    .item-product-list-grid .item-wrapper.item .intensity-wrapper,
    .item-product-list-grid .item-wrapper.item:hover .intensity-wrapper {
        top: 35%;
        opacity: 1;
        width: max-content;
    }

    .item-product-list-grid .close-items {
        position: fixed;
        top: 10px;
        left: 20px;
        z-index: 1000001;
        color: #fff;
        font-size: 12px;
        opacity: 0;
        pointer-events: none;
    }

    .item-product-list-grid.open-items .close-items {
        opacity: 1;
        pointer-events: all;
    }

    .item-product-list-grid .close-items i {
        font-size: 16px;
        margin-right: 8px;
    }

    .item-product-list-grid .item-wrapper.item .shop-wrapper {
        left: 0;
        width: calc(100% - 2px);
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin: 0 1px;
    }

    .item-product-list-grid.product:not(.item-product-slider) .product-item .options-wrapper.product-sizes-v3 .sizes-selector-wrapper {
        position: absolute;
        top: 50% !important;
        left: 50% !important;
        -webkit-transform: translate(-50%,-150%) scale(1.3) !important;
        -moz-transform: translate(-50%,-150%) scale(1.3) !important;
        -ms-transform: translate(-50%,-150%) scale(1.3) !important;
        -o-transform: translate(-50%,-150%) scale(1.3) !important;
        transform: translate(-50%,-150%) scale(1.3) !important;
    }

    .item-product-list-grid.product:not(.item-product-slider) .product-item.active:before {
        left: 50% !important;
        top: 50% !important;
        position: absolute !important;
    }

    .item-product-list-grid .item-wrapper.item.active {
        pointer-events: none;
    }

    /* Items product list tabs */
    .product-list-tabs-items .product-tabs-description-wrapper {
        background: #ffffff;
        padding: 0;
    }

    .product-list-tabs-items .product-tabs-description-wrapper .item.product-item {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        overflow-y: scroll;
        background: #ffffff;
        z-index: 10000;
        margin: 0;
        padding: 0 0 20px;
    }

    .product-list-tabs-items .product-tabs-description-wrapper .bottom-wrapper .price-wrapper,
    .map-item-description-wrapper .bottom-wrapper .price-wrapper {
        margin-right: 0;
    }

    .product-list-tabs-items .product-tabs-description-wrapper .bottom-wrapper .price-wrapper .price-info,
    .map-item-description-wrapper .bottom-wrapper .price-wrapper .price-info {
        margin: 5px 0 10px;
    }

    .product-list-tabs-items.lists-tabs ul.items-wrapper {
        display: flex;
        overflow-x: scroll;
    }

    .product-list-tabs-items.lists-tabs ul.items-wrapper .item{
        margin: 0;
        background: #f1f1f1;
        border-right: 2px solid #ffffff;
    }

    .product-list-tabs-items.lists-tabs ul.items-wrapper .item.active{
        border: none !important;
        position: relative;
        border-right: 2px solid #ffffff !important;
    }

    .product-list-tabs-items.lists-tabs ul.items-wrapper .item.active:after {
        content: '';
        width: calc(100% - 40px);
        height: 1px;
        left: 20px;
        bottom: 0;
        background: #000000;
        position: absolute;
    }

    .product-list-tabs-items.lists-tabs ul.items-wrapper .item a {
        line-height: 57px;
        overflow: hidden;
        white-space: nowrap;
        padding: 0 20px;
    }

    .product-list-tabs-items .product-slider {
        margin: 0;
    }

    .product-list-tabs-items .product-slider &gt; .slider-navigation-absolute {
        display: block;
        width: 100%;
        height: 100%;
        top: 50%;
    }

    .product-list-tabs-items .product-slider &gt; .slider-init .item{
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }

    .product-list-tabs-items .product-slider &gt; .slider-init .item:not(.slick-current){
        opacity: 0.5;
    }

    .product-list-tabs-items .product-slider &gt; .slider-navigation-absolute .slider-arrow {
        width: 33vw;
        height: 100%;
    }

    .product-list-tabs-items .product-slider &gt; .slider-navigation-absolute .slider-arrow i {
        display: none;
    }

    .product-list-tabs-items .product-slider &gt; .slider-init .item .title {
        max-width: 40vw;
    }

    .product-list-tabs-items .product-slider &gt; .slider-init .item img {
        margin: auto;
    }

    .product-lists-tab .product-slider &gt; .slider-init &gt; .slick-list {
        margin-bottom: 0;
    }

    .product-list-tabs-with-filters .product-lists-tab &gt; .product .group-wrapper {
        width: calc(100% + 12px);
        text-align: center;
        margin: 0 -7px;
        overflow: scroll;
        padding: 0 7px;
    }

    .product-list-tabs-items .product-tabs-description-wrapper .bottom-wrapper,
    .map-item-description-wrapper .bottom-wrapper {
        flex-wrap: wrap;
    }

    .product-list-tabs-with-filters .product-lists-tab &gt; .product .group-wrapper &gt; .items-group-wrapper {
        min-width: max-content;
    }

    .product-list-tabs-with-filters .product-lists-tab &gt; .product .group-wrapper h3.category-title {
        position: sticky;
        left: 0;
    }

    /* Coolie */
    .cookie-agree,
    .cokie-info-wrapper .items-wrapper .read-more-btn {
        margin-top: 10px;
        float: none;
    }
    /*Drodown Filters*/

    .dropdown-filters-wrapper .filter-headlines.block {
        display: none;
    }
    .dropdown-filters-wrapper .filter-group-headline {
        display: block;
    }
   .dropdown-filters-wrapper #nb_f-pol,.dropdown-filters-wrapper #nb_f-brend{
        display: block;
    }

    .dropdown-filters-wrapper .label-filters {
        font-weight: normal;
        margin-top: 10px;
        margin-bottom: 5px;
        float: right;
        cursor: pointer;
        padding: 2px 5px;
        border: 1px solid #d9d9d9;
    }
    .dropdown-filters-wrapper .product-listing-filters.loaded {
        top: 0;
        display: block;
        padding-left: 20px;
        padding-right: 10px;
    }
    .dropdown-filters-wrapper .filter-group .title{
        display: block;
    }
    .dropdown-filters-wrapper .filter-group .headline-wrapper{
        display: block;
    }
    .dropdown-filters-wrapper .filter-group{
        display: block;
    }

    .dropdown-filters-wrapper .btn-block.label-filters{
        padding: 5px 10px;
    }
.icon-fnb{
    display: none;
}
    /*Drodown Filters Emd*/


    .navigation-img .item .mobile-img{
        display: none;
    }

    .navigation-img .item .description{
        text-align: center;
    }

    .big-img .item .main-img img{
        max-width: 300px;
    }

    .bg-slider-with-navigation .btn-wrapper{
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: auto;
    }

    .parallax-horizontal-two-img-items,
    .parallax-horizontal-two-img-items .text-wrapper {
        margin-bottom: 0;
    }


    .product.product-action-item .item .text-wrapper .title{
        height: auto;
        margin-bottom: 10px;
    }

    .product.product-action-item .item .text-wrapper .prices-wrapper{
        height: auto;
    }

    .product.product-action-item .item .text-wrapper{
        padding: 10px;
        height: 65px;
    }

    .product.product-action-item .item .text-wrapper .title a{
        font-size: 14px;
    }

    .product.product-action-item .item .text-wrapper .prices-wrapper .current-price{
        font-size: 13px;
    }

    .product.product-action-item .item .text-wrapper .prices-wrapper .prev-price{
        font-size: 11px;
    }

    .parallax-horizontal-two-img-items .text-wrapper .description .marker {
        font-size: 30px;
        line-height: 30px;
    }

    .parallax-horizontal-two-img-items .text-wrapper .description .marker strong {
        font-size: 48px;
        line-height: 50px;
        letter-spacing: 2px;
    }

    .scroll-scale-items .items-wrapper .item {
        width: 50%;
        display: inline-block;
        margin: 20px 0;
    }

    .scroll-scale-items .items-wrapper .item:nth-child(3n) {
        width: 50%;
        display: inline-block;
        margin: 20px 25%;
    }

    .text_grid12.teatar &gt; .description img {
        margin: -50% -35% 0;
        max-width: 170%;
        width: 170% !important;
    }

    .scroll-scale-items .items-wrapper {
        -webkit-transform: scale(1) !important;
        -moz-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -o-transform: scale(1) !important;
        transform: scale(1) !important;
    }

    .scroll-scale-items .items-wrapper .item .text-wrapper {
        width: 110%;
        margin-left: -5%;
    }

    .scroll-scale-items .items-wrapper .item .text-wrapper .title {
        width: calc(100% - 40px);
    }

    .text_grid12.marker-text &gt; .description .marker {
        margin-bottom: 100px;
    }

    .text_grid12.parallax-title &gt; .description .marker {
        font-size: 30px;
        line-height: 35px;
        letter-spacing: 6px;
    }

    .text_grid12.parallax-title &gt; .description .marker span.bottom-text {
        float: right;
    }

    .text_grid12.parallax-title &gt; .description img {
        margin: 0 -35%;
        max-width: 170%;
        width: 170% !important;
    }

    .sliders-tabs-items.lists-tabs ul.items-wrapper {
        display: table;
        width: auto;
        box-sizing: border-box;
        margin: 45px -10px 50px;
        padding: 0 20px;
    }

    .sliders-tabs-items.lists-tabs ul.items-wrapper li {
        display: table-cell;
        white-space: nowrap;
    }

    .item-subitem-slider .text-wrapper .short-description,
    .item-subitem-slider .text-wrapper .short-description p {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: 2px;
    }

    .item-subitem-slider .text-wrapper .short-description strong {
        font-size: 50px;
        line-height: 45px;
        letter-spacing: 1.2px;
    }

    .item-subitem-slider .item-wrapper .description {
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 24px;
    }
    .text-freedelivery{
        font-size: 10px;
    }

    .promotion-wrapper.promotion-wrapper-witouth-modal .collapse .map-link-wrapper {
        min-height: 300px;
        position: static;
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .image-map-area-v2 .sidebar-menu .tabs-wrapper {
        padding: 0;
    }

    .image-map-area-v2 .sidebar-menu .tabs-wrapper .tabs {
        overflow: scroll;
        padding: 10px 0;
        margin: 0 -15px;
        width: calc(100% + 30px);
    }

    .image-map-area-v2 .sidebar-menu .tabs-wrapper .tabs .item {
        white-space: nowrap;
        padding: 0 20px;
    }

    .image-map-area-v2 .image-wrapper .item.item-tlocrt .mapImage {
        height: auto !important;
    }

    .image-map-area-v2 .image-wrapper .item.item-tlocrt .mapImage &gt; .mapImage {
        position: static !important;
    }

    .wheel-of-fortune .canvas-wrapper {
        margin: -75px -125px -75px -254px;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    .wheel-of-fortune .text-wrapper {
        max-width: calc(100% - 120px);
        padding-right: 0;
        margin-right: -20px;
    }

    .wheel-of-fortune .text-wrapper h1.title {
        font-size: 22px;
        line-height: 24px;
        text-transform: uppercase;
    }

    .wheel-of-fortune #wf-resault,
    .wheel-of-fortune .text-wrapper .description p {
        font-size: 15px;
        line-height: 20px;
    }

    .login-form-v2 .form-button-wrapper{
        width: 100%;
    }

    .login-form-v2 .form-button-wrapper .item{
        float: none;
    }

    .login-form-v2 .form-group.form-button-wrapper .btn{
        min-width: 200px;
    }

    .login-form-v2{
        width: 100%;
    }

    .page.login-page-v2 .left-info{
        padding-right: 10px;
    }

    .page.login-page-v2 .right-info{
        padding: 30px 10px 0;
    }

    .login-page-v2 .registration-sidebar .text-wrapper{
        padding: 0;
        max-width: 100%;
    }

    .donation-content{
        margin-bottom: 25px;
    }

    .product-wrapper-chosen .delivery-option-image{
        width: 100px;
    }

    .product-wrapper-chosen .product-info{
        width: calc(100% - 105px);
    }

    .gift-product-modal .gift-product .product-info .name, .product-wrapper-chosen .product-info .name{
        font-size: 16px;
        margin-bottom: 10px;
    }

    .gift-product-modal .modal-body{
        padding: 10px;
    }

    .gift-product .icheck-label{
        display: block;
    }

    .gift-product-modal .delivery-option-image{
        padding: 0;
        width: auto;
        display: block;
        margin: 0 auto;
        float: none;
    }

    .gift-product-modal .gift-product .product-info{
        width: 100%;
    }
    .cards-wrapper-hidden .styled-select{
        max-width: 100%;
    }
    .modal.modal-store .store-map-wrapper{
        position: absolute;
        width: calc(100% - 20px);
    }

    #packetomat-stores-wrapper-ajax &gt; .row &gt; .col-xs-12.col-md-8{
        padding-left: 10px;
    }
    #packetomat-stores-wrapper-ajax &gt; .row &gt; .col-xs-12.col-md-4 {
        padding-right: 10px;
    }

    .page.page-work {
        width: calc(100% - 20px);
    }

    /*BF landing*/
    .landing-black-bg .newsletter.newsletter-v2 .form-group{
        width: 100%;
    }
    .landing-black-bg .newsletter.newsletter-v2.newsletter .form-group input{
        width: 100%;
    }

    .landing-black-bg .newsletter.newsletter-v2 .btn-wrapper{
        max-width: 100%;
    }
    .landing-black-bg .newsletter .validation-errors-list{
        bottom: 25px;
    }
    .landing-black-bg .has-mob-img{
        display: none;
    }
    .landing-black-bg .mobile-img{
        display: block;
    }
    .landing-black-bg .image-in-grid {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .landing-black-bg{
        margin-top: 0;
    }
}
@media (max-width: 900px) {
    .footer-background {
        position: relative;
        object-fit: contain;
        background: #ffffff;
        height: auto;
        margin-bottom: -34vw;
    }

    .bt-green .hideon-fullscreen.footer-wrapper {
        padding-top: 0;
        margin-top: 0;
        background: #000000;
    }

    .bt-green.uc-home .hideon-fullscreen.footer-wrapper {
        margin-top: 0;
    }

    .storelocator-panel {
        width: 380px;
    }

    .storelocator-filter .icon.icon-search {
        top: 55px;
    }

}

@media (max-width: 767px) {

    /* - FIX - */

    .main-slider-container-wrapper{
        padding: 0;
    }
    .accordian.article .panel-inner p {
        margin-top: 0;
    }

    .article .item {
        margin-bottom: 0;
    }

    .article.article-list-alternately .post-item-listalternately .row {
        padding-bottom: 15px;
    }

    .table &gt; thead:first-child &gt; tr:first-child &gt; th {
        border-bottom: 1px solid #EEEEEE;
    }

    .table &gt; thead:first-child &gt; tr:first-child &gt; th.cart-action {
        border: 0;
    }

    .cart-table.table &gt; tbody &gt; tr &gt; td.text-center.cart-action {
        margin-left: 0;
    }

    .cart-table .product-item-title a {
        max-height: 54px;
        line-height: 18px;
    }

    .form-group label {
        font-size: 14px;
    }

    .product-slider.product.outfit-slider {
        margin: 0 -15px;
    }

    .product-details .product-details-info .category,
    .product-details .product-details-info .category a,
    .product-details .product-details-info .code {
        font-size: 14px;
        line-height: 24px;
    }

    .shop-button-qnt,
    .product-details-price .prev-price,
    .product-details-price .price-saved {
        font-size: 14px;
    }

    .product-details .panel-inner {
        margin: 0 -5px;
        font-size: 14px;
        font-weight: 400;
    }

    .product-details .comments .title h3 {
        padding-top: 0;
    }

    .product-details .panel-body {
        padding-top: 10px;
    }

    .product-details .panel-group .panel-heading {
        padding: 15px 10px;
    }

    .product-details .panel .icon:not(.fa-star) {
        position: relative;
        display: block;
        top: -4px;
        margin-right: 0;
        font-size: 20px;
        color: #000000;
        transform: rotate(180deg);
    }

    .product-details .panel &gt; .collapse {
        border: 0;
    }

    .product-details .panel-group .panel {
        border-bottom: 1px solid #EEEEEE;
    }

    .product-details .panel .icon:not(.fa-star)::before {
        content: "\f106";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
        line-height: 1;
        font-size: inherit;
        text-rendering: auto;
    }

    .left-info .btn-success {
        font-size: 14px;
    }

    .profile .heading-wrapper .title h3 {
        font-size: 16px;
    }

    #formEditEmail {
        margin-bottom: 15px;
    }

    .page .heading-wrapper .description {
        padding-top: 0;
    }

    .profile .heading-wrapper .description {
        font-size: 14px;
        font-weight: 400;
    }

    .dl-horizontal {
        font-size: 14px;
    }

    .profile .heading-wrapper-profile h1 {
        top: 7px;
        padding-left: 15px;
        font-size: 14px;
    }

    .profile .heading-wrapper-profile h1::before {
        left: 15px;
    }

    .cart-table-summary tr &gt; td:first-of-type {
        text-align: left;
    }

    .cart-table .cart-total {
        border-top: 1px solid #EEEEEE;
    }

    #order_carrier_and_payment_content .cart-step h3,
    #order_carrier_and_payment_content .cart-step h3 {
        font-size: 16px;
    }

    #order_carrier_and_payment_content .cart-step h3 span,
    #order_carrier_and_payment_content .cart-step h3 span,
    .cart-table .cart-total &gt; td {
        border: 0 !important;
    }

    .cart #cart_onepage_form .table &gt; tbody &gt; tr:last-child &gt; td {
        text-align: left;
    }

    .cart #cart_onepage_form .table &gt; tbody &gt; tr:last-child &gt; td.total-price {
        text-align: right;
    }

    .md-menu .nav-main &gt; li &gt; a &gt; i,
    .level4 i,
    .nav-main &gt; li &gt; a &gt; i {
        line-height: 51px;
    }

    .autocomplete h4 {
        font-size: 14px;
    }

    .nav-main-wrapper.loaded {
        margin-top: 58px !important;
    }

    .store-contact .items-wrapper .title {
        margin-top: 20px;
    }

    .sidebar .store-contact {
        padding: 0;
        padding-top: 20px;
    }

    .social-icon .item,
    .article .social-share .item,
    .products-detail-wrapper .social-share .item {
        margin-bottom: 5px;
    }

    .action-listing .item .text-wrapper {
        position: relative;
        top: auto;
        transform: none;
    }

    .product .item .text-wrapper .prices-wrapper .current-price,
    .product .item .text-wrapper .prices-wrapper .current-price.price-with-discount {
        font-size: 13px;
        line-height: 20px;
    }


    .heading-wrapper-profile {
        margin-top: 0;
    }

    .collapse-menu .heading-wrapper .title .icon {
        top: 2px;
    }

    .grid-slider.error_page_content-slider .item {
        margin-bottom: 25px;
        padding-top: 20px;
    }

    .storelocator-filter .icon.icon-search {
        top: 63px;
        right: 30px;
    }

    .career-page .input-group-addon {
        padding: 6px;
        border-left: 0;
    }

    .product-listing-filters .filter-group .filter-category-menu &gt; ul {
        margin-top: 60px;
    }

    .filter-group .items-wrapper &gt; li .icheckbox_flat {
        margin-top: 5px;
    }

    .modal .form-group.form-group-checklabel {
        margin-bottom: 5px;
    }

    .header{
        background: #fff;
        width: 100% !important;
    }

    .header .main-4level .nav-main-useractions &gt; ul.nav-main{
        display: block;
    }

    .handlines-sldier {
        top: 60px;
        position: fixed;
        background: #ffffff;
        -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.fixed .handlines-sldier {
        opacity: 0;
        pointer-events: none;
        top: 30px;
    }

    .tp-product_list .handlines-sldier{
        display: none;
    }

    .nav-main-useractions .item{
        padding: 0 6px;
    }
    .nav-mobile-icon i{
        color: #000000;
    }
    .autocomplete-button{
        position: absolute;
        left: 60px;
        width: 30px;
    }
    .autocomplete-button .icon-search{
        font-size: 20px
    }
    .autocomplete-results{
        margin-top: 25px;
        max-height: 100%;
    }
    .autocomplete-close{
        padding: 10px 20px;
        font-size: 13px;
        z-index: 1;
    }

    .autocomplete-close:hover {
        background-color: #0097E0;
    }

    .nav-main-wrapper{
        height: 100vh;
    }
    .nav-main-wrapper &gt; .container {
        min-width: 280px;
    }
    .nav-main .nav-main-useractions {
        margin: 0;
    }
    .nav-main .nav-main-useractions &gt; ul &gt; li a {
        padding: 25px 0px 25px 10px;
        font-size: 13px;
    }
    .nav-main &gt; li &gt; a:active, .nav-main &gt; li &gt; a:focus, .nav-main &gt; li &gt; a:active:focus{
        /*border-bottom: 2px solid #0097E0;*/
        /*font-family: 'Montserrat', sans-serif;*/
        color: #0097E0;
    }
    .nav-main li &gt; a{
        color: #000;
    }
    .nav-main-dropdown-inner {
        padding-left: 15px;
        padding-right: 15px;
        background: #fff;
    }
    .nav-main-dropdown h5{
        font-family: 'Montserrat', sans-serif;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        padding: 0;
    }
    .nav-main-dropdown-item li &gt; a{
        font-size: 14px;
        color: #000000;
        font-family: 'Open Sans', sans-serif;
    }
    .header .logo{
        padding: 0px;
    }

    .header-top{
        width: 100%;
    }

    .header .logo img{
        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%);
        position: absolute;
        max-height: 50px;
        padding: 0;
    }
    .header .logo &gt; a{
        line-height: normal;
        height: auto;
    }
    .header{
        border-bottom: 1px solid #DDDDDD;
    }
    .mini-cart{
        margin-top: 0px;
    }
    .mini-cart .header-carthor-total{
        background: transparent;
        color: #000000;
        top: 41px;
        font-size: 14px;
    }
    .header-favorite{
        position: fixed;
        top: 0;
        right: 40px;
        margin-top: 0px;
    }
    .header-favorite .header-carthor-total{
        background: transparent;
        color: #000000;
        top: 41px;
        font-size: 14px;
    }
    .header-favorite .icon-wrapper .icon{
        line-height: 50px;
    }
    .nav-main-useractions{
        line-height: 0;
    }
    main.has-headline-slider {
        margin-top: 30px;
    }

    .footer {
        padding-top: 10px;
    }

    .collapse-menu .items-wrapper,
    .footer-nav .items-wrapper{
        margin: 15px 0 10px;
        border-bottom: 1px solid #eeeeee;
    }
    .collapse-menu.open .items-wrapper,
    .collapse-menu .open .items-wrapper{
        padding-top: 20px;
    }
    .footer-social-payment {
        padding: 0 0 35px;
    }
    .slider.main-slider .item.slick-current .content{
        display: none;
    }
    .slider.main-slider .item .text-wrapper .title{
        font-size: 20px;
        margin-bottom: 15px;
        line-height: normal;
    }
    .slider.main-slider .item .text-wrapper .title:before{
        bottom: -7px;
    }
    .slider.main-slider .item .btn-wrapper{
        right: 10px;
        left: auto;
        bottom: 0;
    }
    .slider.main-slider .item .text-wrapper{
        display: none;
    }
    .slider.main-slider .slider-arrows{
        display: none;
    }
    .home_blog-slider .item{
        margin-bottom: 20px;
    }
    .grid-slider.intro-slider .item{
        margin-bottom: 25px;
        float: none;
        display: inline-block;
        width: auto;
    }

    .home_blog-slider .img-responsive, .thumbnail&gt;img, .thumbnail a&gt;img{
        width: 100%;
    }
    .newsletter-wrapper{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0;
    }
    .newsletter .form-group input{
        width: 300px;
    }
    .grid-slider.banner-two-slider{
        margin-bottom: 20px;
    }
    .grid-slider.banner-horizontal-slider{
        margin-bottom: 20px;
    }
    .grid-slider.banner-vertical-slider{
        margin-bottom: 40px;
    }
    .banner-two-slider .item:first-of-type{
        margin-bottom: 20px;
    }

    .banner-two-slider .img-responsive, .thumbnail&gt;img, .thumbnail a&gt;img,
    .banner-vertical-slider .img-responsive, .thumbnail&gt;img, .thumbnail a&gt;img,
    .banner-horizontal-slider .img-responsive, .thumbnail&gt;img, .thumbnail a&gt;img{
        width: 100%;
    }

    .fixed-button-wrapper-productlist .btn.compare{
        display: none!important;
    }

    .fixed-button-wrapper-productlist  .label-filters{
        width: 100%;
        background: #000000;
        color: #ffffff;
        padding: 12px 0px;
        font-size: 12px;
        display: none;
    }

    .action-filters{
        margin: 7px 10px 9px 0;
        height: 35px;
        padding: 0 7px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        line-height: 35px;
        color: #FFFFFF;
        background: #0097E0;
    }

    .filter-group-items-wrapper.reset-wrapper{
        background: #000000;
    }

    .tags .products-found-wrapper .products-found{
        margin-left: 0;
    }

    .action-filters .icon-caret-down{
        font-size: 10px;
        color: #000000;
        margin-left: 5px;
    }
    .filters-close{
        background: #000000;
        color: #ffffff;
    }
    .product-listing-filters{
        background: #ffffff;
    }
    .page .post-content{
        padding: 0;
    }
    .profile-sidebar{
        border-right: 1px solid #EEEEEE;
    }
    .profile .profile-into .item .title{
        font-size: 14px;
    }
    .profile-submenu{
        margin: 14px 0 10px;
    }
    .profile-submenu &gt; a{
        position: relative;
        top: auto;
        line-height: 15px;
    }
    .article-detail .article-wrapper .title h1{
        font-size: 19px;
    }
    .article-detail{
        padding-right: 0;
    }

    .article-background-wrapper{
        min-height: 50px;
    }

    .header.header-v3 .autocomplete-button{
        text-align: left;
        right: 0;
    }
    .cart{
        padding: 0 15px;
    }
    .horizontal-separator-cart{
        display: none;
    }
    .delivery-option-text button{
        float: left;
        margin: 20px 0;
    }
    .product .heading-wrapper.heading-wrapper-bordered h2{
        font-size: 18px;
    }
    .newsletter-wrapper .newsletter .form-group{
        float: none;
    }
    .newsletter-wrapper .newsletter .form-group input{
        width: 100%;
    }

    .product-slider.product{
        margin: 0;
    }

    .page .left-info {
        margin-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

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

    .page .left-info .subtitle,
    .page .left-info .subtitle {
        font-size: 14px;
    }

    .page .registration-sidebar {
        font-size: 14px;
    }

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

    .heading-wrapper .description{
        font-size: 12px;
    }

    .page .heading-wrapper .description {
        font-size: 14px;
        line-height: 22px;
    }

    .cart .heading-wrapper .description {
        font-size: 16px;
    }

    .store-background .description {
        font-size: 15px;
    }

    .post-content{
        padding: 0;
    }
    .post-details{
        padding: 0;
    }
    .error-page .post-content{
        margin-bottom: 20px;
    }
    .form-comment{
        padding: 0;
    }
    .comments .comments-input-wrapper .btn-display-comments {
        top: -50px;
    }
    .comments .comments-input-wrapper .form-group-email, .comments .comments-input-wrapper .form-group-name{
        width: 100%;
        max-width: 100%;
        float: none;
        padding-right: 0px;
    }
    .comments .comments-input-wrapper .form-group-message{
        padding-right: 0px;
    }
    .store-details{
        padding: 0;
    }
    .nav-mobile-icon i{
        left: 0;
        line-height: 24px;
        float: left;
    }
    .nav-mobile-icon .icon-list:before{
        display: none;
    }
    .nav-mobile-icon{
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
    }
    .lists-tabs ul.items-wrapper .item {
        width: 100%;
        text-align: center;
    }
    .product-listing-filters.loaded{
        margin-top: 0;
    }

    .toggle-banner{
        top: 50%;
    }
    .sidebar-info{
        display: block!important;
    }
    .modal-footer .btn+.btn{
        width: 100%;
    }
    .modal-footer .btn:first-child{
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .modal-footer .btn + .btn{
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
    }
    .modal-footer .registration-btn-wrapper .btn{
        margin-top: 10px;
    }
    .modal-footer{
        padding: 15px 10px;
    }

    .page .intro .heading-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }

    .page .contact-forma .form-group{
        width: 100%;
        padding-right: 0;
    }
    .page .contact-forma .form-group.anti-spam{
        width: 100%;
    }
    .page .contact-forma .form-group.button{
        width: 100%;
        padding-left: 0;
    }
    .btn-success:active:hover{
        background: #000000;
    }
    .header-cart{
        z-index: 999999;
    }
    .header-favorite{
        z-index: 999999;
    }
    .product .item .text-wrapper{
        height: inherit;
    }
    .product .item .btn-wrapper a{
        min-width: 16px;
    }
    .product-listing-intro .intro-filters{
        float: right;
        background-color: #F1F1F1;
        border-bottom: 1px solid #DDDDDD;
        box-shadow: none;
    }

    .product-listing-intro h1{
        margin: 10px 0 2px;
    }
    .product-listing-intro .headding-wrapper {
        margin-top: 35px;
    }
    .modal-lg.modal-quick-view{
        width: 100%;
    }
    .article .item .img-wrapper img, .article-autosuggest .item .img-wrapper img{
        width: 100%;
    }
    .slider.main-slider .item.slick-current .content{
        top: 10%;
    }
    .lists-tabs{
        padding: 0 10px;
    }
    .product-slider.product.similar-products-slider{
        padding: 0px;
    }

    .product-slider.product.similar-products-slider .item {
        transform: none;
    }

    .lists-tabs ul.items-wrapper .item a{
        line-height: 40px;
        padding: 12px 10px;
    }
    .contact-page .intro{
        margin: 0 -10px;
    }
    .nav-main &gt; li.active &gt; a{
        color: #FFFFFF !important;
        background: #0097E0 !important;
        border-bottom: 1px solid #0097E0 !important;
    }

    .nav-main &gt; li.active &gt; a:active,
    .nav-main &gt; li.active &gt; a:focus,
    .nav-main &gt; li.active &gt; a:active:focus{
        color: #000000;
    }

    .similar-article-slider .item, .similar-article-slider .item{
        padding-left: 10px;
    }

    .similar-article-slider .slider-arrow .icon-angle-fat-right{
        font-size: 18px;
        margin-right: -10px;
    }

    .similar-article-slider .icon-angle-fat-left{
        font-size: 18px;
        margin-left: -10px;
    }

    .similar-article-slider .item .text-wrapper .the-date{
        left: 30px;
        bottom: 0px;
    }
    .btn-primary:active:hover, .btn-primary.active:hover, .open&gt;.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open&gt;.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open&gt;.dropdown-toggle.btn-primary.focus{
        background-color: #000000;
    }
    .home_blog-slider .btn-wrapper{
        top: 35%;
    }
    .article .item .text-wrapper .the-date{
        bottom: 10px;
        width: auto;
    }
    .slider.main-slider{
        margin: 0;
    }
    .similar-article-slider .item .btn-wrapper{
        width: calc(100% - 20px);
    }
    .newsletter-wrapper .newsletter .heading-wrapper{
        margin-bottom: 10px;
    }
    .newsletter-wrapper .newsletter .form-group input{
        height: 30px;
    }
    .newsletter-wrapper .newsletter .btn-wrapper{
        margin-left: 0px;
        float: left;
    }
    .newsletter-wrapper .newsletter .btn-wrapper .btn{
        height: 30px;
        float: right;
        margin-left: 0px;
        padding: 0px 10px;
        min-width: 100%;
    }
    .newsletter-wrapper .newsletter .btn-wrapper .btn:hover{
        height: 30px;
        float: right;
        margin-left: 0px;
        padding: 0px 10px;
        min-width: 86px;
    }
    .newsletter .validation-errors-list{
        bottom: 0;
    }

    .autocomplete-wrapper-with-btn{
        display: none;
    }

    .autocomplete-button {
        z-index: 999999;
    }

    .autocomplete-button .icon-search{
        pointer-events: none;
    }
    .newsletter-work{
        width: 100%;
    }

    .newsletter-work .newsletter .form-group{
        float: none;
        margin: 0 10px;
    }

    .newsletter-work .newsletter .form-group input{
        width: 100%;
    }

    .newsletter-work .newsletter .btn-wrapper{
        margin-left: 10px;
    }

    .slider.landing-main-slider .item .mobile-img{
        display: block;
    }

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

    .slider.landing-main-slider .item .btn-wrapper{
        bottom: 0;
    }

    .header-cart .icon-cart-f {
        height: 60px;
        background-position: center;
    }

    .header-cart .mini-cart.mini-cart-circle-top-right .header-carthor-total {
        background: #0097E0;
    }

    .header-favorite.header-favorite-circle-top-right {
        right: 0;
    }

    .header.header-v3 .container .right-content {
        top: 5px;
        right: 10px;
        width: 85px;
    }

    .header.header-v3 .header-favorite .icon-wrapper {
        line-height: 60px;
        color: #000000;
    }

    .newsletter.fullwidth-center {
        margin-bottom: 10px;
        padding: 30px 10px;
        text-align: center;
    }

    .newsletter.fullwidth-center .form-group,
    .newsletter.fullwidth-center .description {
        padding: 0;
        width: 100%;
    }

    .newsletter.fullwidth-center .heading-wrapper {
        max-width: 100%;
        text-align: center;
    }

    .newsletter.fullwidth-center .heading-wrapper .title h5 {
        text-align: center;
    }

    .newsletter.fullwidth-center .btn-wrapper {
        display: block;
    }

    .newsletter.fullwidth-center .btn-wrapper .btn {
        margin: 0 auto;
        width: 100%;
        max-width: 370px;
    }

    .product-listing-intro .form-group.sort-product {
        margin: 7px 0 9px 15px;
    }

    .product-listing-intro .form-group.sort-product .styled-select {
        max-width: calc(100% - 80px);
        background: url('../../images/nbshop5_namestaj/strelica.png') no-repeat 90% #fff;
    }

    .product .item:hover .img-overlay,
    .product-listing .product-item .img-wrapper .caption-icons i {
        display: none;
    }

    .product-listing .product-item .img-wrapper .caption-icons i.icon-heart {
        opacity: 1;
        display: block;
    }
    .autocomplete-button.autocomplete-button-simple{
        width: 40px;
    }
    .logo img{
        padding-top: 5px;
        max-width: 100%;
    }

    .header-cart .mini-cart .icon-wrapper{
        margin-top: 18px;
        height: auto;
    }

    .header-cart .mini-cart.mini-cart-circle-top-right .icon-wrapper .icon {
        position: relative;
        right: 2px;
    }

    .icon-question{
        display: none;
    }

    .main-4level-with-search-input .autocomplete-button{
        width: 120px;
    }

    .sidebar-shopping .store-contact.store-timetable .items-wrapper .item .time,
    .sidebar-shopping .store-contact.store-timetable .items-wrapper .item .days{
        width: 100% !important;
    }

    .company-info.slider-static,
    .footer h4,
    .footer h5,
    .footer .h5,
    .footer-box-content,
    .footer .nav.items-wrapper .item,
    .footer .social-icon .items-wrapper{
        text-align: center;
    }

    .nav-main &gt; li &gt; a{
        font-size: 14px;
    }

    .nav-main &gt; li &gt; a,
    .nav-main &gt; li &gt; a:first-child {
        padding: 14px 15px;
    }

    .level3 .nav-main-submenu-wrapper &gt; .container,
    .level4 .nav-main-submenu-wrapper &gt; .container {
        width: 100%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .level3 .nav-main-submenu &gt; li,
    .level4 .nav-main-submenu &gt; li {
        min-height: 42px
    }

    .level3 .nav-main-submenu &gt; li &gt; a &gt; h5,
    .level4 .nav-main-submenu &gt; li &gt; a &gt; h5 {
        line-height: 20px;
        padding: 11px 0;
    }

    .level3 .nav-main-submenu &gt; li &gt; a,
    .level4 .nav-main-submenu &gt; li &gt; a {
        padding: 0 15px;
    }

    .level4 .nav-main-submenu .nav-main-dropdown-wrapper {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .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 {
        padding: 15px;
    }

    .level3 .nav-main-submenu .nav-main-dropdown-wrapper .nav-main-dropdown-item ul li.title a,
    .level4 .nav-main-submenu .nav-main-dropdown-wrapper .nav-main-dropdown-item ul li.title a {
        padding: 15px 5px;
        font-size: 14px;
    }

    .header.header-v3 .autocomplete-button i:before{
        content: url("../../images/nbshop5_namestaj/search_daikin.png");
        font-size: 20px;
        color: #000000;
    }

    .header.header-v3 .autocomplete-button{
        left: 65px;
        margin: 3px;
        padding: 0;
    }

    .sidebar-wrapper{
        display: none;
    }

    .toggle-banner &gt; .item{
        margin-top: 45px;
    }

    .toggle-banner .toggle-button.expand span{
        display: none;
    }
    .product-list-onerow-simple .product-listing-intro .headding-wrapper {
        margin-top: 0;
    }

    .product-list-onerow-simple .product-listing-intro .product-intro-input-search {
        float: left;
    }

    .cookie-agree, .cokie-info-wrapper .items-wrapper .read-more-btn {
        margin-top: 0;
    }

    .cokie-info-wrapper-top .read-more .btn-wrapper a {
        padding: 5px 10px;
        display: inline-block;
        margin-right: 5px;
        border: 1px solid #000000;
    }
    .attribute-letters-list .content{
        height: 320px;
    }

    .attribute-letters-list .heading-wrapper h1{
        text-align: center;
    }

    .attribute-letters-list .content{
        overflow-x: scroll;
    }

    /*   .product-slider:not(.no-mobile-transform) .slick-slide{
           -webkit-transform: none;
           -moz-transform: none;
           -ms-transform: none;
           -o-transform: none;
           transform: none;
       }*/

    .copyright{
        padding: 5px 0 0;
    }

    .company-info.slider-static,
    .footer h4,
    .footer h5,
    .footer .h5,
    .footer-box-content,
    .footer .nav.items-wrapper .item,
    .footer .social-icon .items-wrapper{
        margin-bottom: 0;
        margin-top: 5px;
    }

    .grid-slider.intro-slider .content{
        margin-top: 0;
    }
    .grid-slider.intro-slider{
        text-align: center;
        margin: auto;
    }

    .autocomplete-wrapper .autocomplete-input{
        z-index: 1;
    }

    .product-listing-filters .reset-tag-wrapper{
        line-height: 45px;
    }

    .selected-filters.tags{
        padding: 0;
    }

    .products-detail-wrapper{
        margin-bottom: 20px;
    }

    #order_cart_content .cart-table .btn{
        margin-top: 20px;
    }

    .cart .heading-wrapper .title h2{
        font-size: 17px;
        padding-right: 25px;
    }
    .cart-step .btn.btn-success{
        margin-bottom: 20px;
        padding: 10px 20px;
        font-size: 12px;
    }

    #submit_order_one_page {
        padding: 10px 30px;
        font-size: 14px;
    }

    .icheckbox_flat {
        flex-shrink: 0;
    }

    .article  .styled-select{
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    .post-item-listalternately{
        padding: 0;
    }

    .post-item-listalternately .item-wrapper,
    .action-listing .item .text-wrapper {
        border-bottom: 0;
    }

    .post-item-listalternately .item-wrapper,
    .post-item-listalternately:nth-child(even) .item-wrapper,
    .action-listing .item .text-wrapper {
        padding: 0;
        text-align: center;
    }

    .action-listing.actions img,
    .poll-listing img{
        margin: auto;
    }

    .bt-green .header .logo{
        margin-top: -30px;
    }

    .bt-green .product .heading-wrapper.heading-wrapper-bordered h2{
        text-align: center;
    }

    .bt-green .product-slider:not(.no-mobile-transform) .slick-slide{
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%);
    }

    .product-details .panel-group .panel-heading.opened .panel-title{
        color: #0097E0;
    }

    .md-menu .nav-main &gt; li &gt; a &gt; i, .level4 i, .nav-main &gt; li &gt; a &gt; i{
        width: 30px;
    }

    /* quiz */
    body.uc-quiz_listing &gt; .container {
        padding: 0 10px;
    }

    .post-details.quiz-header {
        margin: 0 -10px 20px;
        background: none !important;
        padding: 10px;
    }

    body.uc-quiz_listing .post-details.quiz-header .logo img {
        width: 170px;
        margin: 0;
        padding: 0;
    }

    .quiz-details {
        margin-bottom: 0;
    }

    .quiz-details .quiz-in-steps &gt; .row {
        display: block;
        margin: 0 -10px;
        width: calc(100% + 20px);
    }

    .quiz-details .quiz-in-steps &gt; .row &gt; div:first-child {
        position: sticky;
        top: 0;
        z-index: 1000;
    }

    .quiz-navigation ul {
        width: max-content;
    }

    .quiz-navigation ul li.nav-item {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        margin: 0;
    }

    .quiz-navigation .nav-item .nav-title {
        display: block;
        font-size: 10px;
        line-height: 13px;
        width: 105px;
        padding: 10px;
        margin: 0;
    }

    .quiz-navigation ul &gt; li &gt; span.nav-number:after {
        left: 30px;
        top: calc(50% - 1px);
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        height: 2px;
        width: 100px;
        border: none;
        border-top: 2px dashed #FFFFFF;

    }

    .quiz-in-steps .quiz-navigation {
        margin-bottom: 20px;
        padding: 0;
        border: 20px solid #fff;
        border-bottom-width: 0px;
        overflow: auto scroll;
    }

    .quiz-in-steps .quiz-form .item &gt; .questions-category-name {
        font-size: 15px;
        line-height: 20px;
        margin: 0;
        padding: 20px
    }

    .quiz-in-steps .quiz-form .question-name {
        line-height: 22px;
        font-weight: 600;
        padding: 10px
    }

    .quiz-in-steps .quiz-form .item-content .item-option .form-group .quantity-wrapper .input-wrapper {
        width: 47px;
    }

    .quiz-in-steps .quiz-form .item-content .item-option .form-group .quantity-wrapper .input-wrapper input {
        width: 45px;
    }

    .quiz-in-steps .quiz-form .table &gt; tbody &gt; tr &gt; th {
        white-space: nowrap;
    }

    .quiz-details .quiz-in-steps .label-description-wrapper {
        padding: 0 10px;
        margin: 20px 0 0;
    }

    .quiz-details .quiz-in-steps .label-description-wrapper .btn-wrapper {
        position: relative;
        bottom: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .quiz-details .quiz-in-steps .label-description-wrapper .btn-wrapper .btn {
        margin: 0 0 20px;
    }

    .quiz-in-steps .label-description-wrapper {
        margin-top: 20px;
    }

    .quiz-details .quiz-in-steps .label-description-wrapper .btn-wrapper #first-quiz-step {
        position: static;
    }

    .quiz-details .quiz-in-steps .label-description-wrapper .description-space {
        height: 100%;
        padding: 10px;
        text-align: center;
    }

    .quiz-in-steps .quiz-form .item-content.quiz-type-custom-quantity-form-v1 .table-title {
        margin: 20px 0 0;
    }

    .quiz-in-steps .quiz-form .item-content.quiz-type-custom-quantity-form-v1 .table-wrapper {
        overflow: auto;
        padding: 0;
        border: 20px solid #fff;
        position: relative;
    }

    .quiz-details .quiz-in-steps .label-description-wrapper .description-space #label-description,
    .quiz-in-steps .quiz-form .item-content.quiz-type-custom-quantity-form-v1 .img-responsive {
        display: none;
    }
}

@media (max-width: 480px) {

    .product-slider.product.similar-products-slider .item {
        /*transform: translateX(-50%);*/
    }

    .product-details .product .item .img-wrapper {
        padding: 5px;
    }

    .product .item .text-wrapper {
        padding: 10px;
        padding-top: 15px;
    }

    .product-details .product .item .text-wrapper {
        padding: 0;
        padding-top: 15px;
    }

    .product-slider:not(.no-mobile-transform) .slick-slide {
        padding: 0;
        transform: translateX(50%);
    }

    .product-slider.service-products-slider .slick-slide{
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
        margin-right: 0;
    }
    .home_blog-slider .text-wrapper .title{
        margin-bottom: 10px;
    }

    .home_blog-slider .text-wrapper .description{
        height: 50px;
    }
    #product_slider_last_viewed_products {
        margin: 0 -15px;
    }

    .product .item .options-wrapper .product-sizes.quantity-active .btn.buyButtonOnLists{
        width: 65%;
        margin-left: 0;
        float: left;
    }


    .product.service-products-slider .item .options-wrapper{
        display: inline-block;
        margin: 0px;
        padding-left: 0px;
    }

    .service-products-slider.product .item .options-wrapper .product-sizes{
        display: inline-block;
        width: 100%;
        text-align: left;
    }

    .service-products-slider .slider-init{
        margin-bottom: 0;
    }

    .product-slider.service-cart-products-slider .slick-slide{
        transform: translateX(0%);
    }

    .product:not(.shopbylook-slider, .list-three-item) .item:hover .options-wrapper{
        display: inline-block;
    }

    .product .item.grid-view .img-wrapper, .product .item.grid-view .img-wrapper .img-hover,.product .item:hover .text-wrapper{
        border: 0;
    }

    .product:not(.shopbylook-slider, .list-three-item) .item:hover .options-wrapper{
        display: none;
    }
    .products-detail-wrapper {
        margin-bottom: 0;
    }

    .product-slider.product.outfit-slider {
        margin: 0;
    }

    .product-details .product .item .text-wrapper {
        padding: 5px 5px 0;
        width: 68%;
    }

    .outfit-slider.product .item .options-wrapper .product-sizes.quantity-active .btn.buyButtonOnLists {
        width: -webkit-fill-available;
        font-size: 12px;
    }


    .product-slider.product.similar-products-slider{
        padding: 0;
    }

    .product .item .text-wrapper .title{
        height: 50px;
        margin-bottom: 10px;
    }

    .product .item .text-wrapper .title a {
        line-height: 16px;
        font-size: 11px;
    }

    .product-slider.service-products-slider &gt; .slider-navigation-absolute,
    .product-slider.outfit-slider &gt; .slider-navigation-absolute,
    .product-slider.similar-products-slider &gt; .slider-navigation-absolute,
    .product-slider &gt; .slider-navigation-absolute{
        display: block;
    }

    .product .slider-arrows .slider-prev:before{
        top: 30px;
    }

    .product.service-products-slider .heading-wrapper.heading-wrapper-bordered h2{
        font-size: 18px;
    }

    .product-slider.service-products-slider &gt; .slider-navigation-absolute {
        top: 10px;
    }

    .service-cart-products-slider .slider-init{
        max-width: 300px;
    }

    .table {
        width: auto;
    }

    .item-service-wrapper{
        padding: 10px;
        height: 192px;
    }
    .item-service-wrapper .title label{
        margin: 0 0 20px;
    }

    .product-slider.service-cart-products-slider &gt; .slider-navigation-absolute{
        display: none;
    }

    .slider .slick-dots li.slick-active button:before,
    .slider .slick-dots li button:before{
        width: 25px;
    }

    .slider .slick-dots li {
        width: 35px;
    }

    .service-cart-products-slider .slick-dots {
        bottom: -30px;
    }

    .product-slider.service-cart-products-slider .item .options-wrapper {
        display: block;
    }

    #order_cart_content .cart-table .item-service-wrapper .btn{
        margin-top: 0;
    }

    .delivery-option-image img{
        max-width: 80px;
    }

    .article-detail .article-wrapper{
        padding: 10px 5px;
    }
}
@media (max-width: 480px) {

    .one-item-xxs {
        width:100% !important;
    }

    .market-barometer-outerwrapper {
        padding-left:120px;
    }

    .market-barometer .first-column {
        width:120px;
    }

    .fixed-header-cart {
        top:70px;
    }

    .main-product-info {
        padding:0 10px 0;
    }

    .profile-bg {
        padding:0;
        background:transparent;
    }

    .products-color h1 {
        font-size:18px;
    }

    .product-compare-main .headline {
        font-size:1em;
        min-height:30px;
    }


    .product-compare .remove-product {
        top: 5px;
        right: 5px;
    }

    .product-slider-wrapper {
        margin-bottom:0;
    }

    .product-compare,
    .compared-products-wrapper .product-slider {
        padding:0;
    }

    .catalog-pagination a,
    .catalog-pagination .prev,
    .catalog-pagination .next {
        height: 45px;
        width: 45px;
        border-radius: 50%;
    }

    .catalog-pagination a i {
        font-size:18px;
    }

    .catalog-pagination {
        padding:0;
    }

    .catalog-reader-html .product-item {
        max-width: 322px;
        margin: 0 auto 15px;
    }

    .profile-bg {
        margin-top:0;
    }

    .article-banner .banner-img {
        background:#fff;
        margin-bottom: 20px;
        max-width: calc(100% - 20px);
        margin-left: 10px;
    }

    .main-product-info .info-headline {
        border-right:0 solid #fff;
        font-weight: 700;
    }

    .main-slider .owl-controls {
        bottom:15px;
    }

    .main-slider-caption {
        position:static;
        top:auto;
        transform:none;
        background: #0a8ed7;
    }

    .main-slider-caption-keyword {
        font-size:1rem;
        padding:5px 0;
    }

    .main-slider-caption-text {
        display:none;
    }

    .market-prices {
        padding:0 15px 45px;
    }

    .catalog-logo {
        display:none;
        margin-right:10px;
    }

    .expiry-date {
        color:#555;
    }

    .cart {
        padding: 0;
    }

    .catalog-list-ondetail .product-item {
        max-width:50%;
        width:50%;
    }

    .catalog-reader-html .catalog-pagination .slider-prev {
        margin-left:10px;
    }

    .catalog-reader-html .catalog-pagination .slider-next {
        margin-right:-10px;
    }

    .sidebar .sidebar-small .promo-item.featured-item {
        min-height:100px;
    }

    .simmilar-products-laptop-grid .heading-wrapper h2 {
        font-size:16px;
    }

    .store .heading-wrapper h3 {
        margin-bottom:40px;
    }

    .stores-list .item-wrapper {
        height:auto;
    }

    .post-item .item-wrapper,
    .post-item .description {
        min-height:0;
    }


    /*sports landing page*/

    .sport-main .item-title{
        font-size: 20px;
    }
    .sport-main .item-button-wrapper{
        display: none;
    }
    .sport-main .item-description{
        display: none;
    }
    /*sports landing page*/

    .onlyimgslider .headline-wrapper .slider-headline h2 {
        font-size: 25px;
    }

    .onlyimgslider .slider-description {
        font-size: 12px;
        margin-bottom: 25px;
    }
    .sport-three-in-row {
        margin: 0 0 40px 0;
    }

    .sport-four-in-row .slider-wrapper {
        padding: 0;
    }
    .padding-slider .slick-list.draggable {
        padding: 0 !important;
    }

    .b-landing-wrapper .three-items-wrapper {
        display: block;
        margin-top: 20px;
    }

    .b-landing-wrapper .item-subtitle {
        position: absolute;
        top: 100px;
        color: #fff;
        font-size: 16px;
    }

    .b-landing-wrapper .sport-main .item-title {
        font-size: 30px;
        color: #ffffff;
    }

    .custom-pagination-slider .item .content .text-wrapper {
        top: 0;
        bottom: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        left: 10px;
        width: calc(100% - 20px);
    }

    .custom-pagination-slider .slick-dots {
        top: inherit;
        bottom: 10px;
    }

    .article.article-event-home-slider.event-home-slider-v2 .item .content {
        padding: 10px 0;
    }

    .article.article-event-home-slider.event-home-slider-v2 .item .the-date {
        display: none;
    }

}

/* Very Small devices (tablets, 360px and down) */
@media (max-width: 360px) {

    .modal-dialog{
        margin: 10px;
        width: auto !important;
    }

    .product-buy .shop-button-qnt {
        min-width:270px;
    }

    /*    .slider-navigation{
            display: none;
        }*/

}

@media all and (min-width: 321px) and (max-width: 480px) {
    .toast-middle-center { margin-left: -125px; }
}

@media all and (min-width: 241px) and (max-width: 320px) {
    .toast-middle-center { margin-left: -93px; }
}

@media all and (max-width: 240px) {
    .toast-middle-center { margin-left: -83px; }
}

/* NOVI CSS */
@media (max-width: 480px) {

    .profile .user-data .item {
        height: auto;
        margin-bottom: 10px;
    }
    .gift-card-view{

    }
    .newsletter.fullwidth-center .btn-wrapper .btn{
        margin-left: 0;
    }
    .newsletter.fullwidth-center .description{
        padding: 0 10px;
    }
    .newsletter.fullwidth-center .form-group{
        display: block;
        padding:0 10px;
    }
    .newsletter.fullwidth-center .form-group input{
        width: 100%;
    }

    .article-list-grid-with-arrows .row &gt; .item:after,
    .article-list-grid-with-arrows .row &gt; .item:not(:nth-child(2n)):after,
    .article-list-grid-with-arrows .row &gt; .item:not(:nth-child(3n)):after {
        content: none;
    }

    .left-list-right-img .right-wrapper {
        display: none;
    }
    .left-list-right-img .left-wrapper {
        margin: auto;
        display: block;
    }

}
@media (max-width: 480px) {
    .newsletter .form-group input{
        width: 100%;
    }
    .newsletter .form-group{
        float: none;
    }
    .newsletter .btn-wrapper{
        float: none;
        text-align: center;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .profile .profile-into .item .title{
        font-size: 11px;
    }
    .profile .user-data .item {
        padding: 0 15px;
    }
    .profile-content .form-group label{
        font-size: 11px;
    }
    .heading-wrapper-profile h1{
        font-size: 13px;
    }

    .newsletter-work{
        width: 100%;
    }

    .newsletter-work .newsletter .form-group{
        float: none;
        margin: 0 10px;
    }

    .newsletter-work .newsletter .form-group input{
        width: 100%;
    }

    .newsletter-work .newsletter .btn-wrapper{
        margin-left: 10px;
    }

    /*.product-listing-intro .form-group.sort-product .styled-select{
        max-width: 120px;
    }*/
    .product-listing-intro .form-group.sort-product {
        width: 100%;
    }

    .product-details-price .action-lowerprice{
        position: relative;
    }

    .price-change-wrapper .product .item .btn-wrapper{
        display: block;
    }

    .slider.landing-main-slider.landing-banner-slider .item .text-wrapper .title{
        display: none;
    }

    .slider.landing-main-slider .item .text-wrapper .title{
        display: block;
    }

    .slider.landing-main-slider .item .content{
        position: absolute;
        top: 10px;
        left: 10px;
        bottom: 40px;
        -webkit-transition: top 1s;
        -moz-transition: top 1s;
        -ms-transition: top 1s;
        -o-transition: top 1s;
        transition: top 1s;
        width: 92%;
    }

    .slider.landing-main-slider.landing-banner-slider{
        margin-top: 10px;
    }

    .slider.landing-image-text-slider .slick-dots{
        bottom: -30px;
    }

    .shop-button-qnt{
        font-size: 14px;
    }

    .cart-step h2{
        font-size: 16px;
    }

    .cart-summary{
        font-size: 14px;
    }

    .newsletter.fullwidth-center .form-group,
    .newsletter.fullwidth-center .description {
        padding: 0;
        width: 100%;
        margin: 0;
    }

    .sidebar-wrapper{
        display: none;
    }
}
</pre></body></html>