/* MAIN TATEV Pointners */
#SrbPPPoint{
    position: absolute;
    top: 55%;
    left: 70.1%;
    width: 12.2%;
    height: 11.3%;
    -moz-transform: rotate(-59deg); 
    -ms-transform: rotate(-59deg);
    -webkit-transform: rotate(-59deg);
    -o-transform: rotate(-59deg); 
    transform: rotate(-59deg);
    border-radius: 0px 0px 0px 0px;
    z-index: 6;
    display: block; 
    background-image: url("../img/Tatev/ChurchSaintPoghosPetrosFON.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
}
#SrbPPPoint:hover{
    opacity: 1;
}
  
#TangaranPoint{
    position: absolute;
    width: 17.1%;
    height: 35%;
    top: 54.8%;
    left: 48%;
      -moz-transform: rotate(0deg); 
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg); 
    transform: rotate(0deg);
    border-radius: 0px 0px 0px 0px;
    z-index: 5;
    opacity: 0;
    display: block; 
    background-image: url("../img/Tatev/StableandStudentDormitoryFON.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#TangaranPoint:hover{
    opacity: 1;
}
  
#LivingCellsPoint{
    position: absolute;
    width: 33%;
    height: 5%;
    top: 20%;
    left: 41%;
      -moz-transform: rotate(-113deg); /* Для Firefox */
      -ms-transform: rotate(-113deg); /* Для IE */
      -webkit-transform: rotate(-113deg); /* Для Safari, Chrome, iOS */
      -o-transform: rotate(-113deg); /* Для Opera */
    transform: rotate(-113deg);
    border-radius: 0px 0px 0px 0px;
    z-index: 3;
    opacity: 0;
    display: block; 
    background-image: url("../img/Tatev/LivingCellsFON.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
  
#LivingCellsPoint:hover{
    opacity: 1;
}
  
#BathBuildingPoint{
    position: absolute;
    width: 3%;
    height: 9%;
    top: 27%;
    left: 75.8%;
      -moz-transform: rotate(0deg); 
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg); 
      transform: rotate(0deg);
    border-radius: 0px 0px 0px 0px;
    z-index: 2;
    opacity: 0;
    display: block; 
    background-image: url("../img/Tatev/BathBuildingFON.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#BathBuildingPoint:hover{
    opacity: 1;
}
  
#ChurchSaintAstvatsatsinPoint{
    position: absolute;
    width: 7%;
    height: 13%;
    top: 40.8%;
    left: 55%;
      -moz-transform: rotate(0deg); 
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg); 
      transform: rotate(0deg);
    border-radius: 0px 0px 0px 0px;
    z-index: 2;
    opacity: 0;
    display: block; 
    background-image: url("../img/Tatev/ChurchSaintAstvatsatsinFON.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#ChurchSaintAstvatsatsinPoint:hover{
    opacity: 1;
}
  
#DefensiveWallsPoint{
    position: absolute;
    width: 21%;
    height: 12%;
    top: 40.8%;
    left: 64%;
      -moz-transform: rotate(7deg); 
      -ms-transform: rotate(7deg);
      -webkit-transform: rotate(7deg);
      -o-transform: rotate(7deg); 
      transform: rotate(7deg);
    border-radius: 0px 0px 0px 0px;
    z-index: 3;
    opacity: 0;
    display: block; 
    background-image: url("../img/Tatev/DefensiveWallsFON.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#DefensiveWallsPoint:hover{
    opacity: 1;
}
  
#CrossStonesExibitionAreaPoint{
    position: absolute;
    width: 22%;
    height: 20%;
    top: 20.5%;
    left: 56%;
      -moz-transform: rotate(248deg); 
      -ms-transform: rotate(248deg);
      -webkit-transform: rotate(248deg);
      -o-transform: rotate(248deg); 
      transform: rotate(248deg);
    border-radius: 100px 0px 0px 0px;
    z-index: 2;
    opacity: 0;
    display: block; 
    background-image: url("../img/Tatev/CrossStonesExibitionAreaFON.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#CrossStonesExibitionAreaPoint:hover{
    opacity: 1;
}
  
#PublicBathroomPoint{
    position: absolute;
    width: 9%;
    height: 9%;
    top: 19.6%;
    left: 69.1%;
      -moz-transform: rotate(-23deg); 
      -ms-transform: rotate(-23deg);
      -webkit-transform: rotate(-23deg);
      -o-transform: rotate(-23deg); 
      transform: rotate(-23deg);
    z-index: 3;
    opacity: 0;
    display: block; 
    background-image: url("../img/Tatev/PublicBathroomFON.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#PublicBathroomPoint:hover{
    opacity: 1;
}
  
