@charset utf-8;
html, body {
 font-family: 'Open Sans', sans-serif;
 background-color:#ecf0f1;

}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

a {
text-decoration:none;
}

table {
border-spacing:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-weight:400;
font-style:normal;
}

strong {
font-weight:700;
}

ol,ul {
list-style:none;
margin:0;
padding:0;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
font-size:100%;
color:#444;
margin:0;
padding:0;
}

q:before,q:after {
content:'';
}

body.royal_loader {
background:none;
visibility:hidden;
}


*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a:hover,
a:focus {
	outline: none;
}




#royal_preloader {
visibility:visible;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:9999999999;
-webkit-transition:opacity .2s linear .8s;
-moz-transition:opacity .2s linear .8s;
-ms-transition:opacity .2s linear .8s;
-o-transition:opacity .2s linear .8s;
transition:opacity .2s linear .8s;
}

#royal_preloader.complete {
opacity:0;
}

#royal_preloader .background {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:#08a7cc;
-webkit-transition:background .5s linear;
-moz-transition:background .5s linear;
-ms-transition:background .5s linear;
-o-transition:background .5s linear;
transition:background .5s linear;
}


#royal_preloader.number .percentage {
color:#08a7cc;
font-weight:400;
text-align:center;
background:url(images/intro_logo.svg) top center no-repeat;
padding-top:60px;
width:200px;
position:absolute;
font-size:21px;
top:50%;
left:50%;
-webkit-transition:all .3s linear .5s;
-moz-transition:all .3s linear .5s;
-ms-transition:all .3s linear .5s;
-o-transition:all .3s linear .5s;
transition:all .3s linear .5s;
margin:-40px 0 0 -100px;
}





.no-transition {
-webkit-transition:none!important;
transition:none!important;
}



/*BUTTONS*/



.btn-reveal {
	overflow: hidden;
  position:relative;
  display:inline-block;
  outline: none;
  z-index:1;
  font-weight:300;
  font-size:24px;

}

.btn-reveal.shadow_big {
  -webkit-box-shadow: 0px 0px 0px 20px rgba(0,0,0, 0.3);
  -moz-box-shadow: 0px 0px 0px 20px rgba(0,0,0, 0.3);
  box-shadow: 0px 0px 0px 20px rgba(0,0,0, 0.3);
}

.btn-reveal.shadow_small {
  -webkit-box-shadow: 0px 0px 0px 4px rgba(0,0,0, 0.2);
  -moz-box-shadow: 0px 0px 0px 4px rgba(0,0,0, 0.2);
  box-shadow: 0px 0px 0px 4px rgba(0,0,0, 0.2);

}

.btn-reveal span {
	display: block;
	padding: 10px 20px;
	background:#08a7cc;
  color:#fff;
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	transition: transform 0.2s;
}

.btn-reveal::before {
	position: absolute;
  display:block;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #08a7cc;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	transition: transform 0.2s;
	-webkit-transform: translateX(-25%);
}

.btn-reveal:hover span,
.btn-reveal:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

.btn-reveal:hover::before,
.btn-reveal:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}


/*BUTTONS*/




.pattern_over {
background:url(images/pattern.png);
position:absolute;
opacity:0.3;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
transition:opacity 0.2s linear;
}


.gradient_over {
background: -webkit-gradient(radial, center center, 0, center center, 460, from(rgba(0,0,0,0.01)), to(rgba(0,0,0,.9)));
background: -webkit-radial-gradient(circle, rgba(0,0,0,0.01), rgba(0,0,0,.9));
background: -moz-radial-gradient(circle, rgba(0,0,0,0.01), rgba(0,0,0,.9));
background: -ms-radial-gradient(circle, rgba(0,0,0,0.01), rgba(0,0,0,.9));
background: radial-gradient(circle, rgba(0,0,0,0.01), rgba(0,0,0,.9));
position: absolute;
left: 0px;
top: 0px;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 2;
}


.navigation {width:320px; height:70px; position:fixed; z-index:1000; background:#08a7cc;
background:#08a7cc url(images/logo.png) center center no-repeat;
background-size:50%;
left:0;
top:0;
opacity:0.8;
transition:opacity 0.2s;
border-bottom:1px solid rgba(0,0,0, 0.1);
}

.navigation:hover {
opacity:1;
}

.navigation a.toggle_nav{
 display:block; 
 position:absolute;
 top:0px; 
 height:70px; 
 line-height:70px; 
 width:70px; 
 text-align:center;
 color:#fff; 
 text-decoration:none;
 left:0px; 
 font-size:24px;
 border-right:1px solid rgba(0,0,0, 0.1);
 transition:background-color 0.2s; 
}



