@import url(../fontiran.css);

@font-face {font-family: 'AdobeNaskh-Medium';src: url('../fonts/AdobeNaskh-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/AdobeNaskh-Medium.otf')  format('opentype'),url('../fonts/AdobeNaskh-Medium.woff') format('woff'), url('../fonts/AdobeNaskh-Medium.ttf')  format('truetype'), url('../fonts/AdobeNaskh-Medium.svg#AdobeNaskh-Medium') format('svg');font-weight: normal;font-style: normal;}

@font-face {font-family: 'BMitra';src: url('../fonts/BMitra.eot?#') format('eot'),  /* IE6–8 */url('../fonts/BMitra.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/url('fonts/BMitra.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */}
@font-face {font-family: 'BYekan';font-style:normal;font-weight:700;src: url('../fonts/Yekan.eot?#') format('eot'),  /* IE6–8 */url('../fonts/Yekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/url('../fonts/Yekan.ttf') format('truetype')  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */,url(../fonts/Yekan.svg#b_nazaninbold) format("svg");}


body {
    margin:0;
    padding:0;
    text-align: center;
}

.mypagebox {
    width: 1140px;
    margin: 0 auto;
    padding: 0;
}

.top-nav {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 50px;
    background-color: #323232;
    overflow: hidden;
}

.top-nav .right-nav {
    width: 30%;
    margin: 0;
    padding: 0;
    float: right;
}

.top-nav .left-nav {
    width: 70%;
    margin: 0;
    padding: 0;
    float: left;
    text-align: left;
    font-family: IRANSans;
    color: #fff;
    font-weight: 100;
    font-size: 11pt;
}

.top-nav .right-nav .besmellah {
    font-family: IRANSans;
    color: #fff;
    direction: rtl;
    text-align: right;
    font-weight: 100;
    font-size: 11pt;
    padding: 12px 0 0 0;
}

.top-nav .left-nav .item {
    display: inline-block;
    padding: 12px 0 0 0;
    margin: 0 20px 0 0;
    vertical-align: top;
}

.top-nav .left-nav .item a:link,.top-nav .left-nav .item a:visited {
    text-decoration: none;
    color: #fff;
}

.top-nav .left-nav .item span,.top-nav .left-nav .item img {
    vertical-align: top;
}

.top-nav .left-nav .item img {
    width: 24px;
    height: 24px;
    margin: 0 0 0 10px;
}

.main-header {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 150px;
    background-color: #e24e35;
    overflow: hidden;
}

.main-header .right-header {
    width: 40%;
    margin: 0;
    padding: 0;
    float: right;
}

.main-header .left-header {
    width: 60%;
    margin: 0;
    padding: 60px 0 0 0;
    float: left;
    text-align: left;
    font-family: IRANSans;
}

.main-header .right-header .pic-header {
    margin: 0;
    padding: 20px 0 0 0;
    text-align: right;
}

.main-header .right-header .pic-header img {
    width: 303px;
}

.main-header .left-header .item {
    display: inline-block;
    padding: 2px 12px;
    margin: 0 10px 0 0;
    vertical-align: top;
    background-color: #f7cfc8;
    border-radius: 25px;
    color: #e24e35;
    transition: all 0.7s;
}

.main-header .left-header .item a:link,.main-header .left-header .item a:visited {
    text-decoration:none;
    color: #e24e35;
}

.main-header .left-header .item:hover {
    background-color: #fff;
    transition: all 0.7s;
}

.main-slider {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 400px;
    background-color: #88d8fd;
    position: relative;
}

.main-slider .cloud-right {
    width: 123px;
    height: 400px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url('img/cloud-right.jpg');
    background-repeat: no-repeat;
}

.main-slider .cloud-left {
    width: 123px;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url('img/cloud-left.jpg');
    background-repeat: no-repeat;
}

.last-shohada {
    width: 100%;
    margin: 0;
    padding: 0;
}

.last-shohada .title-last-shohada {
    width: 100%;
    margin: 15px 0 0 0 ;
    background-image: url('img/bgtitle1.png');
    background-repeat: repeat-x;
    direction: rtl;
    text-align: right;
    font-family: IRANSans;

}

.last-shohada .title-last-shohada .title {
    background-color: #fff;
    padding: 0 0 0 0;
    font-weight: 700;
    width: fit-content;
    color: #1aac29;
    line-height: 1.2;
    font-size: 12pt;
    float: right;
    word-spacing: -1px;
}

.last-shohada .title-last-shohada .title::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 7px 10px 0 0;
    background-color: #1aac29;
    vertical-align: top;
}

.last-shohada .title-last-shohada .btn-show-all {
    float: left;
    margin: 0;
    padding: 2px 10px;
    background-color: #86be8d;
    border-radius: 15px;
    font-size: 10pt;
    color: #fff;
    transition: all 0.5s;
}

.last-shohada .title-last-shohada .btn-show-all:hover {
    background-color: #1aac29;
    transition: all 0.8s;
}

.last-shohada .area-items {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    flex-direction: row;
    direction: rtl;
}

.last-shohada .item {
    width:23%;
    padding-bottom:23%;
    margin:1vw 0;
    background-color: #fff;
    border: 2px solid #f3f3f3;
    box-sizing: content-box;
    box-shadow: 0px 0px 5px #eeeeee;
    border-radius: 5px;
    position: relative;
}

.last-shohada .item .pic {
    width: 90%;
    height: 90%;
    position: absolute;
    left: 5%;
    top: 5%;
}

.last-shohada .item .pic img {
    width: 100%;
    opacity: 0.7;
    transition: all 0.75s;
}

.last-shohada .item .pic img:hover {
    opacity: 1;
    transition: all 0.7s;
}

.last-shohada .item .btn-link {
    width: 100%;
    height: 46px;
    position: absolute;
    bottom: -25px;
}

.last-shohada .item .btn-link .link {
    width: 222px;
    height: 46px;
    margin: 0 auto;
    background-image: url('img/bg-btn.png');
    background-repeat: no-repeat;
    background-position: center;
    font-family: IRANSans;
    color: #fff;
    line-height: 2.7;
    overflow: hidden;
}

.last-shohada .item .btn-link .link a:link,.last-shohada .item .btn-link .link a:visited {
    text-decoration: none;
    color: #fff;
}



.last-message-shahid {
    width: 100%;
    margin: 0;
    padding: 20px 0 0 0;
}

.last-message-shahid .title-last-message-shahid {
    width: 100%;
    margin: 15px 0 0 0 ;
    background-image: url('img/bgtitle1.png');
    background-repeat: repeat-x;
    direction: rtl;
    text-align: right;
    font-family: IRANSans;

}

.last-message-shahid .title-last-message-shahid .title {
    background-color: #fff;
    padding: 0 0 0 0;
    font-weight: 700;
    width: fit-content;
    color: #1aac29;
    line-height: 1.2;
    font-size: 12pt;
    float: right;
    word-spacing: -1px;
}

.last-message-shahid .title-last-message-shahid .title::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 7px 10px 0 0;
    background-color: #1aac29;
    vertical-align: top;
}

.last-message-shahid .title-last-message-shahid .btn-show-all {
    float: left;
    margin: 0;
    padding: 2px 10px;
    background-color: #86be8d;
    border-radius: 15px;
    font-size: 10pt;
    color: #fff;
}

.last-message-shahid .last-message-area {
    margin: 0;
    padding: 0;
}

.last-message-shahid .last-message-area .left-message-shahid {
    width: 30%;
    margin: 0;
    padding: 0;
    float: left;
}

.last-message-shahid .last-message-area .right-message-shahid {
    width: 70%;
    margin: 0;
    padding: 0;
    float: right;
}

.last-message-shahid .last-message-area .right-message-shahid .text {
    font-family: IRANSans;
    direction: rtl;
    text-align: justify;
    font-weight: 100;
    font-size: 11pt;
    word-spacing: -1.5px;
    height: 190px;
    overflow: hidden;
}

.last-message-shahid .last-message-area .left-message-shahid .pic {
    width: 93%;
    margin: 10px 7% 0 0;
    height: 180px;
    overflow: hidden;
    border-radius: 5px;
}

.last-message-shahid .last-message-area .left-message-shahid .pic img {
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 5px;
}



.last-ammanat-books {
    width: 100%;
    margin: 0;
    padding: 20px 0 0 0;
}

.last-ammanat-books .title-last-ammanat-books {
    width: 100%;
    margin: 10px 0 0 0 ;
    background-image: url('img/bgtitle1.png');
    background-repeat: repeat-x;
    direction: rtl;
    text-align: right;
    font-family: IRANSans;

}

.last-ammanat-books .title-last-ammanat-books .title {
    background-color: #fff;
    padding: 0 0 0 0;
    font-weight: 700;
    width: fit-content;
    color: #1aac29;
    line-height: 1.2;
    font-size: 12pt;
    float: right;
    word-spacing: -1px;
}

.last-ammanat-books .title-last-ammanat-books .title::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 7px 10px 0 0;
    background-color: #1aac29;
    vertical-align: top;
}