#StructuresSouthoftheEntrancePoint{
    position: absolute;
    width: 10%;
    height: 13%;
    top: 44.9%;
    left: 59%;
      -moz-transform: rotate(-60deg); 
      -ms-transform: rotate(-60deg);
      -webkit-transform: rotate(-60deg);
      -o-transform: rotate(-60deg); 
      transform: rotate(-60deg);
    border-radius: 0px 0px 0px 0px;
    z-index: 6;
    display: block;
    background-image: url("../img/Tatev/StructuresSouthoftheEntranceFON.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
}
#StructuresSouthoftheEntrancePoint:hover{
    opacity: 1;
}
  
#DungeonIsolatorPoint{
    position: absolute;
    width: 7.7%;
    height: 8%;
    top: 51.8%;
    left: 81.8%;
      -moz-transform: rotate(26deg); 
      -ms-transform: rotate(26deg);
      -webkit-transform: rotate(26deg);
      -o-transform: rotate(26deg); 
      transform: rotate(26deg);
    z-index: 2;
    opacity: 0;
    display: block; 
    background-image: url("../img/Tatev/DungeonIsolatorFON.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#DungeonIsolatorPoint:hover{
    opacity: 1;
}
  
#MainEntrancePoint{
    position: absolute;
    width: 10%;
    height: 10%;
    top: 48.6%;
    left: 50.8%;
      -moz-transform: rotate(18deg); 
      -ms-transform: rotate(18deg);
      -webkit-transform: rotate(18deg);
      -o-transform: rotate(18deg); 
      transform: rotate(18deg);
    z-index: 5;
    opacity: 0;
    display: block; 
    background-image: url("../img/Tatev/MainEntranceSpringFon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#MainEntrancePoint:hover{
    opacity: 1;
}
  
#GavazanColumnPoint{
    position: absolute;
    width: 8%;
    height: 8%;
    top: 70.3%;
    left: 81.7%;
    z-index: 50;
    opacity: 0;
    -moz-transform: rotate(-45deg); 
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg); 
    transform: rotate(-45deg);
    display: block; 
    background-image: url("../img/Tatev/GavazanColumnFON.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#GavazanColumnPoint:hover{
    opacity: 1;
}
  
#ChurchStGregoryPoint{
    position: absolute;
    top: 58.8%;
    left: 77.9%;
    width: 7%;
    height: 5.5%;
    -moz-transform: rotate(-60deg); 
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    -o-transform: rotate(-60deg); 
    transform: rotate(-60deg);
    border-radius: 0px 0px 0px 0px;
    z-index: 4;
    display: block; 
    background-image: url("../img/Tatev/ChurchSaintGrigorFON.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
}
#ChurchStGregoryPoint:hover{
    opacity: 1;
}
  
#BellTowerPoint{
    position: absolute;
    top: 66.8%;
    left: 70.4%;
    width: 4%;
    height: 6%;
    -moz-transform: rotate(-60deg); 
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    -o-transform: rotate(-60deg); 
    transform: rotate(-60deg);
    border-radius: 0px 0px 0px 0px;
    z-index: 5;
    display: block; 
    background-image: url("../img/Tatev/BellTowerFON.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
}
#BellTowerPoint:hover{
    opacity: 1;
}
  
#GavitHallPoint{
    position: absolute;
    top: 64%;
    left: 70%;
    width: 12%;
    height: 10%;
    -moz-transform: rotate(-58deg); 
    -ms-transform: rotate(-58deg);
    -webkit-transform: rotate(-58deg);
    -o-transform: rotate(-58deg); 
    transform: rotate(-58deg);
    border-radius: 0px 0px 0px 0px;
    z-index: 4;
    display: block; 
    background-image: url("../img/Tatev/GavitFON.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
}
#GavitHallPoint:hover{
    opacity: 1;
}
  
#SEBuildingPoint{
    position: absolute ;
    top: 56%;
    left: 64.5%;
    width: 28%;
    height: 34%;
    z-index: 1;
    display: block; 
    background-image: url("../img/Tatev/SEBuildingFocus.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
}
#SEBuildingPoint:hover{
    opacity: 1;
}
    
#MaskaOne::after{
    content: "";
    position: absolute;
    top: 60%;
    left: 62%;
    width: 24.5%;
    height: 15.5%;
    -moz-transform: rotate(29deg); 
    -ms-transform: rotate(29deg);
    -webkit-transform: rotate(29deg);
    -o-transform: rotate(29deg); 
    transform: rotate(29deg);
    border-radius: 137px 0px 143px 5px;
    z-index: 2;
    opacity: 0;
}
#MaskaOne::before{
    content: "";
    position: absolute;
    top: 61%;
    left: 59%;
    width: 20.5%;
    height: 15.5%;
    -moz-transform: rotate(90deg); 
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg); 
    transform: rotate(90deg);
    border-radius: 15px 130px 0px 99px;
    z-index: 2;
    opacity: 0;
}