.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: 0 40px 0 17px;
    background-color: #f6f6f8;
    position: relative;
    line-height: 40px;
    cursor: pointer;
    height: 40px;
    font-weight:normal;
    margin:10px 0 0
}
.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; right:0; top:0; 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%;
}


body {
    background: #000000;
}
body.cms-home:not(.fbuilder-create-element) > .page-wrapper {
    background: #000000 !important;
}
body.cms-home,
body.cms-home p {
    color: #ffffff !important;
}
body.boxed:not(.fbuilder-create-element).fullwidth > .page-wrapper {
    max-width: 100% !important;
}
body.catalog-product-view:not(.fbuilder-create-element) > .page-wrapper {
    background: #f6f6f6;
}

.page-title-wrapper,
.breadcrumbs .items,
.frame,
main#maincontent,
footer.page-footer .middle-footer,
footer.page-footer .bottom-footer {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
}
.fullwidth .breadcrumbs .items {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
    font-size: 16px;
}
@media (max-width: 570.98px) {
    .page-title-wrapper,
    .breadcrumbs .items,
    .frame,
    main#maincontent,
    footer.page-footer .middle-footer,
    footer.page-footer .bottom-footer {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .fullwidth .breadcrumbs .items {
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important;
    }
}

p,
span,
button,
.btn,
.cart.table-wrapper .actions-toolbar > .action,
.action-gift {
    font-family: 'MieleElements Regular', 'Open Sans', 'Helvetica Neue';
}
input[type="email"] {
    font-family: 'MieleElements Semilight', 'Open Sans', 'Helvetica Neue';
}

/* ------- CORRECTIF : SUPPRESSION DE L’ACCOLADE SUPERFLUE ICI ------- */
body.dark {
    --thim-mgs-color-01: #000000;
    --thim-mgs-color-02: #f0f0f0;
    --thim-mgs-color-03: #696969;
    --thim-mgs-color-04: #999;
    --thim-mgs-color-05: #f0f0f0;
    --thim-mgs-color-06: #222;
    --thim-mgs-color-07: #0f0f0f;
    --thim-mgs-color-08: #f0f0f0;
    --thim-mgs-color-09: #696969;
    --thim-mgs-color-10: #1b1b1b;
    --thim-mgs-color-11: #333;
    --thim-mgs-color-12: #222;
    --thim-mgs-color-13: #333;
    --thim-mgs-color-14: #666;
    --thim-mgs-color-15: #666;
    --thim-mgs-color-16: #333;
    --thim-mgs-color-17: #fff;
    --thim-mgs-color-18: #333;
    --thim-mgs-color-body: #acacac;
}

.page-product-configurable .block-static-block.widget {
    margin-bottom: 0 !important;
}
.mgs-owl-carousel.owl-carousel .owl-nav > div {
    z-index: 999;
}
.mgs-product-tab .tab-style3.data.items .item.title .switch {
    color: #f0f0f0 !important;
}
header.page-header {
    z-index: 888;
}

@media (min-width: 1200px) {
    header.page-header .header-area:not(.header7) .navigation .nav-main-menu li > .dropdown-menu,
    header.page-header .header-area:not(.header7) .navigation .nav-main-menu li > .dropdown-submenu {
        background: #000000 !important;
    }
}
@media (max-width: 1199px) {
    header.page-header .menu-wrapper {
        background-color: #000000;
    }
    .nav-before-open header.page-header .menu-wrapper .nav-tabs > li.active > a {
        background: #000 !important;
    }
    header.page-header .menu-wrapper a {
        color: #fff !important;
    }
}
.header__actions-logo svg {
    height: 4.5rem;
    width: initial;
}
.middle-header .d-flex.align-items-center.justify-content-end.right-content.table-icon-menu {
    margin-right: 20px;
}
[data-content-type='row'][data-appearance='contained'] {
    box-sizing: border-box;
    margin-left: auto !important;
    margin: auto !important;
    width: 1280px;
}

.freedeliveryhead {
    text-align: center;
    padding: 20px;
    background-color: #eee;
    font-size: 16px;
}

@media (min-width: 1200px) {
    header.page-header .header-area:not(.header7) .navigation .nav-main-menu > li {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }
    header.page-header .header-area:not(.header7) .navigation .nav-main-menu > li.category-menu.level0.dropdown,
    header.page-header .header-area:not(.header7) .navigation .nav-main-menu > li.mega-menu-item.mega-menu-fullwidth.menu-6columns.level0.static-menu.level0.dropdown {
        padding: 0 50px;
    }
    header.page-header .header-area:not(.header7) .navigation .nav-main-menu li > ul.dropdown-menu a {
        border: none !important;
    }
    header.page-header .header-area:not(.header7) .navigation .nav-main-menu > li > a {
        white-space: break-spaces;
        font-size: 12px;
        background: 0 0;
        position: relative;
        margin: 0;
        text-transform: uppercase;
        font-family: 'MieleElements Semibold';
        font-weight: 500;
        letter-spacing: .07rem;
    }
    header.page-header .header-area:not(.header7) .navigation .nav-main-menu > li > a.level0.dropdown-toggle {
        display: block;
        padding: 20px 0;
        position: relative;
        cursor: pointer;
    }
    header.page-header .header-area:not(.header7) .navigation .nav-main-menu > li > a:hover:after {
        border-bottom: 2px solid #8c0014;
    }
}

/* Liens animés (hover) */
.nav-links-item-link:hover .nav-links-item-link-icon {
    opacity: 1;
    transition: opacity .3s ease-out;
}
.nav-links-item-link-icon {
    position: absolute !important;
    opacity: 0;
    transition: opacity .6s ease-out;
}
.nav-links-item-link-icon svg {
    position: relative;
    transform: rotate(-45deg);
    transition: all 2s;
    margin-right: .25rem;
}
.nav-links-item-link-text {
    font-size: 1.1rem;
    padding-left: 0;
    transition: padding-left .6s ease-out;
    font-weight: 600;
}
.nav-links-item-link:hover .nav-links-item-link-text {
    padding-left: 1.5rem;
    transition: padding-left .3s ease-out;
}

.top-wishlist .wishlist-icon:hover:before,
.header-area .table-icon-menu .theme-header-icon:hover,
.header-area .table-icon-menu .minicart-wrapper .action.showcart:hover:before,
.header-area .social-link li a:hover {
    color: #ffffff !important;
    opacity: .7;
}
.page-header .search-form .actions-search .action-search:hover {
    color: inherit !important;
    opacity: .7;
}
.page-header .header-top-links .header-acccount {
    background-color: #ffffff;
}
.sub-categories {
    background-color: #ffffff !important;
}
@media (max-width: 570.98px) {
    .sub-categories {
        overflow-x: auto;
        white-space: nowrap;
    }
    header.page-header .header-area.active-sticky.scrolling:hover .sub-categories {
        overflow-x: auto;
    }
    .page-footer .bottom-footer ul {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        margin-bottom: 20px;
    }
}

.btn-default {
    color: #fff;
    background-color: #363636;
    border-color: #222222;
}
.slide-text .btn-default {
    background-color: #363636;
}

.swiper { width: 90% !important; }
.swiper-backface-hidden .swiper-slide { width: 10rem !important; }
.product-info-main .file_dld {
    background: transparent;
    border-top: 1px solid #e5e5e5;
    border-radius: 0;
    margin: 30px 0 0;
    padding: 20px 0 0;
    justify-content: unset;
}
.product-info-main .file_dld a.filedoc {
    font-size: .9rem;
    text-transform: uppercase;
    line-height: 1.2;
}
.product-info-main .file_dld span.icondownload {
    vertical-align: middle;
    margin-right: 5px;
}
.product-info-main .price-box {
    margin-top: 2rem;
    border-top: 1px solid #e5e5e5;
    padding-top: 2rem;
}
.product-add-form {
    border-top: 1px solid #e5e5e5;
    margin-top: 2rem;
}
.product-item .special-price .price,
.product-item .minimal-price .price {
    color: inherit;
}
.product-static-block,
.product.attribute.sku {
    display: none !important;
}

.product-tab-content {
    padding-bottom: 8rem;
    padding-top: 8rem;
    padding-left: 7rem;
    padding-right: 7rem;
}
@media only screen and (max-width: 767px) {
    .product-tab-content {
        padding: 0;
    }
}
.product_details-area,
.product.info.detailed {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.5rem;
}
.product.info.detailed {
    padding: 0;
}
.accordion-item {
    padding: 0 10px;
    margin-bottom: 20px;
    background-color: #fff;
}
.accordion-header {
    border: none;
    padding: 30px 10px;
    width: 100%;
    text-align: left;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    background: transparent;
    align-items: center;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    outline: none;
    color: #000000;
}
.accordion-content {
    display: none;
    padding: 0px 0 30px 0;
}

.DarkSideContent {
    background: #000;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    padding: 8rem 11rem;
}
@media (max-width: 570.98px) {
    .DarkSideContent {
        padding: 8rem 2rem;
    }
}
.DarkSideContent .accordion-item {
    background: transparent;
    color: #fff;
    border-bottom: 1px solid;
}
.DarkSideContent .accordion-header,
.DarkSideContent .accordion-content,
.DarkSideContent p {
    color: #fff !important;
}
.product-tab-wrapper {
    margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
    .product.info.detailed {
        padding: 3.125rem 5px;
    }
}

/* product-tab-content .switch */
@media (min-width: 768px),
print {
    .product.data.items > .item.title {
        margin: 0 -3px 0 0;
    }
    .product-tab-wrapper .product-tab-content .data.item.title .switch {
        border-radius: 0;
        font-size: 1.25rem;
        border-bottom: .2rem solid #00000012;
        border-right: 0;
        border-left: 0;
    }
}
.product-tab-wrapper .product-tab-content .data.item.title .switch {
    color: #00000075 !important;
}
.product-tab-wrapper .product-tab-content .data.item.title.active .switch,
.product-tab-wrapper .product-tab-content .data.item.title .switch:hover {
    color: #000 !important;
}
@media (min-width: 768px),
print {
    .product-tab-wrapper .product-tab-content .data.item.title.active .switch {
        border-bottom: .2rem solid;
        border-top: 0;
        border-left: 0;
        border-radius: 0;
        border-right: 0;
    }
}

.dcf-table-item:nth-child(odd) {
    background: #fff;
}
.dcf-table-item {
    background: #f6f6f6;
    padding: 1rem;
    display: flex;
    line-height: 1.375;
    font-size: 1.1rem;
    font-family: 'MieleElements Semibold';
    display: block;
}
.dcf-table-item i.pe-7s-check {
    position: absolute;
    left: 51%;
}
@media only screen and (max-width: 767px) {
    .dcf-table-item i.pe-7s-check {
        left: 80%;
    }
}

h2.details-title {
    font-family: 'MieleElements Semibold';
    font-size: 2.3rem;
    line-height: 2.5;
}
.product-optionsinfo {
    padding: 1.5rem 0;
    border-top: 1px solid #c5c5c5;
    font-size: 1.5rem;
}
@media (min-width: 992px) {
    .product-optionsinfo {
        padding: 1.25rem 0;
    }
}
.file_dld {
    background: #eeeeee;
    margin: 20px 0;
    align-items: center;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden;
    padding: 2rem;
    width: 100%;
}
.downloaditem.h5 {
    font-size: 16px;
}
.header-area .minicart-wrapper .action.showcart > .counter.qty {
    color: #ffffff;
    background-color: #f0f0f0;
}
.minicart-items .product-item .details-qty.qty .update-cart-item {
    color: #222;
    background-color: #f0f0f0;
    border-color: #f0f0f0;
}
.minicart-items .product-item .product.actions .action {
    color: #222 !important;
}
.instagram-block .instagram-item {
    margin: 0 2px;
}
header.page-header {
    border-color: #555;
}
.page-footer .middle-footer {
    border: 0;
}
.section-custom-product.margin-top30 {
    display: none;
}
footer.page-footer .top-footer {
    border-top: 1px solid #222;
}
.watch-product-tabs {
    padding-top: 40px;
}
.page-footer .middle-footer .margin-bottom25 img,
.header7 button.action img,
.logo img {
    filter: brightness(7);
}
.header-area .table-icon-menu .block-search .block-title,
.header-area .table-icon-menu .minicart-wrapper .action.showcart,
.header-area .table-icon-menu .theme-header-icon,
.header-area .table-icon-menu .minicart-wrapper .action.showcart:before,
.page-header .search-form .actions-search .action-search,
.top-wishlist .wishlist-icon:before,
.header-area .top-header a,
.header-area .top-header .action.toggle {
    color: #fff;
}
.mgs-post .title-blog a,
.mgs-post .post-create-date span {
    color: #fff;
}
.watch-brand .content-heading {
    margin-bottom: 0;
}
.owl-carousel .owl-nav > div.owl-next {
    right: 0;
}
.owl-carousel .owl-nav > div.owl-prev {
    left: 0;
}
.owl-carousel .owl-nav > div {
    transform: translateY(-50%);
}
.footer.content .block.newsletter .action.subscribe:hover {
    background-color: #56cfe1;
    border-color: #56cfe1;
}
.slide-text .inner-text {
    padding-left: 15px;
}
.instagram-item .social-count {
    text-align: center;
}
.top-wishlist .wishlist-icon:hover:before,
.header-area .table-icon-menu .theme-header-icon:hover,
.header-area .table-icon-menu .minicart-wrapper .action.showcart:hover:before,
.header-area .social-link li a:hover {
    color: #56cfe1;
}
.slide-text .sub-title {
    font-weight: 600;
}
.slide-text h2 {
    font-weight: 700;
    font-size: 50px;
}
.watch-banner {
    padding-bottom: 50px;
}
.watch-brand {
    padding-top: 60px;
    padding-bottom: 60px;
}
.mgs-product-tab .tab-style3.data.items .item.title .switch {
    border-color: transparent;
}
@media (min-width: 1200px) {
    .watch-banner {
        padding-top: 50px;
    }
}
@media (max-width: 1199px) {
    .mgs-products.products-grid .mgs-owl-carousel .product-item,
    .mgs-product.products-grid .mgs-owl-carousel .product-item {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mgs-product.products-grid .product-item-info:hover .product-top .tocart.btn-cart,
    .mgs-products.products-grid .product-item-info:hover .product-top .tocart.btn-cart,
    .mgs-attribute-products .product-item-info:hover .product-top .tocart.btn-cart {
        transform: unset;
    }
    .nav-before-open header.page-header button.action.nav-tg:before,
    .nav-before-open header.page-header .cart.table-wrapper .actions-toolbar > .action.action.nav-tg:before,
    .nav-before-open header.page-header .action-gift.action.nav-tg:before {
        pointer-events: all;
    }
    .mgs-product.products-grid .product-item-info:hover .product-top .tocart.btn-cart,
    .mgs-products.products-grid .product-item-info:hover .product-top .tocart.btn-cart,
    .mgs-attribute-products .product-item-info:hover .product-top .tocart.btn-cart {
        transform: unset;
    }
}
@media (max-width: 991px) {
    .slide-text.middle_left h2 {
        max-width: 75%;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .slider_mgs_carousel .owl-item .slide-text.middle_right {
        margin-right: 50px;
    }
}
@media (max-width: 570px) {
    .slide-text h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .latest-post-grid-block .post-item .thumbnail-post img {
        max-height: 200px;
    }
}
div#page-header-sliders {
    position: relative;
    width: 100vw;
    left: calc(-50vw + 50%);
    overflow: hidden;
}

/* -------------------------------------------------------------------------------- */
/* 14) Media queries ajustant .h2, .h2-child, etc.                                  */
/* -------------------------------------------------------------------------------- */

@media (min-width: 768px) {
    .h2,
    .h2-child > * {
        font-size: 2rem;
        line-height: 2.5rem;
    }
}
@media (min-width: 992px) {
    .h2,
    .h2-child > * {
        font-size: 2.3rem;
        line-height: 3rem;
    }
}
body.cms-home .h2,
.h2-child > *,
body.cms-home .slide-text h2 {
    color: #f6f6f6 !important;
}

.button,
.btn,
.btn-secondary,
.action-secondary,
.action-primary,
.btn-default {
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    position: relative;
    padding: .5625rem 1rem .5625rem 1rem;
    background: #00000005;
    border-radius: 1.375rem;
    border: .075rem solid #c5c5c5;
    border-style: solid;
    font-size: .9rem;
    color: #f6f6f6;
    letter-spacing: .0625rem;
    text-transform: uppercase;
    text-decoration: none;
    transition: transform .2s ease-out, background .2s ease-out;
    cursor: pointer;
}
.button-secondary {
    border-color: #000;
}
body.cms-home .button,
body.cms-home .button--tertiary {
    color: #f6f6f6 !important;
}
body.cms-home .button--primary,
.btn-primary {
    color: #000000 !important;
}
.button:active:not(:disabled),
.button:hover:not(:disabled),
.btn:hover {
    color: #f6f6f6;
    border-width: .15rem;
    padding: .625rem .9375rem .5rem;
}
.category-ribbon--spaced-top {
    margin-top: 90px;
}
.contentcenter {
    text-align: center;
}
.subcategory-ribbon--spaced-top {
    margin-top: 30px;
}

/* text-and-image bloc */
.text-and-image .text-and-image__imagebox {
    padding-right: 0 !important;
}
.text-and-image .text-and-image__textbox {
    padding-left: 0 !important;
}
.text-and-image .text-and-image__imagebox,
.text-and-image .text-and-image__textbox > div:first-child {
    max-height: 500px;
    min-height: 500px;
}
.text-and-image .text-and-image__imagebox.small,
.text-and-image .text-and-image__textbox.small > div:first-child {
    max-height: 380px;
    min-height: 380px;
}
.text-and-image .text-and-image__imagebox div {
    background-position: center;
}
.text-and-image .text-and-image__textbox div {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.text-and-image .text-and-image__imagebox div {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
}
.text-and-image .text-and-image__tagline > * {
    color: #f59b00;
    letter-spacing: .14rem;
    text-transform: uppercase;
}
.text-and-image .text-and-image__title > * {
    color: #ffffff;
    margin-top: 0.5rem;
    font-size: 2.3rem;
    line-height: 3rem;
    letter-spacing: inherit;
    text-transform: inherit;
}
@media (min-width: 1200px) {
    .text-and-image__text > * {
        margin-top: 0.75rem;
    }
}
@media (min-width: 576px) {
    .text-and-image__text > * {
        margin-top: 1rem;
    }
}
.text-and-image__price > *,
.text-and-image__text > * {
    color: #c5c5c5;
    font-size: 1.2rem;
    line-height: 1.5rem;
}
.text-and-image__links-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.text-and-image__links-wrapper .button {
    margin-right: 2rem;
    margin-top: 2rem;
}
.button--primary,
.btn-primary {
    color: #000000;
    background-color: #f59b00;
    border-color: #f59b00;
}
.button--primary:hover:not(:disabled),
.btn.btn-primary:hover,
.action.primary:hover,
.action-primary:hover,
.btn.btn-primary._hover,
.action.primary._hover,
.action-primary._hover,
.btn.btn-primary:focus,
.action.primary:focus,
.action-primary:focus {
    color: #000000;
    background-color: #da8a00;
    border-color: #da8a00;
}
.text-and-image__links-wrapper .button:last-of-type {
    margin-right: 0;
}
.button--tertiary {
    color: #f6f6f6;
    background-color: transparent;
    border-color: transparent;
    height: auto;
    padding: .125rem 0 0;
    border-width: 0;
    vertical-align: baseline;
}

.slider_mgs_carousel .owl-item .slide-text.top_center {
    top: 170px !important;
}
.product-card {
    padding: 0;
}
.product-card .product-card__wrapper,
body.cms-home .mgs-products .mgs-owl-carousel .product-item {
    min-height: 590px;
    margin-right: 16px;
    background-color: #191919;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    border-radius: 0.5rem;
    text-align: center;
}
.product-card .product-card__wrapper .product-card__badge-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    left: 1rem;
    position: absolute;
    top: 1rem;
    text-align: left;
}
.badge {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 12px;
    margin-right: 8px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    letter-spacing: 1.4px;
    background-color: #000000;
    border: none;
}
.product-card__badge-wrapper .badge {
    cursor: pointer;
    z-index: 2;
}
.product-card .badge {
    margin-bottom: 8px;
}
.badge:hover {
    background-color: #000000;
    color: #e7e8e9;
}
.product-card .product-card__image-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    position: relative;
    min-height: 75px;
    padding-top: 75%;
    position: relative;
    width: 100%;
    height: 300px;
}
.product-card .product-card__image-wrapper .product-card__image {
    left: 50%;
    max-width: 100%;
    position: absolute;
    text-align: center;
    top: 65%;
    transform: translate(-50%, -50%);
}
.product-card .product-card__image img {
    height: 100%;
    max-height: 7rem;
    object-fit: contain;
    width: 100%;
}
@media (min-width: 576px) {
    .product-card .product-card__image img {
        max-height: 7.5rem;
    }
}
@media (min-width: 768px) {
    .product-card .product-card__image img {
        max-height: 9rem;
    }
}
.product-card__text-wrapper > * {
    margin-bottom: auto;
}
.product-card .product-card__text-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    padding: 1.7rem 3.5625rem 2rem;
    position: relative;
}
.product-card .product-card__text-wrapper .product-card__title h3 {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.4rem;
}
.product-card .product-card__text-wrapper .product-card__text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.product-card .product-card__text-wrapper .product-card__text p {
    color: #c5c5c5;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    margin-top: .125rem;
}
.product-card .product-card__text-wrapper .product-card__data {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0.5rem;
    position: relative;
    z-index: 2;
}
.product-card__data,
.product-card__dat a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.product-card .product-card__text-wrapper .product-card__data img {
    cursor: pointer;
    height: 1.375rem;
    margin-left: .625rem;
    object-fit: contain;
    width: 2.5rem;
}
.product-card .product-card__price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-top: .625rem;
    position: relative;
}
.product-card__price > * {
    color: #c5c5c5;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.4rem;
}
.product-card__links {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.product-card__links > * {
    margin-top: 1.25rem;
    position: relative;
    z-index: 2;
}
.spring-board__body-inner {
    margin-top: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0;
    justify-content: center;
    margin-left: calc(1rem * -1);
    padding-left: 4rem;
    padding-right: 4rem;
}
.spring-board__body-inner > * {
    margin-left: 1rem;
    margin-top: 1rem;
}


.breadcrumbs {
    background-color: transparent;
    margin: 20px 0;
}
.breadcrumbs.layout-title-below .items {
    padding: 0;
}
.breadcrumbs a {
    color: #000;
    opacity: .6;
    text-decoration: none;
    transition: opacity .2s ease-out;
}
.breadcrumbs a:hober {
    color: #000000;
}
.breadcrumbs + .page-title-wrapper h1.page-title {
    color: #000;
    font-size: 44px;
    text-align: left;
    max-width: 100%;
    margin: auto;
    padding: 0;
    margin-bottom: 30px;
}
.toolbar .modes .modes-mode,
.arrow-mode-grid {
    display: none;
}