/*------------------------------------------------------------------*\
[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 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

 *  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

 *  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

\*------------------------------------------------------------------*/
/*IE select bug fix*/
select::-ms-expand {
    display: none;
}
/*IE select bug fix End*/

/*Fashion container*/
.container.fashion{
    width: 1000px;

}

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

.header.affix{
    top: 0;
    z-index: 20000;
    position: fixed;
    width: 100%;
}

/* 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;
    /*display: flex;
    flex-wrap: wrap;
    justify-content: center;*/
}

.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;
    overflow: hidden;
}

.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 .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;
}

/* Top part of a header */
.header-append {
    margin-right:90px;
}

/* Header info items */
.header-info-icon{
    color: #555;
    margin-right: 7px;
    display: block;
    font-size: 18px;
}

.header-phoneinfo-icon{
    border: 1px solid #555;
    color: #555;
    text-align: center;
    padding: 7px;
    font-size: 1.5rem;
}

.header-phoneinfo-text{
    margin-left: 10px;
    line-height: 1.5;
    font-size: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* style slider */
.style-slider {

}

.style-slider .item {
    margin-bottom:20px;
}

.style-slider .headline {
    margin-top: 10px;
    color: #3973b5;
    margin-bottom: 5px;
}

/* 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;
}

/* product detail no price slider  */
.product-no-price-slider .description a {
    text-decoration: underline;
}

/* Featured products grid slider */
.featured-products-grid-slider .promo-item {
    border: 1px solid #d9d9d9;
}

.featured-products-grid-slider .promo-item-image-wrapper {
    position:relative;
    transition: all 0.3s;
}

.featured-products-grid-slider .promo-item-image-wrapper:after {
    content: "";
    background: rgba(0,0,0,0);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: all 0.3s;
    pointer-events: none;
}

.featured-products-grid-slider .promo-item-image-wrapper:hover:after {
    background: rgba(0,0,0,0.5);
}

/* left circle and right list slider*/
.left-circle-right-list {
    background: #ffffff url('../../images/core/left_circle_right_list_bg.html') right bottom no-repeat;
}

.left-circle-right-list .row {
    display: flex;
    min-height: 410px;
    margin-top: -125px;
}

.left-circle-right-list .row .left-wrapper .item{
    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%);
    background: #ffffff;
    border-radius: 50%;
    -webkit-box-shadow: 0px 18px 24px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0px 18px 24px 0 rgba(0,0,0,0.12);
    box-shadow: 0px 18px 24px 0 rgba(0,0,0,0.12);
    width: 410px;
    height: 410px;
    text-align: center;
}

.left-circle-right-list .row .item .content{
    display: inline-block;
    text-align: left;
}

.left-circle-right-list .row .item .img-wrapper{
    display: inline-block;
    vertical-align: top;
}

.left-circle-right-list .row .left-wrapper .item .content,
.left-circle-right-list .row .left-wrapper .item .img-wrapper{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    -o-transform:  translateY(-50%);
    transform:  translateY(-50%);
}

.left-circle-right-list .row .item .content .text-wrapper .title {
    color: #3174b6;
    font-size: 96px;
    line-height: 96px;
}

.left-circle-right-list .row .right-wrapper{
    position: relative;
    z-index: 2;
    padding: 80px 0;
}

.left-circle-right-list:after{
    content: '';
    position: absolute;
    top: -125px;
    right: 0;
    width: 50vw;
    border-bottom: 145px solid #ffffff;
    border-left: 250px solid transparent;
    border-right: 0px solid transparent;
}

.left-circle-right-list .row .right-wrapper .item {
    text-align: center;
}

.left-circle-right-list .row .left-wrapper .item .content .text-wrapper .subtitle,
.left-circle-right-list .row .right-wrapper .item .content .text-wrapper .description {
    color: #474747;
    font-size: 24px;
    font-weight: 700;
}

.left-circle-right-list .row .right-wrapper .item .content .text-wrapper .subtitle,
.left-circle-right-list .row .left-wrapper .item .content .text-wrapper .description {
    color: #474747;
    font-size: 24px;
}

.left-circle-right-list .row .right-wrapper .item .content .text-wrapper .description {
    margin-bottom: 40px;
}

/* Grid slider Two portrait and two landscape image in one row */
.two-portrait-two-landscape > .row {
    display: flex;
}

.two-portrait-two-landscape .item .img-wrapper img{
    width: 100%;
}

.two-portrait-two-landscape .item .content {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.two-portrait-two-landscape .right-column > .row{
    height: 100%;
}

.two-portrait-two-landscape .right-column > div{
    height: calc(50% - 10px);
    position: relative;
    overflow: hidden;
}

.two-portrait-two-landscape .right-column > div:first-child{
    margin-bottom: 20px;
}

.two-portrait-two-landscape .right-column .item {
    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%;
    width: 100%;
}

.two-portrait-two-landscape .row.no-gutters {
    margin: auto;
}

.two-portrait-two-landscape .no-gutters .right-column > div,
.two-portrait-two-landscape .no-gutters .right-column > div:first-child{
    height: 50%;
    margin-bottom: 0;
}

/* alternately img and text in slide */
.alternately-img-text .item{
    position: relative;
    overflow: hidden;
    padding: 50px 0;
    z-index: 0;
}

.alternately-img-text .item.even-item:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-top: calc(50vw * 0.758) solid #f5f5f5;
    border-left: 0 solid transparent;
    border-right: 50vw solid transparent;
    width: calc(50vw + 235px);
    z-index: -1;
}

.alternately-img-text .item.odd-item:before{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: calc(50vw * 0.758) solid #f5f5f5;
    border-right: 0 solid transparent;
    border-left: 50vw solid transparent;
    width: calc(50vw + 235px);
    z-index: -1;
}

.alternately-img-text .item:after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 65px;
    display: block;
    background: #ffffff;
    z-index: -1;
}

.alternately-img-text .item.odd-item  .left-wrapper{
    float: right;
}

.alternately-img-text .item .right-wrapper .text-wrapper .title {
    font-size: 48px;
    line-height: 50px;
}

/* slider with left imge and right list with-bg */
.left-img-right-list-with-bg {
    overflow: hidden;
    padding: 50px 0;
}

.left-img-right-list-with-bg .container > .row{
    display: flex;
}

.left-img-right-list-with-bg img.bg-img {
    position: absolute;
    top: 50%;
    left: 0;
    min-height: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: inherit;
    min-width: 100%;
}

.left-img-right-list-with-bg .left-wrapper .img-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    max-width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.left-img-right-list-with-bg .right-wrapper .item .img-wrapper {
    width: 75px;
    margin-top: 5px;
    display: inline-block;
}

.left-img-right-list-with-bg .right-wrapper .item .content {
    width: calc(100% - 85px);
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
}

/* Lleft list right img */
.left-list-right-img .heading-wrapper.heading-wrapper-bordered {
    text-align: left;
}
.left-list-right-img .heading-wrapper.heading-wrapper-bordered:before {
    content: none;
}

.left-list-right-img .left-wrapper {
    width: 300px;
    display: inline-block;
    vertical-align: top;
    margin-left: 25px;
}

.left-list-right-img .right-wrapper {
    width: calc(100% - 340px);
    display: inline-block;
    vertical-align: bottom;
}

.left-list-right-img .right-wrapper img {
    margin: auto;
}

.left-list-right-img .left-wrapper .text-wrapper {
    display: flex;
    line-height: 58px;
    margin: 10px 0;
    padding-left: 10px;
}

.left-list-right-img .left-wrapper .text-wrapper .title {
    width: 235px;
}

.left-list-right-img .left-wrapper .text-wrapper .subtitle {
    width: 65px;
    color: #ffffff;
    text-align: center;
}

/* vertical scroll slider */
.vertical-scroll-slider {
    padding: 30px 20px;
}

.vertical-scroll-slider .slider-init {
    padding-top: 30px;
}

.vertical-scroll-slider .slider-init .item {
    display: flex;
}

.vertical-scroll-slider .item .text-wrapper {
    width: 100%;
    min-height: 180px;
}

.vertical-scroll-slider .item .text-wrapper .title {
    display: none;
}

.vertical-scroll-slider .item .text-wrapper .subtitle {
    font-size: 18px;
    line-height: 50px;
}

/* Slider first slide is main, other in list*/
.first-main-other-list {
    position: relative;
    z-index: 0;
    padding: 60px 0;
    overflow: hidden;
}

.first-main-other-list:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-top: calc(50vw * 0.758) solid #f5f5f5;
    border-left: 0 solid transparent;
    border-right: 50vw solid transparent;
    width: calc(50vw + 650px);
    z-index: -1;
}

.first-main-other-list .left-wrapper.main-rigth {
    float: right;
}

.first-main-other-list .left-wrapper .item .text-wrapper .title {
    font-size: 48px;
    line-height: 60px;
}

.first-main-other-list .right-wrapper .item .img-wrapper {
    width: 75px;
    display: inline-block;
}

.first-main-other-list .right-wrapper .item .content {
    width: calc(100% - 85px);
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
}

/* 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;
}

/* Search - proveriti ugnjezadavanje */
.search-intro {
    margin:0 0 40px 0;
}

.search-intro .thumb {
    display: table;
    margin: 0 auto;
    padding: 20px;
    background: #ffffff;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
    transition:all 0.3s;
}

.search-intro .item:hover .thumb {
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.25);
}

.search-intro .description {
    text-align:center;
    margin:10px 0 20px;
}

.search-stickers {
    margin:0 0 40px 0;
}

.search-stickers .sticker {
    position:relative;
    background:#ffffff;
    height: 55px;
    padding: 0;
    margin-bottom:20px;
    box-shadow:0 0 5px rgba(0,0,0,0.25);
    transition:all 0.3s;
}

.search-stickers .sticker:hover {
    box-shadow:0 0 5px 2px rgba(0,0,0,0.25);
}

.search-stickers .description {
    padding: 0 65px 0 20px;
    max-height:40px;
    overflow:hidden;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}

.search-stickers .thumb {
    height: 55px;
    line-height: 55px;
    padding: 0 10px;
    border-left:1px solid #d9d9d9;
}

.search-by-letter {
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 1.125rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.intro-pagination {
    margin:0 0 0 20px;
}

.intro-pagination .pagination {
    margin:0 5px;
}

.intro-pagination .pagination > li > a {
    padding:1px 0;
    min-width: 30px;
}

.intro-pagination li.prev,
.intro-pagination > li.next {
    margin-right:0;
}

/* Footer */

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

.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 boxes */

.footer-boxes{
    padding: 0 10px;
}

.footer-box-list{
    list-style: none;
    padding: 0;
}

.footer-box-list > li{
    padding: 5px 0;
}

.footer-box-list > li:hover::before{
    transform: translateX(2px);
    -webkit-transform: translateX(2px);
    color: #000;
}

.footer-box-list > li > a{
    color: #ffffff;
}

.footer-box-list > li > a:hover{
    color: #3683cd;
}

/* 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{
    position: absolute;
    top: 0;
    right: 0;
}


/* Footer copyright - proveriti i ispraviti sam blok //ovog nema*/
.footer-copyright .payment-icon{
    margin-left: 5px;
}


/* Footer shop info items - proveriti i ispraviti sam blok */
.footer-shop-info{
    background: #4f5061;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: -20px;
    padding: 15px;
    text-align: center;
    position: relative;
    z-index: 1020;
}

.shop-info-item{
    display: inline-block;
    color: #ffffff;
    margin-right: 30px;
}

.shop-info-item:last-child{
    margin-right: 0;
}

.footer-shop-info > a .shop-info-item:last-child{
    margin-right: 30px;
}

.footer-shop-info > a:last-child .shop-info-item{
    margin-right: 0;
}

.shop-info-label{
    width: 80px;
    padding-left: 15px;
    line-height: 16px;
    text-align: left;
}

/* table size guide */
.table-sizeguide{
    background: #ffffff;
}

.table-sizeguide > thead > tr > td,
.table-sizeguide > tbody > tr > td{
    text-align: center;
    padding: 5px;
    font-size: .9rem;
    width: 20px;
    border: 1px solid #ffffff;
}

.table-sizeguide > thead > tr > td{
    background: #B8EAFF;
    font-weight: 300;
    width: 30px;
}

.table-sizeguide > thead > tr:first-child > td{
    background: #00abeb;
    color: #ffffff;
    padding: 5px 2px;
}

.table-sizeguide > thead > tr:first-child > td:first-child{
    background: #FFA686;
}

.table-sizeguide > tbody > tr > td:nth-child(even){
    background: #f0f6f8;
    font-weight: 300;
}

.table-sizeguide > tbody > tr > td:first-child{
    background: #FEE7D7;
    font-weight: 300;
}

.table-sizeguide > tbody > tr:hover > td{
    background: #FEE7D7;
}

/* Postbox - proveriti kasnije, dodato klasu bloka */
.postbox{
    position: relative;
    margin-bottom: 10px;
    max-height: 250px;
    overflow: hidden;
    background:#ffffff;
    box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.postbox:hover {
    background:url('../../images/core/blue-arrow-right.png') #fff right 5px center no-repeat;
}

.postbox-image img{
    width: 100%;
    max-height: 100%;
}

.postbox-overlay{
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #ffffff;
}

.postbox-attribute{
    margin: 15px 20px;
    display: inline-block;
}

.postbox-caption{
    padding: 12px 12px 12px 0;
    border-top: 1px solid rgba(255,255,255,0.4);
    height: 90px;
    overflow:hidden;
    font-size: 1rem;
}

.sidebar .postbox a {
    color:#4a4b5c;
}

/* Comments - proveriti, nema klasa bloka */
.form-comment{
    margin-bottom: 30px;
}

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

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

.comment-item-reply{
    color: #414254;
}

.comment-item-rates i{
    margin-left: 3px;
}

.comment-item-rates-up{
    margin-right: 10px;
}

.comment-item-rates-up i{
    color: #3973b5;
}

.comment-item-rates-down i {
    color: #de3939;
}

.validation-errors-list .parsley-required {
    margin: 0;
}

/* 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: 0px;
}

/* 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-navigation-filled .slider-prev,
.slider-navigation-filled .slider-next{
    padding: 10px;
    background: #f7f7f7;
    color: #000;
    border: 0;
}

.slider-navigation-filled .slider-prev{
    margin-right: 1px;
}

.slider-navigation-filled .slider-prev:hover,
.slider-navigation-filled .slider-next:hover{
    background: #3973b5;
    color: #ffffff;
}

/* Transparent slider's navigation with border around arrows */
.slider-navigation-bordered .slider-prev,
.slider-navigation-bordered .slider-next{
    padding: 7px;
    border: 1px solid #d9d9d9;
    color: #000;
}

.slider-navigation-bordered .slider-prev{
    margin-right: 1px;
}

.slider-navigation-bordered .slider-next{
    margin-right: 0;
}

.slider-navigation-bordered .slider-prev:hover,
.slider-navigation-bordered .slider-next:hover{
    background: #3973b5;
    color: #ffffff;
}

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

.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: 0;
    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;
}

.slider-navigation-vcenter {
    position:absolute;
    left: 0;
    width: 100%;
    top:50%;
    transform:translateY(-50%);
}

.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.slider-wrapper-full,
.slider-wrapper.slider-wrapper-full .slick-slide {
    padding:0;
}

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

.dots-outside .slick-dots {
    position:relative;
    margin-top:10px;
    bottom:0;
}

.dots-outside .slick-dots li,
.dots-outside .slick-dots li button {
    width:12px;
    height:12px;
}

.dots-outside .slick-dots li button:before {
    background:#adaeb5;
    height:12px;
    width:12px;
}

.dots-outside .slick-dots li.slick-active button:before {
    box-shadow: inset 0 0 0 0 rgba(255,255,255,0);
    background:#0a8ed7;
    width: 12px;
    height: 12px;
}

.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:before,
.slider-wrapper.slider-wrapper-full:after {
    display:none;
}

.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;
}

