body {
    background-color: #f1f1f1;
}

a {
    text-decoration: none;
}

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

.slide {
    padding: 0px !important;
}

#mycarousel .carousel-control {
    margin: 15% 0;
}

.bn_banner_side {
    float: right;
    width: 100%;
    display: inline-block;
    list-style: none;
}

    .bn_banner_side li {
        float: right;
        width: 100%;
        margin-bottom: 20px;
    }

        .bn_banner_side li img {
            display: block;
            width: 100%;
            height: auto;
        }

.multi-level {
    background: #434a54 !important;
}

.material-half-bg {
    height: 100vh;
    background-color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

    .material-half-bg .cover {
        height: 50vh;
    }

.login-content {
    display: -ms-flexbox;
    /* display: flex; */
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
    margin-top: 50px;
}

    .login-content .logo {
        margin-bottom: 40px;
        color: #fff;
    }

        .login-content .logo h1 {
            font-size: 52px;
        }

    .login-content .login-box {
       position: relative;
    width: 400px;
    height: 390px;
    background-color: #fff;
    box-shadow: 0px 29px 147.5px 102.5px rgb(0 0 0 / 5%), 0px 29px 95px 0px rgb(0 0 0 / 16%);
    perspective: 800px;
    transition: all 0.5s ease-in-out;
    margin: 0 auto;
    }

        .login-content .login-box .login-head {
            margin-top: 0;
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #ddd;
            text-align: center;
        }

        .login-content .login-box label {
            color: #666;
        }

        .login-content .login-box .utility {
            display: -ms-flexbox;
            display: flex;
            padding: 1px;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center;
        }

        .login-content .login-box .btn-container {
            margin-bottom: 0;
        }

        .login-content .login-box .login-form, .login-content .login-box .forget-form {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 40px;
            backface-visibility: hidden;
            transition: all 0.5s ease-in-out;
        }

        .login-content .login-box .forget-form {
            opacity: 0;
            transform: rotateY(180deg);
        }

        .login-content .login-box.flipped {
            min-height: 300px;
        }

            .login-content .login-box.flipped .login-form {
                opacity: 0;
                transform: rotateY(-180deg);
            }

            .login-content .login-box.flipped .forget-form {
                opacity: 1;
                transform: rotateY(0deg);
            }

.signup-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
}

    .signup-content .logo {
        margin-bottom: 40px;
        font-family: 'Niconne';
        color: #fff;
    }

        .signup-content .logo h1 {
            font-size: 52px;
        }

            .signup-content .logo h1 a {
                color: #FFF !important;
            }

                .signup-content .logo h1 a::after {
                    color: #FFF !important;
                }

                .signup-content .logo h1 a:active {
                    color: #FFF !important;
                }

.lockscreen-content .logo h1 a {
    color: #000 !important;
}

    .lockscreen-content .logo h1 a::after {
        color: #FFF !important;
    }

    .lockscreen-content .logo h1 a:active {
        color: #FFF !important;
    }

.signup-content .login-box {
   position: relative;
    width: 490px;
    height: 560px;
    background-color: #fff;
    box-shadow: 0px 29px 147.5px 102.5px rgb(0 0 0 / 5%), 0px 29px 95px 0px rgb(0 0 0 / 16%);
    perspective: 800px;
    transition: all 0.5s ease-in-out;
    font-family: IRANSans !important;
    font-size: 13px;
    margin-top: 25px;
}

.form-group select {
    font-family: IRANSans !important;
    font-size: 13px;
}

    .form-group select option {
        font-family: IRANSans !important;
        font-size: 13px;
    }

.signup-content .login-box .login-head {
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.signup-content .login-box label {
}

.signup-content .login-box .utility {
    display: -ms-flexbox;
    display: flex;
    padding: 1px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.signup-content .login-box .btn-container {
    margin-bottom: 0;
}

.signup-content .login-box .login-form, .signup-content .login-box .forget-form {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px;
    backface-visibility: hidden;
    transition: all 0.5s ease-in-out;
}

.signup-content .login-box .forget-form {
    opacity: 0;
    transform: rotateY(180deg);
}

.signup-content .login-box.flipped {
    min-height: 300px;
}

    .signup-content .login-box.flipped .login-form {
        opacity: 0;
        transform: rotateY(-180deg);
    }

    .signup-content .login-box.flipped .forget-form {
        opacity: 1;
        transform: rotateY(0deg);
    }



.lockscreen-content {
    display: block;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
    margin: 50px auto;
}

    .lockscreen-content .logo {
        font-family: 'Niconne';
        margin-bottom: 40px;
        color: #fff;
        float: none !important;
text-align: center;
    }

        .lockscreen-content .logo h1 {
            font-size: 52px;
        }

    .lockscreen-content .lock-box {
        position: relative;
        min-width: 320px;
        padding: 20px 40px;
        background-color: #fff;
        box-shadow: 0px 29px 147.5px 102.5px rgba(0,0,0,0.05),0px 29px 95px 0px rgba(0,0,0,0.16);
        perspective: 800px;
        transition: all 0.5s ease-in-out;
	width: 320px;
        margin: 0 auto;
    }

        .lockscreen-content .lock-box .user-image {
            border: 3px solid #fff;
            max-width: 100px;
            display: block;
            margin: 0 auto;
        }

        .lockscreen-content .lock-box .user-name {
            margin-bottom: 2px;
        }

        .lockscreen-content .lock-box label {
            color: #666;
        }
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #FFF !important;
    white-space: nowrap;
}
.form-control {
    display: block;
    width: 97%;
    /*padding: 8px 12px;*/
    font-size: 13px;
    font-weight: 400;
    line-height: 3;
    background-color: #fff;
    background-image: none;
    border: 2px solid #ccc;
    border-radius: 3px;
    transition: border-color ease-in-out 0.15s;
}

    .form-control:focus {
        outline: 0;
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

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

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

    .form-control::-ms-expand {
        border: 0;
        background-color: transparent;
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1;
    }

    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed;
    }

textarea.form-control {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}


.btn-primary {
    color: #fff;
    background-color: #00a731 !important;
    border-color: transparent !important;
}

    .btn-primary:focus, .btn-primary.focus {
        color: #fff !important;
        background-color: #00a731 !important;
    }

    .btn-primary:hover {
        background-color: #038328 !important;
        border-color: transparent !important;
    }

    .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
        color: #fff;
    }

        .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
            color: #fff;
        }

    .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
        background-image: none;
    }

    .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
        background-color: #673AB7;
    }

    .btn-primary .badge {
        color: #673AB7;
        background-color: #fff;
    }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
}

.navbar-default .navbar-nav a:hover {
    color: #fff;
}

.navbar-default h1 {
    margin: 0 !important;
}

.navbar-left li a {
    color: #FFF !important;
}

.navbar-default .navbar-brand {
    color: #000 !important;
    font-size: 28px;
    margin-left: 0px !important;
}

.panel-footer {
    background: rgba(8,35,62,1);
}

.navbar-default {
    height: 46px;
    background-color: #fff;
    float: right;
    width: 100%;
    position: relative;
    z-index: 2;
    color: #000;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
    border: none !important;
    background: #fdc202;
    border: 0px solid #fdc202;
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    font-weight: 500;
    color: #222;
    z-index: 9999;
}
#mainMenu li i {display:none;}
#mainMenu li:first-child i {display: block;
    float: right;
    font-size: 24px;
    margin-left: 5px;}
.btnLogin {
    margin: 0 5px;
}

.btnRegister {
    margin: 0 5px;
}

.nav > li {
}

.top_details .navbar {
    height: 46px !important;
    min-height: 0px !important;
}

.navbar-nav > li > a {
    padding-top: 13px;
    padding-bottom: 13px;
    font-weight: 500;
    color: #222 !important;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 0;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    white-space: nowrap;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 8px 15px;
    font-size: 13px;
    line-height: 1.428571429;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1),transform 0.2s cubic-bezier(0.35, 0, 0.25, 1),background-color 0.3s ease-in-out;
}
#btnSearch {
    position: relative;
    right: 90%;
    cursor: pointer;
}
form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

.no-border {
    border: none;
}

.divider {
    margin: 10px 0px;
}

.navbar-inverse {
    background: #08233E;
    color: #000 !important;
    border: none;
}


.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #000;
    background: none !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    background: none;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
}

.order-header {
    border-bottom: 1px solid #888;
    margin-bottom: 20px;
}
/************************************/
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
    height: 480px;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.navbar-brand {
    float: left;
    height: 75px !important;
    font-size: 18px;
    line-height: 75px;
    padding: 0px 10px !important;
}

.nav > li {
    cursor: pointer;
}

.navbar-fixed-top {
    top: 54px;
}







.light_header .topbar {
    background: #f9f9f9;
    border-bottom: 1px solid #e4e4e4;
}

.light_header .top-socials > a > span.soc_icon_bg {
    background: rgba(0, 0, 0, 0.15);
}

.light_header .top-socials span.soc_name:after, .light_header .top-socials span.soc_name:before, .light_header .top-socials > a > span.soc_name {
    background: #e77817;
    color: #fff;
}

.topbar.topbar_colored {
    background: #e77817;
    border-bottom: none;
}

.topbar_colored .top_details .title, .topbar_colored .top_details .title a, .topbar_colored .top_details > span > a, .topbar_colored .top_details > span, .topbar_colored .top_details > div > a, .topbar_colored .top_details > div {
    color: #fff;
}

.topbar_colored .top-socials > a {
    color: #fff;
}

    .topbar_colored .top-socials span.soc_name:after, .topbar_colored .top-socials span.soc_name:before, .topbar_colored .top-socials > a > span.soc_name {
        background: #00918f;
        color: #fff;
        text-shadow: none;
    }

    .topbar_colored .top-socials > a > span.soc_icon_bg {
        background: rgba(0, 0, 0, 0.15);
    }

.f_left {
    float: left;
}

.f_right {
    float: right;
}

.topbar {
    height: 46px;
    background-color: #ffb400;
}

.top-socials {
    text-align: right;
}

.top_expande {
    background: #fff;
    border-top: 1px solid #e4e4e4;
    display: none;
    height: 20px;
    width: 100%;
    cursor: pointer;
    color: #e77817;
    position: relative;
    font-size: 16px;
}

    .top_expande.not_expanded {
        background: #F9F9F9;
    }

    .top_expande i {
        left: 50%;
        margin-left: -4px;
        position: absolute;
        top: 1px;
    }

    .top_expande.not_expanded i.no_exp, .top_expande:not(.not_expanded) i.exp {
        opacity: 1;
    }

    .top_expande.not_expanded i.exp, .top_expande i.no_exp {
        opacity: 0;
    }

.topbar.white_topbar {
    background: #fff;
}

.topbar.large_topbar {
    padding: 25px 0;
}

.topbar .top_login > i {
    font-size: 13px;
}

.topbar #logo > a {
    max-height: 60px;
    display: inline-block;
    vertical-align: top;
}

    .topbar #logo > a img {
        display: block;
        max-width: 100%;
        position: relative;
        vertical-align: top;
        max-height: 60px;
    }

.top_details .title, .top_details .title a, .top_details > span > a, .top_details > span, .top_details > div, .top_details > div > a {
    color: #777777;
}

    .top_details > span > a {
        text-transform: uppercase;
    }

    .top_details > span .icon.ico-key8 {
        font-size: 13px;
    }

.top_details > span, .top_details > div {
    display: inline-block;
    margin-right: 40px;
    padding: 12px 0;
    font-size: 11px;
}

.top_details .title {
    margin: 0 5px 0 0px;
    text-transform: uppercase;
}

.top_details > span .icon {
    margin-right: 8px;
}

.top_details .top_login_title {
    margin-right: 0;
}

.top-socials > a {
    color: #808c8c;
    display: inline-block;
    font-size: 14px;
    height: 32px;
    line-height: 34px;
    margin-top: 4px;
    outline: medium none;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 32px;
    z-index: 1;
}

    .top-socials > a:hover {
        color: #fff;
        z-index: 10;
    }

    .top-socials > a > span.soc_name {
        opacity: 0;
        background: #070809;
        display: block;
        font-size: 12px;
        height: 32px;
        left: 14px;
        line-height: 31px;
        color: #808c8c;
        position: absolute;
        top: 0;
        z-index: 0;
        font-style: italic;
    }

    .top-socials > a > span.soc_icon_bg {
        background: #000000;
        display: block;
        content: "";
        width: 32px;
        height: 32px;
        line-height: 32px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        opacity: 0;
    }

    .top-socials > a > i {
        position: relative;
        z-index: 1;
    }

    .top-socials > a:hover > span.soc_name {
        width: auto;
        padding-left: 28px;
        opacity: 1;
    }

    .top-socials > a:hover > span.soc_icon_bg {
        top: 0px;
        left: 0px;
        opacity: 1;
    }

    .top-socials > a:last-child > span.soc_name {
        right: 11px;
        left: auto;
    }

    .top-socials > a:last-child:hover > span.soc_name {
        padding-left: 12px;
        padding-right: 28px;
    }

