/* Structure 
----------------------------------------*/
body { background: #FFF; font-size: 14px; font-size: .875rem; overflow-x: hidden; }
.pagewrap { background: #FFF; }
.mobileonly { display: block; }
.large-only { display: none; }
.underline { text-decoration: underline; }

/* Header
---------------------------------------- */
.masthead { background: #ffffff; position: relative; z-index: 5; padding: 1em 0; }
a.logo { float:left; }
a.logo img { display: block; max-height: 75px; }

.header-right { text-align: center; margin: 1em 0; }
.header-right a { display: inline-block; vertical-align: middle; margin: 0 .5em; }
.header-right p { margin: 0 0 .5em; line-height: 1.25; }


/* Navigation 
----------------------------------------- */
.menu { background: #ebebeb; }
.menu ul li { display: none; }
.menu ul li.search { display: block; position: relative; }
.product-choices { background: #00679e; background: rgba(0,103,158,.8); z-index: 2; }
.product-choices .sticky-only { display: none; }
.product-choices ul { display: table; table-layout: fixed; width: 100%; }
.product-choices li { display: table-cell; vertical-align: middle; width: 50%; text-transform: uppercase; font: 300 20px/1.35 "Raleway", Arial, sans-serif; }
.product-choices li a { display: block; color: #FFF; text-decoration: none; padding: 1em; text-align: center; }
.product-choices li:first-child a { border-right: 1px solid rgba(255,255,255,.1); }
.product-choices li a:hover, .product-choices li a:focus { background-color: rgba(8, 34, 50, 0.6) }


/* Search */
li.search input.searchField { margin: 0; border-radius: 0; background: #bcbdbd; font-size: 14px; font-size: .875rem; padding: .75em 3em .75em .75em; -webkit-appearance: none; color: #545454; border: 0; box-shadow: none; }
li.search input.searchSubmit { position: absolute; right: 1em; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url("../images/icon-search.png") 0 0 no-repeat; cursor: pointer; text-indent: -9999em; border: 0; outline: none; }
div#result_report.container {box-shadow: none;}
.results-con img {margin-right:10px;}
.search-img { list-style:none; }



/* Marketing Message 
----------------------------------------- */
.marketing { position: relative; z-index: 1; }
.flexslider { position: relative; }
.slides li { display: none; background: url("../images/bg-mountain-landscape.jpg") center top no-repeat; background-size: cover; position: relative; }
.slides li .container { padding: 10% 0; }
.slides li .img-text-link { display: block; margin: 0 auto; max-width: 60%; }
.slides li .img-camper { display: block; margin: 35px auto -70px; }
.flex-direction-nav { list-style: none; margin: 0; padding: 0; }
.flex-direction-nav a { position: absolute; display: block; text-indent: -9999em; width: 56px; height: 114px; top: 55%; margin-top: -57px; z-index: 5; -webkit-transition: 250ms; transition: 250ms; }
.flex-direction-nav .flex-prev { left: 2%; background: url("../images/lt_arrow.png") center no-repeat; }
.flex-direction-nav .flex-next { right: 2%; background: url("../images/rt_arrow.png") center no-repeat; }
.flex-direction-nav .flex-prev:hover { left: 2.5%; }
.flex-direction-nav .flex-next:hover { right: 2.5%; }
.loading { display:block; margin:auto; }


/* Featured Products */
.featured-products-section { margin-bottom: 4em; }
.featured-products-section .container { background: #FFF; box-shadow: 0 7px 15px rgba(0,0,0,.35); position: relative; }
.its-on { background: #00689f url("../images/icon-its-on.png") center 5em no-repeat; text-align: center; padding: 160px 2em 1em; position: relative; }
.its-on p { color: #FFF; line-height: 1.4; }
.featured-products-section .eightcol { padding: 1.5em; }
.featured-products-section .eightcol .fourcol { border-bottom: 1px solid #EEE; padding-bottom: 1.5em; margin-bottom: 1.5em; }
.fp-title { text-transform: uppercase; font-weight: bold; font-size: 13px; font-size: .813rem; line-height: 1.5; color: #767676; }
.featured-products-section .img-wrap { display: block; max-height: 125px; overflow: hidden; }
.featured-products-section .button { font-size: 13px; padding: .5em 1.5em; margin-top: 1em; }




/* Share Icons - Product Page
------------------------------------------------ */
.social-toolbar { margin-top: 10px; border-radius: 3px; }
.social-toolbar ul { list-style: none; margin: 0; padding: 0; }
.social-toolbar ul li { display: inline-block; vertical-align: middle; font-size: 11px; font-weight: 600; }
.social-toolbar ul li a { display: block; line-height: 21px; padding: 3px 10px 3px 7px; border-radius: 3px; border: 1px solid #DDD; text-decoration: none; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9)); background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); zoom: 1; box-shadow: inset 1px 1px 0 #FFF; color: #5e5e5e; }
.social-toolbar ul li a:hover { background: #EEE; border-color: #CCC; box-shadow: inset 0 0 5px rgba(0,0,0,.1); }
a.socialLink { cursor: pointer; }

/* Content
------------------------------------------ */
.content { background: #FFF url("../images/bg-geomap.png") center top no-repeat; background-size: 200% auto; padding: 5% 0 0; }
body.index .content { padding-top: 15%; padding-bottom: 5%; }
body.index .maincontent { background: none; padding: 0; }
body.index main > .container { max-width: none; width: 100%; }
.compass { display: block; margin: 0 auto 1.5em; width: 105px; height: 105px; background: url("../images/icon-compass-large.png") 0 0 no-repeat; position: relative; }
.compass-arrow { display: block; position: absolute; width: 105px; height: 105px; background: url("../images/icon-compass-dial.png") 0 0 no-repeat; left: 0; top: 0; }
.compass.active .compass-arrow { -webkit-animation: spin 5s 0s 1 ease-in-out; animation: spin 5s 0s 1 ease-in-out; }
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(2160deg); } }
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(2160deg); } }

/* Subpages */
.subcontent { background: url("../images/bg-mountain-landscape.jpg") center top no-repeat, url("../images/bg-geomap.png") center 150px no-repeat; background-size: 100% auto, 200% auto; padding-top: 13%; }

body.our-company.testimonials .subcontent { background: url("../images/bg-ocean-coast.jpg") center top no-repeat, url("../images/bg-geomap.png") center 150px no-repeat; background-size: 100% auto, 100% auto; padding-top: 13%; }

body.our-company.about-us .subcontent { background: url("../images/bg-forest.jpg") center top no-repeat, url("../images/bg-geomap.png") center 150px no-repeat; background-size: 100% auto, 100% auto; padding-top: 13%; }

body.our-company.us-north .subcontent { background: url("../images/bg-nos-north.jpg") center top no-repeat, url("../images/bg-geomap.png") center 150px no-repeat; background-size: 100% auto, 100% auto; padding-top: 13%; }

body.our-campers.calidad .subcontent { background: url("../images/bg-calidad.jpg") center top no-repeat, url("../images/bg-geomap.png") center 150px no-repeat; background-size: 100% auto, 100% auto; padding-top: 13%; }

body.our-campers.contacto .subcontent { background: url("../images/bg-contacto.jpg") center top no-repeat, url("../images/bg-geomap.png") center 150px no-repeat; background-size: 100% auto, 100% auto; padding-top: 13%; }

body.our-company.sumin .subcontent { background: url("../images/bg-sumin.jpg") center top no-repeat, url("../images/bg-geomap.png") center 150px no-repeat; background-size: 100% auto, 100% auto; padding-top: 13%; }

body.resources.faqs .subcontent { background: url("../images/bg-trees.jpg") center top no-repeat, url("../images/bg-geomap.png") center 150px no-repeat; background-size: 100% auto, 100% auto; padding-top: 13%; }

body.resources.manuals .subcontent { background: url("../images/bg-manuales.jpg") center top no-repeat, url("../images/bg-geomap.png") center 150px no-repeat; background-size: 100% auto, 100% auto; padding-top: 13%; }

body.pop-up .subcontent { background: url("../images/bg-pop-up.jpg") center top no-repeat, url("../images/bg-geomap.png") center 150px no-repeat; background-size: 100% auto, 100% auto; padding-top: 13%; }

body.hardwall .subcontent { background: url("../images/bg-hardwall.jpg") center top no-repeat, url("../images/bg-geomap.png") center 150px no-repeat; background-size: 100% auto, 100% auto; padding-top: 13%; }

body.policy .subcontent { background: url("../images/bg-policy.jpg") center top no-repeat, url("../images/bg-geomap.png") center 150px no-repeat; background-size: 100% auto, 100% auto; padding-top: 13%; }

.subcontent .container { box-shadow: 0 0 7px rgba(0,0,0,.25); }
.maincontent { background: #FFF; padding: 2em; }

.sky { background: url("../images/bg-night-sky.jpg") center top no-repeat, url("../images/bg-geomap.png") center 150px no-repeat; background-size: 100% auto, 200% auto; padding-top: 13%; }


/* Our Legacy */
.our-legacy { background: url("../images/bg-history.jpg") center no-repeat; background-size: 1400px auto; padding: 25% 0; text-align: center; margin-top: 5em; }
.our-legacy h2 { color: #FFF; margin: 0 0 .15em; font-size: 30px; font-weight: 300; }
.our-legacy p { color: #FFF; margin: 0 0 1em; }
.our-legacy a.button { }


/* Testimonials Bottom */
section.testimonials { padding: 5% 0 0; }
/*section.testimonials blockquote.no-image { margin: 0 0 2.5em; padding: 100px 1.5em 0; font-style: normal; color: #263a4f; background: url("../images/icon-testimonial.png") center top no-repeat; }*/
section.testimonials blockquote.no-image { margin: 0 0 2.5em; padding: 100px 1.5em 0; font-style: normal; color: #263a4f; background: url("../images/icon-testimonial.png") center top no-repeat; }
section.testimonials blockquote p { font: 300 21px/1.5 "Raleway", Helvetica, Arial, sans-serif; color: #263a4f; }
section.testimonials blockquote .author { font-size: 18px; font-size: 1.125rem; margin-top: 1em; }
section.testimonials blockquote:before,
section.testimonials blockquote:after { display: none; }
section ul.testimonialList li {display: inline-block; width: 100%; vertical-align: top; padding: 2em 0;}


/* Testimonials Asset */
.testimonials-asset { float:right; }
.testimonials-asset blockquote { margin: 0 0 2.5em; padding: 100px 1.5em 0; font-style: normal; color: #263a4f; background: url("../images/icon-testimonial.png") center top no-repeat; }
.testimonials-asset blockquote p { font: 300 18px/1.5 "Raleway", Helvetica, Arial, sans-serif; color: #263a4f; }
.testimonials-asset blockquote .author { font-size: 18px; font-size: 1.125rem; margin-top: 1em; }
.testimonials-asset blockquote:before,
.testimonials-asset blockquote:after { display: none; }
.category-page-sidebar .testimonials-asset { float: none; margin: 2.5em 0 1em; }
.category-page-sidebar blockquote { padding-left: 0; padding-right: 0; }


/* Start Your Tradition */
.start-your-tradition { background: #242D37; padding: 2.5em 1.5em; text-align: center; margin: 2em 0; position: relative; overflow: hidden; }
.ibg-bg { position: absolute; left: 0; top: 0; width: 100%!important; height:100%!important; }
.start-your-tradition .ibg-bg { background: url("../images/bg-stars.png") left top repeat; }
.start-your-tradition:before { content: ""; display: block; width: 43px; height: 21px; background: url("../images/icon-mini-star.png") no-repeat; position: absolute; left: 60%; top: 150%;}
.start-your-tradition .tradition-header { font-weight: 300; color: #FFF; margin: 0 0 .25em; }
.start-your-tradition.active:before { top: -150%; left: 100%; -webkit-transition: 3.3s; transition:3.3s; }
.start-your-tradition p { color: #FFF; }
.tradition-header, .tradition-text, .start-your-tradition .button { position: relative; }

/* Terr Your Tradition */
.rough-terrain { background: #242D37; padding: 2.5em 1.5em; text-align: center; margin: 2em 0; position: relative; overflow: hidden; }
.ibg-bg { position: absolute; left: 0; top: 0; width: 100%!important; height:100%!important; }
.rough-terrain .ibg-bg { background: url("../images/bg-terrains.png") left top no-repeat; background-size:cover; }
.rough-terrain:before { content: ""; display: block; width: 43px; height: 21px; background: url("/images/icon-mini-star.png") no-repeat; position: absolute; left: 60%; top: 150%;}
.rough-terrain .terrain-header { font-weight: 300; color: #FFF; margin: 0 0 .25em; }
.rough-terrain.active:before { top: -150%; left: 100%; -webkit-transition: 3.3s; transition:3.3s; }
.rough-terrain p { color: #FFF; }
.terrain-header, .terrain-text, .rough-terrain .button { position: relative; }

/* Nos footer */
.nos-terrain { background: #53679F; padding: 2.5em 1.5em; text-align: center; margin: 2em 0; position: relative; overflow: hidden; }
.ibg-bg { position: absolute; left: 0; top: 0; width: 100%!important; height:100%!important; }
.nos-terrain .ibg-bg { background: url("../images/bg-nosfoot.png") left top no-repeat; background-size:cover; }
.nos-terrain:before { content: ""; display: block; width: 43px; height: 21px; background: url("/images/icon-mini-star.png") no-repeat; position: absolute; left: 60%; top: 150%;}
.nos-terrain .terrain-header { font-weight: 300; color: #FFF; margin: 0 0 .25em; }
.nos-terrain.active:before { top: -150%; left: 100%; -webkit-transition: 3.3s; transition:3.3s; }
.nos-terrain p { color: #FFF; }
.nos-header, .nos-text, .nos-terrain .button { position: relative; }

/* Nos-north footer */
.nos-north-terrain { background: #FFF; padding: 2.5em 1.5em; text-align: center; margin: 2em 0; position: relative; overflow: hidden; }
.ibg-bg { position: absolute; left: 0; top: 0; width: 100%!important; height:100%!important; }
.nos-north-terrain .ibg-bg { background: url("../images/bg-nos-north.png") left top no-repeat; background-size:cover; }
.nos-north-terrain:before { content: ""; display: block; width: 43px; height: 21px; background: url("/images/icon-mini-star.png") no-repeat; position: absolute; left: 60%; top: 150%;}
.nos-north-terrain .terrain-header { font-weight: 300; color: #FFF; margin: 0 0 .25em; }
.nos-north-terrain.active:before { top: -150%; left: 100%; -webkit-transition: 3.3s; transition:3.3s; }
.nos-north-terrain p { color: #FFF; }
.nos-north-header, .nos-north-text, .nos-north-terrain .button { position: relative; }


/* Breadcrumbs
------------------------------------------ */
.index .page-title, .index .breadcrumb-container { display: none; }
.breadcrumb-container { padding: 1em 2em; background: #EAEAEA; }
.page-title { margin-bottom: 2em; }
.page-title h1 { font-size: 30px; margin: 0; }
div.brundle_rundll_crumbles { display:block; color: #707070; font-size:12px; line-height: 24px; }
div.brundle_rundll_crumbles a { text-decoration:none; color: #707070; }
div.brundle_rundll_crumbles a:hover { color:#0e6192; }
div.brundle_rundll_crumbles a.home { float:left; height: 22px; width: 40px; background: url("../images/icon-home-star.png") left center no-repeat; text-indent: -9999em; }
span.arrow { background: url("../images/icon-arrow-seperator.png") center no-repeat; display: inline-block; height: 17px; margin: 0 .5em; width: 7px; vertical-align: text-bottom; } 
.breadcrumb-container .sixcol.last { display: none; }


/* Footer
---------------------------------------- */
.footer { background: #032232; position:relative;/*background: url("../images/bg-footer-map.png") center top no-repeat; background-size: cover;*/ }
.footer .ibg-bg { background: url("../images/bg-footer-map.png") center top repeat; z-index: 1; } 
.footer p, .footer li { font-size: 16px; font-size: 1rem; color: #FFF; }
.footer > p { padding: 2rem 1em; margin: 0; }
.footer p a { color: #ffd300; text-decoration: none; }
.footer p a:hover { color: #FFF; }
.footer p.copyright { font-size: 12px; font-size: .75rem; line-height: 2.25; }
.footer-blue-row { background: #00679e; padding: 2.5rem 0; }
.footer-blue-row div[class*="col"] { margin-bottom: 2em; }
.footer h3 { margin: 0 0 .25em; font-family: "Noto Sans", Arial, sans-serif; font-weight: bold; }
.footer li { line-height: 1.25; }
.footer li a { display: block; color: #FFF; text-decoration: none; padding: .5em 0 .5em 25px; }
.footer li a:hover { background: url("../images/icon-compass-mini-yellow.png") left center no-repeat; }
.footer > .alignCenter, .footer-blue-row { position: relative; z-index: 2; }


/* Contact page
-------------------------------------- */
.contactform li { margin-bottom: 10px; }
.contactform li h3 { margin: 25px 0 5px; }
.contactform li label { display: block; margin: 0 0 3px; font-weight: bold; }
.contactform li label.inline { display: inline; margin-left: 10px; }
.contactform li h3.nomargin { margin: 25px 0 0; }


/* Categories Page in Catalog
-------------------------------------- */
.categoryList li a { display: block; border-bottom: 1px solid #ECECEC; padding: .75em 0; line-height: 1.35; font-size: 13px; }
.products.list li { border-bottom: 1px solid #ECECEC; padding: 1em; text-align: center; }
.products.list li:nth-child(even) { background: #F9F9F9; }
.products.list img { display: block; margin: 0 auto; }
.products.list h3 { font-size: 18px; }
.products.list h3 a { text-decoration: none; }
.products.list h3 a:hover, .products.list h3 a:focus { text-decoration: underline; }


/* Quick Forms
-------------------------------------- */
.quickform { list-style: none; margin: 0; padding: 0; }
.quickform li { float: left; width: 100%; margin: 0 0 10px; }
.quickform li.third { width: 33% !important; }
.quickform li.full { width: 100% !important; }
.quickform li.full h3 { margin: 25px 0 5px; }
.quickform li label { display: block; font: normal 12px Arial, Helvetica, sans-serif; color: #707070; margin: 0 0 3px; }
.quickform li input.text, .quickform li textarea {  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 7px; box-sizing: border-box; -moz-box-sizing: border-box; }
.quickform li textarea { border-top:1px solid #7c7c7c;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-bottom:1px solid #ddd;  }
.quickform li select { width: 90%; padding: 3px; height: 28px; }
.quickform li.full select, .quickform li.full input.text { width: 90%; }
.quickform li.full.cbox { margin: 0 0 5px; }
.quickform li.full.cbox label { display: inline; }
.quickform li.full.cbox input { margin: 0 10px 0 0; }
.quickform li.full p { font-size: 12px; color: #454545; }
.quickform li.full span.hint { color: #707070; font-size: 11px; display: block; }
.quickform li.full h3.nomargin { margin: 25px 0 0; }
.quickform li img.captchaImage { margin: 0 0 10px; }
.quickform li input.submit { display: block; margin: 20px 0 0; text-align: center; padding: 5px 0; color: #7dba50; background-color:#005ba4; -webkit-border-radius: 15px;}
/* Contact List */
.contact-location-list { list-style: none; } 
ul.contact-location-list {  list-style-type: none; margin: 0; padding: 0; } 
ul.contact-location-list li { margin: 0 0 30px; }
input#txtFName.text {max-width: none;}
input#txtLName.text {max-width: none;}
input#txtPhone.text {max-width: 300px;}
input#txtEmail.text {max-width: none;}


/* Location List
-------------------------------------- */
ul.locations { list-style: none; margin: 0; padding: 0; }
ul.locations li { border-bottom: 1px solid #EEE; padding: 0 0 15px; margin: 0 0 15px; }
ul.locations li:last-child { border: 0; padding: 0; margin: 0; }
ul.locations li div.img { float: left; width: 17%; margin: 0 2% 0 0; }
ul.locations li div.right { float: right; width: 81%; }
ul.locations li h2 { margin: 5px 0 10px; }

/* Overlay */
.modal { position: fixed; background: #fff; display:none; width: 90%; left: 5%; top: 5%; /*overflow-y: auto;*/ padding: 25px; text-align:left; border-radius: 5px; z-index: 999; }
.modal h2 { margin-top: 0; }
.modal a.close { position: absolute; width: 36px; height: 36px; cursor: pointer; right: -15px; top: -15px; display: block; background:url("../images/fancybox/fancybox_sprite.png") no-repeat; }
.overlay-mask { display: none; position: fixed; background: #545454; background: rgba(75,75,75,.75); left: 0; top: 0; width: 100%; height: 100%; z-index: 16; }


/* Typography 
----------------------------------------*/
body, p, ul, ol, dl, input, textarea, select, button { font-family: "Noto Sans", Arial, sans-serif; line-height: 1.75; color: #263a4f; }

/* --- Headings --- */
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal; margin: .5em 0; font-family: "Raleway", "Noto Sans", Arial, sans-serif; }
h1 { color: #263a4f; font-size: 34px; font-weight: 300; margin: 0 0 .5em; }
h2 { color: #263a4f; font-size: 25px; }
h3 { color: #f7c204; font-size: 25px; font-weight:500; }
h4 { color: #263a4f; font-size: 1rem; font-weight:600;}
h5 { color: #FFF; font-size: 19px; }
h6 { color :#666666; font-size: 1rem; }

/* --- Text Elements --- */
p { font-size: 14px; font-size: .875rem; margin: 0 0 1em; }
ul, ol, dl { font-size: 14px; font-size: .875rem; margin: 1.5em; list-style-position:outside; }
table { font-size: 14px; font-size: .875rem; }


/* Testimonials */
blockquote { margin: 1.5em; padding: 1.5em 3em; color: #00679e; font-style: italic; font-size: 14px; font-size: .875rem; position: relative; text-align: center; }
blockquote p { margin: 0; color: #00679e; }
blockquote .author { display: block; margin-top: 1.5em; font-weight: bold; }
blockquote:before, 
blockquote:after { content: ""; position: absolute; top: 0; height: 100%; width: 5%; border: 1px solid #ffd300; }
blockquote:before { left: 0; border-right: transparent; }
blockquote:after { right: 0; border-left: transparent; }


/* Animations */
@keyframes slam-down { 0% { transform: scale(3); opacity: 0; } 80% { transform: scale(3); opacity: 0; } 90% { transform: scale(1); opacity: 1; } 93% { transform: rotate(2deg); } 96% { transform: rotate(-2deg);} }
@keyframes slide-left { 0% { left: -100%; transform: translateX(0); } 50% { left: -100%; transform: translateX(0); } 100% { left: 50%; transform: translateX(-50%); } }
@-webkit-keyframes slam-down { 0% { -webkit-transform: scale(3); opacity: 0; } 80% { -webkit-transform: scale(3); opacity: 0; } 90% { -webkit-transform: scale(1); opacity: 1; } 93% { -webkit-transform: rotate(2deg); } 96% { -webkit-transform: rotate(-2deg);} }
@-webkit-keyframes slide-left { 0% { left: -100%; -webkit-transform: translateX(0); } 50% { left: -100%; -webkit-transform: translateX(0); } 100% { left: 50%; -webkit-transform: translateX(-50%); } }
@-moz-keyframes slam-down { 0% { -moz-transform: scale(3); opacity: 0; } 80% { -moz-transform: scale(3); opacity: 0; } 90% { -moz-transform: scale(1); opacity: 1; } 93% { -moz-transform: rotate(2deg); } 96% { -moz-transform: rotate(-2deg);} }
@-moz-keyframes slide-left { 0% { left: -100%; -moz-transform: translateX(0); } 50% { left: -100%; -moz-transform: translateX(0); } 100% { left: 50%; -moz-transform: translateX(-50%); } }
@-ms-keyframes slam-down { 0% { -ms-transform: scale(3); opacity: 0; } 80% { -ms-transform: scale(3); opacity: 0; } 90% { -ms-transform: scale(1); opacity: 1; } 93% { -ms-transform: rotate(2deg); } 96% { -ms-transform: rotate(-2deg);} }
@-ms-keyframes slide-left { 0% { left: -100%; -ms-transform: translateX(0); } 50% { left: -100%; -ms-transform: translateX(0); } 100% { left: 50%; -ms-transform: translateX(-50%); } }


@media screen and (max-width: 766px) {
.compass,
.compass-arrow { background-size: 75px 75px; width: 75px; height: 75px; }
section ul.testimonialList li {display: inline-block; width: 100%; vertical-align: top; padding: 2em 0;}
}

@media screen and (min-width: 600px) {
/* Categories Page of Catalog */
.products.list li { text-align: left; }
.products.list .img, .products.list .quick-details { display: inline-block; vertical-align: middle; }
.products.list .img { width: 18%; }
.products.list .quick-details { width: 80%; }
.products.list h3 { font-size: 21px; }
section ul.testimonialList li {display: inline-block; width: 33%; vertical-align: top; padding: 2em 0;}
}

@media screen and (min-width: 767px) {
/* Structure */
.mobileonly { display: none !important; }
.large-only { display: block; }


/* Header */
.masthead {  }
a.logo { float: left; }
a.logo img { max-height: none; }


/* Phone Number & Socials */
.header-right { float: right; margin: 1.5em 0 0; }
.header-right a { margin: 0 0 0 1em; }
.header-right p { display: inline-block; vertical-align: middle; margin: 0; text-align: right; }


/* Navigation  */
.menu { position: relative; z-index: 3; }
.menu .container { position: relative; }
.menu ul li { display: block; float: left; position: relative; font-size: 17px; }
.menu ul li a { display: block; padding: .75em 1.25em; color: #515151; text-decoration: none; }

/* Hide Pop-Up Truck Campers and from Main Navigation and Hardwall Truck Campers only show on Mobile Nav */
.menu ul li#headerNavItem230, .menu ul li#headerNavItem231 { display: none; }
.menu ul li a:hover, .menu ul li a:focus { background: #DDD; }

/* Second Tier */
.menu ul li > ul { display: none; position: absolute; top: 100%; left: 0; background: #FFF; width: 200px; padding: 0; box-shadow: 0 5px 15px rgba(0,0,0,.3); }
.menu ul li:hover > ul { display: block; }
.menu ul li > ul li { float: none; display: block; font-size: 13px; font-size: .813rem; padding: 0; }
.menu ul li > ul li a { display: block; padding: .5em .75em; border: 0; border-bottom: 1px solid #DDD; color: #343434; text-align: left; }
.menu ul li > ul li:last-child a { border: 0; }
.menu ul li > ul li a:hover { color: #000; background: #F9F9F9; }
.menu ul li > ul li > ul { margin: 0; left: 100%; top: 0; background: #EEE; }

/* Search */
.menu ul li.search { position: static; }
li.search input.searchField { position: absolute; right: 0; top: 0; height: 100%; width: 350px; }
.field-text {color: #000;}


/* Featured Products */
.bluebg { position: absolute; left: 0; top: 0; width: 32%; height: 100%; background: #00689f; }
.featured-products-section .eightcol .fourcol { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }


/* Product Navigation */
.product-choices { display: block; position: absolute; left: 0; top: 0; width: 100%; }
.product-choices li { width: 33%; font-size: 25px; }
.product-choices li a { padding: 1em .75em; text-align: center; line-height: 1.25; -webkit-transition: padding 250ms; transition: padding 250ms; }
.product-choices.sticky { position: fixed; left: 0; top: 0; width: 100%; z-index: 10; }
.product-choices.sticky ul { padding-left: 110px; }
.product-choices.sticky li { font-size: 20px; }
.product-choices.sticky li a { padding: .5em .75em; }
.product-choices li:first-child a { border-right: 0; }
.product-choices .sticky-only { display: none; }
.product-choices .sticky-only img { max-height: 40px; }
.product-choices.sticky .sticky-only { display: block; position: absolute; left: 0; top: 50%; margin-top: -20px; }


/* Marketing */
ul.slides li { height: 500px; }
ul.slides li .container { padding: 22% 0; }
ul.slides .flex-active-slide .img-text-link { -ms-animation: slam-down 1.5s 0s 1 linear; -moz-animation: slam-down 1.5s 0s 1 linear; -webkit-animation: slam-down 1.5s 0s 1 linear; animation: slam-down 1.5s 0s 1 linear; }
ul.slides .flex-active-slide .img-camper { -ms-animation: slide-left 1s 0s 1 ease-out; -moz-animation: slide-left 1s 0s 1 ease-out; -webkit-animation: slide-left 1s 0s 1 ease-out; animation: slide-left 1s 0s 1 ease-out; }
ul.slides li .img-text-link { position: absolute; right: 0; top: 17%; z-index: 1; max-width: 35%; }
ul.slides li .img-camper { position: absolute; top: 28%; max-width: 80%; }


/* Content */
.main.last { float: right; }
.content { background-size: 100% auto; }
.subcontent { background-position: center top, center 300px; background-size: 100% auto; }


/* Page Title */
.page-title { background: url("../images/bg-history.jpg") center no-repeat; background-size: cover; padding: 12% 0; }
.page-title h1 { font-size: 40px; color: #FFF; }
.sky .page-title { background: url("../images/bg-night-sky-page.jpg") center no-repeat; background-size: cover; padding: 12% 0; }
.page-title1 { background: url("../images/bg-nosotros.jpg") center no-repeat; background-size: cover; padding: 12% 0; }
.page-title1 h1 { font-size: 40px; color: #FFF; }
.sky .page-title1 { background: url("../images/bg-night-sky-page.jpg") center no-repeat; background-size: cover; padding: 12% 0; }
.page-title2 { background: url("../images/bg-nos-north1.jpg") center no-repeat; background-size: cover; padding: 12% 0; }
.page-title2 h1 { font-size: 40px; color: #FFF; }
.sky .page-title2 { background: url("../images/bg-night-sky-page.jpg") center no-repeat; background-size: cover; padding: 12% 0; }
.page-title3 { background: url("../images/bg-calidad1.jpg") center no-repeat; background-size: cover; padding: 12% 0; }
.page-title3 h1 { font-size: 40px; color: #FFF; }
.sky .page-title3 { background: url("../images/bg-night-sky-page.jpg") center no-repeat; background-size: cover; padding: 12% 0; }
.page-title4 { background: url("../images/bg-sumin1.jpg") center no-repeat; background-size: cover; padding: 12% 0; }
.page-title4 h1 { font-size: 40px; color: #FFF; }
.sky .page-title4 { background: url("../images/bg-night-sky-page.jpg") center no-repeat; background-size: cover; padding: 12% 0; }
.page-title5 { background: url("../images/bg-faq1.jpg") center no-repeat; background-size: cover; padding: 12% 0; }
.page-title5 h1 { font-size: 40px; color: #FFF; }
.sky .page-title5 { background: url("../images/bg-night-sky-page.jpg") center no-repeat; background-size: cover; padding: 12% 0; }
.page-title6 { background: url("../images/bg-manuales1.jpg") center no-repeat; background-size: cover; padding: 12% 0; }
.page-title6 h1 { font-size: 40px; color: #FFF; }
.sky .page-title6 { background: url("../images/bg-night-sky-page.jpg") center no-repeat; background-size: cover; padding: 12% 0; }
.page-title7 { background: url("../images/bg-contacto1.jpg") center no-repeat; background-size: cover; padding: 12% 0; }
.page-title7 h1 { font-size: 40px; color: #FFF; }
.sky .page-title7 { background: url("../images/bg-night-sky-page.jpg") center no-repeat; background-size: cover; padding: 12% 0; }
.page-title8 { background: url("../images/bg-sitemap.jpg") center no-repeat; background-size: cover; padding: 12% 0; text-align: -webkit-center;}
.page-title8 h1 { font-size: 40px; color: #FFF; }
.sky .page-title9 { background: url("../images/bg-night-sky-page.jpg") center no-repeat; background-size: cover; padding: 12% 0; }
.page-title9 { background: url("../images/bg-policy1.jpg") center no-repeat; background-size: cover; padding: 12% 0; text-align: -webkit-center;}
.page-title9 h1 { font-size: 40px; color: #FFF; }
.sky .page-title9 { background: url("../images/bg-night-sky-page.jpg") center no-repeat; background-size: cover; padding: 12% 0; }


/* Our Legacy */
.our-legacy { background-size: cover; padding: 18% 0; text-align: left; }
.our-legacy h2 { font-size: 50px; }
.our-legacy p { margin: 0; }
.our-legacy a.button { float: right; margin-top: 1.5em; }


/* Testimonials Bottom */
section.testimonials blockquote { margin: 0; padding: 100px 2.5em 0; }


/* Blockquotes */
blockquote { margin: 3em 7em; padding: 2em 5% 0; }


/* Start Your Tradition */
.start-your-tradition { padding: 2.5em 250px 2.5em 2.5em; text-align: left; position: relative; }
.start-your-tradition p { margin: 0; }
.start-your-tradition .button { position: absolute; right: 3em; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }


/* Footer */
.footer-blue-row div[class*="col"] { margin-bottom: 0; }
.footer a[href*="mailto"] { display: block; word-break: break-all; }
.footer li a { padding: .25em 0 .25em 25px; }
.footer p.copyright { line-height: 1.65; }
}

@media screen and (min-width: 1024px) {
/* Product Choice Menu */
.product-choices li a { padding: 1.25em 1.25em 1.25em 7em; text-align: left; }
.product-choices li.popup a { background-image: url("../images/icon-pop-up.png"); background-position: 2em center; background-repeat: no-repeat; }
.product-choices li.hardwall a { background-image: url("../images/icon-hardwall.png"); background-position: 2em center; background-repeat: no-repeat; }
.product-choices li.tablesystems a { background-image: url("../images/icon-table-system.png"); background-position: 2em center; background-repeat: no-repeat; padding-left: 5em; }
.product-choices.sticky li a { padding: 1.25em .5em 1.25em 8em; }
.product-choices.sticky li.tablesystems a { padding-left: 5em; }


/* Footer */
.footer-blue-row .container > .last { padding-left: 100px; background: url("../images/icon-map.png") left .5em no-repeat; }
}