@charset "UTF-8";
/*--NEW FRAME--*/
img{border:0;max-width:100%;height:auto;width:auto\9; /* ie8 */}

html{overflow-x: auto;margin:0px auto;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;height:100%}
body{background-color:#fff;font-family: 'Roboto', sans-serif;margin:0px auto;height:100%;}
.section {clear: both;padding: 0px;margin: 0px;}
.col {display: block;float:left;margin: 0 0 0 0;}
.col:first-child { margin-left: 0; }
.cola {display: block;float:left;margin: 0 0 0 0;}
.cola:first-child { margin-left: 0; }
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1;  }
.s2 {width: 100%;}
.s1 {width: 50%;}
.s3 {width: 20%;border-right:1px solid #6b583f;padding:0 0 20px 0;margin-right:20px;}
@media screen and (max-width: 970px) {    .s3 { display:none } }
.s4 {width: 69.74%;margin: 0 0 1% 0;overflow:hidden}
.s5 {width: 30%;}
.s6 {width: 55%;}
.s7 {width: 25%;border-left:1px solid #6b583f;}
@media screen and (max-width: 500px) {    .s7 { border-left:none } }
.s8 {width: 74.2%;}
.s9 {width: 33.3%%}
@media only screen and (max-width: 500px) {
	.col {margin: 0 0 1% 0%;}
}
@media only screen and (max-width: 500px) {
	.s2, .s1, .s3, .s4, .s5, .s6, .s7, .s8, .s9 {width: 100%;}
}
.container1{max-width:1200px;min-width:310px;margin:0 auto;min-height:700px;overflow: hidden;background-color:#fff;padding:10px;}
@media only screen and (max-width: 750px) {
	.container1 {border:none;padding:10px}
}


.containerout{margin-bottom:0px;width:100%;background-color:#fff;}
/*.containerout{margin-bottom:0px;width:100%;background-color:#fff;border-top:1px solid #000}*/
.topimg{min-width:310px;overflow:hidden;background-color:#fff;max-width:100%;margin:0 auto;border-top:2px solid #000;margin-top:38px}
@media only screen and (max-width: 750px) {
	.topimg {margin-top:40px}
}
.logo{float:left;margin:5px 15px 0 10px}
@media only screen and (max-width: 750px) {
	.logo {text-align: center;}
}

ul.test {list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color: #333;z-index: 2147483647}
/* Float the list items side by side */
ul.test li {float: left;}
/* Style the links inside the list items */
ul.test li a {display: inline-block;color: #a9a9a9;padding:17px 12px 0 12px;text-decoration: none;transition: 0.3s;font-size: 14px;text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif;}
/* Change background color of links on hover */
ul.test li a:hover {color: #f1e366;}
/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.test li.icon {display: none;}
@media screen and (max-width: 950px) {    .test { display: none; } }


ul.test2 {list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color: #a20105;z-index: 2147483647}
/* Float the list items side by side */
ul.test2 li {float: left;}
/* Style the links inside the list items */
ul.test2 li a {display: inline-block;color: #fff;padding:0 10px 0 10px;text-decoration: none;transition: 0.3s;font-size: 14px;font-family: 'Oswald', sans-serif;line-height:30px;font-weight:normal}
/* Change background color of links on hover */
ul.test2 li a:hover {color: #f1e366;}
/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.test2 li.icon {display: none;}
@media screen and (max-width: 950px) {    .test2 { display: none; } }

.margten1{margin:0 10px 0 10px;line-height:50px;}
.logomarg{padding:7px 30px 0 10px;width:200px}
@media screen and (max-width: 400px) {    .logomarg { width:160px;margin-top:10px } }

.margl20{margin-left:20px}

/* Add a hover effect if you want */
.fa:hover {
    opacity: 0.7;
}
h1{font-family: 'Oswald', sans-serif;margin:0;font-size: 44px;line-height:50px;color:#fff;-webkit-font-smoothing: antialiased;text-transform: uppercase;text-align: center;padding:30px}
@media only screen and (max-width: 500px) {
	h1 {font-size: 34px;line-height:38px}
}
h2{font-family: 'Oswald', sans-serif;font-size:28px;color:#494949;font-weight:400;line-height: 30px;text-transform: uppercase;margin-bottom:10px}
h3{font-family: 'Oswald', sans-serif;color:#18254f;line-height: 18px;font-size:16px;margin:20px 0 10px 0;text-transform: uppercase;font-weight:normal}
h4{font-family: 'Oswald', sans-serif;font-size:42px;line-height:44px;color:#000;margin:10px 0 5px 0;font-weight:normal;text-transform: uppercase;}

.boxw h4{background-color: #494949; /* Green */
    border: none;
    color:#fff;
    padding: 15px;
    
    display: inline-block;
     font-size:26px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
     margin:0 0 10px -20px;
     width:75%;
     border-left:20px solid #f0af02;
    line-height:28px;
     }
@media only screen and (max-width: 500px) {
	.boxw h4 {width:90%;}
}

.boxw h3{background-color: #808080; /* Green */
    border: none;
    color:#fff;
    padding: 15px;
    
    display: inline-block;
     font-size:18px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
     margin:0 0 10px -20px;
     width:50%;
     border-left:20px solid #99ae0b;
    line-height:20px;
     }
@media only screen and (max-width: 500px) {
	.boxw h3 {width:90%;}
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	 display: inline-block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
.boxw h3{font-family: 'Oswald', sans-serif;font-size:24px;line-height:32px;color:#99ae0b;margin:40px 0 5px 0;text-transform: uppercase;font-weight:normal}
.boxw h3 a{font-size:24px;color:#99ae0b;text-decoration:none}
.boxw h3 a:hover{color:#f0af02;}
.boxw h4{font-family: 'Oswald', sans-serif;font-size:30px;line-height:44px;color:#494949;margin:10px 0 15px 0;font-weight:normal;text-transform: uppercase;}
.boxw h4 a{font-size:30px;color:#494949;text-transform: uppercase;text-decoration:none}
*/
.boxw h5{font-family: 'Oswald', sans-serif;font-size:16px;line-height:20px;color:#494949;margin:0 0 5px 0;font-weight:normal;text-transform: uppercase;}
.boxw h5 a{font-size:16px;color:#99ae0b;text-decoration: none;}
.boxw h5 a:hover{color:#f0af02}
@media only screen and (max-width: 500px) {
	.boxw h5 a{font-size: 18px;line-height:22px}
}
.boxw h6{font-family: 'Oswald', sans-serif;font-size:16px;line-height:18px;color:#f0af02;margin:5px 0 5px 0;font-weight:normal;}
.boxw h6 a{font-size:16px;color:#99ae0b;text-decoration: none;}
.boxw h6 a:hover{color:#f0af02}
.breadcrumb{font-size:12px;color:#000;text-align: center;margin:0 30px 30px 30px;}
.breadcrumb a{font-size:12px;color:#000;text-decoration: none;}
.breadcrumb a:hover{color:#99ae0b;}
.boxw h2{font-family: 'Oswald', sans-serif;font-size:28px;line-height:36px;color:#494949;margin:5px 0 0 0;text-transform: uppercase;}
.boxw h2 a{font-family: 'Oswald', sans-serif;font-size:28px;line-height:32px;color:#99ae0b;margin:5px 0 0 0;text-transform: uppercase;text-decoration: none;}
.boxw h2 a:hover{color:#f0af02;}

.boxw{font-size: 16px;line-height: 1.5;color:#808080;background-color:#fff;margin-right:20px}
@media only screen and (max-width: 500px) {
	.boxw {margin-right:0}
}
.boxw a{font-size:16px;color:#f0af02;}
.boxw a:hover{color:#99ae0b;}



/*.boxw img{float:right;width:50%;margin:10px}


@media only screen and (max-width: 500px) {.boxw img{display: block;
  margin-left: auto;
  margin-right: auto;margin-bottom:20px}}
  */
  
.boxw img{display: block;
  margin-left: auto;
  margin-right: auto;margin-bottom:20px}
  
  
  
.letters{font-family: 'Oswald', sans-serif;line-height:34px;padding:0 10px 0 0;text-align: center;}
.letters a{font-family: 'Oswald', sans-serif;font-size:24px;color:#f0af02;text-decoration:none;}
.letters a:hover{color:#99ae0b;}

.locatorlist{font-family: 'Oswald', sans-serif;font-size:20px;color:#000;margin-top:30px;text-transform: uppercase;}
.locatorlist a{font-family: 'Oswald', sans-serif;font-size:20px;color:#000;text-decoration:none;}
.locatorlist a:hover{color:#f0af02;}

.rightmenu{font-size:20px;background-color: #000;width:10%;height:50px;text-align: center;border-left:1px solid #ccc}
@media only screen and (max-width: 500px) {
	.rightmenu {width:15%;}
}

.rightmenu1{font-size:20px;background-color: #000;width:10%;height:50px;text-align: center;border-left:1px solid #ccc}
@media only screen and (max-width: 500px) {
	.rightmenu1 {display:none}
}
.rightmenu2{font-size:20px;background-color: #000;width:10%;height:50px;text-align: center;border-left:1px solid #ccc}
@media only screen and (max-width: 500px) {
	.rightmenu2 {width:30%;}
}

.h1title{margin:0 auto;width: 100%;height:100%;border-bottom:1px solid #000;background-image: url(/img/h1back.jpg);}

.topnavholderout{margin:0 auto;width: 100%;height:50px;background-color:#333;border-bottom:1px solid #fff;font-size: 14px;}
.topnavholderout1{margin:0 auto;width: 100%;height:30px;background-color:#a20105;border-bottom:1px solid #fff;font-size: 14px;}
@media only screen and (max-width: 950px) {
	.topnavholderout1 {display:none}
}
.topnavholderout2{margin:0 auto;width: 100%;height:30px;background-color:#000;border-bottom:1px solid #fff;font-size: 14px;color:#fff;padding:17px 12px 0 12px;border-top:1px solid #fff}
@media only screen and (max-width: 950px) {
	.topnavholderout2 {display:none}
}
/*.topnavholderout{margin:0 auto;position: fixed;top: 0;width: 100%;z-index: 2147483647;height:50px;background-color:#000;border-bottom:1px solid #000;font-size: 14px;}*/
/*.topnavholderout{margin:0 auto;position: fixed;top: 0;width: 100%;z-index: 2147483647;height:auto;background-color:#67c2f6;border-bottom:5px solid #000;font-size: 14px;}*/
.main-nav-holder{margin:0 auto;max-width:100%;margin-bottom:0px;height:80px}
/*.main-nav-holder{margin:0 auto;max-width:100%;margin-bottom:0px;height:60px;z-index: 2147483647;}*/
/*.main-nav-holder{margin:0 auto;max-width:970px;margin-bottom:0px;height:auto;z-index: 2147483647;}*/
.cent{text-align: center;}
.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}


.searchhold{width:50%;height:100px;margin:5px 0 5px 20px}
@media only screen and (max-width: 750px) {
	.searchhold {width: 90%;}
}
@media only screen and (min-width: 600px) {
	.smallscreen {display:none;}
}
.search{margin:0 0 10px 0;background-color: #fff;z-index: 2147483647;}
input[type=text] {
font-family: 'Oswald', sans-serif;
width: 50%;
padding: 8px;
margin: 0 8px 0 0;
box-sizing: border-box;
border: 1px solid #fff;
/*border-radius: 8px;*/
background-color:#fff;
font-size: 18px;
color:#000;
text-align: center;
-webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
@media only screen and (max-width: 750px) {
	input[type=text] {width: 90%;}
}
/*input[type=text]:focus {
    width: 40%;
}*/
#searchdrop {
width: 98.3%;
margin-top: 5px;
padding: 8px;
background-color: #333;
font-size: 14px;
color: #666;
line-height: 24px;
text-align:left;
margin:0 0 30px 0;
z-index: 2;
}
#searchdrop a{
font-size: 20px;
text-decoration:none;
color:#fff;
}
#searchdrop a:hover{
color:#f1e366;
}

/*NEW SIDE NAVIGATION*/
/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Stay on top */

    bottom: 0;
    left: 0;
    background-color: #333; /* Black*/
    overflow-x: hidden !important;-webkit-overflow-scrolling: touch;
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

@media only screen and (max-width: 750px) {
	.sidenav {padding-top: 10px; /* Place content 60px from the top */}
}

/* The navigation menu links */
.sidnavtitle {
font-family: 'Oswald', sans-serif;
    padding: 16px 8px 15px 20px;
    text-decoration: none;
    font-size: 28px;
    color: #fff;
    display: block;

    line-height: 32px;
}
#searchlink {
font-family: 'Oswald', sans-serif;
    padding: 16px 8px 15px 0px;
    text-decoration: none;
    font-size: 28px;
    color: #666;
    display: block;
  
    line-height: 42px;
}
#searchlink a{font-size: 28px; color:#666
}
.sidnavtitlesmall {
font-family: 'Oswald', sans-serif;
    padding: 16px 8px 0 20px;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    display: block;
 
    line-height: 22px;
}
.sidnavtitlesmallmenu {
font-family: 'Oswald', sans-serif;
    padding: 5px 8px 0 0;
    text-decoration: none;
    font-size: 20px;
    color: #808080;
    display: block;

    line-height: 22px;
}

.sidnavtitleleft {
font-family: 'Oswald', sans-serif;
    padding: 5px 8px 15px 0;
    text-decoration: none;
    font-size: 28px;
    color: #fff;
    display: block;

    line-height: 32px;
}
.sidenav .sidnavtitleleft {
    padding: 16px 8px 15px 20px;
}
.sidenav .sidemenu a{
    font-size: 14px;color: #fff;
}
.s3menuinfo{width: 95%;padding:10px;border-top:1px solid #000}

.sidemenuinfo{font-size:14px;line-height:18px;color:#808080;}
.sidemenutitle{font-family: 'Oswald', sans-serif;font-size: 20px;line-height: 22px;color: #99ae0b;margin: 5px 0 5px 0;text-transform: uppercase;text-decoration: none;}
.sidemenutitle a{font-size:18px;color:#99ae0b;}
.sidemenutitle a:hover{color:#f0af02;}

.s3menuinfo .sidnavtitleleftsub {
    color: #4a811b;
}

.s3menu{width: 100%;padding:10px;border-top:1px solid #000}
@media screen and (max-width: 500px) {    .s3menu { display:none } }

.s3menu .sidemenu a {
    font-size: 14px;color: #7f9dac;font-weight:normal;
}
.sidemenu a:hover, .sidenav a:hover{color:#f1e366}

.sidnavtitleleftsub {
font-family: 'Oswald', sans-serif;
    padding: 16px 8px 15px 0;
    text-decoration: none;
    font-size: 28px;
    color: #fff;
    display: block;

    line-height: 30px;
}
.s3menu .sidnavtitleleftsub {
    color: #054a7d;
}
.s3menu .sidnavtitleleft {
    color: #f2b000;
}
.s3menu .sidnavtitlesmallmenu{
    color: #f2b000;
}

.s3menu .sidemenu a:hover{
    color: #f2b000;
}

.sidenav .sidnavtitleleftsub {
    padding: 16px 8px 15px 20px;
}
.sidenavmaintitile{font-family: 'Oswald', sans-serif;font-size:28px;color:#fff;background-color:#990000;height:10px;width:100%;text-align: center;margin-right:-10px}
.sidenav a {
    padding: 0 8px 8px 20px;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    display: block;
    line-height:20px;
    transition: 0.3s
}

/* When you mouse over the navigation links, change their color */
/*.sidenav a:hover, .offcanvas a:focus{
    color: #f1e366;
}*/

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
   position: relative;
    top: 15px;
    right:10%;
font-size:20px;
    color:#fff
}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 10px;}
    .sidenav a {font-size: 18px;}
}
.sidemenu{font-size:14px;color:#fff;line-height:20px;font-weight:normal}
.sidemenu a{text-decoration:none;color:#fff;font-size:14px;}


#footer{
padding-top: 30px;
background: #333;margin-top:20px;border-top:2px solid #000;margin-bottom:-10px}

/*.container:after{content: "";
display: block;
position: absolute;
top: -110px;
left: 0;
background: url("/img/mountains.png") no-repeat;
width: 200px;
height: 80px;}
.container{position: relative;
margin: 0 auto;
background: #990000;
max-width: 60.625em;
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 970px;}*/
.tallgap{margin:70px 0 20px 0;max-width:100%;height:1px;}
.footcolc{font-size:14px;color:#fff;margin:5px 0 10px 0;line-height:20px;text-align: center;}
.footcolc a{font-size:14px;color:#fff;text-decoration: none;}
.footcolc a:hover{color:#f1e366}

.socialout{max-width:100%;margin:0 auto;height:30px}
.social{max-width:970px;min-width:310px;margin:0 auto;}

.margtop5{margin-top:1px}
@media only screen and (max-width: 750px) {
	.margtop5 {margin-top:2px}
}
.margin{margin:5px 5px 0px 5px}
p{margin:0 0 20px 0}

.fl{float:left}
.fr{float:right}
.cb{clear: both}
.producttitle{font-family: 'Oswald', sans-serif;line-height:22px;font-size:20px;color:#000;text-transform: uppercase;padding:0 10px 10px 0}
.producttitle a{font-size:20px;color:#000;text-decoration: none;}
.producttitle a:hover{color:#f0af02;}
.productsku{font-size:12px;line-height:14px;margin-top:5px;color:#000}
.productsku a{color:#6b2205;}
.productsku a:hover{color:#f0af02;}
.prodtease{font-size:12px;line-height: 14px;margin:10px 0 10px 0}
.prodcats{font-family: 'Oswald', sans-serif;line-height:16px;color:#000;margin:5px 0 5px 0;text-transform: uppercase;font-size:12px;line-height: 18px;}
.prodcats a{font-size:14px;color:#000;text-decoration: none;}
.prodcats a:hover{color:#f0af02}
.percent{font-size:14px;color:#de3411;font-weight:bold}
.productprice,.sales{font-size:28px;line-height:30px;margin-bottom:10px;color:#000}
.sales{color:#f0af02}
.price,.saleprice{font-size:54px;color:#000;}
.saleprice{color:#f0af02;}
.saleital{color:#000;font-size:12px;}
.add{font-size:10px;line-height:14px;}
.red{color:#de3411}
.black{color:#000}
.large{font-size: 300%;}
.medium{font-size: 26px;color:#000;line-height:28px;margin-bottom:10px}
.xlarge{font-size: 600%;}
.med{font-size: 200%;}
.small{font-size: 125%;}
.xsmall{font-size:12px;}


.shoptitlelarge{background-color: #494949; /* Green */
    border: none;
    color:#fff;
    padding: 10px;
    
    display: inline-block;
     font-size:20px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
     margin:50px 0 10px -20px;
     width:75%;
     border-left:20px solid #f0af02;
    line-height:28px;
     }
@media only screen and (max-width: 500px) {
	.shoptitlelarge {width:90%;}
}

.shoptitlesmall{background-color: #808080; /* Green */
    border: none;
    color:#fff;
    padding: 15px;
    
    display: inline-block;
     font-size:18px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
     margin:30px 0 10px -20px;
     width:50%;
     border-left:20px solid #f0af02;
    line-height:20px;
     }
@media only screen and (max-width: 500px) {
	.shoptitlesmall {width:90%;}
}


.button {
    background-color: #a20105; /* Green */
    border: none;
    color: white;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
      -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
     margin:10px 0 20px 0;
}

     
.button a{text-decoration: none;color:#fff}
.button1 {
    background-color: #a20105; 
    color: white; 
    font-size: 12px;
    border-radius: 50px;
    padding: 20px;
}
.button1 a{font-size: 16px;}

.button1:hover {
    background-color: #808080;
    color: white;
}
.skuadd{font-size:14px;line-height: 22px;margin-bottom:40px}

.boxs{line-height: 1.8;color:#808080;padding:10px 0 10px 0;overflow:hidden;margin:0 5px 10px 5px;}
.boxstore{line-height: 1.8;color:#808080;padding:10px;overflow:hidden;margin:20px;height:250px}
@media only screen and (max-width: 500px) {
	.boxstore {height:300px}}

.shopphoto img{
  width: 50%;
 
  -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
       -o-transition: all 1s ease-in-out;
      -ms-transition: all 1s ease-in-out;
          transition: all 1s ease-in-out;
}
 
.shopphoto:hover img{
  width: 150%;
transition: all .6s ease-in-out;
}
@media only screen and (max-width: 500px) {
	.shopphoto:hover img {width: 50%;}
}

.boxstoresmall{line-height: 1.8;color:#808080;padding:10px;overflow:hidden;margin:10px;}


#map{width:100%;height:500px;border:1px solid #000;margin-bottom:20px}
@media only screen and (max-width: 750px) {
	#map {width: 100%;height:300px}
}
.filter-ui {background:#fff;position:absolute;top:10px;right:10px;z-index:10;padding:5px;border-radius:3px;border: black;}
.center{text-align: center;}
.supporters{width:100%;margin:0 auto;padding:0 10px 10px 10px}
.supporters h2{margin-top:0px}
.footmods{max-width:970px;margin:0 auto;padding:10px}
.footmods h2{margin-top:0px;text-align: center;color:#666}
@media only screen and (max-width: 750px) {
	.footmods {text-align: center;}
}
.margt{margin:0 0 10px 0}
@media only screen and (max-width: 500px) {
	.margt {margin:0}
}
em{color:#000;font-size:12px;}
hr { 
     display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #fff;
    margin: 5px;
    padding: 0;
}
.gap{margin:20px 0 20px 0;max-width:100%;height:1px;background-color: #666;}
/*----NEW RESPONSIVE---*/
/* 1 column: 320px */
.autowide {
  margin: 0 auto;
	width: 98%;
}

.autowide .module .modulewide{
 
  border-radius: .25rem;
  margin-bottom: 0;
}
.autowide .module p .modulewide p{
  /*padding: .25rem .75rem;*/
}

/* 2 columns: 600px */
@media only screen and (min-width: 400px) {
  .autowide .module{
		float: left;
		margin-right: 0;
		width: 100%;
	}
	.autowide .module:nth-child(2n+0) {
		margin-right: 0;
	}
}

/* 2 columns: 600px */
@media only screen and (min-width: 400px) {
  .autowide .modulewide{
		float: left;
		margin: 20px 0 0 0;
		width: 100%;
	}
	.autowide .modulewide:nth-child(2n+0) {
		margin-right: 0;
	}
}

/* 3 columns: 768px */
@media only screen and (min-width: 500px) {
  .autowide .module {
		width: 33.3%;
		/*width: 50%;*/
	}
	.autowide .module:nth-child(2n+0) {
		margin-right: 0;
	}
	.autowide .module:nth-child(3n+0) {
		margin-right: 0;
	}
}

/* 3 columns: 768px */
@media only screen and (min-width: 500px) {
  .autowide .modulewide {
		width: 60%;
		/*width: 50%;*/
	}
	.autowide .modulewide:nth-child(2n+0) {
		margin-right: 0;
	}
	.autowide .modulewide:nth-child(3n+0) {
		margin-right: 0;
	}
}


/* 4 columns: 992px and up */
/*@media only screen and (min-width: 992px) {
  .autowide .module {
		width: 25%;
	}
	.autowide .module:nth-child(3n+0) {
		margin-right: 0;
	}
	.autowide .module:nth-child(4n+0) {
		margin-right: 0;
	}
}
*/
/*----END NEW RESPONSIVE---*/








/* -------------------------------- 

Primary style

-------------------------------- */


html {
  font-size: 62.5%;
}








/* -------------------------------- 

Slider

-------------------------------- */
.cd-hero {
  position: relative;
  border-bottom:1px solid #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cd-hero-slider {
  position: relative;
  height: 360px;
  overflow: hidden;
}
.cd-hero-slider li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-hero-slider li.selected {
  /* this is the visible slide */
  position: relative;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-hero-slider li.move-left {
  /* slide hidden on the left */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected {
  /* the is-moving class is assigned to the slide which is moving outside the viewport */
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}
@media only screen and (min-width: 768px) {
  .cd-hero-slider {
    height: 500px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-hero-slider {
    height: 680px;
  }
}

/* -------------------------------- 

Single slide style

-------------------------------- */
.cd-hero-slider li {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.cd-hero-slider li:first-of-type {
  background-color: #2c343b;
  background-image: url("/topimages/delicate-arch.jpg");
}
.cd-hero-slider li:nth-of-type(2) {
  background-color: #3f4953;
  background-image: url("/topimages/bryce-canyon-national-park-10.jpg");
}
.cd-hero-slider li:nth-of-type(3) {
  background-color: #6b2205;
  background-image: url("/topimages/road-trip.jpg");
}
/*.cd-hero-slider li:nth-of-type(4) {
  background-color: #2c343b;
  background-image: url("../hero-slider/assets/video-replace-mobile.jpg");
}*/
.cd-hero-slider li:nth-of-type(4) {
  background-color: #2c343b;
  background-image: url("/topimages/yellowstone.jpg");
}
.cd-hero-slider li:nth-of-type(5) {
  background-color: #2c343b;
  background-image: url("/topimages/american-pika.jpg");
}
.cd-hero-slider li:nth-of-type(6) {
  background-color: #2c343b;
  background-image: url("/topimages/joshua-tree-national-park-camping.jpg");
}
.cd-hero-slider li:nth-of-type(7) {
  background-color: #2c343b;
  background-image: url("/topimages/zion-national-park-1.jpg");
}
.cd-hero-slider li:nth-of-type(8) {
  background-color: #2c343b;
  background-image: url("/topimages/glacier.jpg");
}
.cd-hero-slider li:nth-of-type(9) {
  background-color: #2c343b;
  background-image: url("/topimages/yosemite-national-park-half-dome-hiking.jpg");
}
.cd-hero-slider li:nth-of-type(10) {
  background-color: #2c343b;
  background-image: url("/topimages/majestic-lodge-yosemite.jpg");
}
.cd-hero-slider li:nth-of-type(11) {
  background-color: #2c343b;
  background-image: url("/topimages/canyonlands-national-park-arch.jpg");
}
.cd-hero-slider li:nth-of-type(12) {
  background-color: #2c343b;
  background-image: url("/topimages/bryce-canyon-national-park-grey-squirrel.jpg");
}
.cd-hero-slider li:nth-of-type(13) {
  background-color: #2c343b;
  background-image: url("/topimages/joshua-tree-national-park-night-sky.jpg");
}
.cd-hero-slider li:nth-of-type(14) {
  background-color: #2c343b;
  background-image: url("/topimages/biscayne-national-park-crocodile.jpg");
}
.cd-hero-slider li:nth-of-type(15) {
  background-color: #2c343b;
  background-image: url("/topimages/north-cascades-national-park-fall-sahale-arm-trail.jpg");
}
.cd-hero-slider li:nth-of-type(16) {
  background-color: #2c343b;
  background-image: url("/topimages/rocky-mountain-national-park-ground-squirrel.jpg");
}

.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  /* this padding is used to align the text */
  padding-top: 100px;
  text-align: center;
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-hero-slider .cd-img-container {
  /* hide image on mobile device */
  display: none;
   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cd-hero-slider .cd-img-container img {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.cd-hero-slider .cd-bg-video-wrapper {
  /* hide video on mobile device */
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cd-hero-slider .cd-bg-video-wrapper video {
  /* you won't see this element in the html, but it will be injected using js */
  display: block;
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  height: auto;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider h2, .cd-hero-slider p {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  line-height: 1.2;
  margin: 0 auto 14px;
  color: #ffffff;
  width: 90%;
  max-width: 400px;
}
.cd-hero-slider h2 {
  font-size: 2.4rem;
}
.cd-hero-slider p {
  font-size: 1.4rem;
  line-height: 1.4;
}
.cd-hero-slider .cd-btn {
  display: inline-block;
  padding: 1.2em 1.4em;
  margin-top: .8em;
  background-color: rgba(212, 68, 87, 0.9);
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
  text-decoration: none;
}

.cd-hero-slider .cd-btn.secondary {
  background-color: rgba(22, 26, 30, 0.8);
}
.cd-hero-slider .cd-btn:nth-of-type(2) {
  margin-left: 1em;
}
.no-touch .cd-hero-slider .cd-btn:hover {
  background-color: #d44457;
}
.no-touch .cd-hero-slider .cd-btn.secondary:hover {
  background-color: #161a1e;
}
@media only screen and (min-width: 768px) {
  .cd-hero-slider li:nth-of-type(2) {
    /*background-image: none;*/
  }
  .cd-hero-slider li:nth-of-type(3) {
    /*background-image: none;*/
  }
  .cd-hero-slider li:nth-of-type(4) {
    /*background-image: none;*/
  }
  .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 150px;
  }
  .cd-hero-slider .cd-bg-video-wrapper {
    display: block;
  }
  .cd-hero-slider .cd-half-width {
    width: 45%;
  }
  .cd-hero-slider .cd-half-width:first-of-type {
    left: 5%;
  }
  .cd-hero-slider .cd-half-width:nth-of-type(2) {
    right: 5%;
    left: auto;
  }
  .cd-hero-slider .cd-img-container {
    display: block;
  }
  .cd-hero-slider h2, .cd-hero-slider p {
    max-width: 520px;
  }
  .cd-hero-slider h2 {
    font-size: 2.4em;
    font-weight: 300;
  }
  .cd-hero-slider .cd-btn {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 220px;
  }
  .cd-hero-slider h2, .cd-hero-slider p {
    margin-bottom: 20px;
  }
  .cd-hero-slider h2 {
    font-size: 4em;
  }
  .cd-hero-slider p {
    font-size: 1.6rem;
  }
}

/* -------------------------------- 

Single slide animation

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-hero-slider .cd-half-width {
    opacity: 0;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
  }
  .cd-hero-slider .move-left .cd-half-width {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  .cd-hero-slider .selected .cd-half-width {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider .is-moving .cd-half-width {
    /* this is the slide moving outside the viewport 
    wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
  .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
  .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
  }
  .cd-hero-slider .cd-full-width h2,
  .cd-hero-slider .cd-full-width p,
  .cd-hero-slider .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  .cd-hero-slider .move-left .cd-full-width h2,
  .cd-hero-slider .move-left .cd-full-width p,
  .cd-hero-slider .move-left .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  .cd-hero-slider .selected .cd-full-width h2,
  .cd-hero-slider .selected .cd-full-width p,
  .cd-hero-slider .selected .cd-full-width .cd-btn {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider li.is-moving .cd-full-width h2,
  .cd-hero-slider li.is-moving .cd-full-width p,
  .cd-hero-slider li.is-moving .cd-full-width .cd-btn {
    /* this is the slide moving outside the viewport 
    wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected h2 {
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected p {
    -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
    -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
    transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
  }
  .cd-hero-slider li.selected .cd-btn {
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
  }
}

/* -------------------------------- 

Main content

-------------------------------- */
.cd-main-content {
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
  padding: 2em 0;
}
.cd-main-content p {
  font-size: 1.4rem;
  line-height: 1.8;
  color: #999999;
  margin: 2em 0;
}
@media only screen and (min-width: 1170px) {
  .cd-main-content {
    padding: 3em 0;
  }
  .cd-main-content p {
    font-size: 1.6rem;
  }
}

/* -------------------------------- 

Javascript disabled

-------------------------------- */
.no-js .cd-hero-slider li {
  display: none;
}
.no-js .cd-hero-slider li.selected {
  display: block;
}

.no-js .cd-slider-nav {
  display: none;
}
//----------map10272018---------------------- 

   .stack {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.tree-l,
.mark-l,
.mark-s,
.tree-s {
	left: 0;
	width: 100%;
}

.tree-l {
	line-height: inherit;
	position: absolute;
	left: 6px;
	top: -18px;
	font-size: 1.5em;
	color: white;
}

.tree-s {
	position: absolute;
	left: 3px;
	top: 2px;
	font-size: 10px;
	color: white;
}

.mark-l {
	font-size: 45px;
	color: green;
}

.mark-s {
	font-size: 20px;
	color: green;
}

.mark-sb {
	font-size: 20px;
	color: brown;
}

.i {
	font-size: 10px;
	color: #8d7053;
}
//--------------------------------