/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600&display=swap');

/* COLORS
orange: #ea6424
gold: #bfa866
gray: #2d2d2d
darkgray: #0f0f0f
lightgray: #fafafa
red: #a90630;
blue: #02c9df;

FONTS:
font-family: 'Poppins', sans-serif;
*/

/*
============
UNIVERSAL 
============
*/

html, body {
	font-family: 'Poppins', sans-serif;
	width: auto !important;
	overflow-x: hidden !important;
  }

::selection{
	background-color: #bfa866;
	color: white;	
}

a:hover, #contact .btn:hover, #locations img:hover, .btn-locations:hover,
 #contact-info a:hover .fa-phone, #contact-info a:hover .fa-envelope,
 footer a:hover, .modal .btn-close:hover, #thankyou .btn:hover, modal .btn-close:hover,
 #why a:hover, #why img:hover, .fa-cloud-download-alt:hover,
 #products img:hover, #category a:hover > .overlay  {
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

img:focus, div:focus{
	outline: 0px;
}

section{
	padding-top: 75px;
}

#ourmessage h2, #ourstory h2, #products h2, #costalifestyle h2, #apparel h2, #vision h2, #about h2, #contact h2,
#privacy h2, #terms h2 {
	text-align: center;
	color:#bfa866;
	font-weight: 600;
	margin-top: 75px;
	margin-bottom: 35px;
	line-height: 1.25em;
	font-size: 2.5em;
}

#ourmessage p, #ourstory p, #products p, #costalifestyle p, #apparel p, #vision p, #about p, #contact p{
	font-size: 1.3em;
	line-height: 1.5em;
	padding: 20px 0;
	margin-bottom: 35px;
	margin-top: -35px;
}

.btn-primary{
	background-color: #bfa866;
	color: white;
	display: inline-block;
	font-weight: 400;
	font-size: 1.2em;
	padding: 5px 25px;
	text-decoration: none;
	border-radius: 8px;
}

.btn-primary-outline{
	background-color: transparent;
	border: 2px solid #bfa866;
	color: #bfa866;
	display: inline-block;
	font-weight: 400;
	font-size: 1.2em;
	padding: 5px 25px;
	text-decoration: none;
	border-radius: 8px;
}

.bg-gold{
	background-color: #bfa866;
}

.anchor {
	position: absolute;
	margin-top: -80px;
}

.costagradient {
	background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
				radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%)
}

.txt-gold-light{ color: #bfa866; }

.txt-brass {color: #b7865e;}

.txt-gray { color: #a6a6a6;}

.txt-teal {color: #009980;}

/*
=======================
	Parallax BG
=======================
*/
	.parallax-01 {
		background: url('../img/parallax-01.jpg') center;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		height: 450px;
		display: none;
	}

	.parallax-02 {
		background: url('../img/parallax-02.jpg') center;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		height: 450px;
		display: none;
	}


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

.icon-nav {
	width: 30px;
	height: auto;
	margin-top: 5px;
	opacity: 0.25;
}

.navbar-brand img {
  width: 220px;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
 }

.navbar { 
  font-weight: 300;
  background: #000;
  font-size: 1em;
  box-shadow: 2px 2px 12px rgba(0,0,0,0.4);
  border-bottom: 2px solid #bfa866
 }

 .navbar-collapse {
	margin-top: 5px;
 	border-top: 1px solid rgba(250,250,250,0.4);
 }

.navbar-toggler .fa-ellipsis-v { color: #fff;}

.navbar-nav a { 
	color: #fafafa;
}


.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}

/*
HOVER FX
*/

.navbar-nav a:hover, .navbar-nav a:focus, 
.navbar-nav a:active {
  color: #bfa866;
}


/*
DROPDOWN MENU
*/

@media all and (min-width: 992px) {

	.navbar .nav-item .dropdown-menu{ display: none; }

	.navbar .nav-item:hover .nav-link{   }

	.navbar .nav-item:hover .dropdown-menu{ display: block; }

	.navbar .nav-item .dropdown-menu{ margin-top:0; }

}

.dropdown-menu {
	background: #000 !important;
}

.dropdown-menu li {
	font-size: 1em;
	padding: 5px 0;
}

.dropdown-menu a:hover {
	background: #000;
}

/*
============
WELCOME SECTION OLD
============
*/


#section1 {
	background: url('../img/hero/hero-01.jpg') center no-repeat;
    background-size: cover;
	width: 100%;
	height: 100vh;
}

/*
#messageBox {position:relative; margin-top: -10px;}

.header {
	position: relative;
	z-index: 100;
	width: 100%;
	bottom: 0;
}
*/

#video{   
    width: 100%; 
    height: 100%;
    object-fit: cover;
    left: 0px;
    top: 0px;
    z-index: 1;
    background: url("../video/hero-bg.jpg") center no-repeat;
}

/*if there is 992  pixels or more, then display the video but hide the image*/
@media only screen and (min-width : 992px) {
#video{display:block;}
#videosubstitute{display:none}
} 

#videosubstitute{display:block;width:auto;height:100%;}  


#video2{   
    width: 100%; 
    height: 650px;
    object-fit: cover;
    left: 0px;
    top: 0px;
    z-index: 1;
    background: url("../video/hero-bg.jpg") center no-repeat;
}

/*

.carousel-fade {
	background: #000;
}

.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-fade .carousel-item {
 opacity: 0;
    -webkit-transition: all ease 3000ms;
    -moz-transition: all ease 3000ms;
    transition: all ease 3000ms;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

*/

#messageBox {
	position:absolute; 
	bottom: 50px;
	width: 100%;
    z-index: 999;
}

#messageBox img{
	width: 650px;
	margin-bottom: 1.25em;
}

h1.main {
	color: #fafafa;
	font-weight: 600;
	font-size: 1.75em;
	width: 100%;
	margin-bottom: 1.25rem;
}

a.sub {
	display: inline-block;
	font-weight: 400;
	font-size: 1rem;
	color: #fafafa;
	padding: 10px 25px;
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	border-radius: 8px;
	margin-bottom: 2rem;
}

#instagrambtn{
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9999;
	height: 70px;
	width: 70px;
	background-color: #bfa866;
	color: #0f0f0f;
	border-top-left-radius: 1em;

}
#instagrambtn svg{
	width: 70px;
	height: 70px;
	padding: 10px
}

#instagrambtn:hover{
	background-color: white;
	color: #bfa866;

}


