.ky{/*307 c_80*/
    background-color: red;
    cursor: pointer;
    height:100%;
    width:100%;
    margin:0px;
    padding:0px;
    direction:rtl;
    text-align:right;   
    float:right;
    opacity: 0;
}

	
   .ky{/*307 c_80*/
    background-color: red;
    cursor: pointer;
    height:100%;
    width:100%;
    margin:0px;
    padding:0px;
    direction:rtl;
    text-align:right;   
    float:right;
    opacity: 0;
}
.khorshod_slider_div_action{
    padding:0px; 
    bottom:0px;
    position: absolute;	
    width:100%;  	
    max-height:40%;
    height: 180px;
    background-position: center; 
    background-color: #00000000;  
    transition: width 2s; 
    transition: background-position 2s; 
    opacity:1.0;
}
.khorshid_prev{
    color: white;  	
    font-weight: bold;  	
    font-size: 18px;  	
    transition: 0.2s ease;  	
    border-radius: 0px;  	
    user-select: none;   	
    float:right;  	
    max-height:100%;	
    height: 180px;  
    width:100%; 
    opacity:0.0;
}
.khorshid_prev:hover, .next:hover {
    opacity: 0.7;
    width:100%; 
    background-size:85px 50%;
    background-position: left; 
    cursor: pointer;    
    border-radius: 0px;    
    background-repeat: no-repeat;    
    float:left;  
    max-height:100%;	
    height:170px ;  
}
.khorshid_prev_2:hover, .next_2:hover {
    opacity: 0.7;
    width:100%; 
    background-size:85px 50%;
    background-position: left; 
    cursor: pointer;    
    border-radius: 0px;    
    background-repeat: no-repeat;    
    float:left;  
    max-height:100%;	
    height:170px ;  
}
.khorshid_prev_2{
    color: white;  	
    font-weight: bold;  	
    font-size: 18px;  	
    transition: 0.2s ease;  	
    border-radius: 0px;  	
    user-select: none;   	
    float:right;  	
    max-height:100%;	
    height: 180px;  
    width:100%; 
    opacity:0.0;
}
.khorshod_slider_div_action:hover {
    opacity: 0.9;
  	width: 100%;
	border-radius: 0px;
    background-position:10% 50%;
	background-image: url("https://kakheaseman.ir/2020/3_file/1_icons/1_khordhid_jahan/h.svg");
    background-size: 85px 50% ;
    cursor: pointer;    
    background-repeat: no-repeat;    
    color:white;
}
.cl_1{
    font-size:14px;
    border-width: 1px ;
    opacity:0.7;
    transition:  0.3s ; 
    background-color:#00000000;
}
.cl_1:hover{
   font-size:15px;
   opacity:1;
   border-width: 2px ;
    background-color:#F1EFEF;
}
.cl_2{
    font-size:14px;
    border-width: 1px ;
    opacity:1.0;
    transition:  0.3s ; 
    background-color:#00000000;
}
.cl_2:hover{
   font-size:15px;
   opacity:0.9;
   border-width: 2px ;
   background-color:#F1EFEF;
}
.cl_input_1{
    font-size:14px;
    border-width: 1px ;
    opacity:0.7;
    transition:  0.3s ; 
    border-bottom: 1px solid black;
}
.cl_input_1:hover{
   font-size:15px;
   opacity:1;
   border-width: 2px ;
   border-bottom: 2px solid blue;
}
table, th, td {
  border: 1px solid black;
  border-collapse: collapse; 
 
}
.info{
    float: right;
    position: relative;
    cursor: pointer;
    font-size: 20px !important;
    border-radius: 5px; 
    padding: 0 5px; 
    margin: 0 0 5px 0;
    width: 10px;
    height: 10px;
    }
.closeicon{
    background-color: unset;
    position: relative;
    right: 85%; top: 5%;
    font-size: 11px;
    margin: 2px 1px 5px 2px;
    cursor: pointer;
    width: 10px ;
    height: 10px;
    }

