*{
    margin: 0;
    padding: 0;
}
   
body{
   
    background-color: white;   
    width: 100vw;
    height: 50vw; 
    box-sizing: border-box;
    
}

   /***********************************************************************************/

.div_istinja
{
    float: right;
    right: 0.5vw;
    top: 0;
    width:19.5vw;
    height: 25vw;
   
 
}

.div_istinja:hover
{
    box-shadow: -0.5vw 0.5vw 0.5vw rgba(168, 23, 144, 0.692);
    background: linear-gradient(skyblue, rgb(168, 23, 144) ,rgb(78, 201, 78) );
    
}

.istinja_1
{
    position: absolute;
    top:3.3125vw;
    right:0.375vw;
    width:10vw;
    height:19.25vw;


}

.istinja_12
{
    position: absolute;
    top:3.3125vw;
    right:0.375vw;
    width:7.3125vw;
    height:19.25vw;

}
#istinja_21{

    position: absolute;
    top:6.625vw;
    right:5.5vw;
    width:4.125vw;
    height:14.625vw;
    transform: scale(0.8);
    cursor: pointer;
}

#istinja_21:hover{
    transform: scale(0.9);

}

/**************************************************************************/

.div_yadi
{
    float: right;
    right: 20.5vw;
    top: 0;
    width:19.5vw;
    height: 25vw;
    
    
}

.div_yadi:hover
{
    box-shadow: -0.5vw 0.5vw 0.5vw  rgb(230, 125, 6);
    background: linear-gradient(rgb(255, 136, 0, 0.3), rgb(216, 168, 10, 0.3))  ;
    
}

.yadi_1
{
    position: absolute;
    top:8.1562vw;
    right:21.5625vw;
    width:5.8125vw;
    height:15.8125vw;
    transform: scale(1);

}

#yadi_2
{
    position: absolute;
    top:11.5vw;
    right:25.3vw;
    width:3.125vw;
    height:5.6875vw;
    transform: scale(1);
    opacity:0;
    

}

#yadi_2{
    animation: yadi_2_ma 0.1s ease-in infinite;   
}

#yadi_3
{
    position: absolute;
    top:1.2375vw;
    right:28.125vw;
    width:9.5vw;
    height:22.1875vw;
    transform: scale(1);
    cursor: pointer;
}

@keyframes yadi_2_ma{
    0%{
        transform:translate(0);
    }

    25%{
        transform:translate(0px,0.25px );
    }
    50%{
        transform:translate(0px,0.75px );
    }

    100%{
        transform:translate(0px,1.2px );
    }
}


/********************************************/

.div_fami
{
    float: right;
    right: 40.5vw;
    top: 0;
    width:19.5vw;
    height: 25vw;
}

.div_fami:hover
{
    box-shadow: -0.5vw 0.5vw 0.5vw  rgb(212, 136, 36);
    
}

.fami_111{
     position: absolute;
    top:6.4375vw;
    right:41.90625vw;
    width:7.3125vw;
    height:15.8125vw;    
}

#FAMI_112{
    position:absolute;
    /****/
    right:47.875vw;
    /****/
    
    top:6.4375vw;
    width:7.375vw;
    height:15.75vw;
    cursor: pointer;
}

#fami_113_1{
    position:absolute;
    right:47.96875vw;
    top:14.3125vw;
    width:3.4375vw;
    height:2.1875vw;
    opacity:1;

}

#fami_113_2{
    position:absolute;
    right:45.65625vw;
    top:9.9625vw;
    width:3.5625vw;
    height:6.75vw;
    opacity:0;
}

#fami_113_3{
    position:absolute;
    right:47.875vw;
    top:13.5625vw;
    width:5.9375vw;
    height:3.4375vw;
    opacity:1;
}

#fami_114_1{
    position:absolute;
    right:46.8625vw;
    top:14.325vw;
    width:3.6375vw;
    height:1.45vw;
    opacity:0;

}

#fami_114_2{
    position:absolute;
    right:45.625vw;
    top:9.95625vw;
    width:3.5625vw;
    height:5.21875vw;
    opacity:0;

}

#fami_114_3{
    position:absolute;
    right:46.5625vw;
    top:13.6375vw;
    width:6.25vw;
    height:2.54375vw;
    opacity:0;

}

#fami_115_1{
    position:absolute;
    right:47.625vw;
    top:11.8125vw;
    width:3vw;
    height:2.78125vw;
    opacity:0;

}

#fami_115_2{
    position:absolute;
    right:45.65625vw;
    top:9.925vw;
    width:3.46875vw;
    height:12.25vw;
    opacity:0;

}