.sec_img_wrapper{
    position: absolute;
    top: 20px;
    left: 20px;

}


/* custom pagination slider */
.custom-pagination-slider .item {
    position: relative;
    color: #ffffff;
}

.custom-pagination-slider.slider .slick-slide {
    padding: 0;
}

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

.custom-pagination-slider .item .content .text-wrapper{
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: calc(100% - 100px);
    max-width: 1200px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.custom-pagination-slider .item .content .text-wrapper .slide-number{
    font-size: 48px;
    line-height: 50px;
}

.custom-pagination-slider .item .content .text-wrapper .title {
    font-size: 72px;
    line-height: 80px;
    margin: 0;
}

.custom-pagination-slider .item .content .text-wrapper .description{
    font-size: 16px;
    padding: 30px 50px;
}

.custom-pagination-slider .btn-wrapper{
    position: absolute;
    bottom: 50%;
    right: 0;
}

.custom-pagination-slider .slick-dots{
    position: absolute;
    top: calc(50% + 100px);
}

.custom-pagination-slider.slider .slick-dots li{
    width: auto;
    color: #ffffff;
}

/*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;
}

/* fullwidth-slider */
.fullwidth-slider-wrapper.slider-wrapper {
    padding:0;
}

.fullwidth-slider-wrapper.slider-wrapper:before,
.fullwidth-slider-wrapper.slider-wrapper:after {
    display:none;
}

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

/* shopping-slider */
.shopping-slider {
    background:#ffffff;
    padding:20px 20px 0 20px;
    margin:20px 0;
}

.shopping-slider .slide-item  {
    margin-bottom:20px;
}

/* full-bg - Provetiti da li mozda treba obrisati ili prebaciti kao helper ako se ponavlje na vise mesta, za sada samo na product slideru*/
.full-bg {
    background:#f0f0f0;
    padding-top:10px;
    padding-bottom:10px;
}

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

/* main-slider-bg */
.main-slider-bg{
    /*background: url('../../images/main-slider-pattern.png') repeat; proveriti gde je ova slika*/
    height: 355px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

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

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

/* fullwidth-slider */
.fullwidth-slider-wrapper{
    position: relative;
    margin-bottom: 20px;
}

.fullwidth-slider{
    /*height: 500px;*/
    width: 100%;
    overflow: hidden;
}

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

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

.fullwidth-slider-wrapper .slider-arrows{
    background: #3973b5;
    top: -50px;
    margin: 0 auto;
    margin-bottom: -60px;
    position: relative;
    z-index: 100;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    /*width: 195px;*/
    text-align: center;
    display: table;
    overflow: hidden;
}

.fullwidth-slider-wrapper .slider-arrows i{
    line-height: 1.1;
    vertical-align: middle;
    display: table-cell;
    width: 65px;

    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
}

.fullwidth-slider-wrapper .fullwidth-slider-prev,
.fullwidth-slider-wrapper .fullwidth-slider-next{
    color: #ffffff;
    padding: 22px 15px;
    cursor: pointer;
}

.fullwidth-slider-wrapper .fullwidth-slider-prev:hover,
.fullwidth-slider-wrapper .fullwidth-slider-next:hover{
    background-color: rgba(0,0,0,.1);
}

/* ie fixes - border radius hover */
.fullwidth-slider-wrapper .fullwidth-slider-prev{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.fullwidth-slider-wrapper .fullwidth-slider-next{
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.fullwidth-slider-wrapper .icon-cart-f{
    color: #ffffff;
    opacity: .2;
    padding: 10px 15px;
}

.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;
}

/* set opacity to 1, to display brand name positioned bottom */
.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 {
    margin-left:0;
}

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

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

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

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

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



/* promo-fullscreen */
.promo-fullscreen {
    position:relative;
    max-width:100%;
    margin-bottom:40px;
}

.promo-fullscreen .item img {
    text-align:center;
    margin:0 auto; /* if image is smaller, center the image*/
    display:block;
}

.promo-fullscreen .slider-caption {
    position:absolute;
    left:10%;
    top:50%;
    transform:translateY(-50%);
    padding:0 15px;
    max-width:550px;
}

.promo-fullscreen .headline {
    font-size:3rem;
    line-height:1;
    color:#ffffff;
    text-transform:uppercase;
    margin-bottom:20px;
}

/* Only image slider */
.onlyimgslider.slider-wrapper{
    padding: 100px;
    background-repeat: no-repeat;
}

.onlyimgslider .headline-wrapper {
    position: absolute;
    left: 50%;
}

.onlyimgslider .headline-wrapper .slider-headline h2 {
    color: #ffffff;
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    padding: 0 0;
    margin-bottom: 0px;
    max-width: 80%;
}

.onlyimgslider  .slider-description {
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: #ffffff;
    max-width: 80%;
    margin-bottom: 35px;
}

.onlyimgslider-content {
    display: inline-block;
    width: 670px;
}

.onlyimgslider .btn.btn-slider{
    background-color: #89c03c;
}

.onlyimgslider.slider-wrapper:before,
.onlyimgslider.slider-wrapper:after{
    background: transparent;
}

/* Sports slider - landing page */
.sport-main .slick-slide{
    padding: 0;
}
.sport-main .slider-wrapper:before,
.sport-main .slider-wrapper:after{
    background: transparent;
}

.sport-main .item-wrapper-rel {
    position: absolute;
    left: 100px;
    top: 45%;
    transform: translateY(-50%);
}

.sport-main .item-title{
    font-size: 70px;
    color: #ffffff;
}

.sport-main .item-description{
    font-size:20px;
    color: #ffffff;
    padding: 5px 5px 30px;
}

.sport-main .item-button-wrapper{
    width: 60%;
}

.sport-main .button-slider{
    border:1px solid #ffffff;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    width: 130px;
    padding: 7px 0 5px 0;
    margin-bottom: 10px;
    background: rgba(0,0,0,0.5);
    transition: all 0.3s ease;
}

.sport-main .button-slider:hover{
    background: rgba(0,0,0,0.9);
}

/* Sport three in row */
.sport-three-in-row{
    margin: 40px 0;
}

.sport-three-in-row .slick-slide {
    padding: 0;
}

.sport-three-in-row .item-text-wrapper{
    position: absolute;
    bottom: 50px;
    width: 100%;
    text-align: center;
}

.sport-three-in-row .item-title{
    font-size:30px;
    font-weight: 700;
    color: #ffffff;
    transition: all 0.5s ease;
}


.sport-three-in-row .item-description,
.sport-three-in-row .item-subtitle{
    display: none;
}

.sport-three-in-row .item-button-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.sport-three-in-row .button-slider{
    border:1px solid #ffffff;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    margin-bottom: 20px;
    background: rgba(0,0,0,0.8);
    padding: 6px 40px;
    opacity:0;
    transition: all 0.5s ease;
}

.sport-three-in-row .item.slick-active:hover .button-slider{
    opacity:1;
    transition: all 0.5s ease;
}

/* Padding slider */
.padding-slider {
    margin-top: 40px;
    margin-bottom: 40px;
}

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

.container-fluid .padding-slider{
    margin-left: -10px;
    margin-right: -10px;
}

.container-fluid .padding-slider .item img{
    margin:auto;
}

.padding-slider .slider-wrapper:before,
.padding-slider .slider-wrapper:after{
    background-color: transparent;
}

.padding-slider .slider-arrows{
    width: 932px;
    left: 50%;
    transform: translate(-50%,-50%);
}

.padding-slider .slider-generic .item-wrapper-rel{
    position: absolute;
    top:20%;
    left:20%;
    display: none;
}

.padding-slider .item-title{
    color: #000;
    font-size:30px;
}

/* Categories slider */
.similar-category-slider .text-wrapper{
    position: absolute;
    left: 10px;
    top: 0;
    height: 200px;
    background: rgba(255,255,255,1);
    width: calc(100% - 20px);
    z-index: 999;
}

.similar-category-slider .text-wrapper:hover{
    background: rgba(255,255,255,0.5);
}

.similar-category-slider .text-wrapper .title{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    color: #000000;
    font-size: 30px;
    text-align: center;
}

.slider.similar-category-slider .slider-arrows .slider-prev{
    margin-left: -15px;
}

.slider.similar-category-slider .slider-arrows .slider-next{
    margin-right: -15px;
}


/* Sport categories slider */
.sportcategories-slider{
    padding:0 100px;
}

.sportcategories-slider .item-wrapper:last-child .item{
    float: right;
}

.sportcategories-slider .item{
    position: relative;
}

.sportcategories-slider .item-wrapper:hover{
    transition: all 0.5s ease;
}

.sportcategories-slider .title {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin-top: 40px;
}

.sportcategories-slider .description{
    font-size:16px;
}

.sportcategories-slider.dif-grid .slider-caption{
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.sportcategories-slider.dif-grid{
    margin-bottom: 40px;
    padding: 0 100px;
}

.sportcategories-slider.dif-grid .title{
    margin-top:0;
    color: #ffffff;
}

.sportcategories-slider.dif-grid .description{
    color: #ffffff;
    font-size: 14px;
}
.sportcategories-slider.dif-grid .btn.button-slider {
    bottom: 20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #ffffff;
    padding: 6px 30px;
    background-color: #89c03c;
}

.sportcategories-slider.dif-grid .btn.button-slider:hover {
    background: rgba(0,0,0,0.9);
}

/* Sport png slider */
.sport-pngsldier .item-wrapper-rel{
    position: absolute;
    top:50px;
    left:100px;
}

.sport-pngsldier .item-title{
    font-size: 45px;
    font-weight: 700;
}

.sport-pngsldier .item-description{
    font-size: 16px;
}

.sport-pngsldier .item.slick-slide img{
    float: right;
}

.sport-pngsldier .item-description{
    max-width: 410px;
    margin: 10px 0;
}

.sport-pngsldier .btn.button-slider {
    background-color: #89c03c;
}

/* sport in row  */
.sport-four-in-row{
    margin: 40px 100px;
}

.sport-four-in-row .item-title{
    text-align: center;
    font-size: 18px;
}

.sport-four-in-row .item-button-wrapper{
    display: none;
}

.sport-four-in-row .item.slick-active:hover {
    opacity: 0.8;
    transition: all 0.5s ease;
}

/* Main navigation */
.nav-main-wrapper{
    background: #3973b5;
    width: 100%;
    position: relative;
}

.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 {
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-main-dropdown h5{
    color: #000;
    font-size: 1.143rem;
    font-weight: 400;
    margin-bottom: 5px;
}

.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 li{
    width: 100%;
    float: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.brand .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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Filled vertical nav */
.nav-vertical-filled-wrapper{
    border-left: 1px solid #d9d9d9;
    min-height: 600px;
    padding-top: 60px;
}

.nav-vertical-filled{
    width: 100%;
}

.nav-vertical-filled > li{
    margin-bottom: 1px;
}

.nav-vertical-filled > li > a{
    background: #f7f7f7;
    color: #b2b2b2;
    border: 1px solid #f7f7f7;
    border-left: none;
    width: calc(100% - 10px);
    padding: 10px 20px;
    line-height: 1;
}

.nav-vertical-filled > li:hover > a{
    border-color: #d9d9d9;
    background: #f7f7f7;
    color: #000;
    width: 100%;
}

.nav-vertical-filled > li.active > a{
    background: transparent;
    color: #000;
    border-color: #d9d9d9;
    width: 100%;
}

.nav-vertical-filled > li.active > a:before{
    content: '';
    position: absolute;
    left: -1px;
    top: 0;
    height: 100%;
    background: #ffffff;
    width: 1px;
}

.nav-vertical-filled > li > a > i{
    margin-right: 15px;
    position: relative;
    top: 1px;
}

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

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

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

/*  Brand Landing Page  */
.b-landing-wrapper{

}

.b-landing-wrapper .sport-main .item img{
    margin: auto;
}
.b-landing-wrapper .sport-main .item-wrapper-rel {
    position: absolute;
    left: 373px;
    top: 35%;
    transform: translateY(-50%);
}

.b-landing-wrapper .item-subtitle {
    position: absolute;
    top: 100px;
    color: #ffffff;
    font-size: 36px;
}

.b-landing-wrapper .sport-main .item-button-wrapper {
    width: 60%;
    position: absolute;
    top: 220px;
}

.b-landing-wrapper .padding-slider .slick-slide {
    padding: 0 10px;
}

.b-landing-wrapper .sport-pngsldier{
    width: 1220px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.b-landing-wrapper .three-items-wrapper .item {
    border: 0px solid #e5e5e5;
    margin-bottom: 5px;
}

.three-items-wrapper .title {
    font-size: 25px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}

.b-landing-wrapper .item:hover .slider-caption,
.b-landing-wrapper .category-one-item-slider-wrapper:hover .slider-caption {
    opacity: 1;
}

.b-landing-wrapper .categories-slider.three-items-wrapper .slider-caption {
    position: absolute;
    bottom: 10px;
    width: 100%;
    color: #ffffff;
    z-index: 10;
}

.b-landing-wrapper .categories-slider.three-items-wrapper .slider-caption a {
    color: #fff
}

.b-landing-wrapper .categories-slider.three-items-wrapper .link-slider {
    text-transform: none;
    text-decoration: none;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 5px 10px;
    border-radius: 2px;
}
.b-landing-wrapper .categories-slider.three-items-wrapper .link-slider:hover{
    color: #ffffff;
    background:rgba(0,0,0,0.3)
}

.three-items-wrapper .item{
    position:relative;
}

.controlHolder{
    display: none;
}



/* Chat */
.chat-fixed{
    position: fixed;
    z-index: 15000;
    bottom: 0;
    right: 5%;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);
    min-width: 230px;
}

.chat-fixed:hover{
    min-width: 250px;
}

.chat-fixed > a{
    display: block;
}

.chat-fixed > a:hover{
    color: #000;
}

.chat-fixed-preview{
    padding: 7px 20px;
    text-align: center;
}

.chat-fixed-title{
    font-size: 1.071rem;
    font-weight: 300;
}

.chat-fixed-icon{
    margin-right: 5px;
    position: relative;
    top: 4px;
}

.chat-fixed .tooltip-inner{
    max-width: 70%;
    margin: 0 auto;
}

.timeitem.active {
    color:green;
    font-weight: 700;
}

/* 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 as slider - Proveriti da li ide u slider ili ostaje uy galletz-images */
.gallery-images.slider{
    margin-top: 20px;
    margin-bottom: 0;
    border-top: 1px solid #d9d9d9;
}

.gallery-images.slider .gallery-images-item{
    margin: 0;
}

.gallery-images.slider .slider-prev,
.gallery-images.slider .slider-next{
    position: absolute;
    top: 35%;
    background: #ffffff;
    /*border-color: #000;*/
    color: #000;
}

.gallery-images.slider .slider-prev{
    left: -15px;
}
.gallery-images.slider .slider-next{
    right: -15px;
}

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

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

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

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

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

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

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

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

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

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


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

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

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

/* attributes */

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

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

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

/* 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%;
}

/* Promo joining * joining beacuse of elrements that joins together on hover */
.promojoining-item{
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

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

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

.promojoining-item-caption-wrapper{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.promojoining-item:hover .promojoining-item-caption-wrapper{
    display: block;
    background: rgba(0,0,0,.6);
}

.promojoining-item-caption{
    position: relative;
    top: 1px;
    width: 100%;
    color: #ffffff;
    text-align: center;
}

.promojoining-item-title{
    line-height: 22px;
    font-weight: 300;
    font-size: 1.6rem;
    color: #ffffff;
    height: 100%;
    width: 60%;
    text-transform: uppercase;
    text-align: center;
}

.promojoining-item-title span{
    padding: 10px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    display: block;
}

.promojoining-item-description{
    color: #ffffff;
    padding: 0 20px;
    opacity: 0;
    text-align: center;
    height: 100%;
    line-height: 1.3rem;
}

.promojoining-item-description .btn{
    margin-top: 5px;
}

.promojoining-item:hover .promojoining-item-title{
    opacity: 0;
}

.promojoining-item:hover .promojoining-item-description{
    opacity: 1;
}

.promojoining-item:hover .promojoining-item-description p{
    -webkit-animation: slideDown .2s;
    -moz-animation: slideDown .2s;
    animation: slideDown .2s;
}

.promojoining-item:hover .promojoining-item-description .btn{
    -webkit-animation: slideUp .3s;
    -moz-animation: slideUp .3s;
    animation: slideUp .3s;
}

/* Mini gallery */
.minigallery-main-img{
    padding-bottom: 40px;
}

.minigallery-thumbs{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    text-align: center;
    padding: 50px;
    opacity: 0;
    z-index: 0;
}

.minigallery-thumbs.active{
    z-index: 15;
    opacity: 1;
}

.minigallery-thumb-item{
    cursor: pointer;
    display: inline-block;
    margin-bottom: 20px;
}

.minigallery-thumb-item:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

.minigallery-thumb-item img{
    max-width: 100%;
    background: #ffffff;
}

/* Filter elrements - proveriti da li ovo mozda treba da stoji u productima*/

.filter-maingroup-headline{
    padding: 0;
    border-bottom:1px solid #d9d9d9;
    margin-bottom:5px;
}


.filter-maingroup-headline .filter-group-headline-icon{
    font-size: 10px;
    top: 10px;
    right: 10px;
    display: block;
}

.filter-maingroup-headline{
    padding-bottom: 0;
}

.filter-groupfeatured .filter-group-items-wrapper{
    border-bottom: 1px solid #d9d9d9;
}

.filter-groupfeatured .filter-group-items > li > a{
    font-weight: 300;
}

/* Proveriti da li se ovo uopste igde koristi*/
.s_3inrow-slider-wrapper.slider-wrapper:before,
.s_3inrow-slider-wrapper.slider-wrapper:after{
    background: transparent;
}

/* 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-wrapper-linethrough{
    position: relative;
}

.heading-wrapper-linethrough h1,
.heading-wrapper-linethrough h2,
.heading-wrapper-linethrough h3,
.heading-wrapper-linethrough h4,
.heading-wrapper-linethrough h5{
    position: relative;
    z-index: 2;
    background: #ffffff;
    padding-right: 15px;
    display: inline-block;
}

.heading-wrapper-linethrough h1{
    margin-top: 10px;
    margin-bottom: 10px;
}

.heading-wrapper-linethrough h2{
    margin-top: 5px;
    margin-bottom: 5px;
}

.heading-wrapper-linethrough:after{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    width: 100%;
    background: #d9d9d9;
    z-index: 1;
}

.heading-wrapper-underlineddbl{
    margin-bottom: 3px;
}

.heading-wrapper-underlineddbl h1,
.heading-wrapper-underlineddbl h2,
.heading-wrapper-underlineddbl h3,
.heading-wrapper-underlineddbl h4,
.heading-wrapper-underlineddbl h5,
.heading-wrapper-underlineddbl h6{
    border-bottom: 1px solid #d9d9d9;
}

.heading-wrapper-underlineddbl h1:after,
.heading-wrapper-underlineddbl h2:after,
.heading-wrapper-underlineddbl h3:after,
.heading-wrapper-underlineddbl h4:after,
.heading-wrapper-underlineddbl h5:after,
.heading-wrapper-underlineddbl h6:after{
    content: '';
    display: block;
    width: 100%;
    padding-top: 3px;
    border-top: 1px solid #d9d9d9;
}

.heading-wrapper-underlineddbl h1 > span,
.heading-wrapper-underlineddbl h2 > span,
.heading-wrapper-underlineddbl h3 > span,
.heading-wrapper-underlineddbl h4 > span,
.heading-wrapper-underlineddbl h5 > span,
.heading-wrapper-underlineddbl h6 > span{
    display: inline-block;
    border-bottom: 3px solid #000;
    padding-bottom: 5px;
    margin-bottom: -4px;
}

.heading-wrapper-underlineddbl .heading-append{
    transform: translateY(-3px);
}

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

.heading-wrapper-linethrough .heading-append{
    z-index: 2;
    background: #ffffff;
    padding-left: 12px;
    top: calc(50% - 1.15rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* background and stlyes related to different backgrounds */

.background {
    padding:20px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.page.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: calc(100vw - 20px);
}

/* Order shipment tracking */
.order-shipment-tracking {
    margin: 20px 0 40px;
}

.order-shipment-tracking .input-wrapper .form-group {
    display: inline-block;
}

.order-shipment-tracking .input-wrapper #submit_code_shipment {
    vertical-align: baseline;
}

.order-shipment-tracking .table>tbody>tr>td {
   width: 50%;
}

/* 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);
}

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

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

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

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

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

.profile-section .modal table tbody {

}

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

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

.profile .tab-content > .tab-pane.active {
    overflow: visible;
}

/* Sidebar */
.sidebar.sidebar-article .postbox-caption {
    height: 72px;
}

.sidebar-article h2 {
    line-height: 30px;
    font-size: 1.5rem;
}

.sidebar-article .heading-wrapper-inline {
    margin-bottom:15px;
}

.sidebar-article .slider-navigation-absolute .slider-prev{
    margin-left:-20px;
    opacity: 0;
}

.sidebar-article .slider-navigation-absolute .slider-next{
    margin-right:-20px;
    opacity: 0;
}

.sidebar-article:hover .slider-navigation-absolute .slider-prev,
.sidebar-article:hover .slider-navigation-absolute .slider-next{
    opacity:1;
}

.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;
}

/* Featured items */
.featured-items{
    margin-top: 10px;
    margin-bottom: 30px;
}

.featured-item,
.featured-item .promo-item-image-wrapper{
    height: auto;
}

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

.featured-item .promo-item-title{
    padding: 8px;
}

/* 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;
}

/* Couponbox */
.couponbox{
    margin-bottom: 15px;
    border: 1px solid #d9d9d9;
}

.couponbox-item{
    margin: 10px 20px;
}

.couponbox-caption{
    background: #3973b5;
    color: #ffffff;
    font-weight: 300;
    font-size: 1.143rem;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    padding: 5px;
    height: 55px;
    width: 100%;
}

/* Sidebar sccurity */
.sidebar-security {
    margin-top:20px;
}

/* Map wrapper */
.map-marker-wrapper {
    position:relative;
    display:table;
    margin:0 auto;
}

.map-marker-wrapper .description {
    position: absolute;
    top: 40px;
    width: 50px;
    left: 45px;
    font-size: 1.125rem;
    text-align: center;
    line-height: 1;
    font-weight: 700;
    color: #357ec6;
    cursor:pointer;
}

/* 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 thank you page */
.contact-page-thank-you .intro {
    border-bottom:1px solid rgba(255,255,255,0.5);
    margin-bottom:100px;
}

.contact-page-thank-you .contact-sidebar .h1,
.contact-page-thank-you .contact-sidebar .description {
    opacity:0.75;
    margin-bottom:5px;
}

/* Header search input field with button
 ne znam cemu sluzi, ali tiupujem da je sa sport visiona novi dizajn
Provera - Bila forma za pretragu za beba kids ali je taj deo forme zakomentarisan*/
.header-search{
    margin-top: 38px;
    max-width: 220px;
}

.header-search .form-control{
    background: #ffffff;
    border: 1px solid #d9d9d9;
}

.header-search .btn{
    color: #000;
}

.header-search .btn:hover,
.header-search .btn:focus,
.header-search .btn:active:focus{
    color: #ffffff;
    box-shadow: none;
}

/*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 .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 .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 for product no price info*/
.product_no_price_info-slider.grid-slider{
    margin-bottom: 0px;
}

.product_no_price_info-slider.grid-slider .item .text-wrapper {
    text-align: left;
}

.product_no_price_info-slider.grid-slider .text-wrapper .title {
    text-transform: inherit;
    margin: 0 0 10px;
    font-size: 18px;
}

    /* circ-grid-slider */
.grid-slider.circle-grid-slider .item .img-wrapper{
    border-radius: 50%;
    max-width: 250px;
}

.grid-slider.circle-grid-slider .item .img-wrapper:after {
    border-radius: 50%;
}

.grid-slider.circle-grid-slider .text-wrapper .title {
    font-size: 18px;
}

/* categories-grid-slider */
.grid-slider.categories-grid-slider .item {
    position: relative;
}

.grid-slider.categories-grid-slider .text-wrapper{
    color: #ffffff;
    z-index: 1;

    /* 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%);
}

.grid-slider.categories-grid-slider .text-wrapper a{
    color: #ffffff;
}

.grid-slider.categories-grid-slider .text-wrapper .title{
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0;
}

/* product-quickview-grid-slider */
.grid-slider.product-quickview-grid-slider {
    margin: 0;
}

.grid-slider.product-quickview-grid-slider .item > a {
    display: none;
}

.grid-slider.product-quickview-grid-slider .item .text-wrapper {
    text-align: left;
}

.grid-slider.product-quickview-grid-slider .item .title {
    color: #000000;
    font-size: 14px;
    line-height: 16px;
    margin: 0;
}

.grid-slider.product-quickview-grid-slider .item .description {
    color: #000000;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
}
/* Grid slider with bg */
.grid-slider-with-bg {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
}

.grid-slider-with-bg .bg-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%);
    min-height: 100%;
    min-width: 100%;
    max-width: inherit;
}

.grid-slider-with-bg .item {
    text-align: center;
}

.grid-slider-with-bg .item .img-wrapper img{
    margin: auto;
    padding: 35px 0;
}

/* assortment-slider */
.grid-slider.assortment-slider {
    padding: 20px 0;
}

.grid-slider.assortment-slider .item {
    padding-top: 20px;
}

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

.grid-slider.assortment-slider .item .img-wrapper {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-box-shadow: 0 0 0 1px #cdcdcd;
    -moz-box-shadow: 0 0 0 1px #cdcdcd;
    box-shadow: 0 0 0 1px #cdcdcd;
    width: 70%;
    padding: 35%;
}

.grid-slider.assortment-slider .item .img-wrapper:hover{
    -webkit-box-shadow: 0 0 0 8px rgba(205, 205, 205, 0.5);
    -moz-box-shadow: 0 0 0 8px rgba(205, 205, 205, 0.5);
    box-shadow: 0 0 0 8px rgba(205, 205, 205, 0.5);

    /* 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.assortment-slider .item .img-wrapper:before{
    display: block;
    font-size:4rem;

    /* 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%);
}

.grid-slider.assortment-slider .item .img-wrapper img {
    max-width: 70px;

    /* 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%);
}

.grid-slider.assortment-slider .item .text-wrapper {
    border-top: 2px solid #3973b5;
    position: relative;
    margin-top: 70px;
}

.grid-slider.assortment-slider .item .text-wrapper:before {
    content: "";
    top: -50px;
    height: 50px;
    width: 2px;
    background: #3973b5;

    /* helper - absolutno pozicioniranje u centar parenta po x osi - pos-hcenter */
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.grid-slider.assortment-slider .item .text-wrapper:after {
    content: "";
    top: -56px;
    height: 12px;
    width: 12px;
    background: #3973b5;
    border-radius: 50%;

    /* helper - absolutno pozicioniranje u centar parenta po x osi - pos-hcenter */
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.grid-slider.assortment-slider .item .text-wrapper .title {
    font-size: 1.6rem;
    margin: 10px;
}

/* error page slider */
.grid-slider.error_page_content-slider .item {
    padding-top: 20px;
}

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

.grid-slider.error_page_content-slider .item .img-wrapper {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.25);;
    width: 90%;
    padding: 45%;
}

.grid-slider.error_page_content-slider .item .img-wrapper:hover{
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.25);;
    -moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.25);;
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.25);;

    /* 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.error_page_content-slider .item .img-wrapper:before{
    display: block;
    font-size:4rem;

    /* 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%);
}

.grid-slider.error_page_content-slider .item .img-wrapper a{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 50%;
    overflow: hidden;
}

.grid-slider.error_page_content-slider .item .text-wrapper .title {
    font-size: 15px;
    margin: 10px;
    text-transform: none;
}

.grid-slider.error_page_content-slider .item .text-wrapper .description {
    display: none;
}

/* intro grid slider */
.grid-slider.intro-slider {
    margin: 5px auto;
    height: 55px;
    text-align: center;
    text-transform: none;
}

.grid-slider.intro-slider .item:before {
    content: "";
    position: absolute;
    left: -15px;
    top: calc(50% - 12px);
    background: url('../../images/core/intro-slider-separator.png') center center no-repeat;
    width: 30px;
    height: 25px;
}

.grid-slider.intro-slider .item:last-child:after {
    content: "";
    position: absolute;
    right: -15px;
    top: calc(50% - 12px);
    background: url('../../images/core/intro-slider-separator.png') center center no-repeat;
    width: 30px;
    height: 25px;
}

.grid-slider.intro-slider .item .img-wrapper {
    display: inline-block;
    vertical-align: middle;
}

.grid-slider.intro-slider .item .img-wrapper a {
    display: block;
    z-index: 9;
    position: relative;
}

.grid-slider.intro-slider .item .img-wrapper img {
    height: 25px;
}

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

.grid-slider.intro-slider .text-wrapper {
    display: inline-block;
    margin: 0;
}

.grid-slider.intro-slider .text-wrapper .title {
    color: #adaeb5;
    line-height: 25px;
    font-size: 13px;
    margin: 0;
}

.grid-slider .content {

}

.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;
}
/* grid slider - end  */


/* grid slider style start  */
.grid-slider.style-grid-slider .img-wrapper{
    margin-bottom:20px;
}

.grid-slider.style-grid-slider .text-wrapper{
    display: none;
}

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


/* grid slider - end  */

/* promo-slider - start */
.promo-slider {
    position: relative;
    max-width: 100%;
    margin-bottom: 40px;
}

.promo-slider .img-wrapper img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

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

.promo-slider .content {
    left: calc(50% - 700px);
    padding: 0 15px;
    max-width: 550px;

    /* helper - absolutno pozicioniranje u centar parenta po y osi - pos-vcenter */
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.promo-slider .text-wrapper .title {
    font-size: 3rem;
    line-height: 1;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.promo-slider .btn-wrapper .btn {
    color: #4a4b5c;
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
    padding: 6px 20px;
    border-radius: 3px;
}
/* promo-slider - end */

/* Slider general settings*/

/* 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;
}

.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;
}

/* main slider */
.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;

    /* vazno je odvojiti za impementaciju sass-a moze biti i helper, ima funkciju animacije */
    -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.slick-current .content {
    top: 50%;
}
.slider.main-slider .item .content{
    display: none;
}
.slider.main-slider .item .text-wrapper {
    /*color: #ffffff; original*/
	color: #7f0708;
    text-shadow: 5px 5px 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 .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;

    /* 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;
}

.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: 0px;
}

/* Product thumb slider */
.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%;
}

/* Landing main slider */
.slider.landing-main-slider{
    position: relative;
}

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

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

.slider.landing-main-slider .item .content {
    position: absolute;
    top: 100px;
    left: 100px;
    bottom: 100px;

    /* vazno je odvojiti za impementaciju sass-a moze biti i helper, ima funkciju animacije */
    -webkit-transition: top 1s;
    -moz-transition: top 1s;
    -ms-transition: top 1s;
    -o-transition: top 1s;
    transition: top 1s;
    width: 420px;
}

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

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

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

.slider.landing-main-slider .item .text-wrapper .description {
    font-size: 14px;
    line-height: 20px;
    display: block;
}

.slider.landing-main-slider .item .btn-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
}

.slider.landing-main-slider .item .btn-wrapper a {
    border: 1px solid #ffffff;
}

.slider.landing-main-slider .slider-arrows {
    opacity: 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;
}

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

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

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

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

.slider.landing-main-slider .slick-dots {
    bottom: 0px;
}
/* Landing grid slider with six items */
.grid-slider-with-6item {
    margin-bottom: 40px;
}

.grid-slider-with-6item .text-wrapper .title {
    font-size: 20px;
    margin: 10px 0;
}

.grid-slider-with-6item .text-wrapper .description {
    line-height: 22px;
    height: 66px;
    overflow: hidden;
}

/* Items for price page */
.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;

}

/* landing image and text slider */
.landing-image-text-slider {
    background: #eeeeee;
    padding: 70px 0;
}

.landing-image-text-slider .img-wrapper{
    width: 50%;
    float: left;
}

.landing-image-text-slider .img-wrapper .main-img{
    text-align: center;
}

.landing-image-text-slider .img-wrapper .main-img a{
    display: inline-block;
}

.landing-image-text-slider .img-wrapper .main-img img{
    max-width: 100%;
    display: block;
    margin: auto;
}

.landing-image-text-slider .content{
    width: 50%;
    float: left;
    padding: 0 100px 0 10px;
}

.landing-image-text-slider .content .text-wrapper .title {
    font-size: 24px;
    margin-bottom: 30px;
}

.landing-image-text-slider .content .text-wrapper .description {
    font-size: 14px;
    line-height: 20px;
}

/* Landing slider with background*/
.landing-slider-with-bg .slider-background {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.landing-slider-with-bg .heading-wrapper {
    width: 50%;
    float: left;
    text-align: left;
    padding: 100px;
}

.landing-slider-with-bg .heading-wrapper .title h2{
    font-size: 30px;
    color: #ffffff;
}

.landing-slider-with-bg .heading-wrapper .description{
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    margin-bottom: 50px;
}

.landing-slider-with-bg .heading-wrapper .btn{
    border: 1px solid #ffffff;
}

.landing-slider-with-bg .heading-wrapper.heading-wrapper-bordered:before {
    content: none;
}

.landing-slider-with-bg .slider-init {
    width: 50%;
    float: right;
    padding: 40px;
}

.landing-slider-with-bg .slider-init .content {
    display: none;
}

.landing-slider-with-bg .slider-init .img-wrapper img{
    width: 100%;
}

.landing-slider-with-bg .slider-navigation-absolute{
    width: 50%;
    left: 50%;
    padding: 50px;
}

.slider.landing-slider-with-bg{
    background-size: cover;
}

.slider.landing-slider-with-bg .slick-dots{
    bottom: 40px;
}

/* Action main slider */
.slider.actions-main-slider{
    position: relative;
}

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

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

.slider.actions-main-slider .item .content {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    /* vazno je odvojiti za impementaciju sass-a moze biti i helper, ima funkciju animacije */
    -webkit-transition: top 1s;
    -moz-transition: top 1s;
    -ms-transition: top 1s;
    -o-transition: top 1s;
    transition: top 1s;
    width: 90%;
}

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

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

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

.slider.actions-main-slider .slider-arrows {
    opacity: 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;
}

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

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

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

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

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

/* main two img sliderslider */
.slider.main-two-img-slider{
    position: relative;
}

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

.slider.main-two-img-slider .item {
    padding: 0px;
}

.slider.main-two-img-slider .item .img-wrapper .sec-img {
    position: absolute;
    bottom: 0;
    left: 25%;
    max-width: calc(50% - 100px);
    max-height: 100%;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

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

.slider.main-two-img-slider .item.slick-current .img-wrapper .sec-img {
    opacity: 1;
}

.slider.main-two-img-slider .item .text-wrapper {
    color: #ffffff;
    text-shadow:0 0 10px rgba(0,0,0,.25);
    font-size: 2.75rem;
    width: 100%;
}

.slider.main-two-img-slider .item .content {
    right: -100%;
    max-width: calc(50% - 100px);
    width: 100%;
    text-align: right;

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

    /* helper - vertikalno pozicioniranje */
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider.main-two-img-slider .item.slick-current .content {
    right: 50px;
}

.slider.main-two-img-slider .item .text-wrapper .title {
    text-transform: uppercase;
    display: block;
}

.slider.main-two-img-slider .item .text-wrapper .description {
    font-size: 1.25rem;
    display: block;
}

.slider.main-two-img-slider .item .btn-wrapper .btn-slider {
    background: #3973b5;
}

.slider.main-two-img-slider .slider-arrows {
    opacity: 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;
}

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

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

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

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

.slider.main-two-img-slider .slider-arrow i:before {
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

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

/* Slider two images with half width of page*/
.two-img-half-width .item {
    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 copyright */
.copyright {
    padding: 10px 0 0;
    display: table;
    width: auto;
    border-top: 1px solid #3f404e;
    font-size: 13px;
    font-family: roboto-light;
}

/*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: -20px;
    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;
}

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

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

}

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

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

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

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

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

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

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

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

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

/* menu level4 */
.level4 .nav-main-submenu-wrapper {
    width: 240px;
}

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

.level4 .nav-main-submenu {
    width: 100%;
}

.level4 .nav-main-submenu > li {
    width: 100%;
}

.level4 .nav-main-submenu > li > a {
    display: block;
    color: #ffffff;
}

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

.level4 .nav-main-submenu > li > a > h5 {
    display: inline-block;
}

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

.level4 .nav-main-submenu > li > a > i:before {
    content: "\e60a";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* header top dropdown slider */
.header-top-dropdown {
    background: #4a4b5c;
    display: inline-block;
    color: #ffffff;
    float: left;
}

.header-top-dropdown .sub-menu{
    position: absolute;
    opacity: 0;
    height: 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;
}

.header-top-dropdown:hover .sub-menu{
    opacity: 1;
    pointer-events: all;
    height: auto;
}

.header-top-dropdown .sub-menu li .title,
.header-top-dropdown .sub-menu li .description,
.header-top-dropdown .sub-menu li p {
    display: inline-block;
    margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



/*.sidebar-menu.sidebar-menu-simple .nav ul.nav-level3 > li.opened:after,
.sidebar-menu.sidebar-menu-simple .nav ul.nav-level3 > li.active:after,
.sidebar-menu.sidebar-menu-simple .nav ul.nav-level2 > li.opened:after,
.sidebar-menu.sidebar-menu-simple .nav ul.nav-level2 > li.active:after,
.sidebar-menu.sidebar-menu-simple .nav > li.opened:after,
.sidebar-menu.sidebar-menu-simple .nav > li.active:after {
    content: none;
}*/

/* 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;
}


/* Headlines */
.handlines-sldier{
    background: transparent;
    margin-bottom: 0;
    height: 30px;
}

.handlines-sldier .item{
    color: #ffffff;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

.handlines-sldier .title{
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.handlines-sldier .item .text-wrapper{
    margin: 0;
    text-align: center;
}

.handlines-sldier .item .description{
    display: inline-block;
}

.handlines-sldier .item .description p{
    margin: 0;
}

.handlines-sldier .slider-arrows .slider-next{
    margin-right: -15px;
}

.handlines-sldier .slider-arrows .slider-prev{
    margin-left: -15px;
}

.handlines-sldier .slider-arrow i {
    font-size: 12px;
    color: #ffffff;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s;
    font-weight: 700;
    line-height: inherit;
}
/*small simple slider*/
.simple-small-slider{
    webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);
}
.simple-small-slider .heading-wrapper.heading-wrapper-bordered{
    text-align: left;
    padding: 20px;
}
.simple-small-slider .slider-btn-wrapper{
    padding: 20px;
}
.simple-small-slider .slider-btn-wrapper .btn-slider{
    background: #3973b5;
}

.simple-small-slider .heading-wrapper.heading-wrapper-bordered:before {
    display: none;
}
.simple-small-slider .item.slick-slide{
    padding: 0 1px 0 0;
}
.simple-small-slider .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%);
    color: #ffffff;
}
.simple-small-slider .img-wrapper img {
    width: 100%;
}

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

.simple-small-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;
}

/*Dots*/
.simple-small-slider.slider  .slick-dots li{
    width: 10px;
    height: 10px;
}

.simple-small-slider.slider .slick-dots li button{
    width: 10px;
    height: 10px;
}

.simple-small-slider.slider .slick-dots li button:before{
    width: 10px;
    height: 10px;
}

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

/*Double img slider*/
.double-img-grid-slider{

}
.slider.double-img-grid-slider .slick-slide img {
    width: 100%;
}
.double-img-grid-slider .item .half-item-wrapper{
    position: relative;

}
.double-img-grid-slider .item .text-wrapper{
    background: #ffffff;
    margin: 0;
    line-height: 50px;
    text-align: center;
    height:50px;
    display: block;
    position: relative;
}

.double-img-grid-slider .item .half-item-wrapper .text-wrapper .title a{
    color: #ffffff;
}

.double-img-grid-slider .item .half-item-wrapper .text-wrapper {
    position: absolute;
    background: transparent;
    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%);
}

.double-img-grid-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;
}

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

.double-img-grid-slider .item .half-item-wrapper .text-wrapper .title a {
    opacity: 0;
    font-size: 20px;
    padding: 5px 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;
    position: relative;
}

.double-img-grid-slider .item .half-item-wrapper .text-wrapper .title a:after {
    content: "";
    position: absolute;
    width: calc(100% - 0px);
    height: 1px;
    bottom: 2px;
    left: 0;
    background-color: #ffffff;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.double-img-grid-slider .item .half-item-wrapper .text-wrapper .title a:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    visibility: visible;
}

.double-img-grid-slider .item .half-item-wrapper:hover .text-wrapper .title a {
    opacity: 1;
}

.double-img-grid-slider .item .half-item-wrapper:hover .img-wrapper:after {
    background: rgba(0,0,0,0.60);
}
.double-img-grid-slider .item .text-wrapper .description {
    width: 180px;
    height: 60px;
    display: block;
    background: #ffffff;
    z-index: 1;
    position: relative;
    top: -10px;
    left: 50%;
    line-height: 60px;
    font-size: 18px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-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;
}
.double-img-grid-slider .item .text-wrapper {
    line-height: 40px;
    height: 40px;
}

.ages-slider-slider .heading-wrapper .title:before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #f0f0f0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.double-img-grid-slider .item .half-item-wrapper .text-wrapper .title a {
    opacity: 0;

    font-size: 30px;
    padding: 5px 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;
    position: relative;
}

.double-img-grid-slider .item .half-item-wrapper .text-wrapper .title a:after {
    content: "";
    position: absolute;
    width: calc(100% - 0px);
    height: 1px;
    bottom: 2px;
    left: 0;
    background-color: #ffffff;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.double-img-grid-slider .item .half-item-wrapper .text-wrapper .title a:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    visibility: visible;
}

.double-img-grid-slider .item .half-item-wrapper:hover .text-wrapper .title a {
    opacity: 1;
}
/* 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;
}

/* 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 > .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;
}

/* 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 .minigallery-main-img{
    max-height: 100%;
    width: auto;
}

.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%;
}

/* 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%);
}

/* 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-right: 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;
}

.social-share .item a{
    color: #000000;
}

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

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

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


/*Social share*/

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

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

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


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

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

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

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

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

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

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

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

.tab-content > .tab-pane .slider,
.tab-content > .tab-pane .slider.product-slider .slider-init {
    margin-bottom: 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;
}


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

.filter-group .items-wrapper > li{
    margin-bottom: 2px;
    list-style: none;
    font-size: 12px;
}

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

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

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

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

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

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

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

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

/* Tags */

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

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

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

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

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

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

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

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

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

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

.tags .products-found-wrapper .remove-all-tags{
    font-size: 12px;
    line-height: 22px;
    margin: 0 5px;
}

.tags .products-found-wrapper .remove-all-tags:hover{
    color: #000000;
}

.tags .products-found-wrapper .products-found{
    color: #a8a8a8;
    display: inline-block;
    margin-right: 10px;
    float: right;
}

/* Product filter selector */
.product-listing .filter-selector-wrapper {
    display: none;
    /*display: inline-flex;*/
    position: absolute;
    top: -45px;
    left: 10px;
    z-index: 998;
}

.product-listing .filter-selector-wrapper .filter-group-wrapper{
    width: 140px;
    margin-right: 5px;
    cursor: pointer;
}

.product-listing .filter-selector-wrapper .filter-group-wrapper .filters-wrapper{
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: all 0.3s;
    list-style: none;
    padding: 0 5px;
    max-height: 140px;
    overflow-y: auto;
    margin-right: -50px;
    max-height: 0;
    font-size: 12px;
    border: 1px solid #ddd;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
    border-radius: 3px;
    margin-top: 5px;
    padding: 0 5px;
    width: 200px;
}

.product-listing .filter-selector-wrapper .filter-group-wrapper.active .filters-wrapper{
    opacity: 1;
    pointer-events: all;
    background: #ffffff;
    max-height: 287px;
    line-height: 31px;
    position: relative;
}

.product-listing .filter-selector-wrapper .filter-group-wrapper.active .filters-wrapper li {
    border-bottom: 1px solid #ebebeb;
}

.product-listing .filter-selector-wrapper .filter-group-wrapper.active .filters-wrapper li .icheckbox_flat {
    vertical-align: text-bottom;
}

.product-listing .filter-selector-wrapper .filter-group-wrapper .title {
    border: 1px solid #ebebeb;
    padding: 0 5px;
    line-height: 30px;
}

.product-listing .filter-selector-wrapper .filter-group-wrapper .title i{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    float: right;
    line-height: 30px;
    -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-listing .filter-selector-wrapper .filter-group-wrapper.active .title i{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/*Product-listing-intro*/

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

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


.product-listing-intro .form-group {
    margin-left: 20px;
    margin-bottom: 0;
    line-height: 34px;
    float: left;
    display: flex;
}

.product-listing-intro .form-group .styled-select select{
    line-height:32px;
    font-size: 12px;
    vertical-align: top;
}

.product-listing-intro .form-group:first-child {
    margin-left: 0;
}

.product-listing-intro .form-group:first-child .icheck-item {
    margin: 9px;
}

.product-listing-intro .form-group label,
.product-listing-intro .form-group span {
    position: static;
    display: block;
    float: left;
    margin: 0 5px;
    line-height:34px;
    padding: 0;
    color: #4a4b5c;
}

.product-listing-intro .list-types-wrapper{
    margin-left: 15px;
    margin-right: -1px;
    float: right;
}

.product-listing-intro .list-types-wrapper .item {
    color: #3973b5;
    font-size: 20px;
    cursor: pointer;
    display: inline !important;
}

.product-listing-intro .list-types-wrapper .item i{
    padding: 5px 5px 2px;
}

.product-listing-intro .list-types-wrapper .item.active i,
.product-listing-intro .list-types-wrapper .item:hover i{
    color: #ffffff;
    background: #3973b5;
    padding: 5px 5px 2px;
}

.product-listing-intro .pagination-wrapper {
    margin: 0 0 0 20px;
    float: right;
}

.product-listing-intro .pagination-wrapper .label{
    color: #4a4b5c;
    line-height:34px;
    font-size: inherit;
    font-weight: 400;
}

.product-listing-intro .pagination-wrapper .pagination {
    margin: 0 5px;
    float: right;
    clear: none;
}
.product-listing-intro .styled-select{
    float: left;
    max-width: 220px;
    width: auto;
    /*padding-right: 20px;*/
    min-width: 50px;
}


.product-listing-intro .label-filters{
    display: none;
}
.irs{
    display: none;
}
.action-filters{
    background: #3973b5;
    display: none;
    font-weight: 400;
    margin-top:-5px;
    margin-bottom:5px;
    float:right;
    cursor:pointer;
    padding:2px 5px;
    color: #ffffff;
}

/* Comments */
.comments {
    background: #ffffff;
    padding: 10px 20px;
    margin-bottom: 20px;
}

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

.coments .heading-wrapper .title {
    display: inline-block;
    margin-bottom: 0;
    border-bottom: 0;
    vertical-align: middle;
}

.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;
}

#rateYo .jq-ry-group {
    padding: 6px 0;
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group > svg {
    fill: #bbbbbb;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group > svg {
    fill: #3973b5;
}

/* 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 > 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;
}
.form-group-rating .form-control{
    border: 0px solid #ccc;
}

/*Comments two*/
.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%;
}
/*Comments two End*/

/* Page background */
.page-background {
     position: relative;
     max-width: 100%;
 }

.page-background .background-img {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    height: 100vh;
    z-index:-1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/*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;
}
/*ako nije hidden prikazuju se sadrzaji tabova iznad otvorenog taba*/
.product-specification-tabs.lists-tabs .tab-content > .tab-pane{
    overflow: hidden;
}

/* 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 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;
}

/* Profile submenu */
.profile-submenu {
    margin: 10px 0;
    text-align: right;
    height: 44px;
    position: relative;
}

.profile-submenu > a {
    display: block;
    line-height: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.profile-submenu > a > i {
    font-size: 25px;
    line-height: 44px;
}

/* Profile submenu */
.profile-sidebar {
    margin-right: -20px;
    border-right: 1px solid #d9d9d9;
    padding-bottom: 20px;
}

.profile-sidebar .heading-wrapper .title {
    font-weight: 700;
    padding: 10px 0;
}

.profile-sidebar .heading-wrapper .title h2 {
    font-size: 20px;
}

.profile-sidebar .show-vertical-menu {
    display: none;
}

/* Profile My commercial */
.profile-my-commercial .lists-tabs .tab-content {
    max-height: 280px;
    overflow-y: scroll;
    width: 100%;
}

/* 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 accordian */
.accordian .slidetoggle-object {
    display: none;
}

.accordian .slidetoggle-init .icon {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin-left: 5px;
    line-height: 20px;
    font-size: 12px;
}

.accordian .slidetoggle-init.closed > .icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* Profile my choice */

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

}

/* Profile orders */


.profile-orders .order-table .item.item-code,
.profile-orders .order-table .item.item-quantity,
.profile-orders .order-table .item.item-date,
.profile-orders .order-table .item.item-actions {
    width: 15%;
}

.profile-orders .order-table .item.item-total {
    width: 10%;
}

.profile-orders .order-table td.item.item-status {
    width: 15%;
    color: #89c03c;
}



.profile-orders .order-table .item.item-payment-methods {
    width: 20%;
}

.profile-orders .modal table thead {
    background: #eeeeee;
    padding: 5px;
    border-bottom: 1px solid #d9d9d9;

}
.profile-orders .modal table thead th{
    font-weight: 400;
    color: #4a4b5c;
}

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

/* 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-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;
}

/* 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;
}

/*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;
}

.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;
}

/*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 {
    width: 100%;
    height: 100%;
    min-height: 50vh;
}

/*stores on map */

.storelocator-panel {
    position: absolute;
    margin: 20px 0 20px 20px;
    min-height: 400px;
    max-height: 520px;
    width:  450px;
    padding: 0 10px 0 10px;
}

.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);
}

.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 filters*/
.storelocator-filter {
    padding: 10px;
    margin-bottom: 10px;
    background: #ffffff;
    box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
}

.storelocator-filter .map.icon-search{
    position: absolute;
    top:55px;
    right:30px;
}


.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 map popup */
.store-popup {
    padding: 10px;
    max-width:375px;
}

.store-popup h1 {
    margin: 0 0 10px;
    font-size: 25px;
}

.store-popup .heading-wrapper.title{
    text-align:center;
}

.store-popup .item.item-text{

}
.store-popup .item-wrapper{
    margin-bottom: 10px;
}

.store-popup .store-popup .item-wrapper p{
    margin-bottom: 0;
}

.store-popup.item-wrapper ul{
    padding-left: 20px;
}
.store-popup .store-item-action{
    color: #3973b5;
    margin-top: 20px;
    margin-right: 15px;
    display: inline-block;
}

.store-popup .store-item-action:hover{
    color: #000000;
}
.store-popup .description{
    margin-bottom: 10px;
}
.store-popup .description .item {
    padding: 5px 5px 0 0;
}
.store-popup .title{
    font-weight: 700;
}

.store-popup .content{
    padding-left: 15px;
}

/*stores list*/
.store-map-wrapper.active .stores-list {
    opacity: 0;
    pointer-events: none;
}


.stores-list{
    margin-bottom: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.stores-list .item-wrapper {
    height: 115px;
    padding: 10px;
    background: #ffffff;
    margin-bottom: 20px;
}

.stores-list .item-wrapper .title {
    font-size:1.25rem;
}

.stores-list .item-wrapper .address {
    font-size: 1rem;
    margin:5px 0;
}

.store-directions .input-group-btn .btn{
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
}

/*map*/
.store-map{
    height: 250px;
}

.store .post-details {
    padding:20px;
}

.store-map-full {
    max-height:500px;
}

.store-map-wrapper {
    position:relative;
}

.stores-map {
    position: absolute;
    top: 0;
    left: 0;
}

.store-listing-map {
    max-width:100%;
}

.store-map-full {
    margin-top:40px;
    z-index:0;
}

.store-map-wrapper .show-store-list {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #fff;
    line-height: 45px;
    text-align: center;
    font-size: 20px;
    top: 52px;
    left: 30px;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
}

.store-map-wrapper.active .show-store-list {
    opacity: 1;
    pointer-events: all;
}

/*available btn*/
.action-available.binded-to-tab {
    border: 1px solid #e1e1e1;
    padding: 10px 20px;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.similar-products {
    width: 100%;
}

/* promotion location */
.promotion-wrapper{
    position: relative;
    margin-bottom: 50px;
}

.promotion-wrapper .panel-wrapper > .panel{
    background: #f6f6f6;
    margin-bottom: 2px;
}

.promotion-wrapper .panel-group .panel-top > .panel-heading{
    background: #ffffff;
}

.promotion-wrapper .panel-group .panel-top > .panel-heading.opened .panel-toggle{
    color: #3973b5;
}

.promotion-wrapper .collapse.in > .panel-body{
    border-bottom: 1px solid #3973b5;
}

.promotion-wrapper .panel-title .panel-toggle.collapsed{
    color: #5c5c5c;
}

.promo-location .promo-store-text {
    display: inline-block;
}
.promo-location .promo-store-text span.store-name{
    display: inline;
}

/* Panel */
.panel .title {
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.panel .title .panel-toggle {
    background: transparent;
    color: #4a4b5c;
    display: block;
    width: 100%;
    padding: 10px 30px 10px 15px;
}

.panel .title.city-title .panel-toggle {
    color: #ffffff;
    padding: 10px 15px;
    display: block;
    width: 100%;
    background: #3973b5
}

.panel .title.city-title .panel-toggle.collapsed {
    background: transparent;
    color: #4a4b5c;
}

.panel .title.city-title .panel-toggle > .icon {
    float: right;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    line-height: 18px;
    margin: 0;
    color: #ffffff;
}

.panel .title.city-title .panel-toggle.collapsed > .icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #4a4b5c;
}

.panel > .collapsing,
.panel > .collapse {
    background: #ffffff;
    border-bottom: 1px solid #3973b5;
}

.panel > .collapsing .panel-toggle,
.panel > .collapse .panel-toggle {
    font-size: 15px;
    line-height: 35px;
    height: 35px;
    padding: 0 35px;
}

.panel .panel-group {
    margin: 0;
}

.panel .panel-group .promo-store-of-city {
    border-bottom: 1px solid #d9d9d9
}

.panel .panel-group .promo-store-of-city .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{
    line-height: 2rem;
    margin-right: 10px;
    color: #b2b2b2;
}

.title .icon{
    margin-right: 10px;
}

.panel .item.item-store-time .icon {
    vertical-align: top;
    line-height: 18px;
}

.panel .item > div,
.panel .item > .icon,
.panel .item > dl {
    display: inline-table;
}

.panel .item .dl-horizontal {
    margin: 0;
}

.panel .item .dl-horizontal dd,
.panel .item .dl-horizontal dt {
    line-height: 16px;
    font-size: 16px;
}

/* 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);
}

/* Error pafe */
.error-page {
    margin: 20px 0;
    text-align: center;
}

.error-page .heading-wrapper {
    text-align: center;
}

/* 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;
}

/* Article background */
.article-background-wrapper {
    min-height:160px;
    color:#ffffff;
    background:#4a4b5c;
    text-align:center;
    padding:20px 0;
    z-index: -2;
    position: relative;
    margin-top: -32px;
    padding-top: 52px;
}

.article-background-wrapper .page-background {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    z-index: 0;
    height: 100%;
}

.article-background-wrapper .thumb,
.article-background-wrapper .description {
    position:relative;
    color:#ffffff;
}

.article-background-wrapper h1 {
    margin-top: 10px;
    margin-bottom: 10px;
    position:relative;
    color: #ffffff;
}

.article-background-wrapper .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 contact */
.sidebar .store-contact {
    padding:15px 20px;
    background:#ffffff;
}

.store-contact .items-wrapper .title {
    margin: 10px 0 0 0;
}

.store-contact .items-wrapper .title .icon{
    color: #3973b5;
    margin-right: 10px;
    line-height: 1.3;
    display: inline-block;
}

.store-contact .items-wrapper .item {
    font-weight: 300;
    color: #575757;
    margin-left: 30px;
}

.store-contact .items-wrapper .item.row {
    margin-left: 20px;
}

.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;
}

/* 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;
}

.actions .item .the-date{
    float: right;
    height: 24px;
    line-height: 24px;
}

.actions .item .the-date .icon{
    padding-right: 10px;
}

.actions .item .description{
    margin: 10px 0;
}

/* Action main img */
.action-main-img {
    margin-bottom: 20px;
}

/* FAQ strana */
.accordian.article .panel {
    margin-bottom: 0;
}

.accordian.article .panel {
    position: relative;
}

.accordian.article .panel-inner p {
    margin: 15px;
}

.accordian.article .panel .panel-toggle.collapsed > .icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #4a4b5c;
}

.accordian.article .panel .panel-toggle > .icon {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    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  */
.poll .item {
    margin-top: 20px;
}
.poll .item .img-wrapper{
    margin-bottom: 0;
}

.poll .item .title{
    display: inline-block;
    font-size: 25px;
    height: 24px;
    line-height: 24px;
}

.poll .item .the-date{
    float: right;
    height: 24px;
    line-height: 20px;
    font-size: 14px;
}

.poll .item .the-date .icon{
    padding-right: 10px;
}

.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;
}

/* 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;
}

/*Instagram slider*/
.slider.instagram-slider .heading-wrapper{
    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;
    z-index: 999;
    pointer-events: none;
}
.slider.instagram-slider .img-wrapper.slider-img-wrapper {
    position: absolute;
    z-index: 9;
    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%);
}

.slider.instagram-slider .heading-wrapper h2{
    /*color: #ffffff;*/
    /*font-size:97px;*/
}

.slider.instagram-slider .slick-slide{
    padding: 0;
}
.slider.instagram-slider .item .title{
    display: none;
}

/*Footer social and footer logo*/

.footer .logo{
    margin-top: 50px;
}


/*Autocomplete*/

.tt-input:focus{
    background: #fff !important;
    color: #000;
}
.tt-input{
    color: #ffffff;
}

.twitter-typeahead{
    width: 100%;
}

.twitter-typeahead .tt-dropdown-menu {
    background: #000000;
    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;
}
/*slider-menu End*/

/*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;
}

/* Lang dropdown witout distance */
.only-lang-dropdown .dropdown-options > li > a {
    background: #4a4b5b;
    padding: 0 10px;
    display: block;
}
.only-lang-dropdown .dropdown-options > li > img {
    margin-right: 5px;
}

.dropdown-options .language-name {
    margin: 0;
}

/*Scroll To Top*/
.scroll-to-top {
    position: fixed;
    bottom: 50px;
    right: 50px;
    border: 1px solid #ffffff;
    background: #3973b5;
    color: #ffffff;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    z-index: 999;
    cursor: pointer;
}
.scroll-to-top .icon{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
/*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 btn End*/
/*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;
}
/*Reservation dropdown End*/

/**List_block*/
.grid-slider.list_blocks-slider .item{
    padding:75px 0;
}
.grid-slider.list_blocks-slider .item.odd{
    background-color: rgba(57, 115, 181, 0.85);
}
.grid-slider.list_blocks-slider .item .item-inner-wrapper{
    max-width: 1200px;
    margin: auto;
    float: none;
    position: relative;
}
.grid-slider.side-text .item:hover .img-wrapper:after{
    display: none;
}
.grid-slider.side-text .content{
    position: absolute;
    top: 50%;
    right: 100px;
    text-align: left;
    width: calc(50% - 100px);
    padding: 50px;
    background: #ffffff;
    transform: translateY(-50%);
}
.grid-slider.side-text .text-wrapper .title,
.grid-slider.side-text .text-wrapper .description{
    color: #000000;
    text-align: left;
}
.grid-slider.side-text .text-wrapper .title{
    font-size: 48px;
}
.grid-slider.side-text .text-wrapper .description{
    font-size: 13px;
    padding-left: 30px;
}
.grid-slider.side-text .btn-wrapper{
    text-align: left;
}
.grid-slider.side-text .btn-wrapper .btn-slider{
    background-color: transparent;
    border:none;
    color: #000000;
    text-transform: uppercase;
    position: relative;
}
.grid-slider.side-text .btn-wrapper .btn-slider:before{
    position: absolute;
    bottom: 0;
    right:0;
    height:2px;
    width:50%;
    background: #3973b5;
    content: '';
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
.grid-slider.side-text .btn-wrapper .btn-slider:hover:before{
    width:100%;
}

.grid-slider.side-text .item.even .img-wrapper{
    text-align: right;
}
.grid-slider.side-text .item.even .img-wrapper img{
    display: inline-block;
}
.grid-slider.side-text .item.even .content{
    right: auto;
    left: 100px;
}
/**List_block End*/

/* Side text with cover - Strat */
.grid-slider.side-text-with-cover .slider-cover {
    width: 100%;
    position: relative;
}

.grid-slider.side-text-with-cover .slider-cover .img-wrapper,
.grid-slider.side-text-with-cover .slider-cover .img-wrapper img {
    width: 100%;
}

.grid-slider.side-text-with-cover .slider-cover .text-wrapper {

    /* helper - 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%);
}


/* Side text with cover - End */

/*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;
}

/*Genreic slider End*/
/*Navigation bottom*/
.navigation-bottom{
    padding:60px 0;
}
.navigation-bottom .items-wrapper{
    padding: 30px 0;
    text-align: center;
}
.navigation-bottom .item{
    border:1px solid;
    border-color: #3973b5;
    color: #000000;
    display: inline-block;
    text-align: center;
    line-height:100px;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin:20px;
    min-width:200px;
    text-transform: uppercase;
}

.navigation-bottom .item{
    color: #000000;
}
.navigation-bottom .item:hover{
    background-color: #3973b5;
    color: #ffffff;
}

.navigation-bottom .item.active{
    background-color: #3973b5;
    color: #ffffff;
}
.navigation-bottom .item.active{
    color: #ffffff;
}

/*Navigation bottom End*/
/*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;
}

/*Slider with background End*/

/* Fontsize checker */
.container.font-check .styled-select {
    width: 300px;
    max-width: 100%;
}

.container.font-check .font-check-wrapper .lorem-ipsum-wrapper{
    background-image: url('../../images/core/font_check.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 19px;
    width: 100%;
    overflow: hidden;
}

.font-options-wrapper {
    margin: 30px 0;
    height: 34px;
}

.font-options-wrapper > * {
    display: inline-block;
    vertical-align: bottom;
    height: 34px;
    float: left;
    margin-right: 5px;
}

.font-options-wrapper .font-size,
.container.font-check .font-check-wrapper .item {
    display: none;
}

.font-options-wrapper .font-size.active,
.container.font-check .font-check-wrapper .item.active {
    display: block;
}

.container.font-check .font-check-wrapper .lorem-ipsum{
    font-family: 'Times New Roman';
    padding: 0;
    margin: 0 0 20px 0;
    white-space: nowrap;
}

.container.font-check .font-check-wrapper .lorem-ipsum.size60{
    font-size: 60px;
    line-height: 60px;
    height: 60px;
}

.container.font-check .font-check-wrapper .lorem-ipsum.size30{
    font-size: 30px;
    line-height: 30px;
    height: 30px;
}

.container.font-check .font-check-wrapper .lorem-ipsum.size16{
    font-size: 16px;
    line-height: 16px;
    height: 16px;
}

.container.font-check .font-check-wrapper .lorem-ipsum.size12{
    font-size: 12px;
    line-height: 12px;
    height: 12px;
}

.container.font-check .font-check-wrapper #text-area{
    width: 100%;
    height: 400px;
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 15px;
}

/*New orders design*/
/*New Order design*/
.profile-orders .order-table .item.item-actions {
    width: 15%;
}
.profile-orders  .table > thead > tr > th {
    font-size: 16px;
}
.profile-orders .order-currier{
    margin-top:20px;
}
.profile-orders .p-type span{
    display: block;
}

.profile-orders .p-type span.pt-title{
    color: #000000;
}

.profile-orders span.pt-title{
    color: #000000;
}
.profile-orders .date-order,
.profile-orders .date-delivery {
    font-size: 14px;
    color: #4a4b4c;
}

.profile-orders .date-order span,
.profile-orders .date-delivery span {
    font-size: 14px;
    color: #000000;
}

.profile-orders .table>tbody>tr>td {
    font-size: 14px;
    color: #4a4b4c;
}

.profile-orders .table>tbody>tr:first-child>td {
    padding-top: 25px;
}

.profile-orders .payment-type,
.profile-orders .order-currier-number,
.profile-orders .order-currier{
    color: #4a4b4c;
}

.profile-orders .payment-type span,
.profile-orders .order-currier-number span,
.profile-orders .order-currier span{
    display: block;
    color: #000000;
    padding-bottom: 5px;
}

.profile-orders form{
    padding-bottom: 5px;
}

.profile-orders .order-lnk-wrapper{
    border-left: 1px solid #dddddd;
    padding-left: 20px;
}

.profile-orders .order-lnk-wrapper .item{
    display: block;
    color: #868686;
    padding: 5px;
}

.profile-orders .order-lnk-wrapper .item:first-child{
    display: block;
    color: #4a4b4c;
    padding-top: 0;
}

/*
.profile-orders .order-lnk-wrapper .item:before {
    background-image: url(../images/core/reklamacija.png);
    background-size: contain;
    display: inline-block;
    width: 12px;
    height: 12px;
    content: "";
    opacity: 1;
    background-repeat: no-repeat;
    margin-right: 5px;
    transform: rotate(0deg);
    transition: all 0.8s;
}
*/
/*
.profile-orders .order-lnk-wrapper .item.item-order:before {
    background-image: url(../images/core/pregled.png);
}
.profile-orders .order-lnk-wrapper .item.item-replacement:before {
    background-image: url(../images/core/zamena.png);
}

.profile-orders .order-lnk-wrapper .item.item-mark:before {
    background-image: url(../images/core/ocena2.png);
}*/

.profile-orders .order-lnk-wrapper .item:hover:before{
    transform: rotate(360deg);
}
.profile-orders .order-lnk-wrapper .item.item-order:hover:before{
    transform: rotate(40deg);
}

.profile-orders .order-lnk-wrapper a.item:hover{
    color: #000;
}

.profile-orders .full-price{
    color: #000;
}

.profile-orders .full-price span{
    display: block;
}

.profile-orders .statusdel{
    display: block;
    margin: auto;
}

.profile-orders .pmark-wrapper .alert-success{
    padding: 10px;
    margin: 10px 0 40px;
}

.orderdetails-modal .dl-horizontal{
    font-size: 14px;
    line-height: 16px;
}
.orderdetails-modal .dl-horizontal dt {
    width: 130px;
    text-align: left;
    margin-bottom: 0px;
}

.profile-orders .cart-table .item-img a{
    width: 100px;
}
.profile-orders .cart-table .item-article a.title {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 0;
}
.profile-orders .cart-table .item-article a {
    display: block;
    width: 160px;
}
.profile-orders .orderdetails-modal .table > thead > tr > th {
    font-size: 14px;
}
.profile-orders .order-table .item.item-quantity{
    width: 5%;
}
.profile-orders .subtitle{
    margin-bottom: 20px;
}
.profile-orders .subtitle h4{
    font-size: 14px;
}
.profile-orders .table > tbody > tr > td{
    vertical-align: top;
}
.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;
}

/* Show more text */
.show-more-text {
    overflow: hidden;
    margin-bottom: 10px;
}

.show-more-text.active {
    overflow: inherit;
    height: inherit !important;
}

/*Page Loyality*/
.page-loyality{

}

.page-loyality .img-holder{

}
.page-loyality .items-holder{
    padding: 10px;
}

.page-loyality .items-holder .items-wrapper .item{
    display: block;
    text-align: center;
    padding: 20px;
    border-bottom: 1px solid #d3d2d2;
}

.page-loyality .items-holder .items-wrapper .item-wrapper.odd .item{
    border-right: 1px solid #d3d2d2;
}

.page-loyality .items-holder .item-wrapper.odd:nth-last-of-type(2) .item,
.page-loyality .items-holder .item-wrapper:last-child .item{
    border-bottom: 1px solid transparent;
}

.page-loyality .items-holder .items-wrapper .item img{
    margin: auto;
}

.page-loyality .items-holder .item .title{
    font-size: 30px;
    padding: 20px 0;
    height: 80px;
    line-height: 30px;
    text-transform: uppercase;
    word-wrap: break-word;
    overflow: hidden;
}
.page-loyality .items-holder .item .description{
    font-size: 15px;
    height: 30px;
    overflow: hidden;
}

/* Category cover with two image */
.category-cover-two-image {
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
}

.category-cover-two-image .cover-img-wrapper {
    height: 300px;
    width: 100%;
    display: block;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    margin-bottom: -100px;
}

.category-cover-two-image .cover-img-wrapper .title h1,
.category-cover-two-image .cover-img-wrapper .title h2{
    color: #ffffff;
    font-size: 72px;
    line-height: 200px;
    height: 250px;
}

.category-cover-two-image .cover-desctiption-wrapper .container .description-wrapper{
    position: relative;
    display: block;
}

.category-cover-two-image .cover-desctiption-wrapper .container .description-wrapper .description{
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    z-index: 1;
    padding: 60px 0 50px;
    position: relative;
}

.category-cover-two-image .cover-desctiption-wrapper .container .description-wrapper:after {
    width: 0;
    height: 100%;
    border-style: solid;
    border-width: 100vw 130vw 0 0;
    border-color: #414254 transparent transparent transparent;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateX(500px);
    -moz-transform: translateX(500px);
    -ms-transform: translateX(500px);
    -o-transform: translateX(500px);
    transform: translateX(500px);
    z-index: 0;
}

.category-cover-two-image .cover-desctiption-wrapper .container .second-img-wrapper {
    position: relative;
    height: 250px;
}

.category-cover-two-image .cover-desctiption-wrapper .container .second-img-wrapper img{
    position: absolute;
    left: 50%;
    bottom: 0;
    max-height: calc(100% + 200px);
    max-width: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
/*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;
}
/*Product state NEW End*/

/*Product detail grid slider*/

.product_detail-slider.grid-slider{
    padding: 10px;
    border: 1px solid ;
    margin-top: 20px;
}


.product_detail-slider.grid-slider .item .text-wrapper {
    margin-top: 0px;
    text-align: center;
    margin-bottom: 20px;
}
.product_detail-slider.grid-slider .content{
    position: static;
    bottom: 0;
    height: auto;
    background: transparent;
    width: 100%;
    left: 0;
    padding: 0;
}

.product_detail-slider.grid-slider .text-wrapper .title {
    text-transform: none;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0;

}
.product_detail-slider.grid-slider .item .img-wrapper img{
    margin:auto;
}
.product_detail-slider.grid-slider .item:hover .img-wrapper:after {
    display: none;
}

/*Product detail grid slider 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;
}

.menu-circle-img .item img{
    border-radius: 50%;
}
.category-menu-with-img .nav>li>a:hover,
.category-menu-with-img .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
}
.category-menu-with-img .item .text-wrapper .title {
    font-size: 15px;
    margin: 10px;

}

/*Category article menu End*/

/*Page menu with images*/
.page-menu-images{
    text-align: center;
    padding-top: 10px;
}

.page-menu-images .item{
    display: inline-block;
    text-align: center;
    padding: 10px;
    max-width:260px;
}
.page-menu-images .item a{
    padding: 0px;
}
.page-menu-images .item .img-wrapper{
    padding:10px;
}


.page-menu-images .nav>li>a:hover,
.page-menu-images .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
}
.page-menu-images .item .text-wrapper .title {
    font-size: 15px;
    margin: 10px;

}

/*Page menu with images End*/

.loyality-header{
    height: 33px;
    width: 600px;
    max-width: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
}

.loyality-header .title{
    display: inline-block;
    padding-right: 20px;
}

.loyality-header .description,
.loyality-header .text{
    display: inline-block;
}
.loyality-header .text-wrapper {
    text-align: center;
}
.loyality-header .text-wrapper a{
    text-decoration: underline;
}
.loyality-header .text-wrapper a.lnk.mobile{
    display: none;
}

/*Loyalty header End*/

/*Gift card options*/
.page form .heading-wrapper {
    margin-bottom: 0px;
}
.gifcards-option{
    text-align: center;
}
.gifcards-option .item{
    display: inline-block;
    cursor: pointer;
}
.gifcards-option .item-wrapper {
    position: relative;
}

.gifcards-option .item .icheck-item {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.gifcards-option .item .text-wrapper{
    text-align: center;
}
.gifcards-option .item .text-wrapper .title{
    font-size: 14px;
}
.gifcards-option .item.active .text-wrapper .title{
    font-weight: 700;
}
.gifcards-option .item .text-wrapper .description{
    display: none;
}
.gifcards-option .item .img-wrapper {
    padding: 5px 10px;

}
.gifcards-option .item.active .img-wrapper{
    background: rgba(0,0,0,0.12);
}
.gifcards-option .item .img-wrapper 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;
}
.gifcards-option .item:hover .img-wrapper img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}
.gift-card-view{
    padding:10px;
    min-height: 270px;
    text-align: center;
    border-bottom: 1px solid #efefef;
}
h3 > p{
    margin: 0;
}
/*Gift card options End*/

/*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;
}
/*Items page grid End*/
/*Page items list letters*/

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

.page-items-letters-list {
    padding: 20px;
}

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

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

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

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

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

.page-items-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;
}

.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;
}

.page-items-letters-list .content{
    height: 200px;
}
.page-items-letters-list .content {
    height: 300px;
    overflow: auto;
}
.page-items-letters-list .content {
    height: 300px;
    overflow: auto;
}
/*Page items list letters End*/

/*Loyalty header*/
.loyality-header{
    height: 33px;
    width: 600px;
    max-width: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
}

.loyality-header .title{
    display: inline-block;
    padding-right: 20px;
}

.loyality-header .description,
.loyality-header .text{
    display: inline-block;
}
.loyality-header .text-wrapper {
    text-align: center;
}
.loyality-header .text-wrapper a{
    text-decoration: underline;
}
.loyality-header .text-wrapper a.lnk.mobile{
    display: none;
}
/*Loyalty header End*/
/*NL popup header*/
.header-top .modal-popup{
    float: right;
    line-height: 35px;
    padding: 0 10px 0;
    position: relative;
}

/*NL popup header End*/

/*Newsletter fullwidth center*/
.newsletter.fullwidth-center {
    text-align: center;
    padding-bottom: 50px;
    padding-top: 50px;
    border-top:1px solid #e6e6e6;
    margin-top:0;
    background-color: #ffffff;
}
.newsletter.fullwidth-center .form-group input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #494949;
    text-transform: none;
}
.newsletter.fullwidth-center .form-group input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:     #494949;
    text-transform: none;
}
.newsletter.fullwidth-center .form-group input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:     #494949;
    text-transform: none;
}
.newsletter.fullwidth-center .form-group input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:     #494949;
    text-transform: none;
}

