/*fonts*/
@font-face {
    font-family: 'open_sanslight';
    src: url('/media/common/fonts/opensans_light/OpenSans-Light.eot');
    src: url('/media/common/fonts/opensans_light/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('/media/common/fonts/opensans_light/OpenSans-Light.woff') format('woff'),
        url('/media/common/fonts/opensans_light/OpenSans-Light.ttf') format('truetype'),
        url('/media/common/fonts/opensans_light/OpenSans-Light.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('/media/common/fonts/opensans_regular/OpenSans-Regular.eot');
    src: url('/media/common/fonts/opensans_regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/media/common/fonts/opensans_regular/OpenSans-Regular.woff') format('woff'),
        url('/media/common/fonts/opensans_regular/OpenSans-Regular.ttf') format('truetype'),
        url('/media/common/fonts/opensans_regular/OpenSans-Regular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('/media/common/fonts/opensans_semibold/OpenSans-Semibold-webfont.eot');
    src: url('/media/common/fonts/opensans_semibold/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/media/common/fonts/opensans_semibold/OpenSans-Semibold-webfont.woff') format('woff'),
        url('/media/common/fonts/opensans_semibold/OpenSans-Semibold-webfont.ttf') format('truetype'),
        url('/media/common/fonts/opensans_semibold/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{
    max-width: 100%;
}
.row{
    max-width: 100%;
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/*content sizes*/
.container-sm,
.container-md,
.container-lg,
.container-full{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    max-width: 100%
}
.container-sm{
    width: 800px;
}
.container-md{
    width: 1550px;
    max-width: 100% !important;
}

.container,
.container-lg{
    padding:0 6%;
}
.container-full{
    padding:0
}

body{
    color:#6e6e6e;
}

/*typo*/
h1, h2, h3, h4, h5, h6{
    line-height: normal;
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: block !important
}
h1, .header-xl{
    font-size: 30px !important;
    margin-bottom: 30px !important;
}
h2, .header-lg{
    font-size: 30px !important;
    margin-bottom: 30px !important;
}
h3, .header-md{
    font-size: 25px !important;
    margin-bottom: 25px !important;
}
h4, .header-sm{
    font-size: 22px;
    margin-bottom: 22px;
}
h5, .header-xs{
    font-size: 17px;
    margin-bottom: 17px;
}

.header-xs2{
    font-size: 20px;
    margin-bottom: 17px;
}

h1, .header-xl,
h2, .header-lg,
h3, .header-md,
h4, .header-sm,
h5, .header-xs,
h5, .header-xs2{
    font-family: 'open_sanslight';
}

.color-gray-darker{
    color:#222
}
.color-gray-dark{
    color:#333333
}
.color-gray{
    color:#555
}
.color-gray-light{
    color:#999
}
.color-gray-lighter{
    color: #eee
}

/*bacgrounds*/
.background-gray-darker{
    background-color:#222
}
.background-gray-dark{
    background-color:#333333
}
.background-gray{
    background-color:#555
}
.background-gray-light{
    background-color:#999
}
.background-gray-lighter{
    background-color: #eee
}

/*responsive*/
@media (max-width: 991px) {
    h1{
        font-size: 26px !important;
        margin-bottom: 24px !important;
    }
    h2{
        font-size: 23px !important;
        margin-bottom: 20px !important;
    }
    h3{
        font-size: 20px !important;
        margin-bottom: 18px !important;
    }
}

@media (max-width: 767px) {
    .container,
    .container-lg,
    .container-sm,
    .container-md{
        padding:10px !important;
    }

}

@media (max-width: 1199px) {
    .container,
    .container-lg,
    .container-sm,
    .container-md{
        padding:20px;
    }
}
@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-sm,
    .container-md{
        padding:40px;
    }
}


/*relative products (conected, similars)*/
.relative,
.relative-conten{
    width: 100%;
    overflow: hidden;
}
.relative-content{
    position: relative;
}

/*relative nav*/
.relative .relative-nav{
    position: absolute;
    top:20px;
    z-index:20;
}
.relative .relative-nav.relative-nav-left{
    left: -20px
}
.relative .relative-nav.relative-nav-right{
    right: 0;
}

/*buttons*/
.btn:focus{
    outline: none !important
}
.btn-loader{
    background-image: url(/common/img/icons/loaders/white/16.png) !important;
    background-repeat: no-repeat  !important;
    background-position: 10px 50%  !important;
    padding-left:35px !important;
}
.btn-default.btn-loader{
    background-image: url(/common/img/icons/loaders/black/16.png) !important;
}
.submit-loader{
    background-image: url(/common/img/icons/loaders/white/16.png) !important;
    background-position: center center;
    background-repeat: no-repeat;
}

.btn-outline{
    background: transparent !important;
    border: 1px solid #ccc;
}

.dropdown{
    z-index: 500 !important
}
.dropdown-menu-invert{
    background: #2b2b2b;
}
.dropdown-menu-invert, .dropdown-menu-invert a{
    color:#878787 !important;
}
.dropdown-menu-invert a:hover{
    /*background:#7a7a7a;*/
}
.dropdown-menu-invert .divider{
    background-color: #414141;
}

/*prices*/
.prev-price{
    text-decoration: line-through;
    color:#5f5f5f;
    font-size: 90%
}

.btn-cart:hover{
    text-decoration: none
}

/*masonry*/
.masonry-container{
    margin:0 auto;
}
.masonry-container .masonry-item{
    float:left;
    margin-bottom:20px;

    max-width: 100%
}

.masonry-container-200 .masonry-item{
    width:200px;
}
.masonry-container-400 .masonry-item{
    width:400px;
}
.masonry-container-600 .masonry-item{
    width:600px;
}

.sticky-container{
    z-index:800 !important
}

/*autocomplete*/
#auto-complete-result {
    background: #fff;
    width: 650px;
    border:3px solid #66afe9 !important;
    position: absolute;
    z-index: 1000;
    top:40px;
    right:0px;
    display: none;
    overflow: hidden;
    border:1px solid #ccc;
    border-radius: 3px;
}
#auto-complete-result li{
    padding: 10px;
}
#auto-complete-result li:not(.see-all){
    min-height: 90px;
}
#auto-complete-result li,
#auto-complete-result a{
    width: 100%;
    overflow: hidden;
    display:block;
}
#auto-complete-result .image img{
    max-width:90%;
    max-height:70px;
}
#auto-complete-result .image.no-image img{
    opacity: 0.5
}
#auto-complete-result .image,
#auto-complete-result .name{
    float:left;
}
#auto-complete-result .image{
    width:30%;
    text-align: center
}
#auto-complete-result .name{
    width:70%;
}
#auto-complete-result .type{
    margin-top:7px;
    color:#616161;
}
#auto-complete-result .ac-result{
    margin-bottom:10px;
}
#auto-complete-result .see-all,
#auto-complete-result .see-all.active,
#auto-complete-result .see-all:hover{
    background: #428bca;
    text-align: center;
}
#auto-complete-result .see-all a{
    color:#fff;
    font-weight: bold;
}