#fami_115_3{
    position:absolute;
    right:47.4375vw;
    top:11.5vw;
    width:5.0625vw;
    height:4.375vw;
    opacity:0;

}

#fami_116_3{
    position:absolute;
    right:48.8125vw;
    top:11.4375vw;
    width:4.1875vw;
    height:4vw;
    opacity:0;

}

#fami_113_2, #fami_114_2, #fami_115_2{
    animation: yadi_2_ma 0.1s ease-in infinite;   
}

/*************************************************/
.div_anfi
{
    float: right;
    right: 60.5vw;
    top: 0;
    width:19.5vw;
    height: 25vw;
}

.div_anfi:hover
{
    box-shadow: -0.5vw 0.5vw 0.5vw  rgba(110, 60, 68, 0.425);
    background: linear-gradient(to top, rgba(27, 81, 161, 0.562), rgba(82, 81, 78, 0.5))  ;
    
}


.anfi_11{
     position: absolute;
    top:6.4375vw;
    right:61.90625vw;
    width:7.3125vw;
    height:15.8125vw;    
    opacity:1;
}

#ANFI_12{
    position:absolute;
    /****/
    right:68.625vw;
    /****/
    
    top:7.0625vw;
    width:6.0625vw;
    height:15.5vw;
    cursor: pointer;
}

#anfi_13_1{
    position:absolute;
    right:67.96875vw;
    top:14.3125vw;
    width:3.4375vw;
    height:2.1875vw;
    opacity:1;

}

#anfi_13_2{
    position:absolute;
    right:65.65625vw;
    top:9.9625vw;
    width:3.5625vw;
    height:6.75vw;
    opacity:0;
}

#anfi_13_3{
    position:absolute;
    right:67.875vw;
    top:13.5625vw;
    width:5.9375vw;
    height:3.4375vw;
    opacity:1;
}


#anfi_14_1{
    position:absolute;
    right:66.8625vw;
    top:14.325vw;
    width:3.6375vw;
    height:1.45vw;
    opacity:0;

}

#anfi_14_2{
    position:absolute;
    right:65.625vw;
    top:9.95625vw;
    width:3.5625vw;
    height:5.21875vw;
    opacity:0;

}

#anfi_14_3{
    position:absolute;
    right:66.5625vw;
    top:13.6375vw;
    width:6.25vw;
    height:2.54375vw;
    opacity:0;

}

#anfi_15_1{
    position:absolute;
    right:67.625vw;
    top:11.8125vw;
    width:3vw;
    height:2.78125vw;
    opacity:0;

}

#anfi_15_2{
    position:absolute;
    right:65.65625vw;
    top:9.925vw;
    width:3.46875vw;
    height:12.25vw;
    opacity:0;

}

#anfi_15_3{
    position:absolute;
    right:67.4375vw;
    top:11.5vw;
    width:5.0625vw;
    height:4.375vw;
    opacity:0;

}

#anfi_16_3{
    position:absolute;
    right:67.5vw;
    top:7.8125vw;
    width:6.0625vw;
    height:14.815vw;
    opacity:0;
    cursor: pointer;

}

#anfi_13_2, #anfi_14_2, #anfi_15_2{
    animation: yadi_2_ma 0.1s ease-in infinite;   
}


/************************************************************************/

.div_wajhi
{
    float: right;
    right: 80.5vw;
    top: 0;
    width:19.5vw;
    height: 25vw;
}

.div_wajhi:hover
{
    box-shadow: -0.5vw 0.5vw 0.5vw  rgba(110, 60, 68, 0.425);
    background: linear-gradient(to top, rgba(27, 81, 161, 0.562), rgba(82, 81, 78, 0.5))  ;
    
}

.wajhi_11{
    position:absolute;
    right:82.40625vw;
    top:6.39375vw;
    width:5.69375vw;
    height:15.5625vw;
}

#WAJHI_12{
    position:absolute;
    right:90.9380625vw;
    top:8.0805625vw;
    width:6.2431875vw;
    height:14.2208125vw;
    opacity: 1;
    cursor: pointer;
}

#WAJHI_12_1{
    position:absolute;
    right:88.71875vw;
    top:2.6vw;
    width:7.7595625vw;
    height:7.502125vw;
    opacity:1;
     cursor: pointer;
}


#wajhi_13_1{
    position:absolute;
    right:88.09375vw;
    top:9.4075vw;
    width:3.19125vw;
    height:3.0965vw;
    opacity:1;
}