.last-ammanat-books .title-last-ammanat-books .btn-show-all {
    float: left;
    margin: 0;
    padding: 2px 10px;
    background-color: #86be8d;
    border-radius: 15px;
    font-size: 10pt;
    color: #fff;
    transition: all 0.5s;
}

.last-ammanat-books .title-last-ammanat-books .btn-show-all:hover {
    background-color: #1aac29;
    transition: all 0.7s;
}

.last-ammanat-books .area-items {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    flex-direction: row;
    direction: rtl;
}

.last-ammanat-books .area-items .item {
    width:18%;
    padding-bottom:18%;
    margin:1vw 0;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    box-sizing: content-box;
    box-shadow: 0px 0px 5px #eeeeee;
    border-radius: 5px;
    position: relative;
}

.last-ammanat-books .area-items .item .pic {
    width: 90%;
    height: 90%;
    position: absolute;
    left: 5%;
    top: 5%;
}

.last-ammanat-books .area-items .item .pic img {
    width: 100%;
    opacity: 0.7;
    transform: scale(0.8);
    transition: all 0.75s;
}

.last-ammanat-books .area-items .item .pic img:hover {
    opacity: 1;
    transform: scale(1.0);
    transition: all 0.7s;
}

.last-ammanat-books .area-items .item .btn-link {
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: -12px;
}

.last-ammanat-books .area-items .item .btn-link .link {
    width: 120px;
    height: 25px;
    margin: 0 auto;
    background-color: #f34143;
    font-family: IRANSans;
    color: #fff;
    overflow: hidden;
    font-size: 9.5pt;
    border-radius: 15px;
    line-height: 2;
    transition: background-color 0.4s;
}

.last-ammanat-books .area-items .item .btn-link .link:hover {
    background-color: #e54615;
    transition: background-color 0.8s;
}

.last-ammanat-books .area-items .item .btn-link .link a:link,.last-ammanat-books .area-items .item .btn-link .link a:visited {
    text-decoration: none;
    color: #fff;
}



.last-posts-blog {
    width: 100%;
    margin: 0;
    padding: 20px 0 0 0;
}

.last-posts-blog .title-last-posts-blog {
    width: 100%;
    margin: 10px 0 0 0 ;
    background-image: url('img/bgtitle1.png');
    background-repeat: repeat-x;
    direction: rtl;
    text-align: right;
    font-family: IRANSans;

}

.last-posts-blog .title-last-posts-blog .title {
    background-color: #fff;
    padding: 0 0 0 0;
    font-weight: 700;
    width: fit-content;
    color: #1aac29;
    line-height: 1.2;
    font-size: 13pt;
    float: right;
    word-spacing: -1px;
}


.last-posts-blog .title-last-posts-blog .title::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 7px 10px 0 0;
    background-color: #1aac29;
    vertical-align: top;
}

.last-posts-blog .title-last-posts-blog .btn-show-all {
    float: left;
    margin: 0;
    padding: 2px 10px;
    background-color: #86be8d;
    border-radius: 15px;
    font-size: 10pt;
    color: #fff;
    transition: all 0.4s;
}

.last-posts-blog .title-last-posts-blog .btn-show-all:hover {
    background-color: #1aac29;
    transition: all 0.7s;
}

.last-posts-blog .area-items {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    flex-direction: row;
    direction: rtl;
}

.last-posts-blog .area-items .item {
    width:48.5%;
    margin:0.7vw 0;
    background-color: #fff;
    border: 1px solid #dedede;
    box-sizing: content-box;
    box-shadow: 0px 0px 5px #eeeeee;
    border-radius: 5px;
    position: relative;
}

