/* به نام خدا */
/* version=1.8 */
@charset "UTF-8";


/* --------------------------------------------- overal classes ------- */
.tarh_body {
    background-attachment: fixed;
    background-image: url(../images/pattern.jpg);
}

.tarh_header {
    margin-bottom: 20px;
    background-position: center top;
    background-size: auto;
    height: 1310px;
    background-image: url(../images/plans_header.png);
    position: relative;
}

.tarh_header h1,
.tarh_header h2,
.tarh_header h3 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: ghostwhite;
}

.tarh_header h1 {
    top: 240px;
    font-size: 65px;
}

.tarh_header h2 {
    top: 759px;
    font-size: 49px;
}

.tarh_header h3 {
    top: 13px;
    font-size: 50px;
}

.tarh_header p {
    position: relative;
    top: 966px;
    color: white;
    width: 60%;
    max-width: 760px;
    margin: 0px auto;
    text-align: center;
}

@media screen and (max-width: 960px) {
    .tarh_header p {
        width: 95%;
    }
}

@media screen and (max-width: 700px) {
    .tarh_header p {
        top: 822px;
    }
}

.tarh_header p img {
    position: absolute;
    width: 80px;
    background-color: white;
    border-radius: 100%;
    right: 0px;
    bottom: -90px;
}

.main_page_btn {
    bottom: 0px;
    position: fixed;
    width: 100px;
    z-index: 6;
    cursor: pointer;
    left: -21px;
    transition: left 0.5s 0s;
}

.main_page_btn img {
    display: block;
}

.main_page_btn img:hover {
    border-radius: 0px 20px 20px 0px;
    background-color: chartreuse;
}

.plans_footer {
    margin-top: 20px;
    background-image: url(../images/plans_footer.png);
    height: 220px;
    background-position: center top;
    border-top: 17px solid #f7d084;
}

.plans_footer p {
    width: 95%;
    text-align: center;
    color: #faf4e9;
    margin: 2px auto 0px;
}

/* --------------------------------------------- linkdoni ------- */
#linkdoni nav {
    position: absolute;
    z-index: 5;
    width: 100%;
    background-color: #f5ac40;
    text-align: center;
    border: 1px solid #f7d084;
    transition: top 0.4s ease-in-out 0s;
}

#linkdoni #attention {
    margin: 3px;
    font-size: 1.3em;
}

#linkdoni nav ul li {
    margin-left: -3px;
    cursor: pointer;
    display: inline-block;
    height: 33px;
    width: 24%;
    font-size: 1.6em;
    padding: 5px 0px;
    transition: background-color 0.1s ease-in 0s;
    border-right: 1px solid #ddd;
}
#linkdoni nav ul li:first-child{
    border-right:none ;
}

#linkdoni nav ul li:hover {
    background-color: #f7d084;
}
@media screen and (max-width: 767px) {
    #linkdoni nav ul li {
        margin-left: auto;
    }
    #linkdoni nav ul li:nth-child(2){
        font-size: 1.4em;
    }
}
#linkdoni .main {
    background-color: #f8fbe8;
    padding-top: 50px;
    padding-bottom: 70px;
}

#linkdoni .main h2 {
    font-size: calc(21px + 1.5vw);
}

#linkdoni .main .link h3 {
    margin: 5px 4px 2px;
    font-weight: 600;
}

#linkdoni .main h3::after {
    content: ":";
    margin: 0px 2px;
}

#linkdoni .linkReport_explanation {
    margin: 13px -15px 0px;
    text-align: center;
    background: #ffca2d;
    padding: 20px;
    font-size: 21px;
}

#linkdoni .link {
    position: relative;
    padding: 0px 8px 29px;
    margin: 14px 1px;
    border: 2px solid bisque;
    border-radius: 7px;
}

#linkdoni .link .buttons {
    padding: 0px 5px;
    display: flex;
    justify-content: space-evenly;
}

