/* Minification failed. Returning unminified contents.
(1366,1): run-time error CSS1035: Expected colon, found '{'
 */
/*@import url('../font/font.css');*/
@font-face {
    font-family: 'ASPSahel';
    src: url('/Files/font/Sahel-FD-WOL.eot?#') format('eot'), /* IE6–8 */
    url('/Files/font/Sahel-FD-WOL.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/Files/font/Sahel-FD-WOL.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

html {
    direction: rtl;
}

body {
    text-align: right;
    background-image: url(../../Images/pattern.png);
}

body {
    font-family: 'ASPSahel';
    /*background-color: #ecf0f1;*/
    font-size: 14px !important;
    color: #6c6c70;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/Files/themeImages/mainLoader.gif) center no-repeat rgba(255, 255, 255, 0);
    background-color: #fff;
}

/*#region Loadin */

.loading-wrapper {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

#circularG {
    position: relative;
    width: 128px;
    height: 128px;
    margin: 20% auto;
}

.circularG {
    position: absolute;
    background-color: rgb(10, 10, 10);
    width: 30px;
    height: 30px;
    border-radius: 19px;
    -o-border-radius: 19px;
    -ms-border-radius: 19px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    animation-name: bounce_circularG;
    -o-animation-name: bounce_circularG;
    -ms-animation-name: bounce_circularG;
    -webkit-animation-name: bounce_circularG;
    -moz-animation-name: bounce_circularG;
    animation-duration: 0.718s;
    -o-animation-duration: 0.718s;
    -ms-animation-duration: 0.718s;
    -webkit-animation-duration: 0.718s;
    -moz-animation-duration: 0.718s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

#circularG_1 {
    left: 0;
    top: 51px;
    animation-delay: 0.268s;
    -o-animation-delay: 0.268s;
    -ms-animation-delay: 0.268s;
    -webkit-animation-delay: 0.268s;
    -moz-animation-delay: 0.268s;
}

#circularG_2 {
    left: 13px;
    top: 13px;
    animation-delay: 0.364s;
    -o-animation-delay: 0.364s;
    -ms-animation-delay: 0.364s;
    -webkit-animation-delay: 0.364s;
    -moz-animation-delay: 0.364s;
}

#circularG_3 {
    top: 0;
    left: 51px;
    animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
}

#circularG_4 {
    right: 13px;
    top: 13px;
    animation-delay: 0.536s;
    -o-animation-delay: 0.536s;
    -ms-animation-delay: 0.536s;
    -webkit-animation-delay: 0.536s;
    -moz-animation-delay: 0.536s;
}

#circularG_5 {
    right: 0;
    top: 51px;
    animation-delay: 0.632s;
    -o-animation-delay: 0.632s;
    -ms-animation-delay: 0.632s;
    -webkit-animation-delay: 0.632s;
    -moz-animation-delay: 0.632s;
}

#circularG_6 {
    right: 13px;
    bottom: 13px;
    animation-delay: 0.718s;
    -o-animation-delay: 0.718s;
    -ms-animation-delay: 0.718s;
    -webkit-animation-delay: 0.718s;
    -moz-animation-delay: 0.718s;
}

#circularG_7 {
    left: 51px;
    bottom: 0;
    animation-delay: 0.814s;
    -o-animation-delay: 0.814s;
    -ms-animation-delay: 0.814s;
    -webkit-animation-delay: 0.814s;
    -moz-animation-delay: 0.814s;
}

#circularG_8 {
    left: 13px;
    bottom: 13px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}



@keyframes bounce_circularG {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(.3);
    }
}

@-o-keyframes bounce_circularG {
    0% {
        -o-transform: scale(1);
    }

    100% {
        -o-transform: scale(.3);
    }
}

@-ms-keyframes bounce_circularG {
    0% {
        -ms-transform: scale(1);
    }

    100% {
        -ms-transform: scale(.3);
    }
}

@-webkit-keyframes bounce_circularG {
    0% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(.3);
    }
}

@-moz-keyframes bounce_circularG {
    0% {
        -moz-transform: scale(1);
    }

    100% {
        -moz-transform: scale(.3);
    }
}

/*#endregion */




.form-control:placeholder {
    color: rgb(215, 215, 226);
    font-size: 0.7em;
}



.dir-rtl {
    direction: rtl;
}

.dir-ltr {
    direction: ltr;
}

.display-none {
    display: none;
}

/*.text-center {
    text-align: center !important;
}*/

body header .menu {
    margin: 0.5rem auto;
    padding: 0;
    text-align: center;
}

    body header .menu li {
        display: inline-block;
        padding: 0 5px;
    }