#auto-complete-result #ac-result-products-container{
    float:left;
    width:300px;
}
#auto-complete-result #ac-result-products-container.r-border{
    border-right: 1px solid #ccc;
}
#auto-complete-result #ac-result-others-container{
    float:left;
    /*display: inline-block;*/
    width:250px;
}
#auto-complete-result #ac-result-others-container ul,
#auto-complete-result #ac-result-others-container li{
    width: 100%;
}

#auto-complete-result li.header{
    font-weight: bold;
    line-height: 4;
    margin-bottom:10px;
    line-height: 1;
}
#auto-complete-result li.header,
#auto-complete-result #ac-result-others li{
    padding: 3px 10px;
    min-height: 5px;
}

#auto-complete-result .pType{
    font-size:13px;
    color:#616161
}
#auto-complete-result .image{
    text-align: center;
}
#auto-complete-result .image img{
    max-width: 85%;
    display: inline
}
#ac-result-products-container li{
    border-bottom:1px solid #e5e5e5
}
#auto-complete-result li.ac-rec:hover,
#auto-complete-result li.active{
    background: #f4f4f4;
}

#ac-result-products-container li:first-child,
#ac-result-products-container li:last-child{
    border-bottom: 0
}
#ac-result-products-container li:hover:first-child,
#ac-result-products-container li:hover:last-child{
    background: none;
}

/*forms*/
textarea {
    border:1px solid #9c9c9c
}
.hint {
    float:left;
    clear: both;
    width: 40%;
    max-width: 40%;
}
form.standard .description{
    float:left;
    width: 100%;
    font-size:13px;
}
form.standard {
    clear: right;
}
.standard fieldset {
    padding: 1em;
    border:1px solid #ebebeb
}
.standard label {
    float: left;
    width: 40%;
    max-width: 40%;
    clear:both;
    padding-top:2px;
    padding-right: 20px;
    font-weight: normal
}
.standard input[type="text"], .standard input[type="password"]{
    overflow: hidden;
    padding: 6px;
    float:left;
}
.standard input[type="checkbox"] {
    float:left;
}
input, textarea, select{
    border-radius: 0px;
    border:1px solid #ccc;
}
.btn{
    border-radius: 0 !important;
}
.standard input[type="text"], .standard input[type="password"]{
    width: 60%
}
.standard select {
    margin-bottom: 8px;
    float:left;
}
.standard .multi label, .standard .multi input {
    float: none;
}
.standard ul, .standard li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.errors {
    float:left;
    color: #fff;
    top:0px;
    right: 0;
    padding: 9px 10px 7px 22px;
    font-size:13px;
    position: absolute;
    z-index:50;
    background: #d82f2f;
    display: none
}
.errors:before{
    font-family: icons;
    content: "\e647";
    position: absolute;
    left: 7px;
    top:9px;
}
input.error{
    border:1px solid #d82f2f;
}
.input, .input.chceckbox{
    position: relative
}
.standard span.required {
    color: #f00;
}
.standard .captcha img, .standard .captcha input {
    margin-left: 40%;
}
.standard .captcha img {
    margin-bottom: 1em;
}
/*.standard .submit {
    margin-left: 43%;
}*/
.standard .readonly {
    background-color: #F0F0F0;
}
.standard fieldset{
    border:0
}
.standard .input{
    margin-bottom:10px;
    width: 100%;
    overflow: hidden
}
.standard .submit input{
    padding: 15px
}

