/**
 * Parallax Scrolling Tutorial
 * For Smashing Magazine
 * July 2011
 *  
 * Author: Richard Shepherd
 *		   www.richardshepherd.com
 * 		   @richardshepherd   
 */

/*html, body{ min-width: 780px;}*/
article h2 { font-family: 'Open Sans Condensed'; font-size: 40px; margin: 25px 0; line-height: 1em; }
p, li {font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 15px;}

.story { height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 100%; position: relative; margin: 0 auto; *border-top: 1px solid rgba(255,255,255,0.3); *border-bottom: 1px solid rgba(0,0,0,0.4); box-shadow: 0 0 50px rgba(0,0,0,0.8); }

#first { background: url(../images/gravel.jpg) 50% 0 repeat-y fixed;  }
#intro { background: url(../images/bg2.jpg) 10% 0 repeat-y fixed;}
#gallery { background: url(../images/gravel.jpg) 50% 0 repeat-y fixed; }
#feedback { background: url(../images/bg3.jpg) 50% 0 repeat-y fixed;}
#faqs { background: url(../images/bg4.jpg) 50% 0 repeat-y fixed;}
#routemap { background: url(../images/gravel.jpg) 50% bottom repeat-y fixed; }
#explore { background: url(../images/gravel.jpg) 100% 0 repeat-y fixed;}
#areapage {background: url(../images/gravel.jpg) 0 0 repeat-y fixed; height: auto; }


/* FIRST */

#first .logo { background: url(../images/bikeroads-logo1.png) 50% 100px no-repeat fixed; background-color: rgba(0, 0, 0, 0.6); min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 100%; position: relative; margin: 0 auto; background-size: 90%; }
#first article { width: 100%; top: 400px; position: absolute; text-align: center; background-color: rgba(0, 0, 0, 0.5); padding-bottom: 15px;}
#first article p,
#first article a { color: #E9E9E9; font-size: 55px; font-family: 'Open Sans Condensed'; text-shadow: 3px 3px 10px #000; }
#first article a {text-decoration: none; color: #FFA300; padding: 0 20px; font-size: 30px; font-weight: 300;font-family: 'Open Sans Condensed'; text-shadow: 3px 3px 10px #000;}
#first article a:hover { color: #fff; }

/* INTRO */
#intro { padding: 0; height: 1572px;}
#intro article { margin: 0; left: 150px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); line-height: 1.5em; color: #FFF; position: absolute; top: 0; background-color: rgba(0, 0, 0, 0.7); width: 450px; padding: 20px; }
#intro article p { margin-bottom: 25px; }
#intro article a { color: #ff0;}





