body {
    overflow-x: hidden;
    position: relative;
}
.action.primary, a.action.primary, button.action.primary,
input[type="text"], input[type="password"], input[type="url"],input[type="tel"], input[type="search"], input[type="number"], input[type*="date"], input[type="email"]{
    font-family: Verdana, Geneva, sans-serif;
}
/*----------------------------------------------------------

#Section

----------------------------------------------------------*/
section, .section {
    padding-top: 60px;
    padding-bottom: 60px;
}

section.map-section,
.section.map-section {
    padding-top: 0;
    padding-bottom: 0;
}

/* Typo light */
.typo-light,
.typo-light h1,
.typo-light h2,
.typo-light h3,
.typo-light h4,
.typo-light h5,
.typo-light p,
.typo-light span,
.typo-light label {
    color: #fff;
}

.text-light {
    color: #fff !important;
}

/* Back to top */
/* Back to top */
#totop {
    height: 30px;
    position: fixed;
    right: 15px;
    width: 30px;
    z-index: 9999;
    bottom: 15px;
    background-color: #303133;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    display: none;
}

/* Pre loader
#pageloader{position:fixed;z-index:99999;top:0;overflow:hidden;width:100%;height:100%;background-color:#fff}
#pageloader .loader-inner{position:absolute;top:50%;right:0;left:0;margin:0 auto;transform:translateY(-47%)}
#pageloader .loader-inner img{margin:0 auto}*/
/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

#totop {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

#totop:hover,
#totop:focus,
#totop:active {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/
/
----------------------------------------------------------

/
/
Section Title

/
/
----------------------------------------------------------
.page-header .switcher .options .action.toggle::after, .page-footer .switcher .options .action.toggle::after,
.page-header .switcher .options .action.toggle.active::after, .page-footer .switcher .options .action.toggle.active::after {
    font-size: 8px;
}

/*----------------------------------------------------------

#Section Title

----------------------------------------------------------*/
.section-title .title,
.page-title h1 {
    font-weight: 600;
    margin-top: 0;
    position: relative;
}

.page-title h1::after,
.section-title .title::after {
    width: 40px;
    position: absolute;
    bottom: 0;
    height: 1px;
    left: 0;
    background: #ddd;
}

.page-title.text-center h1::after,
.section-title.text-center .title::after {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.page-title.text-right h1::after,
.section-title.text-right .title::after {
    left: auto;
    right: 0;
    margin: 0;
}

/* Section Title */
.page-title h1::after,
.section-title .title::after,
.navbar .nav-regular .nav-submenu--mega > li > a:after {
    background: #2C88D3;
}

/* Page Title */
.page-title {
    padding: 0;
    border: 0;
}

/* infobox Title */
.info-box {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #eaeaea;
    color: #777777;
}

.info-box .box-title {
    font-family: inherit;
}

/* Button */
.action.primary, a.action.primary, button.action.primary {
    font-weight: 400;
    font-size: 15px;
}


/* Home Page */
.homepage-bar {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background-color: #fbfbfb;
}

.homepage-bar .col-md-4 {
    border-left: 1px solid #e1e1e1;
    padding-top: 20px;
    padding-bottom: 21px;
}

.homepage-bar .col-md-4:first-child {
    border-left: 0;
}

.homepage-bar [class*=" varmo-icon-"], .homepage-bar [class^="varmo-icon-"] {
    font-size: 34px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
}

.homepage-bar .text-area {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 5px;
}

.homepage-bar h3 {
    color: #313131;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 1.5;
}

.homepage-bar p {
    font-size: 12px;
    margin: 0;
    line-height: 1;
}

.image-link {
    display: block;
    position: relative;
}

.image-link:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
}

.image-link:hover:before {
    opacity: 0.1;
    visibility: visible;
}

.image-link img {
    width: 100%;
}

.border-radius .image-link:before {
    border-radius: 8px;
}

.custom-support {
    text-align: left;
}

.custom-support em[class*=icon-] {
    float: left;
    background-color: #e35d53;
    color: #fff;
    border-radius: 50%;
    width: 62px;
    height: 62px;
    text-align: center;
    line-height: 62px;
    font-size: 20px;
}

.custom-support div.content {
    margin-left: 76px;
}

.custom-support div.content > h2 {
    color: #000;
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
}

.custom-support div.content > em {
    color: #888;
    font-weight: 300;
    font-size: 11px;
    font-style: normal;
    line-height: 1;
    margin-bottom: 15px;
    display: block;
}

.custom-support div.content > p {
    color: #666;
    font-size: 14px;
}

.parallax-wrapper {
    position: relative;
}

.parallax-wrapper .overlay {
    background-color: #000;
    opacity: 0.55;
    filter: alpha(opacity=55);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}

.parallax {
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    padding: 50px 0;
}

.parallax-slider {
    text-align: center;
}

.parallax-slider .owl-carousel h2 {
    font-size: 60.28px;
    color: #fff;
    line-height: 1;
}

.parallax-slider .owl-carousel p {
    font-size: 22.6px;
    color: #fff;
    line-height: 1;
    margin-bottom: 30px;
}

.parallax-slider .owl-carousel a {
    font-size: 16px;
    color: #fff;
    line-height: 1;
}

.brands-slider .owl-carousel .owl-item img {
    width: auto;
    max-width: 100%;
}

/*************** Custom Recent Posts ******************/
.recent-posts .item .post-image {
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 15px 0;
    padding: 2px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
}

.recent-posts .item .post-image img {
    border-radius: 4px;
    width: 100%;
}

.recent-posts .post-date {
    float: left;
    margin-right: 10px;
    text-align: center;
}

.recent-posts .post-date .day {
    background-color: #f7f7f7;
    color: #171717;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 8px;
}

.recent-posts .post-date .month {
    background-color: #171717;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .07) inset;
    color: #fff;
    font-size: 0.9em;
    padding: 2px 0;
    display: block;
    width: 45px;
}

.recent-posts .postTitle {
    min-height: 55px;
    border: 0;
}

.recent-posts .postTitle h2 {
    font-size: 20px;
    line-height: 27px;
    font-weight: normal;
    padding: 0;
    margin: 0 0 10px 0;
}

.recent-posts .postTitle a:hover {
    text-decoration: none;
}

.recent-posts .postContent {
    font-size: 14px;
    line-height: 1.5;
    padding-bottom: 15px;
}

.recent-posts .postContent > p {
    margin: 0;
}

.recent-posts a.readmore {
    font-weight: 300;
    font-size: 16px;
}

@media (max-width: 991px) {
    .homepage-bar .col-md-4 {
        border: 0;
        text-align: left;
    }

    .parallax {
        background-position: center center !important;
        background-attachment: initial;
    }
}

@media (max-width: 767px) {
    .parallax-slider .owl-carousel h2 {
        font-size: 40px;
    }

    .parallax-slider .owl-carousel p {
        font-size: 13px;
        margin-bottom: 15px;
    }

    .parallax-slider .owl-carousel a {
        font-size: 13px;
    }
}

/*=============== Demo 1 Homepage Slider ===============*/
.owl-banner-carousel .content.type1 h2 {
    font-size: 60px
}

.owl-banner-carousel .content.type1 p {
    font-size: 25px
}

.owl-banner-carousel .content.type1 a {
    font-size: 16px
}

@media (max-width: 1199px) {
    .owl-banner-carousel .content.type1 h2 {
        font-size: 48px
    }

    .owl-banner-carousel .content.type1 p {
        font-size: 20px
    }

    .owl-banner-carousel .content.type1 a {
        font-size: 13px
    }
}

@media (max-width: 991px) {
    .owl-banner-carousel .content.type1 h2 {
        font-size: 36px
    }

    .owl-banner-carousel .content.type1 p {
        font-size: 15px
    }

    .owl-banner-carousel .content.type1 a {
        font-size: 10px
    }
}

@media (max-width: 767px) {
    .owl-banner-carousel .content.type1 h2 {
        font-size: 24px
    }

    .owl-banner-carousel .content.type1 p {
        display: none
    }

    .owl-banner-carousel .content.type1 a {
        font-size: 8px
    }
}

/*=============== Demo 3 Homepage Slider ===============*/
#banner-slider-demo-3 .slide1-content em {
    font-size: 26.26px;
    margin: 0 10px
}

#banner-slider-demo-3 .slide1-content h2 {
    font-size: 79.12px;
    margin: 5px 0 10px
}

#banner-slider-demo-3 .slide1-content p {
    font-size: 23.64px
}

#banner-slider-demo-3 .slide2-content em {
    font-size: 26.26px;
    margin-left: 8px
}

#banner-slider-demo-3 .slide2-content h2 {
    font-size: 82.51px;
    margin: 3px 0 10px
}

#banner-slider-demo-3 .slide2-content p {
    font-size: 18px;
    margin-left: 8px;
    margin-bottom: 30px
}

#banner-slider-demo-3 .slide2-content p span.split {
    margin: 0 13px 0 14px;
    border: 0;
}

#banner-slider-demo-3 .slide2-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

#banner-slider-demo-3 .slide3-content em {
    font-size: 26.26px
}

#banner-slider-demo-3 .slide3-content h2 {
    font-size: 82.51px;
    margin-bottom: 17px;
}

#banner-slider-demo-3 .slide3-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

@media (max-width: 991px) {
    #banner-slider-demo-3 .slide1-content img.quote {
        width: 30px
    }

    #banner-slider-demo-3 .slide1-content em {
        font-size: 20px;
        margin: 0 8px
    }

    #banner-slider-demo-3 .slide1-content h2 {
        font-size: 60px;
        margin: 4px 0 8px
    }

    #banner-slider-demo-3 .slide1-content p {
        font-size: 18px
    }

    #banner-slider-demo-3 .slide2-content em {
        font-size: 20px;
        margin-left: 7px
    }

    #banner-slider-demo-3 .slide2-content h2 {
        font-size: 65px;
        margin: 2px 0 8px
    }

    #banner-slider-demo-3 .slide2-content p {
        font-size: 15px;
        margin-left: 7px;
        margin-bottom: 25px
    }

    #banner-slider-demo-3 .slide2-content p span.split {
        margin: 0 8px 0 9px
    }

    #banner-slider-demo-3 .slide2-content a.btn-default {
        font-size: 12px;
        width: 120px;
        height: 35px;
        line-height: 35px;
        padding: 0;
        margin-right: 1px
    }

    #banner-slider-demo-3 .slide3-content em {
        font-size: 20px
    }

    #banner-slider-demo-3 .slide3-content h2 {
        font-size: 65px;
        margin-bottom: 13px
    }

    #banner-slider-demo-3 .slide3-content a.btn-default {
        font-size: 12px;
        width: 120px;
        height: 35px;
        line-height: 35px;
        padding: 0;
        margin-right: 1px
    }
}

@media (max-width: 640px) {
    #banner-slider-demo-3 .slide1-content img.quote {
        width: 15px
    }

    #banner-slider-demo-3 .slide1-content em {
        font-size: 14px;
        margin: 0 3px
    }

    #banner-slider-demo-3 .slide1-content h2 {
        font-size: 38px;
        margin: 1px 0 5px
    }

    #banner-slider-demo-3 .slide1-content p {
        font-size: 14px
    }

    #banner-slider-demo-3 .slide2-content em {
        font-size: 14px;
        margin-left: 3px
    }

    #banner-slider-demo-3 .slide2-content h2 {
        font-size: 39px;
        margin: 0 0 5px
    }

    #banner-slider-demo-3 .slide2-content p {
        font-size: 8px;
        margin-left: 4px;
        margin-bottom: 15px
    }

    #banner-slider-demo-3 .slide2-content p span.split {
        margin: 0 7px 0 8px
    }

    #banner-slider-demo-3 .slide2-content a.btn-default {
        font-size: 8px;
        width: 80px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        margin-right: 1px
    }

    #banner-slider-demo-3 .slide3-content em {
        font-size: 14px
    }

    #banner-slider-demo-3 .slide3-content h2 {
        font-size: 38px;
        margin-bottom: 8px
    }

    #banner-slider-demo-3 .slide3-content a.btn-default {
        font-size: 8px;
        width: 80px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        margin-right: 1px
    }
}

/*=============== Demo 4 Homepage Slider ===============*/
#banner-slider-demo-4 .slide1-content em {
    font-size: 26.26px;
    margin: 0 10px
}

#banner-slider-demo-4 .slide1-content h2 {
    font-size: 79.12px;
    margin: 5px 0 10px
}

#banner-slider-demo-4 .slide1-content p {
    font-size: 23.64px
}

#banner-slider-demo-4 .slide2-content em {
    font-size: 26.26px;
    margin-left: 8px
}

#banner-slider-demo-4 .slide2-content h2 {
    font-size: 82.51px;
    margin: 3px 0 10px
}

#banner-slider-demo-4 .slide2-content p {
    font-size: 18px;
    margin-left: 8px;
    margin-bottom: 30px
}

#banner-slider-demo-4 .slide2-content p span.split {
    margin: 0 13px 0 14px;
    border: 0;
}

#banner-slider-demo-4 .slide2-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

#banner-slider-demo-4 .slide3-content em {
    font-size: 26.26px
}

#banner-slider-demo-4 .slide3-content h2 {
    font-size: 82.51px;
    margin-bottom: 17px;
}

#banner-slider-demo-4 .slide3-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

@media (max-width: 991px) {
    #banner-slider-demo-4 .slide1-content img.quote {
        width: 30px
    }

    #banner-slider-demo-4 .slide1-content em {
        font-size: 20px;
        margin: 0 8px
    }

    #banner-slider-demo-4 .slide1-content h2 {
        font-size: 60px;
        margin: 4px 0 8px
    }

    #banner-slider-demo-4 .slide1-content p {
        font-size: 18px
    }

    #banner-slider-demo-4 .slide2-content em {
        font-size: 20px;
        margin-left: 7px
    }

    #banner-slider-demo-4 .slide2-content h2 {
        font-size: 65px;
        margin: 2px 0 8px
    }

    #banner-slider-demo-4 .slide2-content p {
        font-size: 15px;
        margin-left: 7px;
        margin-bottom: 25px
    }

    #banner-slider-demo-4 .slide2-content p span.split {
        margin: 0 8px 0 9px
    }

    #banner-slider-demo-4 .slide2-content a.btn-default {
        font-size: 12px;
        width: 120px;
        height: 35px;
        line-height: 35px;
        padding: 0;
        margin-right: 1px
    }

    #banner-slider-demo-4 .slide3-content em {
        font-size: 20px
    }

    #banner-slider-demo-4 .slide3-content h2 {
        font-size: 65px;
        margin-bottom: 13px
    }

    #banner-slider-demo-4 .slide3-content a.btn-default {
        font-size: 12px;
        width: 120px;
        height: 35px;
        line-height: 35px;
        padding: 0;
        margin-right: 1px
    }
}