.divinfo{
    height: 164px !important;
    width: 154px !important; 
    display: none; 
    border-radius: 5%; 
    left: auto; 
    right: auto; 
    background-color: #D9D9D9; 
    position: absolute; 
    z-index: 1; 
    font-size: 12px; 
    padding: 0 5px 5px 5px;
    margin-top: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#FFA1FC)";
    -moz-box-shadow: 0 0 5px -1px #FFA1FC inset;
    -webkit-box-shadow: 0 0 5px -1px #FFA1FC inset;
    box-shadow: 0 0 5px -1px #FFA1FC inset;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#FFA1FC);
}

.divinfo2{
    height: 130px;
    width: 144px ; 
    display: none; 
    border-radius: 5%; 
    background-color: #D9D9D9; 
    position: absolute; 
    z-index: 1; 
    font-size: 12px;
    bottom: 5px !important;
}

.pimg{
    width: 160px !important;
    height: 150px !important;
    border: 1px solid #C4C4C4;
}
.rot {
    display: inline-block !important;
    transform: rotate(-90deg) !important;
    font-size: 10px !important;
    font-weight: bolder !important;
}
.main_sidebar_layout{
    width:96%;
    max-width:400px;
    min-width:350px;
    background-color:#dcd0d0;
    position:fixed!important;
    z-index:1;
    overflow:auto;
    height:auto;  
    float:right;
    text-align:right;
    direction:rtl;
    max-height:100%;
    margin:0px;
    padding:0px;
}
.draw_layout_set_icon{
    height:40px;
    width:7%;
    padding:0px;
    margin:0px;
    max-width:40px;
    min-width:25px;
    background-repeat: no-repeat;
    background-image: url("http://kakheaseman.ir/2019/file/icon/a/ck.svg");  
    background-color:#00000000;
}
.draw_layout_set_icon:hover {
  background-color:#00000000;
  transform: rotate(2deg);
}
.div_draw_layout{
    height:auto;
    background:#00000000;
    width:100%;
    float:right;
    text-align:right;
    direction:rtl;
    max-height:100px;
}
.dr_3_____{ 
    background-image: url("https://irantour24.com/2019/file/icon/a/cn.svg");
    display:block;
    background-color:gray;
    color:white;
    border:1px solid #00000000;  
    position: relative;
    border-radius:1px;  
    transition: 1.8s ease;  	
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    background-size: 40px 40px;
}
.dr_3_____:hover{
    background-image: url("https://irantour24.com/2019/file/icon/a/cn_.svg");
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    background-size: 20px 20px;
    border-radius:18px; 
    border:5px solid red; 
}
.cl_menu_logo{
    transition: 1.8s ease;  
    background-size: 100px 100px; 
}
.cl_menu_logo:hover{
    background-size: 50px 50px;
}
.on_title_text{
    transition: 1.8s ease; 
    letter-spacing:8px; 
}
.on_title_text:hover{
  letter-spacing:0px;  
}
.dr_1{
    width: 80%;    
    background-color:#00000000;    
    background-position: right;    
    margin-right:3%;    
    margin-left:1%;    
    padding-right:13%;    
    padding-left:4%;    
    color: white;    
    border: none;    
    cursor: pointer;    
    border-radius: 4px;    
    background-repeat: no-repeat;    
    background-size: 40px 40px;    
    margin-top:5px;    
    direction:rtl;    
    text-align:right;   
    float:right;
    height:40px;
}
.dr_1:hover {
    padding-right:10%;
    padding-left:0%;
    display: block;
    border: none;
    outline:none;
   -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    transform: rotate(1deg);
}
.dr_1_img:hover {
}
.dr_2{
    background-image: url("http://kakheaseman.ir/2019/file/icon/a/ba.svg");
}
.dr_3{
    background-image: url("http://kakheaseman.ir/2019/file/icon/a/bb.svg");
}
.dr_4{
    background-image: url("http://kakheaseman.ir/2019/file/icon/a/bc.svg");
}
.dr_5{
    background-image: url("http://kakheaseman.ir/2019/file/icon/a/bd.svg");
}
.dr_6{ 
    margin-top:30px;
    background-image: url("http://kakheaseman.ir/2019/file/icon/a/be.svg");
}
.dr_7{
    background-image: url("http://kakheaseman.ir/2019/file/icon/a/bf.svg");
}
.dr_8{
    background-image: url("http://kakheaseman.ir/2019/file/icon/a/bg.svg");
}
.dr_9{
    background-image: url("http://kakheaseman.ir/2019/file/icon/a/bh.svg");
}
.dr_10{
    background-image: url("http://kakheaseman.ir/2019/file/icon/a/bi.svg");
}
.dr_2_{
    background-image: url("http://kakheaseman.ir/2019/file/icon/a/bj.svg");
}
.dr_3_{
    background-image: url("http://kakheaseman.ir/2019/file/icon/a/bk.svg");
}
.dr_4_{
    background-image: url("http://kakheaseman.ir/2019/file/icon/a/bl.svg");
}
.dr_5_{
    background-image: url("http://kakheaseman.ir/2019/file/icon/a/bm.svg");
}
.dr_6_{ 
    margin-top:40px;
    background-image: url("http://kakheaseman.ir/2019/file/icon/a/bn.svg");
}
.dr_7_{
    background-image: url("http://kakheaseman.ir/2019/file/icon/a/bo.svg");
}
.dr_8_{
    margin-top:40px;
    background-image: url("http://kakheaseman.ir/2019/file/icon/a/bc.svg");
}
.dfi_1{
    height:99%;
    min-height:200px;
    min-width:200px;
    padding:0px;
    margin:0px;
    width:100%;
    background:#00000000;
    background-repeat: no-repeat;
    float:right;
    direction:rtl;
    text-align:right;
    background-position: center center;
    overflow: hidden;
    background-size:     cover;     
    border-radius: 10px;
}
.dfi_2{
    height:200px;
    padding:0px;
    margin:130px 0px 0px 10%;
    width:200px;
    background:blue;
    float:left;
    direction:rtl;
    text-align:right;
    border-radius: 100px; 
    background-size: 200px 200px;
}
::-webkit-scrollbar {
    width: 3px;  height:3px;
}
::-webkit-scrollbar-track {
    background: red; 
    box-shadow: inset 0 0 50px pink; 
    width: 50px;  height:10px;
}
::-webkit-scrollbar-thumb {
    background: gold; 
}
::-webkit-scrollbar-thumb:hover {
    background: red; 
}