.newsletter.fullwidth-center .heading-wrapper .title h5{
    font-size: 30px;
}
.newsletter.fullwidth-center .description{
    font-size: 16px;
}
.newsletter.fullwidth-center .form-group {
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}
.newsletter.fullwidth-center .form-group input {
    width: 375px;
    margin-bottom: 10px;
    background: transparent;
    color: #000000;
    border: 0;
    border-bottom: 1px solid #000;
}



.newsletter.fullwidth-center .btn-wrapper .btn{
    background: #3973b5;
    font-size: 14px;
    color: #000000;
    margin-left: 30px;
    height:40px;
    border: 1px solid #3973b5;
}
.newsletter.fullwidth-center .btn-wrapper .btn:hover{
    color: #ffffff;
    background: #000000;
    border-color: #000000
}
.newsletter.fullwidth-center .alert{
    max-width: 360px;
    margin:auto;
}
.newsletter.fullwidth-center .alert.alert-danger{
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
}

/*Newsletter End*/
/*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;
}
/*Slider block img end*/

/*grid fotter block*/
/*Grid intro slider*/
.grid-slider.intro-slider1 .item{
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 50px;
}
.grid-slider.intro-slider1 .item .img-wrapper{
    display: none;
}
.grid-slider.intro-slider1 .item:last-child:after,
.grid-slider.intro-slider1 .item:before{
    display: none;
}

