body {
    font-family: $mainFont;
    text-align:$text-right;
    font-weight:300;
    color:$fontColor;
    direction: rtl;
    // padding-top:75px;
}
* {
    padding: 0;
    margin:0;
    box-sizing: border-box;
}
/*body::-webkit-scrollbar {
    display: none;
}*/
* {
    padding: 0;
    margin:0;
    box-sizing: border-box;
}
.overlay-gradeint {
    position: relative;
    &:before {
        content:'';
        height:100%;
        width:100%;
        position: absolute;
        top:0;
        left:0;
        background-image:linear-gradient(to top, rgba(0,0,0,1), transparent);
        z-index:1;
    }
}
.trans {
    transition:all .4s ease-in-out;
}

ul {
    margin-bottom: 0;
    padding:0;
    list-style:none;
    margin:0;
}

.sf {
    font-size:13px;
}

.none {
    display:none;
}

.right {
    float:$float-right;
}

.left {
    float:$float-left;
}

.center {
    text-align: center;
}

.clearfix {
    clear: both;
}

.table {
    display: table;
    height:100%;
    width:100%;
}

.row-display {
    display: table-row;
}

.cell {
    display: table-cell;
}

.middle {
    vertical-align: middle;
}
.bottom {
    vertical-align: bottom;
}

.bottom {
    vertical-align: bottom;
}

.container {
    height: 100%;
}

.mark {
    color:$mainColor;
}
a.mark {
    color:$mainColor;
    text-decoration:none;
}
.bold {
    font-weight:bold;
}
.normal {
    font-weight:normal;
}
.overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    background-color:rgba(0, 0, 0, .7);
}

// spaces

.x-margin {
    margin:100px;
}
.x-margin-top {
    margin-top:100px;
}
.x-margin-bottom {
    margin-bottom:100px;
}

.x-margin-small {
    margin:30px;
}
.x-margin-small-top {
    margin-top:30px;
}
.x-margin-small-bottom {
    margin-bottom:30px;
}

.x-padding {
    padding:100px;
}
.x-padding-top {
    padding-top:100px;
}
.x-padding-bottom {
    padding-bottom:100px;
}

.x-padding-small {
    padding:20px;
}
.x-padding-small-top {
    padding-top:20px;
}
.x-padding-small-bottom {
    padding-bottom:20px;
}

.x-padding-medium {
    padding:60px;
}
.x-padding-medium-top {
    padding-top:60px;
}
.x-padding-medium-bottom {
    padding-bottom:60px;
}

.visible-items {
    overflow: visible;
    .container, .full-container, .row, .uk-slider {
        overflow: visible;
    }
}
.visible-all {
    overflow: visible !important;
    * {
        overflow: visible !important;
    }
}

.visible-item {
    overflow: visible;
}

.row {
    overflow: hidden;
}
// uikit
.uk-text-white {
    color:#FFF;
}
.uk-height-xlarge {
    height:600px;
}
.uk-icon-large {
    font-size:35px;
}
p {
    line-height:1.4;
    margin:20px 0;
    color:$fontColor;
}
.big-line {
    line-height:2;
}
.none {
    display:none;
}
#{$heading} {
    font-weight:bold;
    font-family:$mainFont;
    color:$hColor;
}

label {
    margin-bottom:10px;
    color:$bColor;
    font-weight:Bold;
    display: block;
}

input, select, textarea {
    border: 1px solid $borderColor;
    border-radius: 5px;
}
textarea {
    min-height:100px;
}

// ::-webkit-scrollbar {
// }



.map {
    iframe {
        border-radius: 20px;
        @media #{$minSmall} {
            width:100%;
        }
        @media #{$minMedium} {
            width:700px;
        }
        @media #{$maxSmall} {
            width:100%;
        }
    }
}

.category-item {
    .item {
        position: relative;
        overflow: hidden;
        border-radius:13px;
        .info {
            position: absolute;
            width:100%;
            text-align:center;
            bottom:0;
            left:0;
            h4 {
                color:#FFF;
                margin:10px;
                z-index: 1;
                position: relative;
            }
            .info-bg {
                position: absolute;
                top:0;
                left:0;
                height:100%;
                width:100%;
                z-index: 0;
                background-image: linear-gradient(to top, black, rgba(0,0,0,0.1));
            }
        }
    }
}

