.box{width:12%;height:0;padding-bottom: 12%;margin:0 0 0.5% 0.5%;float:left;background: #fff;color:#333;-webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;-ms-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.sprite{background: url('../images/SPRITE.png'); display:inline-block;background-repeat: no-repeat;background-size: 1000% auto;-webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;-ms-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.adventure{width: 100%; height: 20px;color:#333; display: inline-block; font-size: 14px; font-weight: 200; font-family: Roboto; text-transform: uppercase; padding-left: 0; padding-right: 0; line-height: 14px; text-align: center; margin-top: 0;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-ms-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;}

.Airplane_Flying{background-position: 0% -0.1%; width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Ballooning{background-position:11.1% -0.1%;;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Base_Jumping{background-position:22.2% -0.1%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Birding{background-position:33.3% 0%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Bouldering{background-position:44.4% 0%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Camel_Safaris{background-position:55.5% 0%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Camping{background-position:66.6% 0%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;} 
.Canoeing{background-position:77.7% 0%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Caving{background-position:88.9% 0%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Canoying{background-position:100% 0%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Cycling{background-position:0% 11.1%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Deep_Sea_Fishing{background-position:11.1% 11.1%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Elephant_Safari{background-position:22.2% 11.1%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Fishing{background-position:33.3% 11.1%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Forests_Treks{background-position:44.4% 11.1%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Free_Dive {background-position:55.5% 11.1%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Helli_Sking{background-position:66.6% 11.1%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Horse_Riding{background-position:77.7% 11.1%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Horse_Safaris{background-position:88.9% 11.1%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Jeep_Safari{background-position:100% 11.1%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Jet_Sking{background-position:0% 22.2%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Jungle_Safaris{background-position:11.1% 22.2%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Kayaking{background-position:22.2% 22.2%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Mountain_Flights{background-position:33.3% 22.2%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Motor_Biking{background-position:44.4% 22.2%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Mountain_Biking{background-position:55.5% 22.2%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Paragliding{background-position:66.6% 22.2%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Rappelling{background-position:77.8% 22.2%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.River_Rafting{background-position:88.9% 22.2%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Scuba_Diving{background-position:100% 22.2%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Sky_Diving{background-position:0% 33.3%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Skiing{background-position:11.1% 33.3%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Snorkelling{background-position:22.2% 33.3%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Snow_Boarding{background-position:33.3% 33.3%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Speedboat_Trips{background-position:44.4% 33.3%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.StandUpPaddle_Boarding{background-position:55.5% 33.3%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.SurfingBody_Boarding{background-position:66.6% 33.3%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Underwater_Photography{background-position:77.7% 33.3%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Ultralights{background-position:88.9% 33.3%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Wake_Boarding{background-position:100% 33.3%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}
.Yachting{background-position:0% 44.4%;width: 55%; height: 0; padding-bottom:55%;margin-top: 3%;}


.box:hover{float:left;cursor:pointer;}
.box:hover .adventure{color:white;display:none;}
.box:hover .sprite{background: url('../images/SPRITE_HOVER.png'); display:inline-block;background-repeat: no-repeat;background-size: 1000% auto;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-ms-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;} 
.box:hover .Airplane_Flying{background-position: 0% -0.1%; width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Ballooning{background-position:11.1% -0.1%;;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Base_Jumping{background-position:22.2% -0.1%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Birding{background-position:33.3% 0%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Bouldering{background-position:44.4% 0%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Camel_Safaris{background-position:55.5% 0%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Camping{background-position:66.6% 0%;width: 80%; height: 0; padding-bottom:80%;} 
.box:hover .Canoeing{background-position:77.7% 0%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Caving{background-position:88.9% 0%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Canoying{background-position:100% 0%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Cycling{background-position:0% 11.1%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Deep_Sea_Fishing{background-position:11.1% 11.1%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Elephant_Safari{background-position:22.2% 11.1%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Fishing{background-position:33.3% 11.1%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Forests_Treks{background-position:44.4% 11.1%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Free_Dive {background-position:55.5% 11.1%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Helli_Sking{background-position:66.6% 11.1%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Horse_Riding{background-position:77.7% 11.1%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Horse_Safaris{background-position:88.9% 11.1%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Jeep_Safari{background-position:100% 11.1%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Jet_Sking{background-position:0% 22.2%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Jungle_Safaris{background-position:11.1% 22.2%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Kayaking{background-position:22.2% 22.2%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Mountain_Flights{background-position:33.3% 22.2%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Motor_Biking{background-position:44.4% 22.2%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Mountain_Biking{background-position:55.5% 22.2%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Paragliding{background-position:66.6% 22.2%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Rappelling{background-position:77.8% 22.2%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .River_Rafting{background-position:88.9% 22.2%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Scuba_Diving{background-position:100% 22.2%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Sky_Diving{background-position:0% 33.3%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Skiing{background-position:11.1% 33.3%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Snorkelling{background-position:22.2% 33.3%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Snow_Boarding{background-position:33.3% 33.3%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Speedboat_Trips{background-position:44.4% 33.3%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .StandUpPaddle_Boarding{background-position:55.5% 33.3%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .SurfingBody_Boarding{background-position:66.6% 33.3%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Underwater_Photography{background-position:77.7% 33.3%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Ultralights{background-position:88.9% 33.3%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Wake_Boarding{background-position:100% 33.3%;width: 80%; height: 0; padding-bottom:80%;}
.box:hover .Yachting{background-position:0% 44.4%;width: 80%; height: 0; padding-bottom:80%;}

@media only screen and (max-width:1199px){
    .box{width:16.165%;margin:0 0 0.5% 0.5%;padding-bottom: 16.165%;}
}


.airAdventures{background:#fff;}
.airAdventures:hover{background: #f49712;}
.hLineAir{width: 40%;height: 0%;padding-bottom: 2%;background: #f49712;margin:auto;margin-top: 5%;}
.landAdventures{}
.landAdventures:hover{background: #9ab512;}
.hLineLand{width: 40%;height: 0%;padding-bottom: 2%;background: #9ab512;margin:auto;margin-top: 5%;}
.waterAdventures{}
.waterAdventures:hover{background: #378C99;}
.hLineWater{width: 40%;height: 0%;padding-bottom: 2%;background: #378c99;margin:auto;margin-top: 5%;}
.boxBorder{border: 1px solid #f0f0f0;}