.bg-groundfloor{
    background: url(../images/groundfloor.jpg) no-repeat center center;
       width: 1550px;
    height: 800px;
}

.g1{

/*	    background-color: #ccc;*/
    width: 290px;
    float: left;
      margin-left: 190px;
      height: 270px;
    margin-top: 86px;
}





.g1 a{

    color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 3px;


}


.g1 a:hover{

	text-decoration: none;
	background-color: #df6213;
}



.g2 a,.g7 a,.g9 a,.g3 a,.g6 a,.g8 a,.g10 a,.g4 a,.g5 a{

    color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 3px;


}


.g2 a:hover,.g7 a:hover,.g9 a:hover,.g3 a:hover,.g6 a:hover,.g8 a:hover,.g10 a:hover,.g4 a:hover,.g5 a:hover{

	text-decoration: none;
	background-color: #df6213;
}

.g1 .rack3{


	       background-color: #f47322;
    width: 270px;
    margin-left: 19px;
    height: 27px;
    text-align: center;
    color: #fff;
}

.g1 .rack4{


	     background-color: #f47322;
    width: 90px;
    margin-left: -29px;
    transform: rotate(-90deg);
    height: 27px;
    text-align: center;
    margin-top: 45px;
    color: #fff;
}


.g1 .rack2 {
/*	    padding-top: 10px;*/
    background-color: #f47322;
    width: 181px;
    margin-left: 106px;
    height: 42px;
    margin-top: -30px;
    text-align: center;
    color: #fff;
}

.g1 .rack1 {
/*	    padding-top: 10px;*/
      background-color: #f47322;
    width: 181px;
    margin-left: 106px;
    height: 42px;
    margin-top: 34px;
    text-align: center;
    color: #fff;
}

.g2{     height: 270px;
	  vertical-align: middle;
        text-align: center;
/*	  background-color: #ccc;*/
/*    opacity: 0.6;*/
    width: 253px;
    float: left;
    margin-left: 20px;
    height: 218px;
    margin-top: 86px;
}

.g2 .rack2{


	          background-color: #f47322;
    width: 243px;
    margin-left: 5px;
    height: 27px;
    text-align: center;
    color: #fff;
}

.g2 .rack4{


    background-color: #f47322;
    width: 174px;
    margin-left: -69px;
    transform: rotate(-90deg);
    height: 27px;
    text-align: center;
    margin-top: 87px;
    color: #fff;
}


.g2 .rack3 {
        background-color: #f47322;
    width: 136px;
    margin-left: 99px;
    height: 22px;
    margin-top: -72px;
    text-align: center;
    color: #fff;
}

.g2 .rack_4 {
         background-color: #f47322;
    width: 136px;
    margin-left: 99px;
    height: 22px;
    margin-top: 2px;
    text-align: center;
    color: #fff;
}

.g2 .rack5 {
     background-color: #f47322;
    width: 97px;
    margin-left: 155px;
    height: 40px;
    margin-top: 2px;
    text-align: center;
    margin-top: 59px;
    color: #fff;

	  vertical-align: middle;
        text-align: center;
}


.g7{    height: 270px;
	  vertical-align: middle;
        text-align: center;
/*	  background-color: #ccc;*/
/*    opacity: 0.6;*/
    width: 253px;
    float: left;
    margin-left: 20px;
    height: 218px;
    margin-top: 86px;
}

.g7 .rack4{

	    background-color: #f47322;
    width: 90px;
    margin-left: -27px;
    transform: rotate(-57deg);
    height: 27px;
    text-align: center;
    margin-top: 40px;
    color: #fff;
}

.g7 .rack3{

	   background-color: #f47322;
    width: 90px;
    margin-left: -27px;
    transform: rotate(-123deg);
    height: 27px;
    text-align: center;
    margin-top: 70px;
    color: #fff;
}

.g7 .rack2{

	       background-color: #f47322;
    width: 135px;
    margin-left: 38px;
    transform: rotate(-90deg);
    height: 27px;
    text-align: center;
    float: left;
    margin-top: -106px;
    color: #fff;
}