.check {
    height:25px;
    width:25px;
    line-height: 25px !important;
    text-align:center;
    border-radius: 50%;
    color:$white;
    font-size: 14px;
    background-color:$mainColor;
    position: absolute;
    top:20px;
    left:20px;
    opacity:0;
    z-index: 10;
    @extend .trans;
}
.active {
    .check {
        opacity:1 !important;
    }
}

ul.notify-list {
    li {
        margin:20px 0;
        padding:30px 20px;
        background-color:$lightGray;
        color:$bColor;
        border-radius:15px;
        font-weight:bold;
        font-size:20px;
    }
}
.policy {

    p {
        padding:0 10px;
        border-#{$right}:2px solid $fontColor;
    }
}
.uk-open {
    .uk-accordion-title {
        color:$mainColor !important;
        &:before {
            color:$mainColor !important;
        }
    }
}
.uk-accordion-title {
    padding:15px 0;
    border-bottom:1px solid $borderColor;
}
.payment-methods {
    li {
        @media #{$maxSmall} {
            &:not(:last-of-type) {
                margin-bottom: 30px;
            }
        }
        .item-content {
            border:1px solid $borderColor;
            position: relative;
            border-radius:15px;
            &.active {
                border-color:$mainColor;
            }
            img {
                height:150px;
                display: block;
                margin: auto;
            }
        }
    }
}

.card-title {
    padding-bottom: 10px;
    border-bottom: 1px solid $mainColor;
}
.card-list {
    border-bottom: 1px solid $mainColor;
    li {
        width:100%;
        overflow: hidden;
        .icon {
            float:$float-right;
            height:50px;
            width:50px;
            line-height:50px;
            img {
                width:50px;
                border-radius: 10px;
            }
            i {
                font-size:18px;
                line-height:50px;
                width:100%;
                height:100%;
                text-align:center;

            }
        }
        .text {
            float:$float-right;
            line-height:50px;
            width:calc(100% - 50px);
            padding:0 20px;
        }
    }
}



.xs-only {
    display:none;
    @media #{$maxSmall} {
        display:block;
    }
}

[role="menu"] {
    li {
        display:inline-block;
        margin: 0 10px;
        @media #{$maxSmall} {
            margin: 10px 0;
            width:100%;
        }
    }
}
fieldset {
    border:0;
    transition: all 1s ease-in-out;
}

form {
    .title {
        display:none;
    }
}
.current-info {
    display:none;
}

span.number {
    display:none;
}

label {
    float:$float-right;
}

label.error {
    float:$float-left;
    color:#F00;
    opacity:.8;
}

.p-margin {
    margin:30px 0;
}

.slide-content .title {
    line-height:40px;
    @media #{$maxSmall} {
        font-size:14px;
    }
}

.pc-only {
    @media #{$maxSmall} {
        display:none;
    }
}

.p-box {
    margin:30px 0;
    width:100%;
    @media #{$maxSmall} {
        width:100%;
    }
}

.plan-steps-row {
    list-style: none;
    .box{
        padding: 20px;
        background-color:$lightGray;
        color:#000;
        .icon {
            color:$mainColor;
            img {
                width: 100px;
                @media #{$maxSmall} {
                    width:auto;
                }
            }
        }
    }
}

.features-row {
    .img {
        width:90px;
        margin: auto;
        img, svg {
            width:100%;
            transition: all .4s ease-in-out;
        }
    }
    li.feature-item {
        position: relative;
        padding: 40px 30px;
        &:hover {
            .zoom {
                opacity:1;
                transform: scale(.9);
            }
            svg {
                fill:$mainColor;
            }
        }
    }
    .box {
        position:relative;
        z-index:1;
    }
    .zoom {
        position: absolute;
        height:100%;
        width:100%;
        top:0;
        left:0;
        transition: all .4s ease-in-out;
        transform: scale(.8);
        opacity: 0;
        z-index:0;
        span {
            height:40px;
            width:40px;
            position: absolute;
        }
        span.z-1 {
            border-top:1px solid $gray;
            border-left:1px solid $gray;
            top:0;
            left:0;
        }
        span.z-2 {
            border-top:1px solid $gray;
            border-right:1px solid $gray;
            top:0;
            right:0;
        }
        span.z-3 {
            border-bottom:1px solid $gray;
            border-left:1px solid $gray;
            bottom:0;
            left:0;
        }
        span.z-4 {
            border-bottom:1px solid $gray;
            border-right:1px solid $gray;
            bottom:0;
            right:0;
        }
    }
}