/*cart add product window*/
.cart-preview .cart-buttons{
    background: #282828;
    color:#fff;
}
.cart-preview .cart-buttons .sum{
    font-size: 17px;
    margin-top: 5px;
}
.cart-preview ul.info{
    line-height: 2.4
}
.cart-preview input[name=amount],
.cart-preview input[name=amount]{
    margin-top:2px;
    height: 30px;
    width: 50px;
}

.cart-preview .consignment-info{
    opacity: 0.7
}
.cart-preview .consignment-info .icon-container{
    float:left;
    height: 60px;
    margin-right: 10px;
}
.cart-preview .consignment-info .icon{
    font-size:40px;
}

.cart-q-preview .products-scroll,
.cart-add-product-container .products-scroll{
    max-height: 400px;
}

ul.special-info{
    margin-top:15px;
}
ul.special-info li{
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom:10px;
}
ul.special-info li:last-child{
    border-bottom:0
}

/* cart preview options*/
.cart-preview .cp-options{
    width: 100%;
    margin: 20px 0 30px 0;
}
.cart-preview .cp-options li{
    float:left;
    margin-right: 25px;
}
.cart-preview .add-th{
    float:left;
    margin-right: 5px;
    display: none;
}
@media (max-width: 639px) {
    .cart-preview .add-th{
        display: block;
    }
    .cart-preview input[name=amount]{
        width: 40% !important;
        float:left;
    }
    .cart-preview input[name=amount], 
    .cart-preview input[name=amount] + input[type=button]{
        width: 60%;
        float:left;
        margin-top:2px;
    }
}

@media (max-width: 600px) {
    .standard label {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
    .standard input[type=text], .standard input[type=password], .standard input[type=submit]{
        width: 100% !important
    }
    .standard .description{
        width: 80% !important;
        margin:0px !important;
    }
    .standard .submit {
        padding-left: 0% !important;
    }
    .standard input[type="text"], .standard input[type="password"] {
        padding: 13px;
    }
    .standard .submit {
        margin-left: 0 !important;
        margin: 30px 0 !important;
    }
    .standard .submit input{
        padding: 20px
    }

    /*cart add product window*/
    .cart-preview .cart-buttons .pull-right{
        width: 100%;
    }
    .cart-preview .cart-buttons .btn{
        display: block;
        margin-bottom:15px;
    }
    .cart-preview .cart-buttons .btn:last-child{
        margin-bottom:0;
    }
    .cart-preview .cart-buttons .sum{
        margin-bottom: 20px;
    }

    .window_panel{
        padding: 15px !important;
    }
}

@media (max-width: 1280px) {
    .cart-add-product-container h1{
        font-size: 19px !important;
    }
    .cart-add-product-container h4{
        font-size: 15px !important;
    }
    .cart-add-product-container img{
        max-height: 100px;
    }
}



#infscr-loading{
    position: absolute;
    bottom:-10px;
    left:50%
}


.a-loader,
.a-loader-lg{
    border-radius: 50%;
    animation: spin 1s linear infinite;
    border-color:  #f3f3f3;
    border-top-color:  #428bca;
    border-style: solid
}

.a-loader-small,
.a-loader-sm{
    border-width: 2px;
    border-top-width: 2px;   
    width: 20px;
    height: 20px;
}

.a-loader-medium,
.a-loader-md{
    border-width: 5px;
    border-top-width: 5px;   
    width: 50px;
    height: 50px;
}

.a-loader-lg {
    border-width: 10px;
    border-top-width: 10px;   
    width: 80px;
    height: 80px;
}

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

.loader-small{
    width: 16px;
    height: 16px;
}
.loader-medium{
    width: 32px;
    height: 32px;
}
.loader-small.loader-dark{
    background: url(/common/img/icons/loaders/black/16.png) no-repeat center;
}
.loader-medium.loader-dark{
    background: url(/common/img/icons/loaders/black/32.png) no-repeat center;
}
.loader-small.loader-white{
    background: url(/common/img/icons/loaders/white/16.png) no-repeat center;
}
.loader-medium.loader-white{
    background: url(/common/img/icons/loaders/white/32.png) no-repeat center;
}

/*message*/
.message-container{
    position: static;
    z-index:9999;
    left:50%;
    width: 330px;
    max-width: 90%;
    padding: 15px;
    background: #fff;
    border:1px solid #ccc;
}
.message-container .btn-close{
    position: absolute;
    top:12px;
    right: 10px;
    z-index:10;
    font-size:20px;
    color:#979797;
    cursor: pointer
}
.message-container .message-header{
    border-bottom: 1px solid #d6d6d6;
    padding:0 0 15px 40px;
    margin-bottom:15px;
    font-size: 27px;
    color:#232323
}
.message-container .message-header:before{
    position: absolute;
    left:15px;
    top:6px;
    font-family: icons;
    font-size:41px;
    color:#48b62b;
    content: "\e6ea";
}
.message-container.message-error .message-header:before{
    color:#c50707;
    content: "\e647";
}
.message-container.message-info .message-header:before{
    content: "\e608";
}
.message-container.message-warning .message-header:before{
    content: "\e702";
    color:#ffcc00;
    font-size:33px;
    top:11px;
}
.message-container.message-lg{
    width: 700px;
}