@media screen and (max-width: 767px) {

    #linkdoni .link .buttons {
        padding: 0px 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

#linkdoni .link .buttons span,
#linkdoni .link .buttons a {
    border-radius: 27px;
    cursor: pointer;
    padding: 2px 12px 2px 8px;
    margin: 10px 0px 0px;
    min-width: 122px;
    text-align: center;
}

#linkdoni .link .buttons span::before,
#linkdoni .link .buttons a::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: -4px -11px -8px 2px
}

#linkdoni .link .linkEnter {
    background-color: #a8ff9e;
    color: black;
    text-decoration: none;
}

#linkdoni .link .linkEnter:hover {
    background-color: #53f840;
}

#linkdoni .link .linkEnter::before {
    background-image: url(../images/link_entrance_icon.png);
    margin: 0px 0px -8px 2px;
}

#linkdoni .brokenLinkReport {
    background-color: #ff9e9e;
}

#linkdoni .brokenLinkReport:hover {
    background-color: #fa6b6b;
}

#linkdoni .brokenLinkReport::before {
    background-image: url(../images/broken_link_icon.png);
}

#linkdoni .changedContent {
    background-color: #fffd9e;
}

#linkdoni .changedContent:hover {
    background-color: rgb(247, 244, 90);
}

#linkdoni .changedContent::before {
    background-image: url(../images/content_changed.png);
}

#linkdoni .link .options {
    margin: 14px 2px;
}


#linkdoni .link .disappointment span {
    margin: 7px;
    font-size: 1.2em;
    color: red;
    border-bottom: 1px solid red;
}

#linkdoni .link .options::before {
    content: "محتوای لینک : ";
    font-size: 1.2em;
    display: block;
    margin: 0px 0px 1px;
    font-weight: bold;
}

#linkdoni .link .options span {
    margin: 2px;
    padding: 2px 0px 2px 2px;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid orange;
    border-right: none;
    display: inline-block;
}

#linkdoni .link .options span::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 22px;
    background-image: url(../images/ok_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 0px -8px 2px;
}

#linkdoni .link .options span.include_social_media {
    padding: 0px;
    padding-right: 44px;
    min-width: 165px;
    font-weight: 700;
}

#linkdoni .link .options span.include_social_media::before {
    background-image: url(../images/include_social_media.png);
    width: 44px;
    height: 44px;
    margin: -9px -52px -18px 1px;
}

@media screen and (max-width: 768px) {
    #linkdoni .tarh_header h2 {
        top: 750px;
    }
}

#linkdoni .group {
    border-radius: 8px;
    padding: 10px 5px 10px;
    border: 1px solid bisque;
}

#linkdoni #send {
    border: none !important;
}

#linkdoni input[type="radio"] {
    left: 6em;
}

#linkdoni .warning {
    border: solid 2px #ff0000;
    border-radius: 4px;
}

header h1 {
    font-size: 59px !important;
    top: 248px !important;
}

/* --------------------------------------------- delneveshte ------- */

#delneveshte .container {
    padding-top: 12px;
    padding-bottom: 20px;
    font-family: 'BNarm';
    background-color: #efefef;
}

#delneveshte .container #initParaghraph {
    position: relative;
    margin: 100px 10px 20px;
    background: rgba(200, 255, 206, 0.7);
    padding: 10px;
    border-radius: 20px;
    min-width: 271px;
}

#delneveshte .container #initParaghraph h2 {
    position: absolute;
    top: -38px;
    height: 38px;
    left: 50%;
    transform: translate(-50%, 0%);
    background-color: rgba(200, 255, 206, 0.7);
    padding: 5px 7px 0px;
    border-radius: 10px 10px 0px 0px;
    min-width: 271px;
}

#delneveshte .container #initParaghraph p {
    font-size: 17px !important;
}

#delneveshte .container #initParaghraph span {
    font-size: inherit;
}

#delneveshte .container #initParaghraph span:first-child {
    color: #fb0000;
}

#delneveshte .container #initParaghraph span:last-child {
    color: #11EC4E;
}