section {
    padding: 15px 0;
}

.row-menu a {
    color: white;
}



@media (min-width: 768px) {
    /*body header .first-section-menu:after {
        position: absolute;
        right: 100%;
        top: 0;
        content: '';
        border-style: solid;
        border-width: 0 60px 60px 0;
        border-color: transparent #35c2f0 transparent transparent;
    }*/
}



footer .footer-list {
    list-style: none;
    color: white;
    font-size: 13px;
    padding: 20px 0;
}

    footer .footer-list a {
        color: whitesmoke;
        text-decoration: none;
    }

footer .link-title {
    font-weight: bold;
    font-size: 20px;
    text-align: center
}

section .section_title {
    font-weight: bold
}

    section .section_title:before {
        content: '';
        position: absolute;
        border-top: dashed 1px rgba(229, 229, 229, 0.75);
        top: 20px;
        left: 100px;
        right: 250px;
    }

.btn_carousel_product {
    position: absolute;
    left: 40px;
    top: 10px;
}

    .btn_carousel_product i {
        cursor: pointer;
    }

.box-item {
    /*border: solid 1px #ededed;
    -ms-border-radius: 5px;
    border-radius: 5px;
    max-width: 185px;*/
    margin: 0 auto;
    background-color: #f8f9fa;
    height: 100%;
    width: 232px;
}

.box-product {
    margin: 0 auto;
    padding: 1px;
    text-align: center;
    height: 170px;
    width: 230px;
    background-color: white;
    border: solid 1px #f8f9fa;
}


    .box-product .box-pic {
    }

        .box-product .box-pic img {
            margin: 0 auto;
            height: 100%;
        }

.box-price .new-price:after {
    content: 'تومان';
    padding: 0 3px;
    font-size: 1rem;
    font-weight: normal;
}