.gray-bg {
    background-color:$lightGray;
}
.main-bg {
    background-color:$mainColor;
}

.remove-margin-xs {
    @media #{$maxSmall} {
        margin:0 !important;
    }
}
.remove-padding-xs {
    @media #{$maxSmall} {
        padding:0 !important;
    }
}
.remove-padding {
    padding:0 !important;
}

.works-list {
    li {
        position: relative;
        color:#FFF;
        .uk-cover-container {
            position: relative;
            border-radius:20px;
            font-weight:Bold;
            font-size:25px;
            .work-title {
                z-index: 2;
                margin-bottom: 20px;
                text-decoration:none !important;
                color:#FFF;
            }
            &:before {
                content:'';
                height:100%;
                width:100%;
                position: absolute;
                top:0;
                left:0;
                background-image:linear-gradient(to top, rgba(0,0,0,1), transparent);
                z-index:1;
            }
        }

    }
}

.blog-row {
    img {
        width:100%;
    }
}

.a-article {
    .title {
        padding-bottom:30px;
        position: relative;
        &:after {
            content:'';
            position: absolute;
            bottom: 0;
            right:0;
            height:1px;
            width:150px;
            background-color:rgba($gray, .2);
        }
    }

}

.uk-position-center-pc {
    @media #{$maxSmall} {
        transform:none;
        position: unset !important;
    }
}

.uk-slider-nav {
    .uk-active[uk-slider-item] {
        a {
            background-color:$mainColor !important;
            border-color:$mainColor;
        }
    }
    [uk-slider-item] {
        a {
            background-color:$fontColor !important;
        }
    }
}

.testmonials {
    p, div, h1,h2,h3,h4,h5 {
        color:initial;
    }
    .box {
        border-radius: 30px;
    }
}

.partner-list {
    li {
        float:$float-right;
        padding: 20px;
        filter:grayscale(1);
        overflow: hidden;
        @extend .trans;
        &:hover {
            filter:grayscale(0);
        }
        @media #{$minSmall} {
            width:18%
        }
        @media #{$minMedium} {
            width:18%
        }
        @media #{$minLarge} {
            width:(100% / 8);
        }
        @media #{$maxSmall} {
            width:(100% / 2);
        }
    }
}

.chars {
    @media #{$maxSmall}{
        position: relative !important;
    }
    li {
        padding:20px 40px;
        .box {
            position: relative;

            &:before {
                content:'';
                height: 1px;
                width:100%;
                background-color:$gray;
                position: absolute;
                bottom: 0;
                left:0;
            }
            &:after {
                content:'';
                height: 30px;
                width:100%;
                background-color:transparent;
                position: absolute;
                bottom: 0;
                left:0;
                border-right:1px solid $gray;
                border-left:1px solid $gray;
            }
            div {
                font-size:30px;
                font-weight:bold;
            }
        }
    }
}

.about-row {
    background-image: url('../img/overlay-.png');
    background-size: cover;
    margin-bottom: 30px;
    @media #{$maxSmall} {
        background-image: none;
    }
    li {
        margin-bottom:20px;
        .box {
            h3 {
                font-size:20px;
            }
            @media #{$maxSmall} {
                zoom:80%;
                h3 {
                    font-size:20px;
                }
            }
        }
    }
}

.main-header {
    .uk-slideshow-items li {
        &:before {
            content:'';
            height:100%;
            width:100%;
            position: absolute;
            top:0;
            left:0;
            background-image:linear-gradient(to top, rgba(0,0,0,1), transparent);
            z-index:1;
        }
    }
    .slide-content {
        z-index:2;
    }
    .uk-slidenav {
        background-color:rgba($lightGray, .5);
        border-radius: 50%;
    }
    h1 {
        font-size:2rem;
    }
    h3 {
        font-weight:normal;
        font-size:1rem;
    }
}

.height-f {
    height:100%;
}

.hidden-xs {
    @media #{$maxSmall} {
        display:none;
    }
}
.show-xs {
    display:none;
    @media #{$maxSmall} {
        display:block;
    }
}
.sp-item {
    @media #{$maxSmall} {
        zoom:70%;
    }
}

.features {
    [uk-slider-item] {
        background-color:rgba($mainColor, .3);
        border-radius: 50%;
        color:$mainColor;
    }
}

.coverages {

    input[type=radio] {
        margin:10px 0;
        border-radius: 50% !important;
        height:50px;
        border:2px solid $gray !important;
        width:50px;
    }
}