#delneveshte #nazar_shoma_toggle_btn {
    position: relative;
    margin: 25px 0px;
}

#delneveshte #nazar_shoma_toggle_btn span {
    margin: 0px -2px 9px 3px;
    top: 6px;
}

#delneveshte #nazar_shoma {
    display: none;
    padding: 19px 0px 50px;
}

#delneveshte #nazar_shoma h3 {
    padding: 5px;
}

#delneveshte #nazar_shoma_h3 {
    margin: 62px -13px 17px;
}

#delneveshte #nazar_shoma_comments {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
}

#delneveshte #nazar_shoma_title {
    padding: 10px 0px;
}

#delneveshte .getComments_error {
    padding: 8px;
    font-size: 15px;
    text-align: center;
    border-radius: 6px;
    background-color: #ff7065;
}

#delneveshte .comment {
    margin: 10px 0px;
    position: relative;
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    border: 1px solid #d4d4d4;
}

#delneveshte .comment h4 {
    display: inline-block;
    margin: 5px;
}

#delneveshte .comment h4::before {
    display: inline-block;
    margin: 3px;
    content: url(../images/person.png);
}

#delneveshte .comment .time {
    position: absolute;
    direction: ltr;
    left: 95px;
    top: 20px;
}

#delneveshte .comment .date {
    position: absolute;
    left: 20px;
    top: 20px;
}

#delneveshte .comment .time::before {
    content: url(../images/clock.png);
    margin: 0px 3px 0px 3px;
}

#delneveshte .comment .date::after {
    content: url(../images/calendar.png);
    margin: 0px 5px 0px 0px;
}

#delneveshte .comment p {
    font-size: 1.2em;
    margin: 0px 5px 5px;
    padding: 5px 0px 0px
}

#delneveshte .comment p:nth-child(2) {
    border-top: 1px dotted #d4d4d4;
}

#delneveshte .comment p:nth-child(2)::before {
    position: relative;
    margin: 5px;
    content: url(../images/comment.png);
    top: 4px;
}

#delneveshte .comment_response {
    background-color: #8affd8;
    margin-right: 30px !important;
    width: fit-content;
    padding: 5px !important;
    border-radius: 5px;
}

/* --------------------------------------------- pishnahadat_mahdavi ------- */

#pishnahadat_mahdavi header h1 {
    font-size: 59px !important;
    top: 248px !important;
}

#pishnahadat_mahdavi #offers {
    background-color: floralwhite;
    margin: 0px 4px 90px;
}



#pishnahadat_mahdavi #offers .offer p {
    font-size: 1.5em;
    margin: 20px 10px;
    padding: 5px;
    text-align: justify;
}

#pishnahadat_mahdavi #offers .offer h3 {
    position: relative;
    margin: 10px 0px;
    border-bottom: 2px solid black;
    display: inline-block;
    padding: 5px 4px 5px 40px;
    font-weight: 600;
}

#pishnahadat_mahdavi #offers .offer h3::after {
    content: "__ _";
    position: absolute;
    left: -93px;
    bottom: -3px;
    font-size: 48px;
    font-family: 'BNarm';
    font-weight: 100;
}

#pishnahadat_mahdavi #offers .offer #poyesh_container {
    padding: 10px;
}

#pishnahadat_mahdavi #offers .offer .poyesh {
    margin: 2px;
    text-align: center;
    background-color: white;
    border: 1px solid black;
    border-radius: 5px;
}

@media screen and (max-width: 767px) {

    #pishnahadat_mahdavi #offers .offer .poyesh {
        min-height: unset;
    }
}

@media screen and (min-width: 768px) {
    #pishnahadat_mahdavi #offers .offer .poyesh {
        min-height: 716px;
    }
}

@media screen and (min-width: 992px) {
    #pishnahadat_mahdavi #offers .offer .poyesh {
        min-height: 755px;
    }
}

@media screen and (min-width: 1200px) {
    #pishnahadat_mahdavi #offers .offer .poyesh {
        min-height: 830px;
    }
}