.top-socials a:last-child span.soc_name:before {
    display: none;
}

.top-socials span.soc_name:after, .top-socials span.soc_name:before {
    background: #070809;
    content: "";
    display: block;
    height: 32px;
    position: absolute;
    top: 0;
    width: 32px;
    z-index: -1;
}

.top-socials span.soc_name:after {
    right: -12px;
}

.top-socials span.soc_name:before {
    left: -14px;
}

.zoom-anim-dialog.login_popup {
    background: none;
    padding: 0;
}

.top_details .title {
    color: #777 !important;
}



.service_box {
    margin-bottom: 60px;
}

.service_box {
    position: relative;
    z-index: 1;
}

    .service_box .icon {
        background: #fff;
        background: none;
        height: 84px;
        line-height: 84px;
        width: 84px;
        top: 0;
    }

.service_box {
    position: relative;
    z-index: 1;
}

.icon_boxes_con.style1 .service_box {
    margin-bottom: 60px;
}

    .icon_boxes_con.style1 .service_box .service_box_con {
        border: 1px solid #e7e7e7;
        padding: 55px 15px 45px;
        background: #fff;
    }

    .icon_boxes_con.style1 .service_box > .icon i {
        background: #e77817;
        color: #fff;
        display: block;
        font-size: 32px;
        height: 60px;
        left: 9px;
        line-height: 60px;
        position: absolute;
        text-align: center;
        top: 9px;
        width: 60px;
        z-index: 1;
    }

        .icon_boxes_con.style1 .service_box > .icon i.color1 {
            background: #92c135;
        }

        .icon_boxes_con.style1 .service_box > .icon i.color2 {
            background: #0072A5;
        }

        .icon_boxes_con.style1 .service_box > .icon i.color3 {
            background: #E85F1B;
        }

    .icon_boxes_con.style1 .service_box > .icon:after {
        background: #fff;
        border: 1px solid #fff;
        content: "";
        display: block;
        height: 80px;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 78px;
    }

    .icon_boxes_con.style1 .service_box .service_box_con:before {
        border: 1px solid #e7e7e7;
        content: "";
        display: block;
        height: 80px;
        position: absolute;
        top: -37px;
        width: 80px;
        z-index: -1;
    }

    .icon_boxes_con.style1 .service_box .ser-box-link {
        background: #fff;
        border: 1px solid #e7e7e7;
        bottom: -17px;
        color: transparent;
        display: block;
        font-size: 0;
        height: 35px;
        position: absolute;
        width: 35px;
    }

        .icon_boxes_con.style1 .service_box .ser-box-link > span {
            background: #c4c2c2;
            display: block;
            height: 11px;
            left: 16px;
            position: absolute;
            top: 11px;
            width: 1px;
        }

            .icon_boxes_con.style1 .service_box .ser-box-link > span:after {
                background: #c4c2c2;
                content: "";
                display: block;
                height: 1px;
                left: -5px;
                position: absolute;
                top: 5px;
                width: 11px;
            }

        .icon_boxes_con.style1 .service_box .ser-box-link:hover {
            border-color: #e77817;
        }

.icon_boxes_con.style1:not(.just_icon_border) .service_box {
    margin-top: 40px;
}

.icon_boxes_con.style1.just_icon_border .service_box .service_box_con {
    padding-top: 115px;
}

.icon_boxes_con.style1.just_icon_border.img_icon_box .service_box .service_box_con {
    padding-top: 35px;
}

.icon_boxes_con.style1.just_icon_border:not(.img_icon_box) .service_box > .icon {
    top: 0;
}

.icon_boxes_con.style1:not(.img_icon_box) .service_box > .icon {
    height: 78px;
    position: absolute;
    top: -36px;
    width: 78px;
}

.icon_boxes_con.style1 .service_box h3, .icon_boxes_con.style2 .service_box h3 {
    font-size: 17px;
    font-weight: 500;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.icon_boxes_con .service_box h3 a {
    color: inherit;
}

.white_section .icon_boxes_con .service_box h3 {
    color: #fff;
}

.white_section .icon_boxes_con.style2:not(.icon_box_no_border) .service_box .icon::after {
    background: rgba(0, 0, 0, 0.15);
    border: none;
}

.upper_title h1, .upper_title h2, .upper_title h3, .upper_title h4, .upper_title h5, .upper_title h6, .upper_title .tabs-navi {
    text-transform: uppercase;
}

.light_title h1, .light_title h2, .light_title h3, .light_title h4, .light_title h5, .light_title h6 {
    font-weight: 300 !important;
}

.icon_boxes_con.style1 .service_box .desc, .icon_boxes_con.style2 .service_box .desc {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.white_section .icon_boxes_con.style1 .service_box .desc, .white_section .icon_boxes_con.style2 .service_box .desc {
    color: #ccc;
    color: rgba(255, 255, 255, 0.45);
}

.icon_boxes_con.style2 .service_box {
    margin-bottom: 60px;
}

    .icon_boxes_con.style2 .service_box .service_box_con {
        padding-right: 100px;
    }

    .icon_boxes_con.style2 .service_box .icon {
        background: #e77817;
        color: #fff;
        display: block;
        font-size: 32px;
        height: 70px;
        line-height: 73px;
        position: absolute;
        text-align: center;
        width: 70px;
        top: 8px;
    }

    .icon_boxes_con.style2 .service_box .ser-box-link {
        display: inline-block;
        font-size: 12px;
        margin-top: 14px;
        position: relative;
        padding-left: 14px;
        text-transform: uppercase;
    }

        .icon_boxes_con.style2 .service_box .ser-box-link > span {
            left: 2px;
            position: absolute;
            top: 5px;
        }

            .icon_boxes_con.style2 .service_box .ser-box-link > span:after {
                background: #e77817;
                content: "";
                display: block;
                height: 6px;
                left: 0;
                position: absolute;
                top: 3px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
                width: 2px;
            }

            .icon_boxes_con.style2 .service_box .ser-box-link > span:before {
                background: #e77817;
                content: "";
                display: block;
                height: 6px;
                left: 0;
                position: absolute;
                top: 0;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
                width: 2px;
            }

        .icon_boxes_con.style2 .service_box .ser-box-link:hover > span:before {
            top: 2px;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        .icon_boxes_con.style2 .service_box .ser-box-link:hover > span:after {
            top: 2px;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }

.icon_boxes_con.style2.icon_box_no_border .service_box .service_box_con {
    padding-left: 105px;
}

.icon_boxes_con.style2.icon_box_no_border .service_box .icon {
    height: 84px;
    width: 84px;
    line-height: 87px;
    top: 0;
}

.icon_boxes_con.style2.icon_left_right > div:nth-child(2n+1) .service_box .service_box_con {
    padding-left: 0;
    padding-right: 100px;
    text-align: right;
}

.icon_boxes_con.style2.icon_left_right > div:nth-child(2n+1) .service_box .icon {
    right: 7px;
    left: auto;
}

.icon_boxes_con.style1 .service_box .ser-box-link:hover > span, .icon_boxes_con.style1 .service_box .ser-box-link:hover > span:after {
    background: #e77817;
}

.icon_boxes_con.style2.medium_icon .service_box .icon, .icon_boxes_con.style1.medium_icon .service_box .icon {
    font-size: 24px;
}

.icon_boxes_con.style2:not(.icon_box_no_border):not(.solid_icon) .service_box .icon {
    left: 7px;
}

.icon_boxes_con.style2:not(.icon_box_no_border) .service_box .icon:after {
    background: #fff;
    border: 1px solid #e6ebea;
    content: "";
    display: block;
    height: 84px;
    left: -7px;
    position: absolute;
    top: -7px;
    width: 84px;
    z-index: -1;
}

.icon_boxes_con.style2.solid_icon .service_box .service_box_con {
    padding-right: 105px;
}

.icon_boxes_con.style2.solid_icon .service_box .icon {
    background: #fff;
    background: none;
    height: 84px;
    line-height: 84px;
    width: 84px;
    top: 0;
}

    .icon_boxes_con.style2.solid_icon .service_box .icon i {
        background: none;
        color: #e77817;
        position: relative;
        z-index: 1;
        top: 7px;
    }

    .icon_boxes_con.style2.solid_icon .service_box .icon:after {
        left: 0;
        top: 0;
    }

.icon_boxes_con.style2.solid_icon .service_box:hover > .icon i {
    color: #fff;
}

.icon_boxes_con.style1.circle .service_box > .icon i {
    height: 70px;
    line-height: 70px;
    width: 70px;
}

.icon_boxes_con.style1.circle .service_box .service_box_con:before {
    height: 90px;
    width: 90px;
    top: -44px;
}

.icon_boxes_con.style1.circle .service_box > .icon:after, .icon_boxes_con.style1.circle .service_box > .icon {
    height: 88px;
    width: 88px;
}

.icon_boxes_con.style1.circle:not(.just_icon_border) .service_box > .icon {
    top: -43px;
}

.icon_boxes_con.style1.circle:not(.just_icon_border) .service_box:hover > .icon i {
    height: 88px;
    left: 0;
    top: 0;
    width: 88px;
}

.icon_boxes_con.just_icon_border .service_box .service_box_con, .icon_boxes_con.just_icon_border .service_box .service_box_con:before {
    border: none;
    background: none;
}

.icon_boxes_con.just_icon_border .service_box > .icon:after {
    border: 1px solid #e6ebea;
    background: #fff;
}

.icon_boxes_con.just_icon_border.img_icon_box .service_box > .icon::after {
    background: none;
    border: medium none;
}

.icon_boxes_con.just_icon_border.circle .service_box > .icon i {
    height: 74px;
    left: 7px;
    line-height: 70px;
    top: 7px;
    width: 74px;
}

.icon_boxes_con.style1.solid_icon .service_box > .icon:after, .icon_boxes_con.style2.solid_icon .service_box .icon:after {
    background: #fff;
    border: 1px solid #e77817;
    border-radius: 100%;
}

.icon_boxes_con.style1.solid_icon .service_box > .icon i {
    background: #fff;
    color: #e77817;
}

.icon_boxes_con.style2.reflection .service_box .icon i:after {
    background: rgba(255, 255, 255, 0.1);
    content: "";
    display: block;
    height: 50%;
    left: -23px;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 100px;
}

.icon_boxes_con.style2.reflection .service_box .icon i {
    display: block;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
    position: relative;
    width: 70px;
}

.icon_boxes_con.style1.circle.just_icon_border.solid_icon:not(.radius5) .service_box > .icon:before, .icon_boxes_con.style2.solid_icon .service_box > .icon:before {
    background: #e77817;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 50%;
    top: 50%;
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1.2);
    -moz-transform: translateY(-50%) translateX(-50%) scale(1.2);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1.2);
    -o-transform: translateY(-50%) translateX(-50%) scale(1.2);
    transform: translateY(-50%) translateX(-50%) scale(1.2);
    border-radius: 100%;
}

.icon_boxes_con.style1.circle.just_icon_border:not(.solid_icon) .service_box > .icon i {
    background: none;
}

    .icon_boxes_con.style1.circle.just_icon_border:not(.solid_icon) .service_box > .icon i:after {
        background: #e77817;
        content: "";
        display: block;
        height: 100%;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 100%;
        z-index: -1;
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        -moz-transform: translateY(-50%) translateX(-50%) scale(1);
        -ms-transform: translateY(-50%) translateX(-50%) scale(1);
        -o-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1);
    }

.icon_boxes_con.style1.circle.just_icon_border:not(.solid_icon) .service_box:hover > .icon i:after {
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
    -moz-transform: translateY(-50%) translateX(-50%) scale(0);
    -ms-transform: translateY(-50%) translateX(-50%) scale(0);
    -o-transform: translateY(-50%) translateX(-50%) scale(0);
    transform: translateY(-50%) translateX(-50%) scale(0);
}

