/* Milad Edit */
[v-cloak] {
    display: none !important;
}

.slide-fade-enter-active {
    transition: all .3s ease;
}
.slide-fade-leave-active {
    transition: all .3s ease;
}
.slide-fade-enter, .slide-fade-leave-to{
    transform: translateY(10px);
    opacity: 0;
}
.title3{
    font-size: 13px;
    color: #2fb6f0;
}

/* End Milad Edit */

/******************************************************************************/
/*----------------------------- FONTS ----------------------------------------*/
/******************************************************************************/
@font-face {
    font-family: 'at9';
    src: url(fonts/iranyekanwebbold.eot);
    src: url(fonts/iranyekanwebbold.eot?#iefix) format('embedded-opentype'),
    url(fonts/iranyekanwebbold.woff) format('woff'),
    url(fonts/iranyekanwebbold.ttf) format('truetype');
}
@font-face {
    font-family: 'consola';
    src: url(fonts/consola.ttf);
}
*, .at1 {
    font-family: 'at9', 'tahoma';
}
.at1 * {
    font-family: inherit;
}
.en_words {
    font-family: sans-serif;
}

/******************************************************************************/
/*-------------------------- DEFAULT STYLES ----------------------------------*/
/******************************************************************************/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
img {
    border: 0 none;
}
html {
    height: 100%;
    font-size: 12px;
}
body {
    position: relative;
    min-height: 100%;
    display: flex;
    height: 100%;
    flex-direction:column;
    justify-content: space-between;

}
h1, h2, h3, h4, h5, h6, em, strong, i, address, b {
    font-weight: normal;
    font-style: normal;
}
.rtl {
    direction: rtl;
}
.ltr {
    direction: ltr;
}
.clear {
    width: 0;
    height: 0;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    visibility: hidden;
}
.clearfix:after {
    clear: both;
}
a, i, h1, h2, h3, h4, h5, h6 {
    text-decoration: none;
    -webkit-transition: all .4s;
    transition: all .4s;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
}
.tright {
    text-align: right;
}
.tleft {
    text-align: left;
}
.tcenter {
    text-align: center;
}
.fleft {
    float: left;
}
.fright {
    float: right;
}
b.guide {
    font-family: tahoma !important;
}
.disnone {
    display: none !important;
}
.disblock {
    display: block;
}
.disinline {
    display: inline;
}
.disinlineblock {
    display: inline-block;
}
input, textarea {
    outline: 0 none;
}
input, textarea, a, i {
    -webkit-transition: all .4s;
    transition: all .4s;
}
textarea {
    resize: none;
}
select option {
    padding: 0 10px;
    line-height: 25px;
}
input.error, textarea.error {
    border: 1px dotted #FF0000;
}
input[type=submit],
input[type=checkbox],
input[type=radio],
label.choice {
    cursor: pointer;
    vertical-align: middle;
}
input[type=checkbox],
input[type=radio] {
    margin-left: 5px;
}
input[disabled],
.disabled, .disabled * {
    cursor: not-allowed !important;
    background-color: #eee !important;
}
input[name=captcha] {
    font-family: 'consola';
    font-size: 27px !important;
    font-size: 2.3rem !important;
    letter-spacing: 2px;
    color: #555;
    height: 43px;
    text-align: center !important;
}
[class^="i-"]::before, [class*=" i-"]::before {
    vertical-align: middle;
}
::-webkit-input-placeholder {
    color: #ccc0bc;
}
::-moz-placeholder {
    color: #ccc0bc;
}
/* firefox 19+ */
:-ms-input-placeholder {
    color: #ccc0bc;
}
/* ie */
input:-moz-placeholder {
    color: #ccc0bc;
}

/**************************** Variable *****************************/
:root {
    /*--bgColor-purple: #7c5e96;*/
    /*--bgColor-purple: #9772b7;*/
    /*--bgColor-purple: #7851A9;*/
--bgColor-purple: #4caf50;
--bgColor-purple2: #e7e3ea;
--textColor-purple: #004877;
--textColor-purple2: #119bb4;
--textColor-purple3: #119bb4;
}

/**************************** WIDTH_STYLE *****************************/
.width2_5 {
    width: 2.5%;
}
.width3 {
    width: 3%;
}
.width5 {
    width: 5%;
}
.width7_5 {
    width: 7.5%;
}
.width10 {
    width: 10%;
}
.width12_5 {
    width: 12.5%;
}
.width15 {
    width: 15%;
}
.width17_5 {
    width: 17.5%;
}
.width20 {
    width: 20%;
}
.width25 {
    width: 25%;
}
.width30 {
    width: 30%;
}
.width33_3 {
    width: 33.3%;
}
.width35 {
    width: 35%;
}
.width40 {
    width: 40%;
}
.width45 {
    width: 45%;
}
.width48 {
    width: 48%;
}
.width50 {
    width: 50%;
}
.width55 {
    width: 55%;
}
.width60 {
    width: 60%;
}
.width65 {
    width: 65%;
}
.width66_6 {
    width: 66.6%;
}
.width70 {
    width: 70%;
}
.width75 {
    width: 75%;
}
.width80 {
    width: 80%;
}
.width85 {
    width: 85%;
}
.width90 {
    width: 90%;
}
.width95 {
    width: 95%;
}
.width97 {
    width: 97%;
}
.width100 {
    width: 100%;
}
/**************************** WIDTH_STYLE_PX *****************************/
.width50px {
    width: 50px;
}
.width70px {
    width: 70px;
}
.width75px {
    width: 75px;
}
.width100px {
    width: 100px;
}
/**************************** HEIGHT_STYLE_PX *****************************/
.height25px {
    height: 25px;
}
.height50px {
    height: 50px;
}
.height70px {
    height: 70px;
}
.height75px {
    height: 75px;
}
.height100px {
    height: 100px;
}
/**************************** MARGIN_STYLE *****************************/
.margint-15 {
    margin-top: -15px;
}
.margint5 {
    margin-top: 5px;
}
.margint10 {
    margin-top: 10px;
}
.margint12_5 {
    margin-top: 12.5px;
}
.margint15 {
    margin-top: 15px;
}
.margint20 {
    margin-top: 20px;
}
.margint25 {
    margin-top: 25px;
}
.margint30 {
    margin-top: 30px;
}
.margint35 {
    margin-top: 35px;
}
.margint40 {
    margin-top: 40px;
}
.margint45 {
    margin-top: 45px;
}
.margint50 {
    margin-top: 50px;
}
.margint55 {
    margin-top: 55px;
}
.margint60 {
    margin-top: 60px;
}
.margint70 {
    margin-top: 70px;
}
.margint80 {
    margin-top: 80px;
}
.margint90 {
    margin-top: 90px;
}
.margint100 {
    margin-top: 100px;
}
.marginb5 {
    margin-bottom: 5px;
}
.marginb10 {
    margin-bottom: 10px;
}
.marginb15 {
    margin-bottom: 15px;
}
.marginb20 {
    margin-bottom: 20px;
}
.marginb25 {
    margin-bottom: 25px;
}
.marginb30 {
    margin-bottom: 30px;
}
.marginb35 {
    margin-bottom: 35px;
}
.marginb40 {
    margin-bottom: 40px;
}
.marginb45 {
    margin-bottom: 45px;
}
.marginb50 {
    margin-bottom: 50px;
}
.marginb55 {
    margin-bottom: 55px;
}
.marginb60 {
    margin-bottom: 60px;
}
.marginb100 {
    margin-bottom: 100px;
}
.marginb200 {
    margin-bottom: 200px;
}
.marginb300 {
    margin-bottom: 300px;
}
.marginb400 {
    margin-bottom: 400px;
}
.marginb500 {
    margin-bottom: 500px;
}
.marginb600 {
    margin-bottom: 600px;
}
.marginr3 {
    margin-right: 3px;
}
.marginr5 {
    margin-right: 5px;
}
.marginr10 {
    margin-right: 10px;
}
.marginr15 {
    margin-right: 15px;
}
.marginr20 {
    margin-right: 20px;
}
.marginr25 {
    margin-right: 25px;
}
.marginr30 {
    margin-right: 30px;
}
.marginr35 {
    margin-right: 35px;
}
.marginr40 {
    margin-right: 40px;
}
.marginr45 {
    margin-right: 45px;
}
.marginr50 {
    margin-right: 50px;
}
.marginl3 {
    margin-left: 3px;
}
.marginl5 {
    margin-left: 5px;
}
.marginl10 {
    margin-left: 10px;
}
.marginl15 {
    margin-left: 15px;
}
.marginl20 {
    margin-left: 20px;
}
.marginl25 {
    margin-left: 25px;
}
.marginl30 {
    margin-left: 30px;
}
.marginl35 {
    margin-left: 35px;
}
.marginl40 {
    margin-left: 40px;
}
.marginl45 {
    margin-left: 45px;
}
.marginl50 {
    margin-left: 50px;
}
/**************************** PADDING_STYLE *****************************/
.no-padding {
    padding: 0;
}
.paddingt20 {
    padding-top: 20px;
}
.paddingb40 {
    padding-bottom: 40px;
}
.paddingr10 {
    padding-right: 10px;
}
.paddingr15 {
    padding-right: 15px;
}
.paddingr20 {
    padding-right: 20px;
}
.paddingr25 {
    padding-right: 25px;
}
.paddingr30 {
    padding-right: 30px;
}
.paddingr35 {
    padding-right: 35px;
}
.paddingr40 {
    padding-right: 40px;
}
.paddingr45 {
    padding-right: 45px;
}
.paddingr50 {
    padding-right: 50px;
}
.paddingr55 {
    padding-right: 55px;
}
.paddingr60 {
    padding-right: 60px;
}
.paddingr65 {
    padding-right: 65px;
}
.paddingr70 {
    padding-right: 70px;
}
.paddingr75 {
    padding-right: 75px;
}
.paddingr80 {
    padding-right: 80px;
}
.paddingr85 {
    padding-right: 85px;
}
.paddingr90 {
    padding-right: 90px;
}
.paddingr95 {
    padding-right: 95px;
}
.paddingr100 {
    padding-right: 100px;
}
.paddingr110 {
    padding-right: 110px;
}
.paddingr115 {
    padding-right: 115px;
}
.paddingr120 {
    padding-right: 120px;
}
.paddingl5 {
    padding-left: 5px;
}
.paddingl10 {
    padding-left: 10px;
}
.paddingl15 {
    padding-left: 15px;
}
.paddingl20 {
    padding-left: 20px;
}
.paddingl25 {
    padding-left: 25px;
}
.paddingl30 {
    padding-left: 30px;
}
.paddingl35 {
    padding-left: 35px;
}
.paddingl40 {
    padding-left: 40px;
}
.paddingl45 {
    padding-left: 45px;
}
.paddingl50 {
    padding-left: 50px;
}
.paddingl55 {
    padding-left: 55px;
}
.paddingl60 {
    padding-left: 60px;
}
.paddingl65 {
    padding-left: 65px;
}
.paddingl70 {
    padding-left: 70px;
}
.paddingl75 {
    padding-left: 75px;
}
.paddingl80 {
    padding-left: 80px;
}
.paddingl85 {
    padding-left: 85px;
}
.paddingl90 {
    padding-left: 90px;
}
.paddingl95 {
    padding-left: 95px;
}
.paddingl100 {
    padding-left: 100px;
}
.paddingl110 {
    padding-left: 110px;
}
.paddingl115 {
    padding-left: 115px;
}
.paddingl120 {
    padding-left: 120px;
}
/**************************** HR_STYLE *******************************/
/*#1 => hr enter title of form */
.hr_style1 {
    height: 1px;
    border: 0 none;
    color: #eee;
    background-color: #eee;
}
/*#1.type2 => dot*/
.hr_style1.type2 {
    height: 1px;
    border-bottom: 1px dashed #eee;
}
/*#2 => just margin without line*/
.hr_style2 {
    height: 1px;
    border: 0 none;
}
/************************** LOADING_STYLE **************************/
.loading_ajax {
    position: relative;
    pointer-events: none;
}
.loading_ajax:before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(255, 255, 255, .7) url(../_images/loading/loader3.gif) no-repeat center center;
    background-size: auto 20px;
}
/*************************** NO-SELECT ******************************/
.noselect,
.noselect * {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    outline: 0;
}
/************************** Blur Style ****************************/
.blur{
    -webkit-filter:blur(3px);
    filter:blur(3px);
}
/************************** LETTER SPACE ****************************/
.lt1 {
    letter-spacing: 1px;
}
.lt2 {
    letter-spacing: 2px;
}
.lt3 {
    letter-spacing: 3px;
}
/************************** POSITION *******************************/
.posrel {
    position: relative;
}
.posabs {
    position: absolute;
}
/************************** Z-INDEX **************************/
.zIn5 {
    position: relative;
    z-index: 5
}
.zIn10 {
    position: relative;
    z-index: 10
}
/************************** BACKGROUND *****************************/
.hover_opac:hover {
    opacity: 0.7;
}
.bgwhite {
    background-color: #fff;
}
.bgblue {
    background-color: #54586B;
}
.bggrey {
    background-color: #f9f9f9;
}
.bggrey2 {
    background-color: #eee;
}
.bggrey3 {
    background-color: #ddd;
}
.bggrey4 {
    background-color: #ccc;
}
.bgkhaki {
    background-color: #9e918d;
}
/*************************** COLOR ********************************/
.clwhite {
    color: #fff;
}
.clblue {
    color: #485380;
}
.clgrey {
    color: #ccc;
}
.clbrown {
    color: #9e806a;
}
.clkhaki {
    color: #9e918d;
}
.clpink {
    color: #ca8b8b;
}
.clcrim {
    color: #f9d6a7;
}
.bggreen {
    background-color: #66bb6a;
}
/**************************** BORDER COLOR *******************************/
.radius50 {
    border-radius: 50%;
}
.brpink2 {
    border: solid 1px #e5608d;
}
.brpink {
    border: solid 1px #f28379;
}
.brblue2 {
    border: solid 1px #27ace8;
}
.brperpul {
    border: solid 1px #8d6fc3;
}
.brgreen {
    border: solid 1px #6ea971;
}
.bryellow {
    border: solid 1px #f2bf3d;
}
/**************************** FONT SIZE *****************************/
.fontsize3 {
    font-size: 3rem;
}
.fontsize2 {
    font-size: 2rem;
}
.fontsize13 {
    font-size: 1.3rem;
}
.fontsize12 {
    font-size: 1.2rem;
}
.fontsize11 {
    font-size: 1.1rem;
}
.fontsize10 {
    font-size: 1rem;
}
/**************************** CONTAINER *****************************/
/*.container{
margin: 0 auto;
width: 1170px;
position:relative;
direction:rtl;
-webkit-transition:all .4s;
transition:all .4s;
}*/
main {
    display: block;
    background:#f0f0f0;
}
.no_list {
    list-style-type: none
}
/**************************** overlay *****************************/
.overlay_style1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
    display: none;
    cursor: url(../_images/icon/cancel.png), auto;
}

/******************************************************************************/
/*-------------------------- GENERAL STYLES ----------------------------------*/
/******************************************************************************/

/**************************** TABLE STYLE *******************************/
/*#1*/
.table_style1 {
    border-collapse: collapse;
    border-radius: 2px;
    width: 100%;
    min-width: 800px;
    border: solid 1px #e1e1e1;
    vertical-align: middle;
}
.table_style1 thead {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e1e1e1;
}
.table_style1 thead th {
    padding: 10px;
    color: #0061ab;
    font-size: 12px;
    font-size: 1.2rem;
}
.table_style1 tbody {
    background-color: #fff;
}
.table_style1 tbody tr {
    border-bottom: 1px solid #e1e1e1;
}
.table_style1 tbody tr:last-child {
    border-bottom: none;
}
.table_style1 tbody td {
    color: #777;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 5px;
    text-align: center;
    border-left: 1px solid #e1e1e1;
    position: relative;
}
.table_style1 tbody td:last-child {
    border-left: none;
}
.table_style1 tbody td.no {
    background-color: #f8f8f8;
    color: #ccc;
    min-width: 5%;
    position: static;
}
.table_style1 tbody td.name {
    min-width: 42%;
}
.table_style1 tbody td.name a {
    color: #725891;
}
.table_style1 tbody td.name a:hover {
    opacity: .7;
}
.table_style1 tbody .btn {
    border: solid 1px #31383E;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 5px 0;
    width: 100%;
}
.table_style1 tbody .btn:hover {
    opacity: .7;
}

/*#3*/
.table_style3 {
    border:1px solid rgba(170, 180, 200, 0.4);
    border-radius: 2px;
}
.table_style3 table {
    border-collapse: collapse;
    border-radius: 2px;
    width: 100%;
    min-width:550px;
    vertical-align:middle;
    text-align: center;
}
.table_style3 thead tr {
    border-bottom:1px solid #eee;
}
.table_style3 tbody tr {
    border-bottom:1px solid #ebebeb;
}
.table_style3 tbody tr:last-child {border-bottom:0 none;}
.table_style3 tbody tr:nth-child(2n) {
    /*background-color: rgba(170, 180, 200, 0.05);*/
}
.table_style3 tbody tr:not(.no_hover):hover,
.table_style3 tbody tr.active{
    background-color: #e7f3fd;
}
.table_style3 thead th {
    height:45px;
    padding:10px;
    color:#888;
    font-size:1.15rem;
    border-left: 1px solid #eee;
    position:relative;
}
.table_style3 thead th .sort_icon {
    position: absolute;
    left: 7px;
    top: 0;
    line-height: 45px;
    font-size: 1.2rem;
    color: #888;
}
.table_style3 thead th:last-child {border-left:0 none;}
.table_style3 tbody td {
    height: 50px;
    padding:10px;
    color:#555;
    font-size:1.1rem;
    line-height: 24px;
    position:relative;
}
.table_style3 tbody td.row_num {
    background-color: #f8f8f8;
    color:#ccc;
}
.table_style3 .icon1 {
    font-size: 1.5rem;
    color: #999;
}
.table_style3 img {
    display: block;
    margin: 0 auto;
}
.table_style3 .input1 {
    height: 33px;
    border: 1px solid #ebebeb;
    color:#555;
    font-size:1.2rem;
    padding: 0 5px;
    width: 100%;
}
.table_style3 tbody td.font1 {
    font-size:1.2rem;
}