#pishnahadat_mahdavi #offers .offer .poyesh h4 {
    padding: 10px 0px;
    margin: 2px 0px 25px;
    border-bottom: 1px solid black;
    font-family: 'BNarm';
}

#pishnahadat_mahdavi #offers .offer .poyesh .gif_container {
    max-width: 500px;
    min-height: 300px;
}

#pishnahadat_mahdavi #offers .offer .poyesh h5 {
    font-size: 1.4em;
    margin-bottom: 22px;
}

#pishnahadat_mahdavi #offers .offer .poyesh h5 span {
    color: orange;
    margin: 5px;
    border: 1px solid;
    padding: 1px 3px;
    border-radius: 25% 0;
    font-weight: 600;
}

#pishnahadat_mahdavi #offers .offer .poyesh button {
    margin: 5px 3px 20px;
    height: 43px;
    min-width: 125px;
}

#pishnahadat_mahdavi #offers .offer .poyesh #salavatAddToServer {
    position: relative;
    display: inline-block;
}

#pishnahadat_mahdavi #offers .offer .poyesh #salavatAddToServer #salavatCloud {
    display: none;
    position: absolute;
    background-color: #f3d7c7;
    border-radius: 100%;
    padding: 7px;
    right: 14px;
    bottom: 25px;
    transition: bottom 1000ms linear;
    -webkit-transition: bottom 1000ms linear;
    -ms-transition: bottom 1000ms linear;
    -o-transition: bottom 1000ms linear;
    -ms-transition: bottom 1000ms linear;
}

#pishnahadat_mahdavi #offers .offer .poyesh #salavatAddToServer img {
    max-width: 25px;
}

#pishnahadat_mahdavi #offers .offer .poyesh button #salavatReady {
    transition: background-color 300ms linear;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
}

#pishnahadat_mahdavi #send_offer {
    border-top: 1px solid;
    background: lavender;
}

#pishnahadat_mahdavi #send_offer h3 {
    margin: 33px 0px 22px;
    padding: 9px;
    border-bottom: 1px dotted #8e8eff;
}

#pishnahadat_mahdavi .send_offer_radio {
    right: 6em;
}


/* --------------------------------------------- miadgah_asheghan ------- */

#miadgah_asheghan_content table {
    display: none;
}

#miadgah_asheghan_content {
    margin: 0px auto;
    padding: 10px 10px 42px;
    background-color: #ffffe1;
}

#miadgah_asheghan_content h3 {
    text-align: center;
    font-size: 24px;
    text-shadow: 0px 0px 14px blue;
}

#miadgah_asheghan_content #message {
    display: none;
    margin: 20px;
    text-align: center;
    background-color: bisque;
    padding: 18px;
    border-radius: 6px;
}

#miadgah_asheghan_content #map {
    margin: 20px 1px;
    width: 98%;
    position: relative;
}

#miadgah_asheghan_content #map div[class^="o-"] {
    cursor: pointer;
}

#miadgah_asheghan_content #map>img {
    transition: filter 0.15s linear 0s;
    z-index: 1;
    position: absolute;
}

#miadgah_asheghan_content #map>div {
    position: relative;
    z-index: 2;
    width: 1.724138%;
    height: 1.886792%;
    float: right;
}

#miadgah_asheghan_content #ostan_name {
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 2;
}


#miadgah_asheghan_content .chosen_ostan {
    text-align: center;
}

#miadgah_asheghan_content #getMiadghahHa {
    margin: 7px;
}

#miadgah_asheghan_content #ostan_name {
    font-size: 20px;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 2;
    background-color: bisque;
    border-radius: 5px;
    padding: 2px;
}

#miadgah_asheghan_content #chosen_ostan_div {
    display: none;
    height: 130px;
    padding: 35px 0px;
}

#miadgah_asheghan_content #ostanMenu,
#miadgah_asheghan_content #show_miadghah_form {
    font-family: 'BNarm';
    margin: 10px 4px;
    display: inline-table;
    border-radius: 10px;
    min-width: 200px;
    cursor: pointer;
}