.icon_boxes_con.style1.circle.just_icon_border:not(.solid_icon) .service_box:hover > .icon i {
    background: #fff;
    color: #e77817;
}

.icon_boxes_con.style2:not(.solid_icon):not(.icon_box_no_border) .service_box:hover .icon {
    background: #fff;
    color: #e77817;
}

.icon_boxes_con.style1.circle.just_icon_border:not(.radius5) .service_box:hover > .icon:before, .icon_boxes_con.style2.solid_icon .service_box:hover > .icon:before {
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    -moz-transform: translateY(-50%) translateX(-50%) scale(1);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1);
    -o-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1);
}

.icon_boxes_con.style1:not(.radius5):not(.circle) .service_box:hover .service_box_con:before, .icon_boxes_con.style1:not(.radius5):not(.circle) .service_box:hover > .icon {
    transform: translateX(-50%) rotate(45deg);
}

.icon_boxes_con.style1.solid_icon.radius5 .service_box:hover > .icon:after, .icon_boxes_con.style1.solid_icon.radius5 .service_box:hover > .icon i, .icon_boxes_con.style1.circle.just_icon_border.solid_icon .service_box:hover > span i {
    background: #e77817;
    color: #fff;
}

.service_box:hover h3 {
    color: #e77817;
}

.template-j {
    margin-top: 10px;
}

    .template-j .Hti h1 {
        font-family: web_Yekan;
        font-size: 17px;
        margin-bottom: 10px;
    }

        .template-j .Hti h1 a {
            color: #000;
        }

    .template-j .Hti {
        float: right;
    }

        .template-j .Hti p {
            line-height: 30px;
            font-size: 15px;
            text-align: justify;
            color: #515050;
        }

        .template-j .Hti span {
            background: #247308;
            width: 130px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            display: block;
            color: #FFF;
            font-size: 16px;
            margin-top: 30px;
            transition: .3s all ease-in-out;
        }

            .template-j .Hti span:hover {
                border-radius: 30px;
            }

    .template-j figure {
        float: left;
    }

        .template-j figure img {
            width: 100%;
        }

.template-b {
    display: inline-block;
    text-align: center;
    margin-left: 2%;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;
    background: #fff;
    padding: 1%;
}

    .template-b h5 {
        font-family: BYekan-new;
        font-size: 16px;
    }

        .template-b h5 a {
            color: #000;
            line-height: 30px;
        }

    .template-b p {
        color: #6b6b6b;
        line-height: 28px;
        height: 80px;
        overflow: hidden;
    }

    .template-b span {
        text-align: left;
        display: block;
        margin-top: 15px;
        color: #247308;
    }

    .template-b figure img {
        width: 100%;
    }

.secondmenu {
    float: right;
}

.smallmenu {
    float: right;
}

.Contact-US {
    float: right;
    width: 30%;
    margin-bottom: 10px;
    padding: 5px 0;
}

    .Contact-US ul {
        list-style: none;
    }

        .Contact-US ul i {
            margin-left: 10px;
        }

    .Contact-US h1 {
        font-size: 16px;
        font-family: BYekan-new;
        color: #FFF;
        line-height: 50px;
    }

    .Contact-US .GY {
        line-height: 30px;
    }

    .Contact-US .HJ {
        line-height: 30px;
    }

    .Contact-US ul li {
        clear: both;
        line-height: 30px;
        color: #FFF;
        margin-bottom: 5px;
    }

    .Contact-US img {
        position: relative;
        top: 6px;
        margin-left: 10px;
    }

.sidecont {
    text-align: center;
    color: #FFF;
}



















/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #CCC;
    }

        .mfp-preloader a:hover {
            color: #FFF;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

    .mfp-close:hover, .mfp-close:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #E84C3D;
}

.ajax_content_container .mfp-close {
    color: #aaa;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after, .mfp-arrow .mfp-a {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before, .mfp-arrow .mfp-b {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
        border-right: 17px solid #FFF;
        margin-left: 31px;
    }

    .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
        border-left: 17px solid #FFF;
        margin-left: 39px;
    }

    .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
        border-left: 27px solid #3F3F3F;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #000;
    }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444;
    }

    .mfp-figure small {
        color: #BDBDBD;
        display: block;
        font-size: 12px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

/* ====== Zoom effect ====== */
.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

/* ====== Zoom-out effect ======*/
.mfp-zoom-out .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
}

.mfp-zoom-out.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.mfp-zoom-out.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

.mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-zoom-out.mfp-removing .mfp-with-anim {
    transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    opacity: 0;
}

.mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0;
}
/*------------*/
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translateZ(0);
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}
/*--------------------------------*/
/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
    /* overlay animate in */
    .mfp-fade.mfp-bg.mfp-ready {
        opacity: 0.8;
    }
    /* overlay animate out */
    .mfp-fade.mfp-bg.mfp-removing {
        opacity: 0;
    }
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
/*--------------------------------*/
.small-dialog {
    background: white;
    padding: 20px 30px;
    text-align: left;
    max-width: 500px;
    margin: 40px auto;
    position: relative;
}
/**/ /**/
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}
/**/
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
/**/
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
}
/**/
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}
/**/
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/**/
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
/**/ /**/
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
/**/
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
}
/**/
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
/**/
.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
/**/
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/**/
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}


.cart_toltip_icon {
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

#navigation_bar {
    -webkit-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    -ms-transition: background 0.4s ease;
    transition: background 0.4s ease;
}

.blog_grid_format {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
}

a.img_popup > img, .related_posts_slide .related_img > img, .add2cart_image .add2cart_img > img {
    -webkit-transition: -webkit-transform 0.7s ease;
    -moz-transition: -moz-transform 0.7s ease;
    -o-transition: -o-transform 0.7s ease;
    -ms-transition: -ms-transform 0.7s ease;
    transition: transform 0.7s ease;
}

#navy .has_sub_img .owl-controls, .top_add_card, .top_add_card > span, .top_catt_remove, #enar_owl_slider .owl-prev, .owl-next, #enar_owl_slider .enar_owl_p, #enar_owl_slider .enar_owl_n, #enar_owl_slider .owl-page, #enar_owl_slider .enar_owl_p:after, #enar_owl_slider .enar_owl_n:after, .rotate_icon, .icon_boxes_con.style1 .service_box .ser-box-link, .icon_boxes_con.style2 .service_box .icon.circle, .icon_boxes_con.style2 .service_box .icon.circle:after, .icon_boxes_con.style1.circle .service_box > .icon:after, .icon_boxes_con.style1.circle .service_box .service_box_con:before, .icon_boxes_con.style1.circle .service_box > .icon i, .icon_boxes_con.style2 .service_box .icon i, .icon_boxes_con.style1.circle.just_icon_border:not(.radius5) .service_box > .icon:before, .icon_boxes_con.style2.solid_icon .service_box > .icon:before, .icon_boxes_con.style1.circle.just_icon_border:not(.solid_icon) .service_box > .icon i:after, .main_title .line i, .tabs2.circle .tabs-navi li a, a.img_popup > span, .png_slider .owl-prev, .png_slider .owl-next, .png_slider .owl-page, .section_icon, .section_icon i, .feature_icon .item h5 .icon span, .feature_icon .item h5 .icon, .feature_icon .item h5 .icon span:after, .f_s_block.circle, .feature_icon_slider .owl-page, .f_s_block.circle a.img_popup:after, .f_s_block.circle a.img_popup, .hm_filter_wrapper .icon_expand, .porto_galla .owl-page, .counter .icon, .counter .icon:before, .counter .icon:after, .normal_text_slider .client_img, .normal_text_slider .client_img img, .normal_text_slider .enar_owl_p, .normal_text_slider .enar_owl_n, .our_client_slider .enar_owl_p, .our_client_slider .enar_owl_n, .content_slider .owl-page, .play_video_btn > span, .play_video_btn, .add2cart_img .circle, .shop_slider .enar_owl_p, .shop_slider .enar_owl_n, .add2cart_image .add2cart_zoom, .cart_toltip_icon, .sidebar_slide_discount:after, .owl-page, .cart_toltip_icon2, .sidebar_slide_discount, #share_on_socials a, .thumbs_gall_slider_larg .item > a:after, .vid_icon, .single_cart_video .vid_icon:after, .commerce_comments .avatar_img, .next_product_nav .icon-wrap, .team_block .team_img, .team_block .team_img img, .social_media a, .btn_c > span, .team_block2 .member_img, .team_block2 .member_img img, .team_block2 .member_img, .team_block2 .member_img:after, .team_block2 .member_img:before, .hm_circle_progressbar.style1:not(.square) > svg, .plan_column1 .plan_price_block, .plan_column1 .plan_price_block .plan_price_in, .hm_vid_con .vid_icon i, .timeline_post_format, .timeline_feature a span.image-zoom, .small_title .s_icon, .about_auther_con .avatar_img img, .about_auther_con .avatar_img, .related_posts_slide .related_img > span:after, .mejs-controls .mejs-time-rail .mejs-time-current:after, .featured_slider .owl-buttons .owl-prev, .featured_slider .owl-buttons .owl-next, .gall_arrow2 .thumbs_gall_slider_larg .enar_owl_n, .gall_arrow2 .thumbs_gall_slider_larg .enar_owl_p, .vid_con .vid_icon:after, .rev_arrow_a, .rev_offer_circle, .rev_offer_circle2, ul.list1.list_circle li:after, .flex_style1 #flex_carousel .flex_next, .flex_style1 #flex_carousel .flex_previous, .flex_style1 #flex_carousel .flex_next > span, .flex_style1 #flex_carousel .flex_previous > span, .flex_style1 #flex_carousel .flex_next > span:after, .flex_style1 #flex_carousel .flex_previous > span:after, .wobbly_slide > nav span, .leaf_icon, .list3 > li .arrow, .page404 > span::after, .page404 > span::before, .face404, .hm_circle_progressbar.style1::after, .sitemap li:not(.has_child_sitmap)::after, .sitemap_count, #navy .has_sub_img .owl-controls:before, .main_title .dot, .progress_bar.prog_bar2 .fill_con .fill:before, .contact_details_row .icon, .list3 li:after, .preloader3 .spinner .sk-dot2, .preloader3 .spinner .sk-dot1 {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

    #enar_owl_slider .owl_slider_con, .png_slide .desc, .play_video_btn > span i, .add2cart_image .add2cart_zoom, .thumbs_gall_slider_larg .item > a:after, .team_block2 .member_img:after, .hm_circle_progressbar .path_val, .feature_inner_btns, .recent_posts_img:before, .flickr_badge_image a:before, .timeline_post_format i, .timeline_feature a span.image-zoom, .hm_vid_con .vid_icon, .rev_offer_circle > span, .rev_offer_circle2 > span, .flex_style1 #flex_thumbs .flex_next i, .flex_style1 #flex_thumbs .flex_previous i, .wobbly_slide > nav span i, .boxgallery_desc, .porto_full_desc .porto_meta, .hoverdir_meta, #navy .has_sub_img .owl-controls, .plan_col .spec_req2, .plan_col .polygon_con {
        left: 50%;
        top: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        -o-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

    .top_add_card > span, .rotate_icon, .icon_boxes_con.style1 .service_box > .icon, .icon_boxes_con.style1 .service_box .service_box_con:before, .icon_boxes_con.style1 .service_box .ser-box-link, h2.title2 span:after, .main_title.centered .line i, .centered .main_title .line i, .main_title.centered span, .centered .main_title span, .main_title.centered span:before, .centered .main_title span:before, .description3.centered:after, .tabs2 .tabs-navi a.selected:after, .tabs2 .tabs-navi a.selected:before, .tabs1.fill_active .tabs-navi a.selected:before, .section_icon, .counter .title:before, .counter .title:after, .add2cart_btn, .shop_slider .pro_add2cart_details, .cart_toltip_icon:before, .sidebar_slide_discount:before, .sidebar_slide_price:before, .progress_bar.prog_bar2 .value:after, .progress_bar.prog_bar2 .value:before, .blog_grid_format, .plan_column1 .plan_price_block, .hm_filter_wrapper_con.timeline:after, .wobbly_slide ul li > svg, .face404, #navy > li > a:after {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

