.frame *, .frame ::after, .frame ::before, .panel-popup *, .panel-popup ::after, .panel-popup ::before {
    box-sizing: border-box;
}

.frame {
    box-sizing: border-box;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.frame-fluid {
    width: 100%;
    padding: 0 15px;
}

.active-builder.cms-page-view .page-main .columns,
.active-builder.cms-home .page-main .columns {
    max-width: 100vw !important;
    padding-left: 0;
    padding-right: 0;
}

.no-padding {
    padding: 0
}

.no-padding-right {
    padding-right: 0 !important
}

.no-padding-left {
    padding-left: 0 !important
}

.line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.d-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.d-flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.d-flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.text-align-left,
.text-align-left .slide-text {
    text-align: left;
}

.text-align-right,
.text-align-right .slide-text {
    text-align: right;
}

.text-align-center,
.text-align-center .slide-text {
    text-align: center;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-des,
.col-des-1,
.col-des-10,
.col-des-11,
.col-des-12,
.col-des-2,
.col-des-3,
.col-des-4,
.col-des-5,
.col-des-6,
.col-des-7,
.col-des-8,
.col-des-9,
.col-des-auto,
.col-tb,
.col-tb-1,
.col-tb-10,
.col-tb-11,
.col-tb-12,
.col-tb-2,
.col-tb-3,
.col-tb-4,
.col-tb-5,
.col-tb-6,
.col-tb-7,
.col-tb-8,
.col-tb-9,
.col-tb-auto,
.col-mb,
.col-mb-1,
.col-mb-10,
.col-mb-11,
.col-mb-12,
.col-mb-2,
.col-mb-3,
.col-mb-4,
.col-mb-5,
.col-mb-6,
.col-mb-7,
.col-mb-8,
.col-mb-9,
.col-mb-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (max-width: 570.98px) {
    .frame {
        max-width: calc(100% - 30px);
    }

    .col-mb {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-mb-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-mb-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-mb-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-mb-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-mb-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-mb-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-mb-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-mb-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-mb-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-mb-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-mb-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-mb-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-mb-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width: 576px) {
    .columns .column.main {
        -webkit-flex-basis: unset;
        flex-basis: unset;
    }
}

@media (min-width: 571px) and (max-width: 1199.98px) {
    .frame {
        max-width: calc(100% - 30px);
    }

    .col-tb {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-tb-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-tb-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-tb-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-tb-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-tb-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-tb-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-tb-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-tb-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-tb-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-tb-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-tb-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-tb-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-tb-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .frame {
        max-width: 1170px
    }

    .col-des {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-des-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-des-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-des-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-des-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-des-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-des-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-des-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-des-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-des-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-des-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-des-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-des-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-des-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .col-des-custom-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }


    .hidden-des {
        display: none !important;
    }

}

@media (min-width: 1200px) {
    .row-1 .col {
        -ms-flex: 0 0 calc(100% / 1);
        flex: 0 0 calc(100% / 1);
        max-width: calc(100% / 1);
        width: 100%;
    }

    .row-2 .col {
        -ms-flex: 0 0 calc(100% / 2);
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2);
        width: 100%;
    }

    .row-3 .col {
        -ms-flex: 0 0 calc(100% / 3);
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
        width: 100%;
    }

    .row-4 .col {
        -ms-flex: 0 0 calc(100% / 4);
        flex: 0 0 calc(100% / 4);
        max-width: calc(100% / 4);
        width: 100%;
    }

    .row-5 .col {
        -ms-flex: 0 0 calc(100% / 5);
        flex: 0 0 calc(100% / 5);
        max-width: calc(100% / 5);
        width: 100%;
    }

    .row-6 .col {
        -ms-flex: 0 0 calc(100% / 6);
        flex: 0 0 calc(100% / 6);
        max-width: calc(100% / 6);
        width: 100%;
    }

    .row-7 .col {
        -ms-flex: 0 0 calc(100% / 7);
        flex: 0 0 calc(100% / 7);
        max-width: calc(100% / 7);
        width: 100%;
    }

    .row-8 .col {
        -ms-flex: 0 0 calc(100% / 8);
        flex: 0 0 calc(100% / 8);
        max-width: calc(100% / 8);
        width: 100%;
    }
}

@media (min-width: 572px) and (max-width: 1199.98px) {
    .row-tablet-1 .col {
        -ms-flex: 0 0 calc(100% / 1);
        flex: 0 0 calc(100% / 1);
        max-width: calc(100% / 1);
        width: 100%;
    }

    .row-tablet-2 .col {
        -ms-flex: 0 0 calc(100% / 2);
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2);
        width: 100%;
    }

    .row-tablet-3 .col {
        -ms-flex: 0 0 calc(100% / 3);
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
        width: 100%;
    }

    .row-tablet-4 .col {
        -ms-flex: 0 0 calc(100% / 4);
        flex: 0 0 calc(100% / 4);
        max-width: calc(100% / 4);
        width: 100%;
    }

    .row-tablet-5 .col {
        -ms-flex: 0 0 calc(100% / 5);
        flex: 0 0 calc(100% / 5);
        max-width: calc(100% / 5);
        width: 100%;
    }

    .row-tablet-6 .col {
        -ms-flex: 0 0 calc(100% / 6);
        flex: 0 0 calc(100% / 6);
        max-width: calc(100% / 6);
        width: 100%;
    }

    .row-tablet-7 .col {
        -ms-flex: 0 0 calc(100% / 7);
        flex: 0 0 calc(100% / 7);
        max-width: calc(100% / 7);
        width: 100%;
    }

    .row-tablet-8 .col {
        -ms-flex: 0 0 calc(100% / 8);
        flex: 0 0 calc(100% / 8);
        max-width: calc(100% / 8);
        width: 100%;
    }

    .col-des-custom-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    body .hidden-tb {
        display: none !important;
    }
}

@media (max-width: 571.98px) {
    .row-mobile-1 .col {
        -ms-flex: 0 0 calc(100% / 1);
        flex: 0 0 calc(100% / 1);
        max-width: calc(100% / 1);
        width: 100%;
    }

    .row-mobile-2 .col {
        -ms-flex: 0 0 calc(100% / 2);
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2);
        width: 100%;
    }

    .row-mobile-3 .col {
        -ms-flex: 0 0 calc(100% / 3);
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
        width: 100%;
    }

    .row-mobile-4 .col {
        -ms-flex: 0 0 calc(100% / 4);
        flex: 0 0 calc(100% / 4);
        max-width: calc(100% / 4);
        width: 100%;
    }

    .row-mobile-5 .col {
        -ms-flex: 0 0 calc(100% / 5);
        flex: 0 0 calc(100% / 5);
        max-width: calc(100% / 5);
        width: 100%;
    }

    .row-mobile-6 .col {
        -ms-flex: 0 0 calc(100% / 6);
        flex: 0 0 calc(100% / 6);
        max-width: calc(100% / 6);
        width: 100%;
    }

    .row-mobile-7 .col {
        -ms-flex: 0 0 calc(100% / 7);
        flex: 0 0 calc(100% / 7);
        max-width: calc(100% / 7);
        width: 100%;
    }

    .row-mobile-8 .col {
        -ms-flex: 0 0 calc(100% / 8);
        flex: 0 0 calc(100% / 8);
        max-width: calc(100% / 8);
        width: 100%;
    }

    .hidden-mb {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .frame {
        max-width: 100%;
    }
}

.no-margin {
    margin: 0 !important
}

.no-margin-top {
    margin-top: 0 !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

.text-align-left, .text-align-left .slide-text {
    text-align: left
}

.text-align-right, .text-align-right .slide-text {
    text-align: right
}

.text-align-center, .text-align-center .slide-text {
    text-align: center
}

.mgs-products.products-grid {
    margin: 0;
}

.mgs-products.products-grid .product-item {
    margin: 0 0 30px 0;
}

.products-grid .product-item-info {
    margin-bottom: 0;
}

.panel-block * {
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
}

/* Slider */
.fullscreen-slider .owl-carousel .item-image img, .fullscreen-slider .owl-carousel .item-image, .fullscreen-slider .owl-carousel div:not(.owl-nav):not(.owl-dots):not(.slide-text) {
    height: 100%
}

.fullscreen-slider .owl-carousel {
    height: 100%;
    position: relative;
}

.fullscreen-slider .owl-carousel .item-image {
    height: 100%;
    background-position: center;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
}

.fullscreen-slider .item img {
    opacity: 0;
    visibility: hidden;
    filter: alpha(opacity=0)
}

.mgs-owl-carousel {
    position: relative;
}

.mgs-owl-carousel .owl-nav.disabled {
    display: none !important
}

.mgs-owl-carousel .owl-nav .disabled {
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.mgs-owl-carousel .owl-nav .disabled span::before, .mgs-owl-carousel .owl-nav .disabled span {
    cursor: unset !important
}

.mgs-owl-carousel .owl-prev, .mgs-owl-carousel .owl-next {
    height: 100%;
    position: absolute;
    top: 0;
    left: 30px
}

.mgs-owl-carousel.owl-rtl .owl-prev {
    left: 70px
}

.mgs-owl-carousel .owl-next {
    left: unset;
    right: 30px
}

.mgs-owl-carousel.owl-rtl .owl-next {
    right: 30px
}

.mgs-owl-carousel .slider-nav:before {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    color: #fff;
    line-height: 40px;
    content: '\e608';
    font-family: "luma-icons", "icons-blank-theme";
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
}

.autohide-nav.mgs-owl-carousel .slider-nav:before, .autohide-nav.mgs-owl-carousel .owl-nav span {
    opacity: 0;
    visibility: hidden;
}

.mgs-owl-carousel .slider-nav:hover:before {
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
}

.mgs-owl-carousel .nav-prev:before {
    content: '\e617';
}

.mgs-owl-carousel.owl-carousel:hover .slider-nav:before, .autohide-nav.mgs-owl-carousel:hover .owl-nav span {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
}

.mgs-owl-carousel .owl-dots {
    display: table;
    margin: 20px auto 0;
    position: absolute;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.slider_mgs_carousel.owl-carousel .owl-dots {
    bottom: 20px;
}

.mgs-owl-carousel .owl-dots .owl-dot {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

.mgs-owl-carousel .owl-dots .owl-dot span {
    background-color: #f0f0f0;
    height: 15px;
    margin: 0 7px;
    transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    width: 15px;
    border-radius: 10px;
    cursor: pointer;
    display: block;
}

.mgs-owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span {
    background-color: #006bb4;
}

.nav-position-middle-outside .owl-nav div span,
.nav-position-middle-inside .owl-nav div span {
    position: absolute;
    top: 50%;
    cursor: pointer
}

.mgs-owl-carousel .owl-nav div span {
    text-align: center;
    display: block
}

.mgs-owl-carousel.nav-position-middle-outside .owl-prev {
    left: -30px
}

.mgs-owl-carousel.nav-position-middle-outside .owl-next {
    right: -30px
}

.mgs-owl-carousel.nav-position-top-left .owl-nav div, .mgs-owl-carousel.nav-position-top-right .owl-nav div, .mgs-owl-carousel.nav-position-bottom-left .owl-nav div, .mgs-owl-carousel.nav-position-bottom-right .owl-nav div {
    position: unset;
    float: left;
    margin-right: 10px
}

.mgs-owl-carousel.nav-position-top-right .owl-nav div {
    margin-right: 0;
    margin-left: 10px
}

.mgs-owl-carousel.nav-position-top-left .owl-nav, .mgs-owl-carousel.nav-position-top-right .owl-nav, .mgs-owl-carousel.nav-position-bottom-left .owl-nav, .mgs-owl-carousel.nav-position-bottom-right .owl-nav {
    position: absolute;
    top: 0;
    left: 0
}

.mgs-owl-carousel.nav-position-top-right .owl-nav, .mgs-owl-carousel.nav-position-bottom-right .owl-nav {
    left: unset;
    right: 0
}

.mgs-carousel-single.mgs-owl-carousel.nav-position-top-right .owl-nav {
    top: 15px;
    right: 15px
}

.mgs-carousel-single.mgs-owl-carousel.nav-position-top-left .owl-nav {
    top: 15px;
    left: 15px
}

.mgs-carousel-single.mgs-owl-carousel.nav-position-bottom-right .owl-nav {
    top: unset;
    right: 15px;
    bottom: 15px
}

.mgs-carousel-single.mgs-owl-carousel.nav-position-bottom-left .owl-nav {
    top: unset;
    left: 15px;
    bottom: 15px
}

.mgs-carousel-multiple.mgs-owl-carousel.nav-position-top-left .owl-nav {
    top: -55px;
    left: 0;
    right: unset
}

.mgs-carousel-multiple.mgs-owl-carousel.nav-position-top-right .owl-nav {
    top: -55px;
    right: 0;
    left: unset
}

.mgs-carousel-multiple.mgs-owl-carousel.nav-position-bottom-left .owl-nav, .mgs-carousel-multiple.mgs-owl-carousel.nav-position-bottom-right .owl-nav {
    position: unset;
    margin-top: 15px
}

.mgs-carousel-multiple.mgs-owl-carousel.nav-position-bottom-right .owl-nav {
    float: right
}

.mgs-carousel-multiple.mgs-owl-carousel.nav-position-bottom-right .owl-nav div {
    margin-right: 0;
    margin-left: 10px
}

.mgs-owl-carousel .owl-nav span {
    cursor: pointer;
    position: relative;
    width: 100%
}

.mgs-owl-carousel .owl-nav .disabled span {
    cursor: unset
}

.mgs-owl-carousel.nav-position-middle-inside .owl-nav .owl-next span, .mgs-owl-carousel.nav-position-middle-outside .owl-nav .owl-prev span {
    right: 0
}

.mgs-owl-carousel.mgs-carousel-single.dot-position-left .owl-dots {
    left: 60px
}

.mgs-owl-carousel.mgs-carousel-single.dot-position-right .owl-dots {
    left: unset;
    right: 0
}

.mgs-owl-carousel.mgs-carousel-multiple .owl-dots {
    bottom: -30px
}

.mgs-owl-carousel.mgs-carousel-multiple.dot-position-left .owl-dots {
    left: 30px
}

.mgs-owl-carousel.mgs-carousel-multiple.dot-position-right .owl-dots {
    left: unset;
    right: -30px
}

/* Products Block */
.mgs-products .product-image-container {
    width: 100% !important
}

.mgs-products .mgs-owl-carousel .product-item {
    width: 100% !important;
    margin-top: 0px;
    margin-bottom: 35px
}

.mgs-tab.data.items, .builder-tab.data.items {
    position: relative;
    z-index: 1;
    border-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.mgs-product-tab .mgs-tab.data.items > .item.title, .builder-tab.data.items > .item.title {
    box-sizing: border-box;
    float: unset;
    width: auto;
    margin: 0;
    display: inline-block;
}

.mgs-tab.data.items > .item.title > .switch {
    display: block;
    position: relative;
    z-index: 2;
    font-weight: 400;
    line-height: 40px !important;
    font-size: 1.4rem;
    color: #6d6d6d;
    text-decoration: none;
    border: 1px solid #ccc;
    border-bottom: none;
    height: 40px !important;
    padding: 0;
    background: #f6f6f6;
}

.mgs-tab.data.items > .item.title:not(.disabled) > .switch:active, .mgs-tab.data.items > .item.title.active > .switch, .mgs-tab.data.items > .item.title.active > .switch:focus, .mgs-tab.data.items > .item.title.active > .switch:hover {
    background: #fff;
    color: #333;
}

.mgs-tab.data.items::before, .mgs-tab.data.items::after, .builder-tab.data.items::before, .builder-tab.data.items::after {
    content: '';
    display: table;
}

.mgs-tab.data.items > .item.content, .builder-tab.data.items > .item.content {
    margin-top: 40px;
    box-sizing: border-box;
    float: right;
    margin-left: -100%;
    width: 100%;
    background: #fff;
    padding: 35px;
}

.builder-tab.data.items > .item.title > .switch {
    padding: 1px 35px;
    height: 40px;
    line-height: 40px;
    color: #6d6d6d;
    text-decoration: none;
    display: block
}

/* --------------- Tab Style ------------------*/
.mgs-product-tab .mgs-tab.product.data {
    float: none;
    width: 100%;
    margin-top: 0;
}

.mgs-product-tab .mgs-tab.tab-align-center {
    text-align: center
}

.mgs-product-tab .mgs-tab.tab-align-right {
    text-align: right
}

.mgs-product-tab .mgs-tab .data.content {
    text-align: left
}

.mgs-product-tab .mgs-tab.data.items > .item.content {
    margin-top: 60px;
    padding: 10px 0;
    box-shadow: unset;
    border-left: none;
    border-right: none;
    border-bottom: none;
    background-color: transparent;
}

.mgs-product-tab .mgs-tab.data.items .switch {
    font-weight: 300
}

.mgs-product-tab .tab-style1.data.items > .item.content,
.mgs-product-tab .tab-style2.data.items > .item.content,
.mgs-product-tab .tab-style3.data.items > .item.content,
.mgs-product-tab .tab-style4.data.items > .item.content,
.mgs-product-tab .tab-style6.data.items > .item.content,
.mgs-product-tab .tab-style7.data.items > .item.content {
    border: none
}

.mgs-product-tab .tab-style1.data.items > .item.title > .switch, .mgs-product-tab .tab-style1.data.items > .item.title.active > .switch {
    border: none;
    background: none;
    position: relative;
    font-size: 14px;
    padding: 0 20px;
}

.mgs-product-tab .tab-style1.data.items .item.title .switch:hover {
    background: none !important
}

.mgs-product-tab .tab-style1.data.items .item.title .switch:before {
    position: absolute;
    top: 9px;
    left: 0;
    width: 1px;
    height: 22px;
    background: #ccc;
    content: ""
}

.mgs-product-tab .tab-style1.data.items .item.title.item1 a:before {
    display: none
}

.mgs-product-tab .mgs-tab.tab-align-left .item.title.item1 a {
    padding-left: 0 !important
}

.mgs-product-tab .mgs-tab.tab-font-bold .item.title a {
    font-weight: bold !important
}

.mgs-product-tab .mgs-tab.tab-uppercase .item.title a {
    text-transform: uppercase !important
}

.mgs-product-tab .mgs-tab.tab-italic .item.title a {
    font-style: italic !important
}

.mgs-tab.data.items.tab-align-right > .item.title.last-item > .switch {
    padding-right: 0 !important
}


/* Style 2 */
.mgs-product-tab .tab-style2.data.items .item.title .switch {
    background: none !important;
    color: #333;
    height: auto !important;
    line-height: 20px !important;
    padding: 8px 25px !important;
    border: 1px solid transparent;
}

.section-builder .mgs-product-tab .tab-style2.data.items .item.title.active .switch {
    border: 1px solid #6e6e6e;
    color: #333;
    border-radius: 20px
}

.mgs-product-tab .mgs-tab.data.items.tab-align-right.tab-style2 > .item.title.last-item > .switch {
    padding-right: 25px !important
}

/* Style 3 */
.mgs-product-tab .tab-style3.data.items .item.title {
    margin: 0 10px
}

.mgs-product-tab .tab-style3.data.items .item.title .switch {
    border: 1px solid #e3e3e3;
    background: none !important;
    color: #797979;
    height: auto !important;
    line-height: unset !important;
    padding: 5px 20px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 400;
}

.mgs-product-tab .tab-style3.data.items .item.title.active .switch, .mgs-product-tab .tab-style3.data.items .item.title .switch:hover, .mgs-product-tab .tab-style3.data.items .item.title.active .switch:focus, .mgs-product-tab .tab-style3.data.items .item.title.active .switch:hover, .mgs-product-tab .tab-style3.data.items .item.title .switch:active {
    border: 1px solid #6e6e6e;
    font-weight: 500;
}

.mgs-product-tab .mgs-tab.data.items.tab-align-right.tab-style3 > .item.title.last-item > .switch {
    padding-right: 30px !important
}

/* Style 4 */
.mgs-product-tab .tab-style4.data.items .item.title {
    margin: 0 12px
}

.mgs-product-tab .tab-style4.data.items .item.title .switch {
    padding: 0 !important;
    background: none !important;
    color: #777;
    height: auto !important;
    line-height: unset !important;
    border: none;
    position: relative
}

.mgs-product-tab .tab-style4.data.items .item.title.active .switch, .mgs-product-tab .tab-style4.data.items .item.title .switch:hover, .mgs-product-tab .tab-style4.data.items .item.title .switch:active, .mgs-product-tab .tab-style4.data.items .item.title .switch:focus, .mgs-product-tab .tab-style4.data.items .item.title .switch {
    font-size: 14px;
    font-weight: 400;
}

.mgs-product-tab .tab-style4.data.items .item.title.active .switch:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    background: #a6cd56;
    left: 0;
    bottom: -8px
}

/* Style 5 */
.mgs-product-tab .tab-style5.data.items > .item.content {
    margin-top: 40px;
    border-top: none;
    padding-top: 30px;
}

.mgs-product-tab .tab-style5.data.items .item.title {
    margin: 0 15px
}

.mgs-product-tab .tab-style5.data.items .item.title .switch {
    padding: 0 !important;
    background: none !important;
    color: #313131;
    border: none;
    position: relative
}

.mgs-product-tab .tab-style5.data.items .item.title.active .switch, .mgs-product-tab .tab-style5.data.items .item.title .switch:hover, .mgs-product-tab .tab-style5.data.items .item.title .switch:active, .mgs-product-tab .tab-style5.data.items .item.title .switch:focus, .mgs-product-tab .tab-style5.data.items .item.title .switch {
    color: #EE2D43;
    font-size: 14px;
    font-weight: 400;
}

.mgs-product-tab .tab-style5.data.items .item.title.active .switch:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background: #EE2D43;
    left: 0;
    bottom: -2px;
    display: block !important;
    top: unset;
    right: unset
}

.mgs-product-tab .tab-style5.tab-align-left .item.title.item1, .mgs-product-tab .tab-style3.tab-align-left .item.title.item1, .mgs-product-tab .tab-style4.tab-align-left .item.title.item1 {
    margin-left: 0
}

.mgs-product-tab .tab-style4.tab-align-right .item.title.last-item, .mgs-product-tab .tab-style5.tab-align-right .item.title.last-item, .mgs-product-tab .tab-style3.tab-align-right .item.title.last-item {
    margin-right: 0
}

/* Style 6 */
.mgs-product-tab .tab-style6.data.items > .item.title {
    margin: 0 -4px 0 0;
}

.mgs-product-tab .tab-style6.data.items .item.title .switch {
    padding: 5px 40px;
    border: none;
    color: #fff;
    background: #2a2b2e;
    border-left: 1px solid #505050
}

.mgs-product-tab .tab-style6.data.items .item.title.item1 .switch {
    border: none;
    padding-left: 40px !important
}

.mgs-product-tab .tab-style6.data.items .item.title.active .switch, .mgs-product-tab .tab-style6.data.items .item.title .switch:active, .mgs-product-tab .tab-style6.data.items .item.title .switch:focus, .mgs-product-tab .tab-style6.data.items .item.title .switch:hover, .mgs-product-tab .tab-style6.data.items .item.title .switch {
    background: #dd0017;
    color: #fff;
    font-size: 14px;
    padding: 0 20px;
}

.mgs-product-tab .mgs-tab.data.items.tab-align-right.tab-style6 > .item.title.last-item > .switch {
    padding-right: 35px !important
}


/* Style 7 */
.mgs-product-tab .tab-style7.data.items .item.title .switch {
    border: none;
    color: #999;
    background: none !important;
    padding: 0 20px !important
}

.mgs-product-tab .tab-style7.data.items .item.title.active .switch, .mgs-product-tab .tab-style7.data.items .item.title .switch:active, .mgs-product-tab .tab-style7.data.items .item.title .switch:focus, .mgs-product-tab .tab-style7.data.items .item.title .switch:hover {
    color: #c33;
    font-size: 14px;
}

.mgs-product-tab .tab-style7.tab-align-right .item.title.last-item a.switch {
    padding-right: 0 !important
}

.mgs-product-tab .tab-style7.tab-align-left .item.title.item1 a.switch {
    padding-left: 0 !important
}

.mgs-product-tab .tab-style7.data.items .item.title .switch {
    font-size: 14px;
    font-weight: 400;
}

.deal-timer {
    margin: 10px 0;
    width: 100%;
    display: inline-block
}

.deal-timer span {
    display: block;
    text-align: center;
    float: left;
    font-size: 18px;
    margin-right: 1%;
    overflow: hidden
}

.deal-timer span.secs {
    margin-right: 0
}

.deal-timer .time-note span {
    font-size: 11px
}

/* .mgs-products .product-item-info{position:relative} */
.mgs-products .product-ribbon {
    position: absolute;
    background: #ff3100;
    color: #fff;
    width: 45px;
    height: 45px;
    display: block;
    border-radius: 50%;
    top: 0;
    z-index: 10;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    right: 0
}

.mgs-products.list-products .product-image {
    position: relative
}

.mgs-products .saved-price .price {
    margin-left: 5px
}

.instagram-widget .instagram-item {
    position: relative
}

.instagram-widget .instagram-item > a {
    display: block;
}

.instagram-widget .instagram-item > a::after {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.instagram-widget .instagram-item:hover > a::after {
    opacity: .5;
    visibility: visible;
}

.instagram-widget .instagram-item .social-count {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    z-index: 1;
    color: #fff;
    opacity: 0;
    visibility: hidden;
}

.instagram-widget .instagram-item:hover .social-count {
    opacity: 1;
    visibility: visible;
}

.instagram-widget .instagram-item .social-count > span {
    margin: 0 5px;
}

.instagram-widget .instagram-item .social-count span span {
    margin-right: 5px
}

.instagram-widget .owl-dots, .category-grid-widget .owl-dots {
    margin-top: 15px
}

.category-grid-block .category-item {
    position: relative
}

.category-grid-block .no-slider .category-item {
    margin-bottom: 15px
}

.category-grid-block .category-item .widget-category-infor {
    position: absolute;
    padding: 0 30px;
    top: 50%;
    margin-top: -20px;
    left: 0
}

.category-grid-block .category-item .widget-category-infor span {
    display: block;
    color: #a3a3a3;
    font-size: 12px
}

.category-grid-block .category-item .widget-category-infor span.number {
    display: unset
}

.category-grid-block .category-item .widget-category-infor .category-name {
    font-size: 16px;
    margin-bottom: 5px
}

.category-list-block {
    border: 1px solid #dae2e6;
    border-radius: 2px
}

.category-list-block .list-heading h3 {
    padding: 15px 20px;
    background: #f5f5f5;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    border-bottom: 1px solid #dae2e6;
    letter-spacing: 0.5px;
}

.category-list-block ul {
    margin: 0 15px 5px;
    list-style: none;
    padding: 0
}

.category-list-block ul li {
    border-bottom: 1px solid #dae2e6;
    padding: 10px 3px;
    margin: 0
}

.category-list-block ul li .category-icon {
    margin-right: 8px
}

.category-list-block ul li .font-icon {
    margin-left: 5px;
}

.category-list-block ul li .category-icon img {
    max-height: 25px
}

.category-list-block ul li:last-child {
    border: none
}

.category-list-block ul li a {
    color: #333;
    text-decoration: none;
    display: flex;
    align-items: center
}

.category-list-block .empty {
    padding: 15px
}

.font-bold {
    font-weight: bold !important
}

.font-italic {
    font-style: italic !important
}

.font-uppercase {
    text-transform: uppercase !important;
}

.mgs-accordion .accordion-title {
    color: #000;
    padding: 8px 40px 8px 17px;
    background-color: #f6f6f8;
    position: relative;
    line-height: 120%;
    cursor: pointer;
    height: fit-content;
    min-height: 40px;
    font-weight: normal;
    margin: 10px 0 0;
    font-size: 18px;
    display: flex;
    align-items: center;
    @media (max-width: 767px) {
        font-size: 16px;
    }
}

.mgs-accordion .accordion-title:first-child {
    margin: 0
}

.mgs-accordion .accordion-content {
    padding: 20px;
    border: 1px solid #f6f6f8;
}

.accordion-title-icon .icon:before, .mgs-accordion .accordion-title:before {
    content: "";
    color: #333;
    font-family: "luma-icons", "icons-blank-theme";
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    text-align: center;
}

.mgs-accordion .accordion-title {
    position: relative
}

.mgs-accordion .accordion-title:before {
    content: "";
    height: 40px;
    width: 40px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    font-style: normal !important
}

.accordion-title-icon1 .icon:before, .accordion-title-icon1 .accordion-title:before {
    font-family: "FontAwesome";
    content: "\f105";
    font-size: 20px;
}

.accordion-title-icon1 .icon-active:before, .accordion-title-icon1 .accordion-title.ui-accordion-header-active:before {
    content: "\f107"
}

.accordion-title-icon2 .icon:before, .accordion-title-icon2 .accordion-title:before {
    font-family: "Poppins", arial, tahoma;
    content: '+';
    font-size: 20px;
}

.accordion-title-icon2 .icon-active:before, .accordion-title-icon2 .accordion-title.ui-accordion-header-active:before {
    font-family: "Poppins", arial, tahoma;
    content: '-';
    font-size: 24px;
}

.accordion-icon-left .accordion-title {
    padding-left: 35px;
}

.accordion-icon-left .accordion-title:before {
    right: unset;
    left: 0
}


/* Video */
.mgs-video.youtube-video.video-fullwidth, .mgs-video.vimeo-video.video-fullwidth {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.mgs-video.youtube-video.video-fullwidth iframe, .mgs-video.vimeo-video.video-fullwidth iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mgs-video.vimeo-video.video-hide-controls {
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    position: relative;
}

.mgs-video.vimeo-video.video-hide-controls iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mgs-video.vimeo-video.video-hide-controls .wrapper {
    position: relative;
    padding-bottom: 200%;
    transform: translateY(-35.95%);
}

/* Map */
.mgs-map .map-info {
    width: 260px;
    padding: 25px;
    background: #0095eb;
    color: #fff
}

.mgs-map .map-info h3 {
    margin: 0 0 20px 0;
    font-size: 25px
}

.mgs-map .map-detail-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 10px
}

.mgs-map .map-detail-info ul li {
    margin-bottom: 10px
}

.mgs-map .map-container {
    position: relative
}

.mgs-map .map-container .map-info {
    position: absolute;
    z-index: 10;
    left: 50%;
    margin-left: 150px;
    top: 50%;
    margin-top: -200px
}

.mgs-promobanner {
    cursor: pointer
}

/* Profile */
.mgs-profile .photo {
    border: 8px solid #f8f8f8;
    margin-bottom: 15px
}

.mgs-profile .photo img {
    max-width: 100%;
    display: block
}

.mgs-profile h4 {
    margin: 0 0 7px 0;
    font-weight: 400;
    font-size: 21px
}

.mgs-profile .subtitle {
    color: #a8a8a8;
    font-size: 13px;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.mgs-profile .subtitle span {
    position: relative;
}

.mgs-profile .subtitle span:after {
    position: absolute;
    content: "";
    height: 1px;
    bottom: -15px;
    left: 0;
    width: 100%;
    background: #0095eb
}

.mgs-profile .profile-description {
    margin-bottom: 15px
}

.mgs-profile .social ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.mgs-profile .social ul li {
    display: inline-block;
    margin-right: 2px;
    width: 42px;
    height: 42px;
    line-height: 40px;
    text-align: center
}

.mgs-profile .social ul li a {
    color: #444;
    font-size: 15px;
    display: block;
    border: 1px solid rgba(0, 0, 0, .08)
}

.mgs-profile .box-shadow a {
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .08);
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .08);
}

.mgs-profile.profile-horizontal h4 {
    margin-top: 10px
}

.mgs-profile.profile-circle {
    text-align: center
}

.mgs-profile.profile-circle .photo {
    width: 130px;
    height: 130px;
    margin: 0 auto 15px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

/* Content Box */
.mgs-content-box.cursor {
    cursor: pointer
}

.mgs-content-box .icon-wrapper {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 55px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden
}

.mgs-content-box.box-vertical .icon-wrapper {
    margin: 0 auto 15px;
}

.mgs-content-box.box-vertical {
    text-align: center
}

.mgs-content-box.box-horizontal {
    text-align: left;
    display: inline-block;
    width: 100%
}

.mgs-content-box.box-horizontal .icon-wrapper {
    float: left;
}

.mgs-content-box.box-horizontal .content-wrapper {
    margin-left: 120px
}

.mgs-content-box.box-vertical .icon-wrapper {
    margin: 0 auto 15px;
}

.mgs-content-box .content-wrapper h4 {
    font-size: 21px;
    font-weight: 500;
    margin: 0 0 15px
}

.mgs-content-box.box-horizontal .content-wrapper h4 {
    margin-top: 10px
}

/* Counter Box */
.mgs-counter-box .icon-wrapper {
    width: 100px;
    font-size: 55px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden
}

.mgs-counter-box.box-vertical {
    text-align: center
}

.mgs-counter-box.box-horizontal {
    text-align: left;
    display: inline-block;
    width: 100%
}

.mgs-counter-box.box-horizontal .icon-wrapper {
    float: left;
    width: auto;
    margin-right: 5px;
    padding: 0 5px
}

.mgs-counter-box.box-horizontal .counter-box {
    line-height: 80px
}

.mgs-counter-box.box-horizontal .content {
    display: block;
    clear: both;
    text-align: center;
    margin-top: -15px
}

.mgs-counter-box.box-vertical .icon-wrapper {
    margin: 0 auto;
}

.mgs-counter-box.box-vertical .counter-box span {
    display: block;
}

.mgs-counter-box .number {
    font-size: 35px
}

.mgs-counter-box .subtitle {
    font-size: 20px
}

/* Progress Bar */
@-webkit-keyframes move {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@keyframes move {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

.mgs-progressbar {
    position: relative;
}

.mgs-progressbar .progressbar {
    margin: 0;
    height: 30px;
    width: 100%;
    background-clip: padding-box;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f7f7f7;
}

.mgs-progressbar .progress {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #08c;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 30px 30px;
    transition-duration: 3s;
}

.mgs-progressbar .progress.animation {
    -webkit-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
}

.mgs-progressbar .progress-info {
    margin: 5px 0
}

.mgs-progressbar.progress-inside {
    position: relative
}

.mgs-progressbar.progress-inside .progress-info {
    position: absolute;
    top: 0;
    left: 15px;
    height: 100%;
    line-height: 30px;
    margin: 0
}

.mgs-progressbar.progress-top-left-right .progress-info .progress-value, .mgs-progressbar.progress-bottom-left-right .progress-info .progress-value {
    float: right
}

.mgs-progressbar.progress-bottom-right .progress-info, .mgs-progressbar.progress-top-right .progress-info {
    text-align: right
}

/* Circle Progress */
.mgs-progress-circle {
    margin: 20px auto;
    width: 120px;
    height: 120px;
    background-color: #d9d9d9;
    border-radius: 50%;
}

.mgs-circle-pie-progress .progress-info h4 {
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    margin: 20px 0
}

.mgs-progress-circle .mgs-progress-circle__slice,
.mgs-progress-circle .mgs-progress-circle__fill {
    width: 120px;
    height: 120px;
    position: absolute;
    -webkit-backface-visibility: hidden;
    transition: transform 1s;
    border-radius: 50%;
}

.mgs-progress-circle .mgs-progress-circle__slice {
    clip: rect(0px, 120px, 120px, 60px);
}

.mgs-progress-circle .mgs-progress-circle__slice .mgs-progress-circle__fill {
    clip: rect(0px, 60px, 120px, 0px);
    background-color: #1291d4;
}

.mgs-progress-circle .mgs-progress-circle__overlay {
    width: 100px;
    height: 100px;
    position: absolute;
    margin-left: 10px;
    margin-top: 10px;
    border-radius: 50%;
    line-height: 100px;
    text-align: center;
    font-size: 30px;
}

.mgs-progress-circle__overlay .font-container {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.mgs-progress-circle__overlay .font-container span {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
}

.progress-type-circle .mgs-progress-circle__overlay {
    background: #fff
}

.mgs-progress-circle[data-progress="0"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="0"] .mgs-progress-circle__fill {
    transform: rotate(0deg);
}

.mgs-progress-circle[data-progress="0"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(0deg);
}

.mgs-progress-circle[data-progress="1"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="1"] .mgs-progress-circle__fill {
    transform: rotate(1.8deg);
}

.mgs-progress-circle[data-progress="1"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(3.6deg);
}

.mgs-progress-circle[data-progress="2"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="2"] .mgs-progress-circle__fill {
    transform: rotate(3.6deg);
}

.mgs-progress-circle[data-progress="2"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(7.2deg);
}

.mgs-progress-circle[data-progress="3"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="3"] .mgs-progress-circle__fill {
    transform: rotate(5.4deg);
}

.mgs-progress-circle[data-progress="3"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(10.8deg);
}

.mgs-progress-circle[data-progress="4"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="4"] .mgs-progress-circle__fill {
    transform: rotate(7.2deg);
}

.mgs-progress-circle[data-progress="4"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(14.4deg);
}

.mgs-progress-circle[data-progress="5"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="5"] .mgs-progress-circle__fill {
    transform: rotate(9deg);
}

.mgs-progress-circle[data-progress="5"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(18deg);
}

.mgs-progress-circle[data-progress="6"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="6"] .mgs-progress-circle__fill {
    transform: rotate(10.8deg);
}

.mgs-progress-circle[data-progress="6"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(21.6deg);
}

.mgs-progress-circle[data-progress="7"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="7"] .mgs-progress-circle__fill {
    transform: rotate(12.6deg);
}

.mgs-progress-circle[data-progress="7"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(25.2deg);
}

.mgs-progress-circle[data-progress="8"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="8"] .mgs-progress-circle__fill {
    transform: rotate(14.4deg);
}

.mgs-progress-circle[data-progress="8"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(28.8deg);
}

.mgs-progress-circle[data-progress="9"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="9"] .mgs-progress-circle__fill {
    transform: rotate(16.2deg);
}

.mgs-progress-circle[data-progress="9"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(32.4deg);
}

.mgs-progress-circle[data-progress="10"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="10"] .mgs-progress-circle__fill {
    transform: rotate(18deg);
}

.mgs-progress-circle[data-progress="10"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(36deg);
}

.mgs-progress-circle[data-progress="11"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="11"] .mgs-progress-circle__fill {
    transform: rotate(19.8deg);
}

.mgs-progress-circle[data-progress="11"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(39.6deg);
}

.mgs-progress-circle[data-progress="12"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="12"] .mgs-progress-circle__fill {
    transform: rotate(21.6deg);
}

.mgs-progress-circle[data-progress="12"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(43.2deg);
}

.mgs-progress-circle[data-progress="13"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="13"] .mgs-progress-circle__fill {
    transform: rotate(23.4deg);
}

.mgs-progress-circle[data-progress="13"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(46.8deg);
}

.mgs-progress-circle[data-progress="14"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="14"] .mgs-progress-circle__fill {
    transform: rotate(25.2deg);
}

.mgs-progress-circle[data-progress="14"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(50.4deg);
}

.mgs-progress-circle[data-progress="15"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="15"] .mgs-progress-circle__fill {
    transform: rotate(27deg);
}

.mgs-progress-circle[data-progress="15"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(54deg);
}

.mgs-progress-circle[data-progress="16"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="16"] .mgs-progress-circle__fill {
    transform: rotate(28.8deg);
}

.mgs-progress-circle[data-progress="16"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(57.6deg);
}

.mgs-progress-circle[data-progress="17"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="17"] .mgs-progress-circle__fill {
    transform: rotate(30.6deg);
}

.mgs-progress-circle[data-progress="17"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(61.2deg);
}

.mgs-progress-circle[data-progress="18"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="18"] .mgs-progress-circle__fill {
    transform: rotate(32.4deg);
}

.mgs-progress-circle[data-progress="18"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(64.8deg);
}

.mgs-progress-circle[data-progress="19"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="19"] .mgs-progress-circle__fill {
    transform: rotate(34.2deg);
}

.mgs-progress-circle[data-progress="19"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(68.4deg);
}

.mgs-progress-circle[data-progress="20"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="20"] .mgs-progress-circle__fill {
    transform: rotate(36deg);
}

.mgs-progress-circle[data-progress="20"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(72deg);
}

.mgs-progress-circle[data-progress="21"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="21"] .mgs-progress-circle__fill {
    transform: rotate(37.8deg);
}

.mgs-progress-circle[data-progress="21"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(75.6deg);
}

.mgs-progress-circle[data-progress="22"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="22"] .mgs-progress-circle__fill {
    transform: rotate(39.6deg);
}

.mgs-progress-circle[data-progress="22"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(79.2deg);
}

.mgs-progress-circle[data-progress="23"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="23"] .mgs-progress-circle__fill {
    transform: rotate(41.4deg);
}

.mgs-progress-circle[data-progress="23"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(82.8deg);
}

.mgs-progress-circle[data-progress="24"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="24"] .mgs-progress-circle__fill {
    transform: rotate(43.2deg);
}

.mgs-progress-circle[data-progress="24"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(86.4deg);
}

.mgs-progress-circle[data-progress="25"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="25"] .mgs-progress-circle__fill {
    transform: rotate(45deg);
}

.mgs-progress-circle[data-progress="25"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(90deg);
}

.mgs-progress-circle[data-progress="26"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="26"] .mgs-progress-circle__fill {
    transform: rotate(46.8deg);
}

.mgs-progress-circle[data-progress="26"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(93.6deg);
}

.mgs-progress-circle[data-progress="27"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="27"] .mgs-progress-circle__fill {
    transform: rotate(48.6deg);
}

.mgs-progress-circle[data-progress="27"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(97.2deg);
}

.mgs-progress-circle[data-progress="28"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="28"] .mgs-progress-circle__fill {
    transform: rotate(50.4deg);
}

.mgs-progress-circle[data-progress="28"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(100.8deg);
}

.mgs-progress-circle[data-progress="29"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="29"] .mgs-progress-circle__fill {
    transform: rotate(52.2deg);
}

.mgs-progress-circle[data-progress="29"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(104.4deg);
}

.mgs-progress-circle[data-progress="30"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="30"] .mgs-progress-circle__fill {
    transform: rotate(54deg);
}

.mgs-progress-circle[data-progress="30"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(108deg);
}

.mgs-progress-circle[data-progress="31"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="31"] .mgs-progress-circle__fill {
    transform: rotate(55.8deg);
}

.mgs-progress-circle[data-progress="31"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(111.6deg);
}

.mgs-progress-circle[data-progress="32"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="32"] .mgs-progress-circle__fill {
    transform: rotate(57.6deg);
}

.mgs-progress-circle[data-progress="32"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(115.2deg);
}

.mgs-progress-circle[data-progress="33"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="33"] .mgs-progress-circle__fill {
    transform: rotate(59.4deg);
}

.mgs-progress-circle[data-progress="33"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(118.8deg);
}

.mgs-progress-circle[data-progress="34"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="34"] .mgs-progress-circle__fill {
    transform: rotate(61.2deg);
}

.mgs-progress-circle[data-progress="34"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(122.4deg);
}

.mgs-progress-circle[data-progress="35"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="35"] .mgs-progress-circle__fill {
    transform: rotate(63deg);
}

.mgs-progress-circle[data-progress="35"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(126deg);
}

.mgs-progress-circle[data-progress="36"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="36"] .mgs-progress-circle__fill {
    transform: rotate(64.8deg);
}

.mgs-progress-circle[data-progress="36"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(129.6deg);
}

.mgs-progress-circle[data-progress="37"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="37"] .mgs-progress-circle__fill {
    transform: rotate(66.6deg);
}

.mgs-progress-circle[data-progress="37"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(133.2deg);
}

.mgs-progress-circle[data-progress="38"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="38"] .mgs-progress-circle__fill {
    transform: rotate(68.4deg);
}

.mgs-progress-circle[data-progress="38"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(136.8deg);
}

.mgs-progress-circle[data-progress="39"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="39"] .mgs-progress-circle__fill {
    transform: rotate(70.2deg);
}

.mgs-progress-circle[data-progress="39"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(140.4deg);
}

.mgs-progress-circle[data-progress="40"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="40"] .mgs-progress-circle__fill {
    transform: rotate(72deg);
}

.mgs-progress-circle[data-progress="40"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(144deg);
}

.mgs-progress-circle[data-progress="41"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="41"] .mgs-progress-circle__fill {
    transform: rotate(73.8deg);
}

.mgs-progress-circle[data-progress="41"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(147.6deg);
}

.mgs-progress-circle[data-progress="42"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="42"] .mgs-progress-circle__fill {
    transform: rotate(75.6deg);
}

.mgs-progress-circle[data-progress="42"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(151.2deg);
}

.mgs-progress-circle[data-progress="43"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="43"] .mgs-progress-circle__fill {
    transform: rotate(77.4deg);
}

.mgs-progress-circle[data-progress="43"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(154.8deg);
}

.mgs-progress-circle[data-progress="44"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="44"] .mgs-progress-circle__fill {
    transform: rotate(79.2deg);
}

.mgs-progress-circle[data-progress="44"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(158.4deg);
}

.mgs-progress-circle[data-progress="45"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="45"] .mgs-progress-circle__fill {
    transform: rotate(81deg);
}

.mgs-progress-circle[data-progress="45"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(162deg);
}

.mgs-progress-circle[data-progress="46"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="46"] .mgs-progress-circle__fill {
    transform: rotate(82.8deg);
}

.mgs-progress-circle[data-progress="46"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(165.6deg);
}

.mgs-progress-circle[data-progress="47"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="47"] .mgs-progress-circle__fill {
    transform: rotate(84.6deg);
}

.mgs-progress-circle[data-progress="47"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(169.2deg);
}

.mgs-progress-circle[data-progress="48"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="48"] .mgs-progress-circle__fill {
    transform: rotate(86.4deg);
}

.mgs-progress-circle[data-progress="48"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(172.8deg);
}

.mgs-progress-circle[data-progress="49"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="49"] .mgs-progress-circle__fill {
    transform: rotate(88.2deg);
}

.mgs-progress-circle[data-progress="49"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(176.4deg);
}

.mgs-progress-circle[data-progress="50"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="50"] .mgs-progress-circle__fill {
    transform: rotate(90deg);
}

.mgs-progress-circle[data-progress="50"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(180deg);
}

.mgs-progress-circle[data-progress="51"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="51"] .mgs-progress-circle__fill {
    transform: rotate(91.8deg);
}

.mgs-progress-circle[data-progress="51"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(183.6deg);
}

.mgs-progress-circle[data-progress="52"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="52"] .mgs-progress-circle__fill {
    transform: rotate(93.6deg);
}

.mgs-progress-circle[data-progress="52"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(187.2deg);
}

.mgs-progress-circle[data-progress="53"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="53"] .mgs-progress-circle__fill {
    transform: rotate(95.4deg);
}

.mgs-progress-circle[data-progress="53"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(190.8deg);
}

.mgs-progress-circle[data-progress="54"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="54"] .mgs-progress-circle__fill {
    transform: rotate(97.2deg);
}

.mgs-progress-circle[data-progress="54"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(194.4deg);
}

.mgs-progress-circle[data-progress="55"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="55"] .mgs-progress-circle__fill {
    transform: rotate(99deg);
}

.mgs-progress-circle[data-progress="55"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(198deg);
}

.mgs-progress-circle[data-progress="56"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="56"] .mgs-progress-circle__fill {
    transform: rotate(100.8deg);
}

.mgs-progress-circle[data-progress="56"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(201.6deg);
}

.mgs-progress-circle[data-progress="57"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="57"] .mgs-progress-circle__fill {
    transform: rotate(102.6deg);
}

.mgs-progress-circle[data-progress="57"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(205.2deg);
}

.mgs-progress-circle[data-progress="58"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="58"] .mgs-progress-circle__fill {
    transform: rotate(104.4deg);
}

.mgs-progress-circle[data-progress="58"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(208.8deg);
}

.mgs-progress-circle[data-progress="59"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="59"] .mgs-progress-circle__fill {
    transform: rotate(106.2deg);
}

.mgs-progress-circle[data-progress="59"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(212.4deg);
}

.mgs-progress-circle[data-progress="60"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="60"] .mgs-progress-circle__fill {
    transform: rotate(108deg);
}

.mgs-progress-circle[data-progress="60"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(216deg);
}

.mgs-progress-circle[data-progress="61"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="61"] .mgs-progress-circle__fill {
    transform: rotate(109.8deg);
}

.mgs-progress-circle[data-progress="61"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(219.6deg);
}

.mgs-progress-circle[data-progress="62"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="62"] .mgs-progress-circle__fill {
    transform: rotate(111.6deg);
}

.mgs-progress-circle[data-progress="62"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(223.2deg);
}

.mgs-progress-circle[data-progress="63"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="63"] .mgs-progress-circle__fill {
    transform: rotate(113.4deg);
}

.mgs-progress-circle[data-progress="63"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(226.8deg);
}

.mgs-progress-circle[data-progress="64"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="64"] .mgs-progress-circle__fill {
    transform: rotate(115.2deg);
}

.mgs-progress-circle[data-progress="64"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(230.4deg);
}

.mgs-progress-circle[data-progress="65"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="65"] .mgs-progress-circle__fill {
    transform: rotate(117deg);
}

.mgs-progress-circle[data-progress="65"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(234deg);
}

.mgs-progress-circle[data-progress="66"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="66"] .mgs-progress-circle__fill {
    transform: rotate(118.8deg);
}

.mgs-progress-circle[data-progress="66"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(237.6deg);
}

.mgs-progress-circle[data-progress="67"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="67"] .mgs-progress-circle__fill {
    transform: rotate(120.6deg);
}

.mgs-progress-circle[data-progress="67"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(241.2deg);
}

.mgs-progress-circle[data-progress="68"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="68"] .mgs-progress-circle__fill {
    transform: rotate(122.4deg);
}

.mgs-progress-circle[data-progress="68"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(244.8deg);
}

.mgs-progress-circle[data-progress="69"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="69"] .mgs-progress-circle__fill {
    transform: rotate(124.2deg);
}

.mgs-progress-circle[data-progress="69"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(248.4deg);
}

.mgs-progress-circle[data-progress="70"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="70"] .mgs-progress-circle__fill {
    transform: rotate(126deg);
}

.mgs-progress-circle[data-progress="70"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(252deg);
}

.mgs-progress-circle[data-progress="71"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="71"] .mgs-progress-circle__fill {
    transform: rotate(127.8deg);
}

.mgs-progress-circle[data-progress="71"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(255.6deg);
}

.mgs-progress-circle[data-progress="72"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="72"] .mgs-progress-circle__fill {
    transform: rotate(129.6deg);
}

.mgs-progress-circle[data-progress="72"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(259.2deg);
}

.mgs-progress-circle[data-progress="73"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="73"] .mgs-progress-circle__fill {
    transform: rotate(131.4deg);
}

.mgs-progress-circle[data-progress="73"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(262.8deg);
}

.mgs-progress-circle[data-progress="74"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="74"] .mgs-progress-circle__fill {
    transform: rotate(133.2deg);
}

.mgs-progress-circle[data-progress="74"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(266.4deg);
}

.mgs-progress-circle[data-progress="75"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="75"] .mgs-progress-circle__fill {
    transform: rotate(135deg);
}

.mgs-progress-circle[data-progress="75"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(270deg);
}

.mgs-progress-circle[data-progress="76"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="76"] .mgs-progress-circle__fill {
    transform: rotate(136.8deg);
}

.mgs-progress-circle[data-progress="76"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(273.6deg);
}

.mgs-progress-circle[data-progress="77"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="77"] .mgs-progress-circle__fill {
    transform: rotate(138.6deg);
}

.mgs-progress-circle[data-progress="77"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(277.2deg);
}

.mgs-progress-circle[data-progress="78"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="78"] .mgs-progress-circle__fill {
    transform: rotate(140.4deg);
}

.mgs-progress-circle[data-progress="78"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(280.8deg);
}

.mgs-progress-circle[data-progress="79"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="79"] .mgs-progress-circle__fill {
    transform: rotate(142.2deg);
}

.mgs-progress-circle[data-progress="79"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(284.4deg);
}

.mgs-progress-circle[data-progress="80"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="80"] .mgs-progress-circle__fill {
    transform: rotate(144deg);
}

.mgs-progress-circle[data-progress="80"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(288deg);
}

.mgs-progress-circle[data-progress="81"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="81"] .mgs-progress-circle__fill {
    transform: rotate(145.8deg);
}

.mgs-progress-circle[data-progress="81"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(291.6deg);
}

.mgs-progress-circle[data-progress="82"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="82"] .mgs-progress-circle__fill {
    transform: rotate(147.6deg);
}

.mgs-progress-circle[data-progress="82"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(295.2deg);
}

.mgs-progress-circle[data-progress="83"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="83"] .mgs-progress-circle__fill {
    transform: rotate(149.4deg);
}

.mgs-progress-circle[data-progress="83"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(298.8deg);
}

.mgs-progress-circle[data-progress="84"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="84"] .mgs-progress-circle__fill {
    transform: rotate(151.2deg);
}

.mgs-progress-circle[data-progress="84"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(302.4deg);
}

.mgs-progress-circle[data-progress="85"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="85"] .mgs-progress-circle__fill {
    transform: rotate(153deg);
}

.mgs-progress-circle[data-progress="85"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(306deg);
}

.mgs-progress-circle[data-progress="86"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="86"] .mgs-progress-circle__fill {
    transform: rotate(154.8deg);
}

.mgs-progress-circle[data-progress="86"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(309.6deg);
}

.mgs-progress-circle[data-progress="87"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="87"] .mgs-progress-circle__fill {
    transform: rotate(156.6deg);
}

.mgs-progress-circle[data-progress="87"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(313.2deg);
}

.mgs-progress-circle[data-progress="88"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="88"] .mgs-progress-circle__fill {
    transform: rotate(158.4deg);
}

.mgs-progress-circle[data-progress="88"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(316.8deg);
}

.mgs-progress-circle[data-progress="89"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="89"] .mgs-progress-circle__fill {
    transform: rotate(160.2deg);
}

.mgs-progress-circle[data-progress="89"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(320.4deg);
}

.mgs-progress-circle[data-progress="90"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="90"] .mgs-progress-circle__fill {
    transform: rotate(162deg);
}

.mgs-progress-circle[data-progress="90"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(324deg);
}

.mgs-progress-circle[data-progress="91"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="91"] .mgs-progress-circle__fill {
    transform: rotate(163.8deg);
}

.mgs-progress-circle[data-progress="91"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(327.6deg);
}

.mgs-progress-circle[data-progress="92"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="92"] .mgs-progress-circle__fill {
    transform: rotate(165.6deg);
}

.mgs-progress-circle[data-progress="92"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(331.2deg);
}

.mgs-progress-circle[data-progress="93"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="93"] .mgs-progress-circle__fill {
    transform: rotate(167.4deg);
}

.mgs-progress-circle[data-progress="93"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(334.8deg);
}

.mgs-progress-circle[data-progress="94"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="94"] .mgs-progress-circle__fill {
    transform: rotate(169.2deg);
}

.mgs-progress-circle[data-progress="94"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(338.4deg);
}

.mgs-progress-circle[data-progress="95"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="95"] .mgs-progress-circle__fill {
    transform: rotate(171deg);
}

.mgs-progress-circle[data-progress="95"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(342deg);
}

.mgs-progress-circle[data-progress="96"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="96"] .mgs-progress-circle__fill {
    transform: rotate(172.8deg);
}

.mgs-progress-circle[data-progress="96"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(345.6deg);
}

.mgs-progress-circle[data-progress="97"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="97"] .mgs-progress-circle__fill {
    transform: rotate(174.6deg);
}

.mgs-progress-circle[data-progress="97"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(349.2deg);
}

.mgs-progress-circle[data-progress="98"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="98"] .mgs-progress-circle__fill {
    transform: rotate(176.4deg);
}

.mgs-progress-circle[data-progress="98"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(352.8deg);
}

.mgs-progress-circle[data-progress="99"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="99"] .mgs-progress-circle__fill {
    transform: rotate(178.2deg);
}

.mgs-progress-circle[data-progress="99"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(356.4deg);
}

.mgs-progress-circle[data-progress="100"] .mgs-progress-circle__slice.full,
.mgs-progress-circle[data-progress="100"] .mgs-progress-circle__fill {
    transform: rotate(180deg);
}

.mgs-progress-circle[data-progress="100"] .mgs-progress-circle__fill.mgs-progress-circle__bar {
    transform: rotate(360deg);
}


/* Countdown Block */
.mgs-countdown-block .countdown-timer .time-text, .mgs-countdown-block .countdown-timer .countdown {
    display: flex
}

.mgs-countdown-block .countdown-timer .days,
.mgs-countdown-block .countdown-timer .hours,
.mgs-countdown-block .countdown-timer .mins,
.mgs-countdown-block .countdown-timer .secs {
    display: block;
    width: 25%;
    margin: 0;
    text-align: center
}

.mgs-countdown-block .countdown-timer .time-text {
    font-size: 20px
}

.mgs-countdown-block .countdown-timer .countdown span b {
    font-size: 80px;
    font-weight: normal
}

/* Divider Block */
.mgs-divider-block {
    display: inline-block;
    width: 100%
}

.mgs-divider {
    display: block;
    width: 100%;
    position: relative;
    text-align: center
}

.mgs-divider hr {
    margin: 0;
    height: 1px;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc
}

.mgs-divider.mgs-divider-dotted hr, .mgs-divider.mgs-divider-dashed hr {
    border-bottom: none !important
}

.mgs-divider.mgs-divider-double_solid hr {
    border-bottom-style: solid;
}

.mgs-divider.mgs-divider-dotted hr, .mgs-divider.mgs-divider-double_dotted hr {
    border-style: dotted
}

.mgs-divider.mgs-divider-dashed hr, .mgs-divider.mgs-divider-double_dashed hr {
    border-style: dashed
}

.mgs-divider.mgs-divider-double_solid hr, .mgs-divider.mgs-divider-double_dotted hr, .mgs-divider.mgs-divider-double_dashed hr {
    padding: 3px 0;
    border-bottom-width: 1px;
    border-bottom-color: #ccc
}

.mgs-divider.mgs-divider-shadown hr {
    border: none;
    background: radial-gradient(ellipse at 50% -50%, #cccccc 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-radial-gradient(ellipse at 50% -50%, #cccccc 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -moz-radial-gradient(ellipse at 50% -50%, #cccccc 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-radial-gradient(ellipse at 50% -50%, #cccccc 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.mgs-divider.mgs-divider-shadown hr:after {
    display: block;
    margin-top: 10px;
    height: 6px;
    width: 100%;
    content: '';
    background: -webkit-radial-gradient(50% -50% ellipse, rgba(0, 0, 0, .5) 0, rgba(255, 255, 255, 0) 65%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .5) 0, rgba(255, 255, 255, 0) 65%);
}

.mgs-divider.divider-center {
    margin: 0 auto
}

.mgs-divider.divider-right {
    float: right
}

.mgs-divider .divider-text, .mgs-divider .divider-icon {
    position: absolute;
    width: 100%;
    left: 0;
    font-size: 20px;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    line-height: 20px;
}

.mgs-divider .divider-text span {
    background: #fff;
    padding: 0 10px
}

.mgs-divider .divider-icon {
    height: 30px;
    margin-top: -17.5px
}

.mgs-divider .divider-icon span {
    font-size: 15px;
    background: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    position: relative;
}

.mgs-divider .divider-icon span::before {
    position: absolute;
    top: 50%;
    margin-top: -7.5px;
    width: 100%;
    left: 0
}

.mgs-divider .text-icon-container .fa {
    padding: 0 !important
}

.mgs-divider .text-icon-container span.icon {
    border-radius: 50%;
    text-align: center;
    position: relative;
}

.mgs-divider .text-icon-container span.icon:before {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 100%;
    left: 0
}

/* Heading */
.mgs-heading.heading-left {
    text-align: left
}

.mgs-heading.heading-center {
    text-align: center
}

.mgs-heading.heading-right {
    text-align: right
}

.mgs-heading .heading {
    font-weight: normal;
    text-transform: unset;
    margin: 0;
}

.mgs-heading.has-border .heading {
    position: relative;
}

.mgs-heading.has-border .heading:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -10px;
    z-index: 1
}

.mgs-heading.has-border.heading-middle .heading:after {
    bottom: unset;
    top: 50%
}

.mgs-heading.has-border.heading-middle .heading span {
    padding: 5px 15px;
    background: #fff;
    position: relative;
    z-index: 2
}

.mgs-heading.has-border.heading-middle.heading-left .heading span {
    padding-left: 0;
}

.mgs-heading.has-border.heading-middle.heading-right .heading span {
    padding-right: 0;
}

.mgs-heading.heading-solid .heading:after {
    border-bottom: 1px solid #ccc
}

.mgs-heading.heading-dotted .heading:after {
    border-bottom: 1px dotted #ccc
}

.mgs-heading.heading-dashed .heading:after {
    border-bottom: 1px dashed #ccc
}

/* List */
.mgs-list-block ul, .mgs-list-block ol {
    padding-left: 12px;
    margin-left: 0;
    list-style: none
}

.mgs-list-block ul li, .mgs-list-block ol li {
    color: #575757;
    width: 100%
}

.mgs-list-block.list-style-icon ul, .mgs-list-block.list-style-icon ol {
    padding-left: 0;
    margin-left: 0;
}

.mgs-list-block .list-disc {
    list-style: disc;
}

.mgs-list-block .list-armenian {
    list-style: armenian;
}

.mgs-list-block .list-circle {
    list-style: circle;
}

.mgs-list-block .list-cjk-ideographic {
    list-style: cjk-ideographic;
}

.mgs-list-block .list-decimal {
    list-style: decimal;
}

.mgs-list-block .list-decimal-leading-zero {
    list-style: decimal-leading-zero;
}

.mgs-list-block .list-georgian {
    list-style: georgian;
}

.mgs-list-block .list-hebrew {
    list-style: hebrew;
}

.mgs-list-block .list-hiragana {
    list-style: hiragana;
}

.mgs-list-block .list-hiragana-iroha {
    list-style: hiragana-iroha;
}

.mgs-list-block .list-katakana {
    list-style: katakana;
}

.mgs-list-block .list-katakana-iroha {
    list-style: katakana-iroha;
}

.mgs-list-block .list-lower-alpha {
    list-style: lower-alpha;
}

.mgs-list-block .list-lower-greek {
    list-style: lower-greek;
}

.mgs-list-block .list-lower-latin {
    list-style: lower-latin;
}

.mgs-list-block .list-lower-roman {
    list-style: lower-roman;
}

.mgs-list-block .list-none {
    list-style: none;
}

.mgs-list-block .list-square {
    list-style: square;
}

.mgs-list-block .list-upper-alpha {
    list-style: upper-alpha;
}

.mgs-list-block .list-upper-greek {
    list-style: upper-greek;
}

.mgs-list-block .list-upper-latin {
    list-style: upper-latin;
}

.mgs-list-block .list-upper-roman {
    list-style: upper-roman;
}

.mgs-list-block .list-initial {
    list-style: initial;
}

.mgs-list-block .list-inherit {
    list-style: inherit;
}

.mgs-list-block.list-style-icon li {
    display: inline-flex;
}

.mgs-list-block.list-style-icon .list-icon {
    margin-right: 8px;
}

.mgs-list-block.list-style-icon li span {
    line-height: inherit
}


/* Image */

.mgs-image-block .image-content span {
    display: block;
    overflow: hidden;
    line-height: 0
}

.mgs-effect-zoom-in img {
    opacity: 1;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s, -webkit-transform 1s;
}

.mgs-effect-zoom-in img:hover {
    opacity: .9;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

.mgs-effect-zoom-out img {
    opacity: 1;
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12);
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s, -webkit-transform 1s;
}

.mgs-effect-zoom-out img:hover {
    opacity: .9;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.mgs-effect-rotate img {
    opacity: 1;
    -webkit-transform: rotate(5deg) scale(1.4);
    transform: rotate(5deg) scale(1.4);
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s, -webkit-transform 1s;
}

.mgs-effect-rotate img:hover {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: .9;
}

.mgs-effect-blur img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.mgs-effect-blur img:hover {
    -webkit-filter: blur(0);
    filter: blur(0);
}

.mgs-effect-grayscale img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.mgs-effect-grayscale img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.mgs-effect-sepia img {
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.mgs-effect-sepia img:hover {
    -webkit-filter: sepia(0);
    filter: sepia(0);
}

.mgs-effect-opacity img {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.mgs-effect-opacity img:hover {
    opacity: .5;
}

.mgs-box-shadow {
    -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}

.mgs-box-shadow a, .mgs-box-shadow img {
    line-height: 0;
    display: block
}

.mgs-image-block.multiple-image .image-content.fade span.span-container {
    position: relative;
    line-height: 0
}

.mgs-image-block.multiple-image .image-content.fade img.before-image {
    opacity: 1;
}

.mgs-image-block.multiple-image .image-content.fade img.after-image {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.mgs-image-block.multiple-image .image-content.fade img {
    transition: 0.5s ease-in-out;
}

.mgs-image-block.multiple-image .image-content.fade span.span-container:hover img.before-image {
    opacity: 0;
}

.mgs-image-block.multiple-image .image-content.fade span.span-container:hover img.after-image {
    opacity: 1;
}

/* Button */
.mgs-button-block button {
    border-radius: 0;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    height: 35px;
    line-height: 35px;
    box-shadow: none
}

.mgs-button-block button span {
    height: 35px;
    line-height: 35px
}

.mgs-button-block.button-left {
    text-align: left
}

.mgs-button-block.button-center {
    text-align: center
}

.mgs-button-block.button-right {
    text-align: right
}

.mgs-button-block.button-fullwidth button {
    width: 100%
}

.mgs-button-block.button-shadow button {
    -webkit-box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.3);
}

.mgs-button-block .icon-left {
    margin-right: 5px
}

.mgs-button-block .icon-right {
    margin-left: 5px
}

.mgs-button-block .has-divider {
    margin: 0;
    display: inline-block
}

.mgs-button-block .has-divider.icon-right {
    float: right;
    padding-left: 15px;
    border-left: 1px solid #fff;
    margin-left: 15px
}

.mgs-button-block .has-divider.icon-left {
    float: left;
    padding-right: 15px;
    border-right: 1px solid #fff;
    margin-right: 15px
}

/* Table */
.mgs-table-block {
    table-layout: fixed;
}

.mgs-table-block tr td {
    padding: 10px 20px
}

/* Masonry */
.mgs-masonry-block .grid-item span {
    display: block;
    overflow: hidden
}

/* Modal Popup */
.mgs-modal .pop-sletter-title {
    height: 30px;
    float: left;
    width: 100%
}

.mgs-modal .pop-sletter-title h3 {
    position: relative;
    top: -30px
}

.mgs-modal img {
    max-width: 100%
}


/* Latest Post */
.mgs-post .post-item-detail {
    color: #696969;
}

.mgs-post .title-blog h3 {
    margin-top: 15px;
    margin-bottom: 5px
}

.mgs-post .title-blog a {
    color: #222;
    font-size: 16px;
}

.mgs-post .post-create-date {
    margin-bottom: 10px
}

.mgs-post .post-create-date span {
    color: #222
}

/* Portfolio */
.mgs-portfolio .portfolio-item {
    position: relative
}

.mgs-portfolio .portfolio-item-detail {
    position: absolute;
    bottom: 20px;
    left: 20px;
    opacity: 0;
    z-index: 1;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    color: #fff;
}

.mgs-portfolio .portfolio-item:hover .portfolio-item-detail {
    opacity: 1;
}

.mgs-portfolio .portfolio-item-detail a {
    margin: 0;
    color: #fff;
    text-decoration: none;
}

.mgs-portfolio .portfolio-item-detail h5 {
    font-size: 15px
}

.mgs-portfolio .portfolio-item .thumbnail::after {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, .6);
    left: 0;
    top: 50%;
    width: 100%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.mgs-portfolio .portfolio-item:hover .thumbnail::after {
    top: 0;
    height: 100%;
    visibility: visible;
    opacity: 1;
}

/* Testimonial */
.mgs-testimonial .testimonial-item {
    text-align: center;
}

.mgs-testimonial .testimonial-content {
    max-width: 800px;
    margin: auto;
}

.mgs-testimonial .testimonial-content .author-thumbnail {
    width: 100px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 40px;
    height: 100px;
}

.mgs-testimonial .testimonial-content .content {
    position: relative;
}

.mgs-testimonial .testimonial-content .content blockquote::before {
    content: "\f10e";
    font-family: FontAwesome;
    position: absolute;
    left: 50%;
    font-size: 30px;
    top: -28px;
    z-index: 0;
    color: rgba(40, 40, 40, .3);
    font-style: normal;
    line-height: 1;
    margin-left: -12px;
}

.mgs-testimonial .testimonial-content .content .name {
    font-weight: 600
}

.mgs-testimonial .testimonial-content .content .infomation {
    font-size: 12px
}

.cms-index-index.active-builder #maincontent, .cms-page-view.active-builder #maincontent {
    max-width: unset;
    padding-left: unset;
    padding-right: unset;
    overflow: hidden
}

.cms-index-index.active-builder #maincontent .section-builder, .cms-page-view.active-builder #maincontent .section-builder {
    max-width: 1240px;
    margin: auto;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
}

.cms-index-index.active-builder #maincontent .section-builder-full, .cms-page-view.active-builder #maincontent .section-builder-full {
    max-width: unset !important;
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width: 767px) {

    .mgs-product-tab .mgs-tab.tab-align-center {
        text-align: center;
    }

    .mgs-product-tab .mgs-tab.product.data {
        float: none;
    }

    .mgs-product-tab .mgs-tab.data.items .data.item {
        margin-bottom: 5px;
    }

    .panel-block .mgs-product-tab .mgs-tab.data.items .item.title .switch::before {
        display: none
    }

    .mgs-product-tab .mgs-tab.data.items > .item.content {
        margin-top: 90px !important;
        padding: 0 !important
    }

    .panel-block .mgs-product-tab .mgs-tab .product-items {
        margin-left: 0
    }

    .mgs-product-tab .mgs-tab.data.items > .item.content {
        display: none
    }

    .mgs-product-tab .mgs-tab.data.items > .item.content[aria-hidden="false"] {
        display: inline !important
    }

    .mgs-countdown-block .countdown-timer .countdown span b {
        font-size: 22px !important
    }

    .mgs-countdown-block .countdown-timer .time-text {
        font-size: 18px !important
    }

    .mgs-countdown-block .countdown-timer .countdown span b {
        border-width: 1px !important
    }

    .block.widget.mgs-post .post-item {
        margin-bottom: 0;
    }

    .content-block.instagram-block {
        margin-top: -20px;
    }

    .section-builder .mgs-product-tab .mgs-tab.data.items > .item.title > .switch {
        border: none;
    }

    .mgs-product-tab .tab-style2.data.items .item.title .switch {
        padding: 8px 15px !important;
    }
}

@media (max-width: 320px) {
    .mgs-product-tab .tab-style2.data.items .item.title .switch {
        padding: 8px 10px !important;
    }
}

.header {
    position: unset !important
}

.top-panel {
    border-radius: 0
}

.top-panel .builder-panel {
    border: none;
}

.top-panel button {
    margin-top: 0 !important
}

.font-bold {
    font-weight: 600 !important
}

.instagram-widget .instagram-item .social-count .fa::before {
    font-family: FontAwesome
}

.mgs-carousel-multiple .owl-nav div span {
    line-height: 36px
}

.mgs-carousel-multiple .owl-nav div span em.fa-angle-right {
    position: relative;
    left: 3px;
}

.mgs-carousel-multiple .owl-nav div span em.fa-angle-left {
    position: relative;
    right: 3px;
}

.mgs-form-block .captcha-reload {
    padding: 5px 10px;
    border: none;
    margin-left: 10px
}

.mgs-form-block .captcha input {
    margin-bottom: 5px
}

.panel-popup .mgs-tab .item.title {
    display: inline-block;
}

.mfp-iframe-holder .mfp-close {
    width: 30px;
    top: -10px;
}

.builder-container .frame .edit-panel {
    width: 150px !important;
}

.block.widget.mgs-post {
    margin-bottom: 0;
}

.block.widget.mgs-post .post-item {
    margin-bottom: 0px;
}

.block.widget.mgs-post .owl-carousel .owl-stage-outer {
    height: auto !important;
}

.products-grid.deals-products-grid .product-item-info .product-item-details .product-item-name a {
    overflow: unset;
    line-height: 0px;
    margin: 13px auto;
}


.slider_mgs_carousel.owl-carousel.mgs-carousel-single .owl-nav .owl-prev {
    left: 20px;
    top: 50%;
}

.slider_mgs_carousel.owl-carousel.mgs-carousel-single .owl-nav .owl-next {
    right: 20px;
    top: 50%;
    text-align: center;
}

.slider_mgs_carousel.owl-carousel.mgs-carousel-single .owl-nav .owl-prev span {
    width: 100%;
}

.slider_mgs_carousel.owl-carousel.mgs-carousel-single .owl-nav .owl-next span {
    width: 100%;
}