/*
@File: Sparsity Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Default Area CSS
** - Preloader Area CSS
** - Navbar Area CSS
** - Main Banner Area CSS
** - Featured Services Area CSS
** - About Area CSS
** - Services Area CSS
** - Services Details Area CSS
** - Webinar Area CSS
** - Team Area CSS
** - Partner Area CSS
** - Feedback Area CSS
** - Pricing Area CSS
** - Blog Area CSS
** - Blog Details Area CSS
** - Free Trial Area CSS
** - Page Title Area CSS
** - Pagination Area CSS
** - Sidebar Area CSS
** - 404 Error Area CSS
** - FAQ Area CSS
** - Coming Soon Area CSS
** - Shop Area CSS
** - Product Details Area CSS
** - Cart Area CSS
** - Checkout Area CSS
** - Contact Area CSS
** - Footer Area CSS
** - Go Top Area CSS
*/
/*================================================
Default CSS
=================================================*/
@import url("Vazir-FD.css");
@import url("https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap");

body {
    padding: 0;
    margin: 0;
    font-family: "Vazir-FD", sans-serif;
}

a {
    display: block;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
    color: #333333;
}

    a:hover, a:focus {
        text-decoration: none;
        color: #45376f;
    }

button {
    outline: 0 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #333333;
    font-family: "Vazir-FD", sans-serif;
}

.d-table {
    width: 100%;
    height: 100%;
}

.d-table-cell {
    vertical-align: middle;
}

p {
    color: #57647c;
    margin-bottom: 15px;
    line-height: 1.8;
}

    p:last-child {
        margin-bottom: 0;
    }

.ptb-110 {
    padding-top: 50px;
}

img {
    max-width: 100%;
}

.bg-f2f6f9 {
    background-color: #f2f6f9;
}

.bg-fafafa {
    background-color: #fafafa;
}

/*section-title*/
.section-title {
    text-align: center;
    max-width: 670px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
    margin-top: -6px;
}

    .section-title span {
        display: block;
        color: #45376f;
        text-transform: uppercase;
        margin-bottom: 5px;
        font-weight: 600;
        font-size: 15px;
        font-family: "Vazir-FD", sans-serif;
    }

    .section-title h2 {
        margin-bottom: 0;
        font-size: 40px;
        font-weight: 700;
    }

    .section-title p {
        max-width: 520px;
        margin-bottom: 0;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }

/*btn-primary*/
.btn {
    border: none;
    line-height: initial;
    border-radius: 30px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 10px 32px 12px;
    position: relative;
    z-index: 1;
    opacity: 1 !important;
    font-size: 16px;
    font-family: "Vazir-FD", sans-serif;
}

.btn-primary {
    color: #ffffff;
}

    .btn-primary.disabled, .btn-primary:disabled {
        color: #ffffff;
        background-color: #45376f;
    }

    .btn-primary:hover, .btn-primary:focus {
        background-color: #4ac728 !important;
        color: #ffffff !important;
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
    }

/*learn-more-btn*/
.learn-more-btn {
    display: inline-block;
    position: relative;
    color: #45376f;
    letter-spacing: .5px;
    font-size: 15px;
    font-weight: 600;
    font-family: "Vazir-FD", sans-serif;
}

    .learn-more-btn i {
        margin-left: 2px;
        position: relative;
        top: -0.6px;
    }

        .learn-more-btn i::before {
            font-size: 11px;
        }

    .learn-more-btn::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        background: #45376f;
        height: 1px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .learn-more-btn:hover {
        color: #45376f;
    }

        .learn-more-btn:hover::before {
            width: 100%;
            opacity: 1;
            visibility: visible;
        }

.form-control:hover, .form-control:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.form-control::-webkit-input-placeholder {
    color: #999999;
}

.form-control:-ms-input-placeholder {
    color: #999999;
}

.form-control::-ms-input-placeholder {
    color: #999999;
}

.form-control::placeholder {
    color: #999999;
}

.form-control:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-color: #45376f;
}

/*================================================
Preloader Area CSS
=================================================*/
.preloader {
    position: fixed;
    left: 0;
    width: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 9999999;
    -webkit-transition: .9s;
    transition: .9s;
}

    .preloader .loader {
        position: absolute;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: inline-block;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 45%;
        -webkit-transform: translateY(-45%);
        transform: translateY(-45%);
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

        .preloader .loader .loader-outter {
            position: absolute;
            border: 4px solid #ffffff;
            border-left-color: transparent;
            border-bottom: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            -webkit-animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
            animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
        }

        .preloader .loader .loader-inner {
            position: absolute;
            border: 4px solid #ffffff;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            left: calc(50% - 20px);
            top: calc(50% - 20px);
            border-right: 0;
            border-top-color: transparent;
            -webkit-animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
            animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
        }

    .preloader::before, .preloader::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 60%;
        z-index: -1;
        background: #45376f;
        -webkit-transition: .9s;
        transition: .9s;
    }

    .preloader::after {
        top: auto;
        bottom: 0;
    }

    .preloader.preloader-deactivate {
        visibility: hidden;
    }

        .preloader.preloader-deactivate::after, .preloader.preloader-deactivate::before {
            height: 0;
        }

        .preloader.preloader-deactivate .loader {
            opacity: 0;
            visibility: hidden;
        }

@-webkit-keyframes loader-outter {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader-outter {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loader-inner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes loader-inner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

/*================================================
Navbar Area CSS
=================================================*/
.sparsity-responsive-nav {
    display: none;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}

    .navbar-brand img.optional-logo {
        display: none;
    }

.sparsity-nav {
    background-color: transparent;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;
    padding-left: 20px;
}

    .sparsity-nav .navbar {
        padding-right: 0;
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 0;
    }

        .sparsity-nav .navbar ul {
            padding-left: 0;
            list-style-type: none;
            margin-bottom: 0;
        }

        .sparsity-nav .navbar .navbar-nav {
            font-family: "Vazir-FD", sans-serif;
            margin-left: auto;
        }

            .sparsity-nav .navbar .navbar-nav .nav-item {
                position: relative;
                padding-top: 15px;
                padding-bottom: 15px;
                padding-left: 0;
                padding-right: 0;
            }

                .sparsity-nav .navbar .navbar-nav .nav-item a {
                    font-size: 17px;
                    text-transform: capitalize;
                    padding-left: 0;
                    padding-right: 0;
                    padding-top: 0;
                    padding-bottom: 0;
                    margin-left: 13px;
                    margin-right: 13px;
                }

                    .sparsity-nav .navbar .navbar-nav .nav-item a:hover, .sparsity-nav .navbar .navbar-nav .nav-item a:focus, .sparsity-nav .navbar .navbar-nav .nav-item a.active {
                        color: #45376f;
                    }

                    .sparsity-nav .navbar .navbar-nav .nav-item a i {
                        font-size: 10px;
                    }

                .sparsity-nav .navbar .navbar-nav .nav-item:last-child a {
                    margin-right: 0;
                }

                .sparsity-nav .navbar .navbar-nav .nav-item:first-child a {
                    margin-left: 0;
                }

                .sparsity-nav .navbar .navbar-nav .nav-item:hover a, .sparsity-nav .navbar .navbar-nav .nav-item:focus a, .sparsity-nav .navbar .navbar-nav .nav-item.active a {
                    color: #45376f;
                }

                .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu {
                    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
                    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
                    background: #ffffff;
                    position: absolute;
                    border: none;
                    top: 20px;
                    left: 0;
                    width: 50px;
                    z-index: 99;
                    display: block;
                    opacity: 50;
                    visibility: hidden;
                    border-radius: 0;
                    -webkit-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    padding-top: 20px;
                    padding-left: 5px;
                    padding-right: 5px;
                    padding-bottom: 20px;
                }

                    .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
                        padding: 0;
                    }

                        .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
                            text-transform: capitalize;
                            padding: 8px 15px;
                            margin: 0;
                            color: #333333;
                            font-size: 16px;
                        }

                            .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
                                color: #45376f;
                            }

                        .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
                            left: 220px;
                            top: 0;
                            opacity: 0;
                            visibility: hidden;
                        }

                            .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
                                color: #333333;
                            }

                                .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
                                    color: #45376f;
                                }

                            .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
                                left: 220px;
                                top: 0;
                                opacity: 0;
                                visibility: hidden;
                            }

                                .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                                    color: #333333;
                                    text-transform: capitalize;
                                }

                                    .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
                                        color: #45376f;
                                    }

                                .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
                                    left: -250px;
                                    top: 0;
                                    opacity: 0;
                                    visibility: hidden;
                                }

                                    .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                                        color: #333333;
                                        text-transform: capitalize;
                                    }

                                        .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
                                            color: #45376f;
                                        }

                                    .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
                                        left: -250px;
                                        top: 0;
                                        opacity: 0;
                                        visibility: hidden;
                                    }

                                        .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                                            color: #333333;
                                            text-transform: capitalize;
                                        }

                                            .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
                                                color: #45376f;
                                            }

                                        .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
                                            left: -250px;
                                            top: 0;
                                            opacity: 0;
                                            visibility: hidden;
                                        }

                                            .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                                                color: #333333;
                                                text-transform: capitalize;
                                            }

                                                .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
                                                    color: #45376f;
                                                }

                                            .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
                                                left: -250px;
                                                top: 0;
                                                opacity: 0;
                                                visibility: hidden;
                                            }

                                                .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                                                    color: #333333;
                                                    text-transform: capitalize;
                                                }

                                                    .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
                                                        color: #45376f;
                                                    }

                                            .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
                                                color: #45376f;
                                            }

                                            .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
                                                opacity: 1;
                                                visibility: visible;
                                                top: -15px;
                                            }

                                        .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
                                            color: #45376f;
                                        }

                                        .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
                                            opacity: 1;
                                            visibility: visible;
                                            top: -15px;
                                        }

                                    .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
                                        color: #45376f;
                                    }

                                    .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
                                        opacity: 1;
                                        visibility: visible;
                                        top: -15px;
                                    }

                                .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
                                    color: #45376f;
                                }

                                .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
                                    opacity: 1;
                                    visibility: visible;
                                    top: -15px;
                                }

                            .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
                                color: #45376f;
                            }

                            .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
                                opacity: 1;
                                visibility: visible;
                                top: -15px;
                            }

                        .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
                            color: #45376f;
                        }

                        .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
                            opacity: 1;
                            visibility: visible;
                            top: -15px;
                        }

                .sparsity-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
                    opacity: 1;
                    visibility: visible;
                    top: 100%;
                }

        .sparsity-nav .navbar .others-options {
            margin-left: 20px;
        }

            .sparsity-nav .navbar .others-options .cart-btn {
                display: inline-block;
                position: relative;
                top: 3px;
                color: #ffffff;
            }

                .sparsity-nav .navbar .others-options .cart-btn:hover {
                    color: #45376f;
                }

            .sparsity-nav .navbar .others-options .btn {
                margin-left: 15px;
            }

            .sparsity-nav .navbar .others-options .btn-primary {
                background-color: #ffffff;
                color: #45376f;
            }

                .sparsity-nav .navbar .others-options .btn-primary:hover {
                    color: #ffffff !important;
                    background-color: #45376f !important;
                }

            .sparsity-nav .navbar .others-options .option-item {
                color: #333333;
                display: inline-block;
                position: relative;
                line-height: initial;
                margin-left: 15px;
                top: 4px;
            }

                .sparsity-nav .navbar .others-options .option-item .search-btn {
                    cursor: pointer;
                    -webkit-transition: 0.5s;
                    transition: 0.5s;
                    color: #ffffff;
                }

                    .sparsity-nav .navbar .others-options .option-item .search-btn::before {
                        font-size: 17px;
                    }

                    .sparsity-nav .navbar .others-options .option-item .search-btn:hover {
                        color: #45376f;
                    }

                .sparsity-nav .navbar .others-options .option-item .close-btn {
                    cursor: pointer;
                    display: none;
                    font-size: 17px;
                    -webkit-transition: 0.5s;
                    transition: 0.5s;
                    width: 17px;
                    color: #ffffff;
                }

                    .sparsity-nav .navbar .others-options .option-item .close-btn.active {
                        display: block;
                    }

                    .sparsity-nav .navbar .others-options .option-item .close-btn:hover {
                        color: #45376f;
                    }

.navbar-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 999;
    background-color: transparent;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .navbar-area.is-sticky {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
        box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
        background: #ffffff !important;
        -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

        .navbar-area.is-sticky .sparsity-nav {
            background-color: #2e358e;
            padding-top: 10px;
            padding-bottom: 10px;
        }

            .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item a {
                color: #333333;
            }

                .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item a:hover, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item a:focus, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item a.active {
                    color: #45376f;
                }

            .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item:hover a, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item:focus a, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item.active a {
                color: #45376f;
            }

            .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
                color: #333333;
            }

                .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
                    color: #45376f;
                }

            .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
                color: #333333;
            }

                .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
                    color: #45376f;
                }

            .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                color: #333333;
            }

                .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
                    color: #45376f;
                }

            .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                color: #333333;
            }

                .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
                    color: #45376f;
                }

            .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                color: #333333;
            }

                .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
                    color: #45376f;
                }

            .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                color: #333333;
            }

                .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
                    color: #45376f;
                }

            .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
                color: #333333;
            }

                .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
                    color: #45376f;
                }

            .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
                color: #45376f;
            }

            .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
                color: #45376f;
            }

            .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
                color: #45376f;
            }

            .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
                color: #45376f;
            }

            .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
                color: #45376f;
            }

            .navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
                color: #45376f;
            }

            .navbar-area.is-sticky .sparsity-nav .navbar .others-options .cart-btn {
                color: #333333;
            }

                .navbar-area.is-sticky .sparsity-nav .navbar .others-options .cart-btn:hover {
                    color: #45376f;
                }

            .navbar-area.is-sticky .sparsity-nav .navbar .others-options .btn-primary {
                background-color: #45376f;
                color: #2e358e;
            }

                .navbar-area.is-sticky .sparsity-nav .navbar .others-options .btn-primary:hover {
                    color: #2e358e !important;
                    background-color: #4ac728 !important;
                }

            .navbar-area.is-sticky .sparsity-nav .navbar .others-options .option-item {
                color: #333333;
            }

                .navbar-area.is-sticky .sparsity-nav .navbar .others-options .option-item .search-btn {
                    color: #333333;
                }

                    .navbar-area.is-sticky .sparsity-nav .navbar .others-options .option-item .search-btn:hover {
                        color: #45376f;
                    }

                .navbar-area.is-sticky .sparsity-nav .navbar .others-options .option-item .close-btn {
                    color: #333333;
                }

                    .navbar-area.is-sticky .sparsity-nav .navbar .others-options .option-item .close-btn:hover {
                        color: #45376f;
                    }

        .navbar-area.is-sticky .navbar-brand {
            padding-top: 0;
            padding-bottom: 0;
        }

            .navbar-area.is-sticky .navbar-brand img.main-logo {
                display: none;
            }

            .navbar-area.is-sticky .navbar-brand img.optional-logo {
                display: block;
            }

    .navbar-area.navbar-style-two .sparsity-nav {
        padding-left: 0;
        padding-right: 0;
    }

.search-overlay {
    display: none;
}

    .search-overlay.search-popup {
        position: absolute;
        top: 100%;
        width: 300px;
        right: 0;
        background: #2e358e;
        z-index: 2;
        padding: 20px;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
        margin-top: 20px;
    }

        .search-overlay.search-popup .search-form {
            position: relative;
        }

            .search-overlay.search-popup .search-form .search-input {
                display: block;
                width: 100%;
                height: 40px;
                line-height: initial;
                border: 1px solid #eeeeee;
                padding-left: 10px;
                color: #333333;
                outline: 0;
                -webkit-transition: 0.5s;
                transition: 0.5s;
            }

                .search-overlay.search-popup .search-form .search-input:focus {
                    border-color: #45376f;
                }

            .search-overlay.search-popup .search-form .search-button {
                position: absolute;
                right: 0;
                top: 0;
                height: 40px;
                background: transparent;
                border: none;
                width: 40px;
                outline: 0;
                color: #57647c;
                -webkit-transition: 0.5s;
                transition: 0.5s;
            }

                .search-overlay.search-popup .search-form .search-button:hover, .search-overlay.search-popup .search-form .search-button:focus {
                    color: #45376f;
                }