#enar_owl_slider .owl-buttons, .top_search, .top_add_card, .png_slider .owl-buttons, .porto_nav, .shop_slider .owl-controls, .thumbs_gall_slider_larg .owl-controls, .progress_bar .value:after, .porto_galla .owl-buttons, .flex_style1 #flex_carousel .flex_next, .flex_style1 #flex_carousel .flex_previous, .porto_block .porto_galla .owl-prev, .porto_block .porto_galla .owl-next, .sitemap li:not(.has_child_sitmap)::after, .mega_toltip, .nav_trigger, #navy .tab_menu_item.active > a:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .posts_widget_list li > a img, ul.list1 li > .arrow, .attach_shop_thumb.ico-post-image, .progress_bar .fill_con, .progress_bar .value, .progress_bar .fill, .recent_posts_list li > a .recent_posts_img, .flickr_badge_image a, .hm_vid_con img, .hm_vid_con:after, .blog_list_format, .posts_widget_list2 li > a img, .comment-container .trees_number, .post_format_con.hm_quote > span > a:after, .mejs-container, .mejs-controls .mejs-time-rail .mejs-time-float, .content_thumbs_gall .gall_thumbs .owl-item > .item, .social_share_btn::before, .social_share_btn::after, .mega_toltip, .nav_with_nums #filter-by > li a span.num, ul.list1 li:after, .price_lable {
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
    }

    .icon_boxes_con.style1 .service_box > .icon:after, .icon_boxes_con.style1 .service_box .service_box_con:before, .icon_boxes_con.style1.radius5 .service_box > .icon:after, .icon_boxes_con.style2.radius5 .service_box .icon:after, .top-socials > a > span.soc_name, .plan_col.plan_column1 {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
    }

#sort-by.option-set, .hm_filter_wrapper.porto_hidden_title .porto_desc:after, .add2cart_details, .blog_grid_con, .panel-body, .enar_occ_content .acc_content, .lfc_forget_pass, #navy ul, .top_cart_con, .top_cart_footer, .languages-panel-con, .before_after_desc {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

#options .sort_list:hover a.sort_selecter, a.add2cart_img, .feature_inner_ling, .blog_grid_desc, .panel-heading a:not(.collapsed), .occ_expanded .enar_occ_title, .lfc_header, .blog_grid_format:before, .table_container, .before_after_img {
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
}

.hm_blog_full_list .feature_inner_ling, .hosted_video_audio_con .mejs-container, .dark_sup_menu #navy ul ul, .hm_filter_wrapper.masonry_posts .feature_inner_ling, .buttons_added .input-text {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.quantity_controll.minus, .featured_slider.full_carousel .owl-buttons .owl-next, .tp-rightarrow.preview4:after, .flex_style1 #flex_thumbs .flex_previous, .camera_next, .sitemap > li > .sitemap_count, .lfc_icon, #navy .image_menu .owl-prev, .top-socials.box_socials > a > span.soc_icon_bg, #filter-by > li:first-child a {
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    -ms-border-radius: 3px 0px 0px 3px;
    -o-border-radius: 3px 0px 0px 3px;
}

.quantity_controll.plus, .orderby_label:before, .tagcloud .num, .featured_slider.full_carousel .owl-buttons .owl-prev, .tp-leftarrow.preview4:after, .flex_style1 #flex_thumbs .flex_next, .camera_prev, .sitemap > li > a, #navy .image_menu .owl-next, #navy .tab_menu_item .image_menu .owl-prev, .top-socials.box_socials span.soc_name:after, #filter-by > li:last-child a, .top-socials > a:last-child > span.soc_icon_bg {
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    -ms-border-radius: 0px 3px 3px 0px;
    -o-border-radius: 0px 3px 3px 0px;
}

.site_boxed .top_cart_con {
    border-radius: 3px 3px 0px 3px;
    -moz-border-radius: 3px 3px 0px 3px;
    -webkit-border-radius: 3px 3px 0px 3px;
    -ms-border-radius: 3px 3px 0px 3px;
    -o-border-radius: 3px 3px 0px 3px;
}

.cart_toltip_icon:after, .top_search_con, .add2cart_btn, .shop_slider .pro_add2cart_details, .sidebar_slide_price:after, .btn_c, .plan_col.plan_column1 .plan_price_btn, .ui-video-background-controls, .num_colored, .four_boxes_block, .four_boxes_title, .social_share_btn, .nav_trigger, .tree_features > li, .tree_features > li:after {
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px;
}

.add2cart_image .add2cart_img > img {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}





/*-------------------------------------------------------------
       Portfolio
-------------------------------------------------------------*/
.hm_filter_wrapper.boxed_portos {
    margin: 0 auto;
    max-width: 1170px;
    position: relative;
    width: 100%;
}

.content_hidden {
    margin: 0;
    overflow: hidden;
}

.hm_filter_wrapper_con {
    margin-top: 40px;
}

#options.sort_options {
    padding: 0 15px;
    text-transform: capitalize;
}

.site_boxed #options.sort_options {
    padding: 0 15px;
}

.site_boxed .hm_filter_wrapper.boxed_portos {
    padding: 0 5px;
}

.content #options.sort_options {
    padding: 0;
}

.hm_filter_wrapper_con:after {
    content: '';
    display: block;
    clear: both;
}

.has_sapce_portos .filter_item_block {
    padding: 0 15px;
    margin-bottom: 30px;
}

.filter_item_block {
    position: relative;
}

    .filter_item_block .number {
        display: none;
    }

.two_blocks .filter_item_block {
    width: 50%;
}

.two_blocks .porto_type img {
    width: 100%;
}

.four_blocks .filter_item_block {
    width: 25%;
}

.five_portos .filter_item_block {
    width: 20%;
}

.filter_item_block.width2 {
    width: 40%;
}

.filter_item_block:hover .porto_desc {
    border-bottom-color: #e77817;
}

.hm_filter_wrapper:not(.porto_hidden_title):not(.porto_full_desc) .filter_item_block:hover .porto_desc h6 {
    color: #e77817;
}

.porto_type {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .porto_type > img {
        position: relative;
        top: 0;
    }

.hm_filter_wrapper .porto_type:not(.simple_porto_img):after {
    background: #e77817;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.hm_filter_wrapper .icon_expand {
    color: #fff;
    top: 20px;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    margin-right: 5px;
    text-align: center;
    width: 48px;
}

    .hm_filter_wrapper .icon_expand > span {
        display: block;
        height: 100%;
        position: relative;
        width: 100%;
    }

    .hm_filter_wrapper .icon_expand:last-child {
        margin-right: 0px;
    }

.before_after_img {
    display: block;
    position: relative;
    overflow: hidden;
}

.before_after_b, .before_after_a {
    display: block;
    float: left;
    width: 50%;
    position: relative;
}

.before_after_desc {
    background: #fff;
    border: 1px solid #dfe3e6;
    padding: 18px 24px 10px;
}

    .before_after_desc h6 {
        margin-bottom: 10px;
    }

.hm_filter_wrapper.porto_full_desc .porto_type:after {
    background: none;
}

.hm_filter_wrapper.porto_hidden_title .porto_block:hover .porto_type:after, .porto_type:hover:after {
    opacity: 0.7;
}

.porto_nav {
    left: 15%;
    position: absolute;
    text-align: center;
    width: 70%;
    z-index: 10;
}

    .porto_nav .icon_expand:nth-child(2n) {
        top: -50px;
    }

    .porto_nav .icon_expand:nth-child(3n) {
        left: 50px;
    }

.masonry_porto .porto_nav {
    left: 0;
    width: 100%;
}

.project_text_nav .expand_img, .hoverdir_meta .expand_img {
    margin-right: 5px;
}

.porto_block .expand_img, .porto_block .detail_link, .hm_filter_wrapper .icon_expand, .hoverdir_meta .expand_img, .hoverdir_meta .detail_link {
    background: #ed4e6e;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.porto_nav .expand_img, .porto_nav .detail_link, .hm_filter_wrapper .icon_expand {
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transform: scale(0) rotate(20deg);
    -moz-transform: scale(0) rotate(20deg);
    -webkit-transform: scale(0) rotate(20deg);
    -ms-transform: scale(0) rotate(20deg);
    -o-transform: scale(0) rotate(20deg);
}

.project_text_nav .expand_img, .project_text_nav .detail_link, .hoverdir_meta .expand_img, .hoverdir_meta .detail_link {
    font-size: 13px;
    font-style: italic;
    padding: 9px 13px;
}

.project_text_nav .detail_link {
    -webkit-transition-delay: 0.10s;
    -moz-transition-delay: 0.10s;
    -ms-transition-delay: 0.10s;
    -o-transition-delay: 0.10s;
    transition-delay: 0.10s;
}

.project_text_nav .porto_type:hover .expand_img, .project_text_nav .porto_type:hover .detail_link, .project_text_nav .porto_type:hover .icon_expand, .hm_filter_wrapper.porto_hidden_title .porto_block:hover .icon_expand, .hm_filter_wrapper.porto_hidden_title .porto_block:hover .expand_img, .hm_filter_wrapper.porto_hidden_title .porto_block:hover .detail_link {
    left: 0;
    right: 0;
    top: 0;
    opacity: 1;
    transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
}

.hm_filter_wrapper.four_blocks.boxed_portos .icon_expand {
    height: 44px;
    line-height: 44px;
    width: 44px;
}

.hm_filter_wrapper.four_blocks.boxed_portos .porto_nums > span {
    display: none;
}

.porto_nav .expand_img:hover, .porto_nav .detail_link:hover, .project_text_nav .porto_type:hover .icon_expand:hover {
    background: rgba(0, 0, 0, 0.9);
    color: #e77817;
}

.porto_desc h6 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 6px;
}

.hm_filter_wrapper.masonry_porto.has_sapce_portos .width2.rectangle_width .porto_type img {
    margin-top: -15px;
}

.menu_special_color {
    color: #e77817;
    font-weight: 700;
}

.simple_porto_img:hover > a {
    opacity: .8;
}

.porto_desc:not(.simple_porto_desc) {
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    padding: 17px 20px 17px;
    position: relative;
    z-index: 1;
}

.hm_filter_wrapper:not(.has_sapce_portos):not(.porto_full_desc):not(.porto_hidden_title) .porto_desc::after {
    background: #eee;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
}

.hm_filter_wrapper:not(.has_sapce_portos) .porto_desc {
    border-bottom: medium none;
}

.porto_date {
    color: #999;
    font-size: 12px;
}

.porto_nums {
    float: right;
}

    .porto_nums > span {
        color: #a1a1a1;
        font-size: 11px;
        margin-right: 10px;
    }

        .porto_nums > span i {
            color: #c6c6c6;
            font-size: 13px;
            vertical-align: sub;
            margin-right: 6px;
        }

        .porto_nums > span:last-child {
            margin-right: 0px;
        }

        .porto_nums > span.like.added i {
            color: #e77817;
        }

        .porto_nums > span.comm i {
            font-size: 16px;
        }

        .porto_nums > span.like i {
            cursor: pointer;
        }

            .porto_nums > span.like i:hover {
                color: #e77817;
            }

.option-set {
    float: left;
}

#filter-by.option-set {
    position: relative;
    font-size: 0;
    text-align: center;
}

#filter-by > li {
    display: inline-block;
    font-size: 14px;
}

    #filter-by > li a {
        color: #898989;
        background: #fff;
        border-bottom: 1px solid #dfe3e6;
        border-right: 1px solid #dfe3e6;
        border-top: 1px solid #dfe3e6;
        display: block;
        padding: 13px 20px;
        position: relative;
    }

        #filter-by > li a span.num {
            display: none;
        }

        #filter-by > li a.selected {
            background: #e77817;
            border-color: #e77817;
            color: #fff;
        }

    #filter-by > li:first-child a {
        border-left: 1px solid #dfe3e6;
    }

.filter_by_mobile #filter-by > li a {
    border: 1px solid #dfe3e6;
    margin: 0 10px 10px 0;
}

    .filter_by_mobile #filter-by > li a.selected {
        border-color: #e77817;
    }

.nav_with_nums #filter-by > li a span.num {
    display: block;
    background: #fff;
    border: 1px solid #dfe3e6;
    font-size: 10px;
    color: #898989;
    height: 20px;
    left: 20px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 22px;
    opacity: 0;
}

.nav_with_nums #filter-by > li a.selected span.num {
    background: #324545;
    border-color: #324545;
    color: #fff;
}

.nav_with_nums #filter-by > li:hover > a span.num, .nav_with_nums #filter-by > li > a.selected span.num {
    opacity: 1;
}