.g7 .rack1{

	      background-color: #f47322;
    width: 180px;
    margin-left: 82px;
    transform: rotate(-90deg);
    height: 27px;
    text-align: center;
    float: left;
    margin-top: -83px;
    color: #fff;
}


.g9{
	     vertical-align: middle;
    text-align: center;
/*    background-color: #ccc;*/
    /* opacity: 0.6; */
    width: 450px;
    float: left;
    margin-left: -37px;
    height: 270px;
    margin-top: 86px;
}

.g9 .rack2{


	           background-color: #f47322;
    width: 267px;
    margin-left: 2px;
    height: 31px;
    text-align: center;
    color: #fff;
}


.g9 .rack1{

		background-color: #f47322;
    width: 137px;
    margin-left: -50px;
    transform: rotate(-90deg);
    height: 36px;
    text-align: center;
    margin-top: 82px;
    color: #fff;
}


.g9 .rack3 {
         background-color: #f47322;
    width: 177px;
    margin-left: 107px;
    height: 28px;
    margin-top: -83px;
    text-align: center;
    color: #fff;
}

.g9 .rack4 {
           background-color: #f47322;
    width: 177px;
    margin-left: 107px;
    height: 28px;
       margin-top: 2px;
    text-align: center;
    color: #fff;
}


.g9 .rack5 {
           background-color: #f47322;
    width: 177px;
    margin-left: 107px;
    height: 60px;
    padding-top: 18px;
    margin-top: 12px;
    text-align: center;
    color: #fff;
}

.g3{
	    vertical-align: middle;
    text-align: center;
/*    background-color: #ccc;*/
    /* opacity: 0.6; */
    width: 195px;
    float: left;
      margin-left: 453px;
    height: 218px;
    margin-top: 14px;
}

.g3 .rack3{

	background-color: #f47322;
    width: 132px;
    margin-left: -2px;
    transform: rotate(-90deg);
    height: 27px;
    text-align: center;
    margin-top: 64px;
    color: #fff;
}

.g3 .rack1{

	    background-color: #f47322;
    width: 132px;
    margin-left: 99px;
    transform: rotate(-90deg);
    height: 27px;
    text-align: center;
    margin-top: -27px;
    color: #fff;
}


.g3 .rack2 {
        background-color: #f47322;
    width: 119px;
    margin-left: 59px;
    height: 27px;
    margin-top: 70px;
    text-align: center;
    color: #fff;
}

.g4{
	    vertical-align: middle;
    text-align: center;
/*    background-color: #ccc;*/
    /* opacity: 0.6; */
       width: 145px;
    float: left;

    height: 192px;
    margin-top: 14px;
}

.g4 .rack1{

	  background-color: #f47322;
    width: 181px;
    margin-left: -74px;
    transform: rotate(-90deg);
    height: 31px;
    float: left;
    text-align: center;
    margin-top: 83px;
    color: #fff;
}

.g4 .rack2{

	   float: left;
    background-color: #f47322;
    width: 77px;
    margin-left: 33px;
    height: 39px;
    text-align: center;
    color: #fff;
    margin-top: -105px;
}

.g4 .rack3{

	    background-color: #f47322;
    width: 120px;
    margin-left: 67px;
    transform: rotate(-90deg);
    height: 33px;
    float: left;
    text-align: center;
    margin-top: -62px;
    color: #fff;
}

.g6{
	    vertical-align: middle;
    text-align: center;
/*    background-color: #ccc;*/
    /* opacity: 0.6; */
       width: 170px;
    float: left;

    height: 192px;
	    margin-left: 10px;
    margin-top: 14px;
}

.g6 .rack2{

	background-color: #f47322;
    width: 130px;
    margin-left: -33px;
    transform: rotate(-90deg);
    height: 65px;
    text-align: center;
    margin-top: 32px;
    color: #fff;
}

.g6 .rack1{

	  background-color: #f47322;
    width: 173px;
    margin-left: 40px;
    transform: rotate(-90deg);
    height: 59px;
    text-align: center;
    margin-top: -28px;
    color: #fff;
}