a.costagradient:hover,  a.costagradient:focus,  a.costagradient:active,
.btn-primary:hover,  .btn-primary:focus,  .btn-primary:active {
	background: white !important;
	color: #bfa866 !important;
	text-decoration: none;
}
.btn-primary-outline:hover,  .btn-primary-outline:focus,  .btn-primary-outline:active{
	background-color: white;
	color: #bfa866;
	text-decoration: none;
}

/*
============
DISCLAIMER SECTION
============
*/

#ourmessage{
	padding-bottom: 50px;
	background-color: #0f0f0f;
}

#ourmessage p{
	text-align: left;
	color: white;
}

/*
============
OUR STORY SECTION
============
*/

#ourstory {
	margin-top: -8px;
	padding-bottom: 50px;
	background-color: #0f0f0f;
}

#ourstory h2 {
	margin-top: -25px;
}

#ourstory p{
	text-align: left;
	color: white;
}


/*
============
PRODUCTS LANDING SECTION
============
*/

#header-stayhigh {
		position: relative;
		background: url('../img/products/landing/header-sm.jpg') center no-repeat;
		background-size: cover;
		height: 250px;
}

#header-stayhigh img {
	position: absolute;
	margin-left: 0;
	margin-right: 0;
	display: block;
	bottom: 5%;
}

#vapes {
	background: url('../img/products/landing/box-vapes.jpg') center repeat;
	background-size: cover;
	height: 200px;
	border-right: 2px solid #000;
}

#diamonds {
	background: url('../img/products/landing/box-diamonds.jpg') center no-repeat;
	background-size: cover;
	height: 200px;
	border-right: 2px solid #000;
}

#flower {
	background: url('../img/products/landing/box-flower.jpg') center no-repeat;
	background-size: cover;
	height: 200px;
	border-right: 2px solid #000;
}

#edibles {
	background: url('../img/products/landing/box-edibles.jpg') center no-repeat;
	background-size: cover;
	height: 200px;
}


.overlay-text {
	display: none;
}

#category a:hover, #category a:focus, #category a:active {
	text-decoration: none;
} 


#category a:hover > .overlay {
	display: block !important;
	opacity: 1;
	background: rgba(0,0,0,0.95);
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
}

#category a:hover > .overlay > .overlay-text {
	display: block !important;
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	color: #fff;
}

/*
============
EDIBLES LANDING SECTION
============
*/

.products-edibles {
	background: url('../img/products/edibles/bg-edibles.jpg') center no-repeat !important;
	background-size: cover !important;
	background-color: #000 !important;
	padding: 0;
	margin: 0;
}


.coming-soon {
	padding: 75px 0;
}


/*
============
PRODUCTS SECTIONS
============
*/

#products h4 {
	margin-top: 20px;
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
}

#products p {
	font-size: .9em;
	margin-top: -45px;
}

#products .product-logo-img {
	margin-top: 75px;
}

#products .display img {
	border: 2px solid #bfa866;
}

/*
============
VAPES LANDING SECTION
============
*/

.products-vapes {
	background: url('../img/products/vapes/bg-pattern-vapes.jpg') center repeat !important;
	background-color: #000;
	color: #bfa866;
	padding: 0;
	margin: 0;
}

.product-logo-img {
	padding-top: 75px;
}

.img-waves {
	width: 100%;
	height: auto;
	
}

/*
============
DIAMONDS LANDING SECTION
============
*/

.products-diamonds {
	background: url('../img/products/diamonds/bg-pattern-diamonds.jpg') center repeat !important;
	background-color: #000 !important;
	margin: 0;
}


/*
============
FLOWER LANDING SECTION
============
*/

.products-flower {
	background: url('../img/products/flower/bg-flower.jpg') center no-repeat !important;
	background-size: cover !important;
	background-color: #000 !important;
	padding: 0;
	margin: 0;
}


.coming-soon {
	padding: 75px 0;
}



/*
============
PRODUCTS SECTION
============
*/

#products {
	background: #0f0f0f;
	color: #bfa866;
}

#products-header {
	background: url("../img/bg-products.jpg") center no-repeat;
    background-size: cover;
    height: 650px;
}

/*

#products img:hover {
    opacity: .1;
}
*/
.border-right-gld {
	border-right: 1px solid #bfa866;
}

.products-disclaimer {
	font-size: 1em;
	margin-top: 55px !important;
}

.shrink:hover
{
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
      -webkit-transition: all ease 3000ms;
    -moz-transition: all ease 3000ms;
    transition: all ease 3000ms;
}

#products h4 {
	margin-top: 10px;
	font-size: 1.25em;
	font-weight: 600;
	color: #fff;
	padding-bottom: 25px;
}

.display p {
    font-size: 1em;
    padding: 5px;
 }

 h3.fancy {
 	font-size: 2.5em !important;
    margin-top: 50px;
    margin-bottom: 100px;
 }

.fancy {
  line-height: 0.5;
  text-align: center;
}
.fancy span {
  display: inline-block;
  position: relative;  
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 1px;
  border: 1px solid #bfa866;
  top: 10px;
  width: 500px;
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
}



.products-modal {
	background: rgba(0,0,0,0.75);
	color: #fff;
	padding: 50px;
}

.products-modal img {
max-width: 240px;
height: auto;
}

.products-modal .modal-content {
	background: #0f0f0f;
	border: 2px solid #bfa866;
}

.products-modal h4 {
	font-size: 2em;
	padding: 10px 0 0 0;
	font-weight: 600;
}

.products-modal hr {
	background: #bfa866;
	width: 75%;
}

.products-modal p {
	font-size: 1.em;
	line-height: 1.5em;
}

.products-modal .btn:hover,
.products-modal .btn:focus,
.products-modal .btn:active {
    background: #fff;
    color: #bfa866;
}


/*
============
SPONSORSHIP EVENTS LANDING SECTION
============
*/

#header-sponsorship {
	background: #000;
	text-align: left;
}

#header-sponsorship .header-wrap {
	position: relative;
}

#header-sponsorship img {
	width: 50px;
	margin-top: 35vh;
	margin-left: 25px;
	padding: 10px 0;
}

#header-sponsorship h1 {
	position: relative;
	font-weight: 600;
	font-size: 4.5em;
	text-transform: uppercase;
	margin-left: 25px;
	color: #bfa866;
}

#header-sponsorship h2 {
	color: #ffffff;
	font-weight: 600;
	font-size: 4.5em;
	text-transform: uppercase;
	margin-left: 25px;
}

#header-sponsorship h2:after {
    content: '';
    width: 45%;
    position: absolute;
    left: 0;
    bottom: -25px;
    border: 1px solid #bfa866;
}

#body-sponsorship {
	background: #000;
	color: #fff;
}

#body-sponsorship .container {
	padding: 30px;
}