#options .sort_list {
    max-width: 200px;
    float: right;
    min-width: 180px;
    position: relative;
    margin-right: 1px;
    margin-top: 12px;
}

    #options .sort_list a.sort_selecter {
        border: 1px solid #dfe3e6;
        background: #fff;
        width: 100%;
    }

        #options .sort_list a.sort_selecter .arrow {
            border-left: 1px solid #dfe3e6;
            height: 100%;
            line-height: 34px;
            padding-left: 10px;
            position: absolute;
            right: 11px;
            text-align: center;
            top: 0;
            font-size: 13px;
        }

            #options .sort_list a.sort_selecter .arrow i {
                display: block;
                position: relative;
                top: 9px;
                transform: rotate(315deg);
            }

    #options .sort_list a {
        border-bottom: 1px solid #dfe3e6;
        display: block;
        position: relative;
        font-size: 12px;
        color: #898989;
    }

        #options .sort_list a span.text {
            display: block;
            padding: 8px 15px;
        }

    #options .sort_list ul li:last-child a {
        border-bottom: medium none;
    }

    #options .sort_list:hover {
        z-index: 10;
    }

        #options .sort_list:hover > #sort-by.option-set {
            visibility: visible;
            opacity: 1;
        }

#sort-by.option-set {
    background: #fff;
    border-color: #dfe3e6;
    border-style: solid;
    border-width: 0 1px 1px;
    position: absolute;
    width: 100%;
    visibility: hidden;
    opacity: 0;
}

#options .sort_list a:hover, #options .sort_list a.selected, #sort-direction.option-set a.selected, #sort-direction.option-set a:hover {
    color: #e77817;
}

#sort-direction.option-set {
    float: right;
    background: #fff;
    border: 1px solid #dfe3e6;
    margin-top: 12px;
    margin-right: 10px;
    opacity: 0;
}

    #sort-direction.option-set li:first-child {
        border-bottom: 1px solid #dfe3e6;
    }

    #sort-direction.option-set a {
        color: #ddd;
    }

    #sort-direction.option-set span {
        display: block;
        line-height: inherit;
        padding: 0 11px;
    }

        #sort-direction.option-set span i {
            display: block;
            line-height: 16px;
            font-size: 15px;
            vertical-align: sub;
        }

.hm_filter_wrapper.three_blocks.full_portos.has_sapce_portos .hm_filter_wrapper_con, .hm_filter_wrapper.four_blocks.full_portos.has_sapce_portos .hm_filter_wrapper_con {
    margin-left: 15px;
    margin-right: 15px;
}

.hm_filter_wrapper.boxed_portos:not(.has_sapce_portos) .hm_filter_wrapper_con {
    margin-right: 15px;
    margin-left: 15px;
}

.nav_in_center .option-set {
    float: none;
}

.nav_in_center #options .sort_list {
    float: none;
    margin: 30px auto 0;
}

.nav_in_center #sort-direction.option-set {
    float: none;
    margin: 30px auto 0;
    max-width: 38px;
}

.hm_filter_wrapper.full_portos #options.sort_options {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
}

.no_sapce_portos:not(.porto_hidden_title):not(.porto_full_desc) .filter_item_block.design:nth-child(2n) .porto_desc {
    background: #f4f4f4;
}

.porto_hidden_title .porto_meta, .porto_desc h6 {
    position: relative;
    z-index: 1;
}

.porto_block {
    overflow: hidden;
    position: relative;
}

.hm_filter_wrapper.porto_hidden_title .porto_desc {
    border-bottom: none;
    bottom: -100%;
    position: absolute;
    width: 100%;
}

.hm_filter_wrapper.porto_hidden_title .porto_block:hover .porto_type > img {
    top: -30px;
}

.hm_filter_wrapper.porto_hidden_title .porto_block:hover .porto_desc {
    bottom: 0px;
}

.hm_filter_wrapper.porto_hidden_title .porto_block .porto_nav {
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.hm_filter_wrapper.porto_hidden_title.boxed_portos.four_blocks .porto_desc {
    padding: 13px 20px 16px;
}

.hm_filter_wrapper.porto_hidden_title.has_sapce_portos .porto_desc::after {
    border-color: rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0 1px 1px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.porto_full_desc .porto_desc {
    overflow: hidden;
    background: #314152;
    height: 100%;
    position: absolute;
    width: 100%;
    color: #bfc6cd;
    border-bottom: none;
    text-align: center;
}

.porto_full_desc .porto_meta {
    position: absolute;
    width: 100%;
}

    .porto_full_desc .porto_meta > p {
        margin: 16px 0;
    }

.porto_full_desc .porto_desc h6, .hoverdir_meta .proj_name {
    color: #fff;
    margin-bottom: 15px;
}

.porto_full_desc .porto_date, .hoverdir_meta .proj_date {
    color: #e77817;
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.four_blocks.boxed_portos.porto_full_desc .porto_meta > p {
    font-size: 13px;
    margin: 11px 0 12px;
}

.four_blocks.boxed_portos.porto_full_desc.has_sapce_portos .porto_date {
    display: block;
    margin-bottom: 13px;
    margin-top: 5px;
}

.four_blocks.boxed_portos.porto_full_desc.has_sapce_portos .porto_desc {
    text-align: center;
}

.da-slideFromTop {
    left: 0px;
    top: -100%;
}

.da-slideFromBottom {
    left: 0px;
    top: 100%;
}

.da-slideFromLeft {
    top: 0px;
    left: -100%;
}

.da-slideFromRight {
    top: 0px;
    left: 100%;
}

.da-slideTop {
    top: 0px;
}

.da-slideLeft {
    left: 0px;
}

.modal-dialog {
    width: 750px;
    margin: 30px auto;
    background-color: #FFF;
}

.hm-tabs::after, .tabs-navi::after {
    content: "";
    display: table;
    clear: both;
}

.hm_filter_wrapper img, .hm-tabs img {
    width: 100%;
}

.list4 > li {
    list-style: outside none none;
    margin-bottom: 15px;
}

.hm-tabs ul {
    list-style: none;
}

.welcome_banner.full_colored, .welcome_banner.boxed_colored {
    background: #00a69b;
    background-image: none;
    background-image: url(../images/pro-detail-bg.jpg);
    color: #fff;
}

.welcome_banner h3 {
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0px 0px 15px;
}

.welcome_banner small {
    color: #FFF;
}


.welcome_banner .content {
    padding: 50px 15px;
}

}

.welcome_banner.full_colored, .welcome_banner.boxed_colored {
    /*background: #00a69b;*/
    background-image: url(../images/pro-detail-bg.jpg);
    color: #fff;
}

    .welcome_banner.full_colored h3, .welcome_banner.boxed_colored h3, .welcome_banner.full_banner_colored h3, .welcome_banner.full_gray h3 {
        color: #fff;
    }

.welcome_banner.full_gray {
    background: #3b3b3b;
    padding: 40px 0;
}

    .welcome_banner.full_gray .content {
        padding: 0 15px;
    }

        .welcome_banner.full_gray .content .btn_a {
            margin: 3px 0;
            right: 0;
        }

    .welcome_banner.full_gray h3:not(.centered) {
        float: left;
    }

    .welcome_banner.full_gray h3 {
        line-height: 48px;
        margin-bottom: 0;
        padding: 0;
        position: relative;
        text-transform: none;
    }

.container .welcome_banner.full_gray .content {
    padding-left: 40px;
}

    .container .welcome_banner.full_gray .content .btn_a {
        right: 30px;
    }

.welcome_banner.full_white, .welcome_banner.classic_white {
    background: #fff;
    border-bottom: 1px solid #EEF1F2;
}

.welcome_banner {
    position: relative;
}

    .welcome_banner .content {
        padding: 50px 15px;
    }

    .welcome_banner h3 {
        font-size: 24px;
        font-weight: 300;
        text-transform: uppercase;
        margin: 0px 0px 15px;
    }

        .welcome_banner h3 i {
            margin: 0 6px;
            vertical-align: middle;
        }

            .welcome_banner h3 i.larg {
                font-size: 32px;
            }

            .welcome_banner h3 i.small {
                font-size: 24px;
            }

        .welcome_banner h3 span {
            color: #e77817;
        }

    .welcome_banner .intro_text {
        line-height: 25px;
    }

    .welcome_banner.full_colored:after {
        background: rgba(255, 255, 255, 0.2);
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .welcome_banner.full_gray:after {
        background: rgba(0, 0, 0, 0.15);
        bottom: 0;
        content: "";
        height: 5px;
        left: 0;
        position: absolute;
        width: 100%;
    }

    .welcome_banner.full_gray:before {
        z-index: 1;
        height: 1px;
        content: "";
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.1);
    }

    .welcome_banner.full_colored .btn_a, .welcome_banner.full_white .btn_a, .welcome_banner.boxed_white .btn_a, .welcome_banner.boxed_colored .btn_a {
        margin-left: 45px;
    }

    .welcome_banner.classic_white h3, .welcome_banner.classic_white h3 span, .welcome_banner.full_banner_colored h3 {
        font-style: normal;
        font-weight: 700;
    }

    .welcome_banner.classic_white .intro_text, .welcome_banner.full_white .intro_text, .welcome_banner.boxed_white .intro_text {
        color: #777;
    }

    .welcome_banner.classic_white .intro_text, .welcome_banner.full_banner_colored .intro_text {
        display: block;
        font-size: 20px;
        font-style: normal;
        font-weight: 300;
        line-height: 34px;
    }

    .welcome_banner.boxed_colored, .welcome_banner.boxed_white {
        -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04) inset;
        -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04) inset;
        -ms-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04) inset;
        -o-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04) inset;
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04) inset;
        margin-bottom: 30px;
        margin-top: 30px;
    }

        .welcome_banner.boxed_colored .content, .welcome_banner.boxed_white .content {
            padding: 35px 25px;
        }

    .welcome_banner.boxed_white {
        border: 1px solid #eef1f2;
    }

.boxed_colored .btn_a, .full_colored .btn_a {
    border: none;
}

.welcome_banner.full_banner_colored {
    background: #1B2228;
    color: #fff;
    z-index: 1;
}

    .welcome_banner.full_banner_colored .intro_text {
        color: #aaa;
    }

    .welcome_banner.full_banner_colored:after {
        border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        top: 5px;
        width: 100%;
    }

    .welcome_banner.full_banner_colored:before {
        background: rgba(0, 0, 0, 0.2);
        bottom: 0;
        content: "";
        display: block;
        height: 5px;
        left: 0;
        position: absolute;
        width: 100%;
    }

.welcome_banner_slider {
    padding: 0 20px;
    position: relative;
}

    .welcome_banner_slider .owl-controls {
        position: absolute;
        width: 100%;
        top: 0;
    }

    .welcome_banner_slider .owl-prev {
        left: -25px;
    }

    .welcome_banner_slider .owl-next {
        right: 15px;
    }

    .welcome_banner_slider .owl-prev, .welcome_banner_slider .owl-next {
        color: #ccc;
        font-size: 24px;
        position: absolute;
        top: 0;
    }

        .welcome_banner_slider .owl-prev:hover, .welcome_banner_slider .owl-next:hover {
            color: #999;
        }

.welcome_banner.full_gray .btn_a i.in_left, .welcome_banner.full_gray .btn_a i.in_right {
    color: #e77817;
}

.welcome_banner h3 {
    font-size: 22px;
    line-height: 33px;
}

.welcome_banner.full_colored .btn_a, .welcome_banner.full_white .btn_a, .welcome_banner.boxed_white .btn_a, .welcome_banner.boxed_colored .btn_a {
    clear: both;
    display: inline-block;
    float: none;
    margin-left: 0;
}

.welcome_banner .intro_text {
    display: block;
}

.welcome_banner.classic_white .intro_text, .welcome_banner.full_banner_colored .intro_text {
    font-size: 18px;
    line-height: 32px;
}

.welcome_banner h3 {
    font-size: 20px;
}

.welcome_banner.full_gray h3 {
    line-height: 34px;
    margin-bottom: 20px;
}

.welcome_banner.full_gray {
    text-align: center;
}

    .welcome_banner.full_gray .content .btn_a {
        float: none;
    }

.welcome_banner_slider {
    padding: 0;
}

    .welcome_banner_slider .owl-next {
        right: 0;
        top: -30px;
    }

    .welcome_banner_slider .owl-prev {
        left: 0;
        top: -30px;
    }

.welcome_banner.boxed_colored .content, .welcome_banner.boxed_white .content {
    padding: 25px 15px;
}