.copy-item {
    overflow: hidden;
    input, .icon {
        float:$float-right;
    }
    input {
        width:70%;
    }
    .icon {
        width:30%;
        padding:0 10px;
        line-height:40px;
    }
}

.link-form {
    display:none;
}

.copy-btn {
    cursor: pointer;
}

.pic-number {
    height:40px;
    width:40px;
    margin:30px auto 0;
    border-radius:50%;
    border:1px solid #000;
    display: block;
    line-height:40px;
    text-align: center;
    font-size:18px;
}


.coverages {
    .coverage-item {
        .box {
            border-radius: 0 0 10px 10px;
            overflow: hidden;
            box-shadow: 0px 1px 7px 0px rgba($gray, .2);
            .coverage-text {
                padding:10px 20px;
                zoom:90%;
                .date {
                    color:rgba($gray, .7);
                    font-size:14px;
                    i {
                        position: relative;
                        top: -2px;
                        padding-#{$left}: 5px;
                    }
                }
                .coverage-btn {
                    padding:8px 20px;
                    border-radius: 10px;
                }
                .title {
                    font-size:18px;
                    margin:0px 0 10px;
                }
            }
        }
    }
}

.main-section {
    overflow:hidden;
    padding:50px 0;
    @media #{$maxSmall} {
        height: auto !important;
    }
}

.main {
    overflow:hidden;
    @media #{$maxSmall} {
        height: auto !important;
    }
}

.coverage-video {
    height:350px;
    width:900px;
    display: block;
    margin:auto;
    @media #{$maxSmall} {
        width:100%;
    }
}

.share {
    .comment-info-item {
        display:inline-block;
        padding:0 20px;
        &:not(:last-of-type) {
            border-#{$left}:1px solid #eee;
        }
        a {
            text-decoration:none;
        }
    }
}

.share-links {
    li {
        display:inline-block;
        margin:0 3px;
    }
    a.icon {
        text-decoration:none;
        height:30px;
        font-size:16px;
        width:30px;
        line-height:30px;
        border-radius:5px;
        color:#FFF;
        background-color:#000;
        text-align:center;
        &.fb {
            background-color:#1877f2;
        }
        &.tw {
            background-color:#1da1f2;
        }
        &.pt {
            background-color:#bd081c;
        }
        &.li {
            background-color:#007bb5;
        }
        &.gp {
            background-color:#db4437;
        }
    }
}



.coverages-slider {
    [uk-close] {
        color:#000;
        height:40px;
        line-height:20px;
        width:40px;
        text-align:center;
        border-radius: 50%;
        border:1px solid #000;

    }
    .uk-modal-dialog {
        max-width:100% !important;
        @media #{$minSmall} {
            width:5400px !important;
        }
        @media #{$minMedium} {
            width:970px !important;
        }
        @media #{$maxSmall} {
            width:95% !important;
        }
        img {
            width:100% !important;
            height:auto !important;
        }
    }
}

.main-menu-sidebar {
    background-color: rgba(0,0,0,.2);
    .logo {
        width:160px;
        max-width:100%;
        margin:auto;
        margin:50px 30px;
    }
    ul.main-side {
        li {
            margin:0;
            &:not(:last-of-type) {
                margin-bottom:10px;
            }
            .uk-accordion-title {
                color:#000;
                &:before {
                    display:none;
                    color:#000 !important;
                    background-color: #35c1cc;
                }
            }
            .uk-accordion-title {
                &:hover {
                    color:#FFF !important;
                    &:before {
                        display:none;
                        color:#fff !important;
                    }
                }
            }
            .uk-accordion-content{
                li {
                    margin:1px !important;
                }
                a {
                    background-color:$gray;
                    padding-#{$right}:40px !important;
                    color:#FFF !important;
                }
            }
            //     .uk-accordion-title {
            //         color:#FFF !important;
            //         &:before {
            //             display:none;
            //             color:#fff !important;
            //         }
            //     }
            // }

            &.has-sub {
                .uk-accordion-title {
                    &:before {
                        display:initial;
                    }
                }
            }
            a {
                color:#000 !important;
                font-size:1;
                padding:20px;
                font-size:16px;
                background-color:#FFF;
                @extend .trans;
                display:block;
                text-decoration:none;
                border:0px solid transparent;
                border-bottom-width:0;
                &:hover {
                    color:#FFF;
                    background-color:$mainColor;
                }
            }
            &:last-of-type {
                a {
                    border-bottom-width:1px;
                }
            }
            .submenu {
                a {
                    padding:0 20px;
                }
            }
        }
    }
}

