﻿.nostyle {
    font-weight: normal !important;
    line-height: normal !important;
}


A.link_nounder:link {
    cursor: pointer;
    text-decoration: none;
}

A.link_nounder:visited {
    cursor: pointer;
    text-decoration: none;
}

A.link_nounder:active {
    cursor: pointer;
    text-decoration: none;
}

A.link_nounder:hover {
    cursor: pointer;
    text-decoration: none;
}

.button_all, .button_blue, .button_blue_small, .button_blue_small2, .button_green, .button_red, .button_loading, .button_gray {
    background-color: #337ab7;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #2e6da4;
    display: inline-block;
    color: #FFFFFF;
    font-family: SDF;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #063E6E;
    padding: 8px 12px;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
    text-align: center;
}

.button_blue_small, .button_small {
    margin: 5px 2px;
    padding: 5px;
    font-size: 11px;
}

.button_blue_small2 {
    margin: 0px 2px;
    padding: 0px;
    font-size: 11px;
}

.button_blue:hover, .button_blue_small:hover, .button_blue:active, .button_blue_small:active, .hovershop:hover > .button_blue {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #2e6da4;
}

.button_green {
    background-color: #459E45;
    border: 1px solid #419B41;
    text-shadow: 1px 1px 1px #065706;
}

.button_green:hover, .hovershop:hover > .button_green {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #228F22;
}

.button_loading {
    cursor: wait;
    border: 1px solid #D6D6D6;
    background-color: #F5F5F5;
    text-shadow: none;
    color: rgba(0,0,0,0.5);
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}


.input1 {
    padding: 4px !important;
    height: auto !important;
    text-align: right;
    font-family: SDF;
    font-size: 1em !important;
    background-color: rgba(255,255,255,0.8) !important;
    color: #000000 !important;
    width: auto;
    margin: 0px 8px !important;
    border-color: #FFFFFF !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}

    .input1:hover, .input1:active {
        background-color: rgba(255,255,255,0.9) !important;
        border-color: #FFFFFF !important;
    }








.hovershop {
    cursor: pointer;
    transition: all 0.3s ease;
}

    .hovershop:hover {
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);
        -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);
        box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);
    }


.webdisplay1 {
    display: inline-block;
}

.mobile1 {
    display: none;
}

@media screen and (max-width: 670px) {
    .webdisplay1 {
        display: none;
    }

    .mobile1 {
        display: inline-block;
    }
}



.strikediag {
    display:inline-block;
    background: linear-gradient(to left top, transparent 47.75%, rgba(255, 0, 0, 0.7) 49.5%, rgba(255, 0, 0, 0.7) 50.5%, transparent 52.25%);
    color: rgba(255, 0, 0, 0.3);
    line-height:normal;
}

.ReadMore-box {
	max-height: 190px;
	position: relative;
	overflow: hidden;
}
.ReadMore-box .read-more { 
    position: absolute; 
    bottom: 0; left: 0;
    width: 100%; 
    text-align: center; 
    margin: 0; 
    padding: 48px 0 10px 0; 
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 12%, rgba(255,255,255,0.8463586118040967) 46%, rgba(255,255,255,1) 68%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 12%, rgba(255,255,255,0.8463586118040967) 46%, rgba(255,255,255,1) 68%);
    background: linear-gradient(180deg, rgba(255,255,255,0) 12%, rgba(255,255,255,0.8463586118040967) 46%, rgba(255,255,255,1) 68%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); 
}