@media only screen and (max-width: 991px) {
    .navbar-area {
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .navbar-area.is-sticky {
            border-bottom: none;
            -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
        }

            .navbar-area.is-sticky .sparsity-responsive-nav .logo img.main-logo {
                display: none;
            }

            .navbar-area.is-sticky .sparsity-responsive-nav .logo img.optional-logo {
                display: block;
            }

            .navbar-area.is-sticky .sparsity-responsive-nav .mean-container a.meanmenu-reveal {
                color: #333333;
            }

                .navbar-area.is-sticky .sparsity-responsive-nav .mean-container a.meanmenu-reveal span {
                    background: #333333;
                }

            .navbar-area.is-sticky .others-options .cart-btn {
                color: #333333;
            }

                .navbar-area.is-sticky .others-options .cart-btn:hover {
                    color: #45376f;
                }

    .sparsity-responsive-nav {
        display: block;
    }

        .sparsity-responsive-nav .sparsity-responsive-menu {
            position: relative;
        }

            .sparsity-responsive-nav .sparsity-responsive-menu.mean-container .mean-nav ul {
                font-size: 14px;
            }

                .sparsity-responsive-nav .sparsity-responsive-menu.mean-container .mean-nav ul li a.active {
                    color: #45376f;
                }

                .sparsity-responsive-nav .sparsity-responsive-menu.mean-container .mean-nav ul li li a {
                    font-size: 13.5px;
                }

            .sparsity-responsive-nav .sparsity-responsive-menu.mean-container .navbar-nav {
                overflow-y: scroll;
                height: 350px;
                -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
                box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
            }

        .sparsity-responsive-nav .mean-container a.meanmenu-reveal {
            color: #2e358e;
        }

        .sparsity-responsive-nav .logo {
            position: relative;
            width: 50%;
            z-index: 999;
        }

            .sparsity-responsive-nav .logo img.optional-logo {
                display: none;
            }

    .others-options {
        position: absolute;
        right: 55px;
        top: 7px;
    }

        .others-options .btn, .others-options .option-item {
            display: none;
        }

        .others-options .cart-btn {
            color: #2e358e;
        }

            .others-options .cart-btn:hover {
                color: #45376f;
            }

    .sparsity-nav {
        display: none;
    }
}

/*================================================
Main Banner Area CSS
=================================================*/
.main-banner {
    height: 400px;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .main-banner .container-fluid {
        padding-left: 100px;
        padding-right: 100px;
    }

.main-banner-content {
    margin-top: -160px;
    max-width: 720px;
}

    .main-banner-content h1 {
        color: #ffffff;
        margin-bottom: 0;
        line-height: 1.1;
        font-size: 55px;
        font-weight: 700;
    }

    .main-banner-content p {
        font-size: 15px;
        color: #ffffff;
        max-width: 600px;
        margin-top: 25px;
        margin-bottom: 0;
    }

    .main-banner-content .btn-box {
        margin-top: 30px;
    }

        .main-banner-content .btn-box .optional-btn {
            display: inline-block;
            color: #ffffff;
            position: relative;
            margin-left: 20px;
            font-family: "Vazir-FD", sans-serif;
            font-size: 16px;
            font-weight: 700;
        }

            .main-banner-content .btn-box .optional-btn::before {
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 2px;
                background-color: #ffffff;
                -webkit-transition: 0.5s;
                transition: 0.5s;
            }

            .main-banner-content .btn-box .optional-btn::after {
                content: '';
                position: absolute;
                right: 0;
                bottom: 0;
                width: 0;
                height: 2px;
                background-color: #45376f;
                -webkit-transition: 0.5s;
                transition: 0.5s;
            }

            .main-banner-content .btn-box .optional-btn:hover {
                color: #ffffff;
            }

                .main-banner-content .btn-box .optional-btn:hover::before {
                    width: 0;
                }

                .main-banner-content .btn-box .optional-btn:hover::after {
                    width: 100%;
                    right: auto;
                    left: 0;
                }

/*================================================
Featured Services Area CSS
=================================================*/
.featured-services-area {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    background-color: transparent;
}

.single-featured-services-box {
    position: relative;
    z-index: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 20px 25px;
}

    .single-featured-services-box .icon {
        margin-bottom: 5px;
        color: #45376f;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

        .single-featured-services-box .icon i {
            font-size: 45px;
        }

            .single-featured-services-box .icon i::before {
                font-size: 45px;
            }

    .single-featured-services-box h3 {
        margin-bottom: 0;
        color: #ffffff;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        font-size: 23px;
        font-weight: 700;
    }

        .single-featured-services-box h3 a {
            color: #ffffff;
        }

    .single-featured-services-box p {
        color: #dddddd;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        margin-top: 12px;
        margin-bottom: 0;
    }

    .single-featured-services-box::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background-color: #45376f;
        width: 2px;
        height: 100%;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        z-index: -1;
    }

    .single-featured-services-box:hover .icon, .single-featured-services-box.active .icon {
        color: #ffffff;
    }

    .single-featured-services-box:hover h3, .single-featured-services-box.active h3 {
        color: #ffffff;
    }

        .single-featured-services-box:hover h3 a, .single-featured-services-box.active h3 a {
            color: #ffffff;
        }

    .single-featured-services-box:hover p, .single-featured-services-box.active p {
        color: #f0f0f0;
    }

    .single-featured-services-box:hover::before, .single-featured-services-box.active::before {
        width: 100%;
    }

/*================================================
About Area CSS
=================================================*/
.about-area {
    position: relative;
    z-index: 1;
}

.about-image {
    position: relative;
    padding-bottom: 0px;
}

    .about-image img:nth-child(2) {
        position: absolute;
        right: 0;
        bottom: 0;
        border-radius: 0 10px 0 0;
    }

.about-content {
    padding-left: 25px;
}

    .about-content h2 {
        margin-bottom: 18px;
        line-height: 1.3;
        font-size: 40px;
        font-weight: 700;
    }

    .about-content p {
        margin-bottom: 13px;
    }

    .about-content .btn {
        margin-top: 7px;
    }

.about-inner-area {
    margin-top: 60px;
}

.about-text h3 {
    margin-bottom: 0;
    font-size: 23px;
    font-weight: 700;
}

.about-text p {
    margin-top: 13px;
    margin-bottom: 0;
}

.shape-img1 {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: -1;
    opacity: .40;
}

.shape-img2 {
    position: absolute;
    left: 5%;
    top: 5%;
    z-index: -1;
    -webkit-animation-name: rotateMe;
    animation-name: rotateMe;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.shape-img7 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    opacity: .20;
    -webkit-animation: rotate3d 4s linear infinite;
    animation: rotate3d 4s linear infinite;
}

.shape-img3 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    opacity: .10;
    -webkit-animation: rotate3d 4s linear infinite;
    animation: rotate3d 4s linear infinite;
}

.shape-img4 {
    position: absolute;
    right: 40%;
    bottom: 8%;
    z-index: -1;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear;
}

.shape-img5 {
    position: absolute;
    right: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
    opacity: 0.7;
    -webkit-animation-name: rotateMe;
    animation-name: rotateMe;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.shape-img6 {
    position: absolute;
    left: 2%;
    bottom: 0;
    z-index: -1;
    opacity: .40;
    -webkit-animation: moveLeftBounce 5s linear infinite;
    animation: moveLeftBounce 5s linear infinite;
}

.dot-shape1 {
    position: absolute;
    top: 5%;
    left: 50%;
    z-index: -1;
    -webkit-animation: animationFramesTwo 40s infinite linear;
    animation: animationFramesTwo 40s infinite linear;
    opacity: 0.5;
}

.dot-shape2 {
    position: absolute;
    left: 5%;
    top: 45%;
    z-index: -1;
    -webkit-animation: animationFramesTwo 30s infinite linear;
    animation: animationFramesTwo 30s infinite linear;
    opacity: 0.5;
}

.dot-shape4 {
    position: absolute;
    right: 15%;
    top: 50%;
    z-index: -1;
    -webkit-animation: rotate3d 4s linear infinite;
    animation: rotate3d 4s linear infinite;
}

.dot-shape5 {
    position: absolute;
    left: 30%;
    top: 50%;
    z-index: -1;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear;
}

.dot-shape6 {
    position: absolute;
    right: 45%;
    bottom: 5%;
    z-index: -1;
    -webkit-animation: rotate3d 4s linear infinite;
    animation: rotate3d 4s linear infinite;
}

@-webkit-keyframes moveBounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

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

@keyframes moveBounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

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

@-webkit-keyframes rotateMe {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotateMe {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }

    20% {
        -webkit-transform: translate(-73px, 1px) rotate(-36deg);
        transform: translate(-73px, 1px) rotate(-36deg);
    }

    40% {
        -webkit-transform: translate(-141px, -72px) rotate(-72deg);
        transform: translate(-141px, -72px) rotate(-72deg);
    }

    60% {
        -webkit-transform: translate(-83px, -122px) rotate(-108deg);
        transform: translate(-83px, -122px) rotate(-108deg);
    }

    80% {
        -webkit-transform: translate(40px, -72px) rotate(-144deg);
        transform: translate(40px, -72px) rotate(-144deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}

@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }

    20% {
        -webkit-transform: translate(-73px, 1px) rotate(-36deg);
        transform: translate(-73px, 1px) rotate(-36deg);
    }

    40% {
        -webkit-transform: translate(-141px, -72px) rotate(-72deg);
        transform: translate(-141px, -72px) rotate(-72deg);
    }

    60% {
        -webkit-transform: translate(-83px, -122px) rotate(-108deg);
        transform: translate(-83px, -122px) rotate(-108deg);
    }

    80% {
        -webkit-transform: translate(40px, -72px) rotate(-144deg);
        transform: translate(40px, -72px) rotate(-144deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}

@-webkit-keyframes moveLeftBounce {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

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

@keyframes moveLeftBounce {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

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

@-webkit-keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
        transform: translate(73px, -1px) rotate(36deg);
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform: translate(141px, 72px) rotate(72deg);
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform: translate(83px, 122px) rotate(108deg);
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform: translate(-40px, 72px) rotate(144deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}

@keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
        transform: translate(73px, -1px) rotate(36deg);
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform: translate(141px, 72px) rotate(72deg);
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform: translate(83px, 122px) rotate(108deg);
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform: translate(-40px, 72px) rotate(144deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}

/*================================================
Services Area CSS
=================================================*/
.services-area {
    position: relative;
    z-index: 1;
}

    .services-area .pagination-area {
        margin-bottom: 30px;
    }

.single-services-box {
    background-color: #ffffff;
    margin-bottom: 30px;
    padding: 30px 25px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
}

    .single-services-box .icon1 {
        margin-bottom: 18px;
        border-radius: 5px;
        width: 75px;
        height: 75px;
        line-height: 75px;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        text-align: center;
        color: #ffffff;
    }

    .single-services-box .icon i::before {
        font-size: 35px;
    }

    .single-services-box h3 {
        margin-bottom: 0;
        font-size: 23px;
        font-weight: 700;
    }

    .single-services-box p {
        margin-top: 12px;
        margin-bottom: 0;
    }

    .single-services-box::before {
        content: '';
        height: 3px;
        width: 20px;
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: #45376f;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .single-services-box:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
    }

        .single-services-box:hover .icon {
            background-color: #45376f;
            color: #ffffff;
        }

        .single-services-box:hover::before {
            width: 100%;
            height: 4px;
        }

/*================================================
Services Details Area CSS
=================================================*/
.services-details-overview {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 50px;
}

    .services-details-overview:first-child {
        margin-top: 0;
    }

    .services-details-overview .services-details-desc {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 15px;
        padding-left: 15px;
    }

        .services-details-overview .services-details-desc h3 {
            margin-bottom: 15px;
            font-size: 23px;
            font-weight: 700;
        }

        .services-details-overview .services-details-desc .services-details-accordion .accordion {
            list-style-type: none;
            padding-left: 0;
            margin-bottom: 0;
            margin-top: 25px;
        }

            .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-item {
                display: block;
                -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
                box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
                background: #ffffff;
                margin-bottom: 10px;
            }

                .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-item:last-child {
                    margin-bottom: 0;
                }

            .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title {
                padding: 12px 20px 12px 51px;
                color: #333333;
                position: relative;
                border-bottom: 1px solid transparent;
                margin-bottom: -1px;
                font-size: 15px;
                font-weight: 700;
                font-family: "Vazir-FD", sans-serif;
            }

                .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title i {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 40px;
                    text-align: center;
                    height: 100%;
                    background: #45376f;
                    color: #ffffff;
                }

                    .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title i::before {
                        position: absolute;
                        left: 0;
                        top: 50%;
                        right: 0;
                        -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                        font-size: 13px;
                    }

                .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title.active {
                    border-bottom-color: #eeeeee;
                }

                    .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title.active i::before {
                        content: "\f068";
                    }

            .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-content {
                display: none;
                position: relative;
                padding: 15px 15px;
            }

                .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-content.show {
                    display: block;
                }

    .services-details-overview .services-details-image {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 15px;
        padding-left: 15px;
    }

/*================================================
Webinar Area CSS
=================================================*/
.webinar-content {
    margin-left: auto;
    max-width: 555px;
    padding-top: 150px;
    padding-bottom: 150px;
    padding-right: 87px;
}

    .webinar-content h2 {
        margin-bottom: 15px;
        font-size: 40px;
        font-weight: 700;
    }

    .webinar-content p {
        margin-bottom: 20px;
    }

.webinar-video-image {
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/Bearings.jpg);
}

    .webinar-video-image img {
        display: none;
    }

    .webinar-video-image .video-btn {
        position: absolute;
        left: -45px;
        display: inline-block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 90px;
        height: 90px;
        line-height: 90px;
        background-color: #45376f;
        border-radius: 50%;
        color: #ffffff;
        z-index: 1;
    }

        .webinar-video-image .video-btn i::before {
            font-size: 38px;
        }

        .webinar-video-image .video-btn::after, .webinar-video-image .video-btn::before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            z-index: -1;
            bottom: 0;
            left: 0;
            border-radius: 50%;
            border: 1px solid #45376f;
        }

        .webinar-video-image .video-btn::before {
            -webkit-animation: ripple 2s linear infinite;
            animation: ripple 2s linear infinite;
        }

        .webinar-video-image .video-btn::after {
            -webkit-animation: ripple 2s linear 1s infinite;
            animation: ripple 2s linear 1s infinite;
        }

        .webinar-video-image .video-btn:hover, .webinar-video-image .video-btn:focus {
            background-color: #4ac728;
            color: #ffffff;
        }

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

    75% {
        -webkit-transform: scale(1.75);
        transform: scale(1.75);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

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

    75% {
        -webkit-transform: scale(1.75);
        transform: scale(1.75);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

/*================================================
Team Area CSS
=================================================*/
.team-area {
    padding-bottom: 80px;
}

.single-team-box {
    margin-bottom: 30px;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    background-color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
}

    .single-team-box .image {
        position: relative;
        overflow: hidden;
    }

        .single-team-box .image img {
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

        .single-team-box .image .social {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            z-index: 2;
            text-decoration: none;
            opacity: 0;
            margin-top: -100px;
            padding: 8px 15px;
            background: #ffffff;
            border-radius: 35px;
            visibility: hidden;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

            .single-team-box .image .social a {
                display: inline-block;
                color: #45376f;
                font-size: 17px;
                margin: 0 7px;
            }

                .single-team-box .image .social a:hover {
                    color: #4ac728;
                }

    .single-team-box .content {
        padding: 25px;
        position: relative;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

        .single-team-box .content h3 {
            margin-bottom: 0;
            -webkit-transition: 0.5s;
            transition: 0.5s;
            font-size: 23px;
            font-weight: 700;
        }

        .single-team-box .content span {
            display: block;
            margin-top: 8px;
            color: #45376f;
            -webkit-transition: 0.5s;
            transition: 0.5s;
            font-family: "Vazir-FD", sans-serif;
            font-size: 15px;
            font-weight: 500;
        }

    .single-team-box:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

        .single-team-box:hover .image img {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

        .single-team-box:hover .image .social {
            opacity: 1;
            margin-top: 0;
            visibility: visible;
        }

        .single-team-box:hover .content {
            background-color: #45376f;
        }

            .single-team-box:hover .content h3 {
                color: #ffffff;
            }

            .single-team-box:hover .content span {
                color: #ffffff;
            }

/*================================================
Partner Area CSS
=================================================*/
.partner-area {
    padding-bottom: 100px;
}

.customers-partner-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.partner-item {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 5px;
    padding-right: 5px;
}

    .partner-item a {
        display: block;
        padding: 25px;
        background: #ffffff;
        text-align: center;
        position: relative;
        margin-bottom: 10px;
    }

        .partner-item a::before, .partner-item a::after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

        .partner-item a::before {
            left: 0;
            top: 0;
            border-left: 3px solid #45376f;
            border-top: 3px solid #45376f;
        }

        .partner-item a::after {
            right: 0;
            bottom: 0;
            border-right: 3px solid #45376f;
            border-bottom: 3px solid #45376f;
        }

        .partner-item a img {
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

        .partner-item a:hover::after, .partner-item a:hover::before {
            width: 40px;
            height: 40px;
            opacity: 1;
            visibility: visible;
        }

        .partner-item a:hover img {
            -webkit-transform: scale(0.8);
            transform: scale(0.8);
        }

    .partner-item:nth-child(6) {
        margin-left: 10%;
    }

/*================================================
Feedback Area CSS
=================================================*/
.feedback-area {
    position: relative;
    z-index: 1;
}

.feedback-item {
    position: relative;
    z-index: 3;
    margin-left: auto;
    max-width: 555px;
    padding-top: 100px;
    padding-bottom: 100px;
}

    .feedback-item p {
        margin-bottom: 0;
        color: #ffffff;
        font-size: 19px;
        font-style: italic;
    }

    .feedback-item::before {
        content: "\f113";
        color: #f8b5a6;
        display: inline-block;
        position: relative;
        margin-top: -15px;
        font-style: normal;
        font-size: 50px;
        font-family: Flaticon;
    }

    .feedback-item .client-info {
        margin-top: 20px;
    }

        .feedback-item .client-info img {
            width: 75px !important;
            display: none !important;
            margin-bottom: 15px;
            border-radius: 5px;
        }

        .feedback-item .client-info h3 {
            margin-bottom: 0;
            color: #ffffff;
            font-size: 18px;
            font-weight: 700;
        }

        .feedback-item .client-info span {
            display: block;
            font-weight: 300;
            margin-top: 4px;
            color: #ffffff;
        }

    .feedback-item::after {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        background-color: #45376f;
        z-index: -1;
        display: none;
    }

.client-image {
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .client-image img {
        display: none !important;
        width: auto !important;
    }

    .client-image.bg1 {
        background-image: url(../img/client/1.jpg);
    }

    .client-image.bg2 {
        background-image: url(../img/client/2.jpg);
    }

    .client-image.bg3 {
        background-image: url(../img/client/3.jpg);
    }

.feedback-slides.owl-theme .owl-stage .owl-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 68%;
    height: 100%;
    z-index: 1;
    background-image: url(../img/1.png);
    background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
}

.feedback-slides.owl-theme .owl-nav {
    margin-top: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
}

    .feedback-slides.owl-theme .owl-nav [class*=owl-] {
        position: absolute;
        left: 50px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: transparent !important;
        color: #ffffff;
        outline: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        font-size: 50px;
    }

        .feedback-slides.owl-theme .owl-nav [class*=owl-] i::before {
            font-size: 50px;
        }

        .feedback-slides.owl-theme .owl-nav [class*=owl-].owl-next {
            left: auto;
            right: 50px;
        }

.feedback-slides.owl-theme:hover .owl-nav {
    opacity: 1;
    visibility: visible;
}

.feedback-slides.owl-theme .owl-dots {
    position: absolute;
    left: 0;
    bottom: 15px;
    right: 0;
}

    .feedback-slides.owl-theme .owl-dots .owl-dot {
        outline: 0;
    }

        .feedback-slides.owl-theme .owl-dots .owl-dot span {
            background-color: #ffffff;
            -webkit-transition: 0.5s;
            transition: 0.5s;
            margin: 0 4px;
            border-radius: 50%;
            width: 12px;
            height: 12px;
        }

        .feedback-slides.owl-theme .owl-dots .owl-dot.active span, .feedback-slides.owl-theme .owl-dots .owl-dot:hover span {
            background-color: #3a3a3a;
        }

/*================================================
Pricing Area CSS
=================================================*/
.pricing-area {
    position: relative;
    z-index: 1;
    padding-bottom: 80px;
}

.single-pricing-box {
    background-color: #ffffff;
    margin-bottom: 30px;
    padding: 30px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 5px;
}

    .single-pricing-box .pricing-header h3 {
        margin-bottom: 0;
        font-size: 26px;
        font-weight: 700;
    }

    .single-pricing-box .pricing-header p {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        line-height: 1.6;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .single-pricing-box .price {
        font-size: 50px;
        font-weight: 700;
        font-family: "Vazir-FD", sans-serif;
        margin-bottom: 10px;
    }

        .single-pricing-box .price span {
            display: inline-block;
            margin-left: -7px;
            font-size: 20px;
            font-weight: 600;
        }

    .single-pricing-box .buy-btn {
        margin-bottom: 25px;
    }

        .single-pricing-box .buy-btn .btn-primary::after {
            background: -webkit-gradient(linear, left bottom, right top, from(#a3a3a3), color-stop(#9a9a9a), color-stop(#909090), color-stop(#878787), to(#7e7e7e));
            background: linear-gradient(to right top, #a3a3a3, #9a9a9a, #909090, #878787, #7e7e7e);
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            -webkit-transition: 0.5s;
            transition: 0.5s;
            z-index: -1;
            border-radius: 30px;
        }

    .single-pricing-box .pricing-features {
        padding-left: 0;
        margin-bottom: 0;
        list-style-type: none;
    }

        .single-pricing-box .pricing-features li {
            margin-bottom: 12px;
            color: #57647c;
            position: relative;
            padding-left: 19px;
        }

            .single-pricing-box .pricing-features li:last-child {
                margin-bottom: 0;
            }

            .single-pricing-box .pricing-features li i {
                color: #45376f;
                font-size: 12px;
                position: absolute;
                left: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

                .single-pricing-box .pricing-features li i::before {
                    font-size: 12px;
                }

    .single-pricing-box:hover, .single-pricing-box.active {
        -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
        background-color: #ffffff;
        border-color: #ffffff;
    }

        .single-pricing-box:hover .buy-btn .btn-primary::after, .single-pricing-box.active .buy-btn .btn-primary::after {
            opacity: 0;
            visibility: hidden;
        }

.tabs-item {
    display: none;
}

    .tabs-item:first-child {
        display: block;
    }

.pricing-tab .tabs {
    padding-left: 0;
    margin-bottom: 45px;
    list-style-type: none;
    text-align: center;
}

    .pricing-tab .tabs li {
        display: inline-block;
    }

        .pricing-tab .tabs li a {
            background-color: #ffffff;
            padding: 10px 30px 11px;
            margin-left: -2px;
            margin-right: -2px;
            font-family: "Vazir-FD", sans-serif;
            font-weight: 600;
            font-size: 16px;
        }

            .pricing-tab .tabs li a:hover {
                color: #ffffff;
                background-color: #333333;
            }

        .pricing-tab .tabs li.current a {
            color: #ffffff;
            background-color: #333333;
        }

        .pricing-tab .tabs li:nth-child(1) a {
            border-radius: 5px 0 0 5px;
        }

            .pricing-tab .tabs li:nth-child(1) a::before {
                border-radius: 5px 0 0 5px;
            }

        .pricing-tab .tabs li:nth-child(2) a {
            border-radius: 0 5px 5px 0;
        }

            .pricing-tab .tabs li:nth-child(2) a::before {
                border-radius: 0 5px 5px 0;
            }

/*================================================
Blog Area CSS
=================================================*/
.blog-area {
    position: relative;
    z-index: 1;
    padding-bottom: 80px;
}

    .blog-area .pagination-area {
        margin-bottom: 30px;
    }

.single-blog-post {
    margin-bottom: 30px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 5px;
    background-color: #f4faff;
}

    .single-blog-post .entry-thumbnail a img {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        border-radius: 3px;
    }

    .single-blog-post .entry-post-content {
        padding: 20px;
    }

        .single-blog-post .entry-post-content .entry-meta {
            margin-bottom: 6px;
        }

            .single-blog-post .entry-post-content .entry-meta ul {
                padding-left: 0;
                margin-bottom: 0;
                list-style-type: none;
            }

                .single-blog-post .entry-post-content .entry-meta ul li {
                    display: inline-block;
                    position: relative;
                    margin-right: 12px;
                    color: #57647c;
                    font-family: "Vazir-FD", sans-serif;
                    font-size: 15px;
                }

                    .single-blog-post .entry-post-content .entry-meta ul li::before {
                        content: '';
                        position: absolute;
                        right: -7px;
                        top: 50%;
                        -webkit-transform: rotate(14deg) translateY(-50%);
                        transform: rotate(14deg) translateY(-50%);
                        background: #57647c;
                        width: 1px;
                        height: 13px;
                    }

                    .single-blog-post .entry-post-content .entry-meta ul li a {
                        display: inline-block;
                        color: #57647c;
                    }

                        .single-blog-post .entry-post-content .entry-meta ul li a:hover {
                            color: #45376f;
                        }

                    .single-blog-post .entry-post-content .entry-meta ul li:last-child {
                        margin-right: 0;
                    }

                        .single-blog-post .entry-post-content .entry-meta ul li:last-child::before {
                            display: none;
                        }

        .single-blog-post .entry-post-content h3 {
            margin-bottom: 0;
            line-height: 1.4;
            font-size: 23px;
            font-weight: 700;
        }

        .single-blog-post .entry-post-content p {
            margin-top: 8px;
            margin-bottom: 0;
        }

        .single-blog-post .entry-post-content .learn-more-btn {
            margin-top: 15px;
        }

    .single-blog-post:hover {
        -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        background-color: #ffffff;
    }

        .single-blog-post:hover .entry-thumbnail a img {
            opacity: .7;
        }

/*================================================
Blog Details Area CSS
=================================================*/
.blog-details .article-content {
    margin-top: 30px;
}

    .blog-details .article-content .entry-meta {
        margin-bottom: 10px;
    }

        .blog-details .article-content .entry-meta ul {
            padding-left: 0;
            margin-bottom: 0;
            list-style-type: none;
            font-family: "Vazir-FD", sans-serif;
        }

            .blog-details .article-content .entry-meta ul li {
                position: relative;
                display: inline-block;
                color: #333333;
                margin-right: 21px;
                font-size: 15px;
            }

                .blog-details .article-content .entry-meta ul li span {
                    display: inline-block;
                    color: #333333;
                    font-weight: 600;
                }

                .blog-details .article-content .entry-meta ul li a {
                    display: inline-block;
                    color: #57647c;
                }

                    .blog-details .article-content .entry-meta ul li a:hover {
                        color: #45376f;
                    }

                .blog-details .article-content .entry-meta ul li i {
                    color: #45376f;
                    margin-right: 2px;
                }

                .blog-details .article-content .entry-meta ul li::before {
                    content: '';
                    position: absolute;
                    top: 11px;
                    right: -15px;
                    width: 6px;
                    height: 1px;
                    background: #45376f;
                }

                .blog-details .article-content .entry-meta ul li:last-child {
                    margin-right: 0;
                }

                    .blog-details .article-content .entry-meta ul li:last-child::before {
                        display: none;
                    }

    .blog-details .article-content h3 {
        margin-bottom: 15px;
        font-size: 23px;
        font-weight: 700;
    }

    .blog-details .article-content .wp-block-gallery.columns-3 {
        padding-left: 0;
        list-style-type: none;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px;
        margin-left: -10px;
        margin-bottom: 30px;
        margin-top: 30px;
    }

        .blog-details .article-content .wp-block-gallery.columns-3 li {
            -ms-flex: 0 0 33.3333%;
            -webkit-box-flex: 0;
            flex: 0 0 33.3333%;
            max-width: 33.3333%;
            padding-right: 10px;
            padding-left: 10px;
        }

            .blog-details .article-content .wp-block-gallery.columns-3 li figure {
                margin-bottom: 0;
            }

    .blog-details .article-content .article-features-list {
        padding-left: 0;
        list-style-type: none;
        margin-bottom: 15px;
        margin-left: 20px;
    }

        .blog-details .article-content .article-features-list li {
            margin-bottom: 12px;
            color: #57647c;
            position: relative;
            padding-left: 15px;
        }

            .blog-details .article-content .article-features-list li::before {
                background: #45376f;
                height: 7px;
                width: 7px;
                content: '';
                left: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                border-radius: 50%;
                position: absolute;
            }

            .blog-details .article-content .article-features-list li:last-child {
                margin-bottom: 0;
            }

.blog-details .article-footer {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin-top: 30px;
}

    .blog-details .article-footer .article-tags {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }

        .blog-details .article-footer .article-tags span {
            display: inline-block;
            color: #333333;
            font-size: 20px;
            margin-right: 5px;
            position: relative;
            top: 2px;
        }

        .blog-details .article-footer .article-tags a {
            display: inline-block;
            color: #818181;
        }

            .blog-details .article-footer .article-tags a:hover {
                color: #45376f;
            }

    .blog-details .article-footer .article-share {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }

        .blog-details .article-footer .article-share .social {
            padding-left: 0;
            list-style-type: none;
            text-align: right;
            margin-bottom: 0;
        }

            .blog-details .article-footer .article-share .social li {
                display: inline-block;
            }

                .blog-details .article-footer .article-share .social li a {
                    color: #333333;
                    background-color: #f7f7f7;
                    width: 33px;
                    height: 33px;
                    line-height: 33px;
                    text-align: center;
                    border-radius: 50%;
                    font-size: 13px;
                }

                    .blog-details .article-footer .article-share .social li a:hover {
                        color: #ffffff;
                        background-color: #45376f;
                    }

blockquote, .blockquote {
    overflow: hidden;
    background-color: #fafafa;
    padding: 50px !important;
    position: relative;
    text-align: center;
    z-index: 1;
    font-family: "Vazir-FD", sans-serif;
    margin-bottom: 20px;
    margin-top: 20px;
}

    blockquote p, .blockquote p {
        color: #333333;
        line-height: 1.6;
        margin-bottom: 0;
        font-style: italic;
        font-weight: 600;
        font-size: 20px;
    }

    blockquote cite, .blockquote cite {
        display: none;
    }

    blockquote::before, .blockquote::before {
        color: #efefef;
        content: "\f10d";
        position: absolute;
        left: 50px;
        top: -60px;
        z-index: -1;
        font-family: "Font Awesome 5 Free";
        font-size: 140px;
        font-weight: 900;
    }

.comments-area {
    margin-top: 30px;
}

    .comments-area .comments-title {
        line-height: initial;
        margin-bottom: 30px;
        font-size: 23px;
        font-weight: 700;
    }

    .comments-area ol, .comments-area ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    .comments-area .comment-list {
        padding-left: 0;
        margin-bottom: 0;
        list-style-type: none;
    }

    .comments-area .children {
        margin-left: 20px;
    }

    .comments-area .comment-body {
        border-bottom: 1px solid #eeeeee;
        padding-left: 65px;
        color: #333333;
        font-size: 14px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

        .comments-area .comment-body .reply {
            margin-top: 15px;
        }

            .comments-area .comment-body .reply a {
                border: 1px solid #eeeeee;
                color: #57647c;
                display: inline-block;
                padding: 5px 20px;
                border-radius: 30px;
                text-transform: uppercase;
                font-size: 12px;
                font-weight: 700;
                font-family: "Vazir-FD", sans-serif;
            }

                .comments-area .comment-body .reply a:hover {
                    color: #ffffff;
                    background-color: #45376f;
                    border-color: #45376f;
                }

    .comments-area .comment-meta {
        margin-bottom: .8em;
    }

    .comments-area .comment-author {
        font-size: 15px;
        margin-bottom: 0.4em;
        position: relative;
        z-index: 2;
    }

        .comments-area .comment-author .avatar {
            height: 50px;
            left: -65px;
            position: absolute;
            width: 50px;
        }

        .comments-area .comment-author .fn {
            font-weight: 700;
            font-family: "Vazir-FD", sans-serif;
        }

        .comments-area .comment-author .says {
            display: none;
        }

    .comments-area .comment-metadata {
        color: #57647c;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 600;
    }

        .comments-area .comment-metadata a {
            color: #57647c;
        }

            .comments-area .comment-metadata a:hover {
                color: #45376f;
            }

    .comments-area .comment-content p {
        font-size: 13px;
    }

    .comments-area .comment-respond .comment-reply-title {
        margin-bottom: 0;
        font-size: 23px;
        font-weight: 700;
    }

        .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
            font-size: 15px;
            display: inline-block;
        }

    .comments-area .comment-respond .comment-form {
        overflow: hidden;
    }

    .comments-area .comment-respond .comment-notes {
        font-size: 13px;
        margin-bottom: 0;
        margin-top: 10px;
    }

        .comments-area .comment-respond .comment-notes .required {
            color: red;
        }

    .comments-area .comment-respond .comment-form-comment {
        margin-top: 15px;
        float: left;
        width: 100%;
    }

    .comments-area .comment-respond label {
        display: block;
        margin-bottom: 5px;
        color: #333333;
        font-weight: 600;
        font-family: "Vazir-FD", sans-serif;
    }

    .comments-area .comment-respond input[type="date"], .comments-area .comment-respond input[type="time"], .comments-area .comment-respond input[type="datetime-local"], .comments-area .comment-respond input[type="week"], .comments-area .comment-respond input[type="month"], .comments-area .comment-respond input[type="text"], .comments-area .comment-respond input[type="email"], .comments-area .comment-respond input[type="url"], .comments-area .comment-respond input[type="password"], .comments-area .comment-respond input[type="search"], .comments-area .comment-respond input[type="tel"], .comments-area .comment-respond input[type="number"], .comments-area .comment-respond textarea {
        display: block;
        width: 100%;
        background-color: #ffffff;
        border: 1px solid #eeeeee;
        padding: 0.625em 0.7375em;
        outline: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

        .comments-area .comment-respond input[type="date"]:focus, .comments-area .comment-respond input[type="time"]:focus, .comments-area .comment-respond input[type="datetime-local"]:focus, .comments-area .comment-respond input[type="week"]:focus, .comments-area .comment-respond input[type="month"]:focus, .comments-area .comment-respond input[type="text"]:focus, .comments-area .comment-respond input[type="email"]:focus, .comments-area .comment-respond input[type="url"]:focus, .comments-area .comment-respond input[type="password"]:focus, .comments-area .comment-respond input[type="search"]:focus, .comments-area .comment-respond input[type="tel"]:focus, .comments-area .comment-respond input[type="number"]:focus, .comments-area .comment-respond textarea:focus {
            border-color: #45376f;
        }

    .comments-area .comment-respond .comment-form-author {
        float: left;
        width: 50%;
        padding-right: 10px;
        margin-bottom: 20px;
    }

    .comments-area .comment-respond .comment-form-email {
        float: left;
        width: 50%;
        padding-left: 12px;
        margin-bottom: 20px;
    }

    .comments-area .comment-respond .comment-form-url {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

    .comments-area .comment-respond .comment-form-cookies-consent {
        width: 100%;
        float: left;
        position: relative;
        padding-left: 20px;
        margin-bottom: 20px;
    }

        .comments-area .comment-respond .comment-form-cookies-consent input {
            position: absolute;
            left: 0;
            top: 6px;
        }

        .comments-area .comment-respond .comment-form-cookies-consent label {
            display: inline-block;
            margin: 0;
            color: #57647c;
            font-weight: normal;
        }

    .comments-area .comment-respond .form-submit {
        float: left;
        width: 100%;
    }

        .comments-area .comment-respond .form-submit input {
            background-color: #45376f;
            border: none;
            color: #ffffff;
            padding: 10.5px 25px;
            display: inline-block;
            cursor: pointer;
            outline: 0;
            border-radius: 0;
            text-transform: uppercase;
            -webkit-transition: 0.5s;
            transition: 0.5s;
            font-family: "Vazir-FD", sans-serif;
            font-weight: 700;
            font-size: 14px;
        }

            .comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus {
                color: #ffffff;
                background-color: #4ac728;
            }

/*================================================
Free Trial Area CSS
=================================================*/
.free-trial-area {
    position: relative;
    z-index: 1;
}

    .free-trial-area::before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-image: url('../img/digital-publications.jpg');
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
    }

.free-trial-content {
    position: relative;
    z-index: 2;
    max-width: 555px;
    padding-left: 30px;
    padding-top: 110px;
    padding-bottom: 110px;
}

    .free-trial-content h2 {
        margin-bottom: 0;
        color: #ffffff;
        font-size: 40px;
        font-weight: 700;
    }

    .free-trial-content form {
        position: relative;
        margin-top: 25px;
        margin-bottom: 10px;
    }

        .free-trial-content form .input-newsletter {
            display: block;
            width: 72%;
            height: 45px;
            color: #ffffff;
            border: none;
            outline: 0;
            background-color: #333333;
            border-radius: 30px;
            padding-left: 20px;
        }

            .free-trial-content form .input-newsletter::-webkit-input-placeholder {
                color: #d5d5d5;
            }

            .free-trial-content form .input-newsletter:-ms-input-placeholder {
                color: #d5d5d5;
            }

            .free-trial-content form .input-newsletter::-ms-input-placeholder {
                color: #d5d5d5;
            }

            .free-trial-content form .input-newsletter::placeholder {
                color: #d5d5d5;
            }

        .free-trial-content form button {
            position: absolute;
            right: 0;
            top: 0;
            height: 45px;
            border: none;
            padding: 0 30px;
            line-height: 45px;
            background-color: #ffffff;
            border-radius: 30px;
            -webkit-transition: 0.5s;
            transition: 0.5s;
            color: #45376f;
            font-family: "Vazir-FD", sans-serif;
            font-size: 16px;
            font-weight: 600;
        }

            .free-trial-content form button:hover {
                background-color: #4ac728;
                color: #ffffff;
            }

    .free-trial-content p {
        color: #ffffff;
        margin-bottom: 0;
        max-width: 350px;
    }

    .free-trial-content::after {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        background-color: #45376f;
        z-index: -1;
        display: none;
    }

.free-trial-image {
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../img/digital-publications.png');
}

    .free-trial-image img {
        display: none;
    }

/*================================================
Page Title Area CSS
=================================================*/
.page-title-area {
    position: relative;
    z-index: 1;
    padding-top: 210px;
    padding-bottom: 140px;
    background-color: #000000;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .page-title-area::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: #000000;
        opacity: .60;
    }

    .page-title-area.item-bg1 {
        background-image: url(../../assets/img/page-title-bg1.jpg);
    }

    .page-title-area.item-bg2 {
        background-image: url(../../assets/img/page-title-bg2.jpg);
    }

    .page-title-area.item-bg3 {
        background-image: url(../../assets/img/page-title-bg3.jpg);
    }

.page-title-content h2 {
    margin-bottom: 0;
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
}

.page-title-content ul {
    padding-left: 0;
    list-style-type: none;
    font-family: "Vazir-FD", sans-serif;
    margin-top: 10px;
    margin-bottom: 0;
}

    .page-title-content ul li {
        display: inline-block;
        color: #ffffff;
        margin-right: 10px;
        margin-left: 10px;
        position: relative;
        font-weight: 600;
        font-size: 16px;
    }

        .page-title-content ul li a {
            color: #45376f;
        }

            .page-title-content ul li a:hover {
                color: #45376f;
            }

        .page-title-content ul li::before {
            content: "\f054";
            position: absolute;
            right: -15px;
            top: 6px;
            font-weight: 900;
            font-family: "Font Awesome 5 Free";
            font-size: 10px;
        }

        .page-title-content ul li:last-child {
            margin-right: 0;
        }

            .page-title-content ul li:last-child::before {
                display: none;
            }

        .page-title-content ul li:first-child {
            margin-left: 0;
        }

/*================================================
Pagination Area CSS
=================================================*/
.pagination-area {
    margin-top: 40px;
    text-align: center;
    font-family: "Vazir-FD", sans-serif;
}

    .pagination-area .page-numbers {
        width: 40px;
        height: 40px;
        margin: 0 3px;
        display: inline-block;
        background-color: #ffffff;
        line-height: 40px;
        color: #333333;
        -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
        box-shadow: 0 2px 10px 0 #d8dde6;
        font-size: 16px;
        font-weight: 700;
    }

        .pagination-area .page-numbers.current, .pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus {
            background: #45376f;
            color: #ffffff;
            -webkit-box-shadow: unset;
            box-shadow: unset;
        }

/*================================================
Sidebar Area CSS
=================================================*/
.widget-area .widget {
    margin-top: 30px;
}

    .widget-area .widget:first-child {
        margin-top: 0;
    }

    .widget-area .widget .widget-title {
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 10px;
        margin-bottom: 20px;
        text-transform: capitalize;
        position: relative;
        font-weight: 700;
        font-size: 20px;
    }

        .widget-area .widget .widget-title::before {
            content: '';
            position: absolute;
            background: #45376f;
            bottom: -1px;
            left: 0;
            width: 50px;
            height: 1px;
        }

.widget-area .widget_search {
    -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
    box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
    background-color: #ffffff;
    padding: 15px;
}

    .widget-area .widget_search form {
        position: relative;
    }

        .widget-area .widget_search form label {
            display: block;
            margin-bottom: 0;
        }

        .widget-area .widget_search form .screen-reader-text {
            display: none;
        }

        .widget-area .widget_search form .search-field {
            background-color: transparent;
            height: 50px;
            padding: 6px 15px;
            border: 1px solid #eeeeee;
            width: 100%;
            display: block;
            outline: 0;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

            .widget-area .widget_search form .search-field:focus {
                border-color: #45376f;
            }

        .widget-area .widget_search form button {
            position: absolute;
            right: 0;
            outline: 0;
            bottom: 0;
            height: 50px;
            width: 50px;
            z-index: 1;
            border: none;
            color: #ffffff;
            background-color: #45376f;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

            .widget-area .widget_search form button:hover {
                background-color: #4ac728;
                color: #ffffff;
            }

.widget-area .widget_sparsity_posts_thumb {
    position: relative;
    overflow: hidden;
}

    .widget-area .widget_sparsity_posts_thumb .item {
        overflow: hidden;
        margin-bottom: 15px;
    }

        .widget-area .widget_sparsity_posts_thumb .item:last-child {
            margin-bottom: 0;
        }

        .widget-area .widget_sparsity_posts_thumb .item .thumb {
            float: left;
            height: 80px;
            overflow: hidden;
            position: relative;
            width: 80px;
            margin-right: 15px;
        }

            .widget-area .widget_sparsity_posts_thumb .item .thumb .fullimage {
                width: 80px;
                height: 80px;
                display: inline-block;
                background-size: cover !important;
                background-repeat: no-repeat;
                background-position: center center !important;
            }

                .widget-area .widget_sparsity_posts_thumb .item .thumb .fullimage.bg1 {
                    background-image: url(../../assets/img/blog/1.jpg);
                }

                .widget-area .widget_sparsity_posts_thumb .item .thumb .fullimage.bg2 {
                    background-image: url(../../assets/img/blog/2.jpg);
                }

                .widget-area .widget_sparsity_posts_thumb .item .thumb .fullimage.bg3 {
                    background-image: url(../../assets/img/blog/3.jpg);
                }

        .widget-area .widget_sparsity_posts_thumb .item .info {
            overflow: hidden;
        }

            .widget-area .widget_sparsity_posts_thumb .item .info time {
                display: block;
                color: #57647c;
                text-transform: uppercase;
                margin-top: 5px;
                margin-bottom: 3px;
                font-size: 11px;
            }

            .widget-area .widget_sparsity_posts_thumb .item .info .title {
                margin-bottom: 0;
                line-height: 1.4;
                font-size: 16px;
                font-weight: 700;
            }

.widget-area .widget_recent_entries ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

    .widget-area .widget_recent_entries ul li {
        position: relative;
        margin-bottom: 12px;
        color: #57647c;
        padding-left: 14px;
        line-height: 1.5;
        font-weight: 600;
        font-size: 14.5px;
        font-family: "Vazir-FD", sans-serif;
    }

        .widget-area .widget_recent_entries ul li:last-child {
            margin-bottom: 0;
        }

        .widget-area .widget_recent_entries ul li::before {
            background: #45376f;
            position: absolute;
            height: 7px;
            width: 7px;
            content: '';
            left: 0;
            top: 7px;
        }

        .widget-area .widget_recent_entries ul li a {
            color: #57647c;
        }

            .widget-area .widget_recent_entries ul li a:hover {
                color: #45376f;
            }

        .widget-area .widget_recent_entries ul li .post-date {
            display: block;
            font-size: 13px;
            color: #57647c;
            margin-top: 4px;
        }

.widget-area .widget_recent_comments ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

    .widget-area .widget_recent_comments ul li {
        position: relative;
        margin-bottom: 12px;
        color: #333333;
        padding-left: 14px;
        line-height: 1.5;
        font-size: 14.5px;
        font-weight: 600;
        font-family: "Vazir-FD", sans-serif;
    }

        .widget-area .widget_recent_comments ul li:last-child {
            margin-bottom: 0;
        }

        .widget-area .widget_recent_comments ul li::before {
            background: #45376f;
            height: 7px;
            width: 7px;
            content: '';
            left: 0;
            top: 7px;
            position: absolute;
        }

        .widget-area .widget_recent_comments ul li span {
            display: inline-block;
        }

        .widget-area .widget_recent_comments ul li a {
            color: #57647c;
            display: inline-block;
        }

            .widget-area .widget_recent_comments ul li a:hover {
                color: #45376f;
            }

.widget-area .widget_archive ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

    .widget-area .widget_archive ul li {
        position: relative;
        margin-bottom: 12px;
        padding-left: 14px;
        color: #57647c;
        font-size: 14.5px;
        font-weight: 600;
        font-family: "Vazir-FD", sans-serif;
    }

        .widget-area .widget_archive ul li:last-child {
            margin-bottom: 0;
        }

        .widget-area .widget_archive ul li::before {
            background: #45376f;
            height: 7px;
            width: 7px;
            content: '';
            left: 0;
            top: 7px;
            position: absolute;
        }

        .widget-area .widget_archive ul li a {
            color: #57647c;
        }

            .widget-area .widget_archive ul li a:hover {
                color: #45376f;
            }

.widget-area .widget_categories ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

    .widget-area .widget_categories ul li {
        position: relative;
        margin-bottom: 12px;
        color: #57647c;
        padding-left: 14px;
        font-size: 14.5px;
        font-family: "Vazir-FD", sans-serif;
        font-weight: 600;
    }

        .widget-area .widget_categories ul li:last-child {
            margin-bottom: 0;
        }

        .widget-area .widget_categories ul li::before {
            background: #45376f;
            height: 7px;
            width: 7px;
            content: '';
            left: 0;
            top: 7px;
            position: absolute;
        }

        .widget-area .widget_categories ul li a {
            color: #57647c;
        }

            .widget-area .widget_categories ul li a:hover {
                color: #45376f;
            }

        .widget-area .widget_categories ul li .post-count {
            float: right;
        }

.widget-area .widget_meta ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

    .widget-area .widget_meta ul li {
        position: relative;
        margin-bottom: 12px;
        color: #57647c;
        padding-left: 14px;
        font-size: 14.5px;
        font-family: "Vazir-FD", sans-serif;
        font-weight: 600;
    }

        .widget-area .widget_meta ul li:last-child {
            margin-bottom: 0;
        }

        .widget-area .widget_meta ul li::before {
            background: #45376f;
            height: 7px;
            width: 7px;
            content: '';
            left: 0;
            top: 7px;
            position: absolute;
        }

        .widget-area .widget_meta ul li a {
            color: #57647c;
        }

            .widget-area .widget_meta ul li a:hover {
                color: #45376f;
            }

.widget-area .widget_tag_cloud .widget-title {
    margin-bottom: 12px;
}

.widget-area .tagcloud a {
    display: inline-block;
    color: #57647c;
    font-weight: 600;
    font-size: 12.5px !important;
    padding: 6px 13px;
    border: 1px dashed #eeeeee;
    margin-top: 8px;
    margin-right: 4px;
}

    .widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus {
        color: #ffffff;
        background-color: #45376f;
        border-color: #45376f;
    }

/*================================================
404 Error Area CSS
=================================================*/
.error-area {
    height: 100vh;
}

.error-content {
    text-align: center;
    margin: 0 auto;
    max-width: 700px;
}

    .error-content h3 {
        font-size: 40px;
        font-weight: 700;
        margin-top: 30px;
        margin-bottom: 17px;
    }

    .error-content p {
        max-width: 520px;
        margin: 0 auto 20px;
    }

/*================================================
FAQ Area CSS
=================================================*/
.faq-content .section-title {
    text-align: left;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
}

    .faq-content .section-title p {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

.faq-accordion .accordion {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

    .faq-accordion .accordion .accordion-item {
        display: block;
        -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
        box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
        background: #ffffff;
        margin-bottom: 10px;
    }

        .faq-accordion .accordion .accordion-item:last-child {
            margin-bottom: 0;
        }

    .faq-accordion .accordion .accordion-title {
        padding: 12px 20px 12px 51px;
        color: #333333;
        position: relative;
        border-bottom: 1px solid transparent;
        margin-bottom: -1px;
        font-size: 15px;
        font-weight: 700;
        font-family: "Vazir-FD", sans-serif;
    }

        .faq-accordion .accordion .accordion-title i {
            position: absolute;
            left: 0;
            top: 0;
            width: 40px;
            text-align: center;
            height: 100%;
            background: #45376f;
            color: #ffffff;
        }

            .faq-accordion .accordion .accordion-title i::before {
                position: absolute;
                left: 0;
                top: 50%;
                right: 0;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                font-size: 13px;
            }

        .faq-accordion .accordion .accordion-title.active {
            border-bottom-color: #eeeeee;
        }

            .faq-accordion .accordion .accordion-title.active i::before {
                content: "\f068";
            }

    .faq-accordion .accordion .accordion-content {
        display: none;
        position: relative;
        padding: 15px 15px;
    }

        .faq-accordion .accordion .accordion-content.show {
            display: block;
        }

.faq-contact {
    margin-top: 110px;
}

.faq-contact-form {
    text-align: center;
}

    .faq-contact-form form {
        padding-left: 50px;
    }

        .faq-contact-form form .form-control {
            background-color: #ffffff;
            border: none;
            -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
            box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
            height: 50px;
            font-family: "Vazir-FD", sans-serif;
            font-size: 16px;
        }

        .faq-contact-form form .row {
            margin-left: -7px;
            margin-right: -7px;
        }

            .faq-contact-form form .row .col-lg-12, .faq-contact-form form .row .col-lg-6 {
                padding-left: 7px;
                padding-right: 7px;
            }

        .faq-contact-form form textarea.form-control {
            height: auto;
            padding-top: 15px;
        }

        .faq-contact-form form .btn {
            padding: 13px 35px 15px;
            font-size: 17px;
            margin-top: 8px;
            -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
            box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
        }

            .faq-contact-form form .btn.disabled {
                cursor: not-allowed !important;
            }

                .faq-contact-form form .btn.disabled:hover::before, .faq-contact-form form .btn.disabled:focus::before {
                    opacity: 1;
                    visibility: visible;
                }

                .faq-contact-form form .btn.disabled:hover::after, .faq-contact-form form .btn.disabled:focus::after {
                    opacity: 0;
                    visibility: hidden;
                }

        .faq-contact-form form .help-block ul {
            padding-left: 0;
            list-style-type: none;
            margin-top: 5px;
            margin-bottom: 0;
        }

            .faq-contact-form form .help-block ul li {
                color: red;
            }

        .faq-contact-form form #msgSubmit {
            margin-bottom: 0;
        }

            .faq-contact-form form #msgSubmit.text-danger, .faq-contact-form form #msgSubmit.text-success {
                margin-top: 8px;
                font-size: 23px;
                font-weight: 700;
            }

/*================================================
Coming Soon Area CSS
=================================================*/
.coming-soon-area {
    position: relative;
    z-index: 1;
}

    .coming-soon-area .coming-soon-content {
        height: 100vh;
        position: relative;
        padding-left: 100px;
        padding-right: 100px;
    }

        .coming-soon-area .coming-soon-content .logo {
            position: absolute;
            left: 100px;
            top: 30px;
        }

        .coming-soon-area .coming-soon-content h3 {
            line-height: 1.3;
            margin-bottom: 25px;
            font-size: 40px;
            font-weight: 700;
        }

        .coming-soon-area .coming-soon-content form {
            max-width: 520px;
        }

            .coming-soon-area .coming-soon-content form .form-control {
                height: 50px;
                border: none;
                -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
                box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
            }

            .coming-soon-area .coming-soon-content form .btn {
                display: block;
                width: 100%;
                padding: 15px 28px;
                -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
                box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
            }

            .coming-soon-area .coming-soon-content form p {
                margin-bottom: 0;
                margin-top: 15px;
            }

        .coming-soon-area .coming-soon-content .social {
            position: absolute;
            left: 100px;
            bottom: 30px;
            text-align: center;
        }

            .coming-soon-area .coming-soon-content .social ul {
                padding-left: 0;
                margin-bottom: 0;
                list-style-type: none;
            }

                .coming-soon-area .coming-soon-content .social ul li {
                    display: inline-block;
                    margin: 0 2px;
                }

                    .coming-soon-area .coming-soon-content .social ul li a {
                        width: 35px;
                        height: 35px;
                        line-height: 37px;
                        border-radius: 50%;
                        background-color: #dddddd;
                        color: #333333;
                        font-size: 14px;
                    }

                        .coming-soon-area .coming-soon-content .social ul li a.twitter {
                            background-color: #1da1f2;
                            color: #ffffff;
                        }

                        .coming-soon-area .coming-soon-content .social ul li a.youtube {
                            background-color: #ff0000;
                            color: #ffffff;
                        }

                        .coming-soon-area .coming-soon-content .social ul li a.facebook {
                            background-color: #3b5998;
                            color: #ffffff;
                        }

                        .coming-soon-area .coming-soon-content .social ul li a.linkedin {
                            background-color: #0077b5;
                            color: #ffffff;
                        }

                        .coming-soon-area .coming-soon-content .social ul li a.instagram {
                            background-color: #c13584;
                            color: #ffffff;
                        }

                        .coming-soon-area .coming-soon-content .social ul li a:hover {
                            background-color: #45376f;
                            color: #ffffff;
                        }

    .coming-soon-area .coming-soon-time {
        width: 100%;
        height: 100%;
        position: relative;
        text-align: center;
        z-index: 1;
        background-image: url(../img/coming-soon-bg.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

        .coming-soon-area .coming-soon-time img {
            display: none;
        }

        .coming-soon-area .coming-soon-time #timer {
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 2;
            max-width: 420px;
            margin-left: auto;
            margin-right: auto;
        }

            .coming-soon-area .coming-soon-time #timer div {
                width: 155px;
                height: 155px;
                border: 1px solid rgba(255, 255, 255, 0.3);
                border-radius: 50%;
                display: inline-block;
                color: #ffffff;
                line-height: initial;
                padding-top: 37px;
                margin-right: 15px;
                margin-left: 15px;
                margin-bottom: 15px;
                margin-top: 15px;
                font-size: 45px;
                font-weight: 700;
                font-family: "Vazir-FD", sans-serif;
            }

                .coming-soon-area .coming-soon-time #timer div span {
                    text-transform: uppercase;
                    display: block;
                    margin-top: 3px;
                    font-size: 14px;
                    font-weight: 600;
                }

        .coming-soon-area .coming-soon-time::before {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: #000000;
            opacity: .7;
            z-index: -1;
        }

/*================================================
Shop Area CSS
=================================================*/
.woocommerce-topbar {
    margin-bottom: 40px;
}

    .woocommerce-topbar .woocommerce-result-count p {
        font-family: "Vazir-FD", sans-serif;
        font-size: 16px;
    }

    .woocommerce-topbar .woocommerce-topbar-ordering {
        text-align: right;
    }

        .woocommerce-topbar .woocommerce-topbar-ordering .nice-select {
            background-color: #ffffff;
            color: #57647c;
            border-radius: 0;
            border: none;
            -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
            box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
            float: unset;
            height: unset;
            line-height: initial;
            padding: 15px 35px 15px 20px;
            font-family: "Vazir-FD", sans-serif;
            font-size: 16px;
        }

            .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list {
                background-color: #ffffff;
                -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
                box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
                border-radius: 0;
                margin-top: 0;
                width: 100%;
                padding-top: 10px;
                padding-bottom: 10px;
            }

                .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option {
                    -webkit-transition: 0.5s;
                    transition: 0.5s;
                    font-size: 15px;
                    padding-left: 20px;
                    padding-right: 20px;
                }

                    .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option:hover {
                        background-color: #45376f !important;
                        color: #ffffff;
                    }

                    .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option.selected {
                        background-color: transparent;
                    }

            .woocommerce-topbar .woocommerce-topbar-ordering .nice-select:after {
                right: 20px;
            }

.single-product-box {
    margin-bottom: 30px;
    text-align: center;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
}

    .single-product-box .product-image {
        overflow: hidden;
        position: relative;
        text-align: left;
    }

        .single-product-box .product-image a img {
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

            .single-product-box .product-image a img:nth-child(2) {
                position: absolute;
                left: 0;
                top: 0;
                opacity: 0;
                visibility: hidden;
                margin-top: 20px;
            }

        .single-product-box .product-image .add-to-cart-btn {
            position: absolute;
            bottom: -46px;
            left: 0;
            width: 100%;
            background-color: #333333;
            color: #ffffff;
            padding: 12px 20px;
            text-transform: uppercase;
            opacity: 0;
            visibility: hidden;
            font-family: "Vazir-FD", sans-serif;
            font-size: 15px;
            font-weight: 600;
        }

            .single-product-box .product-image .add-to-cart-btn i {
                position: absolute;
                right: 20px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .single-product-box .product-image .add-to-cart-btn:hover {
                background-color: #45376f;
                color: #ffffff;
            }

        .single-product-box .product-image .sale-btn {
            position: absolute;
            left: 20px;
            top: 20px;
            background-color: red;
            color: #ffffff;
            width: 55px;
            height: 55px;
            line-height: 55px;
            text-align: center;
            border-radius: 50%;
            text-transform: uppercase;
            font-family: "Vazir-FD", sans-serif;
            font-weight: 600;
        }

    .single-product-box .product-content {
        padding: 25px;
    }

        .single-product-box .product-content h3 {
            margin-bottom: 8px;
            font-size: 23px;
            font-weight: 700;
        }

        .single-product-box .product-content .price {
            color: #333333;
            font-family: "Vazir-FD", sans-serif;
            font-weight: 700;
        }

            .single-product-box .product-content .price .old {
                text-decoration: line-through;
                color: #828893;
                font-size: 13px;
            }

        .single-product-box .product-content .rating {
            margin-top: 8px;
            color: #ffb708;
        }

            .single-product-box .product-content .rating i {
                margin-right: -1px;
            }

    .single-product-box:hover .product-image a img:nth-child(2) {
        opacity: 1;
        visibility: visible;
        margin-top: 0;
    }

    .single-product-box:hover .product-image .add-to-cart-btn {
        bottom: 0;
        opacity: 1;
        visibility: visible;
    }

/*================================================
Product Details Area CSS
=================================================*/
.product-details-desc h3 {
    margin-bottom: 12px;
    font-size: 23px;
    font-weight: 700;
}

.product-details-desc p {
    margin-bottom: 0;
}

.product-details-desc .price {
    margin-bottom: 10px;
    color: #333333;
    font-family: "Vazir-FD", sans-serif;
    font-weight: 700;
}

    .product-details-desc .price .old-price {
        text-decoration: line-through;
        color: #828893;
        font-size: 13px;
    }

.product-details-desc .product-review {
    margin-bottom: 15px;
}

    .product-details-desc .product-review .rating {
        display: inline-block;
        padding-right: 5px;
        font-size: 14px;
    }

        .product-details-desc .product-review .rating i {
            color: #ffba0a;
        }

    .product-details-desc .product-review .rating-count {
        display: inline-block;
        color: #333333;
        border-bottom: 1px solid #333333;
        line-height: initial;
    }

        .product-details-desc .product-review .rating-count:hover {
            color: #45376f;
            border-color: #45376f;
        }

.product-details-desc .product-add-to-cart {
    margin-top: 20px;
}

    .product-details-desc .product-add-to-cart .input-counter {
        max-width: 130px;
        min-width: 130px;
        margin-right: 10px;
        text-align: center;
        display: inline-block;
        position: relative;
    }

        .product-details-desc .product-add-to-cart .input-counter span {
            position: absolute;
            top: 0;
            background-color: transparent;
            cursor: pointer;
            color: #d0d0d0;
            width: 40px;
            height: 100%;
            line-height: 48px;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

            .product-details-desc .product-add-to-cart .input-counter span.minus-btn {
                left: 0;
            }

            .product-details-desc .product-add-to-cart .input-counter span.plus-btn {
                right: 0;
            }

            .product-details-desc .product-add-to-cart .input-counter span:hover {
                color: #45376f;
            }

        .product-details-desc .product-add-to-cart .input-counter input {
            height: 45px;
            color: #333333;
            outline: 0;
            display: block;
            border: none;
            background-color: #f8f8f8;
            text-align: center;
            width: 100%;
            font-size: 17px;
            font-weight: 600;
        }

            .product-details-desc .product-add-to-cart .input-counter input::-webkit-input-placeholder {
                color: #333333;
            }

            .product-details-desc .product-add-to-cart .input-counter input:-ms-input-placeholder {
                color: #333333;
            }

            .product-details-desc .product-add-to-cart .input-counter input::-ms-input-placeholder {
                color: #333333;
            }

            .product-details-desc .product-add-to-cart .input-counter input::placeholder {
                color: #333333;
            }

    .product-details-desc .product-add-to-cart .btn {
        height: 45px;
        top: -2px;
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
    }

        .product-details-desc .product-add-to-cart .btn i {
            margin-right: 2px;
        }

.product-details-desc .buy-checkbox-btn {
    margin-top: 20px;
}

    .product-details-desc .buy-checkbox-btn input {
        display: none;
    }

    .product-details-desc .buy-checkbox-btn .cbx {
        margin: auto;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
    }

        .product-details-desc .buy-checkbox-btn .cbx span {
            display: inline-block;
            vertical-align: middle;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

            .product-details-desc .buy-checkbox-btn .cbx span:first-child {
                position: relative;
                width: 18px;
                height: 18px;
                border-radius: 3px;
                -webkit-transform: scale(1);
                transform: scale(1);
                vertical-align: middle;
                border: 1px solid #ebebeb;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
                -webkit-transition: 0.5s;
                transition: 0.5s;
            }

                .product-details-desc .buy-checkbox-btn .cbx span:first-child svg {
                    position: absolute;
                    top: 3px;
                    left: 2px;
                    fill: none;
                    stroke: #ffffff;
                    stroke-width: 2;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                    stroke-dasharray: 16px;
                    stroke-dashoffset: 16px;
                    -webkit-transition: all 0.3s ease;
                    transition: all 0.3s ease;
                    -webkit-transition-delay: 0.1s;
                    transition-delay: 0.1s;
                    -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0);
                    -webkit-transition: 0.5s;
                    transition: 0.5s;
                }

                .product-details-desc .buy-checkbox-btn .cbx span:first-child:before {
                    content: "";
                    width: 100%;
                    height: 100%;
                    background: #333333;
                    display: block;
                    -webkit-transform: scale(0);
                    transform: scale(0);
                    opacity: 1;
                    border-radius: 50%;
                    -webkit-transition: 0.5s;
                    transition: 0.5s;
                }

            .product-details-desc .buy-checkbox-btn .cbx span:last-child {
                padding-left: 4px;
                color: #57647c;
            }

        .product-details-desc .buy-checkbox-btn .cbx:hover span:first-child {
            border-color: #333333;
        }

    .product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child {
        background: #333333;
        border-color: #333333;
        -webkit-animation: wave 0.4s ease;
        animation: wave 0.4s ease;
    }

        .product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child svg {
            stroke-dashoffset: 0;
        }

        .product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child:before {
            -webkit-transform: scale(3.5);
            transform: scale(3.5);
            opacity: 0;
            -webkit-transition: all 0.6s ease;
            transition: all 0.6s ease;
        }

    .product-details-desc .buy-checkbox-btn .item:not(:first-child) {
        margin-top: 15px;
    }

    .product-details-desc .buy-checkbox-btn .btn {
        display: block;
        width: 100%;
    }

    .product-details-desc .buy-checkbox-btn .btn-light {
        background-color: #f2f2f2;
    }

.product-details-desc .custom-payment-options {
    margin-top: 20px;
}

    .product-details-desc .custom-payment-options span {
        display: block;
        color: #57647c;
        margin-bottom: 8px;
    }

    .product-details-desc .custom-payment-options .payment-methods a {
        display: inline-block;
    }

        .product-details-desc .custom-payment-options .payment-methods a img {
            width: 40px;
        }

.tab .tabs_item {
    display: none;
}

    .tab .tabs_item:first-child {
        display: block;
    }

.products-details-tab {
    margin-top: 50px;
}

    .products-details-tab .tabs {
        list-style-type: none;
        margin-bottom: -1px;
        padding-left: 0;
    }

        .products-details-tab .tabs li {
            display: inline-block;
            line-height: initial;
            margin-right: 5px;
        }

            .products-details-tab .tabs li a {
                display: inline-block;
                position: relative;
                text-transform: uppercase;
                color: #333333;
                border: 1px dashed #eeeeee;
                padding-top: 15px;
                padding-bottom: 15px;
                padding-right: 30px;
                padding-left: 48px;
                font-weight: 700;
                font-family: "Vazir-FD", sans-serif;
            }

                .products-details-tab .tabs li a .dot {
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    left: 30px;
                    width: 12px;
                    height: 12px;
                    border: 1px solid #333333;
                    -webkit-transition: 0.5s;
                    transition: 0.5s;
                    border-radius: 50%;
                }

                    .products-details-tab .tabs li a .dot::before {
                        position: absolute;
                        top: 0;
                        content: '';
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background: #333333;
                        margin: 2px;
                        border-radius: 50%;
                        -webkit-transition: 0.5s;
                        transition: 0.5s;
                    }

                .products-details-tab .tabs li a:hover, .products-details-tab .tabs li a:focus {
                    color: #ffffff;
                    background-color: #45376f;
                    border-color: #45376f;
                }

                    .products-details-tab .tabs li a:hover .dot, .products-details-tab .tabs li a:focus .dot {
                        border-color: #ffffff;
                    }

                        .products-details-tab .tabs li a:hover .dot::before, .products-details-tab .tabs li a:focus .dot::before {
                            background: #ffffff;
                        }

            .products-details-tab .tabs li.current a {
                color: #ffffff;
                background-color: #45376f;
                border-color: #45376f;
            }

                .products-details-tab .tabs li.current a .dot {
                    border-color: #ffffff;
                }

                    .products-details-tab .tabs li.current a .dot::before {
                        background: #ffffff;
                    }

            .products-details-tab .tabs li:last-child {
                margin-right: 0;
            }

    .products-details-tab .tab_content {
        border: 1px dashed #eeeeee;
        padding: 30px;
    }

        .products-details-tab .tab_content .tabs_item .products-details-tab-content p {
            margin-bottom: 20px;
        }

            .products-details-tab .tab_content .tabs_item .products-details-tab-content p:last-child {
                margin-bottom: 0;
            }

        .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information {
            padding-left: 0;
            margin-bottom: 0;
            list-style-type: none;
            text-align: left;
        }

            .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li {
                border: 1px solid #eeeeee;
                border-bottom: none;
                padding: 10px 15px;
                color: #57647c;
            }

                .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li:last-child {
                    border-bottom: 1px solid #eeeeee;
                }

                .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li span {
                    display: inline-block;
                    width: 30%;
                    color: #333333;
                    font-family: "Vazir-FD", sans-serif;
                    font-size: 16px;
                    font-weight: 600;
                }

        .products-details-tab .tab_content .tabs_item .products-details-tab-content h3 {
            margin-bottom: 15px;
            font-size: 23px;
            font-weight: 700;
        }

        .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title {
            position: relative;
        }

            .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating {
                display: inline-block;
            }

                .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating .fas.fa-star {
                    color: #ffba0a;
                }

                .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating i {
                    color: #ebebeb;
                    font-size: 14px;
                }

            .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title p {
                margin-bottom: 0;
                display: inline-block;
                padding-left: 5px;
                line-height: initial;
            }

            .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn {
                position: absolute;
                right: 0;
                bottom: 0;
            }

        .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments {
            margin-top: 35px;
        }

            .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {
                margin-top: 30px;
                position: relative;
                padding-right: 200px;
                border-top: 1px dashed #eeeeee;
                padding-top: 30px;
            }

                .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating .fas.fa-star {
                    color: #ffba0a;
                }

                .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating i {
                    font-size: 14px;
                    color: #ebebeb;
                }

                .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item h3 {
                    font-size: 18px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                }

                .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span {
                    margin-bottom: 10px;
                    font-size: 13px;
                    display: block;
                }

                    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span strong {
                        font-weight: 600;
                    }

                .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item p {
                    margin-bottom: 0;
                }

                .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link {
                    position: absolute;
                    right: 0;
                    color: #57647c;
                    top: 40px;
                    text-decoration: underline;
                }

                    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover {
                        color: #45376f;
                    }

        .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form {
            margin-top: 30px;
        }

            .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group {
                margin-bottom: 20px;
            }

                .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group label {
                    color: #57647c;
                    text-transform: uppercase;
                    font-size: 14px;
                    font-weight: 600;
                    font-family: "Vazir-FD", sans-serif;
                }

                .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group textarea {
                    padding-top: 15px;
                }

            .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .btn {
                margin-top: 0;
            }

.related-products {
    margin-top: 70px;
}

    .related-products .section-title {
        margin-bottom: 10px;
    }

    .related-products .single-product-box {
        margin-bottom: 0;
        margin-top: 30px;
    }

/*================================================
Cart Area CSS
=================================================*/
.cart-table table {
    margin-bottom: 0;
}

    .cart-table table thead tr th {
        border-bottom-width: 0px;
        vertical-align: middle;
        padding: 0 0 15px;
        text-transform: uppercase;
        border: none;
        font-weight: 700;
        font-family: "Vazir-FD", sans-serif;
        font-size: 15px;
    }

    .cart-table table tbody tr td {
        vertical-align: middle;
        color: #57647c;
        padding-left: 0;
        padding-right: 0;
        border-color: #eaedff;
        border-left: none;
        border-right: none;
    }

        .cart-table table tbody tr td.product-thumbnail a {
            display: block;
        }

            .cart-table table tbody tr td.product-thumbnail a img {
                width: 80px;
            }

        .cart-table table tbody tr td.product-name {
            font-family: "Vazir-FD", sans-serif;
            font-size: 15px;
        }

            .cart-table table tbody tr td.product-name a {
                color: #57647c;
                font-weight: 600;
                display: inline-block;
            }

                .cart-table table tbody tr td.product-name a:hover {
                    color: #4ac728;
                }

        .cart-table table tbody tr td.product-price span {
            font-weight: 500;
        }

        .cart-table table tbody tr td.product-subtotal .remove {
            color: red;
            float: right;
            position: relative;
            top: -1px;
        }

        .cart-table table tbody tr td.product-quantity .input-counter {
            max-width: 130px;
            min-width: 130px;
            text-align: center;
            display: inline-block;
            position: relative;
        }

            .cart-table table tbody tr td.product-quantity .input-counter span {
                position: absolute;
                top: 0;
                background-color: transparent;
                cursor: pointer;
                color: #d0d0d0;
                width: 40px;
                height: 100%;
                line-height: 48px;
                -webkit-transition: 0.5s;
                transition: 0.5s;
            }

                .cart-table table tbody tr td.product-quantity .input-counter span.minus-btn {
                    left: 0;
                }

                .cart-table table tbody tr td.product-quantity .input-counter span.plus-btn {
                    right: 0;
                }

                .cart-table table tbody tr td.product-quantity .input-counter span:hover {
                    color: #4ac728;
                }

            .cart-table table tbody tr td.product-quantity .input-counter input {
                height: 45px;
                color: #333333;
                outline: 0;
                display: block;
                border: none;
                background-color: #f8f8f8;
                text-align: center;
                width: 100%;
                font-size: 17px;
                font-weight: 600;
            }

                .cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder {
                    color: #333333;
                }

                .cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder {
                    color: #333333;
                }

                .cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder {
                    color: #333333;
                }

                .cart-table table tbody tr td.product-quantity .input-counter input::placeholder {
                    color: #333333;
                }

        .cart-table table tbody tr td.product-subtotal {
            overflow: hidden;
        }

            .cart-table table tbody tr td.product-subtotal span {
                font-weight: 500;
            }

.cart-buttons {
    margin-top: 30px;
}

    .cart-buttons .shopping-coupon-code {
        position: relative;
        max-width: 430px;
    }

        .cart-buttons .shopping-coupon-code button {
            position: absolute;
            right: 0;
            top: 0;
            height: 45px;
            background: #45376f;
            color: #ffffff;
            border: none;
            padding: 0 25px;
            font-weight: 700;
            outline: 0;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

            .cart-buttons .shopping-coupon-code button:hover {
                background-color: #4ac728;
            }

.cart-totals {
    background: #ffffff;
    padding: 40px;
    max-width: 620px;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    margin-left: auto;
    margin-top: 50px;
}

    .cart-totals h3 {
        margin-bottom: 25px;
        font-size: 23px;
        font-weight: 700;
    }

    .cart-totals ul {
        padding: 0;
        margin: 0 0 25px;
        list-style-type: none;
    }

        .cart-totals ul li {
            border: 1px solid #eaedff;
            padding: 10px 15px;
            color: #333333;
            overflow: hidden;
            font-weight: 700;
            font-family: "Vazir-FD", sans-serif;
            font-size: 15px;
        }

            .cart-totals ul li:first-child {
                border-bottom: none;
            }

            .cart-totals ul li:last-child {
                border-top: none;
            }

            .cart-totals ul li span {
                float: right;
                color: #57647c;
                font-weight: normal;
                font-family: "Vazir-FD", sans-serif;
                font-size: 14px;
            }

/*================================================
Checkout Area CSS
=================================================*/
.user-actions {
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    background: #ffffff;
    padding: 18px 20px 15px;
    margin-bottom: 65px;
    border-top: 3px solid #45376f;
    position: relative;
}

    .user-actions::before {
        content: '';
        position: absolute;
        right: 0;
        bottom: -35px;
        width: 100%;
        height: 1px;
        background: #eeeeee;
    }

    .user-actions i {
        color: #45376f;
        margin-right: 2px;
    }

    .user-actions span {
        display: inline-block;
        font-weight: 600;
        color: #45376f;
    }

        .user-actions span a {
            display: inline-block;
            color: #333333;
        }

            .user-actions span a:hover, .user-actions span a:focus {
                color: #45376f;
            }

.checkout-area .title {
    margin-bottom: 25px;
    font-size: 23px;
    font-weight: 700;
}

.billing-details .form-group {
    margin-bottom: 20px;
}

    .billing-details .form-group label {
        display: block;
        color: #57647c;
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: 600;
        font-family: "Vazir-FD", sans-serif;
    }

        .billing-details .form-group label .required {
            color: red;
        }

    .billing-details .form-group .nice-select {
        float: unset;
        line-height: 45px;
        color: #57647c;
        font-weight: 600;
        font-size: 13px;
        padding-top: 0;
        padding-bottom: 0;
    }

        .billing-details .form-group .nice-select .list {
            background-color: #ffffff;
            -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
            box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
            border-radius: 0;
            margin-top: 0;
            width: 100%;
            padding-top: 10px;
            padding-bottom: 10px;
        }

            .billing-details .form-group .nice-select .list .option {
                -webkit-transition: 0.5s;
                transition: 0.5s;
                padding-left: 20px;
                padding-right: 20px;
            }

                .billing-details .form-group .nice-select .list .option:hover {
                    background-color: #4ac728 !important;
                    color: #ffffff;
                }

                .billing-details .form-group .nice-select .list .option.selected {
                    background-color: transparent;
                }

        .billing-details .form-group .nice-select:after {
            right: 20px;
        }

    .billing-details .form-group textarea {
        padding-top: 13px;
    }

.billing-details .form-check {
    margin-bottom: 20px;
    font-family: "Vazir-FD", sans-serif;
}

    .billing-details .form-check .form-check-label {
        color: #57647c;
    }

    .billing-details .form-check label {
        position: relative;
        left: -3px;
        top: 1px;
        font-size: 14px;
        font-weight: 600;
    }

.billing-details .col-lg-12:last-child .form-group {
    margin-bottom: 0;
}

.order-details .order-table table {
    margin-bottom: 0;
}

    .order-details .order-table table thead tr th {
        border-bottom-width: 0;
        vertical-align: middle;
        border-color: #eaedff;
        padding-left: 20px;
        padding-top: 15px;
        padding-right: 20px;
        padding-bottom: 15px;
        font-weight: 700;
        font-family: "Vazir-FD", sans-serif;
        font-size: 15px;
    }

    .order-details .order-table table tbody tr td {
        vertical-align: middle;
        color: #57647c;
        border-color: #eaedff;
        padding-left: 20px;
        padding-right: 20px;
    }

        .order-details .order-table table tbody tr td.product-name {
            font-family: "Vazir-FD", sans-serif;
            font-size: 15px;
        }

            .order-details .order-table table tbody tr td.product-name a {
                color: #57647c;
                display: inline-block;
                font-weight: 500;
            }

                .order-details .order-table table tbody tr td.product-name a:hover {
                    color: #45376f;
                }

        .order-details .order-table table tbody tr td.order-subtotal, .order-details .order-table table tbody tr td.order-shipping, .order-details .order-table table tbody tr td.total-price {
            font-family: "Vazir-FD", sans-serif;
            font-size: 15px;
        }

            .order-details .order-table table tbody tr td.order-subtotal span, .order-details .order-table table tbody tr td.order-shipping span, .order-details .order-table table tbody tr td.total-price span {
                color: #333333;
                font-weight: 600;
            }

        .order-details .order-table table tbody tr td.shipping-price, .order-details .order-table table tbody tr td.order-subtotal-price, .order-details .order-table table tbody tr td.product-subtotal {
            font-weight: 600;
        }

.order-details .payment-box {
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
    margin-top: 30px;
    padding: 30px;
}

    .order-details .payment-box .payment-method p {
        font-size: 14px;
    }

        .order-details .payment-box .payment-method p [type="radio"]:checked, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) {
            display: none;
        }

            .order-details .payment-box .payment-method p [type="radio"]:checked + label, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label {
                padding-left: 27px;
                cursor: pointer;
                display: block;
                color: #333333;
                position: relative;
                margin-bottom: 8px;
                font-weight: 600;
            }

                .order-details .payment-box .payment-method p [type="radio"]:checked + label::before, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 3px;
                    width: 18px;
                    height: 18px;
                    border: 1px solid #dddddd;
                    border-radius: 50%;
                    background: #ffffff;
                }

                .order-details .payment-box .payment-method p [type="radio"]:checked + label::after, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::after {
                    content: '';
                    width: 12px;
                    height: 12px;
                    background: #45376f;
                    position: absolute;
                    top: 6px;
                    left: 3px;
                    border-radius: 50%;
                    -webkit-transition: 0.5s;
                    transition: 0.5s;
                }

                .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::after {
                    opacity: 0;
                    visibility: hidden;
                    -webkit-transform: scale(0);
                    transform: scale(0);
                }

                .order-details .payment-box .payment-method p [type="radio"]:checked + label::after {
                    opacity: 1;
                    visibility: visible;
                    -webkit-transform: scale(1);
                    transform: scale(1);
                }

    .order-details .payment-box .btn.order-btn {
        display: block;
        margin-top: 25px;
        -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
        box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
    }

/*================================================
Contact Area CSS
=================================================*/
.contact-area .section-title {
    margin-bottom: 40px;
}

.contact-form {
    text-align: center;
}

    .contact-form form {
        padding-left: 50px;
    }

        .contact-form form .form-control {
            background-color: #ffffff;
            border: none;
            -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
            box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
            height: 50px;
            font-family: "Vazir-FD", sans-serif;
            font-size: 16px;
        }

        .contact-form form .row {
            margin-left: -7px;
            margin-right: -7px;
        }

            .contact-form form .row .col-lg-12, .contact-form form .row .col-lg-6 {
                padding-left: 7px;
                padding-right: 7px;
            }

        .contact-form form textarea.form-control {
            height: auto;
            padding-top: 15px;
        }

        .contact-form form .btn {
            padding: 13px 35px 15px;
            font-size: 17px;
            margin-top: 10px;
            -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.5);
            box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.5);
        }

            .contact-form form .btn.disabled {
                cursor: not-allowed !important;
            }

                .contact-form form .btn.disabled:hover::before, .contact-form form .btn.disabled:focus::before {
                    opacity: 1;
                    visibility: visible;
                }

                .contact-form form .btn.disabled:hover::after, .contact-form form .btn.disabled:focus::after {
                    opacity: 0;
                    visibility: hidden;
                }

        .contact-form form .help-block ul {
            padding-left: 0;
            list-style-type: none;
            margin-top: 5px;
            margin-bottom: 0;
        }

            .contact-form form .help-block ul li {
                color: red;
            }

        .contact-form form #msgSubmit {
            margin-bottom: 0;
        }

            .contact-form form #msgSubmit.text-danger, .contact-form form #msgSubmit.text-success {
                margin-top: 8px;
                font-size: 23px;
                font-weight: 700;
            }

.contact-info {
    text-align: center;
    margin-top: 60px;
}

    .contact-info .contact-info-content h3 {
        margin-bottom: 15px;
        font-size: 23px;
        font-weight: 700;
    }

    .contact-info .contact-info-content h2 {
        margin-bottom: 0;
        font-size: 40px;
        font-weight: 700;
    }

        .contact-info .contact-info-content h2 a {
            display: inline-block;
            color: #45376f;
        }

            .contact-info .contact-info-content h2 a:hover {
                color: #4ac728;
            }

            .contact-info .contact-info-content h2 a:not(:first-child) {
                color: #4ac728;
            }

                .contact-info .contact-info-content h2 a:not(:first-child):hover {
                    color: #45376f;
                }

        .contact-info .contact-info-content h2 span {
            display: block;
            color: #57647c;
            margin-top: 8px;
            margin-bottom: 0;
            font-size: 18px;
            font-weight: 500;
        }

    .contact-info .contact-info-content .social {
        padding-left: 0;
        list-style-type: none;
        margin-bottom: 0;
        margin-top: 20px;
    }

        .contact-info .contact-info-content .social li {
            display: inline-block;
            margin: 0 2px;
        }

            .contact-info .contact-info-content .social li a {
                width: 35px;
                height: 35px;
                line-height: 35px;
                border: 1px solid #dadada;
                border-radius: 50%;
                color: #aba5a5;
            }

                .contact-info .contact-info-content .social li a i {
                    font-size: 14px;
                }

                .contact-info .contact-info-content .social li a:hover {
                    color: #ffffff;
                    border-color: #45376f;
                    background-color: #45376f;
                }

/*================================================
Footer Area CSS
=================================================*/
.footer-area {
    z-index: 1;
    padding-top: 40px;
    background-color: #15171a;
    text-align: center
}

.single-footer-widget {
    margin-bottom: 30px;
}

    .single-footer-widget .logo {
        margin-bottom: 20px;
    }

        .single-footer-widget .logo p {
            color: #ffffff;
            margin-top: 18px;
            margin-bottom: 0;
        }

    .single-footer-widget p {
        color: #ffffff;
        font-size: 14px;
    }

    .single-footer-widget .social {
        padding-left: 0;
        margin-bottom: 0;
        list-style-type: none;
    }

        .single-footer-widget .social li {
            display: inline-block;
            -webkit-transition: 0.5s;
            transition: 0.5s;
            margin-left: 1px;
            margin-right: 1px;
        }

            .single-footer-widget .social li a {
                width: 35px;
                height: 35px;
                background-color: #333333;
                line-height: 35px;
                border-radius: 50%;
                color: #ffffff;
                text-align: center;
            }

                .single-footer-widget .social li a i::before {
                    font-size: 13px;
                }

                .single-footer-widget .social li a:hover {
                    background-color: #45376f;
                    color: #ffffff;
                }

    .single-footer-widget h3 {
        margin-bottom: 23px;
        color: #ffffff;
        position: relative;
        padding-bottom: 6px;
        font-size: 23px;
        font-weight: 700;
    }

        .single-footer-widget h3::before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 40px;
            height: 2px;
            background: #45376f;
        }

    .single-footer-widget .footer-services-list {
        padding-left: 0;
        margin-bottom: 0;
        list-style-type: none;
    }

        .single-footer-widget .footer-services-list li {
            margin-bottom: 12px;
            color: #ffffff;
            font-size: 14px;
        }

            .single-footer-widget .footer-services-list li a {
                display: inline-block;
                color: #ffffff;
            }

                .single-footer-widget .footer-services-list li a:hover {
                    color: #45376f;
                }

            .single-footer-widget .footer-services-list li:last-child {
                margin-bottom: 0;
            }

    .single-footer-widget .quick-links-list {
        padding-left: 0;
        margin-bottom: 0;
        list-style-type: none;
    }

        .single-footer-widget .quick-links-list li {
            margin-bottom: 12px;
            color: #ffffff;
            font-size: 14px;
        }

            .single-footer-widget .quick-links-list li a {
                display: inline-block;
                color: #ffffff;
            }

                .single-footer-widget .quick-links-list li a:hover {
                    color: #45376f;
                }

            .single-footer-widget .quick-links-list li:last-child {
                margin-bottom: 0;
            }

    .single-footer-widget .footer-contact-list {
        padding-left: 0;
        margin-bottom: 0;
        list-style-type: none;
    }

        .single-footer-widget .footer-contact-list li {
            margin-bottom: 6px;
            color: #ffffff;
            font-size: 14px;
            line-height: 1.7;
        }

            .single-footer-widget .footer-contact-list li a {
                display: inline-block;
                color: #ffffff;
            }

                .single-footer-widget .footer-contact-list li a:hover {
                    color: #45376f;
                }

            .single-footer-widget .footer-contact-list li:last-child {
                margin-bottom: 0;
            }

.copyright-area {
    background-color: #000000;
    margin-top: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .copyright-area p {
        color: #ffffff;
    }

        .copyright-area p a {
            display: inline-block;
            color: #ffffff;
            font-weight: 600;
        }

            .copyright-area p a:hover {
                color: #45376f;
            }

    .copyright-area ul {
        padding-left: 0;
        margin-bottom: 0;
        list-style-type: none;
        text-align: right;
    }

        .copyright-area ul li {
            display: inline-block;
            margin-left: 15px;
            position: relative;
            color: #ffffff;
            font-size: 14px;
            line-height: initial;
        }

            .copyright-area ul li a {
                color: #ffffff;
            }

                .copyright-area ul li a:hover {
                    color: #45376f;
                }

            .copyright-area ul li::before {
                content: '';
                width: 4px;
                height: 1px;
                background: #ffffff;
                left: -11px;
                top: 50%;
                position: absolute;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .copyright-area ul li:first-child {
                margin-left: 0;
            }

                .copyright-area ul li:first-child::before {
                    display: none;
                }

.circle-map {
    position: absolute;
    top: 20%;
    right: 18%;
    z-index: -1;
}

.lines {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin: auto;
    width: 90vw;
    z-index: -1;
}

    .lines .line {
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        left: 50%;
        background: rgba(255, 255, 255, 0.1);
        overflow: hidden;
    }

        .lines .line::after {
            content: "";
            display: block;
            position: absolute;
            height: 15vh;
            width: 100%;
            top: -50%;
            left: 0;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #ffffff), to(#ffffff));
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
            -webkit-animation: run 7s 0s infinite;
            animation: run 7s 0s infinite;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
            animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
        }

        .lines .line:nth-child(1) {
            margin-left: -25%;
        }

            .lines .line:nth-child(1)::after {
                -webkit-animation-delay: 2s;
                animation-delay: 2s;
            }

        .lines .line:nth-child(3) {
            margin-left: 25%;
        }

            .lines .line:nth-child(3)::after {
                -webkit-animation-delay: 2.5s;
                animation-delay: 2.5s;
            }

@-webkit-keyframes run {
    0% {
        top: -50%;
    }

    100% {
        top: 110%;
    }
}

@keyframes run {
    0% {
        top: -50%;
    }

    100% {
        top: 110%;
    }
}

/*================================================
Go Top CSS
=================================================*/
.go-top {
    position: fixed;
    cursor: pointer;
    top: 0;
    left: 15px;
    color: #ffffff;
    background: #45376f;
    z-index: 4;
    width: 40px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .9s;
    transition: .9s;
}

    .go-top.active {
        top: 98%;
        -webkit-transform: translateY(-98%);
        transform: translateY(-98%);
        opacity: 1;
        visibility: visible;
    }

    .go-top i {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: 0 auto;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

        .go-top i:last-child {
            opacity: 0;
            visibility: hidden;
            top: 60%;
        }

    .go-top::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #4ac728;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .go-top:hover, .go-top:focus {
        color: #ffffff;
    }

        .go-top:hover::before, .go-top:focus::before {
            opacity: 1;
            visibility: visible;
        }

        .go-top:hover i:first-child, .go-top:focus i:first-child {
            opacity: 0;
            top: 0;
            visibility: hidden;
        }

        .go-top:hover i:last-child, .go-top:focus i:last-child {
            opacity: 1;
            visibility: visible;
            top: 50%;
        }
/*# sourceMappingURL=style.css.map */
/*MegaMenu*/
@charset "utf-8";
/* google webfont nunito */
@import url(http://fonts.googleapis.com/css?family=Nunito:regular,700);
/* flat mega menu layout start */
.Flat_mega_menu ul,
.Flat_mega_menu li,
.Flat_mega_menu a,
.Flat_mega_menu p,
.Flat_mega_menu i {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    display: block;
}

/* mega menu layout */
.Flat_mega_menu {
    min-height: 10px;
    width: 100%;
    min-width: 240px;
    position: relative;
    z-index: 10;
}

    /* menu unorderlist layout */
    .Flat_mega_menu > ul {
        width: 100%;
        height: 0px;
    }

        /* menu list items layout */
        .Flat_mega_menu > ul > li {
            float: right;
            height: 30px;
            width: 4%;
            white-space: nowrap;
        }

            /* menu a tag + user_login + search_bar hover effect */
            .Flat_mega_menu > ul > li:hover a,
            .Flat_mega_menu ul .user_login:hover .fa.fa-user,
            .Flat_mega_menu ul .search_bar:hover .fa.fa-search {
                color: #2888d2;
                background: #FFFFFF;
                transition: all 0.2s linear 0s;
                -moz-transition: all 0.2s linear 0s;
                -webkit-transition: all 0.2s linear 0s;
                -ms-transition: all 0.2s linear 0s;
                -o-transition: all 0.2s linear 0s;
            }

    /* menu a tag layout */
    .Flat_mega_menu ul li a {
        text-align: right;
        width: 100%;
    }

    /* menu list item first-child layout */
    /*.Flat_mega_menu > ul > li:first-child {
        width: 22%;
        padding: 0px 2%;
        overflow: hidden;
        border-left: none;
    }*/

    /* menu list item first-child a tag layout */
    /*.Flat_mega_menu > ul > li:first-child > a {
            text-transform: uppercase;
            text-align: left;
            color: #FFFFFF;
            font-size: x-large;
            line-height: 60px;
        }*/

    /* menu parent list item first-child a tag hover effect */
    /*.Flat_mega_menu > ul > li:hover:first-child > a {
        background: transparent;
    }*/

    /* user_login + search_bar class layout */
    .Flat_mega_menu ul .user_login,
    .Flat_mega_menu ul .search_bar {
        width: 6%;
        float: right;
        cursor: pointer;
    }

        /* fonntawesome icons laout */
        .Flat_mega_menu ul .user_login .fa.fa-user,
        .Flat_mega_menu ul .search_bar .fa.fa-search {
            display: block;
            text-align: center !important;
            color: #FFFFFF;
            font-size: large;
            line-height: 0px;
        }

    /* submenu one_col + submenu two_col layout */
    .Flat_mega_menu ul li .submenu.one_col,
    .Flat_mega_menu ul li .submenu.two_col {
        position: absolute;
        top: 60px;
        width: 200px;
        padding-top: 15px;
        background-color: #FFFFFF;
        padding-bottom: 15px;
        padding-right: 25px;
        border-bottom: 5px solid #2888d2;
        display: none;
        border-left: 1px solid #E4E4E4;
        border-right: 1px solid #E4E4E4;
    }

        /* submenu one_col or two_col list item layout */
        .Flat_mega_menu ul li .submenu.one_col li,
        .Flat_mega_menu ul li .submenu.two_col li {
            position: relative;
            height: 40px;
        }

            /* submenu one_col or two_col a tag lyout */
            .Flat_mega_menu ul li .submenu.one_col li a,
            .Flat_mega_menu ul li .submenu.two_col li a {
                text-align: left;
                text-indent: 27px;
                font-weight: normal;
                font-size: 14px;
                height: 40px;
                white-space: normal;
                padding-right: 25px;
                line-height: 40px;
                color: #555658;
            }

            /* submenu one_col or two_col a tag hover effect */
            .Flat_mega_menu ul li .submenu.one_col li:hover > a,
            .Flat_mega_menu ul li .submenu.two_col li:hover > a {
                text-indent: 32px;
                color: #000000
            }

            /* second level submenu layout */
            .Flat_mega_menu ul li .submenu.one_col li .submenu.one_col {
                position: absolute;
                left: 112.5%;
                top: -15px;
                display: none;
                width: 150px;
            }

                /* third level submenu layout */
                .Flat_mega_menu ul li .submenu.one_col li .submenu.one_col li .submenu.one_col {
                    left: 116.5%;
                }

            /* submenu one_col list item first-child submenu layout */
            .Flat_mega_menu ul li .submenu.one_col li:first-child .submenu.one_col {
                top: -15px;
            }

    /* search bar layout */
    .Flat_mega_menu ul .search_bar ul {
        background-color: #FFFFFF;
        width: 100%;
        position: absolute;
        left: 0px;
        display: none;
        border-bottom: 5px solid #2888d2;
    }

        /* search bar input text field layout */
        .Flat_mega_menu ul .search_bar ul form input:first-child {
            width: 84.5%;
            height: 40px;
            margin: 17px 1% 17px 2%;
            font-size: large;
            text-indent: 20px;
        }

        /* search bar submit button layout */
        .Flat_mega_menu ul .search_bar ul form input:last-child {
            width: 10%;
            height: 46px;
            position: relative;
            top: -1px;
            font-size: large;
            padding-left: 10px;
            padding-right: 10px;
            background: #2888d2;
            color: #FFFFFF;
            cursor: pointer;
            border: none;
        }

    /* user login form layout */
    .Flat_mega_menu ul .user_login ul {
        position: absolute;
        right: 0px;
        background: #FFFFFF;
        padding: 20px;
        display: none;
        border-bottom: 5px solid #2888d2;
    }

        /* user login form table layout */
        .Flat_mega_menu ul .user_login ul form table tr td {
            color: #555658;
            padding-top: 5px;
        }

    /* user login form input field layout */
    .Flat_mega_menu ul .user_login table tr:nth-child(2) td input,
    .Flat_mega_menu ul .user_login table tr:nth-child(4) td input {
        height: 27px;
        width: 177px;
    }

    /* user login form input field layout */
    .Flat_mega_menu ul .user_login table tr:last-child td input {
        height: 38px;
        border: 0px;
        width: 181px;
        margin-top: 15px;
        background: #2888d2;
        font-size: medium;
        color: #FFFFFF;
        cursor: pointer
    }

    /* social bar layout */
    .Flat_mega_menu ul .social_bar {
        position: relative
    }

        /* social bar submenu layout */
        .Flat_mega_menu ul .social_bar ul {
            background: #FFFFFF;
            position: absolute;
            top: 60px;
            right: 0px;
            width: 260px;
            padding: 20px;
            display: none;
            border-bottom: 5px solid #2888d2;
        }

            /* social bar list items layout */
            .Flat_mega_menu ul .social_bar ul li {
                float: left;
                display: block;
                width: 50%;
                height: 40px;
                padding-top: 10px;
                line-height: 27px;
                text-indent: 10px;
            }

                /* social bar a tag layout */
                .Flat_mega_menu ul .social_bar ul li a {
                    color: #555658;
                    height: 40px;
                    line-height: 37px;
                    float: left;
                    position: relative;
                    top: -34px;
                    text-align: left;
                    text-indent: 37px;
                }

        /* social bar a tag hover effect */
        .Flat_mega_menu ul .social_bar:hover ul li a {
            background: transparent;
        }

        /* social bar fontawesome icons layout */
        .Flat_mega_menu ul .social_bar ul li i {
            float: left;
            background: #555658;
            color: #FFFFFF;
            padding: 4px;
            border-radius: 20px;
            text-align: center;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-indent: 0px;
        }

        /* social bar fontawesome icons hover effct */
        .Flat_mega_menu ul .social_bar ul li:hover i {
            color: #FFFFFF;
            background: #6d7580;
        }

    /* submenu display none */
    .Flat_mega_menu ul li .submenu {
        display: none
    }

        /* submenu image container layout */
        .Flat_mega_menu ul li .submenu.img_container {
            display: none;
            background-color: #FFFFFF;
            width: 100%;
            position: absolute;
            left: 0px;
            top: 20px;
            border-bottom: 5px solid #2888d2;
            padding-bottom: 20px;
        }

            /* submenu image container list items layout */
            .Flat_mega_menu ul li .submenu.img_container li {
                float: left;
                height: 200px;
                margin: 2% 2% 2% 10px;
            }

                /* submenu image container img tag layout */
                .Flat_mega_menu ul li .submenu.img_container li img {
                    height: 100%;
                    width: 100%;
                    border-radius: 5px;
                    border: 5px solid #e9f0f6;
                    cursor: pointer;
                }

                    /* submenu image container img hover effct */
                    .Flat_mega_menu ul li .submenu.img_container li img:hover {
                        opacity: 0.8;
                    }

            /* submenu image container title class layout */
            .Flat_mega_menu ul li .submenu.img_container .title {
                font-size: x-large;
                margin: 20px 16px 6px 2%;
                width: 90%;
                height: 20px;
            }

            /* submenu image container p tag layout */
            .Flat_mega_menu ul li .submenu.img_container li p {
                display: block;
                margin-top: 7px;
                margin-left: 7px;
                margin-bottom: 7px;
                height: 40px;
                overflow: hidden;
                white-space: normal;
                font-size: 14px;
                color: rgb(85, 86, 88);
            }

        /* submenu with four column layout */
        .Flat_mega_menu ul li .submenu.four_col {
            display: none;
            position: absolute;
            left: 0px;
            top: 60px;
            width: 100%;
            min-height: 100px;
            background: #FFFFFF;
            border-bottom: 5px solid #2888d2;
            padding-bottom: 20px;
        }

            /* submenu with four column list items layout */
            .Flat_mega_menu ul li .submenu.four_col li {
                float: left;
                width: 21%;
                margin-right: 2%;
                margin-left: 2%;
            }

                /* submenu with four column a tag layout */
                .Flat_mega_menu ul li .submenu.four_col li a {
                    color: #555658;
                    text-align: left;
                    white-space: normal;
                    line-height: 40px;
                    margin-bottom: 1px;
                    font-size: 14px;
                }

                /* submenu with four column a tag hover effct */
                .Flat_mega_menu ul li .submenu.four_col li:hover a {
                    text-indent: 5px;
                    color: #000000
                }

            /* submenu with four column title class layout */
            .Flat_mega_menu ul li .submenu.four_col .title {
                font-size: large;
                margin: 2%;
                font-weight: bold;
            }

/* submenu image container half layout  */
/*.Flat_mega_menu ul li .submenu.img_container.half li:first-child {
            width: 2%*/
}

/* submenu image container 4 images layout  */
.Flat_mega_menu ul li .submenu.img_container.half li:nth-child(even) {
    clear: both
}

/* submenu image container with four column  */
.Flat_mega_menu ul li .submenu.img_container.half .two_col {
    position: absolute;
    left: 52%;
    width: 46%;
}

    /* submenu image container with four column title class layout */
    .Flat_mega_menu ul li .submenu.img_container.half .two_col .title {
        float: left;
        width: 48%;
        clear: none;
        margin: 20px 2px 2px;
        height: 29px;
        border: none;
    }

    /* submenu image container with four column list items layout */
    .Flat_mega_menu ul li .submenu.img_container.half .two_col li {
        float: left;
        clear: none;
        width: 48.5%;
        height: 40px;
        margin: 9px 1px 0px 0px;
        border-bottom: 1px solid #E8E8E8;
    }

        /* submenu image container with four column a tag lyout */
        .Flat_mega_menu ul li .submenu.img_container.half .two_col li a {
            text-align: left;
            line-height: 38px;
            text-indent: 5px;
            font-size: 14px;
            color: rgb(85, 86, 88);
        }

        /* submenu image container with four column a tag hover effct */
        .Flat_mega_menu ul li .submenu.img_container.half .two_col li:hover a {
            text-indent: 10px;
            color: rgb(0, 0, 0);
        }

/* submenu with two column layout */
.Flat_mega_menu ul li .submenu.two_col {
    width: 300px;
}

    /* submenu with two column list items layout */
    .Flat_mega_menu ul li .submenu.two_col li {
        width: 50%;
        float: left;
    }

        /* second level submenu with two column layout */
        .Flat_mega_menu ul li .submenu.two_col li .submenu.two_col {
            display: none !important
        }

/* user_login class a tag layout */
.Flat_mega_menu ul .user_login a {
    display: none;
}

/* mouse hover display submenus */
.Flat_mega_menu ul li:hover .submenu.one_col,
.Flat_mega_menu ul li:hover .submenu.two_col,
.Flat_mega_menu ul .search_bar:hover ul,
.Flat_mega_menu ul .user_login:hover ul,
.Flat_mega_menu ul .social_bar:hover ul,
.Flat_mega_menu ul li:hover .submenu.img_container,
.Flat_mega_menu ul li:hover .submenu.four_col {
    display: block;
    /* animation */
    animation: display_submenus 0.2s linear 0s 1 forwards;
    -webkit-animation: display_submenus 0.2s linear 0s 1 forwards;
    -moz-animation: display_submenus 0.2s linear 0s 1 forwards;
    -ms-animation: display_submenus 0.2s linear 0s 1 forwards;
    -o-animation: display_submenus 0.2s linear 0s 1 forwards;
}

/* second level submenu hover effect */
.Flat_mega_menu ul li .submenu.one_col li:hover > .submenu.one_col {
    display: block;
    /* animation */
    animation: display_submenus_second 0.2s linear 0s 1 forwards;
    -webkit-animation: display_submenus_second 0.2s linear 0s 1 forwards;
    -moz-animation: display_submenus_second 0.2s linear 0s 1 forwards;
    -ms-animation: display_submenus_second 0.2s linear 0s 1 forwards;
    -o-animation: display_submenus_second 0.2s linear 0s 1 forwards;
}

/* fontawesome arrow icon display on submenus layout */
.Flat_mega_menu ul li .submenu.one_col li .fa.fa-angle-right {
    position: absolute;
    top: 12px;
    right: -5px;
    color: #555658;
}

/* checkbox button layout */
.Flat_mega_menu .mobile_button,
.Flat_mega_menu .fa.fa-bars {
    display: none;
}

/* default animation keyframes */
@keyframes display_submenus {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/* animation for chrome and safari */
@-webkit-keyframes display_submenus {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/* animation for firefox */
@-moz-keyframes display_submenus {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/* animation for internet explorer 10+ */
@-ms-keyframes display_submenus {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/* animation for opera */
@-o-keyframes display_submenus {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/* second level submenus default animation */
@keyframes display_submenus_second {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/* second level submenus chrome and safari animation */
@-webkit-keyframes display_submenus_second {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/* second level submenus firefox animation */
@-moz-keyframes display_submenus_second {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/* second level submenus internet explorer 10+ animation */
@-ms-keyframes display_submenus_second {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/* second level submenus opera animation */
@-o-keyframes display_submenus_second {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media screen and (max-width:768px) {
    /* menu unorderlist layout */
    .Flat_mega_menu > ul {
        height: auto;
        position: relative;
    }

        /* menu list items layout */
        .Flat_mega_menu > ul > li {
            float: none;
            height: 60px;
            width: 100%;
            border-left: none;
            border-bottom: 1px solid #1476bf;
            position: relative;
        }

            /* menu list item first-child layout */
            .Flat_mega_menu > ul > li:first-child {
                border: none;
                width: 96%;
            }

                /* menu list item first-chila a tag layout */
                .Flat_mega_menu > ul > li:first-child > a {
                    text-align: center;
                    width: 100%;
                }

            /* menu list litem 2 child layout */
            .Flat_mega_menu > ul > li:nth-child(2) {
                border-top: 1px solid #1476bf;
            }

            /* submenu one_col + submenu two_col layout */
            .Flat_mega_menu > ul > li > .submenu.one_col,
            .Flat_mega_menu > ul > li > .submenu.two_col {
                position: absolute;
                z-index: 999;
                top: 60px;
                width: 100%;
                padding-right: 0px;
                display: none;
                border-left: none;
                border-right: none;
                border-top: 1px solid #E4E4E4;
            }

    /* submenu one_col or two_col list item layout */
    .Flat_mega_menu ul li .submenu.one_col li,
    .Flat_mega_menu ul li .submenu.two_col li {
        position: relative;
        height: 40px;
        width: 100%;
        clear: both;
    }

        /* submenu one_col or two_col a tag lyout */
        .Flat_mega_menu ul li .submenu.one_col li a,
        .Flat_mega_menu ul li .submenu.two_col li a {
            white-space: normal;
            padding-right: 5%;
            float: left;
            width: auto;
        }

        /* second level submenu layout */
        .Flat_mega_menu ul li .submenu.one_col li .submenu.one_col {
            position: relative;
            z-index: 999;
            left: 0px;
            top: 0px;
            padding: 0px;
            margin: 0px;
            display: none;
            border: none;
            border-top: 1px solid #E4E4E4;
            float: left;
            width: 100%;
        }

            /* second level submenu a tag layout */
            .Flat_mega_menu ul li .submenu.one_col li .submenu.one_col li a {
                text-indent: 40px;
            }

            /* third level submenu a tag layout */
            .Flat_mega_menu ul li .submenu.one_col li .submenu.one_col li .submenu.one_col li a {
                text-indent: 60px;
            }

            /* submenu hover effect */
            .Flat_mega_menu ul li .submenu.one_col li .submenu.one_col li:hover a {
                text-indent: 45px;
            }

            /* submenu hover effect */
            .Flat_mega_menu ul li .submenu.one_col li .submenu.one_col li .submenu.one_col li:hover a {
                text-indent: 65px;
            }
            /* third level submenu layout */
            .Flat_mega_menu ul li .submenu.one_col li .submenu.one_col li .submenu.one_col {
                left: 0px;
                border-top: 1px solid #E4E4E4;
            }

        /* fontawesome arrow icon display on submenus layout */
        .Flat_mega_menu ul li .submenu.one_col li .fa.fa-angle-right {
            position: absolute;
            z-index: 999;
            right: 20px;
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
        }

    /* submenu image container layout */
    .Flat_mega_menu ul li .submenu.img_container {
        display: none;
        left: 0px;
        top: 60px;
        z-index: 999;
    }
        /* submenu image container list items layout */
        .Flat_mega_menu ul li .submenu.img_container li {
            float: left;
            width: 40.6%;
            margin: 2% 4% 55px;
        }

        /* submenu image container title class layout */
        .Flat_mega_menu ul li .submenu.img_container .title {
            font-size: large;
            margin-left: 4%;
        }

        /* submenu image container 4 images layout  */
        .Flat_mega_menu ul li .submenu.img_container.half li {
            clear: both
        }

        /* submenu image container with four column list items layout */
        .Flat_mega_menu ul li .submenu.img_container.half .two_col li {
            float: left;
            clear: none;
            width: 97.5%;
        }

        /* submenu image container with four column title class layout */
        .Flat_mega_menu ul li .submenu.img_container.half .two_col .title {
            width: 97%;
        }

            /* submenu image container with four column title class layout */
            .Flat_mega_menu ul li .submenu.img_container.half .two_col .title:nth-child(2) {
                display: none;
            }

        /* submenu image container with four column a tag lyout */
        .Flat_mega_menu ul li .submenu.img_container.half .two_col li a {
            width: auto;
            padding-right: 5%;
        }

    /* submenu with four column layout */
    .Flat_mega_menu ul li .submenu.four_col {
        display: none;
        z-index: 999;
        left: 0px;
        top: 60px;
    }

        /* submenu with four column a tag layout */
        .Flat_mega_menu ul li .submenu.four_col li a {
            width: auto;
        }

        /* submenu with four column title class layout */
        .Flat_mega_menu ul li .submenu.four_col .title {
            margin-bottom: 16px;
        }

    /* social bar submenu layout */
    .Flat_mega_menu ul .social_bar ul {
        position: absolute;
        z-index: 999;
        top: 60px;
        left: 0px;
        width: 100%;
        padding: 0px;
        display: none;
    }

        /* social bar list items layout */
        .Flat_mega_menu ul .social_bar ul li {
            width: 20%;
            position: relative;
            margin-left: 4%;
        }

            /* social bar a tag layout */
            .Flat_mega_menu ul .social_bar ul li a {
                width: auto;
                position: absolute;
                top: 5px;
                padding-right: 5%;
                opacity: .5;
                left: 0%;
            }

    /* user_login + search_bar class layout */
    .Flat_mega_menu ul .user_login,
    .Flat_mega_menu ul .search_bar {
        width: 100%;
        float: left;
        background: #2888d2;
    }
        /* search bar layout */
        .Flat_mega_menu ul .search_bar ul {
            width: 100%;
            position: absolute;
            z-index: 999;
            display: none;
        }

            /* search bar input text field layout */
            .Flat_mega_menu ul .search_bar ul form input:first-child {
                width: 71.5%;
                margin: 17px 1% 17px 4%;
                font-size: medium;
            }

            /* search bar submit button layout */
            .Flat_mega_menu ul .search_bar ul form input:last-child {
                width: 18%;
                position: relative;
                top: 1px;
                height: 48px;
            }

        /* user login form layout */
        .Flat_mega_menu ul .user_login ul {
            position: absolute;
            z-index: 999;
            left: 0px;
            padding: 0px;
            display: none;
        }

        /* user login form table layout */
        .Flat_mega_menu ul .user_login table {
            width: 100%
        }
            /* user login form input field layout */
            .Flat_mega_menu ul .user_login table tr:nth-child(2) td input,
            .Flat_mega_menu ul .user_login table tr:nth-child(4) td input {
                height: 27px;
                width: 93%;
            }

            /* user login form input field layout */
            .Flat_mega_menu ul .user_login table tr:last-child td input {
                width: 94%;
                margin-top: 15px;
                margin-bottom: 18px;
            }

        /* user login form table layout */
        .Flat_mega_menu ul .user_login ul form table tr td {
            text-indent: 3%;
        }

    /* mobile button layout */
    .Flat_mega_menu .mobile_button {
        opacity: 0;
    }

    /* mobile buton + fontawesome icon layout */
    .Flat_mega_menu .mobile_button,
    .Flat_mega_menu .fa.fa-bars {
        display: block;
        position: absolute;
        left: 0px;
        z-index: 999;
        height: 60px;
        width: 9%;
        cursor: pointer;
        min-width: 60px;
    }

        /* fontawesome icon layout */
        .Flat_mega_menu .fa.fa-bars:before {
            font-size: 40px;
            top: 10px;
            position: relative;
            left: 15px;
        }

    /* menu unorder list tag layout */
    .Flat_mega_menu > ul {
        height: 60px;
        overflow: hidden;
    }

    /* menu checkbox button layout */
    .Flat_mega_menu .mobile_button:checked + ul {
        height: auto;
        overflow: visible;
    }
}

@media screen and (max-width:592px) {

    /* submenu with four column list items layout */
    .Flat_mega_menu ul li .submenu.four_col li {
        float: left;
        width: 42%;
        margin-right: 1%;
        margin-left: 5%;
    }

    /* submenu with four column title class layout */
    .Flat_mega_menu ul li .submenu.four_col .title {
        margin: 2% 1% 2% 5%;
    }

        /* submenu with four column title class layout */
        .Flat_mega_menu ul li .submenu.four_col .title:nth-child(3),
        .Flat_mega_menu ul li .submenu.four_col .title:nth-child(4) {
            display: none;
        }

    /* submenu with four column title class layout */
    .Flat_mega_menu ul li .submenu.four_col .title {
        margin-bottom: 26px;
    }
}

@media screen and (max-width:480px) {

    /* social bar list items layout */
    .Flat_mega_menu ul .social_bar ul li {
        width: 40%;
        position: relative;
        margin-left: 4%;
    }
    /* search bar input text field layout */
    .Flat_mega_menu ul .search_bar ul form input:first-child {
        width: 57.5%;
        margin: 17px 1% 17px 6%;
    }

    /* search bar submit button layout */
    .Flat_mega_menu ul .search_bar ul form input:last-child {
        width: 27%;
    }
}

@media screen and (max-width:320px) {

    /* submenu image container list items layout */
    .Flat_mega_menu ul li .submenu.img_container li {
        float: left;
        width: 81.5%;
        margin: 2% 8% 55px;
    }
    /* submenu image container title class layout */
    .Flat_mega_menu ul li .submenu.img_container .title {
        font-size: large;
        margin-left: 8%;
    }

    /* submenu image container with four column  */
    .Flat_mega_menu ul li .submenu.img_container.half .two_col {
        position: relative;
        width: 85%;
        left: 9%;
        clear: both;
        padding: 0px;
        top: 48px;
        border-top: 2px solid #E8E8E8;
    }

    /* submenu with four column list items layout */
    .Flat_mega_menu ul li .submenu.four_col li {
        width: 89%;
        margin-left: 8%;
    }

    /* submenu with four column title class layout */
    .Flat_mega_menu ul li .submenu.four_col .title:nth-child(2) {
        display: none;
    }

    /* social bar list items layout */
    .Flat_mega_menu ul .social_bar ul li {
        width: 95%;
        position: relative;
        margin-left: 8%;
    }
    /* search bar input text field layout */
    .Flat_mega_menu ul .search_bar ul form input:first-child {
        width: 57.5%;
        margin: 17px 1% 17px 6%;
    }

    /* search bar submit button layout */
    .Flat_mega_menu ul .search_bar ul form input:last-child {
        width: 27%;
    }
    /* user login form input field layout */
    .Flat_mega_menu ul .user_login table tr:nth-child(2) td input,
    .Flat_mega_menu ul .user_login table tr:nth-child(4) td input {
        height: 27px;
        width: 88%;
    }

    /* user login form input field layout */
    .Flat_mega_menu ul .user_login table tr:last-child td input {
        width: 89%;
        margin-top: 15px;
        margin-bottom: 18px;
    }

    /* user login form table layout */
    .Flat_mega_menu ul .user_login ul form table tr td {
        text-indent: 5%;
    }
    /* menu list item first-child a tag layout */
    .Flat_mega_menu > ul > li:first-child > a {
        text-indent: 30px;
    }
}