/*bottom bar*/
.bottom-bar-container{
    background: #1f1f1f;
    /*height:50px;*/
    padding:15px 20px;
    position: fixed;
    bottom:0;
    left:0;
    width: 100%;
    overflow: hidden;
    color:#fff;
    display: none
}
.bottom-bar-container a{
    float:left;
    margin-right: 10px;
}

/*scroll up button*/
.scroll-up-button{
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #b5b5b5;
    width: 40px;
    height: 40px;
    overflow: hidden;
    z-index: 800;
    cursor: pointer;
    display: none
}
.scroll-up-button:before{
    position: absolute;
    top:5px;
    left: 10px;
    font-size: 20px;
    color:#fff;
    font-family: icons;
    content: "\e609";
    z-index: 50
}

.image{
    position: relative;
    text-align: center;
}
.image .media-icon{
    position: absolute;
    top:0;
    right:0
}

/*media slider*/
.view-type-media-slider{
    padding: 30px 0;
    background-size: cover !important;
    background-position: center  !important;
}

/*products list*/
.view-type-media-slider .products-container .product-box .image{
    height: 100px;
    overflow: hidden;
}
.view-type-media-slider .name{
    height: auto
}
.view-type-media-slider .name a,
.view-type-media-slider .price *{
    color:#fff !important;
}
.view-type-media-slider .name a{
    font-size:22px;
}
.view-type-media-slider .price{
    font-size:18px;
}
.view-type-media-slider .products-container div[class^="col-"]{
    margin-bottom:20px;
}
.view-type-media-slider .content-load{
    margin-top:30px;
}

.product-box.unavailable{
    opacity: 0.5
}

/*product box media*/
.product-box.product-box-media .price span{
    font-size:20px;
    color:#fff;
}
.product-box.product-box-media .price,
.product-box.product-box-media .cart,
.product-box.product-box-media .description{
    margin-bottom:15px;
}

.product-box.product-box-media .cart-no-av{
    background: transparent;
    color: #fafafa;
}

/*theme dark*/
.view-type-media-slider.theme-dark{
    background: #000;
}
.view-type-media-slider.theme-dark *{
    color:#fff
}

@media (max-width: 991px) {
    .product-box.product-box-media .fluidvids{
        margin-top:20px;
    }
}

/*groups name header*/
.view-type-media-slider .group-name,
.view-type-media-slider2 .group-name,
.view-type-two-in-col .group-name,
.view-type-one-big-three-small .group-name,
.tiles-in-col-slider-container .group-name{
    font-size: 25px;
    margin-bottom: 25px;
    font-family: open_sanslight
}

/*media slider 2*/
.view-type-media-slider2{
    margin-bottom:60px;
    overflow: hidden
}
.view-type-media-slider2 .item{
    background-repeat: no-repeat;
    background-position: right 0;
    background-size: contain;
    padding: 100px 0;
    height: 348px;
    overflow: visible;
    position: relative;

}
.view-type-media-slider2 .name{
    margin-top:50px;
}
.view-type-media-slider2 .name,
.view-type-media-slider2 .name a,
.view-type-media-slider2 .price *{
    font-size:18px;
    color:#fff !important
}
.view-type-media-slider2 .image{
    float:right;
    min-height: 350px;
}
.view-type-media-slider2 .image img{
    max-width: 300px;
    max-height: 380px;
}
.view-type-media-slider2 .bar{
    position: absolute;
    bottom:-130px;
    left:0;
    z-index:0;
    width: 100%;
    height: 130px;
    padding-top:25px;
}
.owl-carousel .owl-wrapper-outer{
    /*    overflow-y: auto !important*/
}
.view-type-media-slider2 .owl-controls{
    position: absolute;
    right: 20px;
    bottom:39px;
    width: auto;
}
.view-type-media-slider2 .owl-buttons .owl-prev,
.view-type-media-slider2 .owl-buttons .owl-next{
    opacity: 0.4;
    float:left;
    margin-left: 20px;
}
.view-type-media-slider2 .owl-buttons .owl-prev:hover,
.view-type-media-slider2 .owl-buttons .owl-next:hover{
    opacity: 1
}
.view-type-media-slider2 .owl-buttons .owl-prev:before,
.view-type-media-slider2 .owl-buttons .owl-next:before{
    font-size: 35px;
    font-family: icons;
}
.view-type-media-slider2 .owl-buttons .owl-prev:before{
    /*content: "\e6fb";*/
    content: "\e607";
}
.view-type-media-slider2 .owl-buttons .owl-next:before{
    /*content: "\e6fa";*/
    content: "\e608";
}


.three-small .image img{
    max-width: 100%
}

/*one big and three small*/
.view-type-one-big-three-small .product-box{
    margin-bottom:20px;
}
.view-type-one-big-three-small .product-box *{
    text-align: center
}

/*one big*/
.view-type-one-big-three-small .one-big-container{
    margin-bottom:30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    overflow: hidden
}
.view-type-one-big-three-small .one-big .product-box{
    text-align: left;
}
.view-type-one-big-three-small .one-big .name{
    font-size: 20px;
    height: auto !important
}
.view-type-one-big-three-small .one-big .price{
    font-size: 20px;
}
.view-type-one-big-three-small .one-big .product-box div,
.view-type-one-big-three-small .actions .product-box .name,
.view-type-one-big-three-small .actions .product-box .price,
.view-type-one-big-three-small .actions .product-box .cart,
.view-type-one-big-three-small .actions .product-box .description{
    margin-bottom:17px;
}