/**************************** MODAL_STYLE *******************************/
div.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    background: url(../_images/loading/loader.gif) no-repeat center 150px;
    display: none;
}
div.modal .bg1 {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0) -webkit-radial-gradient(circle, #fff, #291a49) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) radial-gradient(circle, #fff, #291a49) repeat scroll 0 0;

    -webkit-transition: all 1.2s ease .1s;
    transition: all 1.2s ease .1s;
}
div.modal .bg {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;

    -webkit-transition: all 1.2s ease .1s;
    transition: all 1.2s ease .1s;
}
div.modal .modal_close {
    width: 30px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: 8px;
    top: 0;
    text-align: center;
    color: #999;
    font-size: 13px;
    font-size: 1.3rem;
    cursor: pointer;
    font-family: 'tahoma';
    font-style: normal;
}
div.modal .modal_close:hover {
    color: #444;
}
div.modal .modal_scroll {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
}
.modal_static,
.modal_dynamic {
    text-align: center;
}
.window {
    background-color: #fff;
    direction: rtl;
    display: none;
    margin: 100px auto;
    max-width: 80%;
    min-height: 100px;
    min-width: 400px;;
    overflow: hidden;
    opacity: 0;
    position: relative;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    border-radius: 6px;
}
.window.address {
    background-color: #fff;
    direction: rtl;
    display: block;
    margin: 20px auto;
    max-width: 100%;
    min-height: 100px;
    min-width: 400px;;
    overflow: hidden;
    opacity: 1;
    position: relative;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    border-radius: 6px;
}
.window.address .title_style1{
    text-align: center;
}
.modal_header {
    padding: 10px 15px 0;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    height: 50px;
    text-align: center
}
.modal_header i.modal_icon {
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 35px;
    height: 35px;
}
.modal_header.success i.modal_icon {
    background-image: url(../_images/notif_icon/success.png);
}
.modal_header.warning i.modal_icon {
    background-image: url(../_images/notif_icon/warn.png);
}
.modal_header.error i.modal_icon {
    background-image: url(../_images/notif_icon/error.png);
}
.modal_header.info i.modal_icon {
    background-image: url(../_images/notif_icon/info.png);
}
.modal_msg {
    padding: 15px 30px 15px 15px;
    direction: rtl;
    width: 100%;
}
.modal_msg p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px;
    color: #808080;
    background-position: right 5px;
    background-repeat: no-repeat;
    text-align: justify;
}
.modal_msg.error {
    background-color: #ffecec;
    border-color: #ffd3dd;
}
.modal_msg.success {
    border-color: #90fdc3;
    background-color: #edffff;
}
.modal_msg.info {
    border-color: #a6efff;
    background-color: #ecffff;
}
.modal_msg.warning {
    border-color: #ffef89;
    background-color: #ffffcc;
}
.modal_msg.error p {
    color: #900;
    background-image: url(../_images/notif_icon/error.png);
}
.modal_msg.success p {
    color: #0b8b40;
    background-image: url(../_images/notif_icon/success.png);
}
.modal_msg.info p {
    color: #47639e;
    background-image: url(../_images/notif_icon/info.png);
}
.modal_msg.warning p {
    color: #ba4b02;
    background-image: url(../_images/notif_icon/warn.png);
}
.modal_action {
    background-color: #f5f5f5;
    border-top: 1px solid #eeeeee;
    box-shadow: 0 1px 0 #fff inset;
    padding: 14px 15px 15px;
    text-align: center;
}
.modal_action .modal_btn {
    background-color: #999;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    line-height: 30px;
    padding: 0 20px;
    margin: 0 2px 5px;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    border: 1px solid transparent;
}
.modal_action .modal_btn:hover {
    background-color: #444;
    border: 1px solid #444;
}
.modal_action .action .inner {
    padding: 10px 0;
    border-top: 1px solid #ccc;
}
.modal_action .action .btn {
    float: right;
    line-height: 25px;
    padding: 0 15px;
    margin: 0 5px;
    border: 1px solid #999;
    border-radius: 2px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    /*background:#000 url(../_images/dialog_btn.png) repeat-x center center;*/
}

/*MODAL => MESSAGE BOX*/
.msgprev_box {
    max-width: 800px;
    min-width: 600px;
    text-align: justify;
    padding: 35px;
}
.msgprev_box h4 {
    background-color: #0CA2C0;
    min-height: 40px;
    line-height: 25px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    padding: 7px 20px;
    border-radius: 2px;
    margin-bottom: 15px;
}
.msgprev_box .content {
    border: 1px solid #d4d2d2;
    padding: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #555;
    line-height: 26px;
    min-height: 200px;
}
.msgprev_box textarea {
    border: medium none;
    color: #555;
    line-height: 26px;
    min-height: 300px;
    resize: none;
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
}
.msgprev_box .box_btn {
    background-color: #ae001f;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    display: block;
    height: 35px;
    margin: 30px auto 0;
    width: 200px;
    text-align: center;
    line-height: 34px;
}

/*Modal_style*/
/*#1*/
.modal_style1 {

    box-shadow: 0 2px 10px -1px rgba(0, 0, 0, 0.5);
    border-radius: 0;
    outline: 8px solid rgba(255, 113, 78, 0.11);
    border: dashed 1px #4caf50;
}
.modal_style1 .modal_inner {
    width: 100%;
    padding: 35px 30px;
    /*min-height: 700px;*/
}
.modal_style1#send_friend .modal_inner{
    width: 450px;
}
.modal_style1:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(47deg, transparent 55%, rgba(255, 113, 78, 0.1) 0);
}
.modal_style1 .modal_close.type2 {
    width: 35px;
    height: 30px;
    line-height: 25px;
    position: absolute;
    right: 11px;
    top: 0px;
    text-align: center;
    color: rgba(254, 96, 136, 0.5);
    font-size: 1.1rem;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0px 0px 3px rgb(190, 217, 149);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.modal_style1 .modal_close.type2:hover {
    color: rgba(254, 96, 136, 1);
}
/*body{overflow-x: hidden;}*/
/**************************** RESULT_STYLE *******************************/
/*#1*/
.result_style1 {
    padding: 13px 20px;
    border-radius: 3px;
    font-size: 12px;
    margin: 25px auto;
    display: block;
    direction: rtl;
    width: 100%;
    max-width: 500px;
}
.result_style1 .text {
    line-height: 23px;
    text-align: justify;
}
.result_style1 .text p {
    margin-bottom: 3px;
}
.result_style1 .text p:last-child {
    margin-bottom: 0;
}
.result_style1 .link {
    color: #004479;
}
.result_style1.s {
    background-color: #f3fff3;
    border: 1px solid #6fe66f;
    color: #008800;
}
.result_style1.e {
    background-color: #ffecec;
    color: #900;
    border: 1px solid #ffd3dd;
}
.result_style1.w {
    border: 1px solid #ffef89;
    background-color: #ffffcc;
    color: #ba4b02;
}
.result_style1.i {
    border: 1px solid #a6efff;
    background-color: #ecffff;
    color: #47639e;
}
.result_style1 .bullet1 {
    font-size: 5px;
    margin-left: 5px;
    vertical-align: middle;
}
.result_style1.sign .text {
    background-position: right 2px;
    background-repeat: no-repeat;
    padding-right: 25px;
}
.result_style1.s.sign .text.icon {
    background-image: url(../_images/notif_icon/success2.gif);
}
.result_style1.e.sign .text.icon {
    background-image: url(../_images/notif_icon/error2.gif);
}
.result_style1.w.sign .text.icon {
    background-image: url(../_images/notif_icon/warn2.gif);
}
.result_style1.i.sign .text.icon {
    background-image: url(../_images/notif_icon/info2.gif);
}

/**************************** GOTOP_STYLE *******************************/
.goto_top {
    border-bottom: 28px solid #79c7ee;
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    bottom: 0;
    cursor: pointer;
    display: none;
    float: right;
    position: fixed;
    right: 1.5%;
    z-index: 5000;
    text-align: center;
}
.goto_top i {
    bottom: -27px;
    color: #fff;
    display: inline-block !important;
    font-size: 0.8rem;
    position: relative;
    right: 3.3%;
}
.goto_top:hover i {
    color: #3185DB;
}

/**************************** TOOLTIP_STYLE *******************************/
.tooltip {
    position: absolute;
    padding: 5px 10px;
    line-height: 19px;
    background-color: rgba(212, 80, 70, 0.7);
    color: #ffffff;
    border-radius: 2px;
    display: none;
    z-index: 1;
    font-size: 1.1rem;
    white-space: nowrap;
    border: 1px dashed #f87746;
}
.tooltip.top {
    bottom: 120%;
}
.tooltip.bottom {
    top: 120%;
}
.tooltip.right {
    left: 120%;
}
.tooltip.left {
    right: 120%;
}
.tooltip:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
}
.tooltip.top:after {
    border-top: 5px solid rgba(212, 80, 70, 0.7);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -5px;
    right: 5px;
}
.tooltip.bottom:after {
    border-bottom: 5px solid rgba(212, 80, 70, 0.7);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: -5px;
    right: 5px;
}
.tooltip.right:after {
    border-right: 5px solid rgba(212, 80, 70, 0.7);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    left: -5px;
    top: 5px;
}
.tooltip.left:after {
    border-left: 5px solid rgba(212, 80, 70, 0.7);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    right: -5px;
    top: 5px;
}

/**************************** content_STYLE *****************************/
/*#1*/
.content_style1 {
    line-height: 40px;
    margin-top: 10px;
    font-size: 1.3rem;
    text-align: justify;
    color: #777;
}
.content_style1 img.center {
    max-width: 100%;
    display: block;
    margin: 15px auto;
    width: initial
}
.content_style1 img.left,
.content_style1 img.right {
    float: left;
    margin: 10px 20px 10px 0;
    width: initial;
    max-width: 100%
}
.content_style1 img.right {
    float: right;
    margin: 10px 0 10px 20px
}

.content_style1 .title {
    position: relative;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 30px;
    color: #43ace0;
    margin-bottom: 10px
}
.content_style1 .title:after,.content_style1 .title:before {
    position: absolute;
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg)
}
.content_style1 .title:after {
    right: 0;
    background: #43ace0;
    content: '';
    bottom: -2px;
    width: 100%;
    height: 2px
}
.content_style1 .title:before {
    content: " ";
    bottom: -7px;
    width: 5px;
    height: 10px;
    right: calc(50% - 1px);
   
    z-index: 1
}

.content_style1 ul.list{
    font-size: 1.35rem;
    list-style: none
}
.content_style1 ul.list li:before {
    content: 'E';
    font-family: 'aamaad-i';
    vertical-align: middle;
    margin-left: 5px;
    color: #b4a1bb;
    font-size: 2.6rem;
    line-height: 0;
    transform: rotate(15deg);
    display: inline-block;
}

/*type====> policy*/
.content_style1.policy .title {
    display: block;
    position: relative;
    font-size: 1.5rem;
    color: #119bb4;
    background: #f7f7f7;
    margin: 20px 0 0;
    padding: 0 10px;
    border: 1px dashed #e8e8e8;
    line-height: initial;
}
.content_style1.policy .title:after {
    content: none;
}
.content_style1.policy .title:before {
    content: 'j';
    font-family: 'aamaad-i';
    vertical-align: sub;
    font-size: 3rem;
    display: inline-block;
    margin-left: 10px;
    opacity: 0.5;
    width: initial;
    position: initial;
    transform: none;
}

/**************************** DIVIDE_STYLE *******************************/
/*#1*/
.divide_style1 {
    position: relative;
    display: inline-block;
    margin: 0 5px;
}

.divide_style1.bg_gray .divide_right,
.divide_style1.bg_gray .divide_left,
.divide_style1.bg_gray .divide_right:after,
.divide_style1.bg_gray .divide_left:after,
.divide_style1.bg_gray .divide_right:before,
.divide_style1.bg_gray .divide_left:before {
    background: #e3e6eb;
}

.divide_style1.bg_grn .divide_right,
.divide_style1.bg_grn .divide_left,
.divide_style1.bg_grn .divide_right:after,
.divide_style1.bg_grn .divide_left:after,
.divide_style1.bg_grn .divide_right:before,
.divide_style1.bg_grn .divide_left:before {
    background:#ffffff;
}

.divide_style1.bg_grn2 .divide_right,
.divide_style1.bg_grn2 .divide_left,
.divide_style1.bg_grn2 .divide_right:after,
.divide_style1.bg_grn2 .divide_left:after,
.divide_style1.bg_grn2 .divide_right:before,
.divide_style1.bg_grn2 .divide_left:before {
    background: #2c3c44;
}

.divide_style1.bg_khaki .divide_right,
.divide_style1.bg_khaki .divide_left,
.divide_style1.bg_khaki .divide_right:after,
.divide_style1.bg_khaki .divide_left:after,
.divide_style1.bg_khaki .divide_right:before,
.divide_style1.bg_khaki .divide_left:before {
    background: #F4F0F4;
}

.divide_style1 .divide_right,
.divide_style1 .divide_left {
    position: relative;
    display: inline-block;
    width: 11px;
    height: 1px;
    /*background: #f00;*/
}

.divide_style1 .divide_right:after,
.divide_style1 .divide_left:after {
    content: '';
    width: 6px;
    height: 1px;
    transform: rotate(140deg);
    display: inline-block;
    /*background: red;*/
    position: absolute;
}

.divide_style1 .divide_right:after {
    transform-origin: left bottom;
    left: 0;
}

.divide_style1 .divide_left:after {
    transform-origin: right top;
    right: 0;
}

.divide_style1 .divide_right:before,
.divide_style1 .divide_left:before {
    content: '';
    width: 4px;
    height: 1px;
    transform: rotate(140deg);
    display: inline-block;
    /*background: red;*/
    position: absolute;

}

.divide_style1 .divide_right:before {
    transform-origin: left bottom;
    left: 1px;
    top: 2px;
}

.divide_style1 .divide_left:before {
    transform-origin: right top;
    right: 1px;
    top: -2px;
}