/*
============
ABOUT SECTION
============
*/

#about{
	padding-bottom: 50px;
	background-color: #fff;
	border-top: 2px solid #bfa866;
}

#about-header {
	background-color:#000;
}

#about p{
	text-align: left;
	color: #0f0f0f;
}

#slider {	
	height: 750px;
}

.swiper

.swiper-pagination {
	width: 10px;
	height: 10px;
    border: 1px solid #bfa866;

}

.swiper-pagination-bullet-active {
	background: #bfa866;
}

.swiper-button-next, .swiper-button-prev {background-image: none;}

#slider .fa-angle-right, #slider .fa-angle-left {
	font-size: 2em;
	color: rgba(250,250,250,0.9);
}

.slide-01 {	
	background: url('../img/hero/hero-01-sm.jpg') center no-repeat;
	background-size: cover;
}

.slide-02 {	
	background: url('../img/hero/hero-02-sm.jpg') center no-repeat;
	background-size: cover;
}

.slide-03 {	
	background: url('../img/hero/hero-03-sm.jpg') center no-repeat;
	background-size: cover;
}

.slide-04 {	
	background: url('../img/hero/hero-04-sm.jpg') center no-repeat;
	background-size: cover;
}

.slide-05 {	
	background: url('../img/hero/hero-05-sm.jpg') center no-repeat;
	background-size: cover;
}

.swiper-container {
        width: 100%;
        height: 100%;
}

/*
============
COSTA TEAM SECTION
============
*/

#costateam {
	padding-bottom: 50px;
	background-color: #0f0f0f;
	border-top: 2px solid #bfa866;
}

#costateam h2 {
	color: #bfa866;
    text-align: center;
    font-weight: 600;
    padding-bottom: 35px;
}

#costateam img {
	width: 250px;
	height: auto;
}

#costateam h3 {
	font-size: 1.75em;
	color: #bfa866;
	padding-top: 10px;
    font-weight: 600;
}

#costateam h4 {
	font-size: 1.5em;
	color: #fff;
	padding-bottom: 25px;
}

/*
============
CONTACT SECTION
============
*/

#contact{
	padding-bottom: 50px;
	background-color: white;
	border-top: 2px solid #bfa866;
}

#contact p{
	color: #0f0f0f;
	line-height: 1.5em;
	max-width: 1024px;
	margin: auto;
	margin-top: -35px;
	margin-bottom: 35px;
}

#contact form{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.form-control {
	margin: -15px 0;
}

#contact form input, #contact form textarea{
	border: 2px solid #bfa866;
	background-color: white;
	font-size: 1.5rem;
	padding: 15px;

}

#btn-submit {
	border: 2px solid #bfa866;
}


#btn-submit:hover, #btn-submit:focus, #btn-submit:active {
	border: 2px solid #bfa866;
}

#contact-info {
	margin-top: 45px;
}

#contact-info a {
	color: #000;
}

#contact-info a:hover, #contact-info a:focus, #contact-info a:active {
	color: #bfa866;
	text-decoration: none;
}

/*
============
FOOTER SECTION 
============
*/

footer{
	border-top: 2px solid #bfa866;
	background-color: black;
	padding-top: 2rem;
	padding-bottom: 2rem;
	color: white;
	font-size: 1em;
}
footer div.container{
	max-width: 500px;
}

footer img{
	width: 100px;
	height: auto;
	padding-bottom: 1.5em;
}

footer a{
	color: white;
}

#footer-links div:not(:last-child){
	border-right: 2px solid #bfa866;
}

footer a:hover{
	color: #bfa866;
	text-decoration: none;
}

/*
============
CONSENT MODAL
============
*/

#ConsentModal .modal-dialog{
	max-width: 900px !important;
	margin-top: 0px;
	top: 50%;
	transform: translateY(-50%);
}

#ConsentModal .modal-content{
    background-color: rgba(0,0,0,0.6);
	border: 2px solid #bfa866;
	height: 50vh;
	margin: 25px;
}

#ConsentModal .modal-body{
	position: relative;
}

#ConsentModal .modal-body div.container{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 600px;
}

#ConsentModal h1{
	color: #bfa866;
	font-size: 1.2rem;
    font-weight: 600;
}

#ConsentModal p{
	color: white;
	font-size: 1rem;
	line-height: 1.2rem;
}

/*
=============
THANK YOU
=============
*/

#thankyou {
    background-color: rgba(0,0,0,0.8) !important;
	border: 2px solid #bfa866;
	max-width: 900px !important;
	margin-top: 0px;
	top: 50%;
	left: 25%;
	transform: translateY(-50%);
	color: #fff;
	
}

#thankyou .modal-body {
	padding: 55px 0;
}

#thankyou p {
	padding: none;
}

#thankyou .modal-dialog-centered {
	border: none;
}

#thankyou h2 {
	position: relative;
	margin-top: 50px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.8em;
	line-height: 1.25em;
	color: #bfa866;
}

#thankyou p {
	margin-top: 15px;
	text-align: center;
	line-height: 1.25em;
	font-weight: 400;
}

#thankyou .btn-thankyou {
	left: 0;
	right: 0;
	margin: auto;
	width: 150px;
	background: #bfa866 !important;
	color: #fff;
	font-weight: 600;
}

#thankyou .btn-thankyou:hover, #thankyou .btn-thankyou:focus, 
#thankyou .btn-thankyou:active {
	background-color: #fff !important;
	color: #bfa866 !important;
	font-weight: 600;
	opacity: 1 !important;
}

/*
============
PRIVACY & TERMS
============
*/

#privacy, #terms {
	text-align: left;
	padding: 35px 0;
}

#privacy h2, #terms h2 {
    padding-top: 50px;
}

#privacy h3, #terms h3 {
	font-weight: 600;
}

#privacy a, #terms a {
	color: #bfa866;
	font-weight: bold;
}

#privacy a:hover, #terms a:hover {
	color: #000;
}

/*
============
MEDIA QUERIES 
============
*/

@media (max-width: 425px){

	#products-coming-soon, #apparel-coming-soon, #costalifestyle-coming-soon{
		width: 200px;
	}

	#footer-links div:not(:last-child){
		border-right: 0 !important;
	}
}

@media (min-width: 426px) and (max-width: 766px){
	#section1 {
		background-image: url('../img/hero-sm.jpg');
	}

	#footer-links div:not(:last-child){
		border-right: 0 !important;
	}
}