#miadgah_asheghan_content #ostanMenu {
    background-color: #f44336;
}

#miadgah_asheghan_content #show_miadghah_form {
    background-color: #00bcd4;
}

#miadgah_asheghan_content #ostanMenu i,
#miadgah_asheghan_content #show_miadghah_form i {
    display: block;
    text-align: center;
    font-size: 35px;
    margin-top: 5px;
}

#miadgah_asheghan_content #select_ostan_manually {
    position: relative;
    display: none;
    text-align: center;
    width: 90%;
    margin: 2px auto;
    padding: 10px;
    border-radius: 45px;
    background-color: #ffff87;
}

#miadgah_asheghan_content #select_ostan_manually i {
    padding: 4px;
    background-color: #ffff87;
    cursor: pointer;
    color: red;
    position: absolute;
    right: -8px;
    top: -13px;
    font-size: 26px;
    border-radius: 28px;
}

#miadgah_asheghan_content .ostan_btn {
    padding: 4px;
    margin: 5px;
    border-radius: 5px;
    font-size: 13px;
    min-width: 80px;
}

#miadgah_asheghan_content .green {
    background-color: #60ef51;
}

#miadgah_asheghan_content .orange {
    background-color: #efa156;
}

#miadgah_asheghan_content .blue {
    background-color: #41b8a4;
}

#miadgah_asheghan_content .red {
    background-color: #e67869;
}

#miadgah_asheghan_content #recording_miadghah #mobile {
    text-align: right;
}

#miadgah_asheghan_content #recording_miadghah {
    display: none;
    margin: 20px auto;
    width: 90%;
}

#miadgah_asheghan_content #recording_miadghah label {
    margin: 5px;
}

#miadgah_asheghan_content #recording_miadghah h5 {
    margin-right: 19px;
    position: relative;
    top: 3px;
}

#miadgah_asheghan_content #response {
    padding: 5px;
    border-radius: 4px;
    display: none;
}

#miadgah_asheghan_content .option {
    background-color: #ffffe1;
}

@media only screen and (max-width: 480px) {
    #miadgah_asheghan_content {
        width: 100%;
    }
}

@media only screen and (min-width: 481px) {
    #miadgah_asheghan_content {
        width: 100%;
    }
}

@media only screen and (min-width: 769px) {
    #miadgah_asheghan_content {
        width: 90%;
    }
}

@media only screen and (min-width: 1025px) {
    #miadgah_asheghan_content {
        width: 85%;
    }
}

@media only screen and (min-width: 1201px) {
    #miadgah_asheghan_content {
        width: 80%;
    }
}

#miadgah_asheghan_content #o-1 {
    top: 0.503145%;
    left: 17.126437%;
    width: 7.586207%;
    height: 17.735849%;
}

#miadgah_asheghan_content #o-2 {
    top: 2.515723%;
    left: 5.287356%;
    width: 15.977011%;
    height: 18.113208%;
}

#miadgah_asheghan_content #o-3 {
    top: 0%;
    left: 0%;
    width: 16.781609%;
    height: 26.163522%;
}

#miadgah_asheghan_content #o-4 {
    top: 9.559748%;
    left: 23.678161%;
    width: 9.655172%;
    height: 12.830189%;
}

#miadgah_asheghan_content #o-5 {
    top: 18.616352%;
    left: 16.321839%;
    width: 11.034483%;
    height: 10.566038%;
}

#miadgah_asheghan_content #o-6 {
    top: 24.025157%;
    left: 7.701149%;
    width: 13.103448%;
    height: 11.194969%;
}

#miadgah_asheghan_content #o-7 {
    top: 10.691824%;
    left: 62.298851%;
    width: 12.068966%;
    height: 11.446541%;
}

#miadgah_asheghan_content #o-8 {
    top: 11.823899%;
    left: 51.494253%;
    width: 11.609195%;
    height: 10.691824%;
}