/**************************** SEARCH_STYLE *******************************/
/*#1*/
.search_style1 .search1_select {
    position: relative;
    height: 38px;
    z-index: 2;
}
.search_style1 .search1_select:after,
.search_style1 .search1_input:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    border-style: solid;
    border-color: transparent #fafdfb transparent transparent;
    border-width: 19px 19px 19px 0;
}
.search_style1 .nice-select {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 38px;
    border-radius: 2px;
    background-color: #fafdfb;
    color: #666;
    font-size: 1.1rem;
    text-align: center !important;
    text-decoration: none;
    white-space: nowrap;
    line-height: 38px;
    cursor: pointer;
    border: none;
    float: none;
    padding: 0;
}
.search_style1 .nice-select:after {
    content: none;
}
.search_style1 .nice-select:before {
    content: 'a';
    font-family: 'aamaad-i';
    pointer-events: none;
   
    position: absolute;
    left: -2px;
    top: calc(50% - 18px);
    z-index: 1;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    opacity: 0.5;
}
.search_style1 .nice-select:hover:before {
    opacity: 1;
}
.search_style1 .nice-select .list {
    right: 0;
    border-radius: 3px;
    box-shadow: 0 0 1px 3px rgba(68, 68, 68, 0.08);
}
.search_style1 .nice-select .current {
    font-size: 1.2rem;
    letter-spacing: 0.5px;
    color: #666;
}
.search_style1 .nice-select .list .option {
    text-align: center !important;
    padding: 0 10px;
}
.search_style1 .nice-select .list .option:hover {
    background:#f6f6f6;
}
.search_style1 .search1_select select option {
    color: #666;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    font-size: 1.15rem;
    max-height: 240px;
    line-height: 30px;
    cursor: pointer;
}
.search_style1 .search1_input {
    position: relative;
    margin: 0 10px;
    z-index: 1;

}
.search_style1 .search1_input:before,
.search_style1 .search1_button:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    border-width: 19px 19px 19px 0;
}
.search_style1 .search1_input input {
    border: none;
    outline: none;
    padding: 7px 30px 7px 15px;
    width: 100%;
    height: 38px;
    border-radius: 2px;
    background-color: #fafdfb;
    font-size: 1.3rem;
    color: #7e7d7b;
}
.search_style1 .search1_button {
    position: relative;
}
.search_style1 .search1_button button {
    border: none;
    outline: none;
    padding: 7px 30px 7px 15px;
    width: 80%;
    height: 38px;
    background-color: #4caf50;
    color: #000;
    font-size: 1.2rem;
    cursor: pointer;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.search_style1 .search1_button button:hover {
    background-color:  #736480;
    background-color: #4caf50;
    color: #e3e6eb;
}
.search_style1 label.error_style1 {
    position: absolute;
    left: -125px;
    bottom: 45px;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    color: #ea6b5a;
    border: 1px dashed rgba(234, 107, 90, 0.5);
    padding: 0 15px;
}

/**************************** SEARCH_STYLE2 *******************************/
/*#1*/
.search_style2 .search2_select {
    position: relative;
    height: 38px;
    z-index: 2;
}
.search_style2 .search2_select:after,
.search_style2 .search2_input:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    border-style: solid;
    border-color: transparent #fafdfb transparent transparent;
    border-width: 19px 19px 19px 0;
}
.search_style2 .nice-select {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 38px;
    border-radius: 2px;
    background-color: #ebebeb;
    color: #666;
    font-size: 1.1rem;
    text-align: center !important;
    text-decoration: none;
    white-space: nowrap;
    line-height: 38px;
    cursor: pointer;
    border: none;
    float: none;
    padding: 0;
}
.search_style2 .nice-select:after {
    content: none;
}
.search_style2 .nice-select:before {
    content: 'a';
    font-family: 'aamaad-i';
    pointer-events: none;
   
    position: absolute;
    left: -2px;
    top: calc(50% - 18px);
    z-index: 1;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    opacity: 0.5;
}
.search_style2 .nice-select:hover:before {
    opacity: 1;
}
.search_style2 .nice-select .list {
    right: 0;
    border-radius: 3px;
    box-shadow: 0 0 1px 3px rgba(68, 68, 68, 0.08);
}
.search_style2 .nice-select .current {
    font-size: 1.2rem;
    letter-spacing: 0.5px;
    color: #666;
}
.search_style2 .nice-select .list .option {
    text-align: center !important;
    padding: 0 10px;
}
.search_style2 .nice-select .list .option:hover {
    background:#f6f6f6;
}
.search_style2 .search2_select select option {
    color: #666;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    font-size: 1.15rem;
    max-height: 240px;
    line-height: 30px;
    cursor: pointer;
}
.search_style2 .search2_input {
    position: relative;
    margin: 0 10px;
    z-index: 1;

}
.search_style2 .search2_input:before,
.search_style2 .search2_button:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    border-width: 19px 19px 19px 0;
}
.search_style2 .search2_input input {
    border: none;
    outline: none;
    padding: 7px 30px 7px 15px;
    width: 100%;
    height: 38px;
    border-radius: 2px;
    background-color: #fafdfb;
    font-size: 1.3rem;
    color: #7e7d7b;
}
.search_style2 .search2_button {
    position: relative;
}
.search_style2 .search2_button button {
    border: none;
    outline: none;
    padding: 7px 30px 7px 15px;
    width: 80%;
    height: 38px;
    background-color: #4caf50;
    color: #000;
    font-size: 1.1rem;
    cursor: pointer;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.search_style2 .search2_button button:hover {
    background-color:  #736480;
    background-color: #4caf50;
    color: #e3e6eb;
}
.search_style2 label.error_style1 {
    position: absolute;
    left: -125px;
    bottom: 45px;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    color: #ea6b5a;
    border: 1px dashed rgba(234, 107, 90, 0.5);
    padding: 0 15px;
}

/**************************** Form_STYLE *******************************/
/*#1*/
.form_style1 .frm1_item {
    position: relative;
    text-align: right;
    margin-bottom: 10px;
}
.form_style1 input[type='text'],
.form_style1 input[type='password'],
.form_style1 textarea {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 7px 10px;
    font-size: 1.3rem;
    letter-spacing: 0.5px;
    color: #555;
    outline: none;
    border: 1px solid #e8dfdc;
    box-shadow: 0 6px 2px -4px rgba(0, 0, 0, 0.1);

}
.form_style1 textarea {
    min-height: 100px;
}
.form_style1 input[type]:focus,
.form_style1 textarea:focus {
    box-shadow: 0 6px 2px -4px transparent;
    border: 1px solid #eaf0e2;
}
.form_style1 button {
    outline: none;
    display: block;
    cursor: pointer;
}
.form_style1 .frm1_label {
    font-size: 1.1rem;
    color: #766683;
    color: var(--textColor-purple3);
    position: relative;
}
.form_style1 .frm1_label:after {
    content: ' : ';
    line-height: 10px;
    display: inline-block;
    vertical-align: middle;
}
.form_style1 .frm1_item.req .frm1_label:before {
    content: '*';
    position: absolute;
    left: -10px;
    top: 10px;
    font-size: 0.9rem;
    line-height: 10px;
    color: #fe96a9;
}
.form_style1 .forget a {
    font-size: 0.9rem;
    padding: 0 1px;
    border-bottom: 1px dotted transparent;
    color: rgba(198, 64, 71, 0.8);
}
.form_style1 .forget a:hover {
    border-bottom-color: #a4ca6a;
    color: #615856;
}
.form_style1 input::placeholder,
.form_style1 textarea::placeholder {
    color: #e6e6e6;
    font-size: 1rem;
}
.form_style1 .remember {
    font-size: 0.9rem;
    padding: 0 1px;

}
.form_style1 .remember:hover {
    color: #615856;
}
.form_style1 .remember .check_style1 .icn {
    font-size: 1.1rem;
    line-height: 15px;
    top: 3px
}
.form_style1 .remember label {
    cursor: pointer;
    color:rgba(198, 64, 71, 0.8);
}
.form_style1 label.error_style1 {
    font-size: 0.85rem;
    line-height: 12px;
    color: #fe7888;
    position: absolute;
    left: 2px;
    top: 12px;
}
.form_style1 input.error, .form_style1 textarea.error {
    border-color: rgba(254, 96, 136, 0.5);
    border-style: dashed;
    background: #fff7f7;
}

/*type====>2*/
.form_style1.type2 input[type='text'],
.form_style1.type2 input[type='password'] {
    height: 40px;
    line-height: 40px;
    font-size: 1.3rem;
    color: #666;
}
.form_style1.type2 .frm1_label {
    font-size: 1.2rem;
    line-height: 30px;
    margin: 3px 0;
    display: inline-block;
}
.form_style1.type2 .forget a,
.form_style1.type2 .remember {
    font-size: 1rem;
}

/*select_style====>1*/
.select_style1 {
    position: relative;
    width: 100%;
}
.sort_type .select_style1 {
    position: relative;
    width: auto;
}
.select_style1 .select_label {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 25px;
    font-size: 1.15rem;
    padding: 7px 10px;
    letter-spacing: 0.5px;
    color: #666;
    outline: none;
    border: 1px solid #e8dfdc;
    box-shadow: 0 6px 2px -4px rgba(0, 0, 0, 0.1);
    background: #fff;
    text-align: center;
    cursor: pointer;
}
.select_style1 select[data-select-style] {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
}
.select_style1 select.error_style1 ~ .select_label {
    border-color: rgba(254, 96, 136, 0.5);
    border-style: dashed;
    background: #fff7f7;
}
.select_style1 select + label.error_style1 {
    top: -15px;
}
.select_style1.type2{
    display: inline-block;

}
.select_style1.type2 .select_label{
    min-width: 140px;
    height: 35px;
    line-height: 25px;
    font-size: 1rem;
    padding: 5px 30px;
    box-shadow: none;
}
/*************************check_radio_style***************/
/*#1*/
.check_style1 {
    position: relative;
    display: inline-block;
}
.check_style1 input {
    opacity: 0;
    width: 13px;
    height: 13px;
    position: relative;
    z-index: 1;
    margin-left: 2px;
}
.check_style1 .icn {
    font-size: 1.3rem;
    line-height: 13px;
    color: rgba(200, 79, 88, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.3s ease;
}
.check_style1:hover .icn_check:before,
.check_style1 input:checked + .icn_check:before {
    content: 'g';
    font-family: 'aamaad-i';
}
.check_style1:hover .icn_radio:before,
.check_style1 input:checked + .icn_radio:before {
    content: 'i';
    font-family: 'ifont-tsg';
}
.check_style1 input:checked + .icn:before {
    color: #c33d47;
}

/*type===>2*/
.check_style1.type2 .icn {
    font-size: 1.5rem;
    line-height: 22px;
}

/*#2*/
.check_style2{
    position: relative;
    display: inline-block;
    line-height: 0;
    cursor: pointer;
}
.check_style2 input{
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
}
.check_style2 .holder_check {
    border: 1px solid #c7c7c7;
    display: inline-block;
    height: 23px;
    width: 23px;
    text-align: center;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    position: relative;
    outline: 2px solid transparent;
}
.check_style2:hover .holder_check{
    outline: 2px solid rgba(182, 162, 199, 0.5);
}
.check_style2 .holder_check:before{
    content: 'B';
    font-family: 'aamaad-i';
    z-index:1;
    position: relative;
    color: #f9f9f9;
    opacity:0;
    transition: all 0.15s ease-out;
    font-size: 0.8rem;
    line-height: 20px;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5);
}
.check_style2 input:checked + .holder_check:before{
    opacity:1;
}
.check_style2 input:checked + .holder_check{
    outline: 2px solid rgba(182, 162, 199, 0.5);
}
.check_style2 .holder_check > i{
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 2px;
}

/**************************** loading Style *******************************/
.loading_style1{
    position: absolute;
    right: 0;
    left: 0;
    top: -10px;
    bottom: -10px;
    background-color: #fff;
    opacity:0.5;
    z-index: 10;
}
.loading_style1.withLoading{
    background-image: url("../_images/loading/loader6.gif");
    background-position: center;
    background-repeat: no-repeat;
}
/**************************** Btn_STYLE *******************************/
/*#0*/
.btn_style0 {
    font-size: 1.2rem;
    line-height: 35px;
    padding: 0 15px;
    color: #fff;
    text-align: center;
    transition: all .5s;
    display: inline-block;
}

/*#1*/
.btn_style1 {
    padding: 4px 25px 6px;
    display: block;
    margin: 0 auto;
    color: #119bb4;
    background: #fff;
    font-size: 1.3rem;
    line-height: 20px;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    position: relative;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 3px 4px rgba(68, 68, 68, 0.1);
    outline: none;
    cursor: pointer;
}
.btn_style1:hover {
    box-shadow: 0 0 0 0 rgba(68, 68, 68, 0.1);
    /*background: rgba(68, 68, 68, 0.1);*/
    color: #cb4547;
}

/*type====>2*/
.btn_style1.type2 {
    padding: 10px 25px;
}
/*type====>3*/
.btn_style1.type3 {
    padding: 10px 25px;
}
.btn_style1.type3:hover {
    background: rgba(180, 161, 187, 0.3);
    color: #736480;
    color: var(--textColor-purple2);
}

/*#2*/
.btn_style2{
    padding: 8px 25px 9px;
    display: block;
    margin: 0 auto;
    color: #119bb4;
    background: #fff;
    font-size: 1.3rem;
    line-height: 20px;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    position: relative;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 3px 2px rgba(68, 68, 68, 0.1);
    outline: none;
    cursor: pointer;
}
.btn_style2:hover{
    box-shadow: 0 0 0 0 rgba(68, 68, 68, 0.1);
}
.btn_style2 .icn{
    position: absolute;
    bottom: -51px;
    left: calc(50% - 20px);
    font-size: 3rem;
    line-height: 0;
    background: #ffffff;
    color: #119bb4;
    border: 1px dashed #4caf50;
    box-shadow: 0 0 6px 3px rgba(68, 68, 68, 0.1);
    padding: 7px;
    border-radius: 50%;
}
.btn_style2:hover .icn{
    box-shadow: 0 0 0 0 rgba(68, 68, 68, 0.1);
}
.btn_style2.active .icn,
.btn_style2.active{
    background: rgba(248, 119, 70, 0.3);
    color: #f87746;
}
/**************************** HEADER_STYLE *******************************/
/*#1*/
.header_style1 {
    position: relative;
    background-color: #fff;
}
.header_style1:before {
    content: '';
    /*background: #4caf50;*/
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -255px;
    z-index: -1;
}
.header_style1.other_page:before {
    content: none;
}
.header_style1 .header_part1 {
    /*background: #b3aaa7;*/
    position: relative;
    background:#fff;

}
.header_style1 .header_part2 {
    /*background: #fff;
    box-shadow: 0 5px 23px -16px rgb(0 0 0 / 31%);*/
}
.header_style1 .header_part1 .inner {
    background: #fff;
}
.header_style1 .header_part1 .login_register {
    padding: 7px 0;
    position: relative;
    font-size: 1.2rem;
    color: #fff;
    z-index: 1;
    background-color: #736480;
   

}
.header_style1 .header_part1 .login_register:before{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: -328px;

    z-index: -3;
}
.header_style1 .header_part1 .login_register a:hover {
    color: #ecd1c2;
}
.header_style1 .header_part1 .login_register:after {
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    /*content: '';*/
    border-style: solid;
    border-width: 0 40px 40px 0;
    /*border-color: transparent #736480 transparent transparent;*/
}
.header_style1 .header_part1 .login_register .box_login {
    background: #f7f7f7;
    position: absolute;
    right: 0;
    left: -25%;
    top: 100%;
    padding: 10px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    display: none;
}
.header_style1 .header_part1 .login_register .box_login:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(47deg, transparent 55%, rgba(249, 120, 70, 0.11) 0);
}
.header_style1 .header_part1 .login_register .box_login:after {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 71px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent rgb(234, 240, 226) transparent;
    transition: all 0.5s ease;
}
.header_style1 .header_part1 .login_register .srch_responsive{display: none;}
.header_style1 .header_part1 .useful_link {
    position: relative;
    /*background-color: #736480;*/
    background-color: #4caf50;
    padding: 8px 53px 8px 10px;
    transform: translateX(20px);
    color: #fff;
    font-size: 1.1rem;
    position: absolute;
    z-index: 100;
}
.header_style1 .header_part1 .useful_link a:hover {
    color: #eaddbc;
}
.header_style1 .header_part1 .useful_link:before {
    position: absolute;
    left: 90%;
    top: 0;
    bottom: 0;
    content: '';
    border-style: solid;
border-width: 0px 44px 40px 0;
border-color: transparent #736480 transparent transparent;

  
}
.header_style1 .header_part1 .useful_link:after {
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    content: '';
    border-style: solid;
border-width: 0px 40px 40px 0;
border-color: transparent #4caf50 transparent transparent;

  
}
.header_style1 #logo {
    display: block;
    width: 250px;
    margin: 0px auto;
}
.header_style1 #logo img {
    display: block;
    width: 100%;
}
.header_style1 .header_part2 .wrapper_hp2{
    position: relative;
}
.header_style1 .header_part2 .wrapper_hp2:before{
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    right:10px;
    left:10px;
    /*background: #fafafa;*/
    border: 1px solid #fff;
    background: #fff;
   
    /*background: linear-gradient(to right, transparent 0%, #eaeaea 100%);*/
}
#main_navigation .nav_link {
    display: block;
    position: relative;
    overflow: hidden;
    font-size: 1.2rem;
    line-height: 23px;
    padding: 14px 25px;
    /*color: #736480;*/
    /*color: var(--textColor-purple2);*/
    color: #334d5c;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transition: background-color 0.2s ease 0s;
}
#main_navigation .nav_link:hover,
#main_navigation .nav_link.active ,
#main_navigation .mega_menu:hover .nav_link{
    color: #fafafa;
}
#main_navigation .nav_link:after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 100%;
    top: 0;
    width: 190%;
    height: 180%;
    background-color: #fede00;
    background-color: #b3aaa7;
    -webkit-transform: skew(45deg) translate3d(0, 0, 0);
    -moz-transform: skew(45deg) translate3d(0, 0, 0);
    -ms-transform: skew(45deg) translate3d(0, 0, 0);
    -o-transform: skew(45deg) translate3d(0, 0, 0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
#main_navigation .nav_link:hover:after,
#main_navigation .nav_link.active:after ,
#main_navigation .mega_menu:hover .nav_link:after{
    -webkit-transform: skew(45deg) translate3d(-100%, 0, 0);
    -moz-transform: skew(45deg) translate3d(-100%, 0, 0);
    -ms-transform: skew(45deg) translate3d(-100%, 0, 0);
    -o-transform: skew(45deg) translate3d(-100%, 0, 0);
    opacity: 1;
    background-color: #736480;
    background-color: #4caf50;
}
#main_navigation .nav_link:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    margin: 0 auto;
    background: linear-gradient(to bottom, transparent 15%, rgb(211, 207, 214) 85%);
}
#main_navigation .nav_item:last-child .nav_link:before {
    content: none;
}
#main_navigation .mega_menu .submenu{
    position: absolute;
    top: 100%;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    transition: all 0.05s ease 0s;
    visibility: hidden;
    left: 0;
    right: 0;
    z-index: 10;
    padding-top: 5px;
}
#main_navigation .mega_menu .submenu .inner_submenu{
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.4);
    background: #fff;
    width: 100%;
    height:100%;
    position: relative;
}
#main_navigation .mega_menu:hover .submenu{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    transition: all 0.5s ease 0.05s;
}
#main_navigation .mega_menu .item_megamenu .link_megamenu{
    font-size: 1.2rem;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    margin: 0;
    padding: 13px 10px;
    display: block;
    color: #62566d;
    position: relative;
}
#main_navigation .mega_menu .item_megamenu.active .link_megamenu,
#main_navigation .mega_menu .item_megamenu:hover .link_megamenu{
    color: #fff;
    background: #4caf50;
}
#main_navigation .mega_menu .item_megamenu .link_megamenu:before{
    background-color: #c43e47;
    bottom: 50%;
    content: "";
    height: auto;
    right: 0;
    position: absolute;
    top: 50%;
    width: 2px;
    transition: all 0.5s ease 0s;
}
#main_navigation .mega_menu .item_megamenu.active .link_megamenu:before,
#main_navigation .mega_menu .item_megamenu:hover .link_megamenu:before{
    top: 0;
    bottom: 0;
    transition: all 0.5s ease 0s;
}
#main_navigation .mega_menu .item_megamenu .link_megamenu .cat_icon {
    font-size: 2.5rem;
    vertical-align: middle;
    margin-left: 10px;
    line-height: 0;
    display: inline-block;
    transition: all 0.3s;
    color: rgba(183, 183, 183, 0.5);
}
#main_navigation .mega_menu .item_megamenu:hover .link_megamenu .cat_icon,
#main_navigation .mega_menu .item_megamenu.active .link_megamenu .cat_icon{
    color: #fff;
}
#main_navigation .mega_menu .tab_content .catPic{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 300px;
    height: 250px;
    background: no-repeat center center / cover;
    display: none;
}
#main_navigation .mega_menu .tab_content .catPic.active{display: block;}
#main_navigation .mega_menu .sub_megamenu{
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    transition: all 0.5s ease 0s;
    z-index: -2;
    height: 0;
    overflow: hidden;
    /*background-color: #fff;*/
}
#main_navigation .mega_menu .sub_megamenu.active{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: all 0.5s ease 0s;
    z-index: 3;
    height: auto;
}
#main_navigation .mega_menu .tab_content{
    padding:20px 15px;
    height: 100%;
    /*background: url(../_images/pattern/submenu.png) no-repeat left center;*/
    background: url(../_images/pattern/pattern3.png) repeat center center;
    position: relative;
    /*overflow: hidden;*/
}
#main_navigation .mega_menu .tab_content:before{
     /*content: '';*/
     position: absolute;
     left:0;
     top:0;
     bottom:0;
     right:0;
     background: url(../_images/pattern/pattern6.png) no-repeat left bottom;
     opacity:0.6;
 }