.order-header {
    border-bottom: 1px solid #888;
    margin-bottom: 20px;
}

.SearchBody {
    background: #FFF;
    border: 1px solid #888;
    z-index: 1040;
    height: 300px;
    overflow: scroll;
    width: 400px;
    color: #000 !important;
    position: fixed;
    top: 45px;
    left: 140px;
}

    .SearchBody ul {
        list-style: none;
    }

        .SearchBody ul li {
            height: 75px;
        }

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 5;
}

.carousel-indicators {
    z-index: 3;
}

.rtl .search-place {
    background: #f1f1f1;
    border: 1px solid #888;
    z-index: 1040;
    height: 300px;
    overflow: scroll;
    width: 400px;
    color: #000 !important;
}

.ltr .search-plac {
    background: #f1f1f1;
    border: 1px solid #888;
    z-index: 1040;
    height: 300px;
    overflow: scroll;
    width: 400px;
    color: #000 !important;
}

.rtl .search-place .place-category {
    background: #f1f1f1;
    border-left: 1px solid #999;
}

.ltr .search-place .place-category {
    background: #f1f1f1;
    border-right: 1px solid #999;
}

.rtl .search-place .place-categoryItem {
    background: #FFF;
}

.ltr .search-place .place-categoryItem {
    background: #FFF;
}

.rtl .search-place .place-categoryItem div {
    line-height: 40px;
    height: 40px;
}

.ltr .search-place .place-categoryItem div {
    line-height: 40px;
    height: 40px;
}

.rtl .search-place .cat-layout {
    border-bottom: 1px solid #999;
    min-height: 40px;
    line-height: 40px;
}

.ltr .search-place .cat-layout {
    border-bottom: 1px solid #999;
    min-height: 40px;
    line-height: 40px;
}



.rtl .search-place .place-Item {
    background: #FFF;
    border-left: 1px solid #999;
}

.ltr .search-place .place-Item {
    background: #FFF;
    border-right: 1px solid #999;
}

.rtl .search-place .place-Item div {
    line-height: 40px;
    height: 40px;
}

.ltr .search-place .place-Item div {
    line-height: 40px;
    height: 40px;
}

.rtl .search-place .place-Item div img {
    width: 50px;
    height: 35px;
}

.ltr .search-place .place-Item div img {
    width: 50px;
    height: 35px;
}

.rtl .search-place .place-layout {
    border-bottom: 1px solid #999;
    min-height: 40px;
    line-height: 40px;
}

.ltr .search-place .place-layout {
    border-bottom: 1px solid #999;
    min-height: 40px;
    line-height: 40px;
}


.rtl .search-place .product-Item {
    background: #FFF;
    border-left: 1px solid #999;
}

.ltr .search-place .product-Item {
    background: #FFF;
    border-right: 1px solid #999;
}

.rtl .search-place .product-Item div {
    line-height: 40px;
    height: 40px;
}

.ltr .search-place .product-Item div {
    line-height: 40px;
    height: 40px;
}

.rtl .search-place .product-Item div img {
    width: 50px;
    height: 35px;
}

.ltr .search-place .product-Item div img {
    width: 50px;
    height: 35px;
}

.rtl .search-place .product-layout {
    border-bottom: 1px solid #999;
    min-height: 40px;
    line-height: 40px;
}

.ltr .search-place .product-layout {
    border-bottom: 1px solid #999;
    min-height: 40px;
    line-height: 40px;
}

#divShopSearchResult {
        z-index: 99999;
    width: 100%;
}

    #divShopSearchResult ul {
        list-style: none;
        background: #FFF;
        margin: 0;
        padding: 10px;
        min-height: 200px;
        max-height: 600px;
        width: 90%;
    }

        #divShopSearchResult ul li {
            height: 50px;
        }

            #divShopSearchResult ul li .item-image {
                float: right;
                width: 20%;
            }

                #divShopSearchResult ul li .item-image img {
                    width: 50px;
                }

            #divShopSearchResult ul li .item-content {
                float: right;
                width: 70%;
            }

                #divShopSearchResult ul li .item-content a {
                    user-select: auto;
                    display: block;
                    font-size: 14px;
                    margin-bottom: 8px;
                    height: 50px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    color: #4d4d4d;
                    width: 300px;
                    line-height: 50px;
                }

.bn_header .bn_date {
    padding: 13px 20px;
    background-color: #ffc740;
    float: left;
}

    .bn_header .bn_date span {
        display: inline-block;
        font-size: 0.75em;
        font-weight: 300;
        color: #fff;
    }

    .bn_header .bn_date i {
        display: inline-block;
        margin-right: 5px;
        font-size: 0.875em;
        vertical-align: middle;
        color: #fff;
    }

.bn_header .bn_top_nav {
    display: inline-block;
    list-style: none;
    float: left;
}

    .bn_header .bn_top_nav li {
        display: inline-block;
    }

        .bn_header .bn_top_nav li a {
            display: block;
            color: #666;
            padding: 13px 5px;
            font-size: 13px;
        }

            .bn_header .bn_top_nav li a i {
                display: inline-block;
                margin-left: 5px;
                font-size: 0.875em;
                vertical-align: middle;
                color: #fff;
            }

            .bn_header .bn_top_nav li a span {
                font-size: 0.875em;
                font-weight: 300;
            }

        .bn_header .bn_top_nav li.bold a span {
            font-weight: 500;
        }

.bn_header .bn_icon_nav {
    display: block;
    list-style: none;
    float: right;
}

    .bn_header .bn_icon_nav li {
        display: inline-block;
        margin-left: 20px;
    }

        .bn_header .bn_icon_nav li a {
            display: block;
            color: #fff;
            padding: 14px 0;
        }

            .bn_header .bn_icon_nav li a i {
                display: inline-block;
                margin-left: 5px;
                font-size: 0.875em;
                vertical-align: middle;
                color: #fff;
            }

            .bn_header .bn_icon_nav li a span {
                font-weight: 300;
            }

.bn_top_header {
    height: 46px;
    background-color: #ffb400;
}

.bn_main_header {
    height: 75px;
    padding: 5px 0;
    background-color: #f8f8f8;
}
.headerfixed {
position: fixed !important;
    top: 0;
    left: 0;
    padding: 0 !important;
    width: 100%;
    background-color: #fdc202;
    -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 4px rgb(0 0 0 / 10%);
    z-index: 8000;
    min-height: inherit !important;
    border-bottom: 0 !important;
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%) !important;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3) !important;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 30%) !important;
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .3) !important;
    height: 50px;
}
.headerfixed .logo img {width:75%;display:none !important;}
.headerfixed .logo2 img {width:75%;display:block !important;}
.headerfixed .logo2 {display:block;margin-top: 7px;
    margin-bottom: 7px;}
.headerfixed #smallMenu {display:none;}
.loginpartial {float: left;
    margin-right: 20px;
    position: relative;}
.navfixed .loginpartial {z-index: 9999;
    position: fixed;
    left: 9%;
    top: 0;}
.navfixed #mini-cart {z-index: 9999;
    position: fixed;
    left: 20%;
    top: 0;}
.socialfixed {z-index: 99999;
    position: fixed;
    left: 25%;
    top: 5px;}
.loginpartial .loginbottom {}
.loginpartial .loginbottom:after {right: 0;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #fdc202;
    border-width: 12px;
    margin-top: -12px;}