@media (max-width: 640px) {
    #banner-slider-demo-4 .slide1-content img.quote {
        width: 15px
    }

    #banner-slider-demo-4 .slide1-content em {
        font-size: 14px;
        margin: 0 3px
    }

    #banner-slider-demo-4 .slide1-content h2 {
        font-size: 38px;
        margin: 1px 0 5px
    }

    #banner-slider-demo-4 .slide1-content p {
        font-size: 14px
    }

    #banner-slider-demo-4 .slide2-content em {
        font-size: 14px;
        margin-left: 3px
    }

    #banner-slider-demo-4 .slide2-content h2 {
        font-size: 39px;
        margin: 0 0 5px
    }

    #banner-slider-demo-4 .slide2-content p {
        font-size: 8px;
        margin-left: 4px;
        margin-bottom: 15px
    }

    #banner-slider-demo-4 .slide2-content p span.split {
        margin: 0 7px 0 8px
    }

    #banner-slider-demo-4 .slide2-content a.btn-default {
        font-size: 8px;
        width: 80px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        margin-right: 1px
    }

    #banner-slider-demo-4 .slide3-content em {
        font-size: 14px
    }

    #banner-slider-demo-4 .slide3-content h2 {
        font-size: 38px;
        margin-bottom: 8px
    }

    #banner-slider-demo-4 .slide3-content a.btn-default {
        font-size: 8px;
        width: 80px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        margin-right: 1px
    }
}

@media (min-width: 992px) {
    .md-f-right {
        float: right !important;
    }
}

@media (min-width: 768px) {
    .sm-f-right {
        float: right !important;
    }
}

.side-custom-menu {
    /* border: 1px solid #e1e1e1;
     overflow: hidden;*/
}

.side-custom-menu h2 {
    color: #fff;
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    padding: 13px 13px 12px;
    background-color: #f5f5f5;
    line-height: 1;
    margin: 0;
}

.side-custom-menu ul {
    padding: 0 12px;
    /* padding: 19px 16px 8px; */
    margin: 0;
    list-style: none;
}

.side-custom-menu nav > ul > li,
.side-custom-menu > ul > li {
    text-align: left;
    padding: 13px 4px 12px;
    border-top: 1px solid #e1e1e1;
    margin: 0;
    line-height: 1;
}

.side-custom-menu ul li:first-child {
    border: 0;
}

.side-custom-menu ul li a {
    color: #777;
    font-size: 13px;
    line-height: 1;
    display: block;
}

.sidebar-title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #171717;
    line-height: 1;
}

.subscribe-form .block-content > p {
    font-size: 12px;
}

.f-left {
    float: left !important;
}

.f-right {
    float: right !important;
}

.abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .payment-method-billing-address .action-cancel:hover, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover {
    text-decoration: none;
}

body.boxed {
    padding: 24px 0 17px;
    background: url(../../../medicalshop/web/images/boxed_bg.png) repeat;
}

body.boxed .page-wrapper {
    width: 1170px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
}

.fotorama__fullscreen-icon {
    display: block;
}

.fotorama__stage .fotorama__fullscreen-icon {
    height: 60px;
    width: 60px;
}

.fotorama__stage .fotorama__zoom-in::before,
.fotorama__stage .fotorama__zoom-out::before,
.fotorama__stage .fotorama__fullscreen-icon::before {
    line-height: 60px;
}

.fotorama__fullscreen .fotorama__stage .fotorama__zoom-in,
.fotorama__fullscreen .fotorama__stage .fotorama__zoom-out {
    height: 60px;
    width: 60px;
}

.fotorama .fotorama-sprite, .fotorama__fullscreen .fotorama .fotorama__zoom-out, .fotorama__fullscreen .fotorama .fotorama__zoom-in, .fotorama .fotorama__arr .fotorama__arr__arr, .fotorama .fotorama__fullscreen-icon, .fotorama .fotorama__thumb__arr {
    background: none;
    color: #171717;
}

.fotorama-sprite:before, .fotorama__fullscreen .fotorama__zoom-out:before, .fotorama__fullscreen .fotorama__zoom-in:before, .fotorama__arr .fotorama__arr__arr:before, .fotorama__fullscreen-icon:before, .fotorama__thumb__arr:before {
    font-family: 'varmo-icons';
    display: block;
    text-align: center;
}

.fotorama .fotorama__arr .fotorama__arr__arr {
    height: auto;
}

.fotorama__arr--next .fotorama__arr__arr:before {
    content: "\e709";
    font-size: 35px;
    line-height: 1;
}

.fotorama__arr--prev .fotorama__arr__arr:before {
    content: "\e710";
    font-size: 35px;
    line-height: 1;
}

.fotorama__thumb__arr--left .fotorama__thumb__arr:before {
    content: "\e710";
    font-size: 30px;
    line-height: 1;
}

.fotorama__thumb__arr--right .fotorama__thumb__arr:before {
    content: "\e709";
    font-size: 30px;
    line-height: 1;
}

.fotorama__zoom-in:before {
    content: "\e780";
    font-size: 20px;
    line-height: 50px;
}

.fotorama__zoom-out:before {
    content: "\e781";
    font-size: 20px;
    line-height: 50px;
}

.fotorama__fullscreen-icon:before {
    content: "\e779";
    font-size: 20px;
    line-height: 50px;
}

.fotorama__stage {
    border: 1px solid #e1e1e1;
    border-radius: 0;
    background: #fff;
    max-width: 100%;
    overflow: hidden;
}

.fotorama__nav--thumbs .fotorama__thumb {
    border: 1px solid #e1e1e1 !important;
    border-radius: 0;
    background-color: #fff;
}

.fotorama__nav .fotorama__thumb__arr {
    padding-bottom: 0;
}

.fotorama__nav .fotorama__thumb-border {
    border-radius: 0;
}

.fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img {
    border: none;
}

.fotorama__stage__shaft {
    border: 3px solid #fff;
    box-sizing: border-box;
    max-width: 100%;
}

/* Top left Position */
.fotorama .fotorama__arr {
    background: #171717;
    bottom: auto;
    height: 30px;
    left: 10px;
    top: 10px;
    width: 30px;
}

.fotorama .fotorama__arr.fotorama__arr--next {
    left: 42px;
}

.fotorama .fotorama__arr--next .fotorama__arr__arr::before,
.fotorama .fotorama__arr--prev .fotorama__arr__arr::before {
    font-size: 16px;
    color: #fff;
}

.fotorama .fotorama__arr .fotorama__arr__arr {
    width: auto;
}

/* Alert */
.message {
    border-radius: 5px;
}

@media (max-width: 1199px) {
    body.boxed .page-wrapper {
        width: 980px;
    }
}

@media (max-width: 991px) {
    body.boxed .page-wrapper {
        width: 750px;
    }
}

@media (max-width: 767px) {
    body.boxed .page-wrapper {
        width: 630px;
    }

    .sm-clearer {
        clear: both;
    }
}

@media (max-width: 640px) {
    body.boxed .page-wrapper {
        width: 460px;
    }
}

@media (max-width: 480px) {
    body.boxed .page-wrapper {
        width: 300px;
    }
}

/*
// Product
*/
.product-item-name, .product.name a {
    font-weight: 600;
}

.product.description p {
    line-height: 1.4;
}

/*

// Spacings

*/

/*
//Column
*/
.col-space-none .col-lg-1, .col-space-none .col-lg-10, .col-space-none .col-lg-11, .col-space-none .col-lg-12, .col-space-none .col-lg-2, .col-space-none .col-lg-3, .col-space-none .col-lg-4, .col-space-none .col-lg-5, .col-space-none .col-lg-6, .col-space-none .col-lg-7, .col-space-none .col-lg-8, .col-space-none .col-lg-9, .col-space-none .col-md-1, .col-space-none .col-md-10, .col-space-none .col-md-11, .col-space-none .col-md-12, .col-space-none .col-md-2, .col-space-none .col-md-3, .col-space-none .col-md-4, .col-space-none .col-md-5, .col-space-none .col-md-6, .col-space-none .col-md-7, .col-space-none .col-md-8, .col-space-none .col-md-9, .col-space-none .col-sm-1, .col-space-none .col-sm-10, .col-space-none .col-sm-11, .col-space-none .col-sm-12, .col-space-none .col-sm-2, .col-space-none .col-sm-3, .col-space-none .col-sm-4, .col-space-none .col-sm-5, .col-space-none .col-sm-6, .col-space-none .col-sm-7, .col-space-none .col-sm-8, .col-space-none .col-sm-9, .col-space-none .col-xs-1, .col-space-none .col-xs-10, .col-space-none .col-xs-11, .col-space-none .col-xs-12, .col-space-none .col-xs-2, .col-space-none .col-xs-3, .col-space-none .col-xs-4, .col-space-none .col-xs-5, .col-space-none .col-xs-6, .col-space-none .col-xs-7, .col-space-none .col-xs-8, .col-space-none .col-xs-9 {
    padding-left: 0;
    padding-right: 0;
}

/*
//Column Space 15
*/
.col-space-md .row {
    margin-left: -8px;
    margin-right: -8px;
}

.col-space-md .col-lg-1, .col-space-md .col-lg-10, .col-space-md .col-lg-11, .col-space-md .col-lg-12, .col-space-md .col-lg-2, .col-space-md .col-lg-3, .col-space-md .col-lg-4, .col-space-md .col-lg-5, .col-space-md .col-lg-6, .col-space-md .col-lg-7, .col-space-md .col-lg-8, .col-space-md .col-lg-9, .col-space-md .col-md-1, .col-space-md .col-md-10, .col-space-md .col-md-11, .col-space-md .col-md-12, .col-space-md .col-md-2, .col-space-md .col-md-3, .col-space-md .col-md-4, .col-space-md .col-md-5, .col-space-md .col-md-6, .col-space-md .col-md-7, .col-space-md .col-md-8, .col-space-md .col-md-9, .col-space-md .col-sm-1, .col-space-md .col-sm-10, .col-space-md .col-sm-11, .col-space-md .col-sm-12, .col-space-md .col-sm-2, .col-space-md .col-sm-3, .col-space-md .col-sm-4, .col-space-md .col-sm-5, .col-space-md .col-sm-6, .col-space-md .col-sm-7, .col-space-md .col-sm-8, .col-space-md .col-sm-9, .col-space-md .col-xs-1, .col-space-md .col-xs-10, .col-space-md .col-xs-11, .col-space-md .col-xs-12, .col-space-md .col-xs-2, .col-space-md .col-xs-3, .col-space-md .col-xs-4, .col-space-md .col-xs-5, .col-space-md .col-xs-6, .col-space-md .col-xs-7, .col-space-md .col-xs-8, .col-space-md .col-xs-9 {
    padding-left: 8px;
    padding-right: 8px;
}

/*
// Pulled Block
*/
.pulled-block-top {
    margin-top: -150px;
}

/*
// Padding
*/
.p-none {
    padding: 0;
}

.pt-none {
    padding-top: 0;
}

.pb-none {
    padding-bottom: 0;
}

.ptb-none {
    padding-top: 0;
    padding-bottom: 0;
}

/* Padding 15 px */
.p-15 {
    padding: 15px;
}

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.ptb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pl-15 {
    padding-left: 15px;
}

.pr-15 {
    padding-right: 15px;
}