@media (max-width: 900px){

 h3.fancy {
 	font-size: 2.5em;
    line-height: 1.25em;
    margin-top: 50px;
    margin-bottom: 100px;
 }

.fancy span {
  display: inline-block;
  position: relative;  
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 1px;
  border: 1px solid #bfa866;
  top: 18px;
  width: 75px;
}
.fancy span:before {
  right: 100%;
}
.fancy span:after {
  left: 100%;
}

}

@media (min-width: 767px){
	a.sub, .btn-primary, .btn-primary-outline{
		font-size: 1.5rem;
		padding: 10px 35px;
	}
   
	.navbar-brand .logo {
		width: 300px;
	}

	.navbar {  	
		font-size: 1.35em;	  
	}

  	.navbar-collapse {
		border-top: none; 	
	}

	h1.main {
		font-size: 2.5em;
	}

	a.sub {font-size: 1.5em;}


	.lifestyle-sm {display: none;}
	.lifestyle-md{display:block;}


	#apparel-img img{
		width: 75%;
		margin-bottom: -6.5%;
	}

	#ConsentModal .modal-content{
		height: 70vh;
	}

	#ConsentModal h1{
		color: #bfa866;
		font-size: 3rem;
	}
	
	#ConsentModal p{
		color: white;
		font-size: 1.5rem;
		line-height: 1.5rem;
	}

}

@media (min-width: 1024px){
	.navbar-brand .logo {
		width: 375px;
	}

	.navbar-nav {
		position: absolute;
		right: 5px;
	}

	h1.main {
		font-size: 3em;
	}

	.parallax-01, .parallax-02{
		display: block;
	}

	.sub a {font-size: 1.8em;}
	
	h2 { font-size: 2.5em; }

	#products-coming-soon, #apparel-coming-soon, #costalifestyle-coming-soon{
		top: -50px;
		right: -100px;
		width: 300px;
	}

	.lifestyle-md {display: none;}
	.lifestyle-lg {display:block;}

	#apparel-img img{
		width: 50%;
		margin-bottom: -4.4%;
	}

	#contact, #about{
		border-top: 0;
	}
}

@media (min-width: 1200px){
	#products-coming-soon, #apparel-coming-soon, #costalifestyle-coming-soon{
		top: -70px;
		right: -125px;
		width: 400px;
	}

	#section1 {
		background-image: url('../img/hero-lg.jpg');
	}
}

/*
============
HERO MEDIA QUERIES
============
*/

.hero-01, .slide-01 {
background-image: url("../img/hero/hero-01-xs.jpg");
}

.hero-02, .slide-02 {
background-image: url("../img/hero/hero-02-xs.jpg");
}

.hero-03, .slide-03 {
background-image: url("../img/hero/hero-03-xs.jpg");
}

.hero-04, .slide-04 {
background-image: url("../img/hero/hero-04-xs.jpg");
}

.hero-05, .slide-05 {
background-image: url("../img/hero/hero-05-xs.jpg");
}


@media (min-width: 576px) {

.hero-01, .slide-01 {
background-image: url("../img/hero/hero-01-sm.jpg");
}

.hero-02, .slide-02 {
background-image: url("../img/hero/hero-02-sm.jpg");
}

.hero-03, .slide-03 {
background-image: url("../img/hero/hero-03-sm.jpg");
}

.hero-04, .slide-04 {
background-image: url("../img/hero/hero-04-sm.jpg");
}

.hero-05, .slide-05 {
background-image: url("../img/hero/hero-05-sm.jpg");
}

}

@media (min-width: 768px) {

		.hero-01, .slide-01 {
	        background-image: url("../img/hero/hero-01-md.jpg");
	}

		.hero-02, .slide-02 {
	        background-image: url("../img/hero/hero-02-md.jpg");
	}

		.hero-03, .slide-03 {
	        background-image: url("../img/hero/hero-03-md.jpg");
	}

		.hero-04, .slide-04 {
	        background-image: url("../img/hero/hero-04-md.jpg");
	}

		.hero-05, .slide-05 {
	        background-image: url("../img/hero/hero-05-md.jpg");
	}

	#header-stayhigh {
		background: url('../img/products/landing/header-sm.jpg') center no-repeat;
		background-size: cover;
		height: 450px;
	}

	#header-stayhigh h1  {
		font-size: 3em;
		width: 550px;
	}

	#products .product-logo-img {
		max-width: 550px;
	}

	#products .coming-soon {
		max-width: 1200px;
	}
	
	#products p {
		font-size: 1em;
	}
}

@media (min-width: 992px) {

		.hero-01, .slide-01 {
	        background-image: url("../img/hero/hero-01-lg.jpg");
	}

		.hero-02, .slide-02 {
	        background-image: url("../img/hero/hero-02-lg.jpg");
	}

		.hero-03, .slide-03 {
	        background-image: url("../img/hero/hero-03-lg.jpg");
	}

		.hero-04, .slide-04 {
	        background-image: url("../img/hero/hero-04-lg.jpg");
	}

		.hero-05, .slide-05 {
	        background-image: url("../img/hero/hero-05-lg.jpg");
	}
}

@media (min-width: 1200px) {

		.hero-01, .slide-01 {
	        background-image: url("../img/hero/hero-01-xl.jpg");
	}

		.hero-02, .slide-02 {
	        background-image: url("../img/hero/hero-02-xl.jpg");
	}

		.hero-03, .slide-03 {
	        background-image: url("../img/hero/hero-03-xl.jpg");
	}

		.hero-04, .slide-04 {
	        background-image: url("../img/hero/hero-04-xl.jpg");
	}

		.hero-05, .slide-05 {
	        background-image: url("../img/hero/hero-05-xl.jpg");
	}

	#header-stayhigh {
		background: url('../img/products/landing/header-md.jpg') center no-repeat;
		background-size: cover;
		height: 768px;
	}

	
	#header-stayhigh h1  {
		font-size: 4.5em;
		width: 800px;
		top: 75%;
		left: 5%;
	}
}


@media (min-width: 1200px) {

	#header-stayhigh {
		background: url('../img/products/landing/header-lg.jpg') center no-repeat;
		background-size: cover;
		height: 768px;
	}

	#header-stayhigh img {
		width: 1080px;
		margin-left: 10% !important;
		bottom: 5%;
	}
	
}


/*
============
Thank You Modal
============
*/

#thankyou {	background: rgba(250,250,250,0.9);}

#thankyou .btn {
	border: none;
	background: #ed9c23;
	color: #fafafa;
	text-transform: uppercase;
}

#thankyou .btn:hover, #thankyou .btn:focus, #thankyou .btn:active {
	opacity: 0.4;
}


/*
============
OVERRIDE
============
*/

.navbar-nav a:active > .offcanvas-collapse {
	display: none !important;
}