#wajhi_13_2{
    position:absolute;
    right:87.0425vw;
    top:9.8975vw;
    width:1.65125vw;
    height:3.3059375vw;
    opacity:0;
}

#wajhi_13_3{
    position:absolute;
    right:88.12625vw;
    top:8.62vw;
    width:6.31375vw;
    height:3.969vw;
    opacity:1;
}

#wajhi_14_1{
    position:absolute;
    right:87.2458125vw;
    top:9.89375vw;
    width:3.6386875vw;
    height:1.356625vw;
    opacity:0;
}

#wajhi_14_2{
    position:absolute;
    right:86.90825vw;
    top:9.8038125vw;
    width:2.0625vw;
    height:2.138625vw;
    opacity:0;
}

#wajhi_14_3{
    position:absolute;
    right:87.1168125vw;
    top:8.6473125vw;
    width:6.38875vw;
    height:3.006vw;
    opacity:0;
}

#wajhi_15_1{
    position:absolute;
    right:88.262875vw;
    top:8.989125vw;
    width:3.397125vw;
    height:2.277875vw;
    opacity:0;
}

#wajhi_15_2{
    position:absolute;
    right:88.366625vw;
    top:8.680625vw;
    width:1.8313125vw;
    height:2.2420625vw;
    opacity:0;
}

#wajhi_15_2_2{
    position:absolute;
    right:86.1985vw;
    top:9.81175vw;
    width:3.414vw;
    height:12.124875vw;
    opacity:0;
}

#wajhi_15_3{
    position:absolute;
    right:88.2219375vw;
    top:9.0233125vw;
    width:5.3514375vw;
    height:3.2583125vw;
    opacity:0;
}


#wajhi_16_3{
    position:absolute;
    right:87.3435625vw;
    top:2.8vw;
    width:9.4523125vw;
    height:19.22375vw;
    opacity:0;
     cursor: pointer;
}

#wajhi_13_2, #wajhi_14_2, #wajhi_15_2{
    animation: yadi_2_ma 0.1s ease-in infinite;   
}
/************************************************************************/
.div_mirfaqi
{
    float: right;
    right: 0.5vw;
    top: 0;
    width:19.5vw;
    height: 25vw;
}

.div_mirfaqi:hover
{
    box-shadow: -0.5vw 0.5vw 0.5vw  rgba(110, 60, 68, 0.425);
    background: linear-gradient(to top, rgba(27, 81, 161, 0.562), rgba(82, 81, 78, 0.5))  ;
    
}


.mirfaqi_11{
    position:absolute;
    right:1.6683vw;
    top:32.51675vw;
    width:5.7745625vw;
    height:15.76275vw;
}

#MIRFAQI_12{
    position:absolute;
    right:9.878875vw;
    top:27.8275vw;
    width:6.9126875vw;
    height:20.158vw;
    opacity: 1;
    cursor: pointer;
}

#mirfaqi_13_1{
    position:absolute;
    right:5.6475625vw;
    top:29.243875vw;
    width:8.74675vw;
    height:19.37075vw;
    opacity: 0;
    cursor: pointer;
}



#mirfaqi_13_2{
    position:absolute;
    right:5.2648125vw;
    top:36.046875vw;
    width:3.93125vw;
    height:5.002375vw;
    opacity: 0;
    cursor: pointer;
}

#mirfaqi_14_1{
    position:absolute;
    right:5.5610625vw;
    top:29.4418125vw;
    width:8.74675vw;
    height:18.63475vw;
    opacity:0;
    cursor: pointer;
}

#mirfaqi_14_2{
    position:absolute;
    right:5.2648125vw;
    top:36.046875vw;
    width:3.93125vw;
    height:4.7445625vw;
    opacity: 0;
    cursor: pointer;
}

#mirfaqi_14_3{
    position:absolute;
    right:5.2734375vw;
    top:36.046875vw;
    width:3.914vw;
    height:12.1246875vw;
    opacity: 0;
    cursor: pointer;
}

#mirfaqi_15_1{
    position:absolute;
    right:5.5610625vw;
    top:29.4418125vw;
    width:8.74675vw;
    height:18.63475vw;
    opacity:0;
    cursor: pointer;
}


#mirfaqi_13_2, #mirfaqi_14_2, #mirfaqi_14_3{
    animation: yadi_2_ma 0.1s ease-in infinite;   
}

/*** right:6.8975vw ***/

/************************************************************************/

.div_rassi
{
    float: right;
    right: 20.5vw;
    top: 0;
    width:19.5vw;
    height: 25vw;
}

