body { font-family:Arial,Helvetica,sans-serif; margin:0px; background-color:#fff; background-image:url(../Resources/landing-backgroun.jpg); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; height:100% } html { height:100% } #PageDiv { position:relative; min-height:100%; margin:auto } #plett-activities-transfers { max-width:100%; padding-top:0%; overflow:hidden } #oneWrapper1 { max-width:1200px; z-index:0; margin-left:auto; margin-top:0px; margin-right:auto } #one1 { z-index:0; padding:2% 10%; background-color:#fff } #oneWrapper6 { max-width:1200px; z-index:0; padding-bottom:30px; margin-left:auto; margin-top:0px; margin-right:auto } #one6 { z-index:0; padding:0% 5%; background-color:#fff } #fourWrapper3 { max-width:1000px; z-index:0; clear:both; padding-bottom:2%; margin-left:auto; margin-top:0px; margin-right:auto; background-color:#fff } #fourLeft3 { width:20.75%; z-index:0; float:left; padding:1.5% } #otter-trail-transport { max-width:99.93%; padding-bottom:10px; overflow:hidden } #fourMiddleLeft3 { width:20.75%; z-index:0; float:left; padding:1.5%; margin-left:1.6% } #beach-wedding { max-width:99.93%; padding-bottom:10px; overflow:hidden } #fourMiddleRight3 { width:20.75%; z-index:0; float:left; padding:1.5%; margin-left:1.6% } #wine-tours-garden-route { max-width:99.93%; padding-bottom:10px; overflow:hidden } #fourRight3 { width:20.75%; z-index:0; float:right; padding:1.5% } #matric-rage-transport { max-width:99.93%; padding-bottom:10px; overflow:hidden } #oneWrapper2 { max-width:1200px; z-index:0; padding-top:0px; margin-left:auto; margin-top:0px; margin-right:auto } #one2 { z-index:0; padding:5% 2% 2%; background-color:#fff } #oneWrapper3 { max-width:1200px; z-index:0; margin-left:auto; margin-top:0px; margin-right:auto } #one3 { z-index:0; padding:0% 5%; background-color:#fff } #fourWrapper4 { max-width:1000px; z-index:0; clear:both; margin-left:auto; margin-top:0px; margin-right:auto; background-color:#fff } #fourLeft4 { width:20.75%; z-index:0; float:left; padding:1.5% } #canopy12 { max-width:99.93%; padding-bottom:10px; overflow:hidden } #fourMiddleLeft4 { width:20.75%; z-index:0; float:left; padding:1.5%; margin-left:1.6% } #bungy { max-width:99.93%; padding-bottom:10px; overflow:hidden } #fourMiddleRight4 { width:20.75%; z-index:0; float:left; padding:1.5%; margin-left:1.6% } #teniqua { max-width:99.93%; padding-bottom:10px; overflow:hidden } #fourRight4 { width:20.75%; z-index:0; float:right; padding:1.5% } #africanyon { max-width:99.93%; padding-bottom:10px; overflow:hidden } #oneWrapper4 { max-width:1200px; z-index:0; margin-left:auto; margin-top:0px; margin-right:auto } #one4 { z-index:0; padding:0% 5%; background-color:#fff } #fourWrapper1 { max-width:1000px; z-index:0; clear:both; margin-left:auto; margin-top:0px; margin-right:auto; background-color:#fff } #fourLeft1 { width:20.75%; z-index:0; float:left; padding:1.5% } #monkeyland { max-width:99.93%; padding-bottom:10px; overflow:hidden } #fourMiddleLeft1 { width:20.75%; z-index:0; float:left; padding:1.5%; margin-left:1.6% } #birds-of-eden { max-width:99.93%; padding-bottom:10px; overflow:hidden } #fourMiddleRight1 { width:20.75%; z-index:0; float:left; padding:1.5%; margin-left:1.6% } #elephant-sanctuary { max-width:99.93%; padding-bottom:10px; overflow:hidden } #fourRight1 { width:20.75%; z-index:0; float:right; padding:1.5% } #snakes { max-width:99.93%; padding-bottom:10px; overflow:hidden } #oneWrapper5 { max-width:1200px; z-index:0; margin-left:auto; margin-top:0px; margin-right:auto } #one5 { z-index:0; padding:0% 5%; background-color:#fff } #fourWrapper2 { max-width:1000px; z-index:0; clear:both; margin-left:auto; margin-top:0px; margin-right:auto; background-color:#fff } #fourLeft2 { width:20.75%; z-index:0; float:left; padding:1.5% } #game { max-width:99.93%; padding-bottom:10px; overflow:hidden } #fourMiddleLeft2 { width:20.75%; z-index:0; float:left; padding:1.5%; margin-left:1.6% } #knysna-elephant-park { max-width:99.93%; padding-bottom:10px; overflow:hidden } #fourMiddleRight2 { width:20.75%; z-index:0; float:left; padding:1.5%; margin-left:1.6% } #robberg { max-width:99.93%; padding-bottom:10px; overflow:hidden } #fourRight2 { width:20.75%; z-index:0; float:right; padding:1.5% } #raptors { max-width:99.93%; padding-bottom:10px; overflow:hidden } #item1 { max-width:1200px; z-index:0; margin:0px auto 40px } #item2 { z-index:0; padding:2%; margin-left:auto; margin-right:auto; background-color:#fff } #otheractivties { max-width:100%; padding-top:0%; overflow:hidden } #m13 { height:auto; overflow:visible; position:relative } .fwNavContainer1 { float:right; position:relative; right:50% } #fwNav1 { position:relative; display:block; left:50%; padding:0; margin:0; list-style:none } #fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-right:1px solid #F1F1F2; border-top:0; border-bottom:0; border-left:0 } #fwNav1 .fwNavItem a { display:block; color:#D7DF23; text-decoration:none; background:#221F1F; padding:15px 35px 15px 35px; white-space:nowrap } #fwNav1 .fwFirstChild { border-left:0 } #fwNav1 .fwLastChild { border-right:0 } #fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#221F1F; text-decoration:none; background:#D7DF23 } #fwNav1-toggle, .fwNav1-toggle-label { display:none } .fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/hamburger-white.png'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto } #fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; font-weight:normal } @media screen and (max-width:920px) { #fourMiddleRight3 { width:21% } #fourMiddleRight4 { width:21% } #fourMiddleRight1 { width:21% } #fourMiddleRight2 { width:21% } } @media screen and (max-width:720px) { #fourLeft3 { width:45.3% } #fourMiddleLeft3 { width:45.3%; float:right; margin-left:0px } #fourMiddleRight3 { width:45.3%; margin-left:0px; margin-top:20px } #fourRight3 { width:45.3%; clear:right; margin-top:20px } #fourLeft4 { width:45.3% } #fourMiddleLeft4 { width:45.3%; float:right; margin-left:0px } #fourMiddleRight4 { width:45.3%; margin-left:0px; margin-top:20px } #fourRight4 { width:45.3%; clear:right; margin-top:20px } #fourLeft1 { width:45.3% } #fourMiddleLeft1 { width:45.3%; float:right; margin-left:0px } #fourMiddleRight1 { width:45.3%; margin-left:0px; margin-top:20px } #fourRight1 { width:45.3%; clear:right; margin-top:20px } #fourLeft2 { width:45.3% } #fourMiddleLeft2 { width:45.3%; float:right; margin-left:0px } #fourMiddleRight2 { width:45.3%; margin-left:0px; margin-top:20px } #fourRight2 { width:45.3%; clear:right; margin-top:20px } .fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#221F1F; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out bottom; -moz-transition:.2s ease-out margin, .2s ease-out bottom; -ms-transition:.2s ease-out margin, .2s ease-out bottom; -o-transition:.2s ease-out margin, .2s ease-out bottom; transition:.2s ease-out margin, .2s ease-out bottom } #fwNav1 { width:100%; right:0; left:0; margin-top:0px } #fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-bottom:1px solid #F1F1F2; border-right:0; border-top:0; border-left:0 } #fwNav1 .fwNavItem a { padding-top:14px; padding-bottom:14px; padding-left:14px; padding-right:14px } #fwNav1 .fwFirstChild { border-top:0 } #fwNav1 .fwLastChild { border-bottom:0 } .fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none } .fwNav1-toggle-close { background-image:url('../Resources/x-white.png'); margin:20px auto 20px auto } .fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 } } @media screen and (max-width:570px) { #one1 { padding:4% } #one6 { padding:4% } #fourLeft3 { width:auto; float:none; padding:4% } #fourMiddleLeft3 { width:auto; float:none; padding:4%; margin-top:20px } #fourMiddleRight3 { width:auto; float:none; padding:4% } #fourRight3 { width:auto; float:none; padding:4% } #one2 { padding:4% } #one3 { padding:4% } #fourLeft4 { width:auto; float:none; padding:4% } #fourMiddleLeft4 { width:auto; float:none; padding:4%; margin-top:20px } #fourMiddleRight4 { width:auto; float:none; padding:4% } #fourRight4 { width:auto; float:none; padding:4% } #one4 { padding:4% } #fourLeft1 { width:auto; float:none; padding:4% } #fourMiddleLeft1 { width:auto; float:none; padding:4%; margin-top:20px } #fourMiddleRight1 { width:auto; float:none; padding:4% } #fourRight1 { width:auto; float:none; padding:4% } #one5 { padding:4% } #fourLeft2 { width:auto; float:none; padding:4% } #fourMiddleLeft2 { width:auto; float:none; padding:4%; margin-top:20px } #fourMiddleRight2 { width:auto; float:none; padding:4% } #fourRight2 { width:auto; float:none; padding:4% } #item2 { padding:4% } }