.g8{
	  vertical-align: middle;
    text-align: center;
/*    background-color: #ccc;*/
    /* opacity: 0.6; */
    width: 370px;
    float: left;
 margin-left: 15px;
	    margin-right: 50px;
    height: 192px;
    margin-top: 14px;
}


.g8 .rack1{

	    background-color: #f47322;
    width: 176px;
    margin-left: -71px;
    transform: rotate(-90deg);
    height: 34px;
	    float: left;
    text-align: center;
    margin-top: 83px;
    color: #fff;
}
.g8 .rack2{

	    background-color: #f47322;
    width: 176px;
    margin-left: -107px;
    transform: rotate(-90deg);
    height: 42px;
    float: left;
    text-align: center;
    margin-top: 78px;
    color: #fff;
}

.g8 .rack3{

	       background-color: #f47322;
    width: 176px;
    margin-left: -100px;
    transform: rotate(-90deg);
    height: 41px;
    float: left;
    text-align: center;
    margin-top: 79px;
    color: #fff;
}

.g8 .rack4{

	    background-color: #f47322;
    width: 176px;
    margin-left: -64px;
    transform: rotate(-90deg);
    height: 24px;
    float: left;
    text-align: center;
    margin-top: 86px;
    color: #fff;
}

.g5{
    vertical-align: middle;
    text-align: center;
/*    background-color: #ccc;*/
/*     opacity: 0.6; */
    width: 223px;
    float: left;
    margin-left: 92px;
    margin-right: 40px;
    height: 192px;
    margin-top: 18px;
}


.g10{
       vertical-align: middle;
    text-align: center;
/*    background-color: #ccc;*/
/*     opacity: 0.6; */
    width: 285px;
    float: left;
    margin-left: -14px;
    margin-right: 40px;
    height: 192px;
    margin-top: 18px;
}


.g10 .rack1{
	float: left;
	    background-color: #f47322;
    width: 187px;
    margin-left: 2px;
    height: 39px;
    text-align: center;
    color: #fff;
}
.g10 .rack4{

	   background-color: #f47322;
     width: 50px;
    margin-left: 45px;
    height: 39px;
    text-align: center;
    color: #fff;
    float: left;
}

.g10 .rack2{
	    float: left;
    background-color: #f47322;
    width: 187px;
    margin-left: 2px;
    height: 39px;
    text-align: center;
    margin-top: 38px;
    color: #fff;
}

.g10 .rack3{
	    float: left;
    background-color: #f47322;
    width: 271px;
    margin-left: 11px;
    height: 39px;
    text-align: center;
    margin-top: 38px;
    color: #fff;
}

.g5 .track1{


}





.g5 .rack3_1{

	    background-color: #f47322;
    width: 56px;
    margin-left: 52px;
    transform: rotate(-25deg);
    height: 27px;
    text-align: center;
    margin-top: 6px;
    color: #fff;
}

.g5 .rack3_2{

	background-color: #f47322;
    width: 53px;
    margin-left: 5px;
    transform: rotate(-54deg);
    height: 27px;
    text-align: center;
    margin-top: 10px;
    color: #fff;
}

.g5 .rack2{

	       background-color: #f47322;
    width: 59px;
    margin-left: 18px;
    transform: rotate(-125deg);
    height: 27px;
    text-align: center;
    margin-top: 68px;
    color: #fff;
}

.g5 .rack1{

	       background-color: #f47322;
    width: 91px;
    margin-left: 164px;
    transform: rotate(-90deg);
    height: 24px;
    float: left;
    text-align: center;
    margin-top: -132px;
    color: #fff;
}



/*---------------------first-floor-------------------------*/

.bg-firstfloor{
    background: url(../images/firstfloor.jpg) no-repeat center center;
    width: 1550px;
    height: 800px;
}


.f2 a,.f3 a,.f6 a,.f1 a,.f5 a,.f1 a,.f5 a{

    color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 3px;


}


.f2{
    vertical-align: middle;
    text-align: center;
/*    background-color: #ccc;*/
    /* opacity: 0.6; */
    width: 109px;
    float: left;
   margin-left: 444px;
    height: 163px;
    margin-top: 87px;

}