#miadgah_asheghan_content #o-9 {
    top: 20.377358%;
    left: 33.333333%;
    width: 18.390805%;
    height: 7.54717%;
}

#miadgah_asheghan_content #o-10 {
    top: 24.402516%;
    left: 32.413793%;
    width: 5.287356%;
    height: 4.402516%;
}

#miadgah_asheghan_content #o-11 {
    top: 21.886792%;
    left: 24.597701%;
    width: 9.885057%;
    height: 8.679245%;
}

#miadgah_asheghan_content #o-12 {
    top: 29.308176%;
    left: 19.885057%;
    width: 7.701149%;
    height: 11.069182%;
}

#miadgah_asheghan_content #o-13 {
    top: 32.704403%;
    left: 7.241379%;
    width: 12.988506%;
    height: 9.811321%;
}

#miadgah_asheghan_content #o-14 {
    top: 15.09434%;
    left: 64.022989%;
    width: 25.632184%;
    height: 26.163522%;
}

#miadgah_asheghan_content #o-15 {
    top: 17.861635%;
    left: 40.91954%;
    width: 26.551724%;
    height: 21.132075%;
}

#miadgah_asheghan_content #o-16 {
    top: 26.415094%;
    left: 33.333333%;
    width: 13.448276%;
    height: 7.54717%;
}

#miadgah_asheghan_content #o-17 {
    top: 32.955975%;
    left: 31.609195%;
    width: 8.850575%;
    height: 6.163522%;
}

#miadgah_asheghan_content #o-18 {
    top: 30.314465%;
    left: 25.747126%;
    width: 10.344828%;
    height: 14.08805%;
}

#miadgah_asheghan_content #o-19 {
    top: 38.867925%;
    left: 14.942529%;
    width: 15.287356%;
    height: 10.314465%;
}

#miadgah_asheghan_content #o-20 {
    top: 41.257862%;
    left: 8.850575%;
    width: 11.149425%;
    height: 12.45283%;
}

#miadgah_asheghan_content #o-21 {
    top: 33.710692%;
    left: 59.655172%;
    width: 27.701149%;
    height: 30.062893%;
}

#miadgah_asheghan_content #o-22 {
    top: 45.786164%;
    left: 46.091954%;
    width: 19.08046%;
    height: 24.402516%;
}

#miadgah_asheghan_content #o-23 {
    top: 37.987421%;
    left: 29.655172%;
    width: 29.54023%;
    height: 24.90566%;
}

#miadgah_asheghan_content #o-24 {
    top: 49.811321%;
    left: 28.735632%;
    width: 8.62069%;
    height: 9.937107%;
}

#miadgah_asheghan_content #o-25 {
    top: 48.050314%;
    left: 18.850575%;
    width: 14.252874%;
    height: 20%;
}

#miadgah_asheghan_content #o-26 {
    top: 58.36478%;
    left: 77.356322%;
    width: 22.643678%;
    height: 41.63522%;
}

#miadgah_asheghan_content #o-27 {
    top: 55.09434%;
    left: 54.022989%;
    width: 26.436782%;
    height: 35.471698%;
}

#miadgah_asheghan_content #o-28 {
    top: 57.484277%;
    left: 34.712644%;
    width: 24.597701%;
    height: 29.559748%;
}

#miadgah_asheghan_content #o-29 {
    top: 66.918239%;
    left: 31.724138%;
    width: 11.954023%;
    height: 16.603774%;
}

#miadgah_asheghan_content #o-30 {
    top: 75.974843%;
    left: 45.517241%;
    width: 33.103448%;
    height: 21.761006%;
}

#miadgah_asheghan_content #o-31 {
    top: 58.616352%;
    left: 30.804598%;
    width: 9.08046%;
    height: 9.18239%;
}

#miadgah_asheghan_content #o-32 {
    top: 88.050314%;
    left: 47.126437%;
    width: 17.241379%;
    height: 7.169811%;
}