.box-price {
    direction: rtl;
    font-size: 1.2rem;
    margin: 0 5px;
    text-align: left;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

    .box-price .off-price {
        color: #999;
    }

.validation-summary-valid {
    display: none;
}

.my-box-shadow {
    box-shadow: 0 0px 5px 2px #d7d1d1;
}

.my-small-thumbnail {
    width: 75px;
    height: 75px;
}

.my-delete-thumbnail {
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 20;
    border: solid 1px red;
    border-radius: 15px;
    height: 15px;
    line-height: 0.8;
    background-color: red;
    color: wheat;
    cursor: pointer;
    width: 15px;
    font-size: medium;
    font-weight: bold;
}

.btn-default {
    border: solid 1px #665c5c;
    color: #665c5c;
}

    .btn-default:hover {
        border: solid 1px #665c5c;
        color: #665c5c;
    }

.content {
    height: 100%;
    position: relative;
    padding: 15px 20px;
}

.detail_head .title {
    font-size: 15px;
    font-weight: 700;
}

    .detail_head .title span {
        font-size: 12px;
        color: #b5b5b5;
        display: block;
        margin-top: 5px;
    }

.product_price {
    display: inline-block;
    margin-top: 10px;
}

    .product_price del {
        text-align: right;
        font-size: 13px;
        display: inline-block;
        letter-spacing: .5px;
        color: #acacac;
        text-decoration: line-through;
    }

    .product_price .price .value {
        font-size: 31px;
        color: #fb3449;
        letter-spacing: 0.8px;
    }

    .product_price .price .currency {
        font-size: 20px;
        color: #fb3449;
        letter-spacing: 0.4px;
    }

    .product_price .price .discount {
        font-size: 14px;
        line-height: 28px;
        margin-right: auto;
        background-color: #ef5662;
        height: 28px;
        color: #fff;
        padding: 0 10px;
        border-radius: 0 19px 19px 19px;
        letter-spacing: .5px;
        position: relative;
        display: inline-block;
    }

        .product_price .price .discount[data-title]:before {
            position: absolute;
            bottom: 100%;
            right: 12px;
            font-size: 13px;
            font-size: .929rem;
            line-height: 22px;
            color: #7f7f7f;
            content: attr(data-title);
        }

.btn_buy {
    float: left;
    font-size: 13px;
}

.no_list {
    list-style-type: none;
}

.hr_style1 {
    height: 1px;
    border: 0 none;
    color: #eee;
    background-color: #eee;
}

.gallery .xzoom-container {
    display: block;
}

.xzoom-container > img {
    width: 100%;
}

.xzoom {
    margin-bottom: 20px;
}

.product_future ul {
    margin: 20px 0;
}

    .product_future ul:before {
        content: attr(data-title);
        font-size: 14px;
        list-style: none;
        font-weight: 700;
        margin-right: -15px;
    }

    .product_future ul li {
        margin: 5px 0;
        font-size: 11px;
    }

.product_description:before {
    content: attr(data-title);
    font-size: 14px;
    display: list-item;
    list-style: none;
    font-weight: 700;
}


.wrap-input {
    position: relative;
    border-bottom: 2px solid #adadad;
    margin: 0 30px 20px 30px;
}

.input {
    /*font-family: 'ASPSahel';*/
    font-size: 17px;
    color: #555555;
    line-height: 1.2;
    display: block;
    width: 100%;
    height: 45px;
    background: transparent;
    padding: 0px 5px;
    outline: none;
    border: none;
}

.focus-input {
    font-family: Poppins-Regular;
    font-size: 16px;
    color: #999999;
    line-height: 1.2;
    content: attr(data-placeholder);
    display: block;
    width: 100%;
    position: absolute;
    top: 10px;
    right: 0;
    padding-left: 5px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    pointer-events: none;
}

    .focus-input:before {
        content: "";
        display: block;
        position: absolute;
        bottom: -37px;
        right: 0;
        width: 0;
        height: 2px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        background: #6a7dfe;
        background: -webkit-linear-gradient(left, #21d4fd, #b721ff);
        background: -o-linear-gradient(left, #21d4fd, #b721ff);
        background: -moz-linear-gradient(left, #21d4fd, #b721ff);
        background: linear-gradient(left, #21d4fd, #b721ff);
        box-sizing: inherit;
    }

    .focus-input:after {
        font-family: 'ASPSahel';
        font-size: 16px;
        color: #999999;
        line-height: 1.2;
        content: attr(data-placeholder);
        display: block;
        width: 100%;
        position: absolute;
        top: 10px;
        right: 0;
        padding-right: 5px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
    }

.input:focus + .focus-input:after {
    top: -30px;
    font-size: 10px;
}

.input:focus + .focus-input:before {
    width: 100%;
}

.has-val.input + .focus-input:after {
    top: -1.7rem;
}

.has-val.input + .focus-input:before {
    width: 100%;
}

.btn-register-submit {
    font-size: 14px;
    color: #fff;
    line-height: 1.2;
    padding: 0 50px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    height: 50px;
    outline: none !important;
    border: none;
    background: #a64bf4;
    background: -webkit-linear-gradient(right, #21d4fd, #b721ff);
    background: -o-linear-gradient(right, #21d4fd, #b721ff);
    background: -moz-linear-gradient(right, #21d4fd, #b721ff);
    background: linear-gradient(right, #21d4fd, #b721ff);
}

    .btn-register-submit:hover {
        background: #a64bf4;
        background: -webkit-linear-gradient(right, #b721ff, #21d4fd);
        background: -o-linear-gradient(right, #b721ff, #21d4fd);
        background: -moz-linear-gradient(right, #b721ff, #21d4fd);
        background: linear-gradient(right, #b721ff, #21d4fd);
    }

.cart-item {
    padding-bottom: 10px;
}

.cart-item-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}

.cart-item-subtitle {
    color: #6c757d;
    line-height: 1;
    margin-bottom: 5px;
}

.cart-item-desc {
    color: #6c757d;
    padding-bottom: 30px;
}

    .cart-item-desc span {
        display: block;
    }

        .cart-item-desc span:before {
            content: attr(data-title);
            font-size: 13px;
            color: #999999;
        }


.cart-item-price {
    font-size: 15px;
    letter-spacing: 2px;
    color: #dc3545;
    font-weight: 700;
}

    .cart-item-price:after {
        content: attr(data-title);
        color: #dc3545;
        font-size: 10px;
        letter-spacing: 0;
        padding-right: 5px;
    }

.cart-item-quantity {
    font-size: 16px;
    border: none;
    outline: none;
    text-align: center;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

    .cart-item-quantity:after {
        content: attr(data-title);
        font-size: 13px;
        position: absolute;
        top: 0;
        right: 0;
    }

.cart-item-delete {
    color: #e6c8d2;
    padding: 3px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.25s;
    font-size: 20px;
}

    .cart-item-delete:hover {
        color: palevioletred;
    }

/*.cart-item-delete {
    font-size: 13px;
    padding: 5px;
    position: absolute;
    bottom: 0;
    color: palevioletred;
}*/

.total-quantity {
    font-size: 13px;
    padding-right: 5px;
    width: 100%;
}

.total-price {
    font-size: 40px;
    color: #dc3545;
    font-weight: 700;
    width: 100%;
    text-align: center;
}

    .total-price:after {
        content: attr(data-currency);
        font-size: 13px;
        color: #aaa0af;
        padding-right: 5px;
    }

.total-checkout {
    /*width: 100%;*/
    margin: 20px;
}


/*slider change direction*/

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.carousel-item-next,
.active.carousel-item-right {
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.carousel-item-prev,
.active.carousel-item-left {
    -webkit-transform: translate3d(0, +100%, 0);
    -ms-transform: translate3d(0, +100, 0);
    transform: translate3d(0, +100, 0);
}


#sliderSection {
    /*background-image: url(/file/images/home1-blog-bg.jpg) !important;
     -ms-background-position: center !important;
     background-position: center !important;
     -ms-background-repeat: no-repeat !important;
     background-repeat: no-repeat !important;
     -ms-background-size: cover !important;
     background-size: cover !important;*/
}

#storeTitle {
    /*margin-top: -50px;
     margin-bottom: -50px;
     padding-top: 50px;
     padding-bottom: 50px;
     
     background-color: #ffff00;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ff8000'/%3E%3Cstop offset='1' stop-color='%23ff8000' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2300ff19'/%3E%3Cstop offset='1' stop-color='%2300ff19' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%239900ff'/%3E%3Cstop offset='1' stop-color='%239900ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffff00'/%3E%3Cstop offset='1' stop-color='%23ffff00' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FF0000'/%3E%3Cstop offset='1' stop-color='%23FF0000' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230CF'/%3E%3Cstop offset='1' stop-color='%230CF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");
     -ms-background-attachment: fixed;
     background-attachment: fixed;
     -ms-background-size: cover;
     background-size: cover;*/
}

.sideBannerTop {
    margin: 0 0 5px 0;
}

.sideBannerBottom {
    margin: 5px 0 0 0;
}

.carousel .carousel-item .title {
    background: #ef5661;
    color: #FFF;
    text-align: center;
    width: 262px;
    border-radius: 0 0 30px 30px;
}

.carousel .carousel-item .wrapper-desc {
    padding: 40px 40px 0 0;
}

.carousel .carousel-item .oldPrice {
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #727272;
    text-decoration: line-through;
    line-height: 23px;
    vertical-align: middle;
    font-weight: 500;
    text-align: center;
    width: 40%;
}

.carousel .carousel-item .newPrice {
    color: #ef5661;
    font-size: 3rem;
    font-weight: 500;
    vertical-align: middle;
    line-height: 27px;
    margin: 8px 18px 0 0;
}

    .carousel .carousel-item .newPrice:after {
        content: attr(data-currency);
        color: #ef5661;
        font-size: 1.286rem;
        font-weight: 500;
        line-height: 27px;
        padding-right: 5px;
    }

.carousel .carousel-item .discount {
    background: #ef5661;
    color: white;
    border-radius: 32px;
    font-size: 16px;
    padding: 9px 20px 8px 15px;
    margin-right: 12px;
}

    .carousel .carousel-item .discount[data-title]:after {
        content: attr(data-title);
    }

.carousel .productTitle {
    padding-top: 35px;
    font-size: 25px;
    font-weight: 700;
}

    .carousel .productTitle span {
        font-size: 13px;
        color: #6c757d;
        display: block;
    }

.carousel .productFeature {
    list-style: none;
    padding: 0;
    margin-top: 35px;
}

    .carousel .productFeature:before {
        content: attr(data-title);
        font-size: 16px;
        font-weight: 700;
        color: #6c757d;
        padding-top: 30px;
    }


    .carousel .productFeature li {
        font-size: 13px;
        display: block;
    }

        .carousel .productFeature li:before {
            content: "";
            width: 5px;
            height: 5px;
            background: #b5b5b5;
            vertical-align: middle;
            display: inline-block;
            -ms-border-radius: 50%;
            border-radius: 50%;
            margin-left: 5px;
        }

.countDown {
    font-size: 31px;
    font-weight: 700;
    letter-spacing: 5px;
    text-align: right;
}

    .countDown span {
        font-size: 16px;
        display: block;
        color: #6c757d;
        letter-spacing: normal;
    }

.sideBar {
    background: #fff;
    bottom: 0;
    font-size: 14px;
    height: 100%;
    right: -240px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 240px;
    overflow-y: auto;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

    .sideBar.open {
        right: 0;
        z-index: 2;
        -moz-box-shadow: 0 0 0.5rem 0px #9E9E9E;
        -webkit-box-shadow: 0 0 0.5rem 0px #9E9E9E;
        box-shadow: 0 0 0.5rem 0px #9E9E9E;
    }

    .sideBar .logo-mobile {
        margin: auto;
        text-align: center;
        padding: 25px;
        background-color: #2196f3 !important;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
    }

    .sideBar .sideBarMenu {
        text-align: right;
        padding: 0;
        display: block;
        margin-left: 0;
    }

.sideBarMenu ul {
    list-style: none;
    padding: 0 5px;
}

.sideBarMenu li {
    padding: 15px 0;
    font-size: 14px;
    border-bottom: solid 1px #d7d1d1;
    text-align: right;
    display: block;
    margin: 0;
}

    .sideBarMenu li a {
        text-decoration: none;
        cursor: pointer;
        color: #6c757d;
    }



/*sidebar-left*/

.sideBar-left {
    background: #fff;
    bottom: 0;
    font-size: 14px;
    height: 100%;
    left: -240px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 3.5rem;
    z-index: 0;
    width: 240px;
    overflow-y: auto;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background-color: transparent;
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
    -moz-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
}

.sideBar-left-wrapper {
    width: 240px;
    float: left;
    height: 100vh;
    padding-bottom: 3.5rem;
    padding-top: 4rem;
    overflow-y: auto;
    background-color: #fff;
}

.handler {
    /*background-image: url(/Files/themeImages/shoppin-card-tab.svg);
    background-repeat: no-repeat;
    background-position: left;*/
    height: 8rem;
    width: 4rem;
    content: ' ';
    float: left;
    left: 0;
    -ms-background-size: contain;
    background-size: contain;
    position: fixed;
    top: 20%;
    z-index: 1060;
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
    -moz-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

    .handler svg {
        height: 8rem;
        width: 4rem;
        padding-top: 0;
        padding-bottom: 0;
    }

    .handler.open {
        left: 240px;
    }

    .handler img {
        width: 2rem;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        right: 1.5rem;
    }

    .handler path {
    }

    .handler .badge {
        margin-top: 2.5rem;
        margin-right: 1rem;
        position: absolute;
        top: 0;
        right: 0;
    }

.sideBar-left.open {
    left: 0;
    z-index: 1060;
    /*-moz-box-shadow: 0 0 0.5rem 0px #9E9E9E;
        -webkit-box-shadow: 0 0 0.5rem 0px #9E9E9E;
        box-shadow: 0 0 0.5rem 0px #9E9E9E;*/
}

.sideBar-left .sum {
    margin: auto;
    text-align: right;
    padding: 1rem;
    background-color: #ffcc00 !important;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
    color: white;
    text-decoration: none;
}

.sideBar-left .clickon {
    position: absolute;
    height: 3rem;
    top: 1rem;
    right: 6rem;
    z-index: 1070;
}

.sideBar-left .sum .price {
    float: left;
}

    .sideBar-left .sum .price:after {
        content: attr(data-currency);
        padding-right: 0.3rem;
        font-size: 0.6rem;
    }

.sideBar-left .sum-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
}

.sideBar-left a {
    text-decoration: none;
    color: white;
}

.sideBar-left .items {
    text-align: right;
    padding: 0;
    display: block;
    margin-left: 0;
}

    .sideBar-left .items ul {
        list-style: none;
        padding: 0 5px;
    }

    .sideBar-left .items li {
        padding: 0.1rem 0.8rem;
        font-size: 14px;
        border-bottom: solid 1px #d7d1d1;
        text-align: right;
        display: block;
        margin: 0;
    }

        .sideBar-left .items li a {
            text-decoration: none;
            cursor: pointer;
            color: #6c757d;
            display: block;
            border-bottom: dashed 0.05rem;
            width: intrinsic; /* Safari/WebKit uses a non-standard name */
            width: -moz-max-content; /* Firefox/Gecko */
            width: -webkit-max-content; /* Chrome */
            margin-bottom: 0.3rem;
            padding-bottom: 0.2rem;
        }

        .sideBar-left .items li span.price {
            float: left;
            margin-left: 1rem;
        }


.topBarMobile {
    position: fixed;
    width: 100%;
    height: 3.5rem;
    text-align: right;
    line-height: 50px;
    padding-right: 10px;
    cursor: pointer;
    color: #fefcff;
    background-color: #012ba9; /* Old browsers */
}

.topBarMobile-wrapper {
    position: fixed;
    top: 0;
    z-index: 1050;
}

.wrapper {
    margin-top: 5rem;
    margin-bottom: 1.5rem;
    min-height: 46vh;
}

.topBarMobile span.bars {
    font-size: 3rem;
    padding-right: 0.5rem;
}

.topBarMobile i {
    float: left;
    line-height: 50px;
    padding-left: 10px;
}

.topBarMobile span.bars:hover {
    color: white !important;
}

.topBarMobile a.title {
    color: #fefcff;
    font-size: 1rem;
    line-height: 1;
    top: 0.75rem;
    position: absolute;
    right: 3.5rem;
    font-weight: bold;
    text-decoration: none;
}

    .topBarMobile a.title:hover, .topBarMobile a.title:active {
        color: #fff;
    }

.topBarMobile span.desc {
    position: absolute;
    top: 1rem;
    right: 3.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 50%;
}

.topMenu {
    padding: 5px;
    background-color: white;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 100;
    box-shadow: -1px -1px 4px 0 #9e9e59;
    box-shadow: -1px -1px 4px 0 rgba(158, 158, 89, 0.62);
}

    .topMenu ul {
        list-style: none;
        text-align: center;
        padding: 0;
        margin: 0;
    }

        .topMenu ul li {
            color: #9E9E9E;
            display: inline-block;
            width: 70px;
        }


    .topMenu li a {
        color: inherit;
        text-decoration: none;
    }

    .topMenu li i {
        /*vertical-align: middle;
        padding: 5px;*/
        display: block
    }

.roundribbon {
    background-color: #343a40;
    -ms-border-radius: 30px;
    border-radius: 30px;
    position: absolute;
    height: 30px;
    top: 0;
    right: -30px;
    width: 30px;
}

.footerAddress {
    background-color: #fff;
    -ms-border-radius: 15px 0 15px 15px;
    border-radius: 15px 0 15px 15px;
}

    .footerAddress:before {
        content: '';
        position: absolute;
        background-color: #fff;
        z-index: 0;
        top: 0;
        right: -15px;
        height: 15px;
        width: 15px;
    }

.shopping-cart {
    color: #70bf00 !important;
    border-color: #70bf00 !important;
    padding-top: 0;
    padding-bottom: 0;
}

    .shopping-cart .badge {
        background-color: red;
        color: white !important;
        position: absolute;
        -ms-border-radius: 50%;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        line-height: 20px;
        left: 57px;
        top: 14px;
        padding: 0;
        margin: 0;
    }

    .shopping-cart span.title {
        font-size: 15px;
        padding-left: 10px;
    }


.shopping-cart-m {
    position: relative;
}

.shopping-cart-m-basket {
    color: #21d4fd;
}

.shopping-cart-m-badge {
    position: absolute;
    top: -50px;
    left: 0;
    font-size: medium;
}

.addressSite {
    -ms-animation: flash 3s infinite ease-in-out;
    -webkit-animation: flash 3s infinite ease-in-out;
    animation: flash 3s infinite ease-in-out;
}

#navbarTogglerDemo01 .nav-link {
    color: white !important;
}



-webkit-keyframes pulse-badge {
    from

{
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}

to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

}

@keyframes pulse-badge {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.3, 1.3, 1.3);
        -ms-transform: scale3d(1.3, 1.3, 1.3);
        -webkit-transform: scale3d(1.3, 1.3, 1.3);
        transform: scale3d(1.3, 1.3, 1.3);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse-badge {
    -webkit-animation-name: pulse-badge;
    animation-name: pulse-badge;
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

.dropdown-toggle:after {
    margin-right: 10px;
}

#username-span {
    padding: 1px 0;
    font-size: 15px;
    border-color: #35c2f0 !important;
}

    #username-span:hover {
        background-color: black;
        border-radius: 0.4rem;
        color: white;
    }

    #username-span:active {
        background-color: transparent;
        background-image: none;
    }

.gift-item {
    border: solid 2px #d7d1d1;
    border-radius: 10px;
    transition: all 0.2s;
    padding: 10px 0;
    width: 190px;
    height: 250px;
}

.gift-title {
    font-family: 'BRoya';
    background-color: red;
    color: white;
    border-radius: 30px;
    display: block;
    margin: 0px 15px;
    font-size: 30px;
    letter-spacing: -4px;
    line-height: 1;
    vertical-align: middle;
    padding: 5px 0;
}

    .gift-title:after {
        font-family: 'ASPSahel';
        content: attr(data-money);
        font-size: 13px;
        vertical-align: middle;
        letter-spacing: normal;
    }

.gift-img {
    width: 200px;
    margin-bottom: 10px;
}

.gift-item:hover,
.gift-item:focus,
.gift-item:active {
    transform: scale(1.05);
    cursor: pointer;
}


.gift-link {
    text-decoration: none;
    color: transparent;
}

    .gift-link:hover {
        text-decoration: none;
    }

.box {
    position: relative;
    background: #fff;
    /*box-shadow: 0 0 15px rgba(0,0,0,.1);*/
}

/* common */

.ribbon {
    width: 90px;
    height: 90px;
    overflow: hidden;
    position: absolute;
    font-family: 'ASPSahel';
}

    .ribbon:before,
    .ribbon:after {
        position: absolute;
        z-index: 0;
        content: '';
        display: block;
        border: 5px solid #2980b9;
    }

    .ribbon span {
        position: absolute;
        display: block;
        width: 205px;
        padding: 5px 0;
        background-color: #3498db;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
        color: #fff;
        font-family: 'ASPSahel';
        font-size: 15px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
        text-transform: uppercase;
        text-align: center;
    }

/* top left*/

.ribbon-top-left {
    top: -10px;
    left: -10px;
}

    .ribbon-top-left::before,
    .ribbon-top-left::after {
        border-top-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-top-left::before {
        top: 0;
        right: 0;
    }

    .ribbon-top-left::after {
        bottom: 0;
        left: 0;
    }

    .ribbon-top-left span {
        right: -50px;
        top: 20px;
        transform: rotate(-45deg);
    }

/* top right*/

.ribbon-top-right {
    top: -10px;
    right: -10px;
}

    .ribbon-top-right::before,
    .ribbon-top-right::after {
        border-top-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-top-right::before {
        top: 0;
        left: 0;
    }

    .ribbon-top-right::after {
        bottom: 0;
        right: 0;
    }

    .ribbon-top-right span {
        left: -25px;
        top: 30px;
        transform: rotate(45deg);
    }

/* bottom left*/

.ribbon-bottom-left {
    bottom: -10px;
    left: -10px;
}

    .ribbon-bottom-left::before,
    .ribbon-bottom-left::after {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-bottom-left::before {
        bottom: 0;
        right: 0;
    }

    .ribbon-bottom-left::after {
        top: 0;
        left: 0;
    }

    .ribbon-bottom-left span {
        right: -25px;
        bottom: 30px;
        transform: rotate(225deg);
    }



/* bottom right*/

.ribbon-bottom-right {
    bottom: -10px;
    right: -10px;
}

    .ribbon-bottom-right::before,
    .ribbon-bottom-right::after {
        border-bottom-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-bottom-right::before {
        bottom: 0;
        left: 0;
    }

    .ribbon-bottom-right::after {
        top: 0;
        right: 0;
    }

    .ribbon-bottom-right span {
        left: -25px;
        bottom: 30px;
        transform: rotate(-225deg);
    }

/*
.copy-right {
    background-color: #f8f9fa;
    color: #343a40;
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
}
   .copy-right:after {
        position: absolute;
        right: 100%;
        top: 0;
        bottom: 0;
        content: '';
        border-style: solid;
        border-width: 0px 40px 40px 0;
        border-color: transparent #f8f9fa transparent transparent;
        border-color: transparent #f8f9fa transparent transparent;
    }*/

.border-bottom-dashed {
    border-bottom: dashed 1px gray !important;
}

.ad-size {
    max-height: 35vh;
    width: 100%;
}

.select-group {
    border-left: solid 0.01rem #e9e9e9;
    text-decoration: none;
    cursor: pointer;
    margin: 0.25rem 0;
    color: #6c757d;
    text-align: center;
    padding: 0.25rem 1rem;
    display: inline-block;
}

    .select-group:hover, .select-group:active {
        text-decoration: none;
        color: #000;
    }

.group-wrapper {
    overflow: hidden;
    white-space: nowrap;
    overflow-x: scroll;
}

.carousel-item {
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel-indicators.carousel-indicators--thumbnails li {
    margin: 0;
    border: none;
    border-radius: 0;
    text-indent: 0;
    padding: 0.5rem;
    width: 10rem;
    height: 3rem;
    display: inline-block;
}

.carousel-indicators.carousel-indicators--thumbnails {
    overflow: hidden;
    display: inline;
    margin: 0;
    padding: 0;
    float: right;
    position: relative;
}

    .carousel-indicators.carousel-indicators--thumbnails .active {
        background-color: aquamarine;
    }

        .carousel-indicators.carousel-indicators--thumbnails .active .thumbnail {
            border-color: #337ab7;
        }

.item-wrapper {
    text-decoration: none !important;
    text-align: center;
    position: relative;
    display: block;
    margin-bottom: 4rem;
    transition: all 0.4s;
    padding-top: 10px;
}

    .item-wrapper:hover {
        cursor: pointer;
    }

    .item-wrapper .icon {
        display: block;
        margin: 0 auto;
        width: 6rem;
        height: 6rem;
        border-radius: 50%;
        color: white;
        transition: all 0.4s;
        background: #1e5799;
        background: -moz-linear-gradient(-45deg, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
        background: -webkit-linear-gradient(-45deg, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
        background: linear-gradient(135deg, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=1);
    }

    .item-wrapper:hover .icon {
        -webkit-box-shadow: 0 0 1rem 0.3rem #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
        -moz-box-shadow: 0 0 1rem 0.3rem #ccc; /* Firefox 3.5 - 3.6 */
        box-shadow: 0 0 1rem 0.3rem #ccc; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    }

    .item-wrapper .icon:before {
        font-size: 3rem;
        vertical-align: middle;
        line-height: 6rem;
    }

    .item-wrapper .icon img {
        height: 100%;
        width: 3rem;
    }

    .item-wrapper .ex-icon {
        display: block;
        margin: 0 auto;
        width: 6rem;
        height: 6rem;
        border-radius: 50%;
        color: white;
        transition: all 0.4s;
        background: #ffb76b; /* Old browsers */
        background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
    }

    .item-wrapper:hover .ex-icon {
        -webkit-box-shadow: 0 0 1rem 0.3rem #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
        -moz-box-shadow: 0 0 1rem 0.3rem #ccc; /* Firefox 3.5 - 3.6 */
        box-shadow: 0 0 1rem 0.3rem #ccc; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    }

    .item-wrapper .ex-icon:before {
        font-size: 3rem;
        vertical-align: middle;
        line-height: 6rem;
    }

    .item-wrapper .ex-icon img {
        height: 100%;
        width: 3rem;
    }






    .item-wrapper .title {
        display: block;
        /*font-size: 1rem;*/
        border-radius: 1rem;
        margin-top: 0.5rem;
        width: 100%;
        color: #003b7d;
        background: #f2f8fc;
        transition: all 0.4s;
    }

    .item-wrapper:hover .title {
        color: #f8f9fa;
        background: #ffc107;
    }

.card-header-custom {
    height: 3rem;
    line-height: 2.8;
    background-color: #6f42c1;
    color: white;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
}

.card-footer-custom {
    text-align: center;
    padding: 1rem;
}

    .card-footer-custom .btn {
        border-radius: 2rem;
        background-color: #6f42c1;
        color: white;
        border: solid;
    }

.progress {
    border-radius: 0;
}

#types { /*transition: all 0.5s;*/
}

.btn-tpi {
    background-color: #6f42c1 !important;
    color: whitesmoke !important;
}

/*start custom bootstrap select*/

.bootstrap-select-label {
    width: 100%;
    text-align: center;
    border-bottom: dashed 1px lightblue;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    text-align: center;
}

.bootstrap-select .dropdown-menu li a {
    text-align: right;
}

.bootstrap-select.disabled, .bootstrap-select > .disabled {
    color: lightgray !important;
    background-color: lightgrey;
}

.nav-account li:after {
    content: '-';
    color: #f2f2f2;
}

.inputshadow {
    box-shadow: 0px 0px 4px 0px #8d8d8d;
}

:not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) {
    box-shadow: 0px 0px 4px 0px #8d8d8d;
}


.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #000000;
    background-color: #ffc107;
}
/*end custom bootstrap select*/
/*start Footer*/
footer {
    padding-top: 3rem;
    background-color: #727377;
    color: #f2f2f2;
    border-top: solid 0.2rem rgb(5, 168, 196);
}

    footer .logo {
        display: inline-block;
        background: #fff;
        margin: 2px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        height: 100px;
        width: 100px;
        -moz-box-shadow: inset 0 0 10px #d9d9d9;
        -webkit-box-shadow: inset 0 0 10px #d9d9d9;
        box-shadow: inset 0 0 10px #d9d9d9;
        position: relative;
    }

        footer .logo img {
            width: 100%;
            display: block;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            padding: 12px;
        }

    footer ul {
        list-style: none;
        text-align: right;
    }

        footer ul li {
            margin: 0.5rem;
        }

            footer ul li i {
                padding-right: 0.5rem;
            }

            footer ul li a {
                color: #f2f2f2;
            }

                footer ul li a:hover, footer ul li a:active {
                    color: greenyellow;
                    text-decoration: none;
                }
/*end Footer*/