.ReadMode_Button{
    font-weight:bold;
    color:#000000;
}
.ReadMode_Button:hover{
    font-weight:bold;
    color:#007919;
}
.ReadMode_Button:after {
    position: absolute;
    content: '⇣';
    margin-right: 10px;
    font-weight:normal;
    font-size:13pt;
    font-family:arial !important;
    -webkit-animation: sudo .85s linear infinite alternate;
    animation: sudo .8s linear infinite alternate;
}
@keyframes sudo {
  from {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  to {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}



.Resp_Page_Title{
    display:table-cell;
    vertical-align:middle;
}
.Resp_Page_Head1{
    display:table;
    width:100%;
    height:140px;
    direction:rtl;
}
@media screen and (max-width: 630px) {
    .Resp_Page_Title{
        display:block;
        width:100%;
        text-align:center !important;
    }
    .Resp_Title1{
        margin:18px 0;
    }
    .Resp_Page_Head1{
        display:block;
        width:100%;
        height:100px;
        direction:rtl;
    }
}


.btn_book, .btn_digital, .btn_notif{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    cursor:pointer;
    font-size:11pt;
    color:#FFFFFF;
    transition: all 0.3s ease;
    border:solid 1px rgba(0,0,0,0);
}
.btn_book{
    background-color:#007EA7;
}
.btn_book:hover{
    background-color:#009ed1;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.btn_digital{
    background-color:#6B8A00;
}
.btn_digital:hover{
    background-color:#7ea300;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.btn_notif{
    text-shadow:none;
    background-color:#f2f2f2;
    color:#5f5f5f;
}
.btn_notif:hover{
    border:solid 1px #ede3b5;
    background-color:#fff7d3;
    color:#c45400;
}
.btn_notif:hover .wiggle1{
	-webkit-animation: wiggle .4s alternate ease infinite;
	animation: wiggle .3s alternate ease infinite;
}

.btn_basket, .btn_back{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    cursor:pointer;
    color:#FFFFFF;
    transition: all 0.3s ease;
    border:solid 1px rgba(0,0,0,0);
    background-color:#35AB35;
    transition: all 0.3s ease;
    font-family: 'SDF';
    font-size:14px;
    margin:20px 0px;
    padding:14px 18px 13px 18px;
    display:inline-block;
}
.btn_basket:hover{
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    background-color:#259025;
}
.btn_back {
    background-color:#898989;
}
.btn_back:hover{
    background-color:#6f6f6f;
}


@-webkit-keyframes wiggle {
	from { -webkit-transform: rotate(-15deg); }
	to   { -webkit-transform: rotate(15deg); }
}

.fourth {
  background-image: -webkit-linear-gradient(-45deg, #f1c40f 20%, transparent 50%);
  background-image: linear-gradient(-45deg, #f1c40f 20%, transparent 50%);
  background-position: -100%;
  background-size: 400%;
  -webkit-transition: background 200ms ease-in-out;
  transition: background 200ms ease-in-out;
}
.fourth:hover {
  background-position: -84%;
}

.fourth_green {
  background-image: -webkit-linear-gradient(-45deg, #6B8A00 35%, transparent 50%);
  background-image: linear-gradient(-45deg, #6B8A00 35%, transparent 50%);
  background-position: -100%;
  background-size: 400%;
  -webkit-transition: background 200ms ease-in-out;
  transition: background 200ms ease-in-out;
}
.fourth_green:hover {
  background-position: -84%;
}


.fourth_blue {
  background-image: -webkit-linear-gradient(-45deg, #007EA7 35%, transparent 50%);
  background-image: linear-gradient(-45deg, #007EA7 35%, transparent 50%);
  background-position: -100%;
  background-size: 400%;
  -webkit-transition: background 200ms ease-in-out;
  transition: background 200ms ease-in-out;
}
.fourth_blue:hover {
  background-position: -84%;
}
/* ------ RESPONSIVE ------ */
@media screen and (max-width: 1060px) {
    .resp_only_webview {
        display:none;
    }
    .resp_mobile_full2 {
        width: 100% !important;
        max-width: 100% !important;
        display: block;
        flex: none !important;
    }
}
@media screen and (max-width: 900px) {
    .resp_mobile_full {
        width: 100% !important;
        max-width: 100% !important;
        display: block;
        flex: none !important;
    }
}


.Buy_Block_mobile1, .Buy_Block_mobile2{
    display:table-cell;
    width:50%;
    text-align:right;
    padding:0 10px;
}
@media screen and (max-width: 740px) {
    .Buy_Block_mobile1, .Buy_Block_mobile2{
        display:block;
        width:100%;
        text-align:left;
        padding:0 10px;
    }
}



.title_line {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap; 
}

.title_line > span {
    position: relative;
    display: inline-block;
}
	
.title_line > span:before,
.title_line > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #d9d9d9;
}

.title_line > span:before {
    right: 100%;
    margin-right: 15px;
}

.title_line > span:after {
    left: 100%;
    margin-left: 15px;
}










.alertbox_success{
    background-color:#e0ffe0;
    border:solid 1px #97de97;
    color:#006900;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding:15px;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}


.digital_notice, .green_box {
    margin:0 15px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:#fffbee;
    border:solid 1px #e4d090;
}
.green_box {
    background-color:#eaffea;
    border:solid 1px #d9f6d9;
    color:#006900;
}
.digital_notice_icon {
    display:table-cell;
    vertical-align:middle;
}

.digital_notice_text{
    display:table-cell;
    vertical-align:middle;
    width:100%;
    text-align:right;
    color:#303030;
    line-height:22px;
    padding-left:10px;
}


@media screen and (max-width: 500px) {
    .digital_notice_icon {
        display:none;
    }

    .digital_notice_text{
        width:100%;
        text-align:center;
        padding:10px;
    }
}

.vertical-alignment-helper {
display:table;
height: 100%;
width: 100%;
pointer-events:none;}

.vertical-align-center {
/* To center vertically */
display: table-cell;
vertical-align: middle;
pointer-events:none;}

.modal-content {
/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
/*width:inherit;*/
max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching 
full width */
height:inherit;
/* To center horizontally */
margin: 0 auto;
pointer-events:all;}



.btnlink_1, .btnlink_2 {
    display:inline-block;
    color:#4e4e4e;
    background-color:#eeeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:7px;
    transition: all 0.3s ease;
    cursor:pointer;
}

.btnlink_2{
    color:#bb5600;
    background-color:#f7ecc8;
}
.btnlink_2:hover, .btnlink_2:active{
    color:#a84d00;
    background-color:#efdfaa;
}


.btnlink_1:hover, .btnlink_1:active {
    color:#007e9a;
    background-color:#e6f7fb;
}


.input_fa1{
    font-family:IRANSans;
    padding:8px !important;
    margin:0px !important;
    color:#000000 !important;
    font-size:16px !important;
    letter-spacing:1px;
}
.input_fa1::placeholder {
  color: #e1e1e1;
}




#overlay_simple {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 1px;
	height: 1px;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.75);
	z-index: 90;
	vertical-align: middle;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
    display:flex;
}




.text_ {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 22px; /* fallback */
    /*max-height: 40px;*/ /* fallback */
    height: 45px;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    text-align: justify;
}

.text_1line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 17px; /* fallback */
    /*max-height: 40px;*/ /* fallback */
    height: 17px;
    -webkit-line-clamp: 1; /* number of lines to show */
    -webkit-box-orient: vertical;
}


.text_short2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 17px; /* fallback */
    /*max-height: 40px;*/ /* fallback */
    height: 34px;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    text-align: justify;
    text-align:right;
    direction:rtl;
}



.SR_title{
    background-color:#F3ECF3;
    padding:5px 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color:#650065 !important;
    display:inline-block;
}


.SR_fill-pink {
    fill: #9B1F97;
}


.home_3col{
    display:block;
    margin-bottom:30px;
}
.home_3col_img{
    margin-top:50px;
    width:100% !important;
}
@media screen and (max-width: 991px) {
    .home_3col{
        display:table-cell;
        vertical-align:middle;
    }
    .home_3col_img{
        width:250px !important;
        max-width:unset !important;
        margin:20px 20px 20px 0;
    }
}
@media screen and (max-width: 770px) {
    .home_3col{
        display:block;
        text-align:center;
    }
    .home_3col_img{
        width:300px !important;
        max-width:unset !important;
        margin:20px 0 0 10px;
    }
}



.img_cutomers_logo{
    -moz-border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    border-radius: 20px !important;
    margin:10px !important;
    opacity: .8;
}
.img_cutomers_logo:hover{
    /*
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    */
    opacity: 1;
}
.SR_submenu_mobile{
    direction:rtl; text-align:right; padding-right:0px !important;
}
.SR_Menu_fa2, .SR_Menu_fa2_sub{
    padding-right: 0.7rem !important;
    padding-left: 0.7rem !important;
}
@media screen and (max-width: 991px) {
    .SR_submenu_mobile{
        padding-right:30px !important;
    }
    .SR_Menu_fa2_sub{
        padding-right:27px !important;
    }
}


.input_v1{
    background: rgba(0, 0, 0, 0.20) !important;
    color:#FFFFFF !important;
    margin-top:10px;
    width:230px;
}

.input_v1:focus{
    background: rgba(0, 0, 0, 0.27) !important;
}

.Resp_Table_HomeForm_MainTable{
    display:table; color:#FFFFFF; margin:0 auto;
}
.Resp_Table_HomeForm{
    display:table-cell;
    vertical-align:bottom;
    padding:10px;
}
@media screen and (max-width: 771px) {
    .input_v1 {
        width:100%;
    }
    .Resp_Table_HomeForm_MainTable {
        display:block;
    }
    .Resp_Table_HomeForm{
        display:block;
        margin-bottom:10px;
    }
}


.SR_Txt_Shadow{
    text-shadow: 1px 1px 2px rgba(0,0,0,0.83);
}


.footer_label{
    background-color:#f8dd84;
    color:#000000 !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding:3px 8px;
    text-decoration:none;
    font-weight:bold;
}

.footer_label:hover{
    background-color:#ffcf32;

}

.Only_web{
    display:block;
}
@media screen and (max-width: 991px) {
    .Only_web{
        display:none;
    }
}


.blackshadow_1{
    text-shadow: 1px 1px 1px rgba(0,0,0,0.55);
}
.blackshadow_2{
    text-shadow: 0px 0px 4px rgba(0,0,0,0.69);
}

.flag100{
    width:20px;
    vertical-align:middle;
    margin:0 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}


.loading_circle{
    vertical-align:middle;
    margin-left:7px;
    width:17px;
    height:17px;
}

.index_consultation_msg{
    display:inline-block;
    background-color:rgba(255, 255, 255 , .9);
    color:#9B1F97;
    font-weight:bold;
    padding:5px 14px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}