/*#main_navigation .mega_menu .tab_content:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 250px;
    height: 250px;
    background: url(../_images/pattern/pattern7.svg) no-repeat center center;
}*/
.header_style1 .header_part2 .menu_responsive{
    position: relative;
    display: none;
}
.header_style1 .header_part2 .menu_rsv_link {
    font-size: 2rem;
    line-height: 24px;
    padding: 8px 14px;
    display: inline-block;
    background: #e0dede;
    color: #736480;
    transition: all 0.3s ease;
}
.header_style1 .header_part2 .menu_rsv_link > *{
    transition: none;
}
.header_style1 .header_part2 .menu_rsv_link:hover,
.header_style1 .header_part2 .menu_rsv_link.active{
    /*background: #90708c;*/
    /*color: #ececec;*/
    color: #4caf50;
    background: #2c3c44;
}
.header_style1 .header_part2 .btn_cart {
    padding: 3px 10px 3px 65px;
    color: #4caf50;
    background: #f8fdfb;
    font-size: 1.2rem;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    position: relative;

}
.header_style1 .header_part2 .btn_cart:hover {
    /*background-color: #b3aaa7;*/
    /*color: #ffffff;*/
}
.header_style1 .header_part2 .btn_cart .counter {
    line-height: 35px;
    display: inline-block;
    padding: 0 25px 0 15px;
    background: #4caf50;

    color: #ffffff;
    font-size: 1.3rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.header_style1 .header_part2 .btn_cart:hover .counter {
    /*color: #71645f;*/
    /*background: #fff;*/
}
.header_style1 .header_part2 .btn_cart .counter:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-style: solid;
    border-color: transparent #f8fdfb transparent transparent;
    border-width: 16px 10px 16px 0;
}
.header_style1 .header_part2 .btn_cart:hover .counter:before {
    /*border-color: transparent #b3aaa7 transparent transparent;*/
}
/*rsv_navigation*/
#rsv_navigation {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 100%;
    z-index: 100;
    background: #fdfdfd;
    padding: 15px;
    box-shadow: 0 3px 4px -1px rgba(0,0,0,0.5);
    text-align: center;
    display: none;
}
#rsv_navigation:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    /*background: linear-gradient(-150deg, transparent 55%, rgba(164, 202, 106, 0.09) 0);*/
    /*background: linear-gradient(50deg,transparent 55%,rgba(164, 202, 106, 0.09) 0);*/
  
}
#rsv_navigation .nav_item{}
#rsv_navigation .nav_link{
    position: relative;
    display: block;
    padding: 7px 10px;
    font-size: 1.25rem;
    color: #555;
    border-bottom: 1px dashed #efefef;
}
#rsv_navigation .nav_item:last-child .nav_link{
    border:none;
}
#rsv_navigation .nav_item:hover .nav_link,
#rsv_navigation .nav_item.active .nav_link{
    background: rgba(227, 230, 235, 0.3);
}
#rsv_navigation .nav_item.mega_menu .nav_link:after{
    content: 'b';
    font-family: 'aamaad-i';
    display: inline-block;
    font-size: 1rem;
    vertical-align: middle;
    position: relative;
    left: -10px;
    color: rgba(136, 136, 136, 0.7);
    transform: rotate(90deg);
    transform-origin: center center;
    transition: all 0.1s ease;
}
#rsv_navigation .nav_item .submenu{
    background: rgba(227, 230, 235, 0.5);
}
#rsv_navigation .item_step2{}
#rsv_navigation .link_step2{
    font-size: 1.2rem;
    line-height: 24px;
    color: #777;
    display: block;
    padding: 7px 10px;
    position: relative;
}
#rsv_navigation .link_step2:hover{
    background: #fff;
}
/**************************** LAYOUT_STYLE *******************************/
/*#1*/
.layout_style1 .layout1_boldCat:before,
.layout_style1 .layout1_boldCat:after,
.layout_style1,
.layout_style1 .layout1_title:after {

}
.layout_style1 .layout1_boldCat {
    position: relative;
}
.layout_style1 .layout1_boldCat .pic {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: inherit;
    width: inherit;
    transition: all 0.2s;
    /*filter: blur(1px);*/

}
.layout_style1 .layout1_boldCat .boldCat_cap {
    position: absolute;
    /*z-index: 2;*/
    left: 30px;
    right: 30px;
    padding: 10px;
    bottom: 40px;
    text-align: center;
    background: rgba(227, 230, 235, 0.9);
    color: #736480;
    color: var(--textColor-purple2);
}
.layout_style1 .layout1_boldCat .boldCat_text {
    border-bottom: 1px solid rgba(179, 170, 167, 0.42);
    font-size: 1.7rem;
    margin: 0 0 3px;
    padding-bottom: 5px;
}
.layout_style1 .layout1_boldCat .boldCat_link:hover {
    color: #c7593f;
}
.layout_style1 {
    border-top-width: 1px;
}
.layout_style1 .layout1_boldCat {
    width: 100%;
    max-width: 280px;
    height: 320px;
    margin: 20px auto;
    position: relative;
}
.layout_style1 .layout1_boldCat:before,
.layout_style1 .layout1_boldCat:after,
.layout_style1 .layout1_title:after {
    content: '';
    position: absolute;
}
.layout_style1 .layout1_boldCat:before {
    border-right-width: 1px;
    top: -21px;
    bottom: -21px;
    right: -18px;
}
.layout_style1 .layout1_boldCat:after {
    border-bottom-width: 1px;
    left: 0;
    right: -18px;
    bottom: -21px;
}
.layout_style1 .layout1_title {
   position: relative;
    background: #fff;
    height: 53px;

}
.layout_style1 .layout1_title:before {
    
    position: absolute;
    top: calc(50% - 9px);
    right: 0;
    left: 80px;
    height: 1px;
    /*background: rgba(229, 229, 229, 0.75);*/
    border-top: 1px dashed rgba(229, 229, 229, 0.75);
}
.layout_style1 .layout1_title:after {
    left: -11px;
    top: -21px;
    bottom: 0;
    border-left-width: 1px;
}
.layout_style1 .layout1_title .title_text {
    font-size: 1.5rem;
    /*color: #71645f;*/
    color: #4caf50;
    line-height: 24px;
    display: inline-block;
   
    position: relative;
    padding: 8px 20px 0px 0px;
}
.layout_style1 .layout1_title .sub_title {
    font-size: 0.9rem;
    color: #888;
    padding: 0 20px;
}
.layout_style1 .btn_carousel_product {
    position: absolute;
    left: 20px;
    top: 0;
    background: #f1f1f1;
}
.layout_style1 .btn_carousel_product .btn_carousel {
    padding: 8px 5px;
    color: rgba(158, 145, 141, 0.4);
    font-size: 1.1rem;
    line-height: 25px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    cursor: pointer;
}
.layout_style1 .btn_carousel_product .btn_carousel:hover {
    color: #ad94c3;
}

/**************************** BOX_STYLE *******************************/
/*#1*/
.box_style1 .box1_item {
    background: #fff none repeat scroll 0 0;
 border-radius: 10px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(51, 73, 94, .1);
    margin: 10px 10px 5px;
    padding: 10px 10px 10px;
    text-align: center;
    display: inline-block;
    width: 190px;
    position: relative;
}
.box_style1 * {
    outline: none;
}
.box_style1 .box1_porduct {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.box_style1 .box1_item:hover .box1_porduct {
    opacity:0.8;
}
.box_style1 .box1_porduct:hover:before {
    opacity: 1;
}
.box_style1 .box1_pic {
    display: block;
    width: 100%;
    max-width: 170px;
    height: 170px;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
}
.box_style1 .box1_detail-btn {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: calc(50% - 37px);
    z-index: 1;
    font-size: 1.1rem;
    letter-spacing: 0.4px;
    color: #fff1d8;
    border-bottom: 2px solid #f9ba48;
    color: #ffffff;
    border-bottom: 2px solid rgba(255, 255, 255, 0.65);
    padding: 0 4px;
    transform: translateY(100%);
}
.box_style1 .box1_detail-btn:hover {
    color: #eaddbc;
}
.box_style1 .box1_porduct:hover .box1_detail-btn {
    transform: translateY(-2px);
}
.box_style1 .box1_title {
    font-size: 1.2rem;
    line-height: 25px;
    display: block;
    color: #555;
    min-height: 25px;
    letter-spacing: 0.3px;
}
.box_style1 .box1_title:hover {
    color: #4caf50;
}
.box_style1 .box1_price {
    font-size: 1.6rem;
    margin: 5px 0;
    color: #039758;
}
.box_style1 .box1_price .off_price {
    color: #999;
}
.box_style1 .box1_price .new_price {
    text-decoration: none;
}
.box_style1 .box1_price .new_price:after {
    content: 'تومان';
    padding: 0 3px;
    font-size: 1.3rem;
}
.box_style1 .box1_addcart {
    font-size: 1.1rem;
    letter-spacing: 0.3px;
    color: #fff;
    padding: 1px 10px;
    margin: 5px 0 0px;
    background:#4caf50;
    border-radius: 2px;
    display: inline-block;
}
.box_style1 .box1_addcart:hover {
    color: #000;
    background: #4caf50;
}
.box_style1 .box1_label {
    position: absolute;
    top: -10px;
    right: 10px;
    background:#f9dbd3;
    color:#441722;
    padding: 3px 10px;
    font-size: 1rem;
    z-index: 1;
    border-top-left-radius: 3px;
    box-shadow: 1px 0 2px -1px rgba(0, 0, 0, 0.3);
}
.box_style1 .box1_label:before {
    content: '';
    position: absolute;
    top: 1px;
    right: -8px;
    border-style: solid;
    border-color: #d4aaa0 transparent transparent #d4aaa0;
    border-width: 4px;
    border-top-right-radius: 30px;
    /* border-top-left-radius: 30px; */
    background: #d4aaa0;
}
.box_style1 .box1_label:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border-style: solid;
    border-color:#f9dbd3 transparent transparent #f9dbd3;
    border-width: 7px 47px 0 0;
}

/*#2*/
.box_style2 {
    position: relative;
}
.box_style2 .box2_item {
    background: #fff none repeat scroll 0 0;
     border-radius: 10px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(51, 73, 94, .1);
    text-align: right;
    display: inline-block;
    width: 19.32%;
    position: relative;
    margin: 10px 10px 0;
    padding: 10px 10px 0;
}
.box_style2 .box2_item .notAvailable {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #fd6188;
    color: #FFF;
    font-size: 1.2rem;
    margin: auto;
    height: 33px;
    width: 80px;
    z-index: 4;
    text-align: center;
    padding-top: 4px;
}
.box_style2 .box2_item .notAvailable:before{
    content: '';
    position: absolute;
    right: 0;
    top: 100%;
    border:solid 5px transparent;
    border-top-color: #b44561;
    border-right-color: #db5476;
}
.box_style2 .box2_item .off_part{
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 3;
}
.box_style2 .box2_item .off_part img{
    width: 27px;
}
.box_style2 * {
    outline: none;
}
.box_style2 .box2_porduct {
    position: relative;
    margin-bottom: 15px;
    border-bottom: 1px dotted #e5e5e5;
}
.box_style2 .box2_porduct .product_color{
    position: absolute;
    bottom: -9px;
    height: 18px;
    right: 0;
    left: 0;
    text-align: center;
}
.box_style2 .box2_porduct .product_color .color{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin:0 3px;
    border:solid 2px #FFF;
    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 4px rgba(0,0,0,0.2);
    box-shadow:0 0 4px rgba(0,0,0,0.2);
    position: relative;
}
.box_style2 .box2_porduct .product_color .color .tooltip{
    bottom: 130%;
    width: 60px;
    right: -22px;
}
.box_style2 .box2_porduct .product_color .color:hover .tooltip{
    display: block;
}
/*.box_style2 .box2_porduct:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease;
    opacity: 0;
}*/
.box_style2 .box2_item:hover .box2_porduct:before {
    opacity: 1;
}
.box_style2 .box2_pic {
    display: block;
    /*width: 100%;*/
    width: 200px;
    height: 200px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
}
.xzoom-preview {
    z-index: 2;
}
.box_style2 .box2_item:hover .box2_pic {
    opacity:0.8;
}
.box_style2 .box2_detail-btn {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: calc(50% - 37px);
    z-index: 1;
    font-size: 1.1rem;
    letter-spacing: 0.4px;
    color: #ffffff;
    border-bottom: 2px solid rgba(255, 255, 255, 0.65);
    padding: 0 4px;
    transform: translateY(100%);
}
.box_style2 .box2_detail-btn:hover {
    color: #eaddbc;
}
.box_style2 .box2_item:hover .box2_detail-btn {
    transform: translateY(-2px);
}
.box_style2 .box2_title {
    font-size: 1.2rem;
    line-height: 25px;
    display: block;
    color: #766683;
    color: #2c3c44;
    min-height: 25px;
    letter-spacing: 0.3px;
}
.box_style2 .box2_title:hover {
    color: #4caf50;
}
.box_style2 .box2_caption {
    position: relative;
     height:120px;
}
.box_style2 .box2_price {
    font-size: 1.2rem;
    margin: 15px 0 5px;
    color: #039758;
}
.box_style2 .box2_price .off_price {
    display: block;
    color: #999;
    min-height: 26px;
}
.box_style2 .box2_price .new_price {
    display: block;
    font-size: 1.35rem;
    text-decoration: none;
}
.box_style2 .box2_price .new_price:after {
    content: 'تومان';
    padding: 0 3px;
    font-size: 1.2rem;
}
.box_style2 .box2_price .new_price.noStock {
    display: block;
    font-size: 1.35rem;
    text-decoration: none;
    text-align: center;
    color: #d86286;
}
.box_style2 .box2_price .new_price.noStock:after {
    content: '';
    padding: 0 3px;
    font-size: 1.2rem;
}
.box_style2 .box2_caption .text{
    font-size: 1.1rem;
    line-height: 26px;
    height: 105px;
    color: #989898;
    text-align: justify;
    display: none;
}
.box_style2 .box2_caption .holder_cart {
    position: absolute;
    bottom: 25px;
    left: 0;
}
.box_style2 .box2_saleoff {
    border-radius: 4px;
    color: #fff;
    background-color: #fd6188;
    display: inline-block;
    height: 27px;
    line-height: 27px;
    padding: 0 6px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    font-size: 1.2rem;
    letter-spacing: 1px;
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    opacity: 1;
}
.box_style2 .box2_saleoff:after {
    content: '%';
}
.box_style2 .box2_item:hover .box2_saleoff {
    opacity: 0;
}
.box_style2 .box2_addcart {
    font-size: 1.1rem;
    letter-spacing: 0.3px;
    padding: 3px 10px;
    margin: 5px 0 0px;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    z-index: 1;
    opacity: 0;
    color: #736480;
    color: var(--textColor-purple2);
    background: #d3cfd6;
    background: var(--bgColor-purple2);

}
.box_style2 .box2_item:hover .box2_addcart {
    opacity: 1;
}
.box_style2 .box2_addcart:hover {
    color: #ffffff;
    background: #4caf50;
}
.box_style2 .box1_label {
    position: absolute;
    top: -10px;
    right: 10px;
    background: #f0ced0;
    color: #d24e47;
    padding: 3px 10px;
    font-size: 1rem;
    z-index: 1;
    border-top-left-radius: 3px;
    box-shadow: 1px 0 2px -1px rgba(0, 0, 0, 0.3);
}
.box_style2 .box1_label:before {
    content: '';
    position: absolute;
    top: 1px;
    right: -8px;
    border-style: solid;
    border-color: #cbabad transparent transparent #cbabad;
    border-width: 4px;
    border-top-right-radius: 30px;
    /* border-top-left-radius: 30px; */
    background: #cbabad;
}
.box_style2 .box1_label:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border-style: solid;
    border-color: #f0ced0 transparent transparent #f0ced0;
    border-width: 7px 47px 0 0;
}

/*type===>2*/
.box_style2.type2 .box2_item{
    /*max-width: 33.333333%;*/
    margin: 0 3px 20px;
}

/*type===>3*/
.box_style2.type3 .box2_porduct{
    margin-bottom: 0;
    border-bottom: none;
}
.box_style2.type3 .box2_item{padding: 10px;width: 200px;margin: 0 10px 25px;}
.box_style2.type3 .box2_pic{width: 160px;height: 180px;}
.box_style2.type3 .bookmark{
    z-index:1;
    position: absolute;
    top: -15px;
    left: -15px;
    font-size: 3rem;
    line-height: 0;
    background: #fff7d7;
    color: rgb(255, 211, 42);
    border: 1px dashed #ffd32a;
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.05);
    padding: 7px;
    border-radius: 50%;
}

/*====>other_face*/
.box_style2.view_list .box2_item{
    width: 100%;
    margin: 0 3px 15px;
    padding: 10px;
    background: #f7f7f7;
}
.box_style2.view_list .box2_title{
    font-size: 1.35rem;
    line-height: 30px;
    height: 35px;
}
.box_style2.view_list .box2_caption .text{
    display: block;
}
.box_style2.view_list .box2_porduct{
    margin-bottom: 0;
    margin-left: 10px;
    float: right;
    border: 1px dotted #e5e5e5;

}
.box_style2.view_list .box2_price{
    font-size: 1.3em;
    line-height: 30px;
    margin: 25px 0 0 0;
}
.box_style2.view_list .box2_price .off_price{
    display: inline-block;
}
.box_style2.view_list .box2_price .new_price{
    display: inline-block;
    margin-right: 10px;
    font-size: 1.5rem;
}
.box_style2.view_list .box2_caption .holder_cart{
    bottom: 0;
    left: 15px;
}

/*#3*/
.box_style3 .bs3_item{
    /*padding: 0 10px;*/
    margin-bottom: 40px;
    background: #fafafa;
    box-shadow: 0 4px 11px -3px rgba(0,0,0,0.1);
    transition: all 0.3s ;
    position: relative;
    border-radius: 3px;
}
.box_style3 .bs3_item:hover{
    box-shadow: 0 4px 11px -3px rgba(0,0,0,0.3);
}
.box_style3 .bs3_item .bs3_date{
    font-size: 2.3rem;
    line-height: 24px;
    letter-spacing: 1px;
    color: #959595;
    position: absolute;
    z-index:2;
    padding-right: 20px;
    padding-left: 5px;
    text-align: left;
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg,#fff 50%,transparent 51%);
    top: 0;
    left: 0;
}
.box_style3 .bs3_item .bs3_date .month{
    display: block;
    font-size: 1.3rem;
    line-height: 24px;
    letter-spacing: 0;
}
.box_style3 .bs3_pic{
    position: relative;
    display: block;
    width: 100%;
    height: 260px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.box_style3 .bs3_pic:before{
    background-color: rgba(255,255,255,0.3);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.box_style3 .bs3_item:hover .bs3_pic:before{
    opacity: 1;
}
.box_style3 .bs3_title{
    font-size: 1.5rem;
    line-height: 35px;
    color: var(--textColor-purple2);
    display: inline-block;
    height: 35px;
    margin: 10px 0 0;
    padding: 0 10px;
}
.box_style3 .bs3_title:hover{
    color: #4caf50;
}
.box_style3 .bs3_caption{
    font-size: 1.1rem;
    line-height: 26px;
    text-align: justify;
    height: 150px;
    color: #666;
    padding: 0 10px;
}
.box_style3 .meta{
    font-size: 1.1rem;
    padding: 5px 10px;
    margin: 7px 10px;
    border: 1px dashed #eee;
    background: rgba(101, 123, 66, 0.05);
    border-right: none;
    border-left: none;
}
.box_style3 .step2 > li{
    display: inline-block;
    margin-left: 15px;
}
.box_style3 .step2 .name{
    color: #db5747;
}
.box_style3 .step2 .name:after{
    content: " : ";
}
.box_style3 .step2 .val{
    color:#959595;
    letter-spacing: .3px;
}

/**************************** social_STYLE *******************************/
/*#1*/
.social_style1 .sc1_item {
    border: 1px solid #736480;
    /*outline: 3px solid rgba(186, 217, 137, 0.4);*/
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 10px;
    position: relative;
    transition: all 0.3s ease;
}
.social_style1 .sc1_item:before{
    content: '';
    position: absolute;
    top:-4px;
    bottom:-4px;
    left:-4px;
    right:-4px;
    border: 4px solid #736480;
    transition: all 0.3s ease;
}

.social_style1 .sc1_item:hover:before{
    border-color: #4caf50;
}
.social_style1 .sc1_item:hover{
    border-color:#4caf50;
}
.social_style1 .sc1_link {
    background: 0 0;
    display: block;
    padding: 0 3px;
    font-size: 1.8rem;
    line-height: 27px;
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    color: #736480;
}
.social_style1 .sc1_item:hover .sc1_link {
    color: #4caf50;
}
.social_style1 .sc1_icon {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

/* type===>2 */
.social_style1.type2 .sc1_item{
    outline: 2px solid rgba(186, 217, 137, 0.4);
    width: 30px;
    height: 30px;
    margin: 0 5px
}
.social_style1.type2 .sc1_item:hover {
    border-color: #b4a1bb;
    border-color: var(--textColor-purple);
    outline-color: rgba(180, 161, 187, 0.51);
}
.social_style1.type2 .sc1_link{
    font-size: 1.5rem;
    line-height: 21px;
}

/**************************** title_STYLE *******************************/
/*#1*/
.title_style1 {
}
.title_style1 .title {
    font-size: 1.5rem;
    line-height: 20px;
    color: #2c3c44;
}
.title_style1 .divide_style1 {
}
.title_style1 .divide_style1 .divide_right,
.title_style1 .divide_style1 .divide_left {
    width: 50px;
}

/* type===>2 */
.title_style1.type2 .title {
    font-size: 2rem;
    letter-spacing: 0.5px;
}

/* type===>3 */
.title_style1.type3{text-align: center;display: inline-block}
.title_style1.type3 .title{font-size: 1.3rem;}
.title_style1.type3 .divide_style1 .divide_right,
.title_style1.type3 .divide_style1 .divide_left{width: 40px;}
/**************************** Breadcrumb *******************************/
#breadcrumb .inner {
    padding: 10px 0 0;
    margin: 0 -6px ;
}
#breadcrumb .brd_link {
    font-size: 1.1rem;
    color: #b4a1bb;
    color: var(--textColor-purple);
    position: relative;
    background: #f3f3f3;
    margin: 0 0 0 15px;
    padding:5px 10px 6px 10px;
}
#breadcrumb .brd_item{display: inline-block;margin-bottom: 15px}
#breadcrumb .brd_link:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    border-style: solid;
    border-color: transparent #f3f3f3 transparent transparent;
    border-width: 15px 10px 15px 0;
    transition: all 0.4s;
}
#breadcrumb .brd_item:last-child .brd_link:after {
    content: none;
}
#breadcrumb .brd_link:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    border-style: solid;
    border-color: #f3f3f3 transparent #f3f3f3 #f3f3f3;
    border-width: 15px 10px 15px 0;
    transition: all 0.4s;
}
#breadcrumb .brd_item:first-child .brd_link:before {
    content: none;
}
#breadcrumb .brd_link[href]:hover {
    color: #4caf50;
    background: #2c3c44;
}
#breadcrumb .brd_link[href]:hover:after {
    border-color: transparent #2c3c44 transparent transparent;
}
#breadcrumb .brd_link[href]:hover:before {
    border-color: #2c3c44 transparent #2c3c44 #2c3c44;
}

