.cms-page-view .product-item-info,
.cms-index-index .product-item-info {
    width      : auto;
    text-align : center;
}
.products.products-grid,
.custom-slider {
    position : relative;
    padding  : 0 0 20px;
}
.extend_1,
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor      : pointer;
    cursor      : hand;
    user-select : none;
}

.owl-carousel .owl-item .product-item {
    width : 100% !important;
}
.owl-carousel .owl-wrapper:after {
    content     : ".";
    display     : block;
    clear       : both;
    visibility  : hidden;
    line-height : 0;
    height      : 0;
}
/* display none until init */
.owl-carousel {
    display          : none;
    position         : relative;
    width            : 100%;
    -ms-touch-action : pan-y;
}
.owl-carousel .owl-wrapper {
    display           : none;
    position          : relative;
    -webkit-transform : translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
    overflow : hidden;
    position : relative;
    width    : 100%;
    float    : left;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition : height 500ms ease-in-out;
    -moz-transition    : height 500ms ease-in-out;
    -ms-transition     : height 500ms ease-in-out;
    -o-transition      : height 500ms ease-in-out;
    transition         : height 500ms ease-in-out;
}
.owl-carousel .owl-item {
    float : left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor : pointer;
}
.owl-controls {
    -webkit-user-select         : none;
    -khtml-user-select          : none;
    -moz-user-select            : none;
    -ms-user-select             : none;
    user-select                 : none;
    -webkit-tap-highlight-color : rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
    cursor : url(../images/grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility : hidden;
    -moz-backface-visibility    : hidden;
    -ms-backface-visibility     : hidden;
    -webkit-transform           : translate3d(0, 0, 0);
    -moz-transform              : translate3d(0, 0, 0);
    -ms-transform               : translate3d(0, 0, 0);
}
.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color : transparent;
    position                    : relative
}
.owl-carousel {
    width   : 100%;
    z-index : 1
}
}
.owl-carousel .owl-animated-in {
    z-index : 0
}
.owl-carousel .owl-animated-out {
    z-index : 1
}
.owl-carousel .fadeOut {
    -webkit-animation-name : fadeOut;
    animation-name         : fadeOut
}
@-webkit-keyframes fadeOut {
    0% {
        opacity : 1
    }
    100% {
        opacity : 0
    }
}
@keyframes fadeOut {
    0% {
        opacity : 1
    }
    100% {
        opacity : 0
    }
}
.owl-height {
    -webkit-transition : height 500ms ease-in-out;
    -moz-transition    : height 500ms ease-in-out;
    -ms-transition     : height 500ms ease-in-out;
    -o-transition      : height 500ms ease-in-out;
    transition         : height 500ms ease-in-out
}
.owl-carousel {
    display                     : none;
    width                       : 100%;
    -webkit-tap-highlight-color : transparent;
    position                    : relative;
    z-index                     : 1
}
.owl-carousel .owl-stage {
    position                 : relative;
    -ms-touch-action         : pan-Y;
    touch-action             : manipulation;
    -moz-backface-visibility : hidden
}
.owl-carousel .owl-stage:after {
    content     : ".";
    display     : block;
    clear       : both;
    visibility  : hidden;
    line-height : 0;
    height      : 0
}
.owl-carousel .owl-stage-outer {
    position          : relative;
    overflow          : hidden;
    padding           : 20px 0;
    -webkit-transform : translate3d(0, 0, 0)
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility : hidden;
    -moz-backface-visibility    : hidden;
    -ms-backface-visibility     : hidden;
    -webkit-transform           : translate3d(0, 0, 0);
    -moz-transform              : translate3d(0, 0, 0);
    -ms-transform               : translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
    user-select                 : none;
    position                    : relative;
    min-height                  : 1px;
    float                       : left;
    -webkit-backface-visibility : hidden;
    -webkit-tap-highlight-color : transparent;
    -webkit-touch-callout       : none
}
.owl-carousel .owl-item img {
    display                 : block;
    width                   : 100%;
    -webkit-transform-style : preserve-3d
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display : none
}
.owl-carousel.owl-loaded {
    display : block
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor              : pointer;
    -webkit-user-select : none;
    -khtml-user-select  : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background : 0 0;
    color      : inherit;
    border     : none;
    padding    : 0 !important;
    font       : inherit
}
.owl-carousel.owl-loading {
    opacity : 0;
    display : block
}
.owl-carousel.owl-hidden {
    opacity : 0
}
.owl-carousel.owl-refresh .owl-item {
    visibility : hidden;
    display    : none
}
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action    : pan-y;
    touch-action        : pan-y;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none
}
.owl-carousel.owl-grab {
    cursor : move;
    cursor : -webkit-grab;
    cursor : -o-grab;
    cursor : -ms-grab;
    cursor : grab
}
.owl-carousel .owl-grab {
    cursor : move;
    cursor : grab;
}
.owl-carousel.owl-rtl {
    direction : rtl
}
.owl-carousel.owl-rtl .owl-item {
    float : right
}
.no-js .owl-carousel {
    display : block
}
.owl-carousel .animated {
    -webkit-animation-duration  : 1000ms;
    animation-duration          : 1000ms;
    -webkit-animation-fill-mode : both;
    animation-fill-mode         : both
}
.owl-carousel .owl-animated-in {
    z-index : 0
}
.owl-carousel .owl-animated-out {
    z-index : 1
}
.owl-carousel .fadeOut {
    animation-name : fadeOut
}
@keyframes fadeOut {
    0% {
        opacity : 1
    }
    100% {
        opacity : 0
    }
}
.owl-height {
    transition : height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
    opacity            : 0;
    -webkit-transition : opacity 400ms ease;
    -moz-transition    : opacity 400ms ease;
    -ms-transition     : opacity 400ms ease;
    -o-transition      : opacity 400ms ease;
    transition         : opacity 400ms ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height : 0
}
.owl-carousel .owl-item img,
.owl-carousel .owl-item img.owl-lazy {
    transform-style : preserve-3d
}
.owl-carousel .owl-video-wrapper {
    position   : relative;
    height     : 100%;
    background : #000000
}
.owl-carousel .owl-video-play-icon {
    position                    : absolute;
    height                      : 80px;
    width                       : 80px;
    left                        : 50%;
    top                         : 50%;
    margin-left                 : -40px;
    margin-top                  : -40px;
    background                  : url(owl.video.play.png) no-repeat;
    cursor                      : pointer;
    z-index                     : 1;
    -webkit-backface-visibility : hidden;
    -webkit-transition          : scale 100ms ease;
    -moz-transition             : scale 100ms ease;
    -ms-transition              : scale 100ms ease;
    -o-transition               : scale 100ms ease;
    transition                  : scale 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition : scale(1.3, 1.3);
    -moz-transition    : scale(1.3, 1.3);
    -ms-transition     : scale(1.3, 1.3);
    -o-transition      : scale(1.3, 1.3);
    transition         : scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display : none
}
.owl-carousel .owl-video-tn {
    opacity                 : 0;
    height                  : 100%;
    background-position     : center center;
    background-repeat       : no-repeat;
    -webkit-background-size : contain;
    -moz-background-size    : contain;
    -o-background-size      : contain;
    background-size         : contain;
    -webkit-transition      : opacity 400ms ease;
    -moz-transition         : opacity 400ms ease;
    -ms-transition          : opacity 400ms ease;
    -o-transition           : opacity 400ms ease;
    transition              : opacity 400ms ease
}
.owl-carousel .owl-video-frame {
    position : relative;
    z-index  : 1;
    height   : 100%;
    width    : 100%
}
.owl-carousel .owl-refresh .owl-item {
    display : none;
}
.owl-carousel.owl-text-select-on .owl-item {
    user-select : auto;
}
.owl-carousel .banner-item .content_slider {
    position : absolute;
    top      : 25%;
    left     : 50px;
    width    : calc(100% - 120px);
    z-index  : 1;
    color    : #FFFFFF;
}
.owl-carousel .banner-item .content_slider .banner-title {
    width          : 100%;
    color          : #FFFFFF;
    font-size      : 32px;
    text-transform : uppercase;
    text-align     : center;
    display        : inline-block;
    clear          : both;
}
.owl-carousel .banner-item .content_slider .banner-description {
    width      : 100%;
    clear      : both;
    display    : inline-block;
    text-align : center;
    padding    : 15px 0;
    color      : #FFFFFF;
}
.owl-carousel .banner-item .content_slider .buttons {
    width      : 100%;
    clear      : both;
    display    : inline-block;
    text-align : center;
}
.owl-carousel .banner-item .content_slider .buttons a.action.primary {
    margin : 10px;
}
.owl-carousel .banner-item .content_slider .buttons .custom_content {
    margin     : 10px 0 0;
    text-align : center;
}
.owl-nav {
    margin-top                  : 10px;
    text-align                  : center;
    -webkit-tap-highlight-color : transparent
}