#locations .btn, .locations-button {
	display: block !important;
	max-width: 250px;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	z-index: 900 !important;
}

/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600&display=swap');

/* COLORS
orange: #ea6424
gold: #bfa866
gray: #2d2d2d
darkgray: #0f0f0f
lightgray: #fafafa
red: #a90630;
blue: #02c9df;

FONTS:
font-family: 'Poppins', sans-serif;
*/

/*
============
UNIVERSAL 
============
*/

html, body {
	font-family: 'Poppins', sans-serif;
	width: auto !important;
	overflow-x: hidden !important;
  }

::selection{
	background-color: #bfa866;
	color: white;	
}

a:hover, #contact .btn:hover, #locations img:hover, .btn-locations:hover,
 #contact-info a:hover .fa-phone, #contact-info a:hover .fa-envelope,
 footer a:hover, .modal .btn-close:hover, #thankyou .btn:hover, modal .btn-close:hover,
 #why a:hover, #why img:hover, .fa-cloud-download-alt:hover,
 #products img:hover, #category a:hover > .overlay  {
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

img:focus, div:focus{
	outline: 0px;
}

section{
	padding-top: 75px;
}

#ourmessage h2, #ourstory h2, #products h2, #costalifestyle h2, #apparel h2, #vision h2, #about h2, #contact h2,
#privacy h2, #terms h2 {
	text-align: center;
	color:#bfa866;
	font-weight: 600;
	margin-top: 75px;
	margin-bottom: 35px;
	line-height: 1.25em;
	font-size: 2.5em;
}

#ourmessage p, #ourstory p, #products p, #costalifestyle p, #apparel p, #vision p, #about p, #contact p{
	font-size: 1.3em;
	line-height: 1.5em;
	padding: 20px 0;
	margin-bottom: 35px;
	margin-top: -35px;
}

.btn-primary{
	background-color: #bfa866;
	color: white;
	display: inline-block;
	font-weight: 400;
	font-size: 1.2em;
	padding: 5px 25px;
	text-decoration: none;
	border-radius: 8px;
}

.btn-primary-outline{
	background-color: transparent;
	border: 2px solid #bfa866;
	color: #bfa866;
	display: inline-block;
	font-weight: 400;
	font-size: 1.2em;
	padding: 5px 25px;
	text-decoration: none;
	border-radius: 8px;
}

.bg-gold{
	background-color: #bfa866;
}

.anchor {
	position: absolute;
	margin-top: -80px;
}

.costagradient {
	background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
				radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%)
}

.txt-gold-light{ color: #bfa866; }

.txt-brass {color: #b7865e;}

.txt-gray { color: #a6a6a6;}

.txt-teal {color: #009980;}

/*
=======================
	Parallax BG
=======================
*/
	.parallax-01 {
		background: url('../img/parallax-01.jpg') center;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		height: 450px;
		display: none;
	}

	.parallax-02 {
		background: url('../img/parallax-02.jpg') center;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		height: 450px;
		display: none;
	}


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

.icon-nav {
	width: 30px;
	height: auto;
	margin-top: 5px;
	opacity: 0.25;
}

.navbar-brand img {
  width: 220px;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
 }

.navbar { 
  font-weight: 300;
  background: #000;
  font-size: 1em;
  box-shadow: 2px 2px 12px rgba(0,0,0,0.4);
  border-bottom: 2px solid #bfa866
 }

 .navbar-collapse {
	margin-top: 5px;
 	border-top: 1px solid rgba(250,250,250,0.4);
 }

.navbar-toggler .fa-ellipsis-v { color: #fff;}

.navbar-nav a { 
	color: #fafafa;
}


.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}

/*
HOVER FX
*/

.navbar-nav a:hover, .navbar-nav a:focus, 
.navbar-nav a:active {
  color: #bfa866;
}


/*
DROPDOWN MENU
*/

@media all and (min-width: 992px) {

	.navbar .nav-item .dropdown-menu{ display: none; }

	.navbar .nav-item:hover .nav-link{   }

	.navbar .nav-item:hover .dropdown-menu{ display: block; }

	.navbar .nav-item .dropdown-menu{ margin-top:0; }

}

.dropdown-menu {
	background: #000 !important;
}

.dropdown-menu li {
	font-size: 1em;
	padding: 5px 0;
}

.dropdown-menu a:hover {
	background: #000;
}

/*
============
WELCOME SECTION OLD
============
*/


#section1 {
	background: url('../img/hero/hero-01.jpg') center no-repeat;
    background-size: cover;
	width: 100%;
	height: 100vh;
}

/*
#messageBox {position:relative; margin-top: -10px;}

.header {
	position: relative;
	z-index: 100;
	width: 100%;
	bottom: 0;
}
*/

#video{   
    width: 100%; 
    height: 100%;
    object-fit: cover;
    left: 0px;
    top: 0px;
    z-index: 1;
    background: url("../video/hero-bg.jpg") center no-repeat;
}

/*if there is 992  pixels or more, then display the video but hide the image*/
@media only screen and (min-width : 992px) {
#video{display:block;}
#videosubstitute{display:none}
} 

#videosubstitute{display:block;width:auto;height:100%;}  


#video2{   
    width: 100%; 
    height: 650px;
    object-fit: cover;
    left: 0px;
    top: 0px;
    z-index: 1;
    background: url("../video/hero-bg.jpg") center no-repeat;
}

/*

.carousel-fade {
	background: #000;
}

.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-fade .carousel-item {
 opacity: 0;
    -webkit-transition: all ease 3000ms;
    -moz-transition: all ease 3000ms;
    transition: all ease 3000ms;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

*/

#messageBox {
	position:absolute; 
	bottom: 50px;
	width: 100%;
    z-index: 999;
}

#messageBox img{
	width: 650px;
	margin-bottom: 1.25em;
}

h1.main {
	color: #fafafa;
	font-weight: 600;
	font-size: 1.75em;
	width: 100%;
	margin-bottom: 1.25rem;
}

a.sub {
	display: inline-block;
	font-weight: 400;
	font-size: 1rem;
	color: #fafafa;
	padding: 10px 25px;
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	border-radius: 8px;
	margin-bottom: 2rem;
}

#instagrambtn{
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9999;
	height: 70px;
	width: 70px;
	background-color: #bfa866;
	color: #0f0f0f;
	border-top-left-radius: 1em;

}
#instagrambtn svg{
	width: 70px;
	height: 70px;
	padding: 10px
}

#instagrambtn:hover{
	background-color: white;
	color: #bfa866;

}


