@import url('font.css');

body {
	background-color: black;
	padding: 0;
	margin: 0;
	font-family: IRANSans !important;
	direction:rtl
}

p, p a, p a:hover {
    color: white;
    background-color: gray;
}


.Pool {
  position: relative;
  top: 0;
  right: 0;
}
.PoolImage {
	position: relative;
	width: 100%;
	height: auto;
}
.PoolTitleImage {
	position: absolute;
	width: 40%;
	height: auto;
	top: 2%;
	right: 0;
	opacity: 0.8 !important;
}
.PoolPart1Image {
	position: absolute;
	width: 15%;
	height: auto;
	opacity: 0.8;
	bottom: 5%;
	right: 2%;
}
.PoolPart2Image
{
  position: absolute;
  width: 15%;
  height: auto;
  opacity: 0.8;
  bottom: 11%;
  right: 10.5%;
}
.PoolPart3Image
{
  position: absolute;
  width: 15%;
  height: auto;
  opacity: 0.8;
  bottom: 5%;
  right: 16%;
}
.PoolPart4Image
{
  position: absolute;
  width: 13%;
  height: auto;
  opacity: 0.8;
  bottom: 6%;
  right: 25%;
}
.PoolInfoImage {
	position: absolute;
	width: 35%;
	height: auto;
	opacity: 0.8;
	bottom: 52% ;
	right: 2.5%;
	z-index: 5;
}
.PoolInfoText {
	position: absolute;
	top: 39.5%;
	right: 6%;
	color: white;
	font-size: 2.5vw;
	width: 50%;
	text-align: justify;
	text-justify: inter-word;
	font-family: 'BYekan';
	z-index: 6;
}

.PoolInfoImage1 {
	position: absolute;
	width: 40%;
	height: auto;
	opacity: 0.8;
	bottom: 35%;
	right: 1%;
}
.PoolInfoText2 {
	position: absolute;
	top: 47.2%;
	right: 4%;
	color: black;
	font-size: 3vw;
	width: 35%;
	text-align: justify;
	text-justify: inter-word;
	font-family: 'Mj_VanillaUltraLight';
	z-index: 7;
}
.btnMoreInfo {
    border-radius: 25px;
    background-color: black;
    color: white;
    border: none;
    position: absolute;
    opacity: 0.8;
    left: 2%;
    bottom: 5%;
}
    .btnMoreInfo:hover {
        background-color: white;
        color: black;
    }    