.grid-slider.intro-slider1 .text-wrapper .title {
    color: #ffffff;
    line-height: 25px;
    font-size: 22px;
    margin: 0;
    margin-bottom: 10px;
    font-family: 'josefin_sansregular';
}
.grid-slider.intro-slider1 .text-wrapper .description,
.grid-slider.intro-slider1 .text-wrapper .description a{
    font-size:16px;
}
.grid-slider.intro-slider1 .text-wrapper .description a{
    color: #3973b5;
}

.grid-slider.intro-slider1 .row{
    border-bottom: 1px solid #252525;
}
/*Grid intro slider End*/
/*grid fotter block End*/
/*Product User manual*/
.user-manual{
    padding: 10px 0;
}

.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: -webkit-baseline-middle;
    vertical-align: middle;
    padding-left: 5px;
}
/*Product User manual End*/

/* 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;
}

/* 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 gallery*/
.article-gallery .item{
    position: relative;
    overflow: hidden;
}
.article-gallery .item:before{
    position: absolute;
    height: 100%;
    width:100%;
    background: rgba(0,0,0,0.5);
    content: '';
    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;
    pointer-events: none;

}
.article-gallery .item span.title{
    position: absolute;
    bottom: -100%;
    z-index: 100;
    color: #fff;
    padding: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}
