/* 

-------------------------------------------------------------

HERO

*/

#hero { height:100%; background:url(../img/hero-slide12.jpg) top center no-repeat; background-size:cover; }

#hero-text-hold { position:absolute; top:40%; width:100%; left:0px; }

#hero .hero-text { text-align:center; }

#hero .hero-text h2 { font-size:90px; line-height:120px; color:#ffffff; }

#hero .hero-text h2 span { font-size:20px; line-height:30px; color:#ffffff; letter-spacing:6px; }

#hero .heading-sep { margin:25px auto; background:#ffffff; width:250px; }

#hero-scrolldown { width:100%; position:absolute; bottom:5%; left:0px; text-align:center; }

#hero .video-btn {     background: rgba(255,255,255,0.4); border-radius: 50%; width: 100px; height: 100px; display: block; margin: auto; -webkit-transform:scale(1); transform:scale(1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition:transform 0.3s, opacity 0.3s; }

#hero .video-btn:hover{ background: rgba(255,255,255,0.7);  -webkit-transform:scale(1.25); transform:scale(1.25);}

#hero .video-btn img { width:30px;     padding: 30px 0px 30px 10px;}

#hero .viewmore-down { margin-right:0px; }

#hero-nav {  display:none; background:#343433; padding:22px 0px; text-align:center; }

#hero-nav a { display:inline-block; height:16px; width:16px; margin:0px 3px; }

#hero-nav a span { display:inline-block; vertical-align:middle; width:12px; height:12px; background:#444444; border-radius:100%; -webkit-border-radius:100%; }

#hero-nav a.active span { height:16px; width:16px; background:#e6e6e0; }

#hero-nav a:hover span { background:#e6e6e0; }




/* 

-------------------------------------------------------------

TRIP GRID

*/

#trip-grid { background:#d1d1c9; }

#trip-grid .trip-row { height:420px; clear:both; }

#trip-grid .trip-link { display:block; height:100%; width:100%; }

#trip-grid .trip-qt, #trip-grid .trip-hf { height:100%; float:left; position:relative; background-position:center; background-repeat:no-repeat; overflow:hidden; }

#trip-grid .trip-qt { width:25%; }

#trip-grid .trip-hf { width:50%; background-size:cover; }

#trip-grid .trip-text { position:absolute; left:40px; bottom:40px; color:#ffffff; font-family:'Fjalla One', sans-serif; font-size:22px; pointer-events:none; }

#trip-grid .trip-sep { background:#dc7725; height:5px; width:40px; margin-bottom:15px; }

#trip-grid .trip-icon { width:100%; position:absolute; top:38%; left:0px; text-align:center; pointer-events:none; }

#trip-grid .trip-icon img { width:100%; height:auto; }

#trip-grid .trip-icon a { display:inline-block; width:40px; height:40px; padding:25px; background:url(../img/bg-trans-icon.png) center repeat; border-radius:100%; -webkit-transform:scale(1); transform:scale(1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition:transform 0.3s, opacity 0.3s; }

#trip-grid .trip-qt:hover a, #trip-grid .trip-hf:hover a { -webkit-transform:scale(1.25); transform:scale(1.25); }



/* 

-------------------------------------------------------------

EXPERIENCE
 
*/

#experience { background:#e6e6e0; border-top:1px solid #ffffff; position:relative; }

#experience-text { width:540px; padding:80px 0px; padding-bottom:120px; }

#experience-text .callout { font-size:22px; line-height:35px; }

#experience-items { width:1165px; position:absolute; right:-670px; top:0px; }



/* 

-------------------------------------------------------------

DESTINATIONS

*/

#destinations { padding:100px 0px; padding-bottom:170px; position:relative; background:#e1e1db url(../img/bg-destinations.png) bottom center no-repeat; border-top:2px solid #cfcfc8; }

#destinations-mtn-left { z-index:0; width:692px; height:308px; position:absolute; left:0px; bottom:0px; }

#destinations-mtn-right { z-index:0; width:474px; height:202px; position:absolute; right:0px; bottom:0px; }

#destinations-text { text-align:center; width:80%; margin:auto; z-index:50; padding-bottom:50px; }

#destinations-text .heading-sep { margin:25px auto; }


/* destinations map */

#destinations-map { height:600px; background:url(../img/destinations-map.png) center no-repeat; position:relative; }

#destinations-map .destination-point { position:absolute; left:0px; top:0px; width:90px; text-align:center; }

#destinations-map .destination-image {  pointer-events:none; background:url(../img/bg-destinations-line.jpg) center repeat-x; z-index:5; position:absolute; width:350px; text-align:left; right:35px; top:-53px; }

#destinations-map .destination-image-long { width:490px; }

#destinations-map .destination-image img { margin-bottom:-5px; border-radius:100%; -webkit-border-radius:100%; }

#destinations-map .destination-point a { z-index:10; position:relative; display:inline-block; padding:20px; line-height:25px; background:url(../img/bg-point-trans.png) repeat; border-radius:100%; -webkit-border-radius:100%; vertical-align:top; -webkit-transform:scale(1); transform:scale(1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition:transform 0.4s, opacity 0.4s; }

#destinations-map .destination-point a:hover, #destinations-map .destination-point a.active  { -webkit-transform:scale(1.25); transform:scale(1.25); }

#destinations-map .destination-point a span.outer-dot { display:inline-block; width:25px; height:25px; vertical-align:top; background:#716e64 url(../img/bg-destination-dot.png) center no-repeat; border-radius:100%; -webkit-border-radius:100%; }