.loginpartial .loginbottom .loginpanel {
  display: inline-block;
    z-index: 10000;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: auto;
    -ms-user-select: none;
    white-space: nowrap;
    background-color: #494949;
    margin: 0 !important;
    text-align: center;
    font-size: 20px;
    color: #fff;
    height: 50px;
    padding: 5px 15px 0px 0px;
    line-height: 35px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.loginpartial .loginbottom .loginpanel span {
color: #fff !important;
    font-size: 16px !important;
    padding: 7px 0 13px 10px;
}
.loginpartial .loginbottom .loginpanel i {    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;}
.menu-btn {
    cursor: pointer;
    float: right;
    margin-left: 20px;
    display: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 46px;
    height: 46px;
    background-color: #ffb400;
    padding: 10px 0;
    text-align: center;
}

    .menu-btn i {
        font-size: 1.50em;
        color: #fff;
        -webkit-transition: background-color 0.2s ease-out !important;
        transition: background-color 0.2s ease-out !important;
    }

.bn_basket_btn {
    padding: 0;
    background-color: #f5f5f5;
    float: left;
    margin-right: 10px;
}

.bn_button {
    font-family: 'IRANSans', Arial, sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 14px 20px;
    float: left;
    outline: 0;
    cursor: pointer;
    border-width: 0;
    -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, border 0.2s ease-out, opacity 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out, border 0.2s ease-out, opacity 0.2s ease-out;
}
.search-div {border:1px solid #fbb017;background: #FFF;}
.bn-search-input {
    width: 100%;
    height: 100%;
    border-width: 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background: none;
    padding: 0 10px;
    float: right;
    color: #333;
    font-family: 'IRANSans', Arial, sans-serif;
    position: absolute;
    right: 0;
    top: 0;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.bn_header_social {
    float: left;
    list-style: none;
    height: 45px !important;
    z-index: 1;
}

.bn_header_call {
    float: left;
    padding: 8px 10px;
    height: 45px !important;
    z-index: 1;
}

.bn_header_social li {
    margin-right: 5px;
    display: inline-block;
}

    .bn_header_social li a {
        display: block;
    }

        .bn_header_social li a i {
            display: block;
            width: 36px;
            height: 36px;
        }

            .bn_header_social li a i.bn_social_telegram {
                background-image: url(http://baadraan.ir/themes/2017/images/telegram_icon.png);
            }

            .bn_header_social li a i.bn_social_instagram {
                background-image: url(http://baadraan.ir/themes/2017/images/instagram_icon.png);
            }

.navbar-left .bn_button {
    margin: 0 5px;
}

.logo {
    display: block;
    float: right;
}
.logo2 {
    display: none;
    float: right;
}
    .logo img {
        display: block;
    }

.bn_button.orange {
    background-color: #ffb400;
    color: #fff;
}

    .bn_button.orange:hover {
        background-color: #ffc740;
    }


.top-to-body p {
    cursor: pointer;
}

.font-16 {
    font-size: 16px;
}

.c-grayD {
    color: #5b5c5b;
}

.d-inline-block {
    display: inline-block !important;
}

.ml-auto, .mx-auto {
    margin-right: auto !important;
}

.mr-auto, .mx-auto {
    margin-left: auto !important;
}

.pl-5, .px-5 {
    padding-right: 3rem !important;
}

.pr-5, .px-5 {
    padding-left: 3rem !important;
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important;
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important;
}

.mb-0, .my-0 {
    margin-bottom: 0 !important;
}

.d-inline-block {
    display: inline-block !important;
}

.top-to-body {
    border-top: 1px solid #d6d6d6;
    background-color: #ececec;
}

    .top-to-body i {
        color: #f8f8f8;
        background-color: #5b5c5b73;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        padding-top: 5px;
    }

.footer-social {
    background-color: #041237;
    padding: 7px 0;
    color: #fff;
}

.footer-social {
    font-size: 15px;
}

    .footer-social .social-link {
        direction: ltr;
    }

.text-right {
    text-align: left !important;
}

.pr-0, .px-0 {
    padding-left: 0 !important;
}

.footer-social a {
    display: block;
    height: 40px;
    background: #f2f2f2;
    border-radius: 6px;
    padding: 2px 10px;
    max-width: 135px;
}

    .footer-social a span {
        float: right;
        padding: 7px 0;
        color: #041237;
    }

.footer-features {
    background-color: #5bacfb;
    padding: 30px 0;
    color: #fff;
}

.footer-features-items {
    width: 100%;
    padding: 0 15px;
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important;
}

.c-white {
    color: white;
}

.footer-features-items > div {
    float: right;
}

.mb-4 a {
    color: #FFF !important;
}

.footer-links {
    background-color: #333;
    padding: 20px 0;
    color: #fff;
}

.footer .footer-links .col-xs-6 {
    width: 50% !important;
}

.footer-links img {
    border-radius: 15px;
    cursor: pointer;
}

.footer-links ul li {
    padding: 2px 0;
}

.footer-links h3 {
    margin-bottom: 0;
    padding-bottom: 7px;
    border-bottom: 1px solid #999;
    color: #999;
}

.footer-links a {
    -o-transition: all 0.2s !important;
    -webkit-transition: all 0.2s !important;
    -moz-transition: all 0.2s !important;
    -ms-transition: all 0.2s !important;
    transition: all 0.2s !important;
    line-height: 23px;
    color: #999 !important;
    font-size: 1.2rem;
}

.secFooter {
    background-color: #f8f8f8;
}

.font-14 {
    font-size: 14px;
}

.secFooter p {
    text-align: justify;
    line-height: 2em;
}

.footer-social2 {
    background: #000;
    color: #fff;
    padding: 20px;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.footer-social2 .cont-social2 {
    float: left;
}

.in-you-apa-social, .cont-social2 {
    margin: 0 auto;
}

.pt-3, .py-3 {
    padding-top: 1rem !important;
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important;
}

.p-0 {
    padding: 0 !important;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.MyBox {
    overflow: hidden;
}

    .MyBox .responsive-image {
        max-height: 100%;
        max-width: inherit;
    }

    .MyBox .figcaption {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .MyBox .figcaption::after, .MyBox .figcaption::before {
            position: absolute;
            top: 30px;
            right: 30px;
            bottom: 30px;
            left: 30px;
            content: '';
            opacity: 0;
            -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
            transition: opacity 0.35s, transform 0.35s;
        }

        .MyBox .figcaption::before {
            border-top: 0px solid #fff;
            border-bottom: 0px solid #fff;
            -webkit-transform: scale(0,1);
            transform: scale(0,1);
        }

    .MyBox img {
        opacity: 0.9;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
        margin-bottom: 10px;
    }

.login-div {
    padding: 15px 0;
}

.search-div {
    margin-top: 5px;
position: relative;
}

.bn_products_tabs {
    float: right;
    width: 100%;
    background-color: #fff;
}

.bn_tabs_main.bn_products_tabs {
    border: 0;
    background-color: #fff;
    float: right;
    list-style: none;
}

    .bn_tabs_main.bn_products_tabs > li {
        margin-bottom: 0;
        padding: 0;
        background-color: #fff;
        width: 140px;
        height: 140px;
        text-align: center;
        float: right;
        position: relative;
    }

        .bn_tabs_main.bn_products_tabs > li > a em {
            display: block;
            width: 48px;
            height: 48px;
            background-position: 48px 0;
            position: relative;
            margin: 0 auto;
            margin-bottom: 15px;
        }

    .bn_tabs_main.bn_products_tabs li a.active, .bn_tabs_main.bn_products_tabs li a.active:focus {
        border: 0;
        background-color: #ffb400;
        border-radius: 0;
        color: #fff;
    }

    .bn_tabs_main.bn_products_tabs > li > a {
        border: 0;
        border-radius: 0;
        margin-right: 0;
        display: block;
        width: 100%;
        font-size: 1.0em;
        color: #999;
        height: 100%;
        line-height: 0;
        padding: 36px 0;
        text-decoration: none;
        cursor: pointer;
        transition: none;
    }

    .bn_tabs_main.bn_products_tabs li > a:hover {
        background-color: #00adff;
        color: #fff;
        border: 0;
        border-radius: 0;
    }

    .bn_tabs_main.bn_products_tabs > li > a > em.chainsaw {
        background-image: url(/Upload/images/icon/featured-icon-chainsaw.png);
    }

    .bn_tabs_main.bn_products_tabs > li > a > em.powersaw {
        background-image: url(/Upload/images/icon/featured-icon-powersaw.png);
    }

    .bn_tabs_main.bn_products_tabs > li > a > em.lawnmower {
        background-image: url(/Upload/images/icon/featured-icon-lawnmower.png);
    }

    .bn_tabs_main.bn_products_tabs > li > a > em.sprayer {
        background-image: url(/Upload/images/icon/featured-icon-sprayer.png);
    }

    .bn_tabs_main.bn_products_tabs > li > a > em.gardeningscissors {
        background-image: url(/Upload/images/icon/featured-icon-gardeningscissors.png);
    }

    .bn_tabs_main.bn_products_tabs > li > a > em.drill {
        background-image: url(/Upload/images/icon/featured-icon-drill.png);
    }

    .bn_tabs_main.bn_products_tabs > li > a > em.angelgrinder {
        background-image: url(/Upload/images/icon/featured-icon-angelgrinder.png);
    }

    .bn_tabs_main.bn_products_tabs > li > a > em.screwdrivertools {
        background-image: url(/Upload/images/icon/featured-icon-screwdrivertools.png);
    }

    .bn_tabs_main.bn_products_tabs li a:hover em {
        background-position: 0 48px;
    }

.tabgroup .bn_pt_item {
    padding: 20px;
    float: right;
    width: 100%;
    min-height: 350px;
}

.bn_pti_right {
    float: right;
    width: 220px;
    padding-left: 20px;
}

.bn_pti_left {
    float: right;
    width: calc(100% - 220px);
}

.bn_pti_right h5 {
    font-weight: bold;
    font-size: 1.250em;
}

.bn_ptir_list {
    float: right;
    width: 100%;
    list-style: none;
    margin-top: 10px;
}

    .bn_ptir_list li {
        float: right;
        width: 100%;
    }

        .bn_ptir_list li a {
            float: right;
            display: block;
            padding: 6px 0;
            color: #999;
            font-size: 0.875em;
        }

#chainsaw, #powersaw, #lawnmower, #sprayer, #gardeningscissors, #drill, #angelgrinder, #screwdrivertools {
    background: #FFF;
}

.padding-left-none {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
}
.padding-right-none {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
}

.products__item {
    margin-bottom: 10px;
    position: relative;
    height: 230px;
    width: calc(25.4% - 13.33333px);
    float: right;
    margin-right: 10px;
    border-left: 1px solid #AAA;
}

    .products__item .products__item-wrapper {
        border-radius: 2px;
        display: inline-block;
        transition: box-shadow .15s ease;
        position: absolute;
        top: 0;
        background-color: #fff;
        width: 100%;
        min-height: 100%;
    }

    .products__item .products__item-image-wrapper {
        display: block;
        position: relative;
        text-align: center;
    }

    .products__item .products__item-image {
        vertical-align: middle;
        max-width: 70%;
    }

        .products__item .products__item-image:after {
            clear: both;
            content: "";
            display: block;
        }

    .products__item .products__item-colors-wrapper {
        display: none;
        position: relative;
        margin-bottom: 15px;
        height: 28px;
    }

    .products__item .products__item--colors .colors-wrapper {
        position: relative;
        text-align: center;
    }

    .products__item .products__item-info {
        text-align: center;
        display: block;
        color: #4d4d4d !important;
        padding: 0px;
    }

        .products__item .products__item-info .products__item-fatitle {
            -webkit-tap-highlight-color: #000;
            -webkit-touch-callout: initial;
            -webkit-user-select: initial;
            -moz-user-select: initial;
            -ms-user-select: initial;
            user-select: auto;
            display: block;
            font-size: 14px;
            margin-bottom: 8px;
            height: 22px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #222;
            text-decoration: none;
            text-align: center;
        }

        .products__item .products__item-info .products__item-latitle {
            -webkit-tap-highlight-color: #000;
            -webkit-touch-callout: initial;
            -webkit-user-select: initial;
            -moz-user-select: initial;
            -ms-user-select: initial;
            user-select: auto;
            display: block;
            font-size: 14px;
            margin-bottom: 8px;
            height: 22px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #777;
            text-decoration: none;
            text-align: center;
        }

        .products__item .products__item-info .products__item-gift-price {
        }

        .products__item .products__item-info .products__item-price .products__item-price--old {
            font-size: 14px;
            color: #ff6b6b;
            line-height: 12px;
            height: 14px;
            margin-left: 10px;
        }

            .products__item .products__item-info .products__item-price .products__item-price--old .old-price-txt {
                text-decoration: line-through;
                display: none !important;
            }

        .products__item .products__item-info .products__item-price .products__item-price--final {
            color: #333 !important;
        }



.main-page-products__item {
    margin-bottom: 10px;
    position: relative;
    height: 340px;
    width: 97%;
    float: right;
    margin-right: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
    border-radius: 5px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%) !important;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15) !important;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%) !important;
}
.all-offer .main-page-products__item { width: 24% !important;}
    .main-page-products__item .products__item-wrapper {
        border-radius: 2px;
        display: inline-block;
        transition: box-shadow .15s ease;
        position: absolute;
        top: 0;
        background-color: #fff;
        width: 100%;
        min-height: 100%;
    }

    .main-page-products__item .products__item-image-wrapper {
        display: block;
        position: relative;
        text-align: center;
    }

    .main-page-products__item .products__item-image {
        vertical-align: middle;
        max-width: 70%;
    }

        .main-page-products__item .products__item-image:after {
            clear: both;
            content: "";
            display: block;
        }

    .main-page-products__item .products__item-colors-wrapper {
        display: none;
        position: relative;
        margin-bottom: 15px;
        height: 28px;
    }

    .main-page-products__item .products__item--colors .colors-wrapper {
        position: relative;
        text-align: center;
    }

    .main-page-products__item .products__item-info {
        text-align: center;
        display: block;
        color: #4d4d4d !important;
        padding: 0px;
    }
.buy-online {background: #fb3449;
    text-align: center;
    position: absolute;
    bottom: 10px;
    display: inline-block;
    width: 90%;
    margin: 0 5%;
    padding: 5px;
    color: #FFF;
    border-radius: 3px;}
.buy-online:hover {color:#FFF;}
        .main-page-products__item .products__item-info .products__item-fatitle {
            -webkit-tap-highlight-color: #000;
            -webkit-touch-callout: initial;
            -webkit-user-select: initial;
            -moz-user-select: initial;
            -ms-user-select: initial;
            user-select: auto;
            display: block;
            font-size: 12px;
            margin-bottom: 8px;
            height: 22px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #222;
            text-decoration: none;
            text-align: center;
        }

        .main-page-products__item .products__item-info .products__item-latitle {
            -webkit-tap-highlight-color: #000;
            -webkit-touch-callout: initial;
            -webkit-user-select: initial;
            -moz-user-select: initial;
            -ms-user-select: initial;
            user-select: auto;
            display: block;
            font-size: 14px;
            margin-bottom: 8px;
            height: 22px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #777;
            text-decoration: none;
            text-align: center;
        }

        .main-page-products__item .products__item-info .products__item-gift-price {
        }

        .main-page-products__item .products__item-info .products__item-price .products__item-price--old {
            font-size: 14px;
            color: #ff6b6b;
            line-height: 12px;
            height: 14px;
            margin-left: 10px;
        }

            .main-page-products__item .products__item-info .products__item-price .products__item-price--old .old-price-txt {
                text-decoration: line-through;
            }

        .main-page-products__item .products__item-info .products__item-price .products__item-price--final {
            color: #4caf50 !important;
        }

.currency {
    font-size: 12px;
    margin-right: 8px;
    vertical-align: 2px;
}

.MyBox {
    margin-top: 15px;
}


.main-category-products__item {
    margin-bottom: 10px;
    position: relative;
    height: 290px;
    width: 25%;
    float: right;
    border-left: 1px solid #AAA;
}

    .main-category-products__item .products__item-wrapper {
        border-radius: 2px;
        display: inline-block;
        transition: box-shadow .15s ease;
        position: absolute;
        top: 0;
        background-color: #fff;
        width: 100%;
        min-height: 100%;
    }

    .main-category-products__item .products__item-image-wrapper {
        display: block;
        position: relative;
        text-align: center;
    }

    .main-category-products__item .products__item-image {
        vertical-align: middle;
        max-width: 70%;
    }

        .main-category-products__item .products__item-image:after {
            clear: both;
            content: "";
            display: block;
        }

    .main-category-products__item .products__item-colors-wrapper {
        display: none;
        position: relative;
        margin-bottom: 15px;
        height: 28px;
    }

    .main-category-products__item .products__item--colors .colors-wrapper {
        position: relative;
        text-align: center;
    }

    .main-category-products__item .products__item-info {
        text-align: center;
        display: block;
        color: #4d4d4d !important;
        padding: 0px;
    }

        .main-category-products__item .products__item-info .products__item-fatitle {
            -webkit-tap-highlight-color: #000;
            -webkit-touch-callout: initial;
            -webkit-user-select: initial;
            -moz-user-select: initial;
            -ms-user-select: initial;
            user-select: auto;
            display: block;
            font-size: 14px;
            margin-bottom: 8px;
            height: 22px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #222;
            text-decoration: none;
            text-align: center;
        }

        .main-category-products__item .products__item-info .products__item-latitle {
            -webkit-tap-highlight-color: #000;
            -webkit-touch-callout: initial;
            -webkit-user-select: initial;
            -moz-user-select: initial;
            -ms-user-select: initial;
            user-select: auto;
            display: block;
            font-size: 14px;
            margin-bottom: 8px;
            height: 22px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #777;
            text-decoration: none;
            text-align: center;
        }

        .main-category-products__item .products__item-info .products__item-gift-price {
        }

        .main-category-products__item .products__item-info .products__item-price .products__item-price--old {
            font-size: 14px;
            color: #ff6b6b;
            line-height: 12px;
            height: 14px;
            margin-left: 10px;
        }

            .main-category-products__item .products__item-info .products__item-price .products__item-price--old .old-price-txt {
                text-decoration: line-through;
            }

        .main-category-products__item .products__item-info .products__item-price .products__item-price--final {
            color: #333 !important;
        }

.shp-home-new h3 {
        direction: rtl;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 15px;
    color: #666;
    padding: 7px 10px;
    width: auto;
    display: inline-block;
    background: #fdc202;
    position: relative;
    border-radius: 5px;
}
.shp-home-new h3:after {
    top: 100%;
    right: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fdc202;
    border-width: 10px;
    margin-right: -10px;
}
.market1 {
    margin: 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 5px;
}

.owl-carousel .owl-item {
    display: inline-block;
    direction: rtl;
}

.owl-carousel-none {
    border: none !important;
}

.owl-carousel-detail {
    border: none !important;
    margin-top: 40px;
}

.owl-content-a .Categories {
    width: 19%;
    float: right;
    display: inline-block;
    margin-right: 1%;
}

    .owl-content-a .Categories:hover {
        background: #F9F9F9;
    }

.owl-content-a .box-owl {
    display: inline-block;
    line-height: 30px;
    border-top: 1px solid #ccc;
    padding: 10px 0;
    width: 100%;
}

.owl-content-a {
    background: #F6F6F6;
    padding: 0px 0px;
    border: 1px solid #eee;
    margin-bottom: 5px;
}

    .owl-content-a .title-owl {
        height: 30px;
        line-height: 30px;
        color: #444;
        position: relative;
        border-bottom: 1px solid #e8e8e8;
        margin-bottom: 20px;
        padding-bottom: 10px;
        font-family: 'web_Yekan';
        font-size: 18px;
        display: block;
        text-align: right;
    }

        .owl-content-a .title-owl i {
            border-bottom: 4px solid #19af47;
            padding-bottom: 13px;
            font-style: normal;
        }

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel {
    direction: ltr;
    display: none;
    width: 100%;
    -ms-touch-action: pan-y;
    overflow: hidden;
}

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer.autoHeight {
        -webkit-transition: height 500ms ease-in-out;
        -moz-transition: height 500ms ease-in-out;
        -ms-transition: height 500ms ease-in-out;
        -o-transition: height 500ms ease-in-out;
        transition: height 500ms ease-in-out;
    }

    .owl-carousel .owl-item {
        display: inline-block;
        direction: rtl;
    }

.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.owl-theme .owl-controls {
    text-align: center;
}

    .owl-theme .owl-controls .owl-buttons div {
        text-align: center;
        color: #333;
        display: inline-block;
        zoom: 1;
        *display: inline;
        font-size: 16px;
    }

        .owl-theme .owl-controls .owl-buttons div i {
            height: 40px;
            display: block;
            line-height: 40px;
        }

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            margin: 5px 7px;
            filter: Alpha(Opacity=50);
            opacity: 0.5;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            background: #869791;
        }

        .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
            filter: Alpha(Opacity=100);
            opacity: 1;
        }

        .owl-theme .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #FFF;
            padding: 2px 10px;
            font-size: 12px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center;
}

.owl-pagination {
    display: none;
}

.owl-buttons {
    display: none;
}

.owl-content-a {
    overflow: hidden;
}

.bn_call_text {
    direction: ltr;
    text-align: left;
    float: left;
}

.contact-info {
    line-height: 30px;
    color: #aaa;
}

    .contact-info .info-title {
    }

.main-category-products__item:hover ::after {
    opacity: 1;
}

.main-category-products__item ::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: -1px;
    top: 0;
    width: calc(100% + 2px);
    height: 100%;
    opacity: 0;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, border 0.2s ease-out, opacity 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out, border 0.2s ease-out, opacity 0.2s ease-out;
}
.c-header__btn-container {
    padding: 0 12px;
    position: relative;
}
.c-header__btn-container:last-child {
    padding-left: 0;
}
.c-header__btn-container:before {
    content: "";
    display: block;
    height: 24px;
    position: absolute;
    right: 0;
    width: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.c-header__btn-cart-container {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    position: relative;
    float: left;
}
.c-header__btn-cart {
    position: relative;
    display: block;
}
.c-header__btn-cart:before {
    content: "\E0D5\00FE0E";
    font-size: 24px;
    color: #424750;
}
.c-header__btn-cart-counter {
    font-size: 10px;
    font-size: .714rem;
    line-height: 16px;
    color: #fff;
    width: 20px;
    height: 18px;
    background: #ef394e;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    font-weight: 900;
    border: 2px solid #fff;
    position: absolute;
    bottom: -6px;
    right: -9px;
}
.c-header__cart-info {
    display: none;
    position: absolute;
    left: 0;
    top: calc(100% - 3px);
    width: 300px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.2);
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.2);
    z-index: 1;
}
.c-header__cart-info-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 16px 12px 12px;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: normal;
}
.c-header__cart-info-count {
    font-size: 12px;
    line-height: normal;
    color: #81858b;
}
.c-header__cart-info-link {
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0fabc6;
    font-size: 12px!important;
    line-height: normal!important;
}
.c-header__basket-list {
    max-height: 293px;
    overflow-y: scroll;
    overflow-x: hidden;
    list-style: none;
    border-top: 1px solid #f0f0f1;
}
.c-header__basket-list-item {
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #f0f0f1;
    margin: 0 12px;
}
.c-header__basket-list-item-image {
    width: 75px;
    height: 75px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75px;
    flex: 0 0 75px;
    max-width: 75px;
    position: relative;
}
.c-header__basket-list-item-image img {
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
}
.c-header__basket-list-item-content {
    margin-right: 8px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.c-header__basket-list-item-title {
    font-size: 12px!important;
    line-height: normal!important;
    font-weight: 700;
    margin-bottom: 8px;
    color: #424750;
}
.c-header__basket-list-item-shipping-type {
    font-size: 10px;
    line-height: normal;
    margin-bottom: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-header__basket-list-item-shipping-type--ready {
    color: #0fabc6;
}
.c-header__basket-list-item-footer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.c-header__basket-list-item-footer, .c-header__basket-list-item-remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-header__basket-list-item-props {
    color: #81858b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    line-height: normal;
}
.c-header__basket-list-item-remove {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border: 0;
    outline: 0;
    color: #a1a3a8;
    cursor: pointer;
}
.c-header__cart-info-footer {
    padding: 8px;
    border-top: 1px solid #f0f0f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-header__cart-info-total {
    font-size: 12px;
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 4px;
}
.c-header__cart-info-footer>div {
    width: 50%;
}
.c-header__cart-info-total-text {
    margin-bottom: 4px;
    font-size: 10px;
    line-height: 2.2;
}
.c-header__cart-info-total-amount {
    font-size: 10px!important;
    line-height: normal!important;
    font-weight: 700;
}
.c-header__cart-info-total-amount-number {
    font-size: 16px!important;
    line-height: normal!important;
}
.c-header__cart-info-footer>div {
    width: 50%;
}

.bn-search-input:focus {
        border:none;
    }
.box-services {
    margin: 30px 0 30px 0;
    width: 100%;
    display: block;
    background-color: #fff;
    padding: 10px 10px 13px 10px;
    border: 0px solid #ebeced;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    float: right;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15) !important;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15) !important;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15) !important;
}
.box-services .iconfa {
    display: inline-block;
    width: 100%;
    font-size: 40px;
    color: #fdc202;
}
.box-services span{color: #333;    line-height: 45px;}
.box-services .iconfa {
    display: inline-block;
    width: 100%;
    color: #fdc202;
}
.responsive-image, .manufacturer-image {
    width: 100% \9;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
}

.responsive-image {
    max-height: 100%;
    max-width: inherit;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15) !important;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15) !important;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15) !important;
    width: 100%;
}
.second-banner {margin-top:10px;margin-bottom:10px;}
.third-banner {margin-top:10px;margin-bottom:10px;}
#owl-example-1100 {background: #FFF; -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
    border-radius: 5px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%) !important;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15) !important;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%) !important;}