/*cart no av button*/
.view-type-one-big-three-small .actions .product-box .cart-no-av{
    text-align: left
}
.view-type-one-big-three-small .actions .product-box .cart-no-av,
.view-type-one-big-three-small .actions .product-box .cart-no-av *{
    color:#606060 !important
}
.view-type-one-big-three-small .actions .product-box .cart-no-av small{
    font-size:14px;
}

.view-type-one-big-three-small .actions .product-box .inbox,
.view-type-one-big-three-small .actions .product-box .compare{
    float:left;
    margin-right: 25px;
}

.view-type-one-big-three-small .actions .product-box .name{
    font-size:30px;
}
.view-type-one-big-three-small .actions .product-box .price{
    font-size:25px;
}
.view-type-one-big-three-small .actions *{
    text-align: left
}
.view-type-one-big-three-small .product-box-horizontal *{
    text-align: left
}

@media (max-width: 767px) {
    .view-type-one-big-three-small .actions .product-box .name{
        font-size:20px;
    }
    .view-type-one-big-three-small .actions .product-box .price{
        font-size:15px;
    }
}

@media (max-width: 991px) {
    .view-type-one-big-three-small *{
        text-align: left !important
    }
    .view-type-one-big-three-small .one-big .name{
        font-size: 18px;
    }
    .view-type-one-big-three-small .one-big .price{
        font-size: 15px;
    }
}


/*default tile*/
.product-box .image{
    position: relative;
    overflow: hidden;
}
.product-box .image,
.product-box .image a{
    color: #bfbfbf
}

.product-box .image,
.product-box .name{
    margin-bottom:15px;
}

.product-box{
    position: relative;
}
.product-box .info{
    position: absolute;
    bottom: -47px;
    right: 0px;
}
.owl-item .info,
.owl-item .corner-ribbon{
    display: none
}
.product-box .info ul{
    float: right
}
.info ul li{
    float: left;
    margin-right: 7px;
}
.info{
    overflow: hidden;
}

/*one tile*/
.product-box-tile{
    float:left;
}
.product-box .name{
    font-size: 15px;
    /*height:45px;*/
    overflow: hidden
}
.product-box .name a{
    color:#525252;
}
.product-box .image{
    /*min-height: 166px;*/
}
.product-box .price{
    font-size:14px;
    /*font-weight: bold*/
}
.product-box .description{

}

/*options*/
.product-box .image .product-box-options{
    position: absolute;
    top:-100px;
    width: 50px;
    height: 50px;
    left:0;
    z-index:40;
    text-align: center
}
.product-box-options .icon{
    font-size: 20px;
    cursor: pointer;
}
.product-box-options .btn-cart,
.product-box-options .btn-cart:hover{
    background-color: transparent;
}
.product-box-options .btn-cart.btn-loader{
    background-position: center center !important;
    padding-left:20px !important;
}
.product-box-options .btn-cart.btn-loader .icon{
    display: none
}


/*availability*/
.product-box .availability .bar-container{
    border:1px solid #ccc;
    padding:2px;
}
.product-box .availability [class*="pb-"]{
    height: 15px
}
.product-box .availability .pb-0{
    width:0%;
}
.product-box .availability .pb-1{
    width:10%;
}
.product-box .availability .pb-2{
    width:20%;
}
.product-box .availability .pb-3{
    width:50%;
}
.product-box .availability .pb-4{
    width:100%;
}

/* attributes list */
.show-more-attributes{
    z-index: 10 !important;
}
.show-more-attributes .message-content{
    max-height: 350px;
    overflow-y: auto;
}
.show-more-attributes ul li{
    width: 33%;
    float:left;
    line-height: 2.2;
    overflow: hidden
}
.show-more-attributes ul li a{
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding: 5px;
}
.show-more-attributes ul li a span{
    display: none
}

.product-box .attributes .show-more{
    background: #f3f3f3;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
}
.product-box .attributes .show-more:hover{
    text-decoration: none;
    background: #ebebeb;
    cursor: pointer;
}

@media (max-width: 600px) {
    .show-more-attributes ul li{
        width: 50%
    }
}
@media (max-width: 400px) {
    .show-more-attributes ul li{
        width: 100%
    }
}

.product-box .attributes .attr-box{
    position: relative;
    margin-bottom:10px;
    border-bottom:1px solid #e6e6e6;
    padding-bottom:10px;
}
.product-box .attributes .img-c{
    overflow: hidden;
    float:left;
    width: 65px;
    text-align: center;
    padding-top: 5px;
}
.product-box .attributes .inf-c{
    float:left;
    width: calc(100% - 65px);
}
.product-box .attributes .attr-box:last-child{
    border-bottom:none
}
.product-box .attributes .attr-box:hover img{
    opacity: 1
}
.product-box .attributes  .attr-box .attr-icon{
    opacity: 0.5;
    float:left;
    margin-right: 25px;
}
.product-box .attributes .value a,
.product-box .attributes .value a .icon{
    font-size:13px;
}
.product-box .attributes .name{
    font-weight: bold
}
.product-box .attributes .description{
    font-size:13px;
    opacity: .75
}

/*mini attributes list*/
.attributes-mini li.attr-item{
    line-height: 1.6
}