#destinations-map .destination-point a.active span { background:#dc7725 url(../img/bg-destination-dot.png) center no-repeat; }

#destinations-map .destination-point a:hover span { background:#dc7725 url(../img/bg-destination-dot.png) center no-repeat; }

#destinations-map .point1 { left:380px; top:35px; }
#destinations-map .point2 { left:485px; top:70px; }
#destinations-map .point3 { left:610px; top:45px; }
#destinations-map .point4 { left:615px; top:180px; }
#destinations-map .point5 { left:600px; top:305px; }
#destinations-map .point6 { left:390px; top:390px; }

#destinations-desc { width:340px; position:absolute; right:0px; top:70px; font-size:14px; line-height:24px; }

#destinations-desc h3 { text-transform:uppercase; font-size:35px; line-height:35px; margin-bottom:15px; color:#5a574e; }

#destinations-desc .destination-text-slide { position:absolute; left:0px; top:0px; width:100%; }

#destinations-desc .destination-loc { font-size:14px; letter-spacing:3px; font-family:'Fjalla One', sans-serif; color:#99998e; }

#destinations-desc .destinations-more { line-height:60px; height:60px; border:1px solid #b4b4af; text-align:center; font-size:16px; margin-top:20px; }

#destinations-desc .destinations-more a { display:block; width:49%; float:left; font-weight:bold; }

#destinations-desc .destinations-more a.view-trips { border-right:1px solid #b4b4af; color:#7e7c74; }

#destinations-desc .destinations-more a.view-trips:hover { color:#615f57; }

#destinations-desc .destinations-more span { color:#b8b5a8; margin:0px 5px; }



/* 

-------------------------------------------------------------

GUIDES

*/

#guides { background:#494946 url(../img/bg-guides.jpg) center repeat; padding:80px 0px; }

#guides-left { width:500px; float:left; padding-bottom:40px; color:#c9c9b8; }

#guides-right { width:540px; float:right; }

#guides-left h2 { color:#ffffff; }

#guides-left .callout { font-size:22px; line-height:35px; }

#guides-left .heading-sep { background:#70706e; }



/* 

-------------------------------------------------------------

GENERAL RESPONSIVE VIEWS

*/

/* tablet landscape view */

@media (max-width: 1150px) {

	/* experience */

	#experience-text { width:440px; font-size:16px; }

	#experience-text .callout { font-size:19px; line-height:30px; }

	#experience-items { width:1000px; right:-590px; top:0px; }

	#experience-text { padding-bottom:100px; }


	/* destinations */

	#destinations-map { background-position:-100px 0px; position:relative; }

	#destinations-map .point1 { left:180px; top:40px; }
	#destinations-map .point2 { left:300px; top:70px; }
	#destinations-map .point3 { left:410px; top:50px; }
	#destinations-map .point4 { left:420px; top:170px; }
	#destinations-map .point5 { left:410px; top:300px; }
	#destinations-map .point6 { left:180px; top:390px; }

	#destinations-map .destination-image { width:250px; }

	#destinations-map .destination-image-long { width:430px; }


	/* guides */

	#guides-left { width:400px; }

	#guides-right { width:440px; }

}

/* tablet portrait view */

@media (max-width: 960px) {

	/* hero */

	#hero { }

	#hero .hero-text h2 { font-size:80px; line-height:80px; }

	#hero .hero-text h2 span { font-size:18px; line-height:26px; letter-spacing:4px; }

	#hero-scrolldown { display:none; }
	
	/* trip grid */

	#trip-grid .trip-hf { width:100%; height:420px; float:none; clear:both; }

	#trip-grid .trip-qt { width:50%; height:420px; }

	#trip-grid .trip-row { height:auto; clear:both; }


	/* experience */

	#experience-items { display:none;  }

	#experience-text { width:100%; text-align:center; }

	#experience-text .heading-sep { margin:30px auto; }


	/* destinations */

	#destinations-text { width:100%; font-size:14px; line-height:24px; }

	#destinations-map { margin-left:-160px; }

	#destinations-desc { width:300px; }

	#destinations-map .destination-image-hold { display:none; }

	#destinations-mtn-left, #destinations-mtn-right { display:none; }


	/* guides */

	#guides-left { width:330px; font-size:14px; line-height:24px; }

	#guides-left .callout { font-size:18px; line-height:28px; }

	#guides-right { width:330px; }


}

/* phone view */

@media (max-width: 767px) {

	/* hero */

	#hero {  }

	#hero-nav { display:none; }

	#hero .hero-text h2 { font-size:50px; line-height:50px; color:#ffffff; }

	#hero .hero-text h2 span { font-size:12px; line-height:20px; }

	


	/* trip grid */

	#trip-grid { padding:1px 0px; }

	#trip-grid .trip-row { height:auto; }

	#trip-grid .trip-qt, #trip-grid .trip-hf { background-size:cover; height:250px; width:auto; float:none; margin:5%; border-radius:3px; -webkit-border-radius:3px; }

	#trip-grid .trip-icon a { width:30px; height:30px; padding:15px; }


	/* experience */

	#experience-text { padding:60px 0px; font-size:14px; line-height:24px; }

	#experience-text .callout { font-size:16px; line-height:26px; }


	/* destinations */

	#destinations { background-image:none; padding:60px 0px; }

	#destinations-text { padding:0px; }

	#destinations-map { display:none; }


	/* guides */

	#guides { padding:60px 0px; }

	#guides-left, #guides-right { width:auto; float:none; text-align:center; }

	#guides .heading-sep { margin:30px auto; }

}