.uk-offcanvas-bar {
    padding:0 !important;
    background-color:#fff;
    @media #{$maxSmall} {
        width:90%;
    }
}

.social-box {
    background-color:#fff;
    border:1px solid transparent;
    position: relative;
    top:100px;
    #{$right}:0;
    width:100%;
    @media #{$minSmall} {
        top:50px;
    }
    @media #{$minMedium} {
        top:50px;
    }
    @media #{$minLarge} {
        top:150px;
    }
}
.social-menu {
    width:fit-content;
    margin:auto;
    padding:20px 0;
    overflow: hidden;
    li {
        float:$float-left;
        padding:0 10px;
        color:$bColor;
        font-size:18px;
        text-decoration:None;
        a {
            text-decoration:none;
            color:$hColor;
            @extend .trans;
            &:hover {
                color:$mainColor;
            }
        }
    }
}

#example-advanced-form {
    .content {
        [role=tabpanel], .title, .current.title {
            display:none;
        }
        .current {
            display:initial;
        }
    }
}

.features {
    a.btn.btn-more {
        display:none;
    }
}



// about page
.about-circle {
    position: relative;
    height: 400px;
    width:400px;
    border-radius: 50%;
    border:2px solid rgba($hColor, .5);
    margin:auto;
    @media #{$maxSmall} {
        zoom:80%;
        margin-top:100px;
    }
    .circle {
        height:100px;
        width:100px;
        text-align:center;
        border-radius: 50%;
        color:$mainColor;
        line-height:100px;
        font-size:20px;
        box-shadow:0px 0px 6px 0px rgba(94, 111, 127, 0.4);
        position: absolute;
        background-color:#FFF;
        &.circle-top-center {
            top:-50px;
            left:calc(50% - 50px);
        }
        &.circle-center {
            top:calc(50% - 50px);
            left:calc(50% - 50px);
        }
        &.circle-bottom-right {
            right:calc(10% - 50px);
            bottom:calc(20% - 50px);
        }
        &.circle-bottom-left {
            left:calc(10% - 50px);
            bottom:calc(20% - 50px);
        }
        .number {
            font-size:35px;
            font-weight:Bold;
            line-height: 25px;
        }
        .name {
            font-size:14px;
            line-height:14px;
            font-weight: bold;
            color:$fontColor;
        }
    }

}


.about-items {
    .item {
        @media #{$maxSmall} {
            margin-bottom:30px;
        }
        .box {
            overflow: hidden;
            position: relative;
            padding:140px 40px 40px;
            border:2px solid rgba($gray, .5);
            background-color:#fdfdfd;
        }
        position: relative;
        #{$heading} {
            position: absolute;
            width:fit-content;
            top:-100px;
            height:200px;
            width:200px;
            font-size:25px;
            #{$right}:0;
            border-radius:50%;
            padding:20px;
            color:#FFF;
            background-color:$mainColor;
        }
        p {
            margin:0;
            line-height:35px;
        }
    }
}
// news

.news-sidebar {
    a {
        color:initial;
        text-decoration: none;
    }
    .news-sidebar-items {
        .item {
            .text {
                p {
                    margin:10px 0;
                    font-size:14px;
                }
                #{$heading} {
                    margin:0;
                    font-size:16px;
                }
            }
        }
    }
    .search {
        width:100%;
        input {
            border-radius:10px !important;
            border-color:rgba($gray, .2) !important;
        }
    }
}
// swiper slider

.swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .swiper-slide {
    background-size: cover;
    background-position: center;
  }

  .news-top {
    height: 80%;
    width: 100%;
  }

  .news-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
  }

  .news-thumbs .swiper-slide {
    width: 100px;
    height: 100px;
    opacity: 0.4;
  }

  .news-thumbs .swiper-slide-thumb-active {
    opacity: 1;
  }