/*responsive product grid*/
.tiles-grid-container{
    width: 100%;
    overflow: hidden;
}
.tiles-grid-container > .product-box{
    float:left;
    padding:10px 10px 25px 10px;
    width:33.33%;
    /*height:290px;*/
    overflow: hidden;
}
.tiles-grid-container > .product-box *{
    text-align: center
}
.ajax-tiles-grid-container > .product-box.active{
    background-image: url(../../img/icons/masonryActiveElementTopArrow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

/*ajax container*/
.ajax-tiles-grid-container .ajax-container{
    width: 100%;
    float:left;
    color:#fff;
    background: #222;
    padding:20px;
    position: relative;
    padding-bottom:50px;
    margin-bottom:30px;
}
.ajax-tiles-grid-container .ajax-container .close{
    position: absolute;
    right: 20px;
    top:20px;
    color:#fff;
    cursor: pointer;
}
.ajax-tiles-grid-container .ajax-container .product-box{
    width: 100% !important;
    text-align: left
}

.tiles-horizontal-border .row{
    border-bottom:1px solid #e7e7e7;
    margin-bottom:15px;
}
.tiles-horizontal-border .row:last-child{
    border-bottom:0
}

/*gallery slider*/
.gallery-slider .item{
    padding:20px;
}

/*tile in col*/
.tiles-in-col-slider{
    position: relative;
}
.tiles-in-col-slider .item{
    padding:12px;
}
.tiles-in-col-slider .item .product-box *{
    text-align: center
}
.tiles-in-col-slider .owl-buttons .owl-prev,
.tiles-in-col-slider .owl-buttons .owl-next,
.presentation-slider .owl-buttons .owl-prev,
.presentation-slider .owl-buttons .owl-next{
    position: absolute;
    z-index:50;
    top: calc(50% - 23px);
    opacity: 0.4
}
.tiles-in-col-slider .owl-buttons .owl-prev:hover,
.tiles-in-col-slider .owl-buttons .owl-next:hover{
    opacity: 1
}
.tiles-in-col-slider .owl-buttons .owl-prev,
.presentation-slider .owl-buttons .owl-prev{
    left:-30px;
}
.tiles-in-col-slider .owl-buttons .owl-next,
.presentation-slider .owl-buttons .owl-next{
    right:6px;
}
.tiles-in-col-slider .owl-buttons .owl-prev:before,
.tiles-in-col-slider .owl-buttons .owl-next:before,
.presentation-slider .owl-buttons .owl-prev:before,
.presentation-slider .owl-buttons .owl-next:before{
    position: absolute;
    font-size: 35px;
    font-family: icons;
}
.tiles-in-col-slider .owl-buttons .owl-prev:before,
.presentation-slider .owl-buttons .owl-prev:before{
    content: "\e607";
}
.tiles-in-col-slider .owl-buttons .owl-next:before,
.presentation-slider .owl-buttons .owl-next:before{
    content: "\e608";
}

/*pagination*/
.tiles-in-col-slider .owl-controls{
    margin-top:15px;
    text-align: center
}
.tiles-in-col-slider .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.tiles-in-col-slider .owl-controls .owl-page span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 3px 5px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}
.tiles-in-col-slider .owl-controls .owl-page.active span,
.tiles-in-col-slider .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);
    opacity: 1;
}


.tiles-in-col-slider .name,
.ajax-tiles-grid-container > .product-box > .name{
    height: 45px;
}

@media (max-width: 1200px) {
    .tiles-in-col-slider{
        padding: 50px;
    }
    .tiles-in-col-slider .owl-buttons .owl-prev,
    .presentation-slider .owl-buttons .owl-prev{
        left: 0;
    }
    .tiles-in-col-slider .owl-buttons .owl-next, 
    .presentation-slider .owl-buttons .owl-next {
        right: 35px;
    }
}

@media (max-width: 767px) {
    .tiles-in-col-slider-container .see-more{
        text-align: left;
        margin-bottom:10px;
    }
}

@media (min-width: 1501px) {
    .tiles-grid-container .product-box{
        width: 20% !important;
    }
}
@media (max-width: 1500px) {
    .tiles-grid-container .product-box{
        width: 25% !important;
    }
}
@media (max-width: 1250px) {
    .tiles-grid-container .product-box{
        width: 33% !important;
    }
}
@media (max-width: 800px) {
    .tiles-grid-container .product-box{
        width: 50% !important;
    }
}
@media (max-width: 600px) {
    .tiles-grid-container .product-box{
        width: 100% !important;
    }

    #auto-complete-result{
        width: 100% !important;
        height: 70vh;
        overflow-y: scroll !important;
    }

    #auto-complete-result #ac-result-products-container,
    #auto-complete-result #ac-result-others-container{
        width: 100%;
        clear:both;
        float: none;
        border-right: 0;
    }

}


/*two in col*/

/*products list*/
.view-type-two-in-col{
    width: 100%
}

.view-type-two-in-col .name{
    font-size: 15px;
    min-height: 55px
}
.view-type-two-in-col .price{
    font-size: 19px;
}
.view-type-two-in-col div{
    margin-bottom:15px;
}
.view-type-two-in-col .image img{
    max-height: 290px
}
.view-type-two-in-col .description{
    min-height: 70px;
}
.view-type-two-in-col .group-name{
    margin-bottom:35px;
}