#owl-example-1100 .responsive-image {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.discount-area {
    line-height: 200%;
padding:50px 0 0 0;
}
.discount-area h2 {
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 210%;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 0;
}
.discount-area h2 a {color:#000 !important;}
.discount-area .my-price-area {
    height: auto;
    /* border-bottom: 1px solid rgba(74, 74, 74, .16); */

    padding-bottom: 20px;
    margin-top: 60px;
text-align:right !important;
}
.vp-product-carousel .product-price-cont {
    padding: 3px 10px !important;
    height: 60px !important;
}
.discount-area .my-price-area {
    height: auto;
    /* border-bottom: 1px solid rgba(74, 74, 74, .16); */
  
    padding-bottom: 20px;
    margin-top: 60px;
}
.discount-area del {
    font-size: 17px;
}
.discount-area del .PricebasePrice {
    font-weight: 500;
    color: #aaaaaa;
    font-size: 15px;
}
.discount-area del .PricebasePrice {
    font-weight: 500;
    color: #aaaaaa;
    font-size: 15px;
}
.discount-area del .PricebasePrice b {
    font-weight: 500;
    color: #aaaaaa;
}
.discount-area del .PricebasePrice .MyCu {
    font-size: 15px;
}
.discount-area .new {
    color: #4caf50;
    font-size: 20px;
    display: inline-block;
}
.discount-area .diss {
    width: 115px;
    height: 38px;
    border-radius: 20px;
    background-color: #fb3449;
    margin-bottom: -45px;
    text-align: center;
    display: inline-block;
    line-height: 38px;
    color: #fff;
    margin-right: 20px;
}
p.old-price-txt {    display: inline-block;}
.price-orginal {
    background: #FFF !important;
    text-decoration: line-through;
    font-size: 18px !important;
    color: #ff6b6b!important;}
.price-item {
    width: 100%;
    line-height: 40px;
    background: #FFF;
    padding: 5px 10px;
    border-bottom: 1px solid #EEE;
}
.pricelist-price {
float: left;
}
.section-title {margin-top:20px;}
@page {
    margin: 0;
}

body {
    margin: 0;
}

.sheet {
    margin: 0;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    page-break-after: always;
}

/** Paper sizes **/
body .A3 .sheet {
    width: 297mm;
    height: 419mm;
}

body .A3.landscape .sheet {
    width: 420mm;
    height: 296mm;
}

body .A4 .sheet {
    width: 210mm;
    height: 296mm;
}

body .A4.landscape .sheet {
    width: 297mm;
    height: 209mm;
}

body .A5 .sheet {
    width: 148mm;
    height: 209mm;
}

body .A5.landscape .sheet {
    width: 210mm;
    height: 147mm;
}

/** Padding area **/
.sheet.padding-10mm {
    padding: 10mm;
}

.sheet.padding-15mm {
    padding: 15mm;
}

.sheet.padding-20mm {
    padding: 20mm;
}

.sheet.padding-25mm {
    padding: 25mm;
}
.logo-div {
padding-right: 0;
}
.returnmain {display: inline-block;}
.newsign {    float: left;}
.utility .semibold-text {font-size:12px;}
.btn-container {margin-top:10px;}
/** For screen preview **/
@media screen {
    body {
        background: #f5f5f5;
    }

    .sheet {
        background: white;
        box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
        margin: 5mm;
    }
}

/** Fix for Chrome issue #273306 **/
@media print {
    @page {
        margin: 0;
    }
    .box {
        margin: 10px;
    }

    .footer {
        display: none;
    }

    body .A3.landscape {
        width: 420mm;
    }

    body .A3, body .A4.landscape {
        width: 297mm;
    }

    body .A4, body .A5.landscape {
        width: 210mm;
    }

    body .A5 {
        width: 148mm;
    }
}