.navigation a.toggle_nav:hover {
background-color:#0685a2;
}

.toggle_lang {
list-style:none;
position:absolute;
top:0px;
right:0px;
width:70px;
background-color:#08a7cc;
}
.toggle_lang:hover {z-index:1000000;}

.toggle_lang li ul {display:none;}
.toggle_lang li a { display:block;
font-size:14px;

 height:70px; 
 line-height:70px; 
 width:70px; 
 text-align:center;
 color:#fff; 
 text-decoration:none; 
 transition:background-color 0.2s;
 border:1px solid rgba(0,0,0, 0.1);
 border-top:none;
}
.toggle_lang li a:hover {background-color:#0685a2;}
.toggle_lang:hover li ul {display:block; }




.copyright {position:fixed; bottom:0px; right:0px; background-color:#e0e4e5; color:#555; height:20px; line-height:20px; z-index:9999; padding:0 8px;
font-size:12px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}

.copyright a {text-decoration:none; color:#777; background:url(images/madebypoints.svg) center right no-repeat;
background-size:15px 15px;
display:inline-block;
padding-right:20px;
transition: opacity 0.2s linear;
}

.copyright a:hover {
color:#ec008c;
}



.open_nav {position:absolute; left:20px; top:50%; margin-top:-25px; height:50px; line-height:50px; width:50px; text-align:center; font-size:24px; background-color:#08a7cc; color:#fff;
transition:background-color 0.2s;
}
.open_nav:hover {
background-color:#0685a2;

}



#desktop-presentation {
background:#ecf0f1;

}
/********
- Intro
********/


#intro-left {
width:200%; 
z-index:290; background:url(images/home/home.jpg) center center no-repeat;
background-size:cover;
}
#intro-left div.pattern_over {
background-color:rgba(0,0,0, 0.5) !important;
opacity:0.5;
}


#intro-right {
background:#ecf0f1;
}


/********
- Mountain Tracks
********/

#mountain-tracks-left {
background:#ecf0f1 url(images/home/bg_1.svg) center bottom no-repeat;
background-size:220%;
}

#mountain-tracks-right {
background:#ecf0f1 url(images/home/mountain_tracks.jpg)left bottom no-repeat;
background-size:cover;
}

/********
- Excursions
********/

#excursions-left {
background:#ecf0f1 url(images/home/excursions.jpg)no-repeat bottom left;
background-size:cover;
}

#excursions-right {
background:#ecf0f1 url(images/home/bg_2.svg) center bottom no-repeat;
background-size:260%;
}


/********
- ATV tours
********/

#atvTours-left {
background:#ecf0f1 url(images/home/bg_4.svg) center bottom no-repeat;
background-size:300%;
}

#atvTours-right {
background:#ecf0f1 url(images/home/atv2.jpg)no-repeat bottom left;
background-size:cover;
}

/********
- Mountain Biking
********/

#mountain-biking-left {
background:#ecf0f1 url(images/home/mountain-bike.jpg)no-repeat bottom left;
background-size:cover;
}

#mountain-biking-right {
background:#ecf0f1 url(images/home/bg_5.svg) center bottom no-repeat;
background-size:400%;
}


/********
- Rock Climbing
********/

#rock-climbing-left {
background:#ecf0f1 url(images/home/bg_6.svg) left bottom no-repeat;
background-size:160%;
}

#rock-climbing-right {
background:#ecf0f1 url(images/home/rock-climbing.jpg)no-repeat bottom left;
background-size:cover;
}


/********
- Off Road Safari
********/

#off-road-safari-left {

background:#ecf0f1 url(images/home/offroad.jpg)no-repeat bottom left;
background-size:cover;
}
#off-road-safari-right {
background:#ecf0f1 url(images/home/bg_7.svg) center bottom no-repeat;
background-size:240%;

}

/********
- Canyoning
********/

#canyoning-left {
background:#ecf0f1 url(images/home/bg_6.svg) center bottom no-repeat;
background-size:210%;
}

#canyoning-right {
background:#ecf0f1 url(images/home/canyoning.jpg)no-repeat bottom left;
background-size:cover;
}


/********
- Rafting
********/

#rafting-left {
background:#ecf0f1 url(images/home/rafting.jpg)no-repeat center center;
background-size:cover;
}

#rafting-right {
background:#ecf0f1 url(images/home/bg_1.svg) center bottom no-repeat;
background-size:220%;
}


/********
- Horse Riding
********/