/*default prod gallery*/
.gallery .img-box{
    float:left;
    margin-right: 15px;
}
.gallery .img-box a{
    width: 150px;
    height: 150px;
    float:left;
    display: block;
    overflow: hidden;
    border:1px solid #e4e4e4;
    padding:2px;
}

/*media icon*/
.product-box .media-icon{
    position: absolute;
    top:0;
    right:0;
    z-index:10;
}
.info-virtual .media-icon{
    float:left;
    margin-right: 10px;
}
.info-virtual span.info{
    font-size:13px;
}

.ajax-load{
    position: relative;
}

/*compare panel*/
#compare-panel{
    width: 170px;
    position: fixed;
    top:200px;
    right: 0;
    min-height: 170px;
    z-index: 20;
    background: #fff;
    border:1px solid #ccc;
    border-right: none;
    padding: 10px;
}

#compare-panel .compare-action-bar{
    background: #428bca;
    color:#fff;
    position: absolute;
    left:-78px;
    top:42px;
    padding: 7px 35px 7px 20px; 
    overflow: hidden;
    cursor: pointer;
    width: 120px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}
#compare-panel.open .compare-action-bar{
    background: #5c5c5c
}
#compare-panel .compare-action-bar:after{
    font-family: icons;
    content: "\e607";
    position: absolute;
    top:3px;
    right: 10px;
    font-size:20px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}
#compare-panel.open .compare-action-bar:after{
    content: "\e608";
}

#compare-panel .products .item{
    width: 100%;
    overflow: hidden;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #eaeaea;
}
#compare-panel .products .item .image{
    width: 40px;
    float:left;
    margin-right: 10px;
}
#compare-panel .products .item .info{
    float:none;
}
#compare-panel .products .item .info,
#compare-panel .products .item .info a{
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
}
#compare-panel .products .item .info .btn-del{
    margin-left: 10px;
    float:right
}

#compare-panel .compare-tip{
    font-size: 11px;
    color:#bfbfbf;
    position: relative;
    padding-left: 20px;
}
#compare-panel .compare-tip:after{
    position: absolute;
    left:0;
    top:0;
    font-family: icons;
    content: "\e62d";
}

@media (max-width: 767px) {
    #compare-panel{
        display: none !important
    }
}

#cookie-info-container{
    position: fixed;
    bottom:40px;
    right:20px;
    width: 300px;
    max-width: 100%;
    z-index:50;
    font-size:13px;
}
#cookie-info-container .close{
    position: absolute;
    top:5px;
    right: 5px;
}
#cookie-info-container .close:after{
    font-family: icons;
    content: "\e647";
    font-size: 20px;
}

.privacy-policy-info-container{
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    background: #f6f6f6;
    position: fixed;
    bottom:40px;

    width: 720px;
    max-width: 100%;
    z-index:50;
    font-size:13px;
    height: 300px;
    background-color: #ececec;
    border-color: #d6d6d6 !important;
    color: #6d6d6d;
}
.privacy-policy-info-container h3,
.privacy-policy-info-container h4{
    color: #424242
}
.privacy-policy-info-container .text{
    width: 100%;
    height: 200px;
    overflow: auto;
    padding: 15px;
}
.privacy-policy-info-container .btn-container{
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center
}
.privacy-policy-info-container .btn{
    margin-right: 15px;
}


/*info tip*/
.tip-container{
    position: absolute;
    top:0;
    left:0;
    background: #3398dc;
    color:#fff;
    padding: 20px;
    width: 300px;
    max-width: 100%;
    z-index:500;
}
.tip-header{
    font-size: 30px;
    position: relative;
    padding-left: 40px;
    width: 100%;
    overflow: hidden;
    margin-bottom:20px;
    padding-bottom: 20px;
    border-bottom:1px solid #fff
}
.tip-header:after{
    font-family: icons;
    content: "\e6d8";
    position: absolute;
    left:0;
    top:0
}
.tip-container .close{
    position: absolute;
    top:5px;
    right: 5px;
}
.tip-container .close:after{
    font-family: icons;
    content: "\e647";
    font-size: 20px;
}
.tip-content{

}

img.avatar, img.user-avatar{
    max-width: 95px;
    max-height: 95px;
}

