* {margin: 0; padding: 0; outline: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin-top: auto; margin-right: 0; margin-left: 0; margin-bottom: auto; padding: 0; border: 0; outline: 0; background: transparent;}

/*Standard CSS Styles*/
p { padding: 5px 20px; font-family:'BrandonGrotW01-Regular', sans-serif; font-weight: 300; font-size: 20px;}
h1 { font-family:'BrandonGrotW01-Regular', sans-serif; font-weight: 700; font-size: 50px; padding: 5px 20px;}
h3 { font-family: 'BrandonGrotW01-Regular', sans-serif; font-weight: 600; font-size: 24px; padding: 5px 20px;}
h2 { padding: 0px 20px; font-family:'BrandonGrotW01-Regular', sans-serif; font-weight: 300; font-size: 20px;}
ul { list-style: none; padding: 0px;}
li { font-family:'BrandonGrotW01-Regular', sans-serif; font-weight: 300; font-size: 20px;}
a { text-decoration: none; color: #000; cursor: pointer; }
.clear {clear: both;}

/*Navigation Menu*/

	/*Trigger Button*/
	#nav-trigger {display: none; text-align: center; }
  #nav-trigger span { display: inline-block; padding: 10px 30px; width: 100%; background-color: #000; color: white; cursor: pointer; text-transform: uppercase; position: fixed; left: 0px; z-index: 999; }
    #nav-trigger span:after { display: inline-block; margin-left: 10px; width: 20px; height: 10px; content: ""; border-left: solid 10px transparent; border-top: solid 0px #fff; border-right: solid 10px transparent; }
    #nav-trigger span:hover { background-color: #313131; }
    #nav-trigger span.open:after { border-left: solid 10px transparent; border-top: none; border-bottom: solid 0px #fff; border-right: solid 10px transparent; }
	/*End Trigger Button*/

	/*Logo Desktop*/
	.topnavsize {width: 350px; float: left; display: inline !important; margin-top: 20px; margin-left: 20px; padding: 0px !important; }
	/*End Logo Desktop */

	/*Desktop Navigation*/
	nav { position: fixed;; width: 100%; z-index: 1000; margin-bottom: 0px; margin-top: 0px;  }
	.menuinner {float: right;}
	nav#nav-main { background-color: #000; padding: 0px 0px; }
  	nav#nav-main ul { list-style-type: none; margin: 0; padding: 0px; text-align: center; }
  	nav#nav-main li { display: inline-block; padding: 0px 0px; }
  	nav#nav-main li:last-child { border-right: none; }
 	nav#nav-main a { display: block; color: white; padding: 25px 30px; }
  	nav#nav-main a:hover { background-color: #313131; color: #fff; }
	/*End Desktop Navigation */

	/*Mobile Navigation*/
	nav#nav-mobile { position: fixed; display: none; }
	nav#nav-mobile ul { display: none; list-style-type: none; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; background-color: #000; }
  	nav#nav-mobile li { display: block; padding: 5px 0; margin: 0 5px; border-bottom: solid 1px #313131; }
    nav#nav-mobile li:last-child { border-bottom: none; }
  	nav#nav-mobile a { display: block; color: white; padding: 10px 30px; }
    nav#nav-mobile a:hover { background-color: #000; color: #fff; }
	/*End Mobile Navigation*/






/*Main layout elements*/
.wrap { width: 100%; z-index: 10; position: relative; margin: 0 auto; padding: 0;}
#background { background: url("images/home-back.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.section { width: 100%; z-index: 10; position: relative; margin: 0 auto; padding: 0 0 20px 0; height: 500px;}
.inner { width: 960px; margin: 0 auto; position: relative; min-height: 50px; padding:30px 0; text-align: center;}
.inner:after { content: ""; display: table; clear: both;}
.insidesection {width: 960px; background: #fff; margin: 0 auto; color: #000;}
.insidesection a:hover { color: #819258;}
.sTop { width: 960px; height: 100vh; color:#fff;}
/*End main layout elements*/


.s1 { background-image: url("images/explore-back.jpg"); background-attachment: fixed; height: 100%; background-size: cover; background-repeat: no-repeat; position: relative; text-align: center;}
.s2 { background-image: url("images/tofino-back.jpg"); background-attachment: fixed; height: 100%; background-size: cover; background-repeat: no-repeat; position: relative;}
.s3 { background-image: url("images/nanaimo-back.jpg"); background-attachment: fixed; height: 100%; background-size: cover; background-repeat: no-repeat; position: relative;}
.s4 { background-image: url("images/parksville-back.jpg"); background-attachment: fixed; height: 100%; background-size: cover; background-repeat: no-repeat; position: relative;}
.s5 { background-image: url("images/mvcoho-back.jpg"); background-attachment: fixed; height: 100%; background-size: cover; background-repeat: no-repeat; position: relative;}
.s6 { background-image: url("images/win-back.jpg"); background-attachment: fixed; height: 100%; background-size: cover; background-repeat: no-repeat; position: relative; text-align: left;}
.s7 { background-image: url("images/terms-back.jpg"); background-attachment: fixed; height: 100%; background-size: cover; background-repeat: no-repeat; position: relative;}
.footer { width: 960px; background: #000; margin: 0 auto;}
.insidefooter { width: 960px; color: #fff; margin: 0 auto; background: #000; display: block; position: relative; }
.sectiontitle { text-align: center; margin-bottom: 40px; margin-top: 60px; }
.titlecontainer { position: relative; width: 100%; text-align: center; margin-bottom: 50px; margin-top: 50px; }
.title { margin: 0 auto; }
.pad { margin-left: 20px; margin-top: 50px; margin-bottom: 50px;}
.subtitle {margin-left: 10px; margin-top: 10px;}

/*End main layout elements*/

#blackbox {width: 80% !important;}


#schedule {width: 709px;}

/*Main Screen Elements*/
#leavespace { height: 5vh;}
/*End Main Screen Elements*/


/*Main Screen Elements*/
#buttoncontainer { width:620px; margin: 0 auto; margin-top: 30px;}
.mainbutton { background-color:rgba(0,0,0,0.6); border:5px solid #ffffff; display:inline-block; position: relative; cursor:pointer; color:#fff; font-family:'Brandon Grot W01 Bold', sans-serif; font-size: 34px; text-align: center; width: 200px; padding: 5px 30px; text-decoration:none; }
.mainbutton a {text-decoration: none; color: #fff;}
.mainbutton:hover { background-color:rgba(0,0,0,0.8); border: 5px solid #819258; color: #819258 !important;}
.mainbutton a:hover {color: #819258 !important;}
.mainbutton:active { position:relative; top:1px;}
.beright {float: right;}
#leavespace { height: 5vh;}
#smallspace { height: 15px;}
.logoimage { margin-top: 0px; width: 100%; }
.logobox { text-align: center; width: 65%; margin: 0 auto; margin-top: 10vh; }

/*End Main Screen Elements*/

#map { width: 100%; }


#visitbuttoncontainer { width:920px; margin: 0 auto; margin-top: 20px; padding: 0px; margin-bottom: 20px;}
.visitbutton { background-color: #fff; border:3px solid #313131; display:inline-block; position: relative; cursor:pointer; color:#313131; font-family:'Brandon Grot W01 Bold', sans-serif; font-size: 26px; text-align: center; width: 170px; padding: 5px 30px; text-decoration:none; float: right; margin-right: 20px;}
.visitbutton a {text-decoration: none; color: #90a878;}
.visitbutton:hover { background-color:#fff; border: 3px solid #819258; color: #819258 !important;}
.visitbutton a:hover {color: #819258 !important;}
.visitbutton:active { position:relative; top:1px;}


.itinerarycontainer {width: 920px; margin-left: 50px; margin-bottom: 50px;}
.itinerary {
	text-align: center;
	width: 300;
	margin-right: 10px;
	float: left;
	display: block;
}

.itinbutton { background-color: #fff; border:3px solid #313131; display:inline-block; position: relative; cursor:pointer; color:#313131; font-family:'Brandon Grot W01 Bold', sans-serif; font-size: 26px; text-align: center; width: 200px; padding: 5px 30px; text-decoration:none; float: right; margin-right: 20px; margin-top: 20px;}
.itinbutton a {text-decoration: none; }
.itinbutton:hover { background-color:#fff; border: 3px solid #819258; color: #819258 !important;}
.itinbutton a:hover {color: #819258 !important;}
.itinbutton:active { position:relative; top:1px;}



#bookbuttoncontainer { width:920px; margin: 0 auto; margin-top: 20px; padding: 0px; margin-bottom: 20px; text-align: center;}
.bookbutton { background-color: #fff; border:3px solid #313131; display:inline-block; position: relative; cursor:pointer; color:#313131; font-family:'Brandon Grot W01 Bold', sans-serif; font-size: 26px; text-align: center; width: 170px; padding: 5px 30px; text-decoration:none; margin: 0 auto; margin-right: 20px;}
.bookbutton a {text-decoration: none; color: #90a878;}
.bookbutton:hover { background-color:#fff; border: 3px solid #819258; color: #819258 !important;}
.bookbutton a:hover {color: #819258 !important;}
.bookbutton:active { position:relative; top:1px;}


/*Explore the Island Section Elements*/
.beleft { float: left;}
.bottom {margin-top: 15px;}
#dmobuttonbox {width: 100%; margin: 0 auto; text-align: center; margin-top: 40px; margin-bottom: 50px; padding-left: 20px;}
/*End Explore the Island Section*/

/*Contest Section Elements*/
#contest-box { margin: 20px; margin-top: 20px; display: block; width: 700px; margin: 0 auto; height: 900px; overflow: hidden;}

/*End Contest Section Elements*/

#waystowin { float: right; width: 500px; }


.bw { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
.bw:hover { -webkit-filter: brightness(50%); cursor: pointer; }


.sweepstakespackage { width: 520px; float: left; margin-top: 20px; margin-bottom: 20px; }
.sweepsprizeitem { width: 250px; height: 220px; float: left; margin-right: 0px; margin-left: 10px; margin-top: 10px; }
.sweepsprizeitem p { font-size: 15px; padding-left: 0px; }
.sweepsprizeitem a:hover { color: #90a878; }
.sweepsprizeitem h2 { font-size: 16px; font-weight: 700; padding-left: 0px; }
.grandprizeitem { width: 295px; float: left; margin-right: 8px; margin-left: 10px; margin-top: 10px; }
.grandprizeitem p { font-size: 16px; padding-left: 0px; }
.grandprizeitem a:hover { color: #90a878; }
.grandprizeitem h2 { font-size: 20px; font-weight: 700; padding-left: 0px; }
.bonusbox { width: 445px; float: left; height: 250px; margin-left: 20px; margin-bottom: 20px; }
.bonusimage { padding: 0px 20px 0px 20px; float: left; }
.bonustext {overflow: none; font-size: 18px;}
.bonustitle {margin-left: 20px; margin-top: 10px; margin-bottom: 10px;}
.grey { background-color: #c7c7c7; }


/*Footer Elements*/
#dmologos {float: left; diplay: block; margin-left: 20px; margin-bottom: 20px; width: 100%;}
#dbclogo {margin-left: 20px; margin-bottom: 40px;}
.destinationlogo {display: inline-block; margin-right: 20px;}
/*End Footer Elements*/


.instagramcontainer {margin-left: 20px;}







/* =Media Queries
-------------------------------------------------------------- */
@media (max-width: 1024px) {
	
	html,body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}
	
	/*Standard CSS Styles*/
p { padding: 5px 20px; font-family:'BrandonGrotW01-Regular', sans-serif; font-weight: 300; font-size: 20px;}
h1 { font-family:'BrandonGrotW01-Regular', sans-serif; font-weight: 700; font-size: 50px; padding: 5px 20px;}
h3 { font-family: 'BrandonGrotW01-Regular', sans-serif; font-weight: 600; font-size: 24px; padding: 5px 20px;}
h2 { padding: 0px 20px; font-family:'BrandonGrotW01-Regular', sans-serif; font-weight: 300; font-size: 20px;}
ul { list-style: none; padding: 0px;}
li { font-family:'BrandonGrotW01-Regular', sans-serif; font-weight: 300; font-size: 20px;}
a { text-decoration: none; color: #000; }

	
	/*Navigation Elements*/
  	#nav-trigger { display: block;}
  	nav#nav-main { display: none; }
	nav#nav-mobile { display: block; margin-top: 45px; }
	.topnavsize {display: none; width: 0px; height: 0px;}
	/*End Navigation Elements*/
	
	
	
	/*Main layout elements*/
.wrap { width: 100%; z-index: 10; position: relative; margin: 0 auto; padding: 0; -webkit-overflow-scrolling: touch;}
#background { background: url("images/home-back-mobile.jpg") no-repeat ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; -webkit-overflow-scrolling: touch;}
.section { width: 100%; z-index: 10; position: relative; margin: 0 auto; padding: 0 0 20px 0; -webkit-overflow-scrolling: touch;}
.inner { width: 100%; margin: 0 auto; position: relative; min-height: 50px; padding: 0px 0; text-align: center; -webkit-overflow-scrolling: touch;}
.inner:after { content: ""; display: table; clear: both; -webkit-overflow-scrolling: touch;}
.insidesection {width: 100%; background: #fff; margin: 0 auto; color: #000; -webkit-overflow-scrolling: touch;}
.insidesection a:hover { color: #819258; -webkit-overflow-scrolling: touch;}
.sTop { width: 100%; height: 100vh; color:#fff; -webkit-overflow-scrolling: touch;}
/*End main layout elements*/


.s1 { background-image: none; height: 100%; -webkit-overflow-scrolling: touch; }
.s2 { background-image: none; height: 100%; -webkit-overflow-scrolling: touch; }
.s3 { background-image: none; height: 100%; -webkit-overflow-scrolling: touch;}
.s4 { background-image: none; height: 100%; -webkit-overflow-scrolling: touch;}
.s5 { background-image: none; height: 100%; -webkit-overflow-scrolling: touch;}
.s6 { background-image: none; height: 100%; text-align: center; -webkit-overflow-scrolling: touch;}
.s7 { background-image: none; height: 100%; -webkit-overflow-scrolling: touch;}
.footer { width: 100%; background: #000; position: absolute; -webkit-overflow-scrolling: touch;}
.insidefooter { width: 100%; color: #fff; margin: 0 auto; background: #000; display: block; position: relative; -webkit-overflow-scrolling: touch; }
.sectiontitle { text-align: center; margin-bottom: 40px; margin-top: 60px; width: 90%; -webkit-overflow-scrolling: touch; }
.titlecontainer { position: relative; width: 100%; text-align: center; margin-bottom: 5vh; margin-top: 5vh; -webkit-overflow-scrolling: touch;}
.title { margin: 0 auto; width: 90%; }
.pad { margin-left: 0px; margin-top: 4vh; margin-bottom: 4vh; width: 90%;}
.subtitle {margin-left: 10px; margin-top: 50px; width: 90%;}

/*End main layout elements*/



/*Main Screen Elements*/
#buttoncontainer { width:90%; margin: 0 auto; margin-top: 10vh; -webkit-overflow-scrolling: touch;}
.mainbutton { background-color:rgba(0,0,0,0.6); border:5px solid #ffffff; display: block; position: relative; cursor:pointer; color:#fff; font-family:'Brandon Grot W01 Bold', sans-serif; font-size: 34px; text-align: center; width: 70%; padding: 10px; text-decoration:none; margin: 0 auto; margin-bottom: 10px; }
.mainbutton a {text-decoration: none; color: #fff;}
.mainbutton:hover { background-color:rgba(0,0,0,0.8); border: 5px solid #819258; color: #819258 !important;}
.mainbutton a:hover {color: #819258 !important;}
.mainbutton:active { position:relative; top:1px;}
.beright {float: none;}
#leavespace { height: 5vh;}
#smallspace { height: 15px;}
.logoimage { margin-top: 0px; width: 100%; -webkit-overflow-scrolling: touch;}
.logobox { text-align: center; width: 80%; margin: 0 auto; margin-top: 5vh; }
	
#map { width: 100%;}	

.videocontainer {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: 0 auto;
	text-align: center;
	-webkit-overflow-scrolling: touch;
}
.videocontainer iframe {
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 90%;
	padding-left: 4%;
}

/*Explore the Island Section Elements*/
.beleft { float: none}
.bottom {margin-top: 0px;}
#dmobuttonbox {width: 100%; text-align: center; margin-top: 40px; margin-bottom: 50px; -webkit-overflow-scrolling: touch; margin-left: 0px;}

.bw { width: 80%; margin-top: 15px; display: inline; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; margin-left: -40px; }
.bw:hover { -webkit-filter: none; cursor: pointer; }
/*End Explore the Island Section*/

#contest-box { margin-left: 0px; margin-right: 0px; margin-top: 20px; margin-bottom: 20px; display: block; width: 100%; margin: 0 auto; float: none; overflow: hidden; -webkit-overflow-scrolling: touch;}

#waystowin { float: none; width: 90%; -webkit-overflow-scrolling: touch; }


.sweepstakespackage { width: 100%; float: none; margin-bottom: 10px; text-align: center; -webkit-overflow-scrolling: touch; }
.sweepsprizeitem { width: 100%; height: 30%; float: left; margin-bottom: 10px; }
.sweepsprizeitem img { display: none;}
.sweepsprizeitem p { font-size: 18px; padding-left: 0px; }
.sweepsprizeitem a:hover { color: #90a878; }
.sweepsprizeitem h2 { font-size: 20px; font-weight: 700; padding-left: 0px; }

.grandprizeitem { width: 100%; height: 30%; float: left; margin-bottom: 10px; text-align: center; -webkit-overflow-scrolling: touch;}
.grandprizeitem p { font-size: 18px; padding-left: 0px; }
.grandprizeitem img { display: none;}
.grandprizeitem a:hover { color: #90a878; }
.grandprizeitem h2 { font-size: 20px; font-weight: 700; padding-left: 0px; }


.bonusbox { width: 100%; float: left; height: 25%; margin-left: 0px; margin-bottom: 20px; -webkit-overflow-scrolling: touch;}
.bonusimage { display:none; }
.bonustext {overflow: none; font-size: 18px;}
.bonustitle {margin-left: 0px; margin-top: 10px; margin-bottom: 10px;}
.grey { background-color: #fff; }


/*Footer Elements*/
#dmologos {float: left; diplay: block; margin-left: 20px; margin-bottom: 20px; width: 100%;}
#dbclogo {margin-left: 20px; margin-bottom: 40px; width: 90%}
#dbclogo img { width: 90%;}
.destinationlogo {display: block; margin-left: 0px; }

/*End Footer Elements*/

.instagramcontainer {margin-left: 0px; text-align: center;}

.itinerarycontainer {width: 100%; margin-left: 0px; margin-bottom: 50px; text-align: center;}
.itinerary {
	text-align: center;
	width: 100%;
	margin-right: 0px;
	float: left;
	display: block;
	margin-bottom: 50px;
	margin-top: 20px !important;
}

.itinbutton { background-color: #fff; border:3px solid #313131; display:inline-block; position: relative; cursor:pointer; color:#313131; font-family:'Brandon Grot W01 Bold', sans-serif; font-size: 26px; text-align: center; width: 60%; padding: 5px 30px; text-decoration:none; float: none; margin-right: 0px; margin-top: 20px;}


.dmoheader { width: 100%;}


#bookbuttoncontainer { text-align: center; width:100%; margin: 0 auto; margin-top: 20px; padding: 0px; margin-bottom: 20px; text-align: center;}
#visitbuttoncontainer { text-align: center; width:100%; margin: 0 auto; margin-top: 20px; padding: 0px; margin-bottom: 20px;}
.visitbutton { background-color: #fff; border:3px solid #313131; display:inline-block; position: relative; cursor:pointer; color:#313131; font-family:'Brandon Grot W01 Bold', sans-serif; font-size: 26px; text-align: center; width: 170px; padding: 5px 30px; text-decoration:none; float: none; margin-right: 0px; margin-top: 20px;}

#schedule {width: 90%;}
#schedule p {font-size: 10px;}
#schedule h2 {font-size: 10px;}
	}