.article-gallery .item:hover span.title{
    bottom: 0;
}
.article-gallery .item:after{
    content: url("../../images/core/zoom.png");
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    pointer-events: none;
}
.article-gallery .item:hover:before,
.article-gallery .item:hover:after{
    opacity: 1;
}

/*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{

}

.footer-wrapper .footer-social-newsletter .container {
    padding-bottom: 30px;
}

.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;
}
.detail-product-info-lists .list-img {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

/*Lists Ingfo detail End*/

/*Quick view modal*/
.modal .product-details{
    padding-top: 0;
}
/*Quick view modal End*/


/*Article banner*/
.grid-slider.article_banner-slider .content{
    display: none;
}
.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*/

/* Quickview info slider */
.grid-slider.product-quickview-grid-info-slider .text-wrapper .title{
    font-size: 13px;
    margin-bottom: 0;
    line-height: 16px;
    margin-top: 20px;
    text-align: left;
}
.grid-slider.product-quickview-grid-info-slider .text-wrapper .description{
    font-size: 13px;
    text-align: left
}
/* 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 ;
}

.user-points{
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 30px;
}
.user-points span{
    font-size: 21px;
}


/*Tabs product details*/
.loyalty-profile-tabs {
    margin-bottom: 50px;
}

.loyalty-profile-tabs.lists-tabs ul.items-wrapper{
    text-align: left;
    margin-bottom: -1px;
}
.loyalty-profile-tabs.lists-tabs ul.items-wrapper .item.active{
    border:1px solid #d9d9d9;
    border-bottom: 1px solid #ffffff;
}
.loyalty-profile-tabs.lists-tabs .item.active{
    text-decoration: none;
}
.loyalty-profile-tabs.lists-tabs ul.items-wrapper .item{
    padding: 10px;
    margin-left: 0;
}
.loyalty-profile-tabs.lists-tabs ul.items-wrapper .item.comment-reply{
    padding-left: 30px;
}
.loyalty-profile-tabs.lists-tabs .comment-content ul.items-wrapper .item{
    display: block;
}

