/* CSS Document */
	*{	margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

.farsi{
    direction: rtl;
    text-align: right;}

h3{font-size:1.2em;}

.rtl{ direction: rtl; }
.ltr{ direction: ltr; }
.tac{ text-align: center; }
.tar{text-align: right; }
.tal{text-align: left; }
.vasat{margin-left: auto;margin-right: auto;}

.red{color:red;}
.orange{color:orange;}
.black{color:black;}
.whitw{color:white;}
.sefid{color:white;}
.myblue{color:cornflowerblue;}
.blue{color:blue;}
.bluec{color:cadetblue;}



.myzard{color:#f7ae00;}
.myfiroze{color:#008cba;}
.myblue{color:#0082fb;}
.mybanafsh{color:#f35dfc;}

.w90{width: 90%;}
.w70{width: 70%;}
.w50{width: 50%;}
.w40{width: 40%;}
.w20{width: 20%;}

.mydiv:hover{
    cursor: pointer; 
    box-shadow: 1px 2px 10px 1px #909090;
    border: 1.5px solid  #ABADAD;    
}  


	.c1download{
		direction: rtl;
		max-width: 720px;
		width: 90%;
		margin: auto;
		border: 2px solid #008CBA;
		border-radius: 5px;
	}
	.c1download h3{
	
		text-align: center;
		background-color: #008CBA;
		color: white;
		padding: 5px ;
	}
	
	.c1download p{
	padding: 10px 30px;
		text-align: justify;
	}
.btnbig {
    display: block;
    width: 90%;
	text-decoration: none;
	text-align: center;
    margin:10px auto;
    padding: 5px;
    font-weight: bolder;
    background-color: white;
    color: black;
    border: 2px solid #008CBA;
    border-radius: 5px;
	transition-duration: 0.5s;
}
.btnbig:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: #008CBA;
    color: white;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}




.myb1 .myhivalogo{
    width: 85%;
    margin: auto}

.myb1 .myhivalogo img{
    width: 100%;}




.mybanner1{
    width: 100%;
  
}

.mybanner1 .mybox{
    width: 95%;
    margin: 0 auto ;
}

.mybanner1 .mybox a{
    text-decoration: none;
    width: 30%;
    
}

.mybanner1 .mybox .mydiv{
    
    flex-basis: 30%;
    box-sizing: border-box;    
    margin: 30px 0 20px;   
    border: 1.5px solid  #DADDDF;
  border-radius: 10px 10px 5px 5px ; 
}

.mybanner1 .mybox .mydiv:hover{
    cursor: pointer; 
    box-shadow: 1px 2px 10px 1px #909090;
    border: 1.5px solid  #ABADAD;    
}    
    

.mybanner1 .mybox .mydiv img{
    width: 100%;
    border-radius: 8px 8px 0 0 ;
}
.mybanner1 .mybox .mydiv h2{
    text-align: center;
    font-size: 2em;
    padding: 20px 0 10px;
}

.myrow1{
   /*  width: 100%;
   text-align: center;
    display: flex;
    align-items: center;
    align-content: center;*/
}
.mydiv1{ 
    
        border:5px solid #DEE0E2; 
        padding: 0;
         border-radius: 10px 10px 0 0 ;
    margin-top:50px;
 /*   margin-left: 10px*/
        }


.mydiv1 img{ 
    border-radius: 8px 8px 0 0 ;   
    padding: 0;
        }



.mydiv1 h2{   
    text-align: center;
    padding:10px 0 ;
    color: #011D3A;
    }


#myfooter{
	color: #977E50;
	background-image:url("../images/bg_bottom50 copy.png"); 
	background-repeat: no-repeat;
	background-attachment: local;
	background-size: cover;
	background-position: center center;
	background-color: black;	
	position: sticky;
	bottom: 0;
    }

#myfooter h4{
	font-weight: bolder;
	font-size: 2em;
	margin-top: 30px;
}

#myfooter a{
	display: block;
	text-decoration: none;
	color: #977E50;
	cursor: pointer;
	font-weight: 50;
	font-size: 0.9em;
	margin-top:7px;
	
}
#myfooter a:hover{
	color: #FFFFFF;

}
#myfooter h6{
	/*border-top: 2px solid #977E50;*/
	padding-top: 50px;

}

#myfootermenu{}

#mycrhr{
	border: 2px solid #977E50;
	width: 70%;
	margin: 20px auto -30px;
}

/*-----------------------------*/
/*-----------------------------*/

.bd9{
    width: 100%;
    height: 450px;
    background-image: url("../images/Steinway_Vienna.JPG");
    background-attachment: fixed;
    background-size: cover;
    background-position: center left;
    background-repeat: no-repeat; 
}

/*-----------------------------*/
/*-----------------------------*/
/*-----------------------------*/
topnav {    
  overflow: hidden;
  background-color: #333;
  direction:rtl;
}

.topnav a {
  float: right;
  display: block;
  color: #008cba;
  text-align: center;
  padding: 5px 20px;
  margin-top: 20px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #008cba;
  color: whitesmoke;
 border-radius: 5px;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
  padding: 0px 10px 0px 40px;    
    position: relative;
    top: -10px
}

.topnav .icon {
  display: none;
}

/*-----------------------------*/
/*-----------------------------*/
/*-----------------------------*/
/*-----------------------------*/

@media (max-width:575.98px){
/*-----------------------------*/
/*-----------------------------*/
    
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: left;
    display: block;
      background-color: #DDDCD;
      color: black;
  }
    
    .testmobile{
    visibility: hidden;
    }
.testmobile2{  }    
.mybanner1{ }    

  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top:0px;
  }
    
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }    
/*-----------------------------*/
/*-----------------------------*/    
 		}


@media (min-width:576px){
    .mybanner1 .mybox{
    width: 75%;
    margin: 0 auto ;
    display: flex;  
    justify-content: space-between;
}
    
.mybanner1 .mybox .mydiv h2{
    font-size: 1.2em;
}    
    
.myb1 .myhivalogo{
    width: 800px;}  
  
}

      
@media (min-width:576px) and (max-width:991.98px){
	
}


@media (min-width:992px) {
	
}