.div_rassi:hover
{
    box-shadow: -0.5vw 0.5vw 0.5vw  rgba(110, 60, 68, 0.425);
    background: linear-gradient(to top, rgba(27, 81, 161, 0.562), rgba(82, 81, 78, 0.5))  ;
    
}

.rassi_1_1{
    position:absolute;
    right:21.2604375vw; 
    top:31.90255vw;
    width:5.7745625vw;
    height:15.76275vw;
    opacity:1;    

}

#rassi_1_2{
    position:absolute;
    right:29.285375vw; /*****  right:27.36825vw (3vw)*****/
    top:35.556625vw;
    width:3.630625vw;
    height:1.438vw;
    opacity:1;     
}

#rassi_1_3{
    position:absolute;
    right:24.849125vw; /*****  right:27.36825vw (3vw)*****/
    top:35.4335vw;
    width:3.465625vw;
    height:4.326875vw;
    opacity:0;     
}

#rassi_1_4{
    position:absolute;
    right:29.156625vw; 
    top:35.317125vw;
    width:6.2905vw;
    height:2.5174375vw;
    opacity:1; 
    
}

#rassi_1_5{
    position:absolute;
    right:30.3385vw;  /*****  right:27.36825vw (3vw)*****/
    top:28.539625vw;
    width:6.5293125vw;
    height:20.031vw;
    opacity:1; 
    cursor: pointer;    
}

#rassi_11_1{
    position:absolute;
    right:25.028875vw;  
    top:35.383625vw;
    width:3.465625vw;
    height:12.259vw;
    opacity:0; 
}

#rassi_11_2{
    position:absolute;
    right:27.436875vw;  
    top:28.539625vw;
    width:8.759125vw;
    height:20.031vw;
    opacity:0; 
    cursor: pointer;
}

#rassi_2_1{
    position:absolute;
    right:27.436875vw;  
    top:28.539625vw;
    width:8.8711875vw;
    height:20.0291875vw;
    opacity:0; 
    cursor: pointer;
}

#rassi_3_1{
    position:absolute;
    right:27.436875vw;  
    top:28.539625vw;
    width:9.16725vw;
    height:20.0291875vw;
    opacity:0; 
    cursor: pointer;
}

#rassi_4_1{
    position:absolute;
    right:27.436875vw;  
    top:28.539625vw;
    width:9.114vw;
    height:20.0291875vw;
    opacity:0; 
    cursor: pointer;
}

#rassi_5_1{
    position:absolute;
    right:27.436875vw;  
    top:28.539625vw;
    width:7.5730625vw;
    height:19.9711875vw;
    opacity:0; 
    cursor: pointer;
}

#rassi_6_1{
    position:absolute;
    right:27.436875vw;  
    top:28.539625vw;
    width:6.9256875vw;
    height:20.373125vw;
    opacity:0; 
    cursor: pointer;
}

#rassi_7_1{
    position:absolute;
    right:27.436875vw;  
    top:28.539625vw;
    width:6.9761875vw;
    height:19.9711875vw;
    opacity:0; 
    cursor: pointer;
}

#rassi_8_1{
    position:absolute;
    right:27.436875vw;  
    top:28.539625vw;
    width:6.6134375vw;
    height:20.009875vw;
    opacity:0; 
    cursor: pointer;
}

#rassi_1_3, #rassi_11_1{
    animation: yadi_2_ma 0.1s ease-in infinite;   
}

/*******************************************************************************/
.div_oudhouni
{
    float: right;
    right: 40.5vw;
    top: 0;
    width:19.5vw;
    height: 25vw;
}

.div_oudhouni:hover
{
    box-shadow: -0.5vw 0.5vw 0.5vw  rgba(110, 60, 68, 0.425);
    background: linear-gradient(to top, rgba(27, 81, 161, 0.562), rgba(82, 81, 78, 0.5))  ;
    
}

#oudhouni_1_1{
    position:absolute;
    right:41.3150625vw;  
    top:32.875vw;
    width:5.7745625vw;
    height:15.76275vw;
    opacity:1;  
}

#oudhouni_1_2{
    position:absolute;
    right:49.263vw;  
    top:37.0464375vw;
    width:3.5805vw;
    height:1.418125vw;
    opacity:1;  
}

#oudhouni_1_3{
    position:absolute;
    right:44.9163125vw;  
    top:36.3991875vw;
    width:3.4518125vw;
    height:4.9723125vw;
    opacity:0;  
}

#oudhouni_1_4{
    position:absolute;
    right:49.3323125vw;  
    top:28.1371875vw;
    width:7.99325vw;
    height:20.07825vw;
    opacity:1;  
    cursor: pointer;
}