/**************************** Cart_STYLE *******************************/
/*table*/
.table_style_cart {
    border-collapse: collapse;
    border-radius: 2px;
    width: 100%;
    min-width: 800px;
    border: solid 1px #e1e1e1;
    vertical-align: middle;
    position: relative;
}
.table_style_cart thead {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e1e1e1
}
.table_style_cart thead th {
    padding: 10px;
    color: #5f6272;
    font-size: 1.25rem;
    height: 50px
}
.table_style_cart thead th:last-child {
    border-left: 1px solid #e1e1e1
}
.table_style_cart tbody,
.table_style_cart tfoot {
    background-color: #fff
}
.table_style_cart tbody tr,
.table_style_cart tfoot tr {
    border-bottom: 1px solid #e1e1e1
}
.table_style_cart tbody td,
.table_style_cart tfoot td {
    color: #777;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 5px;
    text-align: center;
    border-left: 1px solid #e1e1e1;
    position: relative
}
.table_style_cart tbody td.no {
    background-color: #f8f8f8;
    color: #999;
    position: static
}
.table_style_cart tbody .pic {
    display: block;
}
.table_style_cart tbody .pic img {
    display: block;
    width: 100px;
    margin: 0 auto;
}
.table_style_cart tbody .pic img:hover {
    opacity: 0.7;
}
.table_style_cart tbody .td_name a:hover {
    color: #d24d46;
}
.table_style_cart tbody .td_price {
    font-size: 1.4rem;
    color: #00aee7;
}
.table_style_cart tbody .td_remove {
    font-size: 2rem;
    color: #fe6088;
}
.table_style_cart tbody .btn {
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12.5px;
    font-size: 1.2rem;
    width: 100%;
    min-height: 30px;
    line-height: 30px
}
.table_style_cart tbody .btn.dark {
    background-color: #6e6f79
}
.table_style_cart tbody .btn.green {
    background-color: #59a559
}
.table_style_cart tbody .btn.red {
    background-color: #ee494f
}
.table_style_cart tbody .btn.blue {
    background-color: #41b9ff
}
.table_style_cart tbody .btn.orange {
    background-color: #fbaf00
}
.table_style_cart .log span {
    background-color: #fbaf00;
    border-radius: 2px;
    color: #eee;
    display: inline-block;
    line-height: 20px;
    padding: 0 7px
}
.table_style_cart .no_border {
    border: 0 none
}
.table_style_cart .border1 {
    border-bottom: 1px solid #e1e1e1
}
.table_style_cart .border2 {
    border-bottom: 1px solid transparent;
}
.table_style_cart .border3 {
    border-right: 1px solid transparent;
}
.table_style_cart .price_sum {
    color: #7FB231;
    font-size: 1.5rem;
    letter-spacing: 1px;
}
.table_style_cart .td_price_unit{
    color: #4980b3;
    letter-spacing: 1px
}
.table_style_cart .td_price_unit .price2 {
    display: block;
    color: #b4a1bb;
    text-decoration: line-through;
}
.table_style_cart .btn_style_cart {
    font-size: 1.2rem;
    line-height: 35px;
    display: block;
    width: auto;
    padding: 2px 10px;
    background-color: #7fb231;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    border: 0 none;
    transition: all .5s;
}
.table_style_cart .empty_cart {
    background: #efefef;
    color: #808080;
}
.table_style_cart .empty_cart:hover {
    background: #fe6088;
    color: #fff;
}
.table_style_cart .checkout_cart:hover {
    opacity: 0.8;
}
.table_style_cart .opt_item{display:inline-block;margin-left:15px;color:#ffb09a;position:relative;font-size:1.1rem;}
.table_style_cart .opt_item:before{content:'';position:absolute;left:-7px;top:50%;margin-top:-8px;width:1px;height:15px;background-color:#bbb;transform:rotate(15deg);}
.table_style_cart .opt_item:last-child:before{display:none;}

/*num_style1*/
.input_num_style1 {
    display: inline-block;
    position: relative;
     width: 70px;
}
.input_num_style1 .num_box {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    height: 40px;
    padding-right: 25px;
    width: 70px;
    text-align: center;
    color: #666;
    position: relative;
}
.input_num_style1 .arrow {
    background-color: #dfdfdf;
    color: #333;
    position: absolute;
    right: 0;
    top: 0;
    width: 23px;
    height: 50%;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
    transition: all 0.5s;
}
.input_num_style1 .arrow:hover {
    background-color: #a1a2a6;
}
.input_num_style1 .arrow.dec_num {
    bottom: 0;
    top: auto;
    border-top: 1px solid #fff;
}
.input_num_style1 .arrow:before {
    content: "l";
    font-family: 'aamaad-i';
    font-size: 0.95rem;
    color: #fff;
}
.input_num_style1 .arrow.dec_num:before {
    content: "k";
}

/*checkout_style1*/
.checkout_style1 .checkout_step {
    padding-right: 75px;
    position: relative;
    margin-bottom: 15px;
}
.checkout_style1 .checkout_step:last-child {
    margin-bottom: 0;
}
.checkout_style1 .bg_shopping_cart {
    background: #f8f7f6;
    border: 1px solid #f1edeb;
}
.checkout_style1 .shopping_cart {
    position: relative;
}
.checkout_style1 .shopping_cart .title {
    font-size: 4rem;
    color: rgb(235, 231, 228);
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    top: 50%;
}
.checkout_style1 .checkout_step .shape {
    position: absolute;
    right: 0;
    top: -23px;
}
.checkout_style1 .checkout_step .shape.rotate {
    transform: rotateX(180deg);
    transform-origin: 0 49px;
    top: -15px;
}
.checkout_style1 .checkout_step .shape .line {
    height: 1px;
    display: inline-block;
    background: #e0d5d2;
}
.checkout_style1 .checkout_step .shape .line1 {
    position: relative;
    top: -14px;
    right: 0;
    width: 10px;
}
.checkout_style1 .checkout_step .shape .line2 {
    width: 25px;
    position: relative;
    margin: 37px 10px 0;
}
.checkout_style1 .checkout_step .shape .line2:before,
.checkout_style1 .checkout_step .shape .line2:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 15px;
    background: inherit;
    transform: rotate(-67deg);
}
.checkout_style1 .checkout_step .shape .line2:before {
    right: 0;
    transform-origin: 10px -13px;
    width: 15px;
}
.checkout_style1 .checkout_step .shape .line2:after {
    left: 0;
    transform-origin: 7px 15px;
    width: 15px;
}
.checkout_style1 .checkout_step .shape .line3 {
    position: relative;
    top: 19px;
    width: 15px;
    right: 0px;
}
.checkout_style1 .checkout_head {
    position: relative;
    height: 60px;
    font-size: 1.5rem;
    line-height: 60px;
    color: #9e918d;
    background: #f9f9f9;
    border: 1px solid #efecec;
    box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2);
}
.checkout_style1 .checkout_head .number_step {
    font-size: 2rem;
    line-height: 20px;
    padding: 9px 15px 8px;
    margin: 0 0px 0 10px;
    display: inline-block;
    color: #9e918d;
    background: #ebe7e3;
    border-radius: 2px;
}
.checkout_style1 .checkout_body {
    display: none;
    border: 1px dotted #ebe7e3;
    margin: 10px 0 0;
    padding: 30px;
    /*background: #f9f9f9;*/
    overflow-y: auto;
    /*min-width: 800px;*/
}

/*active*/
.checkout_style1 .checkout_step.active .checkout_body {
    display: block;
}
.checkout_style1 .checkout_step.active .shape .line {
    background: #4caf50;
}
.checkout_style1 .checkout_step.active .checkout_head {
    color: #334d5c;
    background: #4caf50;
    border: 1px dotted #2c3c44;
}
.checkout_style1 .checkout_step.active .checkout_head .number_step {
    color: #ffffff;
    background: #4caf50;
}

/*pass*/
.checkout_style1 .checkout_step.pass .shape .line {
    background: #539000;
}
.checkout_style1 .checkout_step.pass .checkout_head {
    background: rgba(239, 247, 228, 0.8);
    border: 1px dotted #a4ca6a;
    color: #539000;
}
.checkout_style1 .checkout_step.pass .checkout_head .number_step {
    color: #fff;
    background: #66963a;
}

/*edit*/
.checkout_style1 .checkout_step .checkout_head .edit_step {
    margin-top: 15px;
    margin-left: 20px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    line-height: 26px;
    color: #2ca8da;
    background: #fff;
    transition: all 0.5s;
    border-radius: 0;
    font-size: 1.1rem;
    padding: 0 15px;
    letter-spacing: 1px;
}

/*address*/
.address_style1 {max-width: 800px;overflow-y: auto;margin:0 auto;}
.address_style1 .select_address_text {
    font-size: 1.2rem;
    color: #ef7c00;
    margin-top: 5px;
}
.address_style1 .address_table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e1e1e1;
    margin-bottom: 15px;
}
.address_style1 .address_table td {
    border-left: 1px solid #e1e1e1;
    color: #666;
    font-size: 1.1rem;
    line-height: 24px;
    padding: 10px;
    letter-spacing: 1px;
    text-align: center;
}
.address_style1 .address_table tr {
    border-bottom: 1px solid #e1e1e1;
}
.address_style1 .address_table td.check .check_radio_style3 span {
    margin: 0;
}
.address_style1 .address_table td.btns .btn {
    display: block;
    height: 50%;
    font-size: 1.5rem;
    line-height: 55px;
    text-align: center;
}
.address_style1 .address_table td.btns .btn.remove {
    color: #fe6088;
}
.address_style1 .address_table td.btns .btn.edit {
    border-bottom: 2px solid #e1e1e1;
    color: #33a9d8;
    font-size: 2rem;
}
.address_style1 .address_table td.info {
    color: #00a0d3;
}
.address_style1 .address_table td.address {
    position: relative;
    padding-right: 20px;
}
.address_style1 .address_table td.address .icon {
    position: absolute;
    font-size: 1.5rem;
    color: rgba(157, 214, 69, 0.71);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    top: 50%;
    margin-top: -15px;
}
.address_style1 .address_table td.address .icon.location {
    right: -16px;
    font-size: 1.6rem;
}
.address_style1 .address_table td.address .icon.phone {
    left: -15px;
}

/*button*/
.btn_style1_checkout {
    font-size: 1.2rem;
    text-align: center;
    color: #5d92ea;
    display: inline-block;
    position: relative;
    border: 1px solid #b9cff3;
    background: #d3dff3;
    transition: none;
    border-radius: 2px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    outline: none;
}
.btn_style1_checkout:hover {
    background: #fff;
    color: #5d92ea;
}
.btn_style1_checkout.btn_r {
    padding: 8px 42px 9px 12px;
}
.btn_style1_checkout.btn_l {
    padding: 8px 12px 9px 42px;
}
.btn_style1_checkout .ic {
    background: #f9f9f9;
    color: #5d92ea;
    font-size: 1rem;
    line-height: 29px;
    position: absolute;
    top: calc(50% - 12px);
    width: 27px;
    height: 27px;
    border-radius: 2px;
    transition: all .2s ease-in-out .05s;
}
.btn_style1_checkout:hover .ic {
    background: #d3dff3;
}
.btn_style1_checkout.btn_r .ic {
    right: 5px;
}
.btn_style1_checkout.btn_l .ic {
    left: 5px;
    right: initial;
}

/*CHOOSE_TYPE_STYLE*/
.choose_type_style1{max-width: 800px;overflow-y: auto;margin:0 auto;}
.choose_type_style1 .type_table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e1e1e1;
    margin-bottom: 15px;
}
.choose_type_style1 .type_table td {
    border-left: 1px solid #e1e1e1;
    color: #777;
    font-size: 1.2rem;
    line-height: 24px;
    padding: 10px;
}
.choose_type_style1 .type_table tr {
    border-bottom: 1px solid #e1e1e1;
}
.choose_type_style1 .type_table td.info .name {
    color: #00a0d3;
    letter-spacing: 1px;
}
.choose_type_style1 .type_table td.info .name2 {
    color: #04617f;
}
.choose_type_style1 .type_table td.info .text {
    color: #777;
    letter-spacing: 1px;
    font-size: 1.1rem;
}
.choose_type_style1 .type_table td.icon {
    border-left: 0 none;
}
.choose_type_style1 .type_table td.icon .icon_item {
    display: block;
    width: 80%;
    height: 40px;
    background: none no-repeat center center / contain;
    margin: 0 auto;
    font-size: 3.3rem;
    color: #000;
    line-height: 45px;
}
.choose_type_style1 .type_table td.icon .icon_item.size2 {
    height: 35px;
}
.choose_type_style1 .type_table td.price .amount {
    color: #ff8300;
    letter-spacing: 1px;
}

/* BILL_STYLE */
.bill_style1 {
    width: 80%;
    max-width: 500px;
    margin: 0 auto;
}
.bill_style1 .bill_table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e1e1e1;
    margin-bottom: 15px;
}
.bill_style1 .bill_table tr {
    border-bottom: 1px solid #ebebeb;
}
.bill_style1 .bill_table tr:last-child {
    border-bottom: 0 none;
}
.bill_style1 .bill_table .tr_price {
    background-color: #fdfdfd;
    color: #666;
}
.bill_style1 .bill_table .tr_discount {
    background-color: #FCF3EE;
    color: #f47f55;
}
.bill_style1 .bill_table .tr_send_price {
    background-color: #EEF9FC;
    color: #053bcb;
}
.bill_style1 .bill_table .tr_amount {
    background-color: #F7FFF7;
    color: #07990B;
}
.bill_style1 .bill_table tr td {
    height: 50px;
    font-size: 1.2rem;
}
.bill_style1 .bill_table tr td.name {
    padding-right: 20px;
}
.bill_style1 .bill_table tr td.val {
    padding-left: 20px;
}

/* transaction_style */
.transaction_style1 {
    background-color: #fff;
    margin: 50px auto;
    width: 40%;
    border: solid 1px #ededed;
    border-top: solid 2px #d6ebde;
    position: relative;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
}
.transaction_style1 .pic {
    display: block;
    background: none no-repeat center / contain;
    height: 130px;
}
.transaction_style1 .content {
    min-height: 200px;
    margin-top: 50px;
    padding-bottom: 15px;
}
.transaction_style1 .title {
    display: block;
    padding: 0 40px;
    background-color: #fff;
    line-height: 55px;
    position: relative;
    margin: -10px auto 0;
    border-radius: 30px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    width: 70%;
    top: -20px;
    text-align: center;
}
.transaction_style1 .info .item {
    list-style: none;
    font-size: 1.15rem;
    letter-spacing: 1px;
    color: #215e82;
    text-align: center;
}
.transaction_style1 .info .item .name {
    display: block;
    line-height: 45px;
}
.transaction_style1 .info .item .val {
    color: #777;
    text-shadow: 0 0;
}
.transaction_style1 .btn {
    display: inline-block;
    margin: 10px auto 20px;
    padding: 0 25px;
    line-height: 45px;
    border-radius: 20px;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
}
.transaction_style1 .btn:before {
    content: '';
    position: absolute;
    top: -60px;
    right: -25px;
    background: rgba(255, 255, 255, 0.2);
    width: 100px;
    height: 100px;
    transform: rotate(40deg);
    z-index: 0;

}

/*==>success*/
.transaction_style1.success {
    border-top: solid 2px #d6ebde;
}
.transaction_style1.success .pic {
    background-image: url(../_images/transaction/checkout_success.svg);
}
.transaction_style1.success .content {
    background-color: #edfbf3;
}
.transaction_style1.success .title {
    color: #308f57;
}
.transaction_style1.success .btn {
    background-color: #36a463;
    box-shadow: 0 2px 1px 0 #2b844f;
}

/*==>failed*/
.transaction_style1.failed {
    border-top: solid 2px #ebd6e1;
}
.transaction_style1.failed .pic {
    background-image: url(../_images/transaction/checkout_failed.svg);
}
.transaction_style1.failed .content {
    background-color: #fbedf5;
}
.transaction_style1.failed .title {
    color: #d81d7b;
}
.transaction_style1.failed .btn {
    background-color: #d8488d;
    box-shadow: 0 2px 1px 0 #bf3376;
}