.swiper-container {
    height:700px;
    &.news-thumbs {
        height:200px;
    }
}
.gallery-thumbs .swiper-slide {
    height:100px;
    margin:10px 0;
    opacity:0.5;
    @extend .trans;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.blog-row .item .p-box span {
    display:None;
}

.swiper-button-next, .swiper-button-prev {
    height:50px;
    width:50px;
    line-height:50px;
    text-align:center;
    border-radius:50%;
    background-color:#fff;
    &:after, &:before {
        color:$mainColor;
        font-size:25px;
        font-weight:bold;
    }
}

.share-banner {
    background-color:#fafafa;
    .social-list {
        li {
            display: inline-block;
            a {
                height:30px;
                width:30px;
                line-height:30px;
                font-size:20px;
                text-align:center;
                color:$hColor;

            }
        }
    }
}

.user-comment {
    padding:20px;
    overflow: hidden;
    .user-img {
        height:100px;
        width:100px;
        float:$float-right;
        overflow: hidden;
        border-radius:50%;
        box-shadow:0px 0px 1px 5px rgba($gray, .3);
        background-color: #fafafa;
        img {
            width:100%;
        }
    }
    .user-info {
        width:calc(100% - 100px);
        padding:0 20px;
        float:$float-right;
        position: relative;
        top:20px;
        #{$heading} {
            font-size:20px;
            color:#000;
            margin-bottom: 10px;
        }
        div {
            color:$gray;
        }
    }
}




.contact-row {
    .box {
        line-height:3.5;
    }
}


// services page

.services-grid {
    .item {
        width:50%;
        display:table-cell;
        margin:auto;
        padding:30px;
        text-align:center;
        overflow: hidden;
        &:last-of-type {
            display:block;
            margin: auto;
        }
        @media #{$maxSmall} {
            width:100%;
            display:block;
        }
        #{$heading} {
            margin:10px 0;
        }
        .icon {
            width:100px;
            font-size:50px;
            margin: auto;
            text-align:center;

        }
    }
}

.team-row {
    .item {
        text-align:center;
        @media #{$minSmall} {
            margin-bottom:30px;
        }
        @media #{$minMedium} {
            margin-bottom:0;
        }
        @media #{$maxSmall} {
            margin-bottom:30px;
        }
        .img {
            width: 200px;
            height:auto;
            border-radius: 50%;
            max-width:100%;
            max-height:auto;
            overflow: hidden;
            margin:auto;
            img {
                max-height: 200px;
                width:auto !important;
                max-width:fit-content;
                max-width: -moz-fit-content;
            }
        }
        #{$heading} {
            margin:10px 0;
        }
        .box {
            padding:30px 15px;
            border-radius: 10px;
            box-shadow: 0px 0px 10px 2px rgba(0,0,0,.1);
        }
    }
}


.topic-row {
    .item {
        cursor:pointer;
        &:hover {
            h3 {
                &:after {
                    width:60%;
                }
            }
        }
        a {
            text-decoration: none;
            color:initial;
        }
        .cover {
            position: relative;
            &:hover {
                img {
                    filter:brightness(0.5);
                }
            }
            img {
                @extend .trans;
            }
            .view-status {
                position: absolute;
                bottom:0;
                right:0;
                padding:30px;
                text-align:center;
                color:#FFF;
                z-index: 2;
                font-size:18px;
                span, i {
                    display:block;
                    margin:10px 0;
                }
            }
        }
        h3 {
            position: relative;
            width:fit-content;
            &:after {
                content:'';
                position: absolute;
                bottom:-15px;
                right:0;
                height:1px;
                width:30%;
                @extend .trans;
                background-color:$mainColor;
            }
        }
    }
}

.box-shadow {
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,.3);
}
.loading {
    height:100vh;
    width:100%;
    position: fixed;
    top:0;
    left:0;
    background-color:#FFF;
    z-index: 1000;
    .uk-icon {
        height:100px;
        width:100px;
        color:$mainColor;
    }
}

.none {
    display:None;
}

.filter {
    border-color:$mainColor;
    width:250px !important;

}

section.main-header {
    .uk-slidenav {
        polyline {
            transform: scale(.8) translate(0px, 10%);
            margin-top: 10%;
        }
    }
}

.uk-slider-nav {
    li {
        opacity:.5;
        &.uk-active {
            opacity:1;
        }
    }
}
.fill-w {
    width:100%;
}
.black {
    color:#000;
}
.br-0 {
    border-radius:0px;
}
.x-center {
    display: flex;
    align-items: center;
}
.uk-slider-control {
    background-color:$mainColor;
    color:#FFF;
    border-radius:50%;
    box-shadow:0px 0px 10px 0px rgba(0,0,0,.1);
    &.uk-slidenav-next {
        svg {
            transform: scale(.8) translate(-2px, 1px);
        }
    }
    &.uk-slidenav-previous {
        svg {
            transform: scale(.8) translate(2px, 0px);
        }
    }
}