#horse-riding-left {
background:#ecf0f1 url(images/home/bg_8.svg) center bottom no-repeat;
background-size:220%;

}
#horse-riding-right {
background:#ecf0f1 url(images/home/horse-riding.jpg)no-repeat bottom left;
background-size:cover;
}

/********
- Team Building
********/

#team-building-left {
background:#ecf0f1 url(images/home/team-building.jpg)no-repeat bottom left;
background-size:cover;
}
#team-building-right {
background:#ecf0f1 url(images/home/bg_5.svg) left bottom no-repeat;
background-size:400%;
}


/********
- Microlight Flights
********/

#microlight-flights-left {
background:#ecf0f1 url(images/home/bg_4.svg) center bottom no-repeat;
background-size:300%;
}
#microlight-flights-right {
background:#ecf0f1 url(images/home/microlight-fly.jpg)no-repeat bottom left;
background-size:cover;
}

/********
- Contact
********/

#contact-right {
background:#ecf0f1;
}

#contact-left {
background:#ecf0f1;
background-size:contain;
}


.social_links {text-align:center;}
.social_links a {display:inline-block}

.social_links a {width:40px; height:40px;
margin:8px;
line-height:40px;
text-align:center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color:#fff;
text-decoration:none;
position:relative;
}
.social_links a.facebook_link { background-color:#30487b;}
.social_links a.google_link {background-color:#ca3523;}
.social_links a.twitter_link {background-color:#309aea;}



#multiscroll-nav {background:rgba(0,0,0, 0.1) !important; border-radius: 5px;}

#map { 
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:1;
display:block;
width:100%;
height:100%;
margin:0 auto;
}

.map-shadow {


background: -webkit-gradient(radial, center center, 0, center center, 460, from(rgba(0,0,0,0.01)), to(rgba(0,0,0,.9)));
background: -webkit-radial-gradient(circle, rgba(0,0,0,0.01), rgba(0,0,0,.9));
background: -moz-radial-gradient(circle, rgba(0,0,0,0.01), rgba(0,0,0,.9));
background: -ms-radial-gradient(circle, rgba(0,0,0,0.01), rgba(0,0,0,.9));
background: radial-gradient(circle, rgba(0,0,0,0.01), rgba(0,0,0,.9));
position: absolute;
left: 0px;
top: 0px;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 2;


}

.overlay {
display:block;
z-index:10;
text-align:center;
height:80px;
width:102px;
background:transparent url(images/home/pointer.png)no-repeat bottom center;
}



.moving .ms-section {opacity:0.8; transition:opacity 0.2s ease-in-out;}
.moving .ms-section#intro-left {opacity:1; transition:none;}
.ms-section.active {opacit:1; transition:opacity 0.2s ease-in-out;}



.section_content {position:absolute; top:50%; width:100%; box-sizind:border-box; padding:40px; text-align:center;}



.section_content .section_heading {font-size:64px; text-align:center; font-weight:700; color:#08a7cc;}
.section_content .section_heading2 {font-size:36px; text-align:center; font-weight:300; color:#08a7cc; padding:20px;}
.section_content .info_link {text-align:center; padding:30px;}
.section_content .short_info {padding:40px; text-align:justify; color:#777; font-size:24px; font-weight:300; line-height:1.5em;}

#intro-left.active .flexslider .slides { visibility:visible;}
#intro-left:not(.active) .flexslider .slides {  visibility:hidden;}








/* TIPPER*/
  
  
  	.tipper { height: 1px; left: -99999px; position: absolute; pointer-events: none; top: -99999px; width: 1px;z-index:100000; }
	.tipper .tipper-content { background: rgba(255,255,255, 0.9); box-shadow: 0 0 25px rgba(0,0,0,0.5);text-transform:uppercase; border-radius: 3px; color: #000; display: block; float: left; font-family: 'Lato', sans-serif; font-size: 10px; margin: 0; padding: 6px 20px; position: relative; white-space: nowrap; }
	.tipper .tipper-caret { background: url('images/tipper-icon.html') no-repeat; display: block; height: 11px;  position: absolute; width: 100%; }

	.tipper.right .tipper-content { box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25); }
	.tipper.right .tipper-caret { background-position: left center; left: -5px; top: 0; }

	.tipper.left .tipper-content { box-shadow: -1px 0 3px rgba(0, 0, 0, 0.25); }
	.tipper.left .tipper-caret { background-position: right center; right: -5px; top: 0; }

	.tipper.top .tipper-caret,
	.tipper.bottom .tipper-caret { display: block; float: none; height: 5px;  width: 12px;margin-left:-6px; }

	.tipper.top .tipper-content { box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25); }
	.tipper.top .tipper-caret { background-position: center bottom; bottom: -5px; left: 0; text-align:center;}

	.tipper.bottom .tipper-content { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
	.tipper.bottom .tipper-caret { background-position: center top; top: -5px; left: 0; }




fieldset,img,abbr,acronym {
border:0;
}



@media screen and max-width 600px{

}

@media screen and max-width 500px{

}

@media screen and max-width 400px{

}



@media only screen and max-width 800px{
#desktop-presentation {display:none !important;}
}

@media only screen and min-width 1200px and max-width 1699px{

}

@media only screen and min-width 960px and max-width 1199px{

}

@media only screen and min-width 768px and max-width 959px{
  #map,.map-shadow {
  right:-100%;
  width:200%;
  }
}

@media only screen and min-width 480px and max-width 767px{
#multiscroll-nav {
margin-top:52px;
}





#map,.map-shadow {
right:-100%;
width:200%;
}
}

@media only screen and min-width 320px and max-width 479px{

  #map,.map-shadow {
  right:-100%;
  width:200%;
  }
}

@media only screen and max-width 319px{
  #multiscroll-nav {
  margin-top:52px;
  }

  #map,.map-shadow {
  right:-100%;
  width:200%;
  }
}