.last-posts-blog .area-items .item .title {
    margin: 10px 15px;
    padding: 0;
    height: 44px;
    overflow: hidden;
    background-image: url(img/bgtitle1.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.last-posts-blog .area-items .item .title .title-inner {
    padding: 0;
    height: 44px;
    background-image: url(img/flower2.png);
    background-repeat: no-repeat;
    background-position: right;
    border-bottom: 1px solid #ededed;
    box-sizing: border-box;
    overflow: hidden;
}

.last-posts-blog .area-items .item .title .title-inner h2 {
    background-color: #fff;
    float: right;
    direction: rtl;
    text-align: right;
    margin: 0 22px 0 0;
    padding: 7px 0 0 15px;
    font-family: IRANSans;
    color: #63bf5f;
    font-size: 12pt;
    text-indent: 10px;
}

.last-posts-blog .area-items .item .title a:link,.last-posts-blog .area-items .item .title a:visited {
    text-decoration: none;
    color: #1aac29;
    transition: all 0.3s;
}

.last-posts-blog .area-items .item .title a:hover {
    color: #ff514c;
    transition: all 0.5s;
}

.last-posts-blog .area-items .item .area-content {
    direction: rtl;
    margin: 0 13px;
}

.last-posts-blog .area-items .item .area-content .pic {
    width:170px;
    height: 170px;
    margin: 0 0 15px 0;
    background-color: #fff;
    border: 5px solid #f1f1f1;
    box-sizing: border-box;
    border-radius: 2px;
    position: relative;
    float: left;
    overflow: hidden;
}

.last-posts-blog .area-items .item .area-content .text {
    width:65%;
    margin: 0 0 15px 0;
    background-color: #fff;
    position: relative;
    float: right;
    height: 170px;
    overflow: hidden;
    text-align: justify;
    direction: rtl;
    font-family: IRANSans;
}

.last-posts-blog .area-items .item .area-content .text p {
    padding: 0;
    margin: 0;
    font-size: 11pt;
    font-weight: 100;
    word-spacing: -2px;
}

.last-posts-blog .area-items .item .area-content .pic .pic-inner {
    width: 90%;
    height: 90%;
    position: absolute;
    left: 5%;
    top: 5%;
}

.last-posts-blog .area-items .item .area-content .pic .pic-inner img {
    width: 100%;
    opacity: 0.7;
    transition: all 0.75s;
}

.last-posts-blog .area-items .item .area-content .pic .pic-inner img:hover {
    opacity: 1;
    transition: all 0.75s;
}


.last-posts-blog .area-items .item .btn-link {
    width: 100%;
    height: 28px;
    position: absolute;
    bottom: -14px;
}

.last-posts-blog .area-items .item .btn-link .link {
    width: 115px;
    height: 28px;
    margin: 0 auto;
    background-image: url('img/bglink2.png');
    background-repeat: no-repeat;
    background-position: center;
    font-family: IRANSans;
    color: #fff;
    font-size: 9.5pt;
    line-height: 2.2;
    overflow: hidden;
    transition: all 0.7s;
}

.last-posts-blog .area-items .item .btn-link .link:hover {
    background-image: url('img/bglink_hover.png');
    transition: all 0.7s;
}

.last-posts-blog .area-items .item .btn-link .link a:link,.last-posts-blog .area-items .item .btn-link .link a:visited {
    text-decoration: none;
    color: #fff;
}


.top-footer {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 294px;
    background-color: #049e42;
    background-image: url('img/bgtopfooter.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    overflow: hidden;
}

.myfooter {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 300px;
    background-color: #049e42;
    overflow: hidden;
}


.position-relative {
    position: relative;
}

.flower-footer {
    width: 150px;
    position: absolute;
    left:  0;
    top: 55px;
}

.khat-footer {
    width: 250px;
    position: absolute;
    left:  200px;
    top: 50px;
}

.menu-footer,.menu-footer-3 {
    width: 20%;
    float: right;
    margin: 0;
    padding: 0;
    direction: rtl;
    text-align: right;
    font-family: IRANSans;
}

.menu-footer .title,.menu-footer-3 .title  {
    width: 100%;
    height: 48px;
    background-image: url('img/bgtitlefooter.png');
    background-repeat: no-repeat;
    background-position: top right;
    color: #fff;
    font-weight: 500;
    text-indent: 45px;
    line-height: 2.8;
    font-size: 13.5pt;

}

.menu-footer .menu,.menu-footer-3 .menu {
    margin: 0;
    padding: 0;
}

.menu-footer .menu ul,.menu-footer-3 .menu ul  {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu-footer .menu ul li,.menu-footer-3 .menu ul li  {
    list-style-type: none;
    margin: 0 15px 0 0;
    padding: 0;
    background-image: url('img/arrow1.png');
    background-repeat: no-repeat;
    background-position: right center;
    color: #fff;
    text-indent: 15px;
    font-weight: 100;
    font-size: 11.5pt;
}

.menu-footer .menu ul li a:link,.menu-footer .menu ul li a:visited,.menu-footer-3 .menu ul li a:link,.menu-footer-3 .menu ul li a:visited {
    text-decoration: none;
    color: #fff;
}

.menu-footer-2 {
    width: 30%;
    float: left;
    margin: 0;
    padding: 0;
    direction: rtl;
    text-align: right;
    font-family: IRANSans;
}

.menu-footer-2 .menu {
    margin: 0;
    padding: 0;
}

.menu-footer-2 .menu .footer-logo {
    margin: 0;
    padding: 0;
}

.menu-footer-2 .menu .footer-logo img {
    width: 100%;
}

.menu-footer-2 .menu .register-mobile {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
}

.menu-footer-2 .menu .register-mobile .register-mobile-input {
    width: 100%;
    padding: 7px 0;
    background-color: #bee6ce;
    border-radius: 25px;
    font-family: IRANSans;
    border:none;
    color: #025724;
    text-indent: 20px;
}

.menu-footer-2 .menu .register-mobile .register-mobile-submit {
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url('img/ok-btn.png');
    background-repeat: no-repeat;
    background-size: contain;
    border:none;
    background-color:transparent;
    left: 4px;
    top: 2px;
    cursor: pointer;
}

.menu-footer-2 .menu .register-mobile .loading {
    background-image: url('img/loading.gif') !important;
    background-size: 24px !important;
    background-position: center 5px;
}

input,textarea {
    outline: none;
}

.menu-footer-2 .menu .text-area {
    margin: 0 20px 0 0 ;
    padding: 10px 0 0 0;
    text-align: right;
    font-family: IRANSans;
    direction: rtl;
    font-size: 12pt;
    font-weight: 300;
    color: #000;
}


.copyright {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 50px;
    background-color: #1e4d26;
}

.copyright .right-cpy {
    font-family: IRANSans;
    color: #fff;
    font-weight: 100;
    font-size: 12pt;
    float: right;
    padding: 9px 0 0 0;
    direction: rtl;
}

.copyright .left-cpy {
    font-family: IRANSans;
    color: #fff;
    font-weight: 100;
    font-size: 12pt;
    float: left;
    padding: 9px 0 0 0;
    direction: rtl;
}

.form-group {
    text-align: right;
    font-family: IRANSans;
}

.form-group .simple-input,.form-group .simple-textarea,.form-group .simple-file {
    width: 100%;
    padding: 10px 0px;
    margin: 0;
    text-indent: 15px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    border-radius: 5px;
    box-sizing: border-box;
    color: #222;
    font-family: IRANSans;
}

.form-group .simple-file {
    padding: 6px 0 !important;
    margin: 2px 0 !important;
}

.radio-simple {
    width: auto !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    display: inline-block;
    vertical-align: middle;
}

.margin-side-10px {
    margin: 0 10px;
}

.margin-top-10px {
    margin-top: 10px !important;
}

.text-radio {
    font-size: 10pt;
    padding: 0 4px 0 0;
    margin: 0;
    vertical-align: top;
}

.form-group .simple-textarea {
    height: 150px;
    max-height: 300px;
    padding: 15px;
    text-indent: 0;
}

.form-group label {
    text-align: right;
    font-size: 12pt;
    font-weight: 100;
}

.form-group label .star {
    font-size: 8pt;
    color: #f32f36;
}

.main-page-section {
    width: 100%;
    margin: 0;
    padding: 40px 0 50px 0;
    font-family: IRANSans;
}

.title-page,.title-single-page {
    color: #f32f36;
    font-size: 14pt;
    font-family: IRANSans;
}

.title-page h2,.title-single-page h2 {
    font-size: 16pt;
    padding: 0;
    margin: 0;
}

.title-single-page h2 span,.title-page-2 h2 span {
    background-color: #fff;
    padding: 0 10px;
}

.title-single-page, .title-page-2 {
    background-image: url('img/bgtitle1.jpg');
    background-repeat: repeat-x;
    font-family: IRANSans;
    margin: 20px auto 10px auto;
}

.title-single-page h2,.title-page-2 h2 {
    padding: 0;
    margin: 0;
}

.pagination {
    list-style: none;
    margin: 40px 0px 20px 0px;
    padding: 0;
}

.pagination li {
    list-style: none;
    display: inline-block;
    color: black;
    margin: 0 2px 10px 2px;
    padding: 0;
    border-radius: 5px;
    font-family: Arial;
    border: 1px solid #ddd;
}

.pagination li.active {
    background-color: #4CAF50;
    padding: 8px 16px;
    color: white;
}

.pagination li.disabled {
    padding: 8px 16px;
}

.pagination li:hover:not(.active) {background-color: #ddd;}

.pagination a {
    padding: 8px 16px;
    text-decoration: none;
    display: block;
}

.pagination a:link,.pagination a:visited {
    text-decoration: none;
    color: #001d26;
}

.single-shahid {
    direction: ltr;
}

.single-shahid .picture-box, .single-shahid .detail-box {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.single-shahid  .picture-box  {
    position: relative;
    padding: 48% 0 0 0;
    overflow: hidden;
    margin: 0 1.5% 0 0;
}

.single-shahid  .picture-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: 0;
    padding: 0;
    top:0;
    left: 0;
    border-radius: 4px;
    opacity: 0;
}


.active-picture {
    z-index: 999 !important;
    opacity: 0.8 !important;
    transition: all 0.3s;
}

.btn-show-mazar-picture {
    background-color: #fff;
    border-radius: 5px;
    color: #000;
    padding: 3px 10px;
    bottom: 20px;
    left: 20px;
    position: absolute;
    font-size: 10pt;
    font-weight: bold;
    word-spacing: -1px;
    cursor: pointer;
    z-index: 1000;
}

.single-shahid  .picture-box img.active-picture:hover {
    opacity: 1 !important;
    transition: all 0.7s;
}

.single-shahid .detail-box {
    font-family: IRANSans;
    direction: rtl;
    margin: 0 0 0 1.5%;
}

.single-shahid .detail-box .row {
    border-bottom: 1px solid #eaeaea;
    text-align: right;
    max-height: 30px;
    padding: 7px 0;
    font-size: 12.5pt;
}

.single-shahid .detail-box .row:first-child {
    border-top: 1px solid #eaeaea;
}

.single-shahid .detail-box .row .right {
    float: right;
}

.single-shahid .detail-box .row .left {
    float: left;
    font-weight: bold;
}

.single-shahid .detail-box .row .name-shahid {
    font-size: 14.5pt;
    color: #ff3232;
    font-weight: bold;
}

.single-shahid .detail-box .row a:link,.single-shahid .detail-box .row a:visited {
    text-decoration: none;
    color: #21375a;
}

.single-shahid .detail-box .row .single-qrcode {
    width: 150px;
    height: 150px;
}

.single-shahid .nav-menu-shahid,.nav-menu-post {
    background-color: #eaeaea;
    border-radius: 5px;
    margin: 10px 0 0 0;
    padding: 10px 0;
    text-align: right;
    direction: rtl;
    font-family: IRANSans;
}

.single-shahid .nav-menu-shahid .item-nav,.nav-menu-post .item-nav {
    display: inline-block;
    vertical-align: top;
    padding: 3px 12px;
    margin: 0 10px 0 0;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
}
.single-shahid .nav-menu-shahid .active-item,.nav-menu-post .active-item {
    background-color: #db4b4b !important;
    color: #fff;
    font-weight: bold;
}

.single-shahid .nav-menu-shahid .item-arrow,.nav-menu-post .item-arrow {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url('img/arrow_active.png');
    background-repeat: no-repeat;
    bottom: -10px;
    left: calc(50% - 9px);
    display: none;
}

.single-shahid .nav-box-shahid,.nav-box-post {
    margin: 10px 0 0 0;
    padding: 10px;
    background-color: #f6f6f6;
    border-radius: 5px;
    position: relative;
}

.single-shahid .nav-box-shahid .item-box,.nav-box-post .item-box {
    background-color: #fff;
    border-radius: 5px;
    direction: rtl;
    text-align: right;
    padding: 5px 10px;
    margin: 0;
    display: none;
    font-family: IRANSans;
}

.single-shahid .nav-box-shahid .show-item,.nav-box-post .show-item {
    display: block;
}

.single-shahid .nav-box-shahid .item-khatereh {
    background-color: #f6f6f6;
    border-radius: 3px;
    padding: 4px 10px;
    margin: 0 0 6px 0;
}

.single-shahid .nav-box-shahid .item-khatereh:first-child {
    margin-top: 6px;
}

.single-shahid .nav-box-shahid .item-khatereh .title-khatereh {
    cursor: pointer;
    background-image: url('img/arrow1.png');
    background-repeat: no-repeat;
    background-position: right 10px;
    text-indent: 12px;
}

.single-shahid .nav-box-shahid .item-khatereh .text-khatereh {
    display: none;
    font-weight: 100;
    background-color: #fff;
    padding: 2px 10px;
    margin: 5px 0;
    position: relative;
}

.single-shahid .nav-box-shahid .item-khatereh .text-khatereh .btn-more {
    position: absolute;
    bottom: -7px;
    left: 10px;
    background-color: #525252;
    color: #fff;
    font-size: 9pt;
    font-weight: 500;
    padding: 2px 7px;
    border-radius: 5px;
}

.single-shahid .nav-box-shahid .item-khatereh .text-khatereh a:link,.single-shahid .nav-box-shahid .item-khatereh .text-khatereh a:visited {
    text-decoration: none;
    color: #1a202c;
}

.single-shahid .nav-box-shahid .item-khatereh .text-khatereh a.btn-more:link,.single-shahid .nav-box-shahid .item-khatereh .text-khatereh a.btn-more:visited {
    text-decoration: none;
    color: #fff;
}

.related-item {
    background-image: url('img/arrow1.png');
    background-repeat: no-repeat;
    background-position: right 10px;
    text-indent: 12px;
    padding: 3px 0;
    border-bottom: 1px solid #f6f6f6;
}

.related-item a:link,.related-item a:visited,.file-item a:link,.file-item a:visited  {
    text-decoration: none;
    color: #1a202c;
}

.file-item {
    background-image: url('img/file_icon.png');
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: right top;
    text-indent: 32px;
    padding: 3px 0;
    border-bottom: 1px solid #f6f6f6;
}

.video-item {
    background-image: url('img/video.png');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: right 5px;
    text-indent: 30px;
    padding: 5px 0;
    border-bottom: 1px solid #f6f6f6;
}

.video-item a:link,.video-item a:visited {
    text-decoration: none;
    color: #1a202c;
}

.picture-item {
    width: 19%;
    padding: 19% 0 0 0;
    position: relative;
    margin: 5px 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

.title-picture {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    z-index: 2000;
}

.title-picture span {
    background-color: #fff;
    color: #dc2843;
    padding: 3px 10px;
    margin: 0;
    font-size: 8pt;
    font-weight: bold;
    word-spacing: -1px;
    opacity: 0.8;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.pictures-page-section .pictures-area .picture-item {
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0.85;
    transition: opacity 0.5s;
}

.pictures-page-section .pictures-area .picture-item:hover {
    opacity: 1;
    transition: opacity 0.8s;
}

.picture-item:nth-child(2),.picture-item:nth-child(3),.picture-item:nth-child(6),.picture-item:nth-child(10),.picture-item:nth-child(11) {
    margin-right: 1%;
    margin-left: 1%;
}

.picture-item img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: top;
    border-radius: 5px;
}

.last-khaterat,.item-box-link {
    direction: rtl;
    padding: 0;
    font-family: IRANSans;
}

.last-khaterat .item,.item-link {
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #eaeaea;
    text-align: right;
}

.last-khaterat .item:first-child,.item-link:first-child {
    border-top: 1px solid #eaeaea;
}

.last-khaterat .item a:link,.last-khaterat .item a:visited,.item-link a:link,.item-link a:visited {
    text-decoration: none;
    color: #1a202c;
    transition: all 0.3s;
}

.last-khaterat .item a:hover,.item-link a:hover {
    color: #ff514c;
    transition: all 0.5s;
}

.last-khaterat .item h3, .item-link h3 {
    padding: 0;
    margin: 0;
    font-size: 14pt;
    font-weight: 300;
}

.item-link h3 {
    font-size: 11pt;
}

.ravi-row {
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 5px 10px;
    text-align: right;
    background-image: url('img/user3.png');
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 99.2% 6px;
    text-indent: 34px;
    direction: rtl;
}

.text-single {
    font-family: IRANSans;
    direction: rtl;
    text-align: right;
    font-size: 13pt;
    font-weight: 100;
}

.single-blog,.single-product,.register-user-section,.form-login-user,.pictures-page-section,.panel-user-section {
    margin: 20px 0 10px 0;
    background-color: #fff;
    border: 1px solid #dedede;
    box-sizing: content-box;
    box-shadow: 0px 0px 5px #eeeeee;
    border-radius: 5px;
    position: relative;
    font-family: IRANSans;
    direction: rtl;
}

.pictures-page-section {
    margin-top: 30px;
}

.panel-user-section {
    padding: 0 20px;
    margin-top: 30px;
}

.register-user-section,.form-login-user {
    padding: 10px 30px;
}

.forgot-password-link {
    text-align: right;
    font-size: 11pt;
    padding-bottom: 10px;
}

.title-single-2 {
    margin: 10px 15px 0 15px;
    padding: 0;
    height: 44px;
    overflow: hidden;
    background-image: url(img/bgtitle3.png);
    background-repeat: repeat-x;
    background-position: center;
    text-align: right;
    font-family: IRANSans;
    direction: rtl;
}

.title-single-2 h2.title {
    padding: 0;
    height: 44px;
    background-image: url(img/flower2.png);
    background-repeat: no-repeat;
    background-position: right;
    border-bottom: 1px solid #ededed;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0;
}

.title-single-2 .title span {
    background-color: #fff;
    margin-right: 30px;
    padding: 0 0 0 10px;
}

.category-row-blog {
    margin: 0 15px;
    padding: 0;
    background-image: url('img/cat.png');
    background-repeat: no-repeat;
    background-position: right 5px;
    list-style: none;
    text-align: right;
    border-bottom: 1px solid #eaeaea;
}

.category-row-blog li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 9pt;
    border-left: 1px solid #eaeaea;
}

.category-row-blog li:before {
    content: "■";
    color: #ccc;
    padding-left: 5px;
}

.category-row-blog li:first-child {
    margin-right: 20px;
    border-left: none;
}

.category-row-blog li a:link,.category-row-blog li a:visited {
    text-decoration: none;
    color: #1a202c;
}

.text-single-blog {
    text-align: right;
    direction: rtl;
    font-weight: 100;
    font-size: 13pt;
    margin: 0 15px;
}

.tag-single-row {
    list-style-type: none;
    margin: 0px 15px;
    padding: 0;
    text-align: right;
    border-top: 1px solid #eaeaea;
}

.tag-single-row li {
    list-style-type: none;
    border-radius: 2px;
    font-family: IRANSans;
    font-size: 10pt;
    display: inline-block;
    margin: 2px 2px 2px 0px;
    padding: 2px 3px 2px 3px;
    color: #bcb1a5;
}
.tag-single-row li:before {
    content: "# ";
    color: #048ea3;
}

.tag-single-row li a:link,.tag-single-row li a:visited {
    text-decoration: none;
    color: #4e3224;
}

.balloon-comment {
    min-width: 80px;
    height: 25px;
    position: absolute;
    bottom: -15px;
    left: 50px;
    background-color: #c7c7c7;
    border: 1px solid #b6b6b6;
    border-radius: 25px;
    box-shadow: 0 0 5px inset #a1a1a1;
    color: #fff;
    padding: 3px 0 0 0;
    font-size: 11pt;
}

.comment-box {
    position: relative;
    font-family: IRANSans;
    direction: rtl;
}

.comments-form-box {
    width: 100%;
    margin: 0;
    padding: 0;
    direction: rtl;
    font-family: IRANSans;
}

.comments-form-box .title-send-comments-form {
    background-color: #f6f6f6;
    text-indent: 15px;
    text-align: right;
    font-weight: 100;
    padding: 3px 0px;
    color: #001d26;
    margin: 20px 0 0 0;
}

.comments-form-box  .comments-form {
    padding-bottom: 15px;
    margin: 0px 15px;
}

.comments-form-box .comments-form .right-form {
    width: 49%;
    margin: 0;
    padding: 0;
    float: right;
}

.comments-form-box  .comments-form .left-form {
    width: 49%;
    margin: 0;
    padding: 0px 0px 15px 0px;
    float: left;
}

.comments-form-box .message-warning {
    background-color: #c45225;
    color: #fff;
    text-align: right;
    text-indent: 15px;
    padding: 5px 0px;
    margin: 15px;
}

.comments-form-box  .message-sending {
    background-color: #41a73a;
    color: #fff;
    text-align: right;
    text-indent: 15px;
    padding: 5px 0px;
    margin: 15px;
}

.comments-form-box  .comments-form .form-group {
    margin: 0px 0px 0px 0px;
    padding: 0;
    text-align: right;
}

.comments-form-box  .comments-form .form-group label {
    text-align: right;
    font-size: 8pt;
    font-weight: 100;
    color: #555;
    padding-right: 15px;
}

.comments-form-box  .comments-form .form-group input {
    width: 100%;
    padding: 8px 0px;
    margin: 0;
    text-indent: 15px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    border-radius: 3px;
    box-sizing: border-box;
    color: #222;
    font-family: IRANSans;
}

.comments-form-box  .comments-form .form-group textarea {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    text-indent: 15px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    border-radius: 3px;
    box-sizing: border-box;
    color: #222;
    font-family: IRANSans;
    min-height: 210px;
    vertical-align: top;
}

.comments-form-box .comments-form .form-group input.submit-btn {
    width: 100%;
    padding: 8px 0px;
    margin: 15px 0px 0px 0px;
    text-indent: 15px;
    border: 1px solid #ddd;
    background-color: #69893f;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    font-family: IRANSans;
    cursor: pointer;
}

.form-group input.submit-btn {
    width: 100%;
    background-color: #45a324;
    padding: 5px 0;
    font-size: 16pt;
    font-weight: 500;
    color: #fff;
    font-family: IRANSans;
    cursor: pointer;
    border: none;
    border-radius: 8px;
}

.form-group .captcha-box {
    margin: 0 0 8px 0;
}

.form-group .captchapic {
    width: 48% !important;
    float: right;
    position: relative;
    background-color: #ccc;
    border-radius: 5px;
}

.form-group .captchapic img {
    float: left;
}

.form-group .captcha-input {
    width: 50% !important;
    float: left;
}

.captchapic .refresh-captcha {
    position: absolute;
    right: 8px;
    top: 8px;
    display: block;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    background-image: url('img/refresh.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}

.checkout-form .form-group .captcha-input {
    width: 58%;
}

.checkout-form .form-group .captchapic {
    /*width: 35%;*/

}

.form-group input.simple-input::placeholder {
    color: #bbb;
}

.form-group input.disabled {
    background-color: #eee !important;
}

.checkbox-group {
    padding: 5px 0 0 0;
}

.checkbox-group .simple-checkbox {

}

.comments-form-box .comments-form .form-group .captcha-input {
    padding: 10px 0;
}

/*.comments-form-box  .comments-form .form-group .captchapic {*/
/*    float: left;*/
/*    margin: 0;*/
/*    padding: 5px 0px 0px 0px;*/
/*    width:20%;*/
/*    background-color: #d4d4d4;*/
/*    text-align: center;*/
/*}*/

/*.comments-form-box  .comments-form .form-group .captchapic img {*/
/*    height: 25px;*/
/*    margin: 0px auto;*/
/*    padding: 0;*/
/*    text-align: center;*/
/*}*/

/*.comments-form-box  .comments-form .form-group .captcha {*/
/*    width:78% !important;*/
/*    float: right*/
/*}*/

.comments-section {
    width: 100%;
    margin: 15px 0px 0px 0px;
    padding: 0;
    direction: rtl;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0px 0px 5px #e0e0e0;
    box-sizing: border-box;
    font-family: IRANSans;
}

.comments-section  .title-list-comments {
    background-color: #bbbbbb;
    text-indent: 15px;
    text-align: right;
    font-weight: 100;
    padding: 3px 0px;
    color: #00014b
}

.comments-section .comments-list-box{
    padding: 5px 0px;
}

.comments-section .comments-list-box .comment-box {
    margin: 15px;
    padding: 15px;
    border: 1px solid #eaeaea;
    position: relative;
}

.comments-section .comments-list-box .comment-box .details-comment {
    font-family: IRANSans;
    text-align: right;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
}

.comments-section .comments-list-box .comment-box .details-comment .right-detail-comment {
    width:85%;
    float: right;
    margin: 0;
    padding: 0;
}

.comments-section .comments-list-box .comment-box .details-comment .left-detail-comment {
    width:15%;
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
}

.comments-section .comments-list-box .comment-box .details-comment .right-detail-comment img {
    width: 32px;
    vertical-align: top;
    float: right;
}

.comments-section .comments-list-box .comment-box .details-comment .left-detail-comment img {
    width: 20px;
    vertical-align: top;
    float: left;
}

.comments-section .comments-list-box .comment-box .details-comment .right-detail-comment .name-comment {
    text-indent: 10px;
    font-weight: 300;
    font-size: 9.7pt;
}

.comments-section .comments-list-box .comment-box .details-comment .right-detail-comment .time-comment {
    text-indent: 10px;
    font-weight: 100;
    font-size: 8pt;
}

.comments-section .comments-list-box .comment-box .text-comment {
    text-align: justify;
    font-weight: 100;
    font-size: 10pt;
    word-spacing: -1px;
    padding-top: 10px;
}

.comments-section .comments-list-box .comment-box .text-comment p {
    padding: 0;
    margin: 0;
}

.comments-section .comments-list-box .reply-box {
    background-color: #fafafa;
}

.comments-section .comments-list-box .reply-box > .reply-box {
    background-color: #fff;
}

.comments-section .comments-list-box .reply-comment-btn {
    position: absolute;
    bottom: -10px;
    left: 20px;
    background-color: #ccc;
    font-size: 7.5pt;
    word-spacing: -2px;
    cursor: pointer;
    padding: 2px 7px;
}

.comments-section .comments-list-box .reply-close {
    position: absolute;
    bottom: -10px;
    right: 20px;
    background-color: #e84646;
    font-size: 7.5pt;
    word-spacing: -2px;
    cursor: pointer;
    padding: 2px 7px;
    color: #fff;
}

ul.products {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right;
    direction: rtl;
}

ul.products li.product {
    list-style-type: none;
    margin: 15px 0 0 0;
    padding: 0;
    display: inline-block;
    width: 23.5%;
    background-color: #fff;
    border: 1px solid #dedede;
    box-sizing: content-box;
    box-shadow: 0px 0px 5px #eeeeee;
    border-radius: 5px;
    position: relative;
    transition: all 0.5s;
}

ul.products li.product:nth-child(4n+2),ul.products li.product:nth-child(4n+3) {
    margin-right: 1%;
}

.products li.product:nth-child(4n+3) {
    margin-left: 1%;
}

ul.products li.product:hover {
    border: 1px solid #f5cdcd;
    box-shadow: 0px 0px 5px #ccc;
    transition: all 0.7s;
}

ul.products li.product .pic-box {
    width: 90%;
    padding: 90% 0 0 0;
    position: relative;
    overflow: hidden;
    margin: 5% auto 0 auto;
    text-align: center;
}

ul.products li.product .pic-box img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.85;
    transition: all 0.4s;
}

ul.products li.product .pic-box img:hover {
    opacity: 1;
    transition: all 0.6s;
}

ul.products li.product .btn-title {
    text-align: center;
    font-weight: bold;
    word-spacing: -2px;
    font-size: 11pt;
}

ul.products li.product .btn-title h3 {
    margin: 0;
    padding: 6px 0;
    font-size: 11pt;
}

ul.products li.product .btn-title a:link,ul.products li.product .btn-title a:visited {
    text-decoration: none;
    color: #077419;
    transition: all 0.3s;
}

ul.products li.product .btn-title a:hover {
    color: #0f4d5d;
    transition: all 0.4s;
}

ul.products li.product .type-tag {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    border-radius: 25px;
    font-size: 8pt;
    padding: 3px 10px;
    color: #f52f4e;
}

.main-single-product {
    text-align: right;
    padding: 0 15px;
}

.left-single-product,.right-single-product {
    width: 49%;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.left-single-product {
    margin-right: 1%;
}

.right-single-product .pic-box {
    width: 100%;
    position: relative;
    margin: 15px 0;
    padding: 100% 0 0 0;
    overflow: hidden;
}

.right-single-product .pic-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    opacity: 0.9;
    transition: all 0.3s;
    border: 15px solid #f2f2f2;
    box-sizing: border-box;
}

.right-single-product .pic-box img:hover {
    opacity: 1;
    transition: all 0.5s;
}

.left-single-product .category-row-blog {
    margin: 7px 0 0 0;
}

.excerpt-single-product {
    text-align: justify;
    font-weight: 100;
    font-size: 12.5pt;
    direction: rtl;
}

.excerpt-single-product p,.text-content-product p {
    padding: 7px 0 5px 0;
    margin: 0;
}

.text-content-product {
    font-family: IRANSans;
    font-weight: 100;
    text-align: right;
}

.add-to-cart-single-product {
    position: absolute;
    bottom: -12px;
    left: 30px;
    background-color: #e04d4d;
    color: #fff;
    padding: 0 15px;
    border-radius: 25px;
    word-spacing: -2px;
    font-size: 11pt;
    cursor: pointer;
}

.single-product {
    margin-bottom: 20px;
}

.single-page {
    margin: 0;
    padding: 0;
}

.single-page .text-single {
    margin: 0 15px;
    padding: 0;
    direction: rtl;
    text-align: right;
}

.single-page .text-single p {
    padding: 2px 0 5px 0;
}

.width-55-percent {
    width: 55%;
    margin: 0px auto;
    padding: 20px 0 50px 0;
}

.right-section {
    width: 60%;
    margin: 0px auto;
    padding: 20px 0;
    float: right;
}

.left-section {
    width: 38%;
    margin: 0px auto;
    padding: 20px 0;
    float: left;
}

.message-error,.message-success,.message-info {
    margin: 15px 0px;
    padding: 5px 0px;
    background-color: #d53030;
    color: #fff;
    text-indent: 15px;
    border-radius: 3px;
    text-align: right;
    direction: rtl;
}

.message-success {
    background-color: #309918;
}

.message-info {
    background-color: #2374a0;
}

.form-contact-us {
    direction: rtl;
    text-align: right;
}

.right-contact-box {
    width: 48%;
    margin: 0px 0px 0px 0px;
    padding: 0;
    float: right;
    direction: rtl;
}

.right-contact-box p {
    font-family: IRANSans;
    padding: 15px 0px;
    margin: 0;
    font-weight: 100;
    font-size: 11pt;
    text-align: right;
}

.left-contact-box {
    width: 50%;
    margin: 0px 0px 0px 0px;
    padding: 0;
    float: left;
}

.dialog-alert {
    position: absolute;
    bottom: 50px;
    left: 50px;
    border-radius: 25px;
    background-color: #ac1b4f;
    color: #fff;
    font-family: IRANSans;
    direction: rtl;
    text-align: right;
    padding: 7px 15px;
    font-weight: 300;
    display: none;
}

.search-shohada-nav {
    direction: rtl;
    font-family: IRANSans;
    margin: 15px 0 10px 0;
}

.search-shohada-nav .shahid_search_input {
    padding: 10px 0px;
    margin: 0 0 0 1%;
    text-indent: 15px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    border-radius: 5px;
    box-sizing: border-box;
    color: #222;
    font-family: IRANSans;
    width: 28%;
}

.search-shohada-nav .shahid_order_by {
    padding: 8px 0px;
    margin: 0 1% 0 0;
    text-indent: 10px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    border-radius: 5px;
    box-sizing: border-box;
    color: #222;
    font-family: IRANSans;
    width: 12%;
}

.search-shohada-nav .shahid_search_submit {
    background-color: #afafaf;
    padding: 7px 0 7px 0;
    font-size: 13pt;
    font-weight: 500;
    color: #fff;
    font-family: IRANSans;
    cursor: pointer;
    border: none;
    border-radius: 8px;
    width: 15%;
    background-image: url('img/search_white.png');
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 95% center;
    transition: all 0.6s;
}

.search-shohada-nav .shahid_search_submit:hover {
    background-color: #3cac31;
    transition: all 0.8s;
}

.search-shohada-nav .shahid_all_submit {
    width: 13%;
    background-color: #afafaf;
    padding: 7px 15px 7px 15px;
    margin-right: 1%;
    font-size: 13pt;
    font-weight: 500;
    color: #fff;
    font-family: IRANSans;
    cursor: pointer;
    border: none;
    border-radius: 8px;
}

.cart-box {
    font-family: IRANSans;
    direction: rtl;
}

.cart-box .row-cart,.pay-row {
    margin: 10px 15px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 15px 15px;
    text-align: right;
    box-sizing: content-box;
    font-size: 9.5pt;
}

.cart-box .header-row {
    background-color: #049e42 !important;
    color: #fff;
}

.pay-row {
    margin: 10px 0;
    padding: 7px 10px;
}

.pay-row .column-pay {
    display: inline-block;
    vertical-align: top;
}

.pay-row .id-pay {
    width: 10%;
}

.pay-row .detail-pay {
    width: 70%;
}

.pay-row .detail-pay span {
    background-color: #eaeaea;
    margin: 0 2px;
    padding: 0 6px;
    font-size: 8pt;
    border-radius: 3px;
}

.pay-row .dete-pay {
    width: 20%;
}

.cart-box .row-cart:nth-child(odd) , .pay-row:nth-child(odd) {
    background-color: #f6f6f6;
}

.cart-box .row-cart .header-column {
    font-weight: bold;
    font-size: 10pt;
}

.cart-box .row-cart .column-cart {
    display: inline-block;
    vertical-align: top;
}

.cart-box .row-cart .product_id {
    width: 10%;
}

.cart-box .row-cart .product_title {
    width: 48%;
}

.cart-box .row-cart .product_quantity {
    width: 10%;
}

.cart-box .row-cart .product_price {
    width: 10%;
}

.cart-box .row-cart .product_operation {
    width: 10%;
}

.product_operation a {
    background-color: #e24e35;
    padding: 2px 10px;
    color: #fff;
    border-radius: 5px;
    font-size: 8pt;
}

.product_operation a:link, .product_operation a:visited {
    text-decoration: none;
    color: #fff;
}

.sum_price_all {
    float: left;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 5px 20px;
    margin: 0 0 10px 15px;
}

.btn-next-order {
    cursor: pointer;
    background-color: #e24e35;
    color: #fff;
    float: left;
    padding: 5px 20px;
    text-align: center;
    border-radius: 5px;
    margin-left: 15px;
    margin-bottom: 15px;
}

.checkout-form {
    margin: 10px 20px;
    direction: rtl;
}

.checkout-form .right-section {
    width: 67%;
    float: right;
}

.checkout-form .left-section {
    width: 31%;
    float: left;
    position: relative;
}

.checkout-form .title-checkout {
    text-align: right;
    font-weight: bold;
    background-image: url('img/bgtitle_gray.jpg');
    background-repeat: repeat-x;
}

.checkout-form .title-checkout span {
    background-color: #fff;
    padding: 0px 10px;
}

.box-sum-all-order {
    border: 1px solid #eaeaea;
    border-radius: 5px;
    margin-bottom: 15px;
}

.box-sum-all-order .sum-all-order-title {
    border-bottom: 1px solid #eaeaea;
    background-color: #eaeaea;
    text-indent: 10px;
    padding: 5px 0;
    text-align: right;
}

.box-sum-all-order .sum-all-order-price {
    font-size: 16pt;
    font-weight: bold;

}

.login-btn-popup {
    background-color: #666;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
    width: 100px;
    cursor: pointer;
}

#cc_table {
    width: 97%;
    margin: 10px auto;
    border-collapse: collapse;
    font-family: IRANSans;
    direction: rtl;
    font-size: 11pt;
}

#cc_table td{
    border: 1px solid #ddd;
    padding: 5px;
}

#cc_table a:link,#cc_table a:visited {
    text-decoration: none;
    color: #2d84a0;
}

#cc_table tr:nth-child(even){background-color: #f2f2f2;}

#cc_table tr:hover {background-color: #ddd;}

#cc_table th {
    padding: 7px 5px;
    text-align: center;
    background-color: #2cbbda;
    color: white;
    border: 1px solid #ddd;
    font-size: 10pt;
}

#cc_table th.th_post_title {
    text-align: right;
}

.status-order {
    background-color: #e24e35;
    padding: 2px 7px;
    text-align: center;
    font-family: IRANSans;
    float: left;
    color: #fff;
    margin: 0 0 10px 15px;
    border-radius: 5px;
    direction: rtl;
}

.status-order a:link,.status-order a:visited {
    color: #f6ce3c;
}

.container-margin {
    margin: 5px 15px;
}

.title-note-order-pay {
    background-color: #6bad3b;
    border-radius: 5px;
    padding: 5px 0;
    font-family: IRANSans;
    color: #fff;
    text-align: right;
    text-indent: 15px;
    direction: rtl;
}


.btn-add-row-file {
    background-color: #659e49;
    color: #fff;
    font-size: 9pt;
    border-radius: 5px;
    padding: 3px 10px;
    text-align: center;
    float: left;
    margin: 4px 0 0 0;
    cursor: pointer;
}

.notice-form {
    font-size: 9pt;
    padding: 0;
    margin: 0;
    font-weight: 300;
}

.bold {
    font-weight: bold !important;
}




.clear {
    clear: both;
}

a:link,a:visited {
    text-decoration: none;
    color: #1a202c;
}