/*
// Padding 20px
*/
.p-20 {
    padding: 20px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.ptb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pl-20 {
    padding-left: 20px;
}

.pr-20 {
    padding-right: 20px;
}

/*
// Padding 30px
*/
.p-30 {
    padding: 30px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pl-30 {
    padding-left: 30px;
}

.pr-30 {
    padding-right: 30px;
}


/*
// Margin
*/
.m-none {
    margin: 0;
}

.mt-none {
    margin-top: 0;
}

.mb-none {
    margin-bottom: 0;
}

.mtb-none {
    margin-top: 0;
    margin-bottom: 0;
}

/*
// Margin 10px
*/
.m-10 {
    margin: 10px;
}

.mt-10 {
    margin-top: 10px !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.ml-10 {
    margin-left: 10px;
}

.mr-10 {
    margin-right: 10px;
}

/* Margin 15 px */
.m-15 {
    margin: 15px;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.ml-15 {
    margin-left: 15px;
}

.mr-15 {
    margin-right: 15px;
}

/* 20 px */
.m-20 {
    margin: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.ml-20 {
    margin-left: 20px;
}

.mr-20 {
    margin-right: 20px;
}

/* 30 px */
.m-30 {
    margin: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.ml-30 {
    margin-left: 30px;
}

.mr-30 {
    margin-right: 30px;
}

/*
// Spacings - Responsive
*/

/*
// 1024 Width
*/
@media (max-width: 1024px) {
    /* Margin 15 px */
    .m-15-1024 {
        margin: 15px;
    }

    .mt-15-1024 {
        margin-top: 15px;
    }

    .mb-15-1024 {
        margin-bottom: 15px;
    }

    .ml-15-1024 {
        margin-left: 15px;
    }

    .mr-15-1024 {
        margin-right: 15px;
    }


    /* Margin 20 px */
    .m-20-1024 {
        margin: 20px;
    }

    .mt-20-1024 {
        margin-top: 20px;
    }

    .mb-20-1024 {
        margin-bottom: 20px;
    }

    .ml-20-1024 {
        margin-left: 20px;
    }

    .mr-20-1024 {
        margin-right: 20px;
    }
}


/* 991 */
@media (max-width: 991px) {
    /* 20 px */
    .m-20-991 {
        margin: 20px;
    }

    .mt-20-991 {
        margin-top: 20px;
    }

    .mb-20-991 {
        margin-bottom: 20px;
    }

    .ml-20-991 {
        margin-left: 15px;
    }

    .mr-20-991 {
        margin-right: 15px;
    }

    /* 30 px */
    .m-30-991 {
        margin: 30px;
    }

    .mt-30-991 {
        margin-top: 30px;
    }

    .mb-30-991 {
        margin-bottom: 30px;
    }

    .ml-30-991 {
        margin-left: 15px;
    }

    .mr-30-991 {
        margin-right: 15px;
    }
}


/* Min 767 */
@media (min-width: 767px) {

    .m-none-767 {
        margin: 0;
    }

    .mt-none-767 {
        margin-top: 0;
    }

    .mb-none-767 {
        margin-bottom: 0 !important;
    }

    .mtb-none-767 {
        margin-top: 0;
        margin-bottom: 0;
    }


    /* Pulled Block */
    .pulled-block-top-sm {
        margin-top: -130px;
    }
}

/* 767 */
@media (max-width: 767px) {
    /* Margin 15 px */
    .m-15-767 {
        margin: 15px;
    }

    .mt-15-767 {
        margin-top: 15px;
    }

    .mb-15-767 {
        margin-bottom: 15px;
    }

    .ml-15-767 {
        margin-left: 15px;
    }

    .mr-15-767 {
        margin-right: 15px;
    }

    /* 20 px */
    .m-20-767 {
        margin: 20px;
    }

    .mt-20-767 {
        margin-top: 20px;
    }

    .mb-20-767 {
        margin-bottom: 20px;
    }

    .ml-20-767 {
        margin-left: 15px;
    }

    .mr-20-767 {
        margin-right: 15px;
    }

    /* 30 px */
    .m-30-767 {
        margin: 30px;
    }

    .mt-30-767 {
        margin-top: 30px;
    }

    .mb-30-767 {
        margin-bottom: 30px;
    }

    .ml-30-767 {
        margin-left: 15px;
    }

    .mr-30-767 {
        margin-right: 15px;
    }
}

/*

// Overlay

*/
.overlay {
    position: relative;
    overflow: hidden;
    display: block;
}

.overlay .overlay-inner,
.overlay:hover .overlay-inner {
    -webkit-transition: all 250ms ease 0s;
    -moz-transition: all 250ms ease 0s;
    -ms-transition: all 250ms ease 0s;
    -o-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
}

.overlay .overlay-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: '';
    background: #171717;
    opacity: 0;
    transform: scale(0.8, 0.8);
}

.overlay:hover .overlay-inner {
    opacity: 0.2;
    transform: scale(1, 1);
}

.overlay.medium:hover .overlay-inner {
    opacity: 0.5;
    transform: scale(1, 1);
}

.overlay.heavy:hover .overlay-inner {
    opacity: 0.5;
    transform: scale(1, 1);
}

.overlay.white .overlay-inner {
    background: #fff;
}

/* Overlay */
.overlay.overlay-style2 .overlay-inner {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
}

.overlay.overlay-style2:hover .overlay-inner {
    opacity: 0.9;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

/* Overlay */
@media (max-width: 991px) {
    .overlay img {
        width: auto;
        margin: 0 auto;
    }
}

/* Look Book */
.lookbook-content, .lookbook-banner {
    float: left;
    width: 50%;
}

.lookbook-banner > a {
    background: #f7f7f7 none repeat scroll 0 0;
    display: block;
    margin: 0;
    padding: 7%;
}

.lookbook-banner > a:hover, .lookbook-banner > a:focus {
    background: #f1f1f1;
}

.lookbook-content {
    padding: 4%;
}

.lookbook-title > h4 {
    color: #171717;
    font-size: 27px;
    font-weight: 600;
    margin: 0 0 20px;
}

.lookbook-title > span {
    color: #777;
    display: inline-block;
    font-size: 18px;
    font-weight: 100;
    letter-spacing: 3px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.lookbook-desc > p {
    color: #999;
    font-size: 16px;
    font-weight: 100;
    letter-spacing: 2px;
    line-height: 2;
}

/* Lookbook */
@media (max-width: 1024px) {
    .lookbook-content, .lookbook-banner {
        float: none;
        margin: 0 auto;
        width: 100%;
    }

    .lookbook-content {
        padding: 0 0 20px;
    }

    .lookbook-wrapper {
        border: 2px solid #f1f1f1;
        float: none;
        margin: 0 auto 5px;
        padding: 30px;
        width: 70%;
    }
}

/* Lookbook */
@media (max-width: 640px) {
    .lookbook-content {
        padding: 10px 0;
    }

    .lookbook-wrapper {
        width: 100%;
    }
}


/* Page Header */
.homepage-bar {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background-color: #fbfbfb;
}

.homepage-bar .col-md-4 {
    border-left: 1px solid #e1e1e1;
    padding-top: 20px;
    padding-bottom: 21px;
}

.homepage-bar .col-md-4:first-child {
    border-left: 0;
}

.homepage-bar [class*=" varmo-icon-"], .homepage-bar [class^="varmo-icon-"] {
    font-size: 34px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
}

.homepage-bar .text-area {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 5px;
}

.homepage-bar h3 {
    color: #313131;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 1.5;
}

.homepage-bar p {
    font-size: 12px;
    margin: 0;
    line-height: 1;
}

.image-link {
    display: block;
    position: relative;
}

.image-link:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
}

.image-link:hover:before {
    opacity: 0.1;
    visibility: visible;
}

.image-link img {
    width: 100%;
}

.border-radius .image-link:before {
    border-radius: 8px;
}

.custom-support {
    text-align: left;
}

.custom-support em[class*=icon-] {
    float: left;
    background-color: #e35d53;
    color: #fff;
    border-radius: 50%;
    width: 62px;
    height: 62px;
    text-align: center;
    line-height: 62px;
    font-size: 20px;
}

.custom-support div.content {
    margin-left: 76px;
}

.custom-support div.content > h2 {
    color: #000;
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
}

.custom-support div.content > em {
    color: #888;
    font-weight: 300;
    font-size: 11px;
    font-style: normal;
    line-height: 1;
    margin-bottom: 15px;
    display: block;
}

.custom-support div.content > p {
    color: #666;
    font-size: 14px;
}

.parallax-wrapper {
    position: relative;
}

.parallax-wrapper .overlay {
    background-color: #000;
    opacity: 0.55;
    filter: alpha(opacity=55);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}

.parallax {
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    padding: 50px 0;
}

.parallax-slider {
    text-align: center;
}

.parallax-slider .owl-carousel h2 {
    font-size: 60.28px;
    color: #fff;
    line-height: 1;
}

.parallax-slider .owl-carousel p {
    font-size: 22.6px;
    color: #fff;
    line-height: 1;
    margin-bottom: 30px;
}

.parallax-slider .owl-carousel a {
    font-size: 16px;
    color: #fff;
    line-height: 1;
}

.brands-slider .owl-carousel .owl-item img {
    width: auto;
    max-width: 100%;
}

/*************** Custom Recent Posts ******************/
.recent-posts .item .post-image {
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 15px 0;
    padding: 2px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
}

.recent-posts .item .post-image img {
    border-radius: 4px;
    width: 100%;
}

.recent-posts .post-date {
    float: left;
    margin-right: 10px;
    text-align: center;
}

.recent-posts .post-date .day {
    background-color: #f7f7f7;
    color: #171717;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 8px;
}

.recent-posts .post-date .month {
    background-color: #171717;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .07) inset;
    color: #fff;
    font-size: 0.9em;
    padding: 2px 0;
    display: block;
    width: 45px;
}

.recent-posts .postTitle {
    min-height: 55px;
    border: 0;
}

.recent-posts .postTitle h2 {
    font-size: 20px;
    line-height: 27px;
    font-weight: normal;
    padding: 0;
    margin: 0 0 10px 0;
}

.recent-posts .postTitle a:hover {
    text-decoration: none;
}

.recent-posts .postContent {
    font-size: 14px;
    line-height: 1.5;
    padding-bottom: 15px;
}

.recent-posts .postContent > p {
    margin: 0;
}

.recent-posts a.readmore {
    font-weight: 300;
    font-size: 16px;
}

@media (max-width: 991px) {
    .homepage-bar .col-md-4 {
        border: 0;
        text-align: left;
    }

    .parallax {
        background-position: center center !important;
        background-attachment: initial;
    }
}

@media (max-width: 767px) {
    .parallax-slider .owl-carousel h2 {
        font-size: 40px;
    }

    .parallax-slider .owl-carousel p {
        font-size: 13px;
        margin-bottom: 15px;
    }

    .parallax-slider .owl-carousel a {
        font-size: 13px;
    }
}

/*=============== Demo 1 Homepage Slider ===============*/
.owl-banner-carousel .content.type1 h2 {
    font-size: 60px
}

.owl-banner-carousel .content.type1 p {
    font-size: 25px
}

.owl-banner-carousel .content.type1 a {
    font-size: 16px
}

@media (max-width: 1199px) {
    .owl-banner-carousel .content.type1 h2 {
        font-size: 48px
    }

    .owl-banner-carousel .content.type1 p {
        font-size: 20px
    }

    .owl-banner-carousel .content.type1 a {
        font-size: 13px
    }
}

@media (max-width: 991px) {
    .owl-banner-carousel .content.type1 h2 {
        font-size: 36px
    }

    .owl-banner-carousel .content.type1 p {
        font-size: 15px
    }

    .owl-banner-carousel .content.type1 a {
        font-size: 10px
    }
}

@media (max-width: 767px) {
    .owl-banner-carousel .content.type1 h2 {
        font-size: 24px
    }

    .owl-banner-carousel .content.type1 p {
        display: none
    }

    .owl-banner-carousel .content.type1 a {
        font-size: 8px
    }
}

/*=============== Demo 3 Homepage Slider ===============*/
#banner-slider-demo-3 .slide1-content em {
    font-size: 26.26px;
    margin: 0 10px
}

#banner-slider-demo-3 .slide1-content h2 {
    font-size: 79.12px;
    margin: 5px 0 10px
}

#banner-slider-demo-3 .slide1-content p {
    font-size: 23.64px
}

#banner-slider-demo-3 .slide2-content em {
    font-size: 26.26px;
    margin-left: 8px
}

#banner-slider-demo-3 .slide2-content h2 {
    font-size: 82.51px;
    margin: 3px 0 10px
}

#banner-slider-demo-3 .slide2-content p {
    font-size: 18px;
    margin-left: 8px;
    margin-bottom: 30px
}

#banner-slider-demo-3 .slide2-content p span.split {
    margin: 0 13px 0 14px;
    border: 0;
}

#banner-slider-demo-3 .slide2-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

#banner-slider-demo-3 .slide3-content em {
    font-size: 26.26px
}

#banner-slider-demo-3 .slide3-content h2 {
    font-size: 82.51px;
    margin-bottom: 17px;
}

#banner-slider-demo-3 .slide3-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

@media (max-width: 991px) {
    #banner-slider-demo-3 .slide1-content img.quote {
        width: 30px
    }

    #banner-slider-demo-3 .slide1-content em {
        font-size: 20px;
        margin: 0 8px
    }

    #banner-slider-demo-3 .slide1-content h2 {
        font-size: 60px;
        margin: 4px 0 8px
    }

    #banner-slider-demo-3 .slide1-content p {
        font-size: 18px
    }

    #banner-slider-demo-3 .slide2-content em {
        font-size: 20px;
        margin-left: 7px
    }

    #banner-slider-demo-3 .slide2-content h2 {
        font-size: 65px;
        margin: 2px 0 8px
    }

    #banner-slider-demo-3 .slide2-content p {
        font-size: 15px;
        margin-left: 7px;
        margin-bottom: 25px
    }

    #banner-slider-demo-3 .slide2-content p span.split {
        margin: 0 8px 0 9px
    }

    #banner-slider-demo-3 .slide2-content a.btn-default {
        font-size: 12px;
        width: 120px;
        height: 35px;
        line-height: 35px;
        padding: 0;
        margin-right: 1px
    }

    #banner-slider-demo-3 .slide3-content em {
        font-size: 20px
    }

    #banner-slider-demo-3 .slide3-content h2 {
        font-size: 65px;
        margin-bottom: 13px
    }

    #banner-slider-demo-3 .slide3-content a.btn-default {
        font-size: 12px;
        width: 120px;
        height: 35px;
        line-height: 35px;
        padding: 0;
        margin-right: 1px
    }
}

@media (max-width: 640px) {
    #banner-slider-demo-3 .slide1-content img.quote {
        width: 15px
    }

    #banner-slider-demo-3 .slide1-content em {
        font-size: 14px;
        margin: 0 3px
    }

    #banner-slider-demo-3 .slide1-content h2 {
        font-size: 38px;
        margin: 1px 0 5px
    }

    #banner-slider-demo-3 .slide1-content p {
        font-size: 14px
    }

    #banner-slider-demo-3 .slide2-content em {
        font-size: 14px;
        margin-left: 3px
    }

    #banner-slider-demo-3 .slide2-content h2 {
        font-size: 39px;
        margin: 0 0 5px
    }

    #banner-slider-demo-3 .slide2-content p {
        font-size: 8px;
        margin-left: 4px;
        margin-bottom: 15px
    }

    #banner-slider-demo-3 .slide2-content p span.split {
        margin: 0 7px 0 8px
    }

    #banner-slider-demo-3 .slide2-content a.btn-default {
        font-size: 8px;
        width: 80px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        margin-right: 1px
    }

    #banner-slider-demo-3 .slide3-content em {
        font-size: 14px
    }

    #banner-slider-demo-3 .slide3-content h2 {
        font-size: 38px;
        margin-bottom: 8px
    }

    #banner-slider-demo-3 .slide3-content a.btn-default {
        font-size: 8px;
        width: 80px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        margin-right: 1px
    }
}

/*=============== Demo 4 Homepage Slider ===============*/
#banner-slider-demo-4 .slide1-content em {
    font-size: 26.26px;
    margin: 0 10px
}

#banner-slider-demo-4 .slide1-content h2 {
    font-size: 79.12px;
    margin: 5px 0 10px
}

#banner-slider-demo-4 .slide1-content p {
    font-size: 23.64px
}

#banner-slider-demo-4 .slide2-content em {
    font-size: 26.26px;
    margin-left: 8px
}

#banner-slider-demo-4 .slide2-content h2 {
    font-size: 82.51px;
    margin: 3px 0 10px
}

#banner-slider-demo-4 .slide2-content p {
    font-size: 18px;
    margin-left: 8px;
    margin-bottom: 30px
}

#banner-slider-demo-4 .slide2-content p span.split {
    margin: 0 13px 0 14px;
    border: 0;
}

#banner-slider-demo-4 .slide2-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

#banner-slider-demo-4 .slide3-content em {
    font-size: 26.26px
}

#banner-slider-demo-4 .slide3-content h2 {
    font-size: 82.51px;
    margin-bottom: 17px;
}

#banner-slider-demo-4 .slide3-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