.loyalty-profile-tabs.lists-tabs ul.items-wrapper .item:before {
    display: none;
}
.loyalty-profile-tabs.lists-tabs .tab-content {
    margin-bottom: 20px;
    border: 1px solid #d9d9d9;
    padding: 20px;
    font-size: 14px;
}
.loyalty-profile-tabs.lists-tabs .tab-content .comments .heading-wrapper{
    display: none;
}

.loyalty-profile-badges .items-wrapper{
    padding: 10px 10px;
    text-align: center;
}

.loyalty-profile-badges .item{
    display: inline-block;
    padding: 20px 15px;
}

.loyalty-profile-badges .item .img-wrapper img{
    margin: auto;
}

.loyalty-profile-badges .item .text-wrapper .title{
    text-transform: uppercase;
    padding: 20px 0 5px;
    max-width:170px;
    text-align: left;
}
.loyalty-profile-badges .item .text-wrapper .points{
    text-transform: uppercase;
    margin-top: 5px;
    text-align: left;
}

/*Profile Loyality End*/

/*Horisontal list grid no link*/
.article.horizontal-list-grid-without-link .item .text-wrapper .title{
    text-align: left;
    pointer-events: none;
}
.article.horizontal-list-grid-without-link .item .text-wrapper .description{
    height: 80px;
    margin-top:20px;
}
.article.horizontal-list-grid-without-link .btn-wrapper{
    display: none;
}
.article.horizontal-list-grid-without-link .item .text-wrapper {
    height:auto;
}
.article.horizontal-list-grid-without-link .item .img-wrapper{
    pointer-events: none;
}
/*Horisontal list grid no link End*/