/*FACTOR */
.factor_style1{position:relative;overflow: auto;}
.factor_style1 .factor_part1{position:relative;padding-top:20px;height:70px;margin-bottom:30px;}
.factor_style1 .factor_part1 .btn_style3{
    position: absolute;
    top: 12px;
    right: 0;
    margin:0;
    width: 200px;
    padding: 10px 0;
}
.factor_style1 .factor_part1 .title{font-weight:bold;font-size:1.7rem;color: #0D6494;text-align:center;}
.factor_style1 .factor_part1 .logo{position:absolute;left:0;top:-7px;width:180px;height:75px;background:none no-repeat center center/contain;}
.factor_style1 .factor_part1 .print{position:absolute;right:10px;top:15px;}
.factor_style1 .factor_part2{  margin-bottom: 20px; }
.factor_style1 .factor_part2 .table1,
.factor_style1 .factor_part2 .table1 table{border-collapse:collapse;border-radius:2px;width:100%;vertical-align:middle;text-align:center;}
.factor_style1 .factor_part2 .table1 .user_info{
    background-color: #fff; border:1px solid #ddd;border-radius:5px;position:relative; width:75%;}
.factor_style1 .factor_part2 .table1 .user_info:before{content:'';position:absolute;width:40px;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.55);}
.factor_style1 .factor_part2 .table1 .vert_label{letter-spacing:0.5px;font-size:1.2rem;color:#fff;}
.factor_style1 .factor_part2 .table1 .vert_label .outer_text{height:100%;position:relative;width:40px;}
.factor_style1 .factor_part2 .table1 .vert_label .inner_text{font-size:1.3rem;transform:translateX(-50%) translateY(-50%) rotate(-90deg);display:inline-block;white-space:nowrap;position:absolute;left:50%;top:50%;letter-spacing:1px;}
.factor_style1 .factor_part2 .table1{min-width:550px;}
.factor_style1 .factor_part2 .table1 table{width:100%;}
.factor_style1 .factor_part2 .table1 .user_info .info_row{border-bottom:1px solid #e0e0e0;}
.factor_style1 .factor_part2 .table1 .user_info .info_row:last-child{border-bottom:0 none;}
.factor_style1 .factor_part2 .table1 .user_info .info_col{padding:10px;}
.factor_style1 .factor_part2 .table1 .user_info .info_item{float:right;margin-left:40px;font-size:1.2rem;line-height:29px;}
.factor_style1 .factor_part2 .table1 .user_info .info_item .item_name{color:#CB1B4F;display:inline-block;}
.factor_style1 .factor_part2 .table1 .user_info .info_item .item_val{color:#444;display:inline-block;}
.factor_style1 .factor_part2 .table1 .pay_info{
    background-color: #fff;border:1px solid #ddd;border-radius:5px;position:relative;padding:20px 0;}
.factor_style1 .factor_part2 .table1 .pay_info *{
    text-align: center;
}
.factor_style1 .factor_part2 .table1 .pay_info:before{content:'';position:absolute;width:40px;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.55);}
.factor_style1 .factor_part2 .table1 .pay_info .date{margin-bottom:15px;font-size:1.2rem;color:#444;}
.factor_style1 .factor_part2 .table1 .pay_info .title_style2{margin-bottom:5px;font-size:1.2rem;}
.factor_style1 .factor_part2 .table1 .pay_info .barcode_img{display:block;margin:6px auto;opacity:0.7;}
.factor_style1 .factor_part2 .table1 .pay_info .barcode_no{font-size:1.2rem;}
.factor_style1 .factor_part2 .table1 .pay_info .pay_type{font-size:1.4rem;}
.factor_style1 .factor_part3.table_style3 thead th{color:#555;font-size:1.2rem;background:rgba(128, 128, 128, 0.11);}
.factor_style1 .factor_part3.table_style3 td.pic .pic{display:block;width:100px;height:100px;margin:0 auto;background:none no-repeat center center/contain;}
.factor_style1 .factor_part3.table_style3 td.name{font-size:1.25rem;line-height:30px;}
.factor_style1 .factor_part3.table_style3 td.name .opt_item{display:inline-block;margin-left:15px;color:#00aee7;position:relative;font-size:1.1rem;}
.factor_style1 .factor_part3.table_style3 td.name .opt_item:before{content:'';position:absolute;left:-7px;top:50%;margin-top:-8px;width:1px;height:15px;background-color:#bbb;transform:rotate(15deg);}
.factor_style1 .factor_part3.table_style3 td.name .opt_item:last-child:before{display:none;}
.factor_style1 .factor_part3.table_style3 td.price_total{font-size:1.25rem;color:#00b626;letter-spacing:1.5px;}
.factor_style1 .factor_part3.table_style3 td.price_unit .discount{color:#f00;font-size:1.2rem;margin-top:5px;display:inline-block;}
.factor_style1 .factor_part3.table_style3 td.price_unit .price{text-decoration:line-through;margin-left:15px;color:#aaa;}
.factor_style1 .factor_part3.table_style3 td.price_unit .price_discount{font-size:1.2rem;letter-spacing:1px;color:#009bf3;}
.factor_style1 .factor_part3.table_style3 tr{border-bottom:1px solid #e5e5e5;}
.factor_style1 .factor_part3.table_style3 td{border-left:1px solid hsla(220, 21%, 73%, 0.2);}
.factor_style1 .factor_part3.table_style3 td:last-child{border-left:0 none;}
.factor_style1 .factor_part3.table_style3 tr:hover{background-color:#fff;}
.factor_style1 .factor_part3.table_style3 tr.table_footer .price_name{letter-spacing:0.5px;font-size:1.2rem;color:#555;}
.factor_style1 .factor_part3.table_style3 tr.table_footer .price_val{font-size:1.25rem;letter-spacing:1px;}
.factor_style1 .factor_part3.table_style3 tr.table_footer.amount .price_name{color:#01af26;font-size:1.5rem;}
.factor_style1 .factor_part3.table_style3 tr.table_footer.amount .price_val{font-size:1.6rem;letter-spacing:1px;color:#00b626;}
.factor_style1 .factor_part3.table_style3 tr.table_footer.price_other .price_name{color:#0395e8;}
.factor_style1 .factor_part3.table_style3 tr.table_footer.price_other .price_val{color:#009bf3;}
.factor_style1 .factor_part3.table_style3 tr.table_footer.discount .price_name{color:#e00;}
.factor_style1 .factor_part3.table_style3 tr.table_footer.discount .price_val{color:#f00;}
.factor_style1 .factor_part3.table_style3 tr.table_footer .factor_text_label{letter-spacing:0.5px;font-size:1.2rem;background:rgba(128, 128, 128, 0.06);color:#555;}
.factor_style1 .factor_part3.table_style3 tr.table_footer .factor_text_label .outer_text{height:100%;position:relative;}
.factor_style1 .factor_part3.table_style3 tr.table_footer .factor_text_label .inner_text{font-size:1.3rem;transform:translateX(-50%) translateY(-50%) rotate(-90deg);display:inline-block;white-space:nowrap;position:absolute;left:50%;top:50%;letter-spacing:1px;}
.factor_style1 .factor_part4{padding:15px 0 50px 0;border-right:1px solid rgba(170, 180, 200, 0.4);border-bottom:1px solid rgba(170, 180, 200, 0.4);border-left:1px solid rgba(170, 180, 200, 0.4);}
.factor_style1 .factor_part4 .sign_item{float:right;width:33.3%;color:#888;font-size:1.2rem;line-height:25px;text-align:center;position:relative;}
.factor_style1 .factor_part4 .sign_item:before{content:'';position:absolute;left:0;top:10px;height:40px;width:1px;background-color:#eee;}
.factor_style1 .factor_part4 .sign_item:last-child:before{display:none;}
.factor_style1 .factor_part5 .returned_item{position:relative;margin-bottom:25px;}
.factor_style1 .factor_part5 .returned_item:last-child{margin-bottom:0;}
.factor_style1 .factor_part5 .returned_item .returned_name{border-right:8px solid #e8094b;}
.factor_style1 .factor_part5 .pic_product{width:65px;height:65px;border-radius:5px;background:#f7f7f7 none no-repeat center center/contain;position:absolute;z-index:1;top:50%;right:8px;border:1px solid #ddd;margin-top:-37px;}
.factor_style1 .table_footer_price.print_only td.outer_table{padding:15px 5px;}
.factor_style1 .table_footer_price.print_only td.outer_table td.price_item{padding:0;height:30px;width:25%;font-size:1.2rem;}
.factor_style1 .table_footer_price.print_only td.outer_table td.price_item .price{font-size:1.4rem;letter-spacing:1px;display:inline-block;margin-right:10px;}
.factor_style1 .print_only{display:none;}
.factor_style1 .screen_only.pic{
}
.factor_style1 .screen_only.pic a{
    background: no-repeat center / contain;
    display: block;
    height: 60px;
}
.factor_style1 .table_style2 .pro_option *{
    text-align: center;
}
.factor_style1 .btn_style1 {
    width:150px;
}
.factor_style1 .btn_style1 .btn_link{
    padding:10px 0;
    display: block;
}

@media print{@page{size:a4 landscape;}
    *{-webkit-print-color-adjust:exact;}
    .container{width:1000px;}
    /*body{min-height:auto;}*/
    .header_style1,
    .sidebar_style1,
    .factor_detail_part1 .paper_style1 .title_style1,
    .factor_detail_part1 .paper_style1 .btn_group_style2,
    .factor_detail_part1 .factor_part5,
    .user_msg_part1,
    .factor_detail_part1 .log_report ,
    .factor_detail_part1 .btn_group_style1,
    .factor_style1 .factor_part1 .print,
    .factor_detail_part1 .table_style3 td.pic,
    .factor_detail_part1 .table_style3 th.pic,
        /*.factor_style1 .factor_part1 .logo,*/
    .msg_sent_part1,
    .page_title,
    .result_style2 ,
    .factor_style1 .card_info,
    .sidebar1,
    #breadcrumb,
    .title_style2,
    footer,
    #go_top,
    .panel_style1 .dashboard,
    .visit_style1,
    .btn_style3,
    .other_page_says{display:none !important;}
    .panel_style1 .panel_content{
        background-color: #fff;
    }
    .other_page_content .inner{
        padding-right: 0;
    }
    main.main_side{width:100%;}
    .client_part1{margin:0 !important;}
    .factor_style1 .factor_part1{margin-bottom:38px;}
    .factor_style1 .factor_part1 .logo{display:block;top:0;width:250px;height:90px;left:35px;}
    .paper_style1{box-shadow:none;padding:0;}
    .factor_style1{margin-top:0;}
    .factor_detail_part1 .table_style3 tbody td{padding:0;}
    .factor_style1 .factor_part3.table_style3 td.factor_text{text-align:center;}
    .factor_style1 tr.print_only{display:table-row;}
    .factor_style1 .screen_only{display:none;}
    .factor_style1 .factor_part3.table_style3 td{border-left:1px solid #444;}
    .factor_style1 .factor_part3.table_style3{border:1px solid #444;}
    .factor_style1 .factor_part3.table_style3 tr,
    .factor_style1 .factor_part3.table_style3 thead tr:last-child{border-bottom:1px solid #444;}
    .factor_style1 .factor_part3.table_style3 thead th{background:rgba(128, 128, 128, 0.5);border-left:1px solid #444;color:#111;font-size:1.45rem;}
    .factor_style1 .factor_part3.table_style3 thead th:last-child{border-left:0 none;}
    .factor_style1 .factor_part3.table_style3 tr:last-child{border:0 none;}
    .factor_style1 .table_footer_price.print_only td.outer_table td.price_item{border-left:1px solid #888;}
    .factor_style1 .table_footer_price.print_only td.outer_table td.price_item:last-child{border-left:0 none;}
    .factor_style1 .factor_part4{border-color:#333;}
    .factor_style1 .factor_part4 .sign_item:before{background-color:#888;}
    .factor_style1 .factor_part4 .sign_item{color:#222;}
    .factor_style1 .table_footer_price.print_only{background:rgba(128, 128, 128, 0.5);}
    .factor_style1 .table_footer_price.print_only td.outer_table td.price_item{font-size:1.25rem;}
    .factor_style1 .table_footer_price.print_only td.outer_table td.price_item.amount .price{font-size:1.7rem;letter-spacing:2px;}
    .factor_style1 .factor_part1 .title{font-size:2.2rem;color:#000;}
    .factor_style1 .factor_part3.table_style3 td.price_unit .price{font-size:1.25rem;color:#888;}
    .factor_style1 .factor_part3.table_style3 td.price_unit .price_discount{font-size:1.35rem;color:#111;}
    .factor_style1 .factor_part3.table_style3 td.price_unit .discount{color:#333;}
    .factor_style1 .factor_part3.table_style3 td.price_total{font-size:1.45rem;color:#111;}
    .factor_style1 .factor_part3.table_style3 td.name{color:#111;font-size:1.3rem;}
    .factor_style1 .table_footer_price.print_only td.outer_table td.price_item{color:#000;}
    .factor_style1 .factor_part2 .table1 .user_info:before,
    .factor_style1 .factor_part2 .table1 .pay_info:before{background-color:rgba(0,0,0,0.8);}
    .factor_style1 .factor_part2 .table1 .user_info,
    .factor_style1 .factor_part2 .table1 .pay_info{border:1px solid #333;}
    .factor_style1 .factor_part2 .table1 .user_info .info_row{border-bottom:1px solid #999;}
    .factor_style1 .factor_part2 .table1 .user_info .info_item{font-size:1.5rem;line-height:30px;color:#333;}
    .factor_style1 .factor_part2 .table1 .user_info .info_item .item_name{color:#111;}
    .factor_style1 .factor_part2 .table1 .vert_label .inner_text{font-size:1.7rem;}
    .factor_style1 .factor_part2 .table1 .pay_info .pay_type{color:#333;font-size:1.5rem;}
    .factor_style1 .factor_part2 .table1 .pay_info .barcode_no{font-size:1.5rem;}
    .factor_style1 .factor_part2 .table1 .pay_info .date{font-size:1.5rem;color:#111;}
    .panel_style1 .p_head,.panel_style1 .p_main .right,.panel_style1 .btn_style0{display: none;}
    .panel_style1 .p_main .left{width: 100%!important;display: block;}
    .panel .inner{padding: 0!important;}
    .panel_style1 .p_main > .left .body{border: none!important;background: none!important;}

}

/**************************** List_STYLE *******************************/
/*#1*/
.list_style1 .list1_link{
    font-size: 1.1rem;
    line-height: 30px;
    display: inline-block;
    color: #999;
}
.list_style1 .list1_link:hover{
    color: #666;
}

/*#2*/
.list_style2 .step1{
    border-right: 1px solid #4caf50;
    padding: 20px 0 15px;
    font-size: 1.15rem;
    color: #999;
}
.list_style2 .step2,
.list_style2 .step3,
.list_style2 .step4 {
    margin: 12px 25px 0 0;
    border-right:1px dashed rgba(164, 202, 106, 0.75);
    font-size: 1.1rem;
    color: #b7b7b7;
}
.list_style2 .ls2_item{
    padding: 0 0 10px;
    transition: all 0.3s ease;
}
.list_style2 .ls2_item:hover{
    color: #4caf50;
}
.list_style2 .ls2_item .check_style1{
    line-height:0;
}
.list_style2 .ls2_item label{
    cursor: pointer;
}

.list_style2 .divide_style1{
    margin-right: 0;
}
.list_style2 .divide_style1 .divide_right,
.list_style2 .divide_style1 .divide_left{
    width: 20px;
}
.list_style2 .check_style1 .icn{
    font-size: 1.15rem;
    color: #c7c7c7;
}
.list_style2 .check_style1 input:checked + .icn:before{
    color: #4caf50;
}


/*#3*/
.list_style3 .step1{
    padding: 20px 0 15px;
}
.list_style3 .check_style2{
    margin: 5px;
}

/*#4*/
.list_style4{}
.list_style4 .ls4_item{
    clear: both;
}
.list_style4 .ls4_item .name{
    display: inline-block;
    width: 25%;
    color: #736480;
    color: var(--textColor-purple2);
    background: #f1f1f7;
    padding: 7px 15px;
    font-size: 1.1rem;
    float: right;
}
.list_style4 .ls4_item .val{
    display: inline-block;
    width: 74.5%;
    color: #666;
    background: #f7f7f7;
    padding: 7px 15px;
    font-size: 1.1rem;
    float: left;
    margin-bottom: 5px;
}
/* Milad */
.list_style4 .ls4_item .val.greenBack{
    background: rgba(56, 220, 0, 0.07);
}
.list_style4 .ls4_item .val.redBack{
    background: rgba(255, 33, 6, 0.07);
}
/* End Milad */
.list_style4 .ls4_item.ls4_title{
    font-size: 1.4rem;
    margin: 30px 0 10px;
    color: #2c3c44;
}
.list_style4 .ls4_item.ls4_title:before{
    content: 'O';
    font-family: 'aamaad-i';
    vertical-align: middle;
    margin-left: 3px;
    display: inline-block;
}

/*************************sidebar_style***************/
/*#1*/
.sidebar_style1 .widget_wrapper{
    background: #f9f9f9 none repeat scroll 0 0;
    /*box-shadow: -3px 3px 6px #ededed;*/
    box-shadow: 0 0 2px 3px #ededed;
    position: relative;
    padding: 15px 0;
}
.sidebar_style1 .widget{
    padding: 0 15px;
}
.sidebar_style1 .widget_wrapper:after {
    background: #f9f9f9 none repeat scroll 0 0;
    /*box-shadow: 3px 3px 6px #ededed;*/
    /*box-shadow: 5px 0 2px 3px #ededed;*/
    box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.2);
    content: "";
    height: 100%;
    position: absolute;
    left: 98%;
    top: 0;
    width: 1000%;
    display: none;
}
.sidebar_style1 .widget_title{
    color: #fff;
    font-size: 1.35rem;
    line-height: 36px;
    margin-right: -25px;
    margin-left: 25px;
    padding-right: 15px;
    position: relative;
    background-color: #4caf50;
}
.sidebar_style1 .widget_title:before{
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -10px;
    content: "";
    height: 0;
    right: -10px;
    position: absolute;
    width: 0;
    /*border-right: 10px solid #43a047;*/
    border-left: 10px solid #4caf50;
}
.sidebar_style1 .widget_title:after{
    /*background: rgba(0, 0, 0, 0) url(../_images/asset/widget_title.png) repeat scroll 0 0;*/
    content: "";
    height: 36px;
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    transform: rotate(180deg);
}
.sidebar_style1 .widget_content .renge_style{
    margin: 10px 25px 20px 10px;
}

/***********************tool_bar*************************/
/*#1*/
.toolbar_style1{
    background: #f9f9f9;
    border: 1px solid #eeedef;
    padding: 7px;
    margin-bottom: 30px;
}
.toolbar_style1 .view_type{
    border-right: 1px dashed #c7c7c7;
    padding-right: 5px;
    margin-right: 10px;
    display: inline-block;
}
.toolbar_style1 .view_type .view_item{
    font-size: 1.9rem;
    line-height: 0;
    display: inline-block;
    background: #ececec;
    padding: 6px;
    color: #c43e47;
    border-radius: 3px;
    transition: all 0.3s ease;
    cursor: pointer;
    margin-right: 5px;
}
.toolbar_style1 .view_type .view_item:hover,
.toolbar_style1 .view_type .view_item.active{
    background: #eb68464a;
}
.toolbar_style1 .result{
    color: #777;
    font-size: 1.1rem;
    line-height: 30px;
}
.toolbar_style1 .result .mark{
    padding: 0 2px;
    color: #4caf50;
}
.toolbar_style1 .sort_type{
    display: inline-block;
}

/***********************Pagination*************************/
.pagination{
    list-style: none;
    
    margin: 15px 0;
}
.pagination li{
    display: inline-block;
    clear: both;
}
.pagination li:first-child a,
.pagination li:last-child a{  font-size: 1rem;  }

.pagination li:first-child a:hover,
.pagination li:last-child a:hover{}

.pagination.filter li:first-child a,
.pagination.filter li:last-child a{  font-size: 1.4rem;  }

.pagination.filter li:first-child a:hover,
.pagination.filter li:last-child a:hover{
    color: #657b42;
    background: #e0efc9
}

.pagination a{
    font-size: 1.4rem;
    line-height: 31px;
    padding: 0 5px;
    display: inline-block;
    width: 30px;
    height: 30px;
    float: right;
    background: #f2f0f3;
    border-bottom: 1px solid #ddd1e2;
    color: #555;
    position: relative;
    border-radius: 2px;
    margin: 0 2px;
}
.pagination a:after{
    content: '';
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    height:0;
    transition: all 0.3s ease;
}
.pagination a:before{
    content: 'E';
    font-family: 'aamaad-i';
    position: absolute;
    bottom: -25px;
    right: 1px;
    font-size: 3rem;
    line-height: 1;
    transform: rotate(15deg);
    color: #b4a1bb;
    opacity: 0.5;
    transition: all 0.3s ease;
}
.pagination li.active a:before,
.pagination a:hover:before{
    color: #657b42;
    opacity: 1;
}
.pagination li:last-child a:before,
.pagination li:first-child a:before{
    content: none;
}
.pagination.filter li:last-child a:before,
.pagination.filter li:first-child a:before{
    content: 'E';
    font-family: 'aamaad-i';
    position: absolute;
    bottom: -25px;
    right: 1px;
    font-size: 3rem;
    line-height: 1;
    transform: rotate(15deg);
    color: #b4a1bb;
    opacity: 0.5;
    transition: all 0.3s ease;
}
.pagination.filter li:first-child.active a:before,
.pagination.filter li:last-child.active a:before,
.pagination.filter li:first-child a:hover:before,
.pagination.filter li:last-child a:hover:before{
    color: #657b42;
    opacity: 1;
}
.pagination a:hover,
.pagination li.active a{
    color: #657b42;
    background: #e0efc9
}

/**************************** tab_STYLE *******************************/
/*#1*/
.tab_style2{}
.tab_style2 .tab_nav{
    height: 100%;
    background: #f7f7f7;
    border: 1px solid #eee;
    /*border-bottom: none;*/
}
.tab_style2 .tab_nav .item{
    position: relative;
}
.tab_style2 .tab_nav .icn_nav{
    font-size: 2rem;
    line-height: 50px;
    padding: 0 5px 0 0;
    color: #b4a1bb;
    color: var(--textColor-purple);
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
}
.tab_style2 .tab_nav .item.active .icn_nav,
.tab_style2 .tab_nav .item:hover .icn_nav{
    color: #f7f7f7;
}
.tab_style2 .tab_nav .link{
    font-size: 1.2rem;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 13px 35px 13px 10px;
    display: block;
    color: #736480;
    color: var(--textColor-purple2);
    position: relative;
}
.tab_style2 .tab_nav .item.active .link,
.tab_style2 .tab_nav .link:hover{
    background: #4caf50;
    color: #000;
}
.tab_style2 .tab_nav .item.active .link:after{
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: -7px;
    height: 12px;
    width: 12px;
    background: #fff;
    border-style: solid;
    border-color: #e3e6eb;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
}
.tab_style2 .tab_content{
    height: 100%;
    background: #fff;
    border: 1px solid #eee;
    border-right: none;
    padding: 0 20px 15px;
    transition: all 0.5s ease 0s;
}
.tab_style2 .tab_content .list_content{
    display: none;
}

/**************************** comment_style**********************************/
/*#1*/
.comment_style1 .comment{
    margin-bottom: 20px;
}
.comment_style1 .step1 > .item{
    margin-bottom: 25px;
}
.comment_style1 .avatar{
    float: right;
    text-align: center;
}
.comment_style1 .comment_reply .avatar{
    float: left ;
}
.comment_style1 .avatar .pic{
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    display: inline-block;
    border: 4px solid #FFF;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);
    position: relative;
    z-index: 1;
    border-radius: 0 0 7px 7px;
}
.comment_style1 .avatar .name{
    padding: 9px 5px 5px;
    background: #d6d6d6;
    border-radius: 2px;
    font-size: 1rem;
    color: #666;
    z-index: 0;
    top: -10px;
    position: relative;
    min-width: 55px!important;
    max-width: 103px!important;
    overflow: hidden;
    text-align: center;
    transition: all 0.3s;
}
.comment_style1 .comment:hover .avatar .name{
    background: #c23c47;
    color: #fff;
}
.comment_style1 .info .arrow{
    position: absolute;
    right: -27px;
    top: 15px;
}
.comment_style1 .comment_reply .info .arrow{
    position: absolute;
    left: -13px;
    right: initial;
    top: 15px;
}
.comment_style1 .info .arrow:after,
.comment_style1 .info .arrow:before{
    content: ' ';
    position: relative;
    left: -1px;
    z-index: 2;
    border-style: solid;
    border-color: transparent transparent #fbfbfb transparent;
    border-width: 0px 7px 10px 7px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
}
.comment_style1 .info .arrow:before{
    border-color: transparent transparent #eaeaea transparent;
    z-index: 1;
    left: -14px;
}
.comment_style1 .comment_reply .info .arrow:after,
.comment_style1 .comment_reply .info .arrow:before{
    -webkit-transform:none;
    transform: none;
    border-color: transparent #fbfbfb transparent transparent;
    border-width: 7px 7px 7px 7px;
}
.comment_style1 .comment_reply .info .arrow:before{
    border-color: transparent #eaeaea transparent transparent;
    left: -16px;
}
.comment_style1 .comment_reply.admin .info .arrow:after{
    border-color: transparent #f3fff2 transparent transparent;
}
.comment_style1 .info{
    min-width: 250px;
    max-width: 80%;
    background: #fbfbfb;
    border-radius: 2px;
    box-shadow: 0 0px 3px #e0e0e0;
    padding: 10px 15px 0 12px;
    margin: 0 20px 0 0;
    float: right;
    position: relative;
}
.comment_style1.beforeAccept .info{
    width: 100%;
    max-width: 90%;
}
.comment_style1.beforeAccept .info .tools .replay_btn:after {
    content: 'V';
    font-family: 'aamaad-i';
    font-size: 1.4rem;
    vertical-align: middle;
    margin-right: 5px;
}
.comment_style1.beforeAccept .inner_label.notConfirm{
    color: red;
    text-align: left;
}
.comment_style1 .admin .info{
    background: #f3fff2;
}
.comment_style1 .comment_reply .info{
    float: left;
    margin: 0 0 0 20px;
}
.comment_style1 .info .text{
    font-size: 1.2rem;
    line-height: 24px;
    color: #929292;
    text-align: justify;
}
.comment_style1 .info .tools{
    font-size: 1.1rem;
    border-top: 1px solid #efefef;
    margin: 10px 0 0 0;
    padding: 14px 0px 7px;
    display: block;
}
.comment_style1 .admin .info .tools{
}
.comment_style1 .info .date{
    float: right;
    position: relative;
    padding-right: 24px;
    color: #3b2222;
}
.comment_style1 .info .date:before{
    content: 'R';
    font-family: 'aamaad-i';
    position: absolute;
    right: 0;
    top: 3px;
    font-size: 1.5rem;
}
.comment_style1 .info .tools .replay_btn{
    font-size: 1.2rem;
    color: #2c3c44;
    float: left;
    position: relative;
    top: -5px;
}
.comment_style1 .info .tools .replay_btn:after{
    content: 'Q';
    font-family: 'aamaad-i';
    font-size: 1.6rem;
    vertical-align: middle;
    margin-right: 5px;
}
.comment_style1 .info .tools .replay_btn:hover{
    color: #FF9800;
}

/*type===>2*/
.comment_style1.type2 .step1 > .item {
    margin-bottom: 25px;
    padding: 25px 15px 1px;
    background: #f7f7f7;
    border-radius: 5px;
}
.comment_style1.type2 .comment_reply{
    margin-right: 75px;
}
.comment_style1.type2 .comment_reply .avatar{
    float: right;
}
.comment_style1.type2 .comment_reply .info{
    margin: 0 20px 0 0;
    float: right;
    background: #f7f7f7;
}
.comment_style1.type2 .info .arrow{
    position: absolute;
    right: -27px;
    top: 15px;
}
.comment_style1.type2 .comment_reply .info .arrow:after,
.comment_style1.type2 .comment_reply .info .arrow:before {
    content: ' ';
    position: relative;
    left: -1px;
    z-index: 2;
    border-style: solid;
    border-color: transparent transparent #f1f1f1 transparent;
    border-width: 0 7px 10px 7px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
}
.comment_style1.type2 .comment_reply .info .arrow:before {
    border-color: transparent transparent #eaeaea transparent;
    z-index: 1;
    left: -14px;
}

/* form_comment */
.form_comment{
    padding: 25px 0 35px;
    margin-bottom: 35px;
    border-bottom: 1px dashed #ececec;
    position: relative;
}
.form_comment .item{
    float: right;
    position: relative;
}
.form_comment .item.full{
    width: 100%;
}
.form_comment input ,
.form_comment textarea{
    width: 100%;
    padding:7px 15px;
    border: 1px solid #D8E1E5;
    border-radius: 2px;
    color: #4d4d4f;
    font-size: 1.2rem;
    line-height: 24px;
    text-align: justify;
    display: block;
    height: 150px;
    /*    -webkit-transition: border .3s ease-in-out;
        transition: border .3s ease-in-out;*/
}
.form_comment textarea:focus,
.form_comment input:focus{
    border-color: #b4a1bb;
    border-color:var(--textColor-purple);
}
.form_comment button[type='submit']{
    width: 150px;
    display: inline-block;
    padding: 7px 15px;
    outline: none;
    border: none;
    border-bottom:1px solid #D8E1E5;
    border-top:1px solid #fff;
    background: none;
    border-radius: 2px;
    color: #d57f85;
    font-size: 1.2rem;
    line-height: 24px;
    text-align: center;
    position: relative;
    top: -1px;
    right: -13px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_comment button[type='submit']:hover{
    color: #b4a1bb;
    color: var(--textColor-purple);
    border-top:1px solid #fff;
    border-bottom:1px solid #b4a1bb;
    border-bottom:1px solid var(--textColor-purple);
}
.form_comment button[type='submit']:after,
.form_comment button[type='submit']:before{
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    top: 0;
    width: 1px;
    background: #d8e1e5;
    transition: all 0.3s;
}
.form_comment button[type='submit']:hover:before,
.form_comment button[type='submit']:hover:after{
    color: #b4a1bb;
    color: var(--textColor-purple);
    background: #b4a1bb;
    background: var(--textColor-purple);
}
.form_comment button[type='submit']:after{
    left: -6px;
    transform: skew(20deg);
}
.form_comment button[type='submit']:before{
    right: -6px;
    transform: skew(-20deg);
    /*box-shadow: 4px 0px 0px 0px #d8e1e5;*/
}
.form_comment button[type='submit']:hover:before{
    box-shadow: 4px 0px 0px 0px #b4a1bb;
    box-shadow: 4px 0px 0px 0px var(--textColor-purple);
}
.form_comment label.error{
    position: absolute;
    right: 3px;
    bottom: -20px;
    font-size: 0.8rem;
    color: #dd4b39;
}
.form_comment textarea.error{
    border-style:dashed;
    border-color: #dd4b39;
}
.form_comment .counter_comment{
    position: absolute;
    bottom:2px;
    color: #777;
    font-size: 1.2rem;
}
.form_comment .counter_comment .title{
    display: inline-block;
    position: relative;
    margin-left: 18px;
    color: #0061ab;
    font-size: 1.05rem;
    letter-spacing: 0.2px;
}
.form_comment .counter_comment .title:after {
    content: "::..";
    left: -22px;
    bottom: -2px;
    position: absolute;
    font-size: 1rem;
    line-height: 20px;
    letter-spacing: 1px;
}
.form_comment .counter_comment .mark{
    padding: 0 3px;
    color: #ee494f;
}

/**************************** Counter_style**********************************/
/*#1*/
.counter_style1{
    /*background: #333333 url(../_images/icon/bg-clock.png) no-repeat top center;*/
    background-color: #ffebeb;
    color: rgba(148, 148, 148, 0.9);
    position: relative;
    text-align: center;
    font-size: 1.2rem;
    line-height: 30px;
    right: -9px;
    min-width: 85px;
    padding: 0 15px 0 20px;
}
.counter_style1 .countdown-section{
    position: relative;
    display: block;
    padding: 5px 0;
}
.counter_style1 .countdown-section:after{
    bottom: 0;
    content: "";
    height: 1px;
    /* left: calc(50% - 20px); */
    left: 0;
    right: 0;
    position: absolute;
    /* width: 35px; */
    border-bottom: 1px dashed rgba(177, 189, 158, 0.7);
}
.counter_style1 .countdown-section:last-child:after{
    content: none;
}
.counter_style1 .countdown-amount{
    padding: 0 4px;
    /*color: #736480;*/
    color: #fd6188;
    letter-spacing: 0.5px;
}

/*********************** no_item *************************/
.no_item{
    text-align: center;
    font-size: 1.5rem;
    color: #1a6b72;
    line-height: 40px;
    position: relative;
    /*background: #f9f9f9;*/
    margin: 50px 0;
    /*border: 1px dashed #ececec;*/
}
.no_item:before{
    content: '';
    width: 170px;
    height: 180px;
    display: inline-block;
    background: transparent url(../_images/asset/no_results.png) no-repeat center top;
    background-size: contain;

}
/******************************************************************************/
/*-------------------------- PAGES STYLES ------------------------------------*/
/******************************************************************************/
/*home*/
#home_part1 .inner {
    padding: 20px 0;
}
#home_part1 .services .service_part {
    display: inline-block;
    padding: 1px 0px 0px 0px;
   
    margin: 5px;
    width: 18%;
    position: relative;
}
#home_part1 .services .service_part:before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    background: #fff;
    z-index: -1;
}
#home_part1 .services .service_part img {
    width: 45px;
    display: block;
    margin: 0 auto;

}
#home_part1 .services .service_part .service_text {
    color: #736480;
    color: var(--textColor-purple2);
    font-size: 1.1rem;
    line-height: 30px;
    text-align: center;
}
#home_part1 .services .service_part .service_text .mark {
    color: #fe6088;
}
#home_part1 .E-namad .namad_part {
    display: inline-block;
    max-width: 130px;
    margin: 15px 1px 0;
}
#home_part1 .E-namad .namad_part img {
    width: 100%;
    display: block;
}
#home_part1 .wrapper_slider {
    position: relative;
}
#home_part1 .arrow_slider {
    position: absolute;
    top: calc(50% - 15px);
    font-size: 2rem;
    color: #b3aaa7;
    z-index: 10;
    background: rgba(0, 0, 0, 0.3);
    padding: 8px 7px;
    line-height: 40px;
    cursor: pointer;
    opacity: 0;
    border-radius: 2px;
}
#home_part1 .wrapper_slider:hover .arrow_slider {
    opacity: 1;
}
#home_part1 .arrow_slider:hover {
    background: rgba(0, 0, 0, 0.7);
    color: #e3e6eb;
}
#home_part1 .arrow_slider.next_slide {
    right: 5px;
}
#home_part1 .arrow_slider.prev_slide {
    left: 5px;
}
#home_part1 .slider {
    width: 100%;
    position: relative;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
#home_part1 .slider .pic {
    display: block;
    width: 100%;
    height: 381px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 10000;
}
#home_part1 .slider:before {
    content: '900 x 381';
    direction: ltr;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    color: #b3aaa7;
    z-index: 0;
}
#home_part1 .slider:after {
    
    position: absolute;
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: -5px;
    z-index: 0;
    border: 1px solid #e4e2e2;
}
#home_part2 .inner,
#home_part4 .inner {
    padding: 10px 0;
    background-color:#fff;
    border-radius: 10px;
}
#home_part3 .inner {
    background-color: #fbf9f9;
    padding: 35px 0 50px;
    margin: 50px 0;
    border: 1px dashed #d3cfd6;
}
#home_part3 .off_title {
    padding: 65px 0;
    position: relative;
    left: -11px;
    background: #fd6188;
}
#home_part3 .off_title .text {
    font-size: 1.5rem;
    color: #fff;
    display: inline-block;
    transform: rotate(-90deg);
}
#home_part3 .btn_carousel ,
.btn_carousel_style1{
    position: absolute;
    top: calc(50% - 20px);
    font-size: 1.3rem;
    color: #ffffff;
    z-index: 10;
    background: rgba(0, 0, 0, 0.3);
    padding: 8px;
    cursor: pointer;
    opacity: 0;
    border-radius: 2px;
    height: 30px;
    line-height: 15px;
}
#home_part3 .box_style2:hover .btn_carousel ,
.box_style2:hover .btn_carousel_style1{
    opacity: 1;
}
#home_part3 .btn_carousel:hover ,
.btn_carousel_style1:hover{
    background: rgba(0, 0, 0, 0.7);
    color: #e3e6eb;
}
#home_part3 .btn_carousel.next_slide,
.btn_carousel_style1.next_slide{
    right: 5px;
}
#home_part3 .btn_carousel.prev_slide,
.btn_carousel_style1.prev_slide{
    left: 5px;
}
#home_part5 .inner {
    padding: 40px 0 0;
}
#home_part5 .video_wrapper {
    width: 100%;
    /*margin: 0 auto;*/
}
#home_part5 .video_wrapper .video_player {
    outline: 2px dashed #dedddd;
    padding: 3px;
}
#home_part5 .title {
    font-size: 8rem;
    color: #f3f3f3;
    transform: rotate(90deg);
    position: absolute;
}
#home_part5 .jw-skin-bekle .jw-display-icon-container {
    border-radius: 4px;
    background: none !important;
    background-color: #f9323f !important;
    transition: all 0.3s ease;
}
#home_part5 .jw-toggle,
#home_part5 .jw-button-color:hover {
    color: #9e918d !important;
}

/*footer*/
#footer_part1 {
    background:#fff;
    margin-top: 0px;
}
#footer_part1 .parnian {
    padding: 10px 8px 6px;
    position: relative;
    font-size: 1.1rem;
    background-color:#736480;
    color: #ffffff;
}
#footer_part1 .parnian:before{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: -500px;
   background:linear-gradient(to right , #f97846,#c13b47);
    z-index: -3;
}
#footer_part1 .parnian .mark {
    color: rgba(255, 255, 255, 0.5);
}
#footer_part1 .parnian .mark:hover {
    color: #657b42;
}
#footer_part1 .parnian:after {
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    /*content: '';*/
    border-style: solid;
    border-width: 0px 40px 40px 0;
    border-color: transparent #736480 transparent transparent;
}
#footer_part1 .parnian .img {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    margin-left: 6px;
}
    #footer_part1 .policy {
    position: relative;
    /*background-color: #736480;*/
   background-color: #4caf50;
    padding: 0 60px 0 10px;
    transform: translateX(20px);
    color: #e3e6eb;
    font-size: 1.1rem;
    position: relative;
    z-index: 100;
    /*line-height: 40px;*/
}
#footer_part1 .policy:after {
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    content: '';
    border-style: solid;
    border-width: 0px 20px 40px 0;
    
    border-color: transparent #4caf50 transparent transparent
}
#footer_part1 .policy:before {
    position: absolute;
    left: 93.5%;
    top: 0;
    bottom: 0;
    content: '';
    border-style: solid;
    border-width: 0px 40px 40px 0;
    border-color: transparent #736480 transparent transparent;
}
#footer_part1 .policy .text {
    overflow: hidden;
    position: relative;
    padding: 10px 25px 6px;
}
#footer_part1 .policy .text:before {
    content: '©';
    font-size: 2rem;
    line-height: 0;
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.5);
    position: absolute;
    right: 4px;
    top: 23px;
}
#footer_part1 .contact_info {
    position: relative;
    background: white;
    padding: 15px 20px;
}
#footer_part1 .contact_info:after {
    position: absolute;
    left: 100%;
    bottom: 0;
    content: '';
    border-style: solid;
    border-width: 0px 40px 40px 0;
    border-color: transparent transparent white transparent;
}
#footer_part1 .contact_info .logo {
    display: block;
    width: 150px;
    margin: 0 auto 20px;
    padding-top: 10px;
}
#footer_part1 .contact_info .logo img {
    display: block;
    width: 100%;
}
#footer_part1 .contact_info .name1 {
    font-size: 1.2rem;
    color: #DC594C;
    padding: 3px 0;
    display: inline-block;
}
#footer_part1 .contact_info .name1:after {
    content: ' : ';
}
#footer_part1 .contact_info .name1 {
    background: rgba(0, 0, 0, 0) none no-repeat scroll right 5px / 20px auto;
        background-image: none;
    color: #2c3c44;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 35px;
    padding: 0 29px 0 14px;
}

#footer_part1 .contact_info .val {
    font-size: 1.1rem;
    color: var(--textColor-purple2);
    letter-spacing: 0.5px;
}
#footer_part1 .footer_link {
    padding: 20px 0 0px 10px;
}
#footer_part1 .footer_link .fl_item {
    display: block;
    margin-top: 6px;
}
#footer_part1 .footer_link .fl_link {
    font-size: 1.2rem;
    line-height: 30px;
    display: inline-block;
    color: #2c3c44;
}
#footer_part1 .footer_link .fl_link:hover {
    color: #005D9B;
}
#footer_part1 .search_style1 {
    position: relative;
    top: -5px;
}
#footer_part1 .search_style2 {
    position: relative;
    top: -5px;
}
/*about*/
#about_us .inner {
    padding: 40px 0 0;
}
#about_us .content {
}
#about_us .images {
    float: left;
    margin: 60px 25px 60px 0;
    position: relative;
}
#about_us .images .pic {
    position: relative;
    display: inline-block;
    border: 1px solid rgb(236, 232, 228);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