@media (max-width: 991px) {
    #banner-slider-demo-4 .slide1-content img.quote {
        width: 30px
    }

    #banner-slider-demo-4 .slide1-content em {
        font-size: 20px;
        margin: 0 8px
    }

    #banner-slider-demo-4 .slide1-content h2 {
        font-size: 60px;
        margin: 4px 0 8px
    }

    #banner-slider-demo-4 .slide1-content p {
        font-size: 18px
    }

    #banner-slider-demo-4 .slide2-content em {
        font-size: 20px;
        margin-left: 7px
    }

    #banner-slider-demo-4 .slide2-content h2 {
        font-size: 65px;
        margin: 2px 0 8px
    }

    #banner-slider-demo-4 .slide2-content p {
        font-size: 15px;
        margin-left: 7px;
        margin-bottom: 25px
    }

    #banner-slider-demo-4 .slide2-content p span.split {
        margin: 0 8px 0 9px
    }

    #banner-slider-demo-4 .slide2-content a.btn-default {
        font-size: 12px;
        width: 120px;
        height: 35px;
        line-height: 35px;
        padding: 0;
        margin-right: 1px
    }

    #banner-slider-demo-4 .slide3-content em {
        font-size: 20px
    }

    #banner-slider-demo-4 .slide3-content h2 {
        font-size: 65px;
        margin-bottom: 13px
    }

    #banner-slider-demo-4 .slide3-content a.btn-default {
        font-size: 12px;
        width: 120px;
        height: 35px;
        line-height: 35px;
        padding: 0;
        margin-right: 1px
    }
}

@media (max-width: 640px) {
    #banner-slider-demo-4 .slide1-content img.quote {
        width: 15px
    }

    #banner-slider-demo-4 .slide1-content em {
        font-size: 14px;
        margin: 0 3px
    }

    #banner-slider-demo-4 .slide1-content h2 {
        font-size: 38px;
        margin: 1px 0 5px
    }

    #banner-slider-demo-4 .slide1-content p {
        font-size: 14px
    }

    #banner-slider-demo-4 .slide2-content em {
        font-size: 14px;
        margin-left: 3px
    }

    #banner-slider-demo-4 .slide2-content h2 {
        font-size: 39px;
        margin: 0 0 5px
    }

    #banner-slider-demo-4 .slide2-content p {
        font-size: 8px;
        margin-left: 4px;
        margin-bottom: 15px
    }

    #banner-slider-demo-4 .slide2-content p span.split {
        margin: 0 7px 0 8px
    }

    #banner-slider-demo-4 .slide2-content a.btn-default {
        font-size: 8px;
        width: 80px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        margin-right: 1px
    }

    #banner-slider-demo-4 .slide3-content em {
        font-size: 14px
    }

    #banner-slider-demo-4 .slide3-content h2 {
        font-size: 38px;
        margin-bottom: 8px
    }

    #banner-slider-demo-4 .slide3-content a.btn-default {
        font-size: 8px;
        width: 80px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        margin-right: 1px
    }
}

@media (min-width: 992px) {
    .md-f-right {
        float: right !important;
    }
}

@media (min-width: 768px) {
    .sm-f-right {
        float: right !important;
    }
}

.f-left {
    float: left !important;
}

.f-right {
    float: right !important;
}

.abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .payment-method-billing-address .action-cancel:hover, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover {
    text-decoration: none;
}

body.boxed {
    padding: 24px 0 17px;
    background: url(../../../medicalshop/web/images/boxed_bg.png) repeat;
}

body.boxed .page-wrapper {
    width: 1170px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
}

.fotorama__fullscreen-icon {
    display: block;
}

.fotorama .fotorama-sprite, .fotorama__fullscreen .fotorama .fotorama__zoom-out, .fotorama__fullscreen .fotorama .fotorama__zoom-in, .fotorama .fotorama__arr .fotorama__arr__arr, .fotorama .fotorama__fullscreen-icon, .fotorama .fotorama__thumb__arr {
    background: none;
    color: #171717;
}

.fotorama-sprite:before, .fotorama__fullscreen .fotorama__zoom-out:before, .fotorama__fullscreen .fotorama__zoom-in:before, .fotorama__arr .fotorama__arr__arr:before, .fotorama__fullscreen-icon:before, .fotorama__thumb__arr:before {
    font-family: 'varmo-icons';
    display: block;
    text-align: center;
}

.fotorama .fotorama__arr .fotorama__arr__arr {
    height: auto;
}

.fotorama__arr--next .fotorama__arr__arr:before {
    content: "\e709";
    font-size: 35px;
    line-height: 1;
}

.fotorama__arr--prev .fotorama__arr__arr:before {
    content: "\e710";
    font-size: 35px;
    line-height: 1;
}

.fotorama__thumb__arr--left .fotorama__thumb__arr:before {
    content: "\e710";
    font-size: 30px;
    line-height: 1;
}

.fotorama__thumb__arr--right .fotorama__thumb__arr:before {
    content: "\e709";
    font-size: 30px;
    line-height: 1;
}

.fotorama__zoom-in:before {
    content: "\e780";
    font-size: 20px;
    line-height: 50px;
}

.fotorama__zoom-out:before {
    content: "\e781";
    font-size: 20px;
    line-height: 50px;
}

.fotorama__fullscreen-icon:before {
    content: "\e687";
    font-size: 20px;
    line-height: 50px;
}

.fotorama__stage {
    border: 1px solid #e1e1e1;
    border-right-width: 2px;
    border-radius: 0;
    background: #fff;
    max-width: 100%;
    overflow: hidden;
}

.fotorama__nav--thumbs .fotorama__thumb {
    border: 1px solid #e1e1e1 !important;
    border-radius: 0;
    background-color: #fff;
}

.fotorama__nav .fotorama__thumb__arr {
    padding-bottom: 0;
}

.fotorama__nav .fotorama__thumb-border {
    border-radius: 0;
}

.fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img {
    border: none;
}

.fotorama__stage__shaft {
    border: 3px solid #fff;
    box-sizing: border-box;
    max-width: 100%;
}

.message {
    border-radius: 5px;
}

@media (max-width: 1199px) {
    body.boxed .page-wrapper {
        width: 980px;
    }
}

@media (max-width: 991px) {
    body.boxed .page-wrapper {
        width: 750px;
    }
}

@media (max-width: 767px) {
    body.boxed .page-wrapper {
        width: 630px;
    }

    .sm-clearer {
        clear: both;
    }
}

@media (max-width: 640px) {
    body.boxed .page-wrapper {
        width: 460px;
    }
}

@media (max-width: 480px) {
    block-content
    body.boxed .page-wrapperblock-content {
        width: 300px;
    }
}

/*
// Subscribe
*/
.block.block-subscribe .block-content > p {
    font-size: 12px;
    margin-bottom: 15px;
    line-height: 1.7;
}

.block.block-subscribe .block-content label {
    color: #171717;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
}

/*
// Product
*/
.product-item-name, .product.name a {
    font-weight: 500;
}

/*
// Sidebar Product
*/
.sidebar .product-items .product-item-info {
    margin-bottom: 92px;
}


/*

// Spacings

*/

/*
//Column
*/
.col-space-none .col-lg-1, .col-space-none .col-lg-10, .col-space-none .col-lg-11, .col-space-none .col-lg-12, .col-space-none .col-lg-2, .col-space-none .col-lg-3, .col-space-none .col-lg-4, .col-space-none .col-lg-5, .col-splgace-none .col-lg-6, .col-space-none .col-lg-7, .col-space-none .col-lg-8, .col-space-none .col-lg-9, .col-space-none .col-md-1, .col-space-none .col-md-10, .col-space-none .col-md-11, .col-space-none .col-md-12, .col-space-none .col-md-2, .col-space-none .col-md-3, .col-space-none .col-md-4, .col-space-none .col-md-5, .col-space-none .col-md-6, .col-space-none .col-md-7, .col-space-none .col-md-8, .col-space-none .col-md-9, .col-space-none .col-sm-1, .col-space-none .col-sm-10, .col-space-none .col-sm-11, .col-space-none .col-sm-12, .col-space-none .col-sm-2, .col-space-none .col-sm-3, .col-space-none .col-sm-4, .col-space-none .col-sm-5, .col-space-none .col-sm-6, .col-space-none .col-sm-7, .col-space-none .col-sm-8, .col-space-none .col-sm-9, .col-space-none .col-xs-1, .col-space-none .col-xs-10, .col-space-none .col-xs-11, .col-space-none .col-xs-12, .col-space-none .col-xs-2, .col-space-none .col-xs-3, .col-space-none .col-xs-4, .col-space-none .col-xs-5, .col-space-none .col-xs-6, .col-space-none .col-xs-7, .col-space-none .col-xs-8, .col-space-none .col-xs-9 {
    padding-left: 0;
    padding-right: 0;
}

/*
//Column Space 15
*/
.col-space-md .row {
    margin-left: -8px;
    margin-right: -8px;
}

.col-space-md .col-lg-1, .col-space-md .col-lg-10, .col-space-md .col-lg-11, .col-space-md .col-lg-12, .col-space-md .col-lg-2, .col-space-md .col-lg-3, .col-space-md .col-lg-4, .col-space-md .col-lg-5, .col-space-md .col-lg-6, .col-space-md .col-lg-7, .col-space-md .col-lg-8, .col-space-md .col-lg-9, .col-space-md .col-md-1, .col-space-md .col-md-10, .col-space-md .col-md-11, .col-space-md .col-md-12, .col-space-md .col-md-2, .col-space-md .col-md-3, .col-space-md .col-md-4, .col-space-md .col-md-5, .col-space-md .col-md-6, .col-space-md .col-md-7, .col-space-md .col-md-8, .col-space-md .col-md-9, .col-space-md .col-sm-1, .col-space-md .col-sm-10, .col-space-md .col-sm-11, .col-space-md .col-sm-12, .col-space-md .col-sm-2, .col-space-md .col-sm-3, .col-space-md .col-sm-4, .col-space-md .col-sm-5, .col-space-md .col-sm-6, .col-space-md .col-sm-7, .col-space-md .col-sm-8, .col-space-md .col-sm-9, .col-space-md .col-xs-1, .col-space-md .col-xs-10, .col-space-md .col-xs-11, .col-space-md .col-xs-12, .col-space-md .col-xs-2, .col-space-md .col-xs-3, .col-space-md .col-xs-4, .col-space-md .col-xs-5, .col-space-md .col-xs-6, .col-space-md .col-xs-7, .col-space-md .col-xs-8, .col-space-md .col-xs-9 {
    padding-left: 8px;
    padding-right: 8px;
}

/*
// Pulled Block
*/
.pulled-block-top {
    margin-top: -150px;
}

/*
// Padding
*/
.p-none {
    padding: 0;
}

.pt-none {
    padding-top: 0;
}

.pb-none {
    padding-bottom: 0;
}

.ptb-none {
    padding-top: 0;
    padding-bottom: 0;
}

/* Padding 15 px */
.p-15 {
    padding: 15px;
}

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.ptb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pl-15 {
    padding-left: 15px;
}

.pr-15 {
    padding-right: 15px;
}