@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.arrow {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 60px;
  height: 60px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
  z-index:3;
}

.arrow a {
display:block;
width:100%;
height:100%;
}

.bounce {
  -webkit-animation: bounce 2s infinite;
  -moz-animation: bounce 2s infinite;
  -ms-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}



.header { height:200px; width:100%; background:rgba(255,255,255, 0.8); text-align:center; z-index:5; position:absolute; top:0px; left:0px; vertical-align:middle;}
.header img { margin-top:40px;}
.select_lang { width: 100%; height:50px; background:rgba(0,0,0, 0.35); position:absolute; z-index:6; top:200px; left:0px; color:#ccc; text-align:center;}
.select_lang a {color:#fff; display:inline-block; height:50px; line-height:50px; background-color:rgba(8,167,204, 0.3); padding:0px 15px; margin-right:1px;
font-size:14px;
position:relative;
transition:background-color 0.2s;
}
.select_lang a:hover {background-color:rgba(8,167,204, 0.5);}


.select_lang a.active:after {
content:'';
height:3px;
width:100%;
position:absolute;
bottom:0px;
left:0px;
background-color:#fff;
}

.select_lang a.active:hover {background-color:rgba(8,167,204, 0.3);}

.select_lang span {color:#8db900;}

.flexslider {position:absolute; top:50%; z-index:7; margin-top:-550px !important; text-align:center;}
.flexslider * {color:#fff !important; font-size:120px; font-family: 'Open Sans', sans-serif; font-weight:700; opacity:0.95;}
.flexslider ul li h2 {

text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);

}


*,
*:after,
*::before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.hover_content {position:fixed; height:120%; width:120%; background:rgba(0,0,0, 0.5); z-index:599; overflow:auto;}
.hover_content .inner {width:200%; height:200%;}

.site_nav {position:fixed; z-index:10000;
  width:500px;
  background-color:#08a7cc;
  height:100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top:0px;
  overflow:auto;
  left:0px;
}

.close_nav {
width:50px;
height:50px;
line-height:50px;
text-align:center;
position:fixed;
display:block;
z-index:10001;
top:0px;
left:500px;
color:#fff;
font-size:24px;
}


.site_nav ul {list-style:none;}
.site_nav ul li {list-style:none; float:left; width:50%; margin-bottom:1px;   -moz-box-sizing: border-box;
  box-sizing: border-box;}

.site_nav ul li.events {width:100%;  font-weight:700; font-size:26px; padding:20px; color:rgba(0,0,0, 0.4);}  
.site_nav ul li.nl:nth-child(even) {padding-left:1px;}
.site_nav ul li a {display:block; padding:20px; font-size:14px; text-transform:uppercase; text-decoration:none; background-color:rgba(0,0,0, 0.1); color:#fff; font-weight:500; letter-spacing:1px; transition: all 0.1s;}
.site_nav ul li a:hover { background: rgba(0,0,0, 0.2); color:#fff;}

.site_nav ul li a.current {background-color:#fff; color:#08a7cc;}






@media only screen 

and (max-width : 1366px) { 

  .flexslider h2 { font-size:90px !important;}
  .section_content .section_heading {font-size:42px;}
  .section_content .short_info {font-size:21px; padding:30px;}
  .btn-reveal {
  font-size:21px;
  }
  .btn-reveal.shadow_big {
    -webkit-box-shadow: 0px 0px 0px 16px rgba(0,0,0, 0.3);
    -moz-box-shadow: 0px 0px 0px 16px rgba(0,0,0, 0.3);
    box-shadow: 0px 0px 0px 16px rgba(0,0,0, 0.3);
  }
}



@media only screen 

and (max-width : 1200px) { 

.section_content .section_heading {font-size:36px;}
.section_content .short_info {font-size:18px; padding:20px;}

.section_content .section_heading2 { font-size:32px;}

  .btn-reveal {
  font-size:18px;
  }
  .btn-reveal.shadow_big {
    -webkit-box-shadow: 0px 0px 0px 12px rgba(0,0,0, 0.3);
    -moz-box-shadow: 0px 0px 0px 12px rgba(0,0,0, 0.3);
    box-shadow: 0px 0px 0px 12px rgba(0,0,0, 0.3);
  }

}


@media only screen 

and (max-width : 1024px) { 

.flexslider h2 { font-size:72px !important;}
.section_content .section_heading2 { font-size:21px;}

 .btn-reveal {
  font-size:16px;
  }
  .btn-reveal.shadow_big {
    -webkit-box-shadow: 0px 0px 0px 8px rgba(0,0,0, 0.3);
    -moz-box-shadow: 0px 0px 0px 8px rgba(0,0,0, 0.3);
    box-shadow: 0px 0px 0px 8px rgba(0,0,0, 0.3);
  }

}


@media only screen 

and (max-width : 800px) { 

.flexslider h2 { font-size:64px !important;}

.section_content .section_heading {font-size:24px;}
.section_content .short_info {font-size:14px;}



}





@media only screen 

and (max-device-width : 1024px) {

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.desktop-presentation {display:none;}
.mobile_home {}

.navigation {width:100%;}
.site_nav {width:100%;}
.site_nav ul li {width:100%; width:100%; float:none; padding-left:0px !important;}
.close_nav {display:none !important;}



.mob_heading {font-weight:700; font-size:21px; color:#08a7cc; padding:20px;}

.mobile_home .m_intro {margin-botom:30px; text-align:center;  background:#fff; padding:10px 0px;}
.mobile_home .m_intro h1 {font-size:21px; font-weight:700; color:#08a7cc; padding:20px;}
.mobile_home .m_intro h2 {font-size:24px; font-weight:300; color:#8db900; padding:20px;}


.m_section {margin-bottom:20px;}

.m_section .m_heading {
padding:0px !important;
min-height:300px;
position:relative;
}



.m_section#mountain-tracks .m_heading  {
background: url(images/mobile_home/mountain_tracks.jpg) center center no-repeat;
background-size:cover;
}

.m_section#excursions .m_heading {
background: url(images/mobile_home/excursions.jpg) center center no-repeat;
background-size:cover;
}

.m_section#ATV-tours .m_heading  {
background: url(images/mobile_home/ATV-tours.jpg) center center no-repeat;
background-size:cover;
}

.m_section#mountain-biking .m_heading  {
background: url(images/mobile_home/mountain-biking.jpg) center center no-repeat;
background-size:cover;
}

.m_section#rock-climbing .m_heading {
background: url(images/mobile_home/rock-climbing.jpg) center center no-repeat;
background-size:cover;
}

.m_section#off-road-safari .m_heading  {
background: url(images/mobile_home/off-road-safari.jpg) center center no-repeat;
background-size:cover;
}


.m_section#canyoning .m_heading {
background: url(images/mobile_home/canyoning.jpg) center center no-repeat;
background-size:cover;
}


.m_section#rafting .m_heading  {
background: url(images/mobile_home/rafting.jpg) center center no-repeat;
background-size:cover;
}



.m_section#horse-riding .m_heading  {
background: url(images/mobile_home/horse-riding.jpg) center center no-repeat;
background-size:cover;
}

.m_section#team-building .m_heading  {
background: url(images/mobile_home/team-building.jpg) center center no-repeat;
background-size:cover;
}

.m_section#microlight-flights .m_heading  {
background: url(images/mobile_home/microlight-flights.jpg) center center no-repeat;
background-size:cover;
}




.m_section .m_heading h3 {
position:absolute;
width:100%;
padding:20px;
bottom:0px;
left:0px;
background-color:rgba(8,167,204, 0.8);
color:#fff;
font-weight:700;
font-size:21px;
text-transform:uppercase;
}


.m_section .m_info { padding:20px; font-size:16px; line-height:21px; color:#777;}
.m_section .m_link {padding:20px; padding-top:0px;}

.m_link a {display:inline-block; font-size:16px;
	padding: 10px 20px;
	background:#08a7cc;
  color:#fff;

}
.m_link a i {margin-left:10px;}

}