#about_us .images .pic1 {
    width: 320px;
    height: 350px;
}
#about_us .images .pic2 {
    width: 250px;
    height: 300px;
    position: relative;
    z-index: 2;
    transform: translate(-70px, 60px);
}
#about_us .images .pic .inner_pic {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border: 8px solid white;
    height: 100%;
    width: 100%;
}

/*contactus*/
#contact_us .inner {
    padding: 40px 0 90px;
}
#contact_us .map {
    width: 100%;
    height: 500px;
    border: 2px dashed #e8e3e1;
    padding: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
#contact_us #map {
    width: 100%;
    height: 100%;
    background: #f7f7f7;
}
#contact_us .wrapper_contactUs {
    background: #f7f7f7;
    border: 1px solid #ececec;
    min-height: 80%;
    width: 130%;
    transform: translate(0px, 50px);
    padding: 30px 40px 30px 145px;
    box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.15);
}
#contact_us .wrapper_contactUs:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(40deg, transparent 55%, rgba(164, 202, 106, 0.05) 0);
}

/*policy*/
#policy .inner {
    padding: 40px 0 0;
}

/*bank_account*/
#bank_acc .inner {
    padding: 50px 0 0;
}
#bank_acc .bank_info {
    border: 2px solid #eee;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.05);
    padding: 15px;
    position: relative;
    text-align: right;
    background-color: #FAFAFA;
    margin-bottom: 30px;
}
#bank_acc .bank_info .title {
    display: inline-block;
    border-bottom: 3px solid #DDD;
    padding-left: 2px;
    padding-right: 15px;
    margin-right: -15px;
    margin-bottom: 15px;
    line-height: 35px;
    color: #b1b1b1;
    font-size: 1.4rem;
}
#bank_acc .bank_info .title span {
    font-size: 1.7rem;
    color: #a4ca6a;
    color: #fe6088;
}
#bank_acc .bank_info .bank_logo {
    width: 100px;
    height: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 35px;
    top: calc(50% - 50px);
    opacity: 0.5;
}
#bank_acc .bank_info .name {
    color: #29A4BB;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 24px;
    padding: 6px;
    width: 25%;
}
#bank_acc .bank_info .name:after {
    content: ':';
    display: inline-block;
    margin: 0 4px;
}
#bank_acc .bank_info .val {
    color: #999;
    font-size: 1.3rem;
    line-height: 26px;
    letter-spacing: 0.3px;
}