.f3{
       vertical-align: middle;
    text-align: center;
/*    background-color: #ccc;*/
    /* opacity: 0.6; */
    width: 138px;
    float: left;
    margin-left: 13px;
    height: 163px;
    margin-top: 87px;
}

.f6{
      vertical-align: middle;
    text-align: center;
/*    background-color: #ccc;*/
    /* opacity: 0.6; */
    width: 283px;
    float: left;
    margin-left: 286px;
    height: 200px;
    margin-top: 87px;
}

.f1{
      vertical-align: middle;
    text-align: center;
/*    background-color: #ccc;*/
    /* opacity: 0.6; */
    width: 613px;
    float: left;
   margin-left: 350px;
    height: 248px;
    margin-top: 25px;
}


.f5{
       vertical-align: middle;
    text-align: center;
/*    background-color: #ccc;*/
    /* opacity: 0.6; */
    width: 284px;
    float: left;
    margin-left: 27px;
    height: 248px;
    margin-top: 25px;
}


.f2 .rack1{

	       background-color: #f47322;
    width: 88px;
    margin-left: 3px;
    height: 31px;
    text-align: center;
    color: #fff;
}

.f2 .rack2{

	   background-color: #f47322;
    width: 91px;
    margin-left: 43px;
    transform: rotate(-90deg);
    height: 33px;
    text-align: center;
    margin-top: 35px;
    color: #fff;
}


.f3 .rack1{

	  background-color: #f47322;
    width: 153px;
    margin-left: -51px;
    transform: rotate(-90deg);
    height: 29px;
    text-align: center;
    margin-top: 70px;
    color: #fff;
}

.f3 .rack2{
	    margin-top: -89px;
    margin-left: 26px;
    background-color: #f47322;
    width: 87px;
    margin-left: 42px;
    height: 27px;
    text-align: center;
    color: #fff;
}

.f3 .rack3{

	       background-color: #f47322;
    width: 94px;
    margin-left: 15px;
    height: 30px;
    margin-top: 2px;
    text-align: center;
    margin-top: 93px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
}


.f6 .rack3{

	    background-color: #f47322;
    width: 90px;
    margin-left: 56px;
    float: left;
    height: 48px;
    text-align: center;
    color: #fff;
}

.f6 .rack4{

	       background-color: #f47322;
    width: 47px;
    margin-left: 21px;
    float: left;
    height: 48px;
    text-align: center;
    color: #fff;
}

.f6 .rack5{

	    background-color: #f47322;
    width: 48px;
    margin-left: 21px;
    float: left;
    height: 48px;
    text-align: center;
    color: #fff;
    background-color: #f47322;
    width: 182px;
    margin-left: 165px;
    transform: rotate(-90deg);
    height: 45px;
    text-align: center;
    margin-top: 31px;
    color: #fff;
}

.f6 .rack2{

	    background-color: #f47322;
    width: 176px;
    margin-left: 4px;
    float: left;
    margin-top: -48px;
    height: 48px;
    text-align: center;
    color: #fff;
}

.f6 .rack1{

	  background-color: #f47322;
    width: 176px;
    margin-left: 4px;
    float: left;
    margin-top: 27px;
    height: 48px;
    text-align: center;
    color: #fff;
}

.f1 .rack1{


          margin-left: 26px;
    background-color: #f47322;
    width: 299px;
    margin-left: 59px;
    margin-top: 16px;
    float: left;
    height: 29px;
    text-align: center;
    color: #fff;
}

.f1 .rack6{


  margin-left: 26px;
    background-color: #f47322;
    width: 137px;
    margin-left: 110px;
    margin-top: 2px;
    float: left;
    height: 29px;
    text-align: center;
    color: #fff;
}

.f1 .rack2{


          margin-left: 26px;
    background-color: #f47322;
    width: 299px;
    margin-left: 59px;
        margin-top: 2px;
    float: left;
    height: 29px;
    text-align: center;
    color: #fff;
}