#oudhouni_2_1{
    position:absolute;
    right:45.078vw;  
    top:36.4179375vw;
    width:3.465625vw;
    height:12.259vw;
    opacity:0;  
}

#oudhouni_2_2{
    position:absolute;
    right:46.034875vw;  
    top:28.1371875vw;
    width:9.4156875vw;
    height:20.07825vw;
    opacity:0;  
}

#oudhouni_3_1{
    position:absolute;
    right:46.034875vw;  
    top:28.0520625vw;
    width:9.1731875vw;
    height:20.163375vw;
    opacity:0;  
}

#oudhouni_4_1{
    position:absolute;
    right:45.3818125vw;  
    top:28.7501875vw;
    width:9.082375vw;
    height:19.5813125vw;
    opacity:0; 
    cursor: pointer; 
}

#oudhouni_1_3, #oudhouni_2_1{
    animation: yadi_2_ma 0.1s ease-in infinite;   
}


/************************************************************/

.div_qadami
{
    float: right;
    right: 60.5vw;
    top: 0;
    width:19.5vw;
    height: 25vw;
}

.div_qadami:hover
{
    box-shadow: -0.5vw 0.5vw 0.5vw  rgba(110, 60, 68, 0.425);
    background: linear-gradient(to top, rgba(27, 81, 161, 0.562), rgba(82, 81, 78, 0.5))  ;
    
}

#qadami_1_1{
    position:absolute;
    right:61.31525vw;  
    top:32.875vw;
    width:vw;
    height:15.76275vw;
    opacity:1;  
}

#qadami_1_2{
    position:absolute;
    right:69.8481875vw;  
    top:28.762625vw;
    width:8.4619375vw;
    height:19.7013125vw;
    opacity:1;
    cursor:pointer;  

}


#qadami_2_1{
    position:absolute;
    right:64.767625vw;  
    top:29.8791875vw;
    width:10.628875vw;
    height:18.5274375vw;
    opacity:0;
    

}

#qadami_3_1{
    position:absolute;
    right:64.8271875vw;  
    top:29.8701875vw;
    width:7.7364375vw;
    height:11.6961875vw;
    opacity:0;
    

}

#qadami_3_2{
    position:absolute;
    right:65.179375vw;  
    top:36.3476875vw;
    width:3.524vw;
    height:12.360125vw;
    opacity:0;
    

}

#qadami_3_3{
    position:absolute;
    right:66.6428125vw;  
    top:34.4791875vw;
    width:8.81325vw;
    height:13.9185vw;
    opacity:0;
    

}

#qadami_3_4{
    position:absolute;
    right:65.859625vw;  
    top:41.1895vw;
    width:2.42075vw;
    height:5.409375vw;
    opacity:0;
    
}

#qadami_4_1{
    position:absolute;
    right:64.8271875vw;  
    top:29.8185vw;
    width:10.628875vw;
    height:18.5274375vw;
    opacity:0;
    cursor:pointer;  
}

#qadami_4_2{
    position:absolute;
    right:65.174125vw;  
    top:36.4095625vw;
    width:3.561625vw;
    height:8.3115vw;
    opacity:0;
    
}


#qadami_3_2, #qadami_4_2{
    animation: yadi_2_ma 0.1s ease-in infinite;   
}
#qadami_3_4{
    animation: qadami_qadami 0.1s ease-in infinite;   
}



@keyframes qadami_qadami{
    0%{
        transform:translate(0);
    }

    25%{
        transform:translate(0px,0.35px ) scale(1.1);
    }
    50%{
        transform:translate(0px,0.85px ) scale(1.2);
    }

    100%{
        transform:translate(0px,1.3px ) scale(1.3);
    }
}

/************************************************************/
.div_doua
{
    float: right;
    right: 80.5vw;
    top: 0;
    width:19.5vw;
    height: 25vw;
}

.div_doua:hover
{
    box-shadow: -0.5vw 0.5vw 0.5vw  rgba(110, 60, 68, 0.425);
    background: linear-gradient(to top, rgba(27, 81, 161, 0.562), rgba(82, 81, 78, 0.5))  ;
    
}

#douaa{
    position:absolute;
    right:81vw;  
    top:26vw;
    width:15.8586875vw;
    height:20.9725625vw;
    opacity:1;
    cursor:pointer;  
}
/***********************************************************************************/

.pageSinan{
  position:absolute;
  top:42vw;
  right:92vw;
  width: 6vw;
}