/*register*/
#register .inner {
    padding: 40px 0;
}
#register .wrapper_register,
.login_style1 .wrapper_register {
    width: 100%;
    height: 500px;
    border: 2px dashed #e8e3e1;
    padding: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.login_style1 .wrapper_register {
    height: initial;
}
#register .wrapper_register_inner,
.login_style1 .wrapper_register_inner {
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    padding: 30px 40px;
    position: relative;
}
.login_style1 .wrapper_register_inner {
    background: #fdfdfd;
}
#register .wrapper_register_inner:before,
.login_style1 .wrapper_register_inner:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(-150deg, transparent 55%, rgba(164, 202, 106, 0.05) 0);
    /*background: linear-gradient(40deg,transparent 55%,rgba(164, 202, 106, 0.05) 0);*/
}
#register .wrapper_login,
.login_style1 .wrapper_login {
    background: #f7f7f7;
    border: 1px solid #ececec;
    min-height: 80%;
    width: 130%;
    transform: translate(0px, 50px);
    padding: 30px 40px 30px 145px;
    box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.15);
}
.login_style1 .wrapper_login {
    padding: 30px 40px 30px 120px;
}
#register .wrapper_login:before,
.login_style1 .wrapper_login:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(40deg,transparent 55%,rgba(164, 202, 106, 0.05) 0);
}

/*sitemap*/
#sitemap .inner {
    padding: 40px 0;
}
#sitemap .sitemap_part {
    background: #f7faff;
    padding: 10px;
    height: 100%;
}
#sitemap .title_style1 {
    background: rgba(247, 247, 247, 0.7);
    padding: 10px 10px 5px 10px;
    border: 1px dashed #e8e8e8;
}
#sitemap ul {
    border-right: 1px solid #4caf50;
}
#sitemap .step1 {
    padding-top: 14px;
    transform: translate(-10px, -19px);
}
#sitemap .step2,
#sitemap .step3,
#sitemap .step4 {
    margin-right: 25px;
    border-right: 1px dotted #a4ca6a;
}
#sitemap .step1 .sitemap_link {
    font-size: 1.2rem;
    line-height: 24px;
    color: #9e918d;
    margin: 6px 0;
    display: inline-block;
}
#sitemap .step1 .sitemap_link:hover {
    color: #29A4BB;
}
#sitemap .divide_style1 {
    margin: 0 0 0 5px;
    vertical-align: super;
}

/*forget*/
#forget .inner {
    padding: 50px 0 0;
}
#forget .wrapper_forget ,
.layout_style2{
    width: 100%;
    border: 2px dashed #e8e3e1;
    padding: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
#forget .wrapper_forget_inner,
.layout_style2 .inner_layout{
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    padding: 30px 40px;
    position: relative;
}
#forget .wrapper_forget_inner:before,
.layout_style2 .inner_layout:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(-150deg, transparent 55%, rgba(164, 202, 106, 0.05) 0);
    /*background: linear-gradient(40deg,transparent 55%,rgba(164, 202, 106, 0.05) 0);*/
}

/*cart*/
#cart .inner {
    padding: 30px 0 0;
}
#cart .cart_part0 {
    position: relative;
    padding: 15px;
    background: #f3f3f3
}
#cart .cart_part0:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    /*background: linear-gradient(40deg, transparent 55%, rgba(164, 202, 106, 0.05) 0);*/
}

/*result_search*/
#result_search{
    /*overflow-x: hidden;*/
}
.box1_caption{
   height:120px;
}
#result_search .inner{
    padding: 30px 0 0;
    background-color: #fff;
}

/*sidebar_responsive*/
#btn_sidebar{
    position: fixed;
    top: calc(50% - 10px);
    left: 0;
    z-index: 10;
    cursor: pointer;
    background: #ffc5bb;
    padding: 2px 11px;
    font-size: 2rem;
    line-height: 40px;
    color: #ff9aa2;
    border-radius: 0 10px 0 0;
    box-shadow: 0 2px 2px -1px rgba(0,0,0,0.8);
    display: none;
    transition: none;
}
#btn_sidebar:hover{
    color: #ffc5bb;
    background: #ff9aa2 ;
}
#sidebar_part{max-width: 260px;
    position: relative;}
#sidebar_part.active {right: 0;}
#sidebar_part.active .sidebar_style1{margin: 0 20px 0 10px;}
.have_scroll_sidebar.mCS-dir-rtl > .mCSB_inside > .mCSB_container {margin-left: -15px;}
.have_scroll_sidebar.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left: 0;}
.have_scroll_sidebar.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.have_scroll_sidebar.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{right: -7px;left: initial;}
.have_scroll_sidebar .overflowYNone{overflow: initial!important;}
/*detail_product*/
#detail_part1 .inner{
    padding:40px 0 0 ;
}
#detail_part1 .off_part{
    position: relative;
    top: 15px;
}
#detail_part1 .off_part .inner{
    background: linear-gradient(to left , #4caf50,#c13b47);
    padding:11px 0 ;
    font-size: 1.3rem;
    color: #FFF;
    text-align: center;
    display: flex;flex-direction: row;
    justify-content:space-around;
    align-items:center;
}
#detail_part1 .off_part .price{
    margin-left: 5px;
    font-size: 1.8rem;
}
#detail_part1 .off_part .price:after{
    content: 'تومان';
    margin-right: 4px;
}
#detail_part1 .content{
    height: 100%;
    background: #f7f7f7;
    position: relative;
    padding: 15px 20px;
}
#detail_part1 .content:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
   
 /*background: linear-gradient(40deg,transparent 55%,rgba(164, 202, 106, 0.05) 0);*/ 
}
#detail_part1 .gallery .xzoom-container{display: block;background: #fff;}
#detail_part1 .gallery .xzoom-container > img{width: 100%;}
#detail_part1 .detail_head .title{
    font-size: 1.5rem;
    color: #736480;
    color: var(--textColor-purple2);
    position: relative;
}
#detail_part1 .detail_head .title:before{
    content: '';
    width: 13px;
    height: 2px;
    background: rgba(204, 95, 103, 0.5);
    display: inline-block;
    position: absolute;
    right: -19px;
    top: calc(50% + 2px);
}

#detail_part1 .detail_head .category{
    margin: 6px 0;
}
#detail_part1 .detail_head .category .cat_item{
    display: inline-block;
    position: relative;
}
#detail_part1 .detail_head .category .cat_item:first-child:before{
    content: 'F';
    font-family: 'aamaad-i';
    vertical-align: middle;
    font-size: 1.2rem;
    color: rgba(204, 95, 103, 0.5);
    margin-left: 5px;
}
#detail_part1 .detail_head .category .cat_item:after{
    content: '/';
    line-height: 0;
    vertical-align: baseline;
    font-size: 0.8rem;
    color: #ccc;
}
#detail_part1 .detail_head .category .cat_item:last-child:after{
    content: none;
}
#detail_part1 .detail_head .category .cat_link{
    font-size: 1rem;
    color: #999;
    padding: 0 5px;
    position: relative;
}
#detail_part1 .detail_head .category .cat_link:hover{
    color: #555;
}
#detail_part1 .detail_head .category .cat_link:before{
    content: '';
    position: absolute;
    bottom: -3px;
    left: 5px;
    right: 5px;
    height: 2px;
    border-bottom: 1px dotted #ccc;
    transition: all 0.3s ease;
}
#detail_part1 .detail_head .category .cat_link:hover:before{
    border-bottom-color: #555;
}

#detail_part1 .detail_head .meta .meta_item{
    display: inline-block;
    margin: 0 15px;
}
#detail_part1 .detail_head .meta .meta_item .name{
    position: relative;
    font-size: 1.3rem;
    line-height: 26px;
    color: #736480;
    color: var(--textColor-purple2);
}
#detail_part1 .detail_head .meta .meta_item .name:after{
    content: ':';
}
#detail_part1 .detail_head .meta .meta_item .name i{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 4rem;
    line-height: 0;
    color: rgba(231, 100, 70, 0.1);
}
#detail_part1 .detail_head .meta .meta_item .val{
    color: #fe6088;
    font-size: 1.2rem;
}

#detail_part1 .detail_body .product_future{
    margin: 20px 0;
}
#detail_part1 .detail_body .product_future .future_item{
    margin-bottom: 20px;
}
#detail_part1 .detail_body .product_future .future_item .name{
    position: relative;
    font-size: 1.3rem;
    line-height: 24px;
    color: #736480;
    color: var(--textColor-purple2);
}
#detail_part1 .detail_body .product_future .future_item .name:before{
    content: 'K';
    font-family: 'aamaad-i';
    vertical-align: middle;
    font-size: 1.6rem;
    color: #b4a1bb;
    color: var(--textColor-purple);
    margin-left: 5px;
}
#detail_part1 .detail_body .product_future .future_item .name:after{
    content: ':';
    padding:0 3px 0 1px;
}

#detail_part1 .detail_body .product_future .future_item .val{
    color: #b4a1bb;
    color: var(--textColor-purple);
    font-size: 1.3rem;
    line-height: 24px;
}
#detail_part1 .detail_body .product_future .future_item .val.off_price{
    display: inline-block;
    color: #999;
    font-size: 1.2rem;
}
#detail_part1 .detail_body .product_future .future_item .saleoff{
    border-radius: 4px;
    color: #fff;
    background-color: rgba(253, 97, 136, 0.8);
    display: inline-block;
    height: 23px;
    line-height: 24px;
    padding: 0 7px;
    margin:0 10px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    font-size: 1.2rem;
    letter-spacing: 1px;
    opacity: 1;
}
#detail_part1 .detail_body .product_future .future_item .saleoff:after{
    content: '%';
}
#detail_part1 .detail_body .product_future .future_item .val.new_price{
    color: #039758;
    font-size: 2.5rem;
    text-decoration: none;
}
#detail_part1 .detail_body .product_future .future_item .val.new_price:after{
    content: 'تومان';
    padding: 0 5px;
    font-size: 1.3rem;
}
#detail_part1 .detail_body .product_future .future_item .val .check_style2{
    margin:0 3px;
}

#detail_part2 .inner{
    padding:40px 0 0;
}
#detail_part2 .similar_product{
    padding-top: 40px;
}
#detail_part2 .similar_product .box_style2.type2 .box2_item{
    margin: 0 12px 20px;
}

#home_part3.detail_part3 .inner{
    background-color: transparent;
    padding: 40px 0 10px;
    margin: 0;
    border: none;
}

/*cooperate*/
#cooperate .inner,
#news .inner{
    padding: 40px 0 0;
}

/*news_detail*/
#news_detail .inner{
    padding:40px 0 0 ;
}
#news_detail .head{
    background: #f8f8f8;
    padding: 50px 0 10px;
    text-align: center;
}
#news_detail .head .pic{
    position: relative;
    max-width: 90%;
    max-height: 520px;
    margin: 0 auto;
}
#news_detail .head .pic:before{
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.25);
    border: thin solid rgba(255, 255, 255, 0.3);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
#news_detail .head .pic:hover:before{
    opacity: 1;
    top: 40px;
    bottom: 40px;
    left: 40px;
    right: 40px;
}
#news_detail .head .pic img{
    display: block;
    width: 100%;
	max-height: 520px;
}
#news_detail .head .title{
    font-size: 1.5rem;
    line-height: 35px;
    color: #736480;
    color: var(--textColor-purple2);
    display: inline-block;
    margin: 20px 0 10px;
    padding: 0 10px;
    cursor: default;
}
#news_detail .head .meta{
    font-size: 1.2rem;
    padding: 10px 10px;
    margin: 7px 10px;
    border: 1px dashed #eee;
    background: rgba(101, 123, 66, 0.05);
    border-right: none;
    border-left: none;
}
#news_detail .head .meta li{
    display: inline-block;
    margin-left: 15px;
}
#news_detail .head .meta .name{
    color: #736882;
}
#news_detail .head .meta .name:after{
    content: " : ";
}
#news_detail .head .meta .val {
    color: #c54047;
    letter-spacing: 0.3px;
}

/*error*/
#error .img{
    width: 100%;
    height:500px;
    background: no-repeat center center / contain;
}