.Kids {
    position: relative;
    top: 0;
    right: 0;
}
.KidsImage {
  position: relative;
    width: 100%;
    height: auto;
}
.KidsTitleImage
{
  position: absolute;
  width: 40%;
  height: auto;
  opacity: 0.8;
  top: 2%;
  right: 0;
}
.KidsPart1Image
{
  position: absolute;
  width: 15%;
  height: auto;
  opacity: 0.8;
  bottom: 5%;
  right: 2%;
}
.KidsPart2Image
{
  position: absolute;
  width: 15%;
  height: auto;
  opacity: 0.8;
  bottom: 11%;
  right: 10.5%;
}
.KidsPart3Image
{
  position: absolute;
  width: 15%;
  height: auto;
  opacity: 0.8;
  bottom: 5%;
  right: 16%;
}
.KidsPart4Image
{
  position: absolute;
  width: 18%;
  height: auto;
  opacity: 0.8;
  bottom: 6%;
  right: 25%;
}
.KidsInfoImage {
    position: absolute;
    width: 40%;
    height: auto;
    opacity: 0.8;
    bottom: 35%;
    right: 0%;
}
.PoolInfoText4 {
	position: absolute;
	top: 47.2%;
	right: 4%;
	color: black;
	font-size: 2.2vw;
	width: 36%;
	text-align: justify;
	text-justify: inter-word;
	font-family: 'Mj_VanillaUltraLight';
	z-index: 9;
}
	.Academy {
  position: relative;
  top: 0;
  right: 0;
}
.AcademyImage {
  position: relative;
    width: 100%;
    height: auto;
}
.AcademyTitleImage
{
  position: absolute;
  width: 40%;
  height: auto;
  opacity: 0.8;
  top: 2%;
  right: 0;
}
.AcademyPart1Image
{
  position: absolute;
  width: 15%;
  height: auto;
  opacity: 0.8;
  bottom: 5%;
  right: 2%;
}
.AcademyPart2Image
{
  position: absolute;
  width: 15%;
  height: auto;
  opacity: 0.8;
  bottom: 11%;
  right: 10.5%;
}
.AcademyPart3Image
{
  position: absolute;
  width: 15%;
  height: auto;
  opacity: 0.8;
  bottom: 5%;
  right: 16%;
}
.AcademyPart4Image
{
  position: absolute;
  width: 13%;
  height: auto;
  opacity: 0.8;
  bottom: 6%;
  right: 25%;
}
.AcademyInfoImage {
    position: absolute;
    width: 40%;
    height: auto;
    opacity: 0.8;
    bottom: 35%;
    right: 0%;
}
.PoolInfoText3 {
	position: absolute;
	top: 47.2%;
	right: 4%;
	color: black;
	font-size: 2.4vw;
	width: 35%;
	text-align: justify;
	text-justify: inter-word;
	font-family: 'Mj_VanillaUltraLight';
	z-index: 8;
}
.OutPool {
  position: relative;
  top: 0;
  right: 0;
}
.OutPoolImage {
  position: relative;
    width: 100%;
    height: auto;
}
.OutPoolTitleImage
{
  position: absolute;
  width: 40%;
  height: auto;
  opacity: 0.8;
  top: 2%;
  right: 0;
}
.OutPoolPart1Image
{
  position: absolute;
  width: 15%;
  height: auto;
  opacity: 0.8;
  bottom: 5%;
  right: 2%;
}
.OutPoolPart2Image
{
  position: absolute;
  width: 15%;
  height: auto;
  opacity: 0.8;
  bottom: 11%;
  right: 10.5%;
}
.OutPoolPart3Image
{
  position: absolute;
  width: 15%;
  height: auto;
  opacity: 0.8;
  bottom: 5%;
  right: 16%;
}
.OutPoolPart4Image
{
  position: absolute;
  width: 13%;
  height: auto;
  opacity: 0.8;
  bottom: 6%;
  right: 25%;
}
.OutPoolInfoImage
{
  position: absolute;
  width: 40%;
  height: auto;
  opacity: 0.8;
  bottom: 35%;
  right: 0%;
}



.IndoorTitle
{
  background-image: url('../images/Pic/Pool/Indoor_Title.png');
  width: 800px;
  height: 259px;
  position: absolute;
  top: 20px;
  right: 0px;
  opacity: 0.8;
}

.IndoorPart1
{
  background-image: url('../images/Pic/Pool/Indoor_Part1.png');
  width: 300px;
  height: 240px;
  position: absolute;
  bottom: 80px;
  right: 5px;
  opacity: 0.8;
}

.IndoorPart2
{
  background-image: url('../images/Pic/Pool/Indoor_Part2.png');
  width: 300px;
  height: 170px;
  position: absolute;
  bottom: 140px;
  right: 175px;
  opacity: 0.8;
}

.IndoorPart3
{
  background-image: url('../images/Pic/Pool/Indoor_Part3.png');
  width: 260px;
  height: 150px;
  position: absolute;
  bottom: 100px;
  right: 295px;
  opacity: 0.8;
}

.IndoorPart4
{
  background-image: url('../images/Pic/Pool/Indoor_Part4.png');
  width: 208px;
  height: 190px;
  position: absolute;
  bottom: 100px;
  right:465px;
  opacity: 0.8;
}

.IndoorInfo
{
  background-image: url('../images/Pic/Pool/Indoor_info.png');
  width: 772px;
  height: 278px;
  position: absolute;
  bottom: 350px;
  right: 10px;
  opacity: 0.8;
}


.ArmaghanCard {
display: table;
  width: auto;
  min-height: 100%;
  height: 100vh;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  background-image: url('../images/Pic/Pool/ArmaghanCard.jpg');
  background-repeat: no-repeat;
  background-size: auto;
  position: relative;
}