.f1 .rack7{


      margin-left: 26px;
    background-color: #f47322;
    width: 134px;
    margin-left: 113px;
    margin-top: 13px;
    float: left;
    height: 43px;
    text-align: center;
    color: #fff;
}



.f1 .rack3{


           margin-left: 26px;
    background-color: #f47322;
    width: 419px;
    margin-left: 7px;
    margin-top: 2px;
    float: left;
    height: 29px;
    text-align: center;
    color: #fff;
}


.f1 .rack2{


              margin-left: 26px;
    background-color: #f47322;
    width: 300px;
    margin-left: 58px;
    margin-top: 2px;
    float: left;
    height: 29px;
    text-align: center;
    color: #fff;
}


.f1 .rack2{


              margin-left: 26px;
    background-color: #f47322;
    width: 300px;
    margin-left: 58px;
    margin-top: 2px;
    float: left;
    height: 29px;
    text-align: center;
    color: #fff;
}



.f1 .rack4{


           margin-left: 26px;
    background-color: #f47322;
    width: 419px;
    margin-left: 7px;
    margin-top: 2px;
    float: left;
    height: 29px;
    text-align: center;
    color: #fff;
}

.f1 .rack5{


   margin-left: 26px;
    background-color: #f47322;
    width: 419px;
    margin-left: 7px;
    margin-top: 38px;
    float: left;
    height: 44px;
    text-align: center;
    color: #fff;
}

.f1 .rack8{


    margin-left: 26px;
    background-color: #f47322;
    width: 96px;
    margin-left: 491px;
    margin-top: 184px;
    /* float: left; */
    height: 29px;
    text-align: center;
    color: #fff;
    transform: rotate(-90deg);
}

.f1 .rack9{


    margin-left: 26px;
    background-color: #f47322;
    width: 96px;
    margin-left: 549px;
    margin-top: -29px;
    /* float: left; */
    height: 29px;
    text-align: center;
    color: #fff;
    transform: rotate(-90deg);
}

.f5 .rack5{
	    background-color: #f47322;
    width: 178px;
    margin-left: 3px;
    float: left;
    height: 26px;
    text-align: center;
    color: #fff;

}

.f5 .rack6{
	       background-color: #f47322;
    width: 91px;
    margin-left: 223px;
    transform: rotate(-90deg);
    height: 33px;
    text-align: center;
    margin-top: 31px;
    color: #fff;

}

.f5 .rack4{
	    background-color: #f47322;
    width: 223px;
    margin-left: 3px;
    float: left;
    margin-top: 10px;
    height: 25px;
    text-align: center;
    color: #fff;

}

.f5 .rack3{
	    background-color: #f47322;
    width: 209px;
    margin-left: 28px;
    float: left;
    margin-top: 34px;
    height: 25px;
    text-align: center;
    color: #fff;

}

.f5 .rack2{

	    background-color: #f47322;
    width: 209px;
    margin-left: 28px;
    float: left;
    margin-top: 1px;
    height: 25px;
    text-align: center;
    color: #fff;
}


.f5 .rack1{

	    background-color: #f47322;
    width: 237px;
    margin-left: 25px;
    float: left;
    margin-top: 39px;
    height: 25px;
    text-align: center;
    color: #fff;
}



.f5 .rack1_1{

    background-color: #f47322;
    width: 115px;
    margin-left: -43px;
    float: left;
    margin-top: -70px;
    height: 25px;
    text-align: center;
    color: #fff;
    transform: rotate(-90deg);
}



.rack_table {
    width: 15%;
    float:left;
    margin:0.5%;
}


.rack_table span{
	text-align: center;
    font-weight: bold;
	padding: 0px;

}

.rack_table span a{
	width: 100%;
    height: 100%;
    display: block;
	color: #2c2c2c;
	padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eeeded;

}

.rack_table span a:hover{
	text-decoration: none;
    background-color: #f47322;

}

.rack_table span a.higlight{
	text-decoration: none;
    background-color: #70edb0;
}

.rack_table span a.active{
	text-decoration: none;
    background-color: #f47322;
	color: #fff;
}


.rackcontenttable{

	    margin-top: 20px;
}

md-dialog{
	
	min-width: 900px;
}