.item_bar_item{   
 padding:0px;
    margin:0px 5px 0px 0px;
    direction:inherit;
    float:none;
    text-align:inherit;
    font-family: es_font;
    height:25px;
    color:black;
    background:#00000000;
    font-size:15px;
    letter-spacing:0.5px; 
    transition:  0.3s ease;
     border-radius:0px;   
}
.li_item_bar{
    list-style:none;
    list-style:outside none none;
    line-height:20px;
    margin-right:10px;
    margin-top:5px;
    cursor:pointer;
    font-family:es_font;
    color:blue;
    float:right;
    direction:rtl;
    text-align:right;
}
.item_bar_item:hover {
    padding:0px 6% 0px 2%;
    letter-spacing:0px; 
    border-bottom:1px solid blue;
    margin:0px 5px 0px 1%;
}
.item_bar_select{   
    padding:0px;
    margin:0px 0px 0px 0px;
    direction:inherit;
    float:none;
    text-align:inherit;
    font-family:es_font;
    height:25px;
    background:#00000000;
    color:blue;
    font-size:5px;
}
.item_bar{
    height:100%;
    max-width:87%;
    width:1100px;
    padding:0px;
    margin:0px;
    background:#00000000;
    float:right;
    text-align:right;
    direction:rtl;
}
.item_bar____________{
    height:100%;
    width:70%;
    padding:0px;
    margin:0px;
    background:green;
    float:right;
    text-align:right;
    direction:rtl;
}
.item_bar_item__________{   
    padding:0px;
    margin-right:20px;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    direction:inherit;
    float:none;
    text-align:inherit;
    font-family: es_font;
    height:25px;
    background:#00000000;
    font-size:17px;
}
.item_bar_select__________{   
    padding:0px;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-right:20px;
    direction:inherit;
    float:none;
    text-align:inherit;
    font-family: es_font;
    height:25px;
    background:#00000000;
    color:blue;
    font-size:18px;
}
.li_item_bar______________{
    list-style:none;
    list-style:outside none none;
    line-height:20px;
    margin-right:10px;
    margin-top:5px;
    cursor:pointer;
    font-family: es_font;
    color:blue;
    float:right;
    direction:rtl;
    text-align:right;
}