/*GALLERY*/
#gallery {height: auto; min-height: 930px; max-height: 1444px;}
#gallery article { margin: 0 auto; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); line-height: 1.5em; color: #FFF; position: relative; top: 50px;  width: 93%; padding: 20px; }
#gallery article h2 { text-align: center;}
#gallery .wrap { background-color: rgba(0, 0, 0, 0.6); min-height: 1200px; padding: 0; margin: 0; width: 100%; max-width: 100%; position: relative; margin: 0 auto; background-size: 90%; }
.example-image { width: 24%; *border: 2px solid #FFF; width:24%; height: 210px;}
.example-image:hover {
opacity: 0.8;
}
/* Photograph */
/*#faqs article {  *background: url(../images/grain.png) repeat #333; background-color: rgba(0,0,0,0.7); color: #fff; padding: 10px 20px; margin: 100px 0 0 60%; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; color: #fff; position: absolute; top: 0; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); }*/

/*FAQs*/
#faqs {height: 955px;}
#faqs article { margin: 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); line-height: 1.5em; color: #FFF; position: absolute; top: 0; background-color: rgba(0, 0, 0, 0.7); width: 450px; padding: 20px; right: 150px; }
#faqs .photograph { background: url(../images/bike24.jpg) transparent 40% 100px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 100%; position: relative; margin: 0 auto; }
#faqs article p { margin-bottom: 25px; }
#faqs article h3 {margin-bottom: 10px; color: #FFA300; font-size: 25px; font-weight: 300; font-family: 'Open Sans Condensed'; line-height: 1em;}

/* FEEDBACK */
#feedback {height: 806px;}
#feedback article {  margin: 0px; left: 150px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); line-height: 1.5em; color: #FFF; position: absolute; top: 0; background-color: rgba(0, 0, 0, 0.7); width: 450px; padding: 50px 20px 150px; }
#feedback article p { margin: 22px 0; }
#feedback article h3 {margin-bottom: 10px; color: #FFA300; font-size: 25px; font-weight: 300; font-family: 'Open Sans Condensed'; line-height: 1em;}
#feedback video { position: fixed; left: 50%; box-shadow: 0 0 25px rgba(0,0,0,0.7); z-index: 1;}

/* ROUTEMAP */
#routemap .wrap { background-color: rgba(0, 0, 0, 0.6); min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width:100% position: relative; margin: 0 auto; background-size: 90%; }
#routemap article { width: 100%; top: 60px; position: absolute; text-align: center; }
#routemap article h2 { color: #FFF;background-color: rgba(0, 0, 0, 0.3);padding: 0px 0;border: 1px solid #313131;font-weight: 300; font-size:50px;}
#routemap article h3 { color: #FFF; font-size: 20px; }
#routemap article iframe {border: 15px solid #FFF;}

/* EXPLORE */
#explore {height: auto;}
#explore .wrap { background-color: rgba(0, 0, 0, 0.6); min-height: 1400px; padding: 0; margin: 0; width: 100%; max-width: 100% position: relative; margin: 0 auto; background-size: 90%; }
#explore article { width: 100%; top: 60px; position: absolute; text-align: center; }
#explore article h2 { color: #FFF;background-color: rgba(0, 0, 0, 0.3);padding: 0px 0;border: 1px solid #313131;font-weight: 300; font-size:50px;}
#explore article h3 { color: #FFA500; font-size: 20px; font-family: 'Open Sans Condensed'; font-weight: 600; margin-bottom: 15px; }
#explore article iframe {border: 15px solid #FFF;}


#areapage .wrap { background-color: rgba(0, 0, 0, 0.8); min-height: 1600px; padding: 0; margin-bottom: 0; width: 100%; max-width: 100%; position: relative; margin: 0 auto; background-size: 100%; }
#areapage article { width: 100%; top: 50px; position: absolute; text-align: center; }
#areapage article h2 { color: #FFF; }
#areapage article h3 { color: #FFF; font-size: 20px; }
#areapage article iframe {border: 15px solid #FFF;}
#areapage .socialplugins { text-align: left; margin-left: 3em;}
#areapage .navbar {text-align: center;font-size: 22px;padding: 5px;color: #FFF;font-weight: 300;background-color: #292929;position: fixed;width: 100%;z-index: 10;}
#areapage .navbar a {color: #C2C2C2;text-decoration: none;cursor: pointer;}
#areapage .navbar a:hover {color: #FFA300;}
#areapage article>div button {background-color: #292929;border: 1px solid #4D4D4D;border-radius: 6px;margin: 20px 0;padding: 5px 10px;color: #CECECE;font-size: 16px;font-family: 'Open Sans Condensed';z-index: 100;}
#areapage article>div button:hover {background-color: #4D4D4D;}

.areaselect {background: url('../images/downwt.png') no-repeat right #292929;overflow: hidden;height: 33px;overflow: hidden;width: auto;background-size: 10%;border-radius: 6px;margin-top: -5px;display: inline-block;vertical-align: middle;border: 1px solid #4D4D4D;}
.areaselect select {background: rgba(0, 0, 0, 0);height: 33px;border: none;border-radius: 0;-webkit-appearance: none;-moz-appearance: window;width: auto;padding: 0px 20px 0px 10px;color: #D6D6D6;font-size: 16px;overflow: hidden;font-family: 'Open Sans Condensed';cursor: pointer;}

/*

light gray: #CECECE
dark gray:;
orange:#FFA300;
*/

.area {position: absolute;display: inline-block;width: 100%;margin: 0 -37%;}
.area>div {width: 35%;float: left;padding: 30px 0px 0;background-color: rgba(0, 0, 0, 0.3);color: #FFF;border: 1px solid #313131;height: 246px;margin: 10px;}
.area>div button {background-color: #292929;border: 1px solid #4D4D4D;border-radius: 6px;margin: 20px 0;padding: 5px 10px;color: #CECECE;font-size: 16px;font-family: 'Open Sans Condensed';}
.area>div button:hover {background-color: #4D4D4D;}
.area>div li {list-style: none;font-weight: 300;font-size: 13px;line-height: 15px;}


header {
    position: relative;
    width: 100%;
    height: 40px;
    background: #000;
    display: none;

}
header.clone {
    position:fixed;
    top:-60px;
    transition:0.5s top ease-in;
    -webkit-transition: 0.5s top ease-in;
    -moz-transition: 0.5s top ease-in;
     background-color: rgba(0,0,0,0.6);
    display: block;

}
body.down header.clone {
    top:0;
    left:0;
    right:0;
    z-index:999;
}

.navbar {text-align: center;font-size: 22px;padding: 6px 20px;color: #808080;font-weight: 300;position: relative;float: left;}
.navbar:hover {color: #FFF;cursor: pointer;}
.navbarright1 {position: absolute;right: 0;top: 12px;}
.navbarright1 a {text-decoration: none;color: #808080;font-weight: 300;padding: 8px 15px;border-right: 1px solid #808080;margin-top: 2px;}
.navbarright1 a:hover, .navbarright a:hover {color: #FFF;}
.navbarright {display: none;}

/*=====NAVIGATION=======*/

.navigation {position: fixed;z-index: 1000;bottom: 40px;}

.navigation ul li {margin-bottom: 5px;background-color: #000;border-right: 5px solid #DB7D25;padding: 10px 0px 10px 25px;margin-left: -26px;width: 0px;overflow: hidden;}
.navigation ul {list-style: none;}
.navigation ul li:hover {transition: 0.6s;width: 100px;}
.navigation ul li a {color: #FFF;}

.NavigationToggle {display: none;position: absolute;padding: 10px 15px;font-size: 18px;color: #FFF;cursor: pointer;}


/*=====NAVIGATION=======*/


@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}



/*==================================================*/
/*==================================================*/
/*==================================================*/
/*==================================================*/
/*==================================================*/
/*==================================================*/
/*@media screen and (max-width: 768px) {*//*LOGO*/
@media screen and (max-width: 758px){
#first article p, #first article a {
font-size: 35px;
padding: 5px 10px;
}

#first article {
top: 300px;
padding: 15px 0px;
}


/*INTRO*/
#intro {
height: auto;
max-height: 2053px;
min-height: 1342px;
}

#intro article {
margin: 0 auto;
left: 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
line-height: 1.5em;
color: #FFF;
position: relative;
top: 0;
background-color: rgba(0, 0, 0, 0.7);
width: 80%;
padding: 20px;
}

/*GALLERY*/
.example-image {
width: 32%;
height: 190px;
}

/*FAQs*/

#faqs {
max-height: 1500px;
min-height: 768px;
height: auto;
}


#faqs article {
margin: 0 auto;
right: 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
line-height: 1.5em;
color: #FFF;
position: relative;
top: 0;
background-color: rgba(0, 0, 0, 0.7);
width: 80%;
padding: 20px;

}

#feedback {height: auto; min-height: 750px; max-height: 1009px;}
#feedback article {  margin: 0 auto; left: 0px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); line-height: 1.5em; color: #FFF; position: relative; top: 0; background-color: rgba(0, 0, 0, 0.7); width: 80%; padding: 50px 20px 150px; }


.NavigationToggle {
display: block;
position: absolute;
right: 0;
padding: 10px 15px;
font-size: 18px;
cursor: pointer;
}

.NavigationToggle .icon-bar {
display: block;
width: 23px;
height: 3px;
border-radius: 1px;
background-color: #808080;
line-height: 2px;
margin-bottom: 4px;
}

.NavigationToggle .icon-bar:hover {
  color: #FFF;
}


.navbarright1 {
  display: none;
}


.navbarright {
display: none;
position: absolute;
right: 0;
top: 40px;
width: 150px;
background-color: rgba(0, 0, 0, 0.6);
}

.navbarright a {
text-decoration: none;
color: #808080;
font-weight: 300;
margin: 0 10px;
border-right: none;
margin-top: 2px;
display: inline;
line-height: 2.5;
padding: 20px;
}

.navbar {
  *width: 100%;
}
}


/*==================================================*/
/*==================================================*/
/*==================================================*/
/*==================================================*/
/*==================================================*/
/*==================================================*/


@media screen and (max-width: 480px) {
.example-image {
width: 48%;
height: 150px;

}


.area>div {
width: 70%;
}

#explore {
height: 2600px;
}

#explore .wrap {
 height: 2600px;

}


}