/*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*/


.counter{
    width:100%;
    text-align: center;

}

 .counter span {
    padding: 20px;
    font-size: 56px;
    display: inline-block;
    font-weight: 700;

}

 .counter span em{
    display: block;
    font-size: 24px;
    font-weight: 400;
}

.counter {
    width: 100%;
    color: #fff;
    text-align: center;
    margin: 18px auto 0;
    bottom: 20px;
    position: absolute;
}
 .counter span {
    font: 70px/1em 'source_sans_regular', serif;
    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);
}
 .counter span:first-child { border-left: none; }
 .counter span em {
    font: 11px/18px 'source_sans_regular', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-top: 12px;
    display: block;
    color: #BCBCBC;
    color: rgba(255, 255, 255,.6);
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .7);
}

/* Price page */
.price-page table.table {
    max-width: calc(100% - 2px);
}

.price-page table.table > tbody > tr:nth-child(2n+1) {
    background: transparent;
}

.price-page table.table > tbody > tr > th {
    background: #f5f5f5;
    border-right: 1px solid #e5e5e5;
}

.price-page table.table > tbody > tr > td {
    border-right: 1px solid #e5e5e5;
}

.price-page table.table > tbody > tr > th:first-child,
.price-page table.table > tbody > tr > td:first-child {
    padding-left: 20px;
}