.ajax-tiles-grid-container .image,
.owl-item .image{
    display: table;
    vertical-align: middle;
    min-height: 180px;
    height: 180px;
    text-align: center;
    width: 100%;
    clear:both;
    overflow: hidden
}
.ajax-tiles-grid-container .image .product-link,
.owl-item .image .product-link{
    width: 100%;
    height: 100%;  
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
table.table-striped{
    background: #ececec
}

/*content title*/
.content-title li{
    float:left;
    margin-right: 15px;
}
.content-title li:after,
.content-title li:before{
    font-family: icons;
}
.content-title li:after{
    margin-left: 10px;
    content: "\e608";
}
.content-title li:first-child:before{
    content: "\e678";
    margin-right: 10px;
}
.content-title li:last-child:after{
    content: ""
}

/*paginate*/
.pagination-container{
    margin: auto;
    width: 340px;
    max-width: 100%;
    margin-top: 80px;
}
.pagination-container .ui-state-default,
.pagination-container .ui-widget-content .ui-state-default, 
.pagination-container .ui-widget-header .ui-state-default{
    border: 1px solid #428bca;
    background: #428bca
}
.paginator_p {
    text-align:center;
    float:left;
    border:1px solid #ccc;
    cursor:pointer;
    padding:1px;
    margin:2px !important
}
.paginator_p_bloc {
    position:relative;
    width:3000px;
}
.paginator_p_bloc a{
    min-width: 30px;
    width: auto !important
}
.paginator_p.over {
    background-color:#e3e3e3;
    text-decoration: none
}
.paginator_p.selected {
    color:white;
    background-color:#2573b7;
    border-color: transparent
}
.paginator_p_wrap {
    position:relative;
    overflow:hidden;
    float:left;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    margin-bottom:20px;
}
.paginator_slider {
    clear:left;
    height: 4px;
    top: 4px;
    background: white;
    border: solid 1px black;
    position:relative;
}
.pagination-control{
    padding-top:70px;
    width: 100%;
    overflow: hidden
}



/*horizontal*/
.product-box-horizontal{
    width: 100%;
    overflow: hidden;
    clear: both;
    margin-bottom: 5px;
}
.product-box-horizontal .image{
    float:left;
    width: 110px;
    min-height: 0 !important;
    height: auto;;
}
.product-box-horizontal .media-icon{

}
.product-box-horizontal .image img{
    max-height: 155px
}
.product-box-horizontal .more-info{
    float:none;
    margin-left: 135px;
}
.product-box-horizontal .image .product-link{
    display: inline
}
.product-box-horizontal .more-info > div{
    margin-bottom: 15px;
}
.product-box-horizontal .more-info .category a .icon{
    position: relative;
    top:2px
}

iframe[name="google_conversion_frame"]{
    display: none
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

.product-box-default .rating{
    position: absolute;
    top: 3px;
    left: 15px;
    font-size: 13px;
    padding-left: 20px;
}
.product-box-default .rating:before{
    content: "\e6e0";
    font-family: icons;
    color: #ffd304;
    position: absolute;
    top: 0;
    left: 0;
}

.product-box-default .media-icon-mini2{
    font-size:10px;
    font-family: open_sansregular
}

.product-box-default .media-icon-mini2:after{
    font-size:10px;
    text-transform: uppercase
} 

/*mini info icons*/
.prop-info{
    position: absolute;
    bottom: 0;
    left:  10px;
    z-index: 20;
    width: 100%;
    display: block;
    height: 17px;
}
.prop-info.prop-info-top{
    top: 7px;
}
.prop-info li{
    display: inline-block;
    float: left;
}
.prop-info-b{
    background: #0e0e0e;
    color:#fff;
    padding: 0 7px;
    text-transform: uppercase;
    font-size: 10px;
    float:left;
    position: relative;
}
.prop-info-b:before{
    font-family: icons;
    position: absolute;
    top: 0;
    left: 5px;
}
.prop-info-b.prop-info-b-360{

}
.prop-info-b.prop-info-b-novelty{
    background: #64a91d;
}
.prop-info-b.prop-info-b-bestseller{
    background: #411da9;
}
/*rating*/
.prop-info-b.prop-info-b-rating{
    padding-left: 20px;
    letter-spacing: 2px;
}
.prop-info-b.prop-info-b-rating:before{
    content: "\e6e0";
    color: #ffcc00;

}

/*360*/
.prop-info{
    display: none;
}
.tiles-grid-container .prop-info{
    display:block;
}

.prop-info-b.prop-info-b-360{
    padding-left: 20px;
    background: #1673ff;
}
.prop-info-b.prop-info-b-360:before{
    content: "\e6b8";
    color: #fff;
}
/*limit*/
.prop-info-b.prop-info-b-limited{
    padding-left: 20px;
}
.prop-info-b.prop-info-b-limited:before{
    content: "\e702";
    color: #fff;
}

/*pres*/
.prop-info-b.prop-info-b-presentation{
    background: #ff0000;
    padding-left: 20px;
}
.prop-info-b.prop-info-b-presentation:before{
    content: "\e6b0";
    color: #fff;
    font-size: 13px;
    top: -2px;
}

/*sale*/
.sale-round{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 20;
    background: #ff001e;
    color:#fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 3px;
}
.sale-round .t1{
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -2px;
}
.sale-round sup{
    font-weight: normal;
    font-size: 13px;
}
.sale-round .t2{
    text-transform: uppercase;
    font-size: 10px;
    margin-top: -10px;
    font-weight: bold
}

.sale-round.sale-round-green{
    background: #36ce74;
}

.urls-container{
    padding: 25px;
    overflow: hidden;
    border-top: 1px solid #ccc;
}
.urls-container-top{
    margin-bottom: 20px;
}
.urls-container-top .header{
    font-size: 20px;
}
.urls-container-top .description{
    opacity: .7;
    font-size: 14px;
    max-width: 60%;
}
.urls-container-list li{
    width: 20%;
    display: inline-block;
    float: left;
}
.urls-container-list li a{
    display: block;
    padding: 4px 10px
}

@media (max-width: 767px) {
    .urls-container-list li{
        width: 50%;
    }
    .urls-container-top .description{
        max-width: 100%;
    }
}
@media (max-width: 500px) {
    .urls-container-list li{
        width: 100%;
    }
}