.owl-theme .owl-controls {
    text-align                  : center;
    -webkit-tap-highlight-color : transparent;
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
    color                 : #FFFFFF;
    font-size             : 14px;
    margin                : calc(-40px / 2) 0 0;
    padding               : 0;
    background            : rgba(255, 255, 255, 0.5);
    display               : inline-block;
    cursor                : pointer;
    -webkit-border-radius : 3px;
    -moz-border-radius    : 3px;
    border-radius         : 3px;
    position              : absolute;
    top                   : 50%;
    width                 : 40px;
    height                : 40px;
    text-indent           : 100%;
    overflow              : hidden;
}
[class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-] {
    background : transparent;
}
.owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev {
    left : 15px;
}
[class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev {
    left : -55px;
}
.owl-theme .owl-controls .owl-nav [class*=owl-].owl-next {
    right : 15px;
}
[class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next {
    right : -55px;
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background      : #000000;
    color           : #FFFFFF;
    text-decoration : none;
}
[class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background : transparent;
    color      : #000000;
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before,
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover:after {
    border-color : #FFFFFF;
}
[class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before,
[class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-]:hover:after {
    border-color : #000000;
}
.owl-theme .owl-controls .owl-nav .disabled {
    opacity : .5;
    cursor  : default;
}
.owl-theme .owl-dots {
    position : absolute;
    width    : 100%;
    bottom   : 20px;
}
[class*=owl-carousel-products-].owl-theme .owl-dots {
    position : relative;
    bottom   : -20px;
}
.owl-theme .owl-dots .owl-dot {
    display  : inline-block;
    zoom     : 1;
    *display : inline;
}
.owl-theme .owl-dots .owl-dot span {
    width                       : 10px;
    height                      : 10px;
    margin                      : 5px 7px;
    background                  : #D6D6D6;
    display                     : block;
    -webkit-backface-visibility : visible;
    -webkit-transition          : opacity 200ms ease;
    -moz-transition             : opacity 200ms ease;
    -ms-transition              : opacity 200ms ease;
    -o-transition               : opacity 200ms ease;
    transition                  : opacity 200ms ease;
    -webkit-border-radius       : 30px;
    -moz-border-radius          : 30px;
    border-radius               : 30px;
}
.owl-theme .owl-dots .owl-dot:hover span {
    background : #000000;
}
.owl-theme .owl-dots .owl-dot.active span {
    background : #000000;
}
.owl-nav [class*=owl-] {
    color                 : #FFFFFF;
    font-size             : 14px;
    margin                : 5px;
    padding               : 4px 7px;
    background            : #D6D6D6;
    display               : inline-block;
    cursor                : pointer;
    -webkit-border-radius : 3px;
    -moz-border-radius    : 3px;
    border-radius         : 3px
}
.owl-nav [class*=owl-]:hover {
    background      : #869791;
    color           : #FFFFFF;
    text-decoration : none
}
.owl-nav .disabled {
    opacity : .5;
    cursor  : default
}
.owl-nav.disabled + .owl-dots {
    margin-top : 10px
}
.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background : #869791
}
.owl-dots .owl-dot span {
    width                       : 10px;
    height                      : 10px;
    margin                      : 5px 7px;
    background                  : #D6D6D6;
    display                     : block;
    -webkit-backface-visibility : visible;
    -webkit-transition          : opacity 200ms ease;
    -moz-transition             : opacity 200ms ease;
    -ms-transition              : opacity 200ms ease;
    -o-transition               : opacity 200ms ease;
    transition                  : opacity 200ms ease;
    -webkit-border-radius       : 30px;
    -moz-border-radius          : 30px;
    border-radius               : 30px
}
.owl-dots .owl-dot {
    display : inline-block;
    zoom    : 1
}
.owl-dots {
    text-align                  : center;
    -webkit-tap-highlight-color : transparent
}
#pre-div-ajax {
    position : relative;
    top      : 80px

}
#pre-div {
    background-color : #FFFFFF;
    bottom           : 0;
    height           : 100%;
    width            : 100%;
    left             : 0;
    position         : absolute;
    right            : 0;
    top              : 0;
    z-index          : 10000;
}
.cssload-loader {
    position              : absolute;
    left                  : calc(50% - 31px);
    top                   : calc(50% - 31px);
    width                 : 62px;
    height                : 62px;
    border-radius         : 50%;
    -o-border-radius      : 50%;
    -ms-border-radius     : 50%;
    -webkit-border-radius : 50%;
    -moz-border-radius    : 50%;
    perspective           : 780px;
}
.cssload-inner {
    position              : absolute;
    width                 : 100%;
    height                : 100%;
    box-sizing            : border-box;
    -o-box-sizing         : border-box;
    -ms-box-sizing        : border-box;
    -webkit-box-sizing    : border-box;
    -moz-box-sizing       : border-box;
    border-radius         : 50%;
    -o-border-radius      : 50%;
    -ms-border-radius     : 50%;
    -webkit-border-radius : 50%;
    -moz-border-radius    : 50%;
}
.cssload-inner.cssload-one {
    left              : 0%;
    top               : 0%;
    animation         : cssload-rotate-one 1.15s linear infinite;
    -o-animation      : cssload-rotate-one 1.15s linear infinite;
    -ms-animation     : cssload-rotate-one 1.15s linear infinite;
    -webkit-animation : cssload-rotate-one 1.15s linear infinite;
    -moz-animation    : cssload-rotate-one 1.15s linear infinite;
    border-bottom     : 3px solid rgb(0, 0, 0);
}
.cssload-inner.cssload-two {
    right             : 0%;
    top               : 0%;
    animation         : cssload-rotate-two 1.15s linear infinite;
    -o-animation      : cssload-rotate-two 1.15s linear infinite;
    -ms-animation     : cssload-rotate-two 1.15s linear infinite;
    -webkit-animation : cssload-rotate-two 1.15s linear infinite;
    -moz-animation    : cssload-rotate-two 1.15s linear infinite;
    border-right      : 3px solid rgb(0, 0, 0);
}
.cssload-inner.cssload-three {
    right             : 0%;
    bottom            : 0%;
    animation         : cssload-rotate-three 1.15s linear infinite;
    -o-animation      : cssload-rotate-three 1.15s linear infinite;
    -ms-animation     : cssload-rotate-three 1.15s linear infinite;
    -webkit-animation : cssload-rotate-three 1.15s linear infinite;
    -moz-animation    : cssload-rotate-three 1.15s linear infinite;
    border-top        : 3px solid rgb(0, 0, 0);
}
.owl-thumb-item img {
    width      : 260px;
    height     : auto;
    max-height : 166px;
}
.owl-thumbs {
    position   : absolute;
    left       : 0;
    display    : table;
    width      : 100%;
    text-align : center;
    padding    : 5% 0;
    bottom     : -100px
}
.owl-thumb-item {
    display            : inline-block;
    border             : none;
    background         : none;
    padding            : 0;
    opacity            : .2;
    margin             : 0 15px;
    -webkit-transition : all .15s;
    transition         : all .15s;
}
.owl-thumb-item:not(.active):hover {
    opacity           : .99;
    cursor            : pointer;
    -webkit-transform : translateY(-3px);
    -ms-transform     : translateY(-3px);
    transform         : translateY(-3px);
}
.owl-thumb-item.active {
    opacity : .99;
}
@media only screen and (max-width : 768px) {
    .owl-thumb-item img {
        width      : 60px;
        max-height : 60px;
    }
    .owl-thumbs {
        bottom : 30px
    }
    .owl-thumb-item {
        margin : 0 5px;
    }

}
@media only screen and (max-width : 1024px) and (min-width : 768px) {
    .owl-thumb-item img {
        width      : 160px;
        max-height : 160px;
    }
    .owl-thumbs {
        bottom : -38px
    }
    .owl-thumb-item {
        margin : 0 5px;
    }
}
@keyframes cssload-rotate-one {
    0% {
        transform : rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        transform : rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@-o-keyframes cssload-rotate-one {
    0% {
        -o-transform : rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -o-transform : rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@-ms-keyframes cssload-rotate-one {
    0% {
        -ms-transform : rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -ms-transform : rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@-webkit-keyframes cssload-rotate-one {
    0% {
        -webkit-transform : rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform : rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@-moz-keyframes cssload-rotate-one {
    0% {
        -moz-transform : rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -moz-transform : rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@keyframes cssload-rotate-two {
    0% {
        transform : rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        transform : rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@-o-keyframes cssload-rotate-two {
    0% {
        -o-transform : rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -o-transform : rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@-ms-keyframes cssload-rotate-two {
    0% {
        -ms-transform : rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -ms-transform : rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@-webkit-keyframes cssload-rotate-two {
    0% {
        -webkit-transform : rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform : rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@-moz-keyframes cssload-rotate-two {
    0% {
        -moz-transform : rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -moz-transform : rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@keyframes cssload-rotate-three {
    0% {
        transform : rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        transform : rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
@-o-keyframes cssload-rotate-three {
    0% {
        -o-transform : rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -o-transform : rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
@-ms-keyframes cssload-rotate-three {
    0% {
        -ms-transform : rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -ms-transform : rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
@-webkit-keyframes cssload-rotate-three {
    0% {
        -webkit-transform : rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform : rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
@-moz-keyframes cssload-rotate-three {
    0% {
        -moz-transform : rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -moz-transform : rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}