.price-page table.table > thead:first-child > tr:first-child > th:first-child {
    padding-left: 20px;
    color: #414254;
    font-size: 24px;
    font-weight: 400;
}

/*FullSlider*/
.fullscreen.loaded {
    max-height: 100vh;
    height:100vh !important;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}


.fullscreen-product-slider > .fscrren img{
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 100% !important;
    max-height: inherit !important;
    cursor:move;
    cursor:-webkit-grab;
    cursor:-moz-grab;
    cursor:grab;

}
.fullscreen-product-slider > .fscrren .img-wrapper{
    position: relative;
    width: 100vw;
    height: 100vh;
}

.fullscreen-product-slider > .close {
    position: absolute;
    top: 0;
}

.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;
}

.menu-circle-img .item img{
    border-radius: 50%;
}
.category-menu-with-img .nav>li>a:hover,
.category-menu-with-img .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
}
.category-menu-with-img .item .text-wrapper .title {
    font-size: 15px;
    margin: 10px;

}

/*Category article menu End*/

/*Page menu with images*/
.page-menu-images{
    text-align: center;
    padding-top: 10px;
}

.page-menu-images .item{
    display: inline-block;
    text-align: center;
    padding: 10px;
    max-width:260px;
}
.page-menu-images .item a{
    padding: 0px;
}
.page-menu-images .item .img-wrapper{
    padding:10px;
}


.page-menu-images .nav>li>a:hover,
.page-menu-images .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
}
.page-menu-images .item .text-wrapper .title {
    font-size: 15px;
    margin: 10px;

}

/*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;
    font-family: 'source_sans_prolight';
    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;
}

/*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;
}
.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: 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;
}

/*TWITTER*/
.twitter-feed{

}

.twitter-feed .twitter-profile{

    margin-bottom: 20px;

}
.twitter-feed .twitter-profile .verified{
    display: inline-block;
}

.twitter-feed .twitter-profile img{
    margin: auto;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.twitter-feed .twitter-profile .title{
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.twitter-feed .title{
    position: relative;
}
.twitter-feed .verified img{
    height: auto;
    position: absolute;
    top: 0;
}
.twitter-feed .twitter-profile .subtitle{
    font-size: 13px;
    text-align: center;
}
.twitter-feed .twitter-profile .count-wrapper{
    text-align: center;
}
.twitter-feed .twitter-profile .folowers-wrapper,
.twitter-feed .twitter-profile .status-wrapper{
    display: inline-block;
    padding: 0 20px;
}
.twitter-feed .timeline{
    margin-top: 20px;
    border-top: 1px solid #ededed;
    max-height: 450px;
    overflow: auto;
}

.twitter-feed .timeline .item{
    padding: 10px;
    border-bottom: 1px solid #ededed;
}
.twitter-feed .timeline .item .title{
    font-weight: 700;
}
.twitter-feed .timeline .item .subtitle{
    font-size: 13px;
}

.twitter-feed .timeline .item .description{
    padding-top: 5px;
    font-size: 13px;
}
.twitter-feed .timeline .img-wrapper{
    float: left;
    padding-right: 10px;
}
.twitter-feed .timeline .img-wrapper img{
    height: 50px;
}
.twitter-feed .timeline .item .tweet-date{
    font-size: 11px;
    color: #929292;
    display: inline-block;
}
.twitter-feed .timeline .item .hastags{
    float: right;
    font-size: 13px;
}
/*TWITTER End*/

/*Light box*/
.lightboxOverlay {
    opacity: 0.9;
}

.lightbox .lb-data .lb-close {
    position: fixed;
    top: 20px;
    right: 20px;
}

.lightbox .lb-data .lb-details {
    width: 100%;
}

.lightbox .lb-dataContainer {
    min-width: 500px;
}

.lightbox .lb-nav a.lb-prev {
    opacity: 0.5;
    position: absolute;
    left: -60px;
}

.lightbox .lb-nav a.lb-next {
    opacity: 0.5;
    position: absolute;
    right: -60px;
}

.lightbox .lb-data .lb-caption {
    font-size: 14px;
    font-weight: normal;
    line-height: 1em;
}

/*Simple item*/
.overlay-wrapper .items-wrapper{
    margin-top: 20px;
}
.item.simple-item {
    display: inline-block;
    margin-right: 30px;
    position: relative;
}
.item.simple-item:last-child{
    margin-right: 0;
}
.overlay-wrapper .item.simple-item .title{
    height: auto;
}
.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%;
}
/*Simple item End*/
/*Category slider gallery*/
.slider.full-category-gallery-slider .slick-slide{
    padding: 0;
}

.overlay-wrapper.text-wrapper .title h1{
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    color: #ffffff;
}
.overlay-wrapper.text-wrapper .content{
    display: flex;
    margin-top: -15%;
    padding-right: 20px;
}
.overlay-wrapper.text-wrapper .left-wrapper{
    width: 50%;
    margin: 100px 0 0;
}
.overlay-wrapper.text-wrapper .right-wrapper{
    width: 50%;

}
.overlay-wrapper.text-wrapper .left-wrapper .description-items{
    padding-top: 20px;
}
.overlay-wrapper.text-wrapper .right-wrapper .content-wrapper{
    background: #EEEEEE;
    padding: 40px 40px 40px 30px;
}
.overlay-wrapper.text-wrapper .title{
    height: 55px;
    overflow: hidden;
}

.overlay-wrapper.text-wrapper .short-description{
    font-size: 36px;
    line-height: 36px;
    color: #4b4b4b;
    padding-bottom: 20px;
}

.overlay-wrapper.text-wrapper .button-wrapper{
    text-align: center;
    margin-top: 40px;
}
/*Category slider gallery End*/