a.costagradient:hover,  a.costagradient:focus,  a.costagradient:active,
.btn-primary:hover,  .btn-primary:focus,  .btn-primary:active {
	background: white !important;
	color: #bfa866 !important;
	text-decoration: none;
}
.btn-primary-outline:hover,  .btn-primary-outline:focus,  .btn-primary-outline:active{
	background-color: white;
	color: #bfa866;
	text-decoration: none;
}

/*
============
DISCLAIMER SECTION
============
*/

#ourmessage{
	padding-bottom: 50px;
	background-color: #0f0f0f;
}

#ourmessage p{
	text-align: left;
	color: white;
}

/*
============
OUR STORY SECTION
============
*/

#ourstory {
	margin-top: -8px;
	padding-bottom: 50px;
	background-color: #0f0f0f;
}

#ourstory h2 {
	margin-top: -25px;
}

#ourstory p{
	text-align: left;
	color: white;
}


/*
============
PRODUCTS LANDING SECTION
============
*/

#header-stayhigh {
		position: relative;
		background: url('../img/products/landing/header-xs.jpg') center no-repeat;
		background-size: cover;
		height: 400px;
		border-bottom: 1px solid #fff;
}

#header-stayhigh img {
	position: absolute;
	margin-left: -10px;
	margin-right: 0;
	display: block;
	bottom: 5%;
}

#vapes {
	background: url('../img/products/landing/box-vapes.jpg') center repeat;
	background-size: cover;
	height: 250px;
}

#diamonds {
	background: url('../img/products/landing/box-diamonds.jpg') center no-repeat;
	background-size: cover;
	height: 250px;
}

#flower {
	background: url('../img/products/landing/box-flower.jpg') center no-repeat;
	background-size: cover;
	height: 250px;
}

#edibles {
	background: url('../img/products/landing/box-edibles.jpg') center no-repeat;
	background-size: cover;
	height: 250px;
}

#category a:hover, #category a:focus, #category a:active {
	text-decoration: none;
} 


#category a:hover > .overlay {
	display: block !important;
	opacity: 1;
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
}


/*
============
EDIBLES LANDING SECTION
============
*/

.products-edibles {
	background: url('../img/products/edibles/bg-edibles.jpg') center no-repeat !important;
	background-size: cover !important;
	background-color: #000 !important;
	padding: 0;
	margin: 0;
}


.coming-soon {
	padding: 75px 0;
}


/*
============
PRODUCTS SECTIONS
============
*/

#products h4 {
	margin-top: 20px;
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
}

#products p {
	font-size: .9em;
	margin-top: -45px;
}

#products .product-logo-img {
	margin-top: 75px;
}

#products .display img {
	border: 2px solid #bfa866;
}

/*
============
VAPES LANDING SECTION
============
*/

.products-vapes {
	background: url('../img/products/vapes/bg-pattern-vapes.jpg') center repeat !important;
	background-color: #000;
	color: #bfa866;
	padding: 0;
	margin: 0;
}

.product-logo-img {
	padding-top: 75px;
}

.img-waves {
	width: 100%;
	height: auto;
	
}

/*
============
DIAMONDS LANDING SECTION
============
*/

.products-diamonds {
	background: url('../img/products/diamonds/bg-pattern-diamonds.jpg') center repeat !important;
	background-color: #000 !important;
	margin: 0;
}


/*
============
FLOWER LANDING SECTION
============
*/

.products-flower {
	background: url('../img/products/flower/bg-flower.jpg') center no-repeat !important;
	background-size: cover !important;
	background-color: #000 !important;
	padding: 0;
	margin: 0;
}


.coming-soon {
	padding: 75px 0;
}



/*
============
PRODUCTS SECTION
============
*/

#products {
	background: #0f0f0f;
	color: #bfa866;
}

#products-header {
	background: url("../img/bg-products.jpg") center no-repeat;
    background-size: cover;
    height: 650px;
}

/*

#products img:hover {
    opacity: .1;
}
*/
.border-right-gld {
	border-right: 1px solid #bfa866;
}

.products-disclaimer {
	font-size: 1em;
	margin-top: 55px !important;
}

.shrink:hover
{
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
      -webkit-transition: all ease 3000ms;
    -moz-transition: all ease 3000ms;
    transition: all ease 3000ms;
}

#products h4 {
	margin-top: 10px;
	font-size: 1.25em;
	font-weight: 600;
	color: #fff;
	padding-bottom: 25px;
}

.display p {
    font-size: 1em;
    padding: 5px;
 }

 h3.fancy {
 	font-size: 2.5em !important;
    margin-top: 50px;
    margin-bottom: 100px;
 }

.fancy {
  line-height: 0.5;
  text-align: center;
}
.fancy span {
  display: inline-block;
  position: relative;  
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 1px;
  border: 1px solid #bfa866;
  top: 10px;
  width: 500px;
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
}



.products-modal {
	background: rgba(0,0,0,0.75);
	color: #fff;
	padding: 50px;
}

.products-modal img {
max-width: 240px;
height: auto;
}

.products-modal .modal-content {
	background: #0f0f0f;
	border: 2px solid #bfa866;
}

.products-modal h4 {
	font-size: 2em;
	padding: 10px 0 0 0;
	font-weight: 600;
}

.products-modal hr {
	background: #bfa866;
	width: 75%;
}

.products-modal p {
	font-size: 1.em;
	line-height: 1.5em;
}

.products-modal .btn:hover,
.products-modal .btn:focus,
.products-modal .btn:active {
    background: #fff;
    color: #bfa866;
}


/*
============
SPONSORSHIP EVENTS LANDING SECTION
============
*/

#header-sponsorship {
	background: #000;
	text-align: left;
}

#header-sponsorship .header-wrap {
	position: relative;
}

#header-sponsorship img {
	width: 50px;
	margin-top: 35vh;
	margin-left: 25px;
	padding: 10px 0;
}

#header-sponsorship h1 {
	position: relative;
	font-weight: 600;
	font-size: 4.5em;
	text-transform: uppercase;
	margin-left: 25px;
	color: #bfa866;
}

#header-sponsorship h2 {
	color: #ffffff;
	font-weight: 600;
	font-size: 4.5em;
	text-transform: uppercase;
	margin-left: 25px;
}

#header-sponsorship h2:after {
    content: '';
    width: 45%;
    position: absolute;
    left: 0;
    bottom: -25px;
    border: 1px solid #bfa866;
}

#body-sponsorship {
	background: #000;
	color: #fff;
}

#body-sponsorship .container {
	padding: 30px;
}

/*
============
ABOUT SECTION
============
*/

#about{
	padding-bottom: 50px;
	background-color: #fff;
	border-top: 2px solid #bfa866;
}