/*
// Padding 20px
*/
.p-20 {
    padding: 20px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.ptb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pl-20 {
    padding-left: 20px;
}

.pr-20 {
    padding-right: 20px;
}

/*
// Padding 30px
*/
.p-30 {
    padding: 30px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pl-30 {
    padding-left: 30px;
}

.pr-30 {
    padding-right: 30px;
}


/*
// Margin
*/
.m-none {
    margin: 0;
}

.mt-none {
    margin-top: 0;
}

.mb-none {
    margin-bottom: 0;
}

.mtb-none {
    margin-top: 0;
    margin-bottom: 0;
}

/*
// Margin 10px
*/
.m-10 {
    margin: 10px;
}

.mt-10 {
    margin-top: 10px !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.ml-10 {
    margin-left: 10px;
}

.mr-10 {
    margin-right: 10px;
}

/* Margin 15 px */
.m-15 {
    margin: 15px;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.ml-15 {
    margin-left: 15px;
}

.mr-15 {
    margin-right: 15px;
}

/* 20 px */
.m-20 {
    margin: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.ml-20 {
    margin-left: 20px;
}

.mr-20 {
    margin-right: 20px;
}

/* 30 px */
.m-30 {
    margin: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.ml-30 {
    margin-left: 30px;
}

.mr-30 {
    margin-right: 30px;
}

/*
// Spacings - Responsive
*/

/*
// 1024 Width
*/
@media (max-width: 1024px) {
    /* Margin 15 px */
    .m-15-1024 {
        margin: 15px;
    }

    .mt-15-1024 {
        margin-top: 15px;
    }

    .mb-15-1024 {
        margin-bottom: 15px;
    }

    .ml-15-1024 {
        margin-left: 15px;
    }

    .mr-15-1024 {
        margin-right: 15px;
    }


    /* Margin 20 px */
    .m-20-1024 {
        margin: 20px;
    }

    .mt-20-1024 {
        margin-top: 20px;
    }

    .mb-20-1024 {
        margin-bottom: 20px;
    }

    .ml-20-1024 {
        margin-left: 20px;
    }

    .mr-20-1024 {
        margin-right: 20px;
    }
}


/* 991 */
@media (max-width: 991px) {
    /* 20 px */
    .m-20-991 {
        margin: 20px;
    }

    .mt-20-991 {
        margin-top: 20px;
    }

    .mb-20-991 {
        margin-bottom: 20px;
    }

    .ml-20-991 {
        margin-left: 15px;
    }

    .mr-20-991 {
        margin-right: 15px;
    }

    /* 30 px */
    .m-30-991 {
        margin: 30px;
    }

    .mt-30-991 {
        margin-top: 30px;
    }

    .mb-30-991 {
        margin-bottom: 30px;
    }

    .ml-30-991 {
        margin-left: 15px;
    }

    .mr-30-991 {
        margin-right: 15px;
    }
}


/* Min 767 */
@media (min-width: 767px) {

    .m-none-767 {
        margin: 0;
    }

    .mt-none-767 {
        margin-top: 0;
    }

    .mb-none-767 {
        margin-bottom: 0 !important;
    }

    .mtb-none-767 {
        margin-top: 0;
        margin-bottom: 0;
    }


    /* Pulled Block */
    .pulled-block-top-sm {
        margin-top: -130px;
    }
}

/* 767 */
@media (max-width: 767px) {
    /* Margin 15 px */
    .m-15-767 {
        margin: 15px;
    }

    .mt-15-767 {
        margin-top: 15px;
    }

    .mb-15-767 {
        margin-bottom: 15px;
    }

    .ml-15-767 {
        margin-left: 15px;
    }

    .mr-15-767 {
        margin-right: 15px;
    }

    /* 20 px */
    .m-20-767 {
        margin: 20px;
    }

    .mt-20-767 {
        margin-top: 20px;
    }

    .mb-20-767 {
        margin-bottom: 20px;
    }

    .ml-20-767 {
        margin-left: 15px;
    }

    .mr-20-767 {
        margin-right: 15px;
    }

    /* 30 px */
    .m-30-767 {
        margin: 30px;
    }

    .mt-30-767 {
        margin-top: 30px;
    }

    .mb-30-767 {
        margin-bottom: 30px;
    }

    .ml-30-767 {
        margin-left: 15px;
    }

    .mr-30-767 {
        margin-right: 15px;
    }
}


/*----------------------------------------------------------

#Social Icons

----------------------------------------------------------*/
ul.social-icons {
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
}

ul.social-icons li {
    display: inline-block;
    position: relative;
    margin: 0;
}

.social-icons li:first-child {
    margin-left: 0;
}

.social-icons li:last-child {
    margin-right: 0;
}

ul.social-icons li a {
    font-size: 14px;
}

ul.social-icons li a i {
    margin: 0 !important;
    line-height: inherit;
    color: inherit !important;
}

.social-icons.social-icons-bg li {
    margin: 1px 1px;
}

.social-icons.social-icons-bg li a {
    background: #f9f9f9 none repeat scroll 0 0;
    color: #171717;
    border: medium none;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    display: block;
    margin: 0;
    border-radius: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    text-align: center;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.social-icons.social-icons-bg li a:hover,
.social-icons.social-icons-bg li a:focus,
.social-icons.social-icons-bg li a.active {
    background: #303133;
    color: #fff;
}

.social-icons.social-icons-circle li a {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}

/* Social Icons dark */
.social-icons.social-icons-bg.icon-bg-dark li a {
    background: #303133;
    color: #fff;
}

/* Responsive Social Icons */
@media screen and (max-width: 767px) {
    .social-icons.social-icons-bg li a {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
    }
}

/* Address Widget */
ul.contact-content {
    margin-left: 0;
    /* float: left; */
    width: 100%;
}

.footer ul.contact-content li {
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
}

ul.contact-content li:last-child {
    margin-bottom: 0;
}

.contact-content .icon-block {
    display: inline-block;
    background: #171717;
    height: 36px;
    display: inline-block;
    font-size: 19px;
    width: 36px;
    margin-right: 15px;
    float: left;
    color: #fff;
    line-height: 36px;
    text-align: center;
    font-style: normal;
    padding: 0;
}

.contact-content i {
    font-style: inherit;
    line-height: inherit;
}

.contact-content .contact-content-meta {
    margin-left: 50px;
}

.contact-content label {
    display: block;
    margin: 0;
    font-weight: normal;
}

/* Product Widget */
.block .product-item-name, .block .product.name a {
    font-weight: 500;
}

.block .price {
    font-size: 13px;
    font-weight: 500;
}

/*

// Overlay

*/
.overlay {
    position: relative;
    overflow: hidden;
    display: block;
}

.overlay .overlay-inner,
.overlay:hover .overlay-inner {
    -webkit-transition: all 250ms ease 0s;
    -moz-transition: all 250ms ease 0s;
    -ms-transition: all 250ms ease 0s;
    -o-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
}

.overlay .overlay-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: '';
    background: #171717;
    opacity: 0;
    transform: scale(0.8, 0.8);
}

.overlay:hover .overlay-inner {
    opacity: 0.2;
    transform: scale(1, 1);
}

.overlay.medium:hover .overlay-inner {
    opacity: 0.5;
    transform: scale(1, 1);
}

.overlay.heavy:hover .overlay-inner {
    opacity: 0.5;
    transform: scale(1, 1);
}

.overlay.white .overlay-inner {
    background: #fff;
}

.overlay img {
    width: auto;
    margin: 0 auto;
}

/*
//  owl #Navigation
----------------------------------------------------------*/
.owl-carousel .owl-nav div,
.owl-carousel .owl-nav div:hover,
.owl-carousel .owl-nav div:focus {
    -webkit-transition: all 350ms ease 0s;
    -moz-transition: all 350ms ease 0s;
    -ms-transition: all 350ms ease 0s;
    -o-transition: all 350ms ease 0s;
    transition: all 350ms ease 0s;
}

.owl-carousel .owl-nav div {
    background: #171717 none repeat scroll 0 0;
    border: 1px solid #171717;
    color: #fff;
    border-radius: 0;
    font-size: 12px;
    font-style: normal !important;
    height: 30px;
    line-height: 27px;
    margin: 0 4px;
    opacity: 1;
    padding: 0;
    text-align: center;
    width: 30px;
    display: inline-block;
}

.owl-carousel .owl-nav div:hover,
.owl-carousel .owl-nav div:focus {
    background: transparent;
    color: #2C88D3;
}

/* Vertical middle */
.owl-carousel.owl-middle-narrow .owl-nav .owl-prev,
.owl-carousel.owl-middle-narrow .owl-nav .owl-next {
    left: 0;
    right: 0;
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.owl-carousel.owl-middle-narrow .owl-nav .owl-prev {
    left: 0;
    right: auto;
}

.owl-carousel.owl-middle-narrow .owl-nav .owl-next {
    right: 0;
    left: auto;
}

.owl-carousel.owl-middle-narrow .owl-nav div {
    height: 80px;
    line-height: 80px;
}

/* Top Right */
.owl-carousel.owlnav-top-right .owl-nav,
.owlnav-top-right .owl-nav {
    position: absolute;
    right: -4px;
    top: -80px;
}

.owl-carousel.owlnav-top-left .owl-nav,
.owlnav-top-left .owl-nav {
    position: absolute;
    left: -4px;
    top: -88px;
}

.owl-carousel .owl-nav {
    margin-top: 0;
    text-align: center;
}

/* Owl nav mini */
.nav-mini .owl-nav div {
    font-size: 9px;
    height: 25px;
    line-height: 25px;
    width: 25px;
}

.nav-mini.owlnav-top-right .owl-nav div,
.nav-mini.owlnav-top-left .owl-nav div {
    top: -77px;
}

/* Nav dark */
.carousel-wrapper.nav-dark .owl-nav div,
.owl-carousel.nav-dark .owl-nav div {
    background: #171717;
    border-color: #171717;
}

.carousel-wrapper.nav-dark .owl-nav div:hover,
.carousel-wrapper.nav-dark .owl-nav div:focus,
.owl-carousel.nav-dark .owl-nav div:hover,
.owl-carousel.nav-dark .owl-nav div:focus {
    background: transparent;
    color: #171717;
}


/* Owl Pagination */
.owl-theme.owl-carousel .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 9px;
    text-align: center;
}

.owl-theme.owl-carousel .owl-dots span,
.owl-theme.owl-carousel .owl-dots .owl-dot.active span,
.owl-theme.owl-carousel .owl-dots.clickable .owl-dot:hover span {
    -webkit-transition: all 350ms ease 0s;
    -moz-transition: all 350ms ease 0s;
    -ms-transition: all 350ms ease 0s;
    -o-transition: all 350ms ease 0s;
    transition: all 350ms ease 0s;
}

.owl-theme.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
}

.owl-theme.owl-carousel .owl-dots .owl-dot span {
    display: block;
    height: 6px;
    width: 6px;
    margin: 0 6px;
    background: #171717;
    opacity: 1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.owl-theme.owl-carousel .owl-dots .owl-dot.active span,
.owl-theme.owl-carousel .owl-dots.clickable .owl-dot:hover span {
    opacity: 1;
    transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
}

.owl-theme.owl-carousel.pagination-push-bottom .owl-dots {
    margin-top: 15px;
    position: relative;
}

.owl-theme.owl-carousel.pagination-pull-bottom .owl-dots {
    bottom: 34px;
}

.owl-theme.owl-carousel .owl-nav div:hover,
.owl-theme.owl-carousel .owl-nav div:focus {
    background: transparent;
}

/*
// Sidebar
*/
.block .owl-nav, .block .owl-carousel.owlnav-top-right .owl-nav {
    position: absolute;
    right: -4px;
    top: -73px;
}

@media (max-width: 767px) {
    .block .owl-carousel.owlnav-full-top-right .owl-nav {
        top: -108px;
    }
}

@media (min-width: 768px) {
    .block .owl-carousel.owlnav-full-top-right .owl-nav {
        top: -128px;
    }
}

.block .owl-carousel .owl-nav div {
    font-size: 9px;
    height: 20px;
    line-height: 19px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    width: 20px;
}

/* Owl Pagination Style Diamond */
.dots-diamond .owl-theme.owl-carousel .owl-dots .owl-dot span {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.dots-diamond .owl-theme.owl-carousel .owl-dots .owl-dot.active span,
.dots-diamond .owl-theme.owl-carousel .owl-dots.clickable .owl-dot:hover span {
    border: 1px solid #fff;
    transform: scale(1.5, 1.5) rotate(45deg);
    -webkit-transform: scale(1.5, 1.5) rotate(45deg);
    -moz-transform: scale(1.5, 1.5) rotate(45deg);
    -ms-transform: scale(1.5, 1.5) rotate(45deg);
    -o-transform: scale(1.5, 1.5) rotate(45deg);
    box-shadow: 0 0 0 2px #171717;
    -webkit-box-shadow: 0 0 0 2px #171717;
    -moz-box-shadow: 0 0 0 2px #171717;
    -ms-box-shadow: 0 0 0 2px #171717;
    -o-box-shadow: 0 0 0 2px #171717;
}


/* Owl Dots Light */
.owl-theme.owl-carousel.dots-light .owl-dots .owl-dot span {
    background: #fff;
}

/*.chrome-warning {
    color: red;
    font-weight: bold;
    text-align: center;
    background: #fff;
    padding: 8px 10px;
    margin-top: -11px;
    margin-bottom: 12px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}*/
@media screen and (max-width: 600px) {
  .chrome-warning {
    visibility: hidden;
    clear: both;
    display: none;
  }
}

/*
//  Testimonial
----------------------------------------------------------*/
.testimonial-item .author-image {
    height: 45px;
    width: 45px !important;
    margin: 10px auto 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.testimonial-item blockquote {
    /* background: #171717; */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    color: #fff;
    border: none;
    margin: 0;
    padding: 15px 33px;
    position: relative;
    font-style: normal;
}

.testimonial-item blockquote::before {
    color: #fff;
    content: "“";
    font-size: 80px;
    font-style: normal;
    left: 10px;
    line-height: 1;
    opacity: 0.3;
    position: absolute;
    top: 10px;
}

.testimonial-item blockquote::after {
    bottom: -48px;
    color: #fff;
    content: "”";
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    opacity: 0.3;
    position: absolute;
    right: 10px;
}

.testimonial-item blockquote p {
    margin: 0;
    font-size: 13px;
    line-height: 1.8;
}

.testimonial-item .author-name {
    color: #171717;
    font-size: 12px;
    font-weight: 600;
    margin-top: 10px;
}

.testimonial-item .author-position {
    font-size: 10px;
}

.typo-light .testimonial-item .author-name {
    color: #fff;
}

/*
// Max width 1024 to min width 767
--------------------------------------------*/
@media (max-width: 1024px) and (min-width: 768px) {
    /* Testimonial Widget */
    .testimonial-item blockquote {
        padding: 9px 11px;
        font-size: 11px;
    }

    .testimonial-item blockquote p {
        font-size: inherit;
    }

    .testimonial-item blockquote::before,
    .testimonial-item blockquote::after {
        font-size: 62px;
        opacity: 0.5;
    }
}

/*
//  Clients
----------------------------------------------------------*/
.brand-home-static .item > a {
    display: inline-block;
}

.home-brand-block .owl-carousel .owl-item img {
    max-width: 85px;
    margin: 0 auto;
}

/* Clients Responsive */
@media screen and (min-width: 767px) {
    .brand-home-static .item > a {
        padding: 20px;
    }
}

@media screen and (min-width: 480px) {
    .brand-home-static .item > a {
        padding: 10px;
    }
}

/*----------------------------------------------------------

#subcribe section

----------------------------------------------------------*/
.newsletter-title-box h3 {
    margin-top: 0;
    line-height: 48px;
}

.newsletter-title-box h3 i {
    margin-right: 10px;
}

.newsletter-content-box {
    margin-top: 13px;
}

.newsletter-content-box p {
    margin-top: 0;
}

/* Newslatter Popup */
.newsletter-popup .subscribe-bottom,
.newsletter-popup:hover .subscribe-bottom {
    transition: all 350ms ease 0s;
    -webkit-transition: all 350ms ease 0s;
    -moz-transition: all 350ms ease 0s;
    -ms-transition: all 350ms ease 0s;
    -o-transition: all 350ms ease 0s;
}

.newsletter-popup {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 26px 50px;
    margin: 0;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
}

.newsletter-popup .popup-logo {
    max-width: 120px;
    margin-bottom: 15px;
    margin-top: 20px;
}

.newsletter-popup .block-content {
    width: 60%;
}

.newsletter-popup .block-content .input-group {
    margin-top: 24px;
}

.newsletter-popup .subscribe-bottom:hover {
    opacity: 1;
}

.newsletter-popup .newsletter-title {
    color: #171717;
    font-weight: 600;
    margin-top: 15px;
}

.newsletter-popup .block-content p {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 12px;
}

.newsletter-popup .subscribe-bottom {
    margin-top: 20px;
    position: relative;
    opacity: 0.3;
    text-align: left;
}

.newsletter-popup .subscribe-bottom > input {
    cursor: pointer;
    line-height: 1;
    margin: 3px 7px 0 0;
    float: left;
}

.newsletter-popup .subscribe-bottom label {
    cursor: pointer;
    font-size: 11px;
    line-height: 1;
    margin: 0;
}

.newsletter-form-box div.mage-error[generated] {
    background: red none repeat scroll 0 0;
    color: #fff;
    padding: 2px 12px;
    position: absolute;
    top: -28px;
}

.fancybox-wrap .fancybox-close,
.fancybox-wrap:hover .fancybox-close,
.fancybox-wrap .fancybox-close:hover {
    -webkit-transition: all 350ms ease 0s;
    -moz-transition: all 350ms ease 0s;
    -ms-transition: all 350ms ease 0s;
    -o-transition: all 350ms ease 0s;
    transition: all 350ms ease 0s;
}

.fancybox-wrap .fancybox-close {
    opacity: 0.08;
}

.fancybox-wrap:hover .fancybox-close {
    opacity: 0.3;
}

.fancybox-wrap .fancybox-close:hover {
    opacity: 1;
}

.fancybox-wrap .fancybox-close {
    top: 0;
    right: 0;

}

/* Responsive News letter section */
@media screen and (max-width: 767px) {
    .newsletter-section {
        text-align: center;
    }

    .newsletter-form-box {
        margin-top: 15px;
    }
}

/* Responsive Newsletter section */
@media screen and (max-width: 640px) {
    .newsletter-popup .block-content {
        padding: 0;
        width: 100%;
    }

    .newsletter-popup {
        padding: 20px;
        background: none !important;
    }

    .newsletter-popup .newsletter-title {
        font-size: 12px;
        font-weight: 600;
        margin-top: 0;
    }

    .newsletter-popup .block-content p {
        font-size: 10px;
        margin-bottom: 0;
        margin-top: 14px;
    }

    .newsletter-popup .block-content .input-group {
        margin-top: 13px;
    }

    .newsletter-popup .input-group .form-control {
        height: 36px;
        font-size: 12px;
    }

    .newsletter-popup .input-group-btn .btn {
        height: 36px;
        line-height: 36px;
        padding: 0 13px;
    }

    .newsletter-popup .input-group-btn .btn i {
        font-size: 12px;
    }
}

/* Responsive News letter section */
@media screen and (max-width: 767px) {
    .newsletter-section {
        text-align: center;
    }

    .newsletter-form-box {
        margin-top: 15px;
    }
}

/* Responsive Newsletter section */
@media screen and (max-width: 640px) {
    .newsletter-popup .block-content {
        padding: 0;
        width: 100%;
    }

    .newsletter-popup {
        padding: 20px;
        background: none !important;
    }

    .newsletter-popup .newsletter-title {
        font-size: 12px;
        font-weight: 600;
        margin-top: 0;
    }

    .newsletter-popup .block-content p {
        font-size: 10px;
        margin-bottom: 0;
        margin-top: 14px;
    }

    .newsletter-popup .block-content .input-group {
        margin-top: 13px;
    }

    .newsletter-popup .input-group .form-control {
        height: 36px;
        font-size: 12px;
    }

    .newsletter-popup .input-group-btn .btn {
        height: 36px;
        line-height: 36px;
        padding: 0 13px;
    }

    .newsletter-popup .input-group-btn .btn i {
        font-size: 12px;
    }
}


/*----------------------------------------------------------

#Blog

----------------------------------------------------------*/
.blog-item {
    margin-bottom: 40px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.entry-detail-wrap {
    padding: 36px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);

}

.entry-title {
    font-weight: 600;
    font-size: 20px;
    margin: 9px 0 0 0;
    line-height: 1.2;
}

.entry-title a,
.post-title a {
    color: #303133;
}

.entry-content {
    color: #777;
}

.entry-content p {
    margin: 20px 0 0 0;
    font-size: 13px;
}
.entry-blog .entry-content h3 {
    font-size: 24px;
    color: #777;
    text-transform: capitalize;
}
.post-footer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.post-footer .blog-left {
    margin-top: 7px;
}

.meta-readmore a {
    font-size: 12px;
    color: #777;
    letter-spacing: 0.4px;
    font-weight: normal;
}

.entry-header span {
    display: inline-block;
    font-size: 12px;
    color: #777;
    margin: 0;
}

.meta-category a {
    color: #777;
    margin-right: 15px;
}

.meta-details i {
    margin-right: 10px;
    margin-top: 4px;
    font-size: 15px;
    float: left;
}

/* Blog in Slider */
.blog-list-container .owl-carousel .owl-item {
    padding: 0 4px;
}

/* Responsive Blog */
@media (max-width: 1050px) and (min-width: 991px) {
    .blog-list-container .post-footer .blog-right.pull-right {
        float: left !important;
        margin-top: 10px;
        width: 100%;
    }
}

/* Responsive Blog  */
@media screen and (max-width: 767px) {
    .entry-detail-wrap {
        padding: 26px;
    }

    .entry-title {
        font-size: 18px;
    }

    .entry-content p {
        font-size: 12px;
    }

    .entry-date {
        font-size: 10px;
    }

    .post-footer .blog-left,
    .post-footer .blog-right {
        float: none !important;
        margin: 0;
    }

    .post-footer .blog-right {
        margin-top: 10px;
    }

    .post-footer .social-icons.social-icons-bg,
    .post-footer .social-icons.social-icons-bg li {
        margin: 0;
    }
}

/* Side bar And Widget */
.block .block-title {
    font-weight: 600;
    margin-bottom: 19px;
    padding: 0 0 15px !important;
    position: relative;
    border: none;
}

.sidebar .block-account .block-title {
    border: none;
}

.block .block-title::after {
    width: 35px;
    position: absolute;
    bottom: 0;
    height: 1px;
    left: 0;
    background: #ddd;
    content: '';
}

.block .block-title strong {
    background-image: none;
    font-size: inherit !important;
    font-weight: inherit !important;
    padding: 0;
    font-family: inherit;
}

/* Block title style 2 */
.block-title-2 .block-title::after {
    width: 45px;
    height: 3px;
}

.block-title-sep-light .block-title::after {
    background: #fff !important;
}

.block-title-2 .block-title {
    font-weight: 400;
    font-size: 20px;
    padding-bottom: 23px !important;
    display: block;
}

/* Post Widget */
.post-details h3 {
    margin-top: 20px;
}

.post-details .post-date {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 15px 0;
}

.post-details .post-date p {
    margin-top: 0;
    font-size: 12px;
    line-height: 1.8;
}

.post-details .post-date p i {
    margin: -2px 10px 0 1px;
    color: #171717;
    font-size: 23px;
    float: left;
}

.post-details .post-meta > p {
    margin: 10px 0;
    font-size: 12px;
    line-height: 1.8;
}

.post-details .post-meta a {
    color: #777;
    font-size: 14px;
}

#side-bar-blog-slider .blog-item {
    margin-bottom: 0;
}

#side-bar-blog-slider .blog-item img {
    width: 100%;
}

.post-details .post-meta a.read-more {
    color: #171717;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.11px;
}

.block .blog-title {
    font-size: 13px;
    margin-top: 0;
}

.block .owl-carousel .blog-title {
    margin-top: 10px;
}

.block .post-date p {
    font-size: 10px;
    margin-top: 0;
}

/* Twitter Widget */
#static-tweet .list-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    padding: 20px 0;
    font-size: 11px;
    color: #777;
}

#static-tweet .list-item:first-child {
    padding-top: 0;
}

#static-tweet .list-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.tweet_user .username a {
    color: #bbb;
    display: inline-block;
    font-size: 13px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.tweet_user .icon-twitter {
    background: #171717 none repeat scroll 0 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
}

.tweet_user .icon-twitter i {
    color: inherit;
}

/* Tag widget */
.dashboard .tags > ul {
    margin-top: 15px;
}

.tags ul > li,
.tags-list > li,
.dashboard .tags li,
.block-tags .nav-pills > li {
    margin: 0;
    display: inline-block;
    line-height: 1;
}

.tags ul > li > a,
.tags-list > li > a,
.block-tags .nav-pills > li > a {
    background: transparent none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.06);
    color: #777;
    font-size: 12px !important;
    line-height: 1;
    padding: 4px 8px 3px;
    margin: 0 8px 8px 0;
    display: inline-block;
    text-transform: capitalize;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.tags ul > li > a:hover, .tags ul > li > a:focus,
.tags-list > li > a:hover, .tags-list > li > a:focus,
.block-tags .nav-pills > li > a:hover,
.block-tags .nav-pills > li > a:focus {
    color: #fff;
}

.block-tags.text-center li {
    float: none;
}

.block-tags.tags-transparent li a {
    border-width: 0 0px 0 1px;
    padding: 0 10px 0 9px;
    background: transparent;
    margin: 0;
}

.block-tags.tags-transparent li:first-child a {
    border-left: 0px;
}

.block-tags.tags-transparent li a:hover,
.block-tags.tags-transparent li a:focus {
    background: transparent !important;
    color: #171717 !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    text-decoration: underline;
}

.typo-light .block-tags.tags-transparent li a:hover,
.typo-light .block-tags.tags-transparent li a:focus {
    color: #fff !important;
}

/* ----------------------------------------------------------------

#Footer

---------------------------------------------------------------- */
.footer {
}

.footer .block {
    margin-bottom: 20px;
}

.footer.footer-dark .content {
    color: #777;
}

.footer-middle .block.newsletter label {
    margin-top: 0px;
}

a.footer-logo {
    display: inline-block;
    max-width: 150px;
}

.footer-middle .text-center .block {
    text-align: center;
}

/* Footer Dark */
.footer.footer-dark {
    background: #1B1D1F;
    color: #fff;
}

.footer-dark .content {
    color: #777;
}

.footer-middle .block.newsletter label {
    margin-top: 0px;
}

.footer.footer-dark a,
.footer.footer-dark .block-content {
    color: #777;
}

.footer.footer-dark a:hover,
.footer.footer-dark a:focus,
.footer.footer-dark a.active {
    color: #fff;
}

.footer-dark .input-group .form-control {
    border-color: #303133;
}

.footer-dark .input-group .btn {
    background-color: #303133;
}

/* Footer Bottom */
.footer-bottom p {
    line-height: 22px;
    margin-bottom: 0;
}

/* Copy Right Bar */
.page .copyright {
    padding: 16px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.page .copyright p {
    margin-top: 4px;
    font-size: 12px;
}

.page .copyright .payment-methods {
    max-width: 155px;
}

/* Copyright dark */
.page .copyright.copyright-dark {
    background: #141618 none repeat scroll 0 0;
    color: #777;
}

.page .copyright.copyright-dark a:hover,
.page .copyright.copyright-dark a:focus,
.page .copyright.copyright-dark a.active {
    color: #fff;
}

/* Dark Widgets */
.footer-dark .contact-content label {
    color: #fff;
}

.footer-dark .block-tags ul > li > a {
    border-color: rgba(255, 255, 255, 0.09);
}

/* Footer Responsive */

/* Min width 991 */
@media (min-width: 991px) {
    .footer .block:last-child {
        margin-bottom: 0;
    }
}

/* Max Width 767 */
@media (max-width: 767px) {
    .copyright {
        text-align: center;
    }

    .page .copyright .payment-methods {
        float: none !important;
        margin: 10px auto 0;
    }
}

/* BG Image */

.image-bg {
    width: auto;
    display: block;
    position: relative;
    background-attachment: static;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fixed-bg {
    background-attachment: fixed;
}

.img-center {
    margin-left: auto;
    margin-right: auto;
}

/* Support Box */
.support-block {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 23px;
    padding-bottom: 20px;
    text-align: center;
}

header .support-block {
    margin-bottom: 10px;
}

.icon-block {
    display: inline-block;
    font-size: 40px;
    line-height: 1;
    padding-right: 20px;
}

.support-block .content-block {
    display: inline-block;
    text-align: center;
}

.support-block .content-block .support-title {
    font-size: 14px;
    margin: 8px 0 0;
}

.support-block .content-block .secondary-text {
    margin: 0;
    font-size: 10px;
    color: #777;
}

.footer .support-block {
    text-align: left;
}

.footer .support-block .content-block {
    text-align: left;
}

.sm-support-block .support-block .icon-block {
    font-size: 28px;
    padding-right: 15px;
}


/* -------------------

Header Type 8

--------------------- */
/*** Header Type 8 - Side Header ***/
.container {
    max-width: 100%;
}

.page-header.type8 {
    background-color: #383734;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .page-header.type8 .zozo-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .page-header.type8 .minicart-wrapper .block-minicart {
        right: auto;
        left: -15px;
    }

    .page-header.type8 .minicart-wrapper .block-minicart:before {
        right: auto;
        left: 26px;
    }

    .page-header.type8 .minicart-wrapper .block-minicart:after {
        right: auto;
        left: 25px;
    }

    header.page-header.type8 .panel.wrapper .header.panel > .header.links {
        float: none;
        display: block;
    }

    header.page-header.type8 .panel.wrapper .header.panel > .header.links > li {
        display: block;
        color: #fff;
    }

    header.page-header.type8 .panel.wrapper .header.panel > .header.links > li > a, header.page-header.type8 .panel.wrapper .header.panel > .header.links > li > span {
        color: #fff;
        border: 0;
        padding: 0 5px;
        display: block;
        border-top: 1px solid #575757;
        line-height: 40px;
        margin: 0;
    }

    header.page-header.type8 .panel.wrapper .header.panel > .header.links > li > span {
        border-top: 0;
    }

    body.side-header .page-wrapper {
        padding-left: 256px;
    }

    header.page-header.type8.fixed-bottom {
        position: fixed;
        top: auto;
        bottom: 0;
    }

    body.side-header .page-wrapper > .breadcrumbs.fixed-position {
        position: fixed;
        width: 100%;
        z-index: 999;
        top: 0;
    }

    body.side-header .page-wrapper > .breadcrumbs .items {
        margin: 0;
        max-width: none;
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    header.page-header.type8 {
        position: relative;
        width: auto;
        height: auto;
        min-height: 0;
        text-align: left;
        padding: 10px 15px;
    }

    header.page-header.type8 .header.content {
        padding: 0;
    }

    header.page-header.type8 .logo {
        max-width: 110px;
    }

    header.page-header.type8 .custom-block-area {
        display: none;
    }

    header.page-header.type8 .block-search {
        position: absolute;
        right: 0;
        top: 10px;
        margin-bottom: 0;
    }

    header.page-header.type8 .panel.wrapper {
        position: absolute;
        right: 15px;
        top: 10px;
    }

    header.page-header.type8 .header.panel > .header.links > li > a,
    header.page-header.type8 .header.panel > .header.links > li > span {
        color: #fff;
    }

    header.page-header.type8 .navigation .level0 > .level-top {
        color: #fff;
        line-height: 42px;
    }
}

/*** Header Type 8 - Side Header ***/

.sticky-header .sw-megamenu.navigation li.level0.fl-right {
    float: none;
}

@media (max-width: 992px) and (min-width: 768px) {
    /* Mobile width Changed css */
    .page-header.type8 {
        background-color: rgba(0, 0, 0, 0.8);
    }

    header.page-header.type8 .navigation.zozo-megamenu.side-megamenu .level0 {
        display: inline-block;
    }

    header.page-header.type8 .navigation.zozo-megamenu.side-megamenu .level0 .level-top {
        padding-bottom: 0;
        padding-top: 0;
    }

    .side-header .full-screen-slider {
    }
}

@media (max-width: 992px) {
    body.side-header .slider-content {
        padding-left: 50px;
    }

    body.side-header .page-wrapper {
        padding-left: 0;
    }
}


/* ------------------------------------------------------------------------------------------

//      Color css

------------------------------------------------------------------------------------------ */

/* Owl */
.owl-theme.owl-carousel .owl-nav div {
    background: #2C88D3;
    border-color: #2C88D3;
}

.owl-theme.owl-carousel .owl-nav div:hover,
.owl-theme.owl-carousel .owl-nav div:focus {
    color: #2C88D3;
}

/* Sidebar & Widgets*/
.block .block-title::after {
    background: #2C88D3;
}

.sidebar .block-layered-nav a:hover, .sidebar .block-layered-nav a:focus {
    color: #2C88D3;
}

.side-custom-menu h2 {
    border-bottom-color: #2C88D3;
    background-color: #2C88D3;
}

.side-custom-menu ul li a:hover, .side-custom-menu ul li a:focus, .side-custom-menu ul li a.active {
    color: #2C88D3;
}

/* Twitter Widget */
.tweet_user .icon-twitter {
    background-color: #2C88D3;
}

/* Social Icons */
.social-icons.social-icons-bg li a:hover,
.social-icons.social-icons-bg li a:focus,
.social-icons.social-icons-bg li a.active {
    background: #2C88D3;
}

/* Tag Widget */
.tags ul > li > a:hover, .tags ul > li a > :focus,
.tags-list > li > a:hover, .tags-list > li > a:focus,
.block-tags .nav-pills > li > a:hover,
.block-tags .nav-pills > li > a:focus {
    background: #2C88D3;
    border-color: #2C88D3;
}

/* Contact Widget */
ul.contact-content .icon-block {
    background: #2C88D3;
}

/* Single Product */
.fotorama .fotorama-sprite, .fotorama__fullscreen .fotorama .fotorama__zoom-out, .fotorama__fullscreen .fotorama .fotorama__zoom-in, .fotorama .fotorama__arr .fotorama__arr__arr, .fotorama .fotorama__fullscreen-icon, .fotorama .fotorama__thumb__arr {
    color: #2C88D3;
}

/* Post */
.recent-posts .post-date .day {
    color: #2C88D3;
}

.recent-posts .post-date .month {
    background-color: #2C88D3;
}

/*overlay button*/
.overlay-content-wrap button.btn.btn-sm.action.primary {
    font-size: 15px;
}

/*home category product items*/
.home-category-product-item a.category-title {
    color: #333;
}

/*swatch option box on product page*/
.swatch-option {
    width: 30px;
}

/* breadcrumb */
.breadcrumbs ul.items li.item {
    font-size: 12px;
}

/*blog post view page*/
.medicalshopblog-post-view .blog-view .entry-detail-wrap .post-bottom {
    margin-top: 30px;
}

/*product price*/
.price-box .price {
    font-weight: 700;
    font-size: 20px;
}

/*message notification*/
.message.notice, .message.success {
    font-size: 15px;
}

/* New Custom Code */

.page-header.type1 .minicart-wrapper,
.page-header.type5 .minicart-wrapper,
.page-header.type2 .minicart-wrapper {
    width: 40px;
}

.page-header.type1 .minicart-wrapper .block-minicart,
.page-header.type5 .minicart-wrapper .block-minicart,
.page-header.type2 .minicart-wrapper .block-minicart {
    right: 0;
}

.page-header.type1 .block-search input,
.block-search input {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
}

.page-header.type5 .minicart-wrapper {
    z-index: 9;
}

.sticky-wrapper .sticky-header .page-header .header.content .logo {
    margin-top: 5px !important;
}

.page-header.type1 .block-search input {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
}

.multi-deal-wrap .products-grid .product-item {
    background: #ffffff;
}

.multi-deal-wrap .products-grid .product-item:last-child {
    margin-right: 0px !important;
}

.slider-content h2 {
    color: #ffffff;
}

.owl-middle-narrow .owl-theme .owl-controls,
.owl-middle-narrow.owl-theme .owl-controls {
    bottom: 0px;
}

/* owl Nav Center */
.hero-slider.owl-carousel .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.nav-dark.owl-carousel .owl-nav div {
    background: #222222 !important;
    border: 1px solid #222 !important;
}

.nav-dark.owl-carousel .owl-nav div:hover {
    border: 1px solid #222 !important;
    background: transparent !important;
    color: #222 !important;
}

.hero-slider.owl-carousel .owl-nav div.owl-prev {
    position: absolute;
    left: 15px;
}

.hero-slider.owl-carousel .owl-nav div.owl-next {
    position: absolute;
    right: 15px;
}

.hero-slider .owl-nav div {
    opacity: 0;
}

.hero-slider:hover .owl-nav div {
    opacity: 1;
}

.owl-theme.owl-carousel .owl-nav div {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
}

.btn.hero-btn, .btn.action.primary {
    border-radius: 0;
}

/* slider text */
.subtitle {
    color: #bbb;
    font-weight: 100;
    letter-spacing: 10px;
    background: #2C88D3;
    padding: 10px 9px 10px 14px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 13px;
    line-height: 1;
    display: inline-block;
}

.slider-title {
    line-height: 64px;
}

/* Animation */
.home-slider .active .animation.animated-item-1 {
    -webkit-animation: fadeInUp 300ms linear 300ms both;
    -moz-animation: fadeInUp 300ms linear 300ms both;
    -o-animation: fadeInUp 300ms linear 300ms both;
    -ms-animation: fadeInUp 300ms linear 300ms both;
    animation: fadeInUp 300ms linear 300ms both;
}

.home-slider .active .animation.animated-item-2 {
    -webkit-animation: fadeInUp 300ms linear 600ms both;
    -moz-animation: fadeInUp 300ms linear 600ms both;
    -o-animation: fadeInUp 300ms linear 600ms both;
    -ms-animation: fadeInUp 300ms linear 600ms both;
    animation: fadeInUp 300ms linear 600ms both;
}

.home-slider .active .animation.animated-item-3 {
    -webkit-animation: fadeInUp 300ms linear 900ms both;
    -moz-animation: fadeInUp 300ms linear 900ms both;
    -o-animation: fadeInUp 300ms linear 900ms both;
    -ms-animation: fadeInUp 300ms linear 900ms both;
    animation: fadeInUp 300ms linear 900ms both;
}

.home-slider .active .animation.animated-item-4 {
    -webkit-animation: fadeInUp 300ms linear 1200ms both;
    -moz-animation: fadeInUp 300ms linear 1200ms both;
    -o-animation: fadeInUp 300ms linear 1200ms both;
    -ms-animation: fadeInUp 300ms linear 1200ms both;
    animation: fadeInUp 300ms linear 1200ms both;
}

/* Product Section */
.products-grid .product-item:hover, .products-grid .product-item:focus {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.14) !important;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.14) !important;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.14) !important;
}

.page-products .products-grid .product-item .product-item-inner {
    margin: 0 auto;
    max-width: 200px;
}

.product.actions.product-item-actions {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
}

.product-item-photo .product-item-inner .product-item-actions > .actions-primary {
    display: block;
    background: #2C88D3;
    margin-bottom: 10px;
}

button.action.tocart.primary {
    width: auto !important;
    margin: 0 auto;
}

.product-item-photo .product-item-inner .product-item-actions > .actions-primary .tocart span {
    display: inline-block;
    margin-left: 10px;
}

.product-item-photo .product-item-inner .product-item-actions > .actions-primary .tocart:hover {
    background: #2c88d3 !important;
    color: #fff !important;
}

.product-item-info a.weltpixel-quickview {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    line-height: 34px;
}

/*.product.product-item .action.tocart.primary,
.product.product-item .action.towishlist.actions-secondary,
.product.product-item .action.tocompare.actions-secondary{
	background:none !important;
}
.product.product-item .action.tocart.primary:hover,
.product.product-item .action.towishlist.actions-secondary:hover,
.product.product-item .action.tocompare.actions-secondary:hover{
	background:none !important;
	color:#ffffff!important;
}*/
.product-item-info {
    position: relative;
}

.sidebar .product-items .product-item-details {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.sidebar .product-items .product-item-details {
    text-align: left;
    left: 160px !important;
    padding: 0;
    margin-left: auto !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar .product-items .product-item-details {
        left: 130px !important;
    }

    .sidebar-main.sidebar .product-items .product.product-item-details {
        left: 96px !important;
        top: 60%;
    }
}

@media (max-width: 991px) {
    .sidebar-main.sidebar .home-sidebar-filterproducts .product-items .product.product-item-details {
        left: 160px !important;
    }
}

.sidebar .product-items .product-image-photo,
.sidebar .product-items .product-item-info .product-item-photo {
    width: 150px !important;
}

.sidebar-main.sidebar .product-items .product-item-details {
    left: 120px !important;
}

.block .owl-carousel .owl-nav div {
    font-size: 10px;
    height: 24px;
    line-height: 23px;
    width: 24px;
}

.page-products .products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2 {
    top: 0px !important;
}

.dark-box {
    padding: 20px;
    background: rgba(0, 0, 0, .5);
    color: #ffffff;
}

/* title */
.text-white {
    color: #ffffff !important;
}

.text-dark {
    color: #222222 !important;
}

/* Deals */
.multi-deal-wrap .product-item-details,
.countdown-outer {
    position: relative;
}

.countdowntimer {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

.brand-home-static .item > a {
    border: 0px !important;
}

/* CTA */
.calltoaction-section.bg-color .btn:hover,
.social-icons-bg a:hover {
    color: #222 !important;
}

/* Inner pages */
.modes-mode:hover {
    color: #ffffff !important;
}

.product.data.items > .item.title > .switch {
    height: 36px;
}

.review-form .action.submit.primary {
    font-size: 14px;
    padding: 10px 25px;
}

/* Footer */
.footer-dark .contact-content label {
    padding-bottom: 10px;
}

.contact-content-meta span {
    font-size: 13px;
}

.icon-bg-dark a:hover {
    color: #222 !important;
}

.footer-middle-2 p {
    margin-bottom: 5px !important;
    font-size: 14px;
}

.contact-content .icon-block {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
}

#totop {
    line-height: 26px !important;
}

@media (max-width: 767px) {
    .footer-middle-2 .text-right {
        text-align: left;
        margin-top: 20px;
    }

    .overlay-content {
        margin-bottom: 0px;
    }

    .sidebar .product-items .product-item-details {
        margin-left: calc(32% + 15px);
    }

    header.page-header .nav-sections-item-title > a:hover {
        color: #ffffff !important;
    }

    .nav-sections-item-switch {
        font-size: 13px;
    }

    header.page-header .nav-sections-item-title.active > a:hover {
        color: #2C88D3 !important;
    }

    .page-header.type1 .block-search input {
        border-radius: 0;
    }

    .nav-sections .header.list-inline > li {
        display: block;
    }

    .nav-sections .mobile-search .block-search input {
        border-radius: 0px !important;
    }

    /*footer*/
    .footer-bottom.copyright .list-inline {
        text-align: center;
        float: none;
    }

    .featured-box-section .feature-box .feature-icon, .featured-box-section .feature-box .feature-content {
        display: block;
        margin: 0 auto;
    }

    .footer .social-icons.type2 {
        padding: 0;
        max-width: 100%;
        margin-bottom: 40px;
    }

    .social-icons.type2 li {
        margin: 0 auto;
        width: auto;
    }

    ul.contact-content {
        max-width: 100%;
        padding: 0;
        margin-top: 40px;
    }

    .cart.table-wrapper .col.qty {
        padding: 8px 11px 10.5px;
    }

    .cart.table-wrapper .product-item-name + .item-options {
        margin-top: 10px;
    }
}

@media (max-width: 480px) {
    .sidebar .product-items .product-item-details {
        margin-left: calc(40% + 15px);
    }

    .owl-theme.owl-carousel .owl-dots {
        bottom: 0px;
    }

    .home-tab-category-products .nav-tabs.text-center > li {
        display: block !important;
    }

    .home-tab-category-products .nav-tabs > li > a {
        border: none !important;
    }

    .home-tab-category-products .nav-tabs > li.active > a,
    .home-tab-category-products .nav-tabs > li.active > a:hover,
    .home-tab-category-products .nav-tabs > li.active > a:focus {
        border: none !important;
        background: #fafafa;
    }

    .products.products-grid .zozo-products .product-item {
        width: 100%;
    }

}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .container {
        width: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .products.products-grid .zozo-products .product-item {
        width: 33.33%;
    }

    .category-product-item-wrapper .category-product-item {
        max-width: 100%;
        width: 19.50%;
    }
}

@media screen and (min-width: 768px) and (max-width: 850px) {
    .type5 .navigation.zozo-megamenu .ui-menu-item a {
        padding: 0 3px;
    }
}

/*countdown timer*/
.countdowntimer span > div {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    min-width: 0 !important;
}

.countdowntimer span > div label:after {
    content: none !important;
}

/*overlay static block*/
.overlay-content-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 100%;
    opacity: 0;
}

.overlay:hover .overlay-content-wrap {
    opacity: 1;
}

.overlay .overlay-inner {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
}

/*owl carousel*/
@media (max-width: 360px) {
    .hero-slider.owl-theme .subtitle {
        margin-bottom: 0;
    }

}

.block-minicart .subtitle.empty {
    letter-spacing: 0px;
    color: #000;
    background: #fff;
}

/*blog*/
.blog.blog-item.zozo-blog {
    margin-bottom: 20px;
}

.category-product-item-wrapper .category-product-item {
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .page-header .switcher-currency {
        display: none !important;
    }

    .zozo-blog-type3 .media-left {
        width: auto;
        display: block;
    }

    .zozo-blog-type3 .media-body {
        width: auto;
        display: block;
        margin-top: 20px;
    }
}

.tab-title.navbar-default li {
    margin-bottom: 0px;
    background: #fff;
}

.header .custom-block .contact-content .contact-content-meta {
    margin: 0;
    top: 10px;
    position: relative;
    display: inline-block;
}

.footer .store-logo img.footer-logo {
    padding-right: 15px;
}

.tab-title.navbar-default .navbar-nav {
    margin: 0;
}

.tab-title.navbar.navbar-default {
    background: #fff;
}

@media (max-width: 640px) {
    .footer .store-logo li a {
        margin-bottom: 10px;
    }

    .block-title.filter-title strong {
        padding: 4px;
    }

    .catalog-category-view .sidebar-main.sidebar .product-items .product-item-details {
        left: 160px !important;
    }
}

.products.products-grid .zozo-products .product-item img.product-image-photo {
    width: auto;
}

.products.products-grid .filterproducts .product-item img.product-image-photo {
    width: auto;
}

.catalog-category-view .product-image-photo, .catalogsearch-result-index .product-image-photo {
    width: auto;
    height: 100%;
    object-fit: contain;
}

.zozo-blog-type3 .media {
    max-width: 100%;
}

@media (min-width: 992px) {
    .zozo-blog-type3 .media-left {
        width: 50%;
    }

    .zozo-blog-type3 .media-body {
        width: 50%;
    }

    .footer-bottom.copyright .footer-link.list-inline {
        float: right;
    }
}

.zozo-blog-type3 .entry-detail-wrap {
    padding: 0 10px;
    box-shadow: none;
}

.zozo-blog-type3 h3.entry-title {
    margin-top: 0;
    margin-bottom: 10px;
}

.zozo-blog-type3 .media-body .entry-content p {
    margin-top: 0;
}

.featured-box-section .feature-content p {
    font-size: 14px;
}

.product.info.detailed .review-add .review-fieldset .legend {
    color: #333;
}

.fotorama .fotorama__fullscreen-icon {
    color: #2C88D3;
}

.fotorama .fotorama-sprite, .fotorama__fullscreen .fotorama .fotorama__zoom-out, .fotorama__fullscreen .fotorama .fotorama__zoom-in, .fotorama .fotorama__arr .fotorama__arr__arr, .fotorama .fotorama__fullscreen-icon, .fotorama .fotorama__thumb__arr {
    color: #2C88D3;
}

@media (min-width: 768px) {
    .footer-bottom.copyright .list-inline {
        float: right;
    }

    .footer .social-icons.type2 {
        padding: 49px 0px;
    }

    .qty.field .control, .qty.field .qty-changer {
        margin-top: 5px;
    }
}

.paypal-review-discount .block > .title strong, .cart-discount .block > .title strong {
    color: #2C88D3;
}

.cart.table-wrapper .col.subtotal .price {
    color: #333333;
}

@media (min-width: 640px) {
    .page-products .products .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2 {
        background-image: none;
        text-indent: unset;
    }

    .page-products .products-list .product-item-info:hover .weltpixel-quickview {
        display: block;
        text-align: center;
        left: 0;
    }

    .page-products .products-list .product-item-info:hover {
        display: block;
        text-align: left;
    }
}

.page-products .products-list .product-item {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
}

.page-products .products-list .product-item .product.details.product-item-details {
    padding: 25px 20px;
}

.block-brand-products button.action.primary {
    padding: 0px 30px;
}

.featured-brands span {
    padding-right: 20px;
}

.featured-brands img.f-barnd-img {
    width: 100px;
}

.block-brand-products .products-grid li.product-item {
    margin-bottom: 20px;
}

.block-brand-products .products-grid .product-item .product-item-details {
    padding: 10px 0 10px;
}

@media (min-width: 992px) {
    .page-products .grid.columns8.products-grid .product-item {
        width: 12.5%;
        clear: none;
    }
}

@media (min-width: 640px) {
    .catalog-category-view.page-layout-1column .column .block.filter {
        display: none;
    }

    .catalog-category-view.page-layout-1column .column .toolbar-products {
        position: relative;
    }
}

.footer-middle.footer.footer-dark {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

@media (min-width: 768px) {
    .page-header.type5 .navigation.stick-nav .level0 > .level-top {
        color: #333333;
    }

    .page-header.type5 .navigation.stick-nav .level0 > .level-top:hover {
        color: #FFFFFF;
        background: #2C88D3;
    }

    .minicart-wrapper .product-item .product-item-details .product-item-name a {
        color: #333333;
    }

    .page-header.type2 .custom-block ul li a {
        color: #333333;
    }

    .page-header.type2 .navigation .level0 > .level-top:hover {
        display: inline-block;
    }

    .page-header.type2 .navigation .level0 > .level-top:focus {
        color: #ffffff;
    }

    .bg-white {
        background: #ffffff;
    }
}

.feature-box.feature-box-bg {
    background: #2C88D3 !important;
    margin-bottom: 0;
}

.product-items.zozo-products a.product-item-link:hover, .filterproducts.product-items a.product-item-link:hover {
    text-decoration: none;
}

.post-details .post-meta a {
    color: #333333;
}

.multi-deal-wrap.multi-deal-col-3 .products-grid .product-item {
    width: 32%;
}

.home-tab-products .tab-product-wrapper {
    position: relative;
    padding-left: 55px;
    border-left: none;
    border: 1px solid #eeeeee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tab-product-wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    width: 61px;
    top: -1px;
    bottom: -1px;
    background: #2C88D3;
    border: 1px solid #eeeeee;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    z-index: 1;
}

.tab-product-wrapper .tab-title {
    width: 100%;
    position: absolute;
    left: 30px;
    top: 25px;
    margin: 0 0 0px;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transform-origin: 0;
    -ms-transform-origin: 0;
    -o-transform-origin: 0;
    -webkit-transform-origin: 0;
    transform-origin: 0;
    z-index: 2;

}

.tab-product-wrapper .tab-wrapper {
    padding: 0 18px;
}

.tab-product-wrapper .tab-wrapper ul.nav.nav-tabs.cat-tabs {
    padding: 15px 0 0px 13px;
}

.tab-product-wrapper .tab-title h3.title {
    margin-top: 10px;
}

.block-box-wrapper .block-box-content {
    padding: 10px;
    height: 200px;
}

.block-box-wrapper .block-box-content .title-wrapper {
    padding-top: 22px;
}

.block-box-wrapper .block-box-content .title-wrapper h2.title {
    margin-bottom: 20px;
}

.section-title {
    margin: 0 0 30px;
    background: #dbf0f3;
    padding: 21px 30px;
}

.section-title .title {
    margin-bottom: 0 !important;
    padding: 0 !important;
    text-transform: uppercase;
}

.section-title .title::after {
    content: none !important;
}

.side-custom-menu .block-content ul.custom-menu {
    padding: 25px 0;
}

.side-custom-menu .block-content .custom-menu li {
    padding: 0px 29px;
    line-height: 20px;
    margin-bottom: 25px;
}

.side-custom-menu .block-content .custom-menu li:last-child {
    margin-bottom: 0;
}

.sidebar .block-content .product-items .product-item {
    border-bottom: none;
}

.products-grid .product-item-details .product-item-actions .actions-primary {
    display: block;
    margin-bottom: 10px;
}

.products-grid .product-item-details .product-item-actions .tocart {
    padding: 0px 30px;
    border-radius: 0px;
}

.products-grid .product-item:hover .product-item-details .product-item-actions .tocart {
    border-color: #2c88d3;
}

.mfp-wrap .mfp-content button.mfp-close {
    background: transparent;
}

.weltpixel-quickview-catalog-product-view .action.primary,
.cart-container .cart-summary .checkout-methods-items .action.primary.checkout,
.opc-wrapper .action.primary.checkout,
.checkout-onepage-success .action.primary,
.form-create-account .action.submit.primary,
.login-container .action.primary,
.review-form .action.submit.primary,
.product-info-main .action.primary.tocart {
    border-radius: 0;
}

.checkout-onepage-success .column.main,
.checkout-cart-index .cart-empty,
{
    text-align: center;
}

.checkout-onepage-success .action.primary:hover {
    color: #2c88d3;
    background: #fff;
}

.minicart-wrapper .block-content .action.primary,
.minicart-wrapper .block-minicart .block-content .secondary a.action.viewcart {
    border-radius: 0;
}

.products-list .product-item-details .actions-primary {
    display: block;
    margin-bottom: 10px;
}

.products-list .product-item-details .actions-primary .tocart {
    margin: 0 auto;
    border-radius: 0;
    padding-top: 5px;
}

.side-custom-menu.type2.sidebar {
    border: 1px solid #dbf0f3;
}

.side-custom-menu.type2 .section-title {
    margin: 0;
}

.products-grid .product-items .product-item-details .product-item-actions .product-meta-wrapper {
    margin-top: 20px;
}

.products-grid .product-items .product-item-details .product-item-actions .product-meta-wrapper > *:first-child {
    margin-bottom: 10px;
}

.products-grid .product-items .product-item-details .product-item-actions .product-wishlist-action,
.products-grid .product-items .product-item-details .product-item-actions .product-compare-action {
    max-width: 92px;
    margin: 0 auto;
}

.products-grid .product-items .product-item-details .product-item-actions .product-wishlist-action .media-left,
.products-grid .product-items .product-item-details .product-item-actions .product-compare-action .media-left {
    padding-right: 0px;
}

.products-grid .owl-carousel .product-item.item {
    padding: 10px !important;
}

.products-grid .product-item-details .product-item-actions {
    margin: 0;
}

.products-grid .product-items .product-item-details .countdown-outer {
    margin-top: 20px;
}

.comparison .product .actions-primary .action.tocart.primary {
    border-radius: 0;
}

.comparison .product-item-actions .action.towishlist > span {
    float: none;
    margin-left: 0;
}

.comparison .product-item-actions .action.towishlist::before {
    display: inline-block;
}

.block.related .field.choice {
    position: relative;
    top: 0px;
    left: 0;
}

@media (min-width: 768px) {
    .page-header.type2 .block-search {
        width: 425px;
        margin-left: 60px;
    }

    .page-header.type2 .block-search input {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }

    .page-header.type2 .panel.header ul li a {
        margin-top: 0;
    }

    .footer .copyright-type3 {
        margin-top: 20px;
        float: right;
    }

    .products.columns7.products-grid .product-item-details .product-item-actions .tocart,
    .products.columns8.products-grid .product-item-details .product-item-actions .tocart {
        padding: 0 7px;
    }

    .page-products .grid.products-grid .product-item {
        margin-bottom: 20px;
    }

    .rtl.page-layout-2columns-right .sidebar-additional {
        padding-right: 0;
        padding-left: 2%;
    }
}

@media (max-width: 480px) {
    .tab-product-wrapper .tab-wrapper .nav-tabs li {
        width: 100%;
    }

    .tab-product-wrapper .tab-wrapper .nav-tabs > li.active > a {
        border: none;
    }

    .products-grid .product-item-details .product-item-actions .tocart {
        padding: 0px 7px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .page-products .grid.columns8.products-grid .product-item {
        width: 20%;
    }
}

@media (max-width: 767px) {
    .tab-product-wrapper .products.products-grid .zozo-products .product-item {
        width: 100%;
    }

    .multi-deal-wrap.multi-deal-col-3 .products-grid .product-item {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .footer .copyright-type3 {
        margin-top: 20px;
    }

    .catalog-product-view .columns {
        display: block;
    }
}

@media (min-width: 640px) {
    .page-layout-1column .toolbar-products {
        position: relative;
    }
}

.rtl .page-header.type2 .minicart-wrapper {
    right: auto;
    left: 15px;
}

.rtl .page-header.type2 .minicart-wrapper .block-minicart {
    right: auto;
}

.rtl .type2 .minicart-wrapper .block-minicart:after {
    display: none;
}

@media (max-width: 767px) {
    .page-header.type2 .custom-block {
        display: block;
        float: right;
        margin-right: 16px;
        margin-top: 20px;
    }

    .rtl .page-header.type2 .minicart-wrapper .block-minicart {
        right: 0;
    }

    .rtl .minicart-wrapper .block-minicart::before {
        left: auto;
    }

    .contact-index-index .contact-info {
        margin-top: 20px;
    }
}

.product.info.detailed .product.data.items > .item.content {
    margin-top: 41px;
}

.products.products-grid .filterproducts .product-item img.product-image-photo {
    height: 196px;
}


/*Custom CSS*/

.page-header.type2 .header-contact-block a {
    color: #333333;
    font-size: 18px;
    font-weight: 700;
}

.page-header.type2 .custom-block {
    top: 8% !important;
    right: 85px !important;
}

.page-header.type2 .header-contact-block a:hover {
    color: #2C88D3;
}

@media (min-width: 768px) and (max-width: 1024px) {

    .page-header.type2 .header-contact-block a {
        font-size: 13px;
    }

    .page-header.type2 .custom-block {
        right: 60px !important;
    }

    .page-header.type2 .block-search {
        margin-left: 30px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {

    .panel.header {
        padding: 4px 0;
        max-height: 29px;
        overflow: hidden;
    }

    .freeship-block {
        width: 60% !important;
    }

    .panel.header span {
        float: right;
    }

    .page-header.type2 .header-contact-block a {
        font-size: 16px;
    }

    header.page-header .mobile-search .block-search .actions .action.search {
        background-color: #2c88d3;
        color: #fff;
        opacity: initial;
        padding: 0 16px;
    }

    header.page-header .header.content .mobile-search .block-search #search {
        border-radius: 0;
        height: 35px;
    }

    header.page-header .header.content .mobile-search .form {
        padding: 0;
    }

    header.page-header .header.content .mobile-search .block-search .actions .action.search {
        height: 35px;
    }

    header.page-header .header.content .mobile-search .search-autocomplete {
        margin-top: 0px;
    }

}

@media (min-width: 320px) and (max-width: 374px) {

    .page-header.type2 .minicart-wrapper {
        width: 25px;
    }

    .page-header.type2 .header-contact-block a {
        font-size: 11px;
    }

}

header.page-header .mobile-search .block-search .control input {
    color: #000;
}


.search-autocomplete ul li {
    color: #000;
}

.header.content:before {
    clear: both;
}

.nav-item .level1 .megamenu-content {
    display: none;
}

.subitems-group span {
    color: #333333;
    text-transform: none;
    font-weight: bold !important;
}

.subitems-group:hover span:hover{
    color:#2C88D3 !important;
}

.ves-megamenu.menu-hover .subhover:hover .dropdown-menu {
    padding: 20px;
    height: unset !important;
    overflow-y: scroll;
}

.megamenu-content .dropdown-submenu a span{
    font-weight: bold !important;
}

@media (max-width: 767px){
.megamenu-content .dropdown-submenu a span{
    font-weight: bold !important;
    color: #333333;
    }
}

.checkout-index-index .checkout-payment-method .payment-method-billing-address .primary .action-update {
    background-color: #32CD32;
    color: #fff;
}
.checkout-index-index .checkout-payment-method .payment-method-billing-address .primary .action-update:hover {
    background-color: #2c88d3;
}
.page-header .top-header-panel-text {
    float: right;
    margin-bottom: 0;
    margin-top: 5px;
    font-size: small;
    width: 40%;
    text-align: right;
    padding-right: 5px;
}

@media (min-width: 320px) and (max-width: 480px) {
    .page-header .top-header-panel-text {
        margin-top: 2px;
        font-size: 11px;
        padding-right: 0px;
    }

}
@media (min-width: 320px) and (max-width: 374px) {
    .page-header .top-header-panel-text {
        font-size: 9px;
    }
}

section.faq-header {
    padding-top: 20px;
}
.accordion div.collapse {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    display:block;
}
.accordion h2 {
   margin-bottom:0;
}
.accordion .card-body {
    padding: 10px 15px 0;
    border: 1px solid #ccc;
    border-top: 0;
}
.card-header button.btn.btn-link {
    border: 1px solid #ccc;
    padding: 4px 15px;
    width: 100%;
    text-align: left;
    height: auto;
}
.image-bg-update{
    margin: auto;
}