#about-header {
	background-color:#000;
}

#about p{
	text-align: left;
	color: #0f0f0f;
}

#slider {	
	height: 750px;
}

.swiper

.swiper-pagination {
	width: 10px;
	height: 10px;
    border: 1px solid #bfa866;

}

.swiper-pagination-bullet-active {
	background: #bfa866;
}

.swiper-button-next, .swiper-button-prev {background-image: none;}

#slider .fa-angle-right, #slider .fa-angle-left {
	font-size: 2em;
	color: rgba(250,250,250,0.9);
}

.slide-01 {	
	background: url('../img/hero/hero-01-sm.jpg') center no-repeat;
	background-size: cover;
}

.slide-02 {	
	background: url('../img/hero/hero-02-sm.jpg') center no-repeat;
	background-size: cover;
}

.slide-03 {	
	background: url('../img/hero/hero-03-sm.jpg') center no-repeat;
	background-size: cover;
}

.slide-04 {	
	background: url('../img/hero/hero-04-sm.jpg') center no-repeat;
	background-size: cover;
}

.slide-05 {	
	background: url('../img/hero/hero-05-sm.jpg') center no-repeat;
	background-size: cover;
}

.swiper-container {
        width: 100%;
        height: 100%;
}

/*
============
COSTA TEAM SECTION
============
*/

#costateam {
	padding-bottom: 50px;
	background-color: #0f0f0f;
	border-top: 2px solid #bfa866;
}

#costateam h2 {
	color: #bfa866;
    text-align: center;
    font-weight: 600;
    padding-bottom: 35px;
}

#costateam img {
	width: 250px;
	height: auto;
}

#costateam h3 {
	font-size: 1.75em;
	color: #bfa866;
	padding-top: 10px;
    font-weight: 600;
}

#costateam h4 {
	font-size: 1.5em;
	color: #fff;
	padding-bottom: 25px;
}

/*
============
CONTACT SECTION
============
*/

#contact{
	padding-bottom: 50px;
	background-color: white;
	border-top: 2px solid #bfa866;
}

#contact p{
	color: #0f0f0f;
	line-height: 1.5em;
	max-width: 1024px;
	margin: auto;
	margin-top: -35px;
	margin-bottom: 35px;
}

#contact form{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.form-control {
	margin: -15px 0;
}

#contact form input, #contact form textarea{
	border: 2px solid #bfa866;
	background-color: white;
	font-size: 1.5rem;
	padding: 15px;

}

#btn-submit {
	border: 2px solid #bfa866;
}


#btn-submit:hover, #btn-submit:focus, #btn-submit:active {
	border: 2px solid #bfa866;
}

#contact-info {
	margin-top: 45px;
}

#contact-info a {
	color: #000;
}

#contact-info a:hover, #contact-info a:focus, #contact-info a:active {
	color: #bfa866;
	text-decoration: none;
}

/*
============
FOOTER SECTION 
============
*/

footer{
	border-top: 2px solid #bfa866;
	background-color: black;
	padding-top: 2rem;
	padding-bottom: 2rem;
	color: white;
	font-size: 1em;
}
footer div.container{
	max-width: 500px;
}

footer img{
	width: 100px;
	height: auto;
	padding-bottom: 1.5em;
}

footer a{
	color: white;
}

#footer-links div:not(:last-child){
	border-right: 2px solid #bfa866;
}

footer a:hover{
	color: #bfa866;
	text-decoration: none;
}

/*
============
CONSENT MODAL
============
*/

#ConsentModal .modal-dialog{
	max-width: 900px !important;
	margin-top: 0px;
	top: 50%;
	transform: translateY(-50%);
}

#ConsentModal .modal-content{
    background-color: rgba(0,0,0,0.6);
	border: 2px solid #bfa866;
	height: 50vh;
	margin: 25px;
}

#ConsentModal .modal-body{
	position: relative;
}

#ConsentModal .modal-body div.container{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 600px;
}

#ConsentModal h1{
	color: #bfa866;
	font-size: 1.2rem;
    font-weight: 600;
}

#ConsentModal p{
	color: white;
	font-size: 1rem;
	line-height: 1.2rem;
}

/*
=============
THANK YOU
=============
*/

#thankyou {
    background-color: rgba(0,0,0,0.8) !important;
	border: 2px solid #bfa866;
	max-width: 900px !important;
	margin-top: 0px;
	top: 50%;
	left: 25%;
	transform: translateY(-50%);
	color: #fff;
	
}

#thankyou .modal-body {
	padding: 55px 0;
}

#thankyou p {
	padding: none;
}

#thankyou .modal-dialog-centered {
	border: none;
}

#thankyou h2 {
	position: relative;
	margin-top: 50px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.8em;
	line-height: 1.25em;
	color: #bfa866;
}

#thankyou p {
	margin-top: 15px;
	text-align: center;
	line-height: 1.25em;
	font-weight: 400;
}

#thankyou .btn-thankyou {
	left: 0;
	right: 0;
	margin: auto;
	width: 150px;
	background: #bfa866 !important;
	color: #fff;
	font-weight: 600;
}

#thankyou .btn-thankyou:hover, #thankyou .btn-thankyou:focus, 
#thankyou .btn-thankyou:active {
	background-color: #fff !important;
	color: #bfa866 !important;
	font-weight: 600;
	opacity: 1 !important;
}

/*
============
PRIVACY & TERMS
============
*/

#privacy, #terms {
	text-align: left;
	padding: 35px 0;
}

#privacy h2, #terms h2 {
    padding-top: 50px;
}

#privacy h3, #terms h3 {
	font-weight: 600;
}

#privacy a, #terms a {
	color: #bfa866;
	font-weight: bold;
}

#privacy a:hover, #terms a:hover {
	color: #000;
}

/*
============
MEDIA QUERIES 
============
*/

@media (max-width: 425px){

	#products-coming-soon, #apparel-coming-soon, #costalifestyle-coming-soon{
		width: 200px;
	}

	#footer-links div:not(:last-child){
		border-right: 0 !important;
	}
}

@media (min-width: 426px) and (max-width: 766px){
	#section1 {
		background-image: url('../img/hero-sm.jpg');
	}

	#footer-links div:not(:last-child){
		border-right: 0 !important;
	}
}

@media (max-width: 900px){

 h3.fancy {
 	font-size: 2.5em;
    line-height: 1.25em;
    margin-top: 50px;
    margin-bottom: 100px;
 }

.fancy span {
  display: inline-block;
  position: relative;  
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 1px;
  border: 1px solid #bfa866;
  top: 18px;
  width: 75px;
}
.fancy span:before {
  right: 100%;
}
.fancy span:after {
  left: 100%;
}

}

@media (min-width: 767px){
	a.sub, .btn-primary, .btn-primary-outline{
		font-size: 1.5rem;
		padding: 10px 35px;
	}
   
	.navbar-brand .logo {
		width: 300px;
	}

	.navbar {  	
		font-size: 1.35em;	  
	}

  	.navbar-collapse {
		border-top: none; 	
	}

	h1.main {
		font-size: 2.5em;
	}

	a.sub {font-size: 1.5em;}


	.lifestyle-sm {display: none;}
	.lifestyle-md{display:block;}


	#apparel-img img{
		width: 75%;
		margin-bottom: -6.5%;
	}

	#ConsentModal .modal-content{
		height: 70vh;
	}

	#ConsentModal h1{
		color: #bfa866;
		font-size: 3rem;
	}
	
	#ConsentModal p{
		color: white;
		font-size: 1.5rem;
		line-height: 1.5rem;
	}

}

@media (min-width: 1024px){
	.navbar-brand .logo {
		width: 375px;
	}

	.navbar-nav {
		position: absolute;
		right: 5px;
	}

	h1.main {
		font-size: 3em;
	}

	.parallax-01, .parallax-02{
		display: block;
	}

	.sub a {font-size: 1.8em;}
	
	h2 { font-size: 2.5em; }

	#products-coming-soon, #apparel-coming-soon, #costalifestyle-coming-soon{
		top: -50px;
		right: -100px;
		width: 300px;
	}

	.lifestyle-md {display: none;}
	.lifestyle-lg {display:block;}

	#apparel-img img{
		width: 50%;
		margin-bottom: -4.4%;
	}

	#contact, #about{
		border-top: 0;
	}
}

@media (min-width: 1200px){
	#products-coming-soon, #apparel-coming-soon, #costalifestyle-coming-soon{
		top: -70px;
		right: -125px;
		width: 400px;
	}

	#section1 {
		background-image: url('../img/hero-lg.jpg');
	}
}

/*
============
HERO MEDIA QUERIES
============
*/

.hero-01, .slide-01 {
background-image: url("../img/hero/hero-01-xs.jpg");
}

.hero-02, .slide-02 {
background-image: url("../img/hero/hero-02-xs.jpg");
}

.hero-03, .slide-03 {
background-image: url("../img/hero/hero-03-xs.jpg");
}

.hero-04, .slide-04 {
background-image: url("../img/hero/hero-04-xs.jpg");
}

.hero-05, .slide-05 {
background-image: url("../img/hero/hero-05-xs.jpg");
}


@media (min-width: 576px) {

.hero-01, .slide-01 {
background-image: url("../img/hero/hero-01-sm.jpg");
}

.hero-02, .slide-02 {
background-image: url("../img/hero/hero-02-sm.jpg");
}

.hero-03, .slide-03 {
background-image: url("../img/hero/hero-03-sm.jpg");
}

.hero-04, .slide-04 {
background-image: url("../img/hero/hero-04-sm.jpg");
}

.hero-05, .slide-05 {
background-image: url("../img/hero/hero-05-sm.jpg");
}

}

@media (min-width: 768px) {

		.hero-01, .slide-01 {
	        background-image: url("../img/hero/hero-01-md.jpg");
	}

		.hero-02, .slide-02 {
	        background-image: url("../img/hero/hero-02-md.jpg");
	}

		.hero-03, .slide-03 {
	        background-image: url("../img/hero/hero-03-md.jpg");
	}

		.hero-04, .slide-04 {
	        background-image: url("../img/hero/hero-04-md.jpg");
	}

		.hero-05, .slide-05 {
	        background-image: url("../img/hero/hero-05-md.jpg");
	}

	#header-stayhigh {
		background: url('../img/products/landing/header-sm.jpg') center no-repeat;
		background-size: cover;
		height: 450px;
	}

	#header-stayhigh h1  {
		font-size: 3em;
		width: 550px;
	}

	#products .product-logo-img {
		max-width: 550px;
	}

	#products .coming-soon {
		max-width: 1200px;
	}
	
	#products p {
		font-size: 1em;
	}
}

@media (min-width: 992px) {

		.hero-01, .slide-01 {
	        background-image: url("../img/hero/hero-01-lg.jpg");
	}

		.hero-02, .slide-02 {
	        background-image: url("../img/hero/hero-02-lg.jpg");
	}

		.hero-03, .slide-03 {
	        background-image: url("../img/hero/hero-03-lg.jpg");
	}

		.hero-04, .slide-04 {
	        background-image: url("../img/hero/hero-04-lg.jpg");
	}

		.hero-05, .slide-05 {
	        background-image: url("../img/hero/hero-05-lg.jpg");
	}
}

@media (min-width: 1200px) {

		.hero-01, .slide-01 {
	        background-image: url("../img/hero/hero-01-xl.jpg");
	}

		.hero-02, .slide-02 {
	        background-image: url("../img/hero/hero-02-xl.jpg");
	}

		.hero-03, .slide-03 {
	        background-image: url("../img/hero/hero-03-xl.jpg");
	}

		.hero-04, .slide-04 {
	        background-image: url("../img/hero/hero-04-xl.jpg");
	}

		.hero-05, .slide-05 {
	        background-image: url("../img/hero/hero-05-xl.jpg");
	}

	#header-stayhigh {
		background: url('../img/products/landing/header-md.jpg') center no-repeat;
		background-size: cover;
		height: 768px;
	}

	
	#header-stayhigh h1  {
		font-size: 4.5em;
		width: 800px;
		top: 75%;
		left: 5%;
	}
}


@media (min-width: 1200px) {

	#header-stayhigh {
		background: url('../img/products/landing/header-lg.jpg') center no-repeat;
		background-size: cover;
		height: 768px;
	}

	#header-stayhigh img {
		width: 1080px;
		margin-left: 10% !important;
		bottom: 5%;
	}
	
}


/*
============
Thank You Modal
============
*/

#thankyou {	background: rgba(250,250,250,0.9);}

#thankyou .btn {
	border: none;
	background: #ed9c23;
	color: #fafafa;
	text-transform: uppercase;
}

#thankyou .btn:hover, #thankyou .btn:focus, #thankyou .btn:active {
	opacity: 0.4;
}


/*
============
OVERRIDE
============
*/

.navbar-nav a:active > .offcanvas-collapse {
	display: none !important;
}


#locations .btn, .locations-button {
	display: block !important;
	max-width: 250px;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	z-index: 900 !important;
}