/***************************************************************
GLOBAL Property SYLES
********************************************************/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.clearfix:after {
content: "";
display: block;
clear: both;
position: relative;
}

/***************************************************************
END GLOBAL Property SYLES
********************************************************/









/***************************************************************
PRE-LOADER
********************************************************/

.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

.pace-inactive {
display: none;
}

.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 2000;
position: fixed;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
border: 0px;
height: 500px;
overflow: hidden;
background: transparent;
}

.pace .pace-progress {
position: absolute;
z-index: 2000;
top: calc(50% - 5em);
left: calc(50% - 5em);
height: 100%;
width: 100%;
text-align: center;
-webkit-transform: translate3d(0, 0, 0) !important;
-ms-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
}

.pace.pace-inactive {
display: none;
}

#preloader{
width: calc(100% / 3);
height:100%;
background: rgba(124, 134, 140, 1);
overflow:hidden;
position:fixed;
z-index: 1000;
top: 0;
right:0;
-webkit-transition: height 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: height 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

#preloader-02{
width: calc((100% / 3) * 2);
height: 50%;
background: white;
overflow:hidden;
position:fixed;
z-index: 1000;
left: 0;
top:0!important;
-webkit-transition: width 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: width 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

#preloader-03 {
width: calc((100% / 3) * 2);
height: 50%;
background: black;
overflow:hidden;
position:fixed;
z-index: 1000;
left: 0;
bottom:0!important;
-webkit-transition: height 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: height 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}


/* added class */
.slinky {
width: calc(100% / 3)!important;
height: 0%!important;
top: 0;
right:0;
}

.slinky-02 {
width: 0%!important;
height: 50%!important;
left: 0;
top:0!important;
}

.slinky-03 {
width: calc((100% / 3) * 2);
height: 0%!important;
left: 0;
bottom: 0!important;
}

/***************************************************************
END PRE-LOADER
********************************************************/









/********************************************************************

Sale Details Block 

*******************************************************************/

/* Flex Containers */
.notice-block .flex-container {
height: auto;
flex-wrap: wrap;
display: flex!important;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
position: relative;
}

.notice-block .flex-element {
height: auto;
flex-wrap: wrap;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}



/***** NOTICE BLOCK ELEMENTS    *******/
.notice-block {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
height: 100vh;
width: 100vw;
background-color: rgba(0,0,0, 0.85);
z-index: 1000;
}

.notice-block .flex-container {
height: 100%;
}

.notice-block .flex-element {
height: auto;
max-height: 800px;
width: 50%;
margin:auto;
}

.notice-block .flex-element div {
display: block;
background-color: white;
background-image: url('../assets/textures/white-brick.jpg');
background-repeat: no-repeat;
background-size: cover;
padding: 50px!important;
position: relative;	
/*	-webkit-box-shadow: 1px 1px 24px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow: 1px 1px 24px 0px rgba(50, 50, 50, 0.35);
	box-shadow: 1px 1px 24px 0px rgba(50, 50, 50, 0.35);*/
}





/****** NOTICE BLOCK TEXT STYLES *******/
.notice-block h4 em {
font-weight: 100;
font-style: normal;
letter-spacing: 3px;
padding-bottom: 25px;
line-height: 12px;
}

.notice-block h4 {
font-weight: 900;
color: black;
font-family: "europa", sans-serif;
font-size: 14px;
line-height: 18px;
letter-spacing: 2.25px;
width: 80%;
padding: 0px 0px;
text-transform: uppercase;
}

.notice-block .flex-element div h2 {
list-style: none;
text-decoration: none;
text-align: left;
margin-left: 0;
margin-top: 0;
color: black;
width: 100%;
}

.notice-block .flex-element div h2 em {
list-style: none;
text-decoration: none;
text-align: left;
margin-left: 0;
margin-top: 0;
color: black;
width: 100%;
font-weight: 100;
color: black;
font-size: 24px;
letter-spacing: 2px;
}

.notice-block .flex-element div p {
text-decoration: none;
list-style-type: none;
margin-top: 25px;
width: 80%;
color: black;
}




/*** CLOSE THE NOTICE */
.close-notice {
z-index: 1000!important;
font-family: "europa", sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 36px;
color: black;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
position: absolute;
top: 35px;
right: 50px;
border-bottom: none;
}

.close-notice:hover {
color: black;
opacity: .5;
}

.remove-notice {
display: none!important;
}
 .close-notice .link-line {
	background: black;
}


/********************************************************************

END Sale Details Block 

*******************************************************************/
























/*******************************************************
BUTTON STYLES 
****************************************************/

/* Primary Button Style */
a {
font-family: "europa", sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 36px;
color: #abc376;
text-transform: uppercase;
text-decoration: none;
padding-bottom: 5px;
border-bottom: solid 3px;
cursor: pointer;
}

/* Social Links Button Style */
.social a {
border: none;
padding-bottom: 0px;	
}

/* Primary Button Style */

a:hover {
color: rgba(171,195,118, 0.25);

transition-duration: color .25s;
-webkit-transition-duration: color .25s;
}

.process a, .location a {
margin-left: auto;
margin-right: auto;
text-align: center;
position: relative;
border-bottom: none;
}

/* General Button Frame Properties */
.link-line {
position: absolute;
background: #abc376;
}

/* Individual Button Frame Properties */
.link-line.link-line-1 {
height: 1px;
width: 0%;
right: -15px;
top: -15px;
}

.link-line.link-line-2 {
height: 0%;
width: 1px;
right: -15px;
bottom: -15px;
}

.link-line.link-line-3 {
width: 1px;
height: 0%;
left: -15px;
top: -15px;
}

.link-line.link-line-4 {
height: 1px;
width: calc(100% + 30px);
left: -15px;
bottom: -15px;
}

/* button Keyframes */

/* top animation */
@keyframes top-animate {
0% {  width: 0%; right: -15px; }
25% { width: calc(100% + 30px); right: -15px; }
75% { width: calc(100% + 30px); left: -15px; }
100% { width:  0%; left: -15px; right: auto; }
}
 
@-webkit-keyframes top-animate {
0% {  width: 0%; right: -15px; }
25% { width: calc(100% + 30px); right: -15px; }
75% { width: calc(100% + 30px); left: -15px; }
100% { width:  0%; left: -15px; right: auto; }
}

@-moz-keyframes top-animate {
0% {  width: 0%; right: -15px; }
25% { width: calc(100% + 30px); right: -15px; }
75% { width: calc(100% + 30px); left: -15px; }
100% { width:  0%; left: -15px; right: auto; }
}

@-o-keyframes top-animate {
0% {  width: 0%; right: -15px; }
25% { width: calc(100% + 30px); right: -15px; }
75% { width: calc(100% + 30px); left: -15px; }
100% { width:  0%; left: -15px; right: auto; }
}


/* right animation */
@keyframes right-animate {
0% {  height: 0%; bottom: -15px; }
25% { height: calc(100% + 30px); bottom: -15px; }
75% { height: calc(100% + 30px); top: -15px; }
100% { height:  0%; top: -15px; bottom: auto;}
}

@-webkit-keyframes top-animate {
0% {  height: 0%; bottom: -15px; }
25% { height: calc(100% + 30px); bottom: -15px; }
75% { height: calc(100% + 30px); top: -15px; }
100% { height:  0%; top: -15px; bottom: auto;}
}

@-moz-keyframes top-animate {
0% {  height: 0%; bottom: -15px; }
25% { height: calc(100% + 30px); bottom: -15px; }
75% { height: calc(100% + 30px); top: -15px; }
100% { height:  0%; top: -15px; bottom: auto;}
}

@-o-keyframes top-animate {
0% {  height: 0%; bottom: -15px; }
25% { height: calc(100% + 30px); bottom: -15px; }
75% { height: calc(100% + 30px); top: -15px; }
100% { height:  0%; top: -15px; bottom: auto;}
}


/* left animation */
@keyframes left-animate {
0% {  height: 0%; top: -15px; }
25% { height: calc(100% + 30px); top: -15px; }
75% { height: calc(100% + 30px); bottom: -15px; }
100% { height: 0%; bottom: -15px; top: auto;}
}

@-webkit-keyframes top-animate {
0% {  height: 0%; top: -15px; }
25% { height: calc(100% + 30px); top: -15px; }
75% { height: calc(100% + 30px); bottom: -15px; }
100% { height: 0%; bottom: -15px; top: auto;}
}

@-moz-keyframes top-animate {
0% {  height: 0%; top: -15px; }
25% { height: calc(100% + 30px); top: -15px; }
75% { height: calc(100% + 30px); bottom: -15px; }
100% { height: 0%; bottom: -15px; top: auto;}
}

@-o-keyframes top-animate {
0% {  height: 0%; top: -15px; }
25% { height: calc(100% + 30px); top: -15px; }
75% { height: calc(100% + 30px); bottom: -15px; }
100% { height: 0%; bottom: -15px; top: auto;}
}


/* button animation classes */
a:hover span.top-animate {
-webkit-animation: top-animate .25s;
-moz-animation: top-animate .25s;
-o-animation: top-animate .25s; 
animation: top-animate .25s;
 
animation-delay: .1s;
-webkit-animation-delay: .1s;
}


a:hover span.right-animate {
-webkit-animation: right-animate .25s; 
-moz-animation: right-animate .25s; 
-o-animation: right-animate .25s; 
animation: right-animate .25s; 
}

	
a:hover span.left-animate {
-webkit-animation: left-animate .25s; 
-moz-animation: left-animate .25s; 
-o-animation: left-animate .25s; 
animation: left-animate .25s ; 

animation-delay: .15s;
-webkit-animation-delay: .15s;
}








/* Secondary Button Style */
a.secondary-button {
border-bottom: none;
color: rgba(255,255,255, 1);
position: relative;
display: block;
overflow-y: hidden;
height: 34px;
}

a.secondary-button span{
width: 35px;
}

a.secondary-button span.arrow-02 {
position: absolute;
top: -35px;
left: 0px;
width: 35px;
}

a.secondary-button span svg {
height: 100%;
width: 35px;
vertical-align: middle;
}
/* END Secondary Button Style */


/* secondary-button animation */
@keyframes secondary-button-animate {
0% {  top: -35px; }
100% { top: 0px; }
}

@-webkit-keyframes secondary-button-animate {
0% {  top: -35px; }
100% { top: 0px; }
}

@-moz-keyframes secondary-button-animate {
0% {  top: -35px; }
100% { top: 0px; }
}

@-o-keyframes secondary-button-animate {
0% {  top: -35px; }
100% { top: 0px; }
}



a.secondary-button:hover span.arrow-02 {
-webkit-animation: secondary-button-animate .2s; 
-moz-animation: secondary-button-animate .2s; 
-o-animation: secondary-button-animate .2s; 
animation: secondary-button-animate .2s ; 

animation-fill-mode: both;
-webkit-animation-fill-mode: both;


animation-delay: top .15s;
-webkit-animation-delay: top .15s;
}


a.secondary-button:hover span.arrow-01 {
opacity: 0;

transition: opacity .15s ease-in-out;
-webkit-transition: opacity .15s ease-in-out;
}

a.secondary-button:hover {
opacity: 0.75;

transition: opacity .15s ease-in-out;
-webkit-transition: opacity .15s ease-in-out;
}

/*******************************************************
END BUTTON STYLES 
****************************************************/








/***************************************************************
PRE-LOADER
********************************************************/

.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

.pace-inactive {
display: none;
}

.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 2000;
position: fixed;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
border: 0px;
height: 500px;
overflow: hidden;
background: transparent;
}

.pace .pace-progress {
position: absolute;
z-index: 2000;
top: calc(50% - 5em);
left: calc(50% - 5em);
height: 100%;
width: 100%;
text-align: center;
-webkit-transform: translate3d(0, 0, 0) !important;
-ms-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
}

.pace.pace-inactive {
display: none;
}

#preloader{
width: calc(100% / 3);
height:100%;
background: rgba(124, 134, 140, 1);
overflow:hidden;
position:fixed;
z-index: 1000;
top: 0;
right:0;
-webkit-transition: height 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: height 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

#preloader-02{
width: calc((100% / 3) * 2);
height: 50%;
background: white;
overflow:hidden;
position:fixed;
z-index: 1000;
left: 0;
top:0!important;
-webkit-transition: width 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: width 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

#preloader-03 {
width: calc((100% / 3) * 2);
height: 50%;
background: black;
overflow:hidden;
position:fixed;
z-index: 1000;
left: 0;
bottom:0!important;
-webkit-transition: height 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: height 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}


/* added class */
.slinky {
width: calc(100% / 3)!important;
height: 0%!important;
top: 0;
right:0;
}

.slinky-02 {
width: 0%!important;
height: 50%!important;
left: 0;
top:0!important;
}

.slinky-03 {
width: calc((100% / 3) * 2);
height: 0%!important;
left: 0;
bottom: 0!important;
}

/***************************************************************
END PRE-LOADER
********************************************************/



/***************************************************************
Background GRADIENTS, COLORS, DECORATIVE ELEMENTS
********************************************************/

.gradient {
background: -moz-linear-gradient(-45deg, rgba(41,46,48,0) 50%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(41,46,48,0) 50%,rgba(255,255,255,1) 100%);
background: linear-gradient(45deg, rgba(41,46,48,0) 50%,rgba(255,255,255,0.075) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
width: 100%!important;
height: 100%;
position: absolute;
pointer-events: none!important;
z-index: 999;
top: 0px;
}

/* added class to Cannabis Card Individual Steps */
.wood:before {
display: block;
width: 100%;
content: "";
height: 15px;
background-color: #abc376;
/*background: url('../assets/wood-fg-03.jpg'); 
background-position: center center; 
background-size:cover; 
background-repeat: no-repeat;*/
position: absolute;
top: 0;
}

/***************************************************************
END Background GRADIENTS, COLORS, DECORATIVE ELEMENTS
********************************************************/











/***************************************************************
GLOBAL HEADER, SECTION, BODY COPY, LIST SYLES
********************************************************/



body {
box-sizing: border-box;
background-color: rgba(4,4,5,1);
/*height: 100vh; FJB 06.18.18 */
width: 100%;
padding: 0px!important;
margin: 0px!important;
box-sizing: border-box;
font-size: 0em!important;
}

section {
padding: 0px!important;
margin: 0px!important;
box-sizing: border-box!important;
width: 100%;
height: 100vh;
font-size: 0!important;
}

h1 {
font-size: 60px;
width: 100%;
display: block;
}

.element h1 {
box-sizing: border-box;
display: block;
margin-left: auto;
margin-right: auto;
width: 80%;
/*position: absolute;*/
margin-top: 0!important;
margin-left: 10%;
}

h2 {
font-family: "europa", sans-serif;
font-weight: 700;
font-size: 48px;
color: #ffffff;
width: 100%;
display: block;
line-height: 46px;
text-transform: capitalize;
letter-spacing: 0px;
margin-bottom: 50px;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
}

h2 strong , h2 em{
color: #8ba1ae;
font-style: normal;
}

ul {
width: 100%;
margin-bottom: 50px;
margin-top: 50px;
}

li {
font-size: 16px;
color: white;
/*color: #8c8c8c;*/
font-family: "europa", sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 32px;
text-decoration: none;
list-style: none;
}

li:before {
content: "+";
display: inline-block;
font-family: "europa", sans-serif;
font-weight: 700;
font-size: 18px;
color: #8ba1ae;
margin-right: 15px;
}

p {
font-family: "europa", sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 32px;
color: #8c8c8c;
}

/***************************************************************
END Header, Body Copy, List Styles
********************************************************/


























/***************************************************************
Flex-Box Styles
********************************************************/



/* Flex-Box Container Properties */
.container {
/*  display: -webkit-box;*/ /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

flex: 1;

box-sizing: border-box!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;

padding: 0px!important;
margin: 0px!important;


}

.content-stretch {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;	
}

.align-container {
flex-wrap: wrap;
height: 100%;
}

.align-container .element {
height: auto;
/*height: 50%;  IE 11 */
padding: 0px!important;
margin: 0px!important;
box-sizing: border-box!important;
flex-wrap: wrap;
}
/* END Flex-Box Container Properties */








/* Individual Flex Elements */
.element {
padding: 0px!important;
margin: 0px!important;
box-sizing: border-box!important;
margin: 0;
display: inherit;
padding: 0px;
width: calc(100% / 3);
height: 100%;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index: 998;
position: relative;
}

.center {
margin-left: auto;
margin-right: auto;
}


/* Element Applied Width */
.one-col {
width: calc(100% / 3);
}
.two-col {
width: calc((100% / 3) * 2);
}
.three-col {
width: calc((100% / 3) * 3);
}



/* Element Applied Height */
.one-row {
height: calc(50vh - 75px)!important;
}
.two-row {
height: calc(100vh - 150px)!important;
}


/* Sub-Element Applied Width */
.one-sub-col {
width: calc(100% / 2);
}
.two-sub-col {
width: calc(100%);
}



/* Nav Sub-Element Applied Width */
.sub-element-01 {
width: calc((100% / 3) * .65);
background-color: #abc376;
}
.sub-element-02 {
width: calc((100% / 3) * .35);
background-color: #1b2022;
}

/***************************************************************
END Flex-Box Styles
********************************************************/





















/***************************************************************
Hero Section Styles
********************************************************/

.hero {
display: inline-block;
vertical-align: top;
}

.hero  {
	background-color: rgba(17,17, 17, 1);
}

.hero .element:nth-child(1) h1:before {
    content: '';
    display: inline-block;
    background-image: url(../assets/logo-seal-white.png);
    background-size: 600px 600px;
    background-repeat: no-repeat;
    background-position: -30% 120%;
    opacity: .035;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0;
}

.hero .element h1 {
box-sizing: border-box;
display: block;
margin-left: auto;
margin-right: auto;
width: 56%;
/* position: absolute; */
margin-top: 75px!important;
margin-right: auto;
margin-left: auto;
}

.hero .element:nth-child(2) div, .hero .element:nth-child(3) div {
height: 100%;
width: 100%;
}

.element h1 svg {
width: 100%;
}

.element.logo svg {
width: 300px;
margin-left: auto;
margin-right: auto;
min-height: auto!important;
height: 150px!important;
fill: white;
}


/***************************************************************
END Hero Section Styles
********************************************************/


















/***************************************************************
Location Section Styles
********************************************************/

.location {
display: inline-block;
vertical-align: top;
}

.location h1 {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.location .element h1 {
font-family: "europa", sans-serif;
font-size: 42px;
font-weight: 700;
letter-spacing: -2.5px;
line-height: 48px;
text-transform: capitalize;
color: #fff;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}

.location .element h1 strong {
color:#8ba1ae;
}

.location li, .location ul {
margin-left: auto;
margin-right: auto;
width: 100%;
padding-left: 0;
}

/***************************************************************
END Location Section Styles
********************************************************/



















/***************************************************************
NAVIGATION BAR
********************************************************/
nav {
background-color: #3a4449;
z-index: 999;
width: 100%;
height: 140px;

position: -webkit-sticky;
position: sticky;
top: -1px;
}

/* applied class-- removes fixed position and allows the BAKER FORM to float vertically center */
.unset {
position: unset!important;
}

nav .element:nth-child(4) h4.opening {
color: #8aa0ac;
}

nav h4.opening {
font-weight: 900;
color: #ffffff;
font-family: "europa", sans-serif;
font-size: 14px;
line-height: 18px;
letter-spacing: 2.25px;
width: 80%;
margin-left: auto;
margin-right: auto;
padding: 0px 0px;
text-transform: uppercase;
}

.opening em {
font-weight: 100;
font-style: normal;
letter-spacing: 3px;
padding-bottom: 25px;
line-height: 36px;
}


/***************************************************************
END NAVIGATION BAR
********************************************************/
















/***************************************************************
BAKER FORM
********************************************************/

.lemon--div.bkr-mobile {
background: #abc376!important;
} 

.lemon--section.bkr-cc-banner {	
background: #abc376!important;
}

/* remove join our inner circle titles*/
.bkr-cc-banner-titles, .bkr-cc-banner-titles .far.fa-comment,.far.fa-comment, .lemon--p.sc-jWBwVP.bVprpv.sc-cvbbAY.hUFSQR {
display: none!important;
}

.lemon--div .lemon--section.bkr-cc-banner {
	height: auto!important;
}

#baker-cell-collect-root .lemon--div {
min-height: auto!important;
}

.lemon--section.bkr-cc-banner {
    overflow-y: hidden;
    height: 35px!important;
}


.lemon--button {
margin-left: auto;
margin-right: auto;
text-transform: uppercase;
letter-spacing: .5px;
position: relative;
padding-left: 35px!important;
}

form .lemon--button {
padding-left: 0!important;
}

.lemon--button:hover {
opacity: 0.75;
}

/* secondary-button animation */
@keyframes subscribe-animate {
0% {  top: -35px; opacity: 1;}
100% {  top: 13px; opacity: 1;}
}

@-webkit-keyframes subscribe-animate {
0% {  top: -35px; opacity: 1;}
100% {  top: 13px; opacity: 1;}
}

@-moz-keyframes subscribe-animate {
0% {  top: -35px; opacity: 1;}
100% {  top: 13px; opacity: 1;}
}

@-o-keyframes subscribe-animate {
0% {  top: -35px; opacity: 1;}
100% {  top: 13px; opacity: 1;}
}

.lemon--button:hover:after {
-webkit-animation: subscribe-animate ease-in-out .2s;  
-moz-animation: subscribe-animate ease-in-out .2s;  
-o-animation: subscribe-animate ease-in-out .2s;  
animation: subscribe-animate ease-in-out .2s; 

animation-fill-mode: both;
-webkit-animation-fill-mode: both;
}

.lemon--button:hover:before {
opacity: 0;
}

.lemon--section.bkr-cc-banner .lemon--button:after {
content: '';
display: inline-block;
background-image: url('../assets/icons/arrow-down.png');
height: 20px;
width: 25px; 
left: 0px;
top: -35px;
vertical-align: middle;
margin-right: 10px;
position: absolute;
background-size: cover;
background-position: center center;
opacity: 0;
}

.lemon--section.bkr-cc-banner .lemon--button:before {
content: '';
display: inline-block;
background-image: url('../assets/icons/arrow-down.png');
height: 20px;
width: 25px; 
left: 0px;
top: 13px;
vertical-align: middle;
margin-right: 10px;
position: absolute;
background-size: cover;
background-position: center center;
}

.lemon--form.sc-brqgnP.kSJcis, .sc-iAyFgw.jUsVpW, .bkr-inputCard, .lemon--section.sc-iwsKbI.gArlqS{
	height: auto!important;
}

.bkr-inputCard {
	max-width: none!important;
}

/* form padding */
.lemon--section.bkr-inputCard {
	padding: 15px!important;
}

/* show less / more interest */
.sc-gZMcBi.iPVcEG, .sc-gZMcBi.cAAezq {
	padding-bottom: 15px;
}

/* open form overlay BG-Color */
.bkr-modal-backdrop {
    background-color: rgba(0,0,0,.9);
}





.inner-circle {
display: block;
width: 100%;
/*position: absolute;*/
z-index: 999;
}

.inner-circle h3:after  {
     content: "";
    background-image: url('../assets/icons/arrow-down.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 16px!important;
    color: white!important;
}





#baker-cell-collect-root {
display: block;
/*padding: 15px!important;
background-color: #4c5256; */
width: 80%;
margin-left: auto;
margin-right: auto;
z-index: 999;
}

.selectDrawer{
box-shadow: none!important;
-webkit-box-shadow: none!important;
}

/*
#baker-cell-collect-root .bkr_cell-collect-wrapper .bkr_cell-collect button.bkr_submit-cell-collect-btn {
color: #4c5256!important;
}

.bkr_cell-collect-wrapper mobile-layout .bkr_custom-copy-container, .selectDrawer {
background-color: #abc376!important;
}*/

.preference-option:hover, .preference-option:hover p {
color: #abc376!important;
}

.preference-option:hover .isvg {
    fill: #abc376!important;
}

.preference-option.is-Selected, .preference-option.is-Selected p{
    background-color: #abc376!important;
    color: #fff!important;
}


/*#baker-cell-collect-root .bkr_cell-collect-wrapper .bkr_cell-collect .bkr_prescription-toggle .bkr_round-checkbox+label:before, #baker-cell-collect-root .bkr_cell-collect-wrapper .bkr_cell-collect .dropdownHeader .bkr_round-checkbox+label:before {
content: "";
margin-right: 8px;
margin-bottom: 1px;
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
border: 2px solid white!important;
border-radius: 50%;
background-color: transparent;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}*/

/*

#baker-cell-collect-root .bkr_cell-collect-wrapper .bkr_custom-copy-container h3, #baker-cell-collect-root .bkr_cell-collect-wrapper .bkr_custom-copy-container p, #baker-cell-collect-root .bkr_cell-collect-wrapper .bkr_cell-collect .dropdownHeader, #baker-cell-collect-root .bkr_cell-collect-wrapper .bkr_cell-collect .bkr_prescription-toggle, .fa-caret-down{
color: white!important;
}
#baker-cell-collect-root .bkr_cell-collect-wrapper .bkr_custom-copy-container h3 {
text-transform: capitalize;
cursor: pointer;
text-align: center!important;
}

#baker-cell-collect-root .bkr_cell-collect-wrapper .bkr_cell-collect .invalid-input {
border: 1px solid red!important;
border-radius: 5px!important;
}
*/


/* applied classes to BAKER FORM */
.remove {
display: none!important;
}

.overlay {
position: fixed!important;
/*position: absolute!important;*/
height: auto!important;
z-index: 999!important;
width: 100%!important;
height: 100%!important;
background-color: rgba(0,0,0, .85)!important; 
top: 0;
left: 0;
bottom: 0;
flex-wrap: wrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}

.vail {
opacity: .15;
}	

.exit:hover {
opacity: .35;
cursor: pointer;
}

/*
#baker-cell-collect-root .bkr_cell-collect-wrapper .bkr_cell-collect .invalid-input {
border: 1px solid black!important;
border-radius: 5px!important;
}
*/

/***************************************************************
END BAKER FORM
********************************************************/


















/***************************************************************
Social LINK BUTTONS
********************************************************/


.social {
background: transparent;
width: 100%;
z-index: 998;
text-align: center;
padding: 15px;
padding-top: 5px;
padding-right: 20px!important;
}

.social svg {
color: white;
fill:white;
}

.sub-element-02 .social svg:hover {
opacity: .35;
cursor: pointer;
}

.social div {
display: inline-block;
flex-direction: row;
width: 25px;
height: 25px;
text-align: center;
vertical-align: bottom
}

.social div:nth-child(2) {
margin-left: 17.5px;
/*margin-right: 17.5px;*/
margin-bottom: -1.5px;
}

/***************************************************************
END BAKER FORM
********************************************************/























/***************************************************************
CANNABIS CARD SECTION STYLES
********************************************************/

section.qualify {
width: 100%;
height: auto;
background-color: #292e30;
box-sizing: border-box;
font-size: 0px!important;
}

section.qualify div.element:nth-child(1) {	
width: calc((100% / 3) * 2);
background-color: #292e30;
font-size: 0px!important;
}

section.qualify div.element:nth-child(2) {	
width: calc((100% / 3));
font-size: 0px!important;
}

.qualify .element:nth-child(2) div{
height: 100%;
width: 100%;
}

section.qualify .element h2, .qualify .element p {
display: block;
width: 100%;
margin-bottom: 50px;
}

section.qualify .element div { 
width: 80%;
margin-left: auto;
margin-right: auto;
padding: 120px 60px;
}




/* THE STEP-BY-STEP PROCESS */
section.process {
width: 100%;
height: auto;
background-color: #1e2021;
box-sizing: border-box;
font-size: 0px!important;
}

section.process div.element {	
width: calc((100% / 3));
font-size: 0px!important;
}

.process div.element:nth-child(1) {
background-color: rgba(51,57,61,1);
}

.process div.element:nth-child(2) {
background-color: rgba(39,45,49,1);
}

.process .element div {
width: 80%;
margin-left: auto;
margin-right: auto;
padding: 90px 60px;
text-align: center;
}

.process h2 {
color: #8ba1ae;
}

.process h2, .process p {
margin-bottom: 50px;
}

/***************************************************************
END CANNABIS CARD SECTION STYLES
********************************************************/







/***************************************************************
FOOTER
********************************************************/

footer {
	background-color: rgba(17,17, 17, 1);
}

footer .social div {
width: 20px;
height: 20px;
}
footer .social svg {
color: #8c8c8c;
fill: #8c8c8c;
}

footer .social {
background: transparent;
/* width: 125px; */
z-index: 998;
text-align: left;
padding: 0;
padding-top: 0px;
padding-left: 0;
padding-bottom: 0px;
padding-right: 0px!important;
}

footer .element:nth-child(3) h3 {
width: 100%;
margin-left: auto;
margin-right: auto;
font-family: "europa", sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 36px;
color: #8c8c8c;
margin-bottom: 0;
margin-top: 0;
}

footer {
padding: 0px!important;
margin: 0px!important;
box-sizing: border-box!important;
width: 100%;
height: auto;
font-size: 0!important;
}

footer .element > div {
width: 80%;

margin-left: auto;
margin-right: auto;
}

footer div a {
color: white;
width: 100%;
margin-left: auto;
margin-right: auto;

font-family: "europa", sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 36px;
color: #8c8c8c;
text-transform: capitalize;
padding-bottom: 0px;
border: none!important;
text-decoration: none;
}

footer .logo a {
	text-align: center;
}

footer .logo a:hover, footer div a:hover {
	opacity: .35;
	color: #8c8c8c!important;
}

footer .container {
height: 100%;
}

/***************************************************************
END FOOTER
********************************************************/























/***************************************************************
GUIDES
********************************************************/
.guides {
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 999;
box-sizing: border-box;
padding: 0!important;
font-size: 0!important;
pointer-events: none;
}

.guides span {
top: 0;
width: 1px;
height: 100vh;
position: fixed;
z-index: 999;
background-color: rgba(255,255,255, 0.25);
opacity: .15;
}

.guides span:nth-child(1) {
left: calc((100% / 3) + 1px);
}

.guides span:nth-child(3) {
left: 0!important;
top: 50%!important;
width: 100%!important;
height: 1px!important;
}

.guides span:nth-child(2) {
right: calc((100% / 3) + 1px);
}

/***************************************************************
END GUIDES
********************************************************/

































/************************************************************

RESPONSIVE DESIGN

*************************************************************/

@media only screen and (max-width: 900px) {
	
	
.selectDrawer, .interestSelect{
display: none!important;
}

.notice-block .flex-element div p {
width: 100%;
}

}/* max-width 900 */


@media only screen and (max-width: 1000px) {
	
.notice-block .flex-element {
width: 80%;
}

.notice-block .flex-element div p {
line-height: 1.5em;
}

.notice-block .flex-element div p {
width: 80%;
}

} /**** max-width 100px*/





@media only screen and (max-width: 1000px) {
	
.inner-circle h3:after  {
content: "";
margin-left: 15px;
}

.exit {
position: relative;
}

.slinky {
width: 100%!important;
height: 0%!important;
top: 0;
}

#preloader{
width: 100%;
height: 100%;
background: rgba(124, 134, 140, 1);
overflow:hidden;
position:fixed;
z-index: 999;
top: 0;
-webkit-transition: height 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: height 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

#preloader-02, .slinky-02, #preloader-03, .slinky-03 {
display: none;
}

.resolve {
width: 80%;
margin-left: 10%!important;
margin-right: 10%!important;
}

body {
height: auto!important;
width: 100%;
}

section {
width: 100%;
}

.landing {
width: 100%;
height: 100%;
}

section, body {
height:100%;
}

.element.overlay {
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
width: 100%!important;
margin-left: auto!important;
margin-right: auto!important;
/*background-color: rgba(0,0,0,.85);*/
height: 100vh!important;
z-index: 999;
position: absolute;
}

.element.overlay .inner-circle {
/* position: relative; */
padding-bottom: 75px!important;
}

.overlay {
position: absolute!important;
height: auto!important;
z-index: 999!important;
min-width: 100%!important;
min-height: 100vh!important;
/*background-color: rgba(0,0,0, .85)!important;*/
}

.element.overlay #baker-cell-collect-root {
/*width: 100%;*/
margin-left: auto;
margin-right: auto;
}

.resolve {
width: 80%!important;
margin-left: auto!important;
margin-right: auto!important;
position: relative!important;
}


.guides {
opacity: 0.25;
}

.guides span:nth-child(1) {
left: 50px;
}


.guides span:nth-child(2) {
right: 50px;
}

.element {
width: calc(100% - 100px)!important;
margin-left: auto!important;
margin-right: auto!important;
display: block;
position: relative;
padding: 25px 60px!important;
}





	
.align-container .sub-element-01.element {
margin-left: auto!important;
margin-right: auto!important;
}

nav {
height: auto!important;
}

.two-col, .one-col {
width: 100%;
}

.two-row, .one-row {
height: auto!important;
}

section.qualify .element div {
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0px 0px; 
}

section.qualify .align-container div.element:nth-child(1) {
width: (100% - 50px)!important;
margin-left: auto!important;
margin-right: auto!important;
}


.location .align-container .element {
	margin-left: auto!important;
	margin-right: auto!important;
}


.gradient{
	display: none;
}

.process .element {
	width: 100%!important;
}

.process .container {
	padding: 0px!important;
}


.process .element div {
width: 80%;
margin-left: auto;
margin-right: auto;
padding: 90px 0px;
text-align: center;
}



nav {
position: unset!important;
background-color: transparent;
width: 100%!important;
}

nav .sub-element-01{
position: fixed!important;
width: 100%!important;
display: block!important;
top: 0;
left: 0;
right: 0;
}



nav .element:nth-child(2) {
/* position: fixed;
top: 0;
z-index: 999;
width: 100%!important;*/
}

.qualify .element:nth-child(2) {
width: 100%!important;
}

.qualify .element:nth-child(2) div {
height: 300px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
width: 100%;
}

.hero div.element:nth-child(4) {
height: 300px!important;
width: 100%!important;
}


nav .element:nth-child(4) h4.opening, nav .element:nth-child(3), nav .element:nth-child(4) {
color: white;
background-color: rgba(71,88,99,1)!important;
}


.hero .element {
width: 100% !important;
}

nav .element h4.opening {
font-size: 9px;
}


nav .element:nth-child(3), nav .element:nth-child(4) {
width: 50%!important;
display: inline-block;
}


footer .element {
	width: 100%!important;
}

footer .social {
	margin-top: 25px;
}



footer .align-container .element, footer .social {
text-align: center;
}

footer, .container{
padding: 60px 0!important;	
}

.qualify .container {
padding-bottom: 0!important;
}

.location li {
font-size: 18px;
line-height: 36px;
}

.location li {
    font-size: 18px;
    line-height: 36px;
    display: inline-block;
    width: 50%;
    vertical-align: top;
}


.location li:before {
font-size: 18px;
}

h2 {
font-size: 42px;
line-height: 40px;
letter-spacing: -0.25px;
margin-bottom: 50px;
}



nav .container, .hero .container {
padding: 0px!important;
}

nav .social {
display: none;
}

.process .element:nth-child(1), .process .element:nth-child(2) {

border-bottom: solid rgba(140,140,140, 0.25) 0.5px;
}

.sub-element-01 {
	position: fixed!important;
	z-index: 999!important;
	width: 100%!important;
	display: block!important;
}

.align-container div.element.operation-01 {
	padding-right: 50px!important;
}


.align-container div.element.operation-02 {
	padding-left: 50px!important;
}


h4.opening {
font-weight: 900;
color: white!important;
font-family: "europa", sans-serif;
font-size: 14px!important;
line-height: 18px;
letter-spacing: 2.25px;
width: 80%;
margin-left: auto;
margin-right: auto;
padding: 0px 0px;
text-transform: uppercase;
}

.opening em {
font-weight: 100;
font-style: normal;
letter-spacing: 3px;
padding-bottom: 25px;
line-height: 36px;
}


 .align-container div.element.operation-01, .align-container div.element.operation-02 {
	display: inline-block!important;
	width: 50%!important;
	color: white;
    /*background: rgba(71,88,99,1)!important;*/
    	background-color: rgba(17,17, 17, 1)!important;

    padding-bottom: 50px!important;
}


.hero .element h1 {
	font-size: 40px!important;
	margin-top: 125px!important;
}


.hero div.element:nth-child(4) div {
	height: 100%!important;
	width: 100%!important;
}


} /* end media query*/


@media only screen and (min-width: 1239px) {

	.inner-circle h3:after  {
	content: "";
	margin-left: 15px;
	}


}/* media */

@media only screen and (min-width: 1345px) and (max-width: 1680px) {



}

@media only screen and (min-width: 1680px){



} /* end media query*/

@media only screen and (min-width: 850px) and (max-width: 1000px) {

.location li {
font-size: 18px;
line-height: 36px;
margin-right: 50px; 
width: calc(50% - 50px);
display: inline-block;
}
.location li:nth-of-type(odd) {
margin-right: 40px; 
}

}/* media  */

@media only screen and (max-width: 780px) {


	
	.location li {
font-size: 14px;
line-height: 36px;
margin-right: 50px; 
width: calc(50% - 50px);
display: inline-block;
}
.location li:nth-of-type(odd) {
margin-right: 40px; 
}

} /* media */







@media only screen and (max-width: 780px) {
.bkr-mobile .bkr-inputCard {
    width: 80%;
    margin-left: auto!important;
    margin-right: auto!important;
}
.lemon--button.bkr-toggle-md {
	margin-left: 15px;
}

.lemon--section.sc-iwsKbI.gArlqS, .sc-iAyFgw.jUsVpW {
	    width: 80%;
    margin-left: auto!important;
    margin-right: auto!important;
}





}/* media */







@media only screen and (max-width: 750px) {

.hero div.element h4.opening {
    font-size: 9px!important;
}



h2 {
	font-size: 32px;
	line-height: 38px;
}


.inner-circle.resolve {
width: 100%!important;
}

#baker-cell-collect-root {
width: calc(100% - 50px)!important;
}

} /* end media query*/





@media only screen and (max-width: 600px) {
	
	.notice-block .flex-element {
	width: calc(100% - 30px);
	
	display: block;
	}
	
	.notice-block .flex-element div {
	padding: 30px!important;
	}
	.notice-block .flex-element div h2{
	    font-size: 24px;
    line-height: 26px;
    margin-bottom: 15px;
	}
		.notice-block .flex-element div h4{
    margin-top: 100px;
	}
	
	
	.notice-block .flex-element div h2 em {
		font-size: 14px;
	}
	
.notice-block .flex-element div p {
    width: 100%;
}
	
} /* end media query*/



@media only screen and (max-width: 500px) {

 .align-container div.element.operation-01, .align-container div.element.operation-02 {
	display: block!important;
	width: 100%!important;
	color: white;
    padding-left: 0px!important;
    padding-right: 0px!important;
    text-align: center;
}

 .align-container div.element.operation-02 {
	     padding-bottom: 0px!important;

 }


	.location li {
	    font-size: 18px;
	    line-height: 36px;
	    display: block!important;
	    width: 100%!important;
	}
	
	
	.element.logo svg {
    width: 225px;
}


} /* end media query*/


@media only screen and (min-width: 1000px) {

	footer div div:nth-child(3) > div{
	    margin-top: -15px;
	}
}/* min-width 1000 */



/*------Specific style for IE11---------*/
_:-ms-fullscreen, :root 
.item.tagline h3 { 

top:calc(25% + 60px); 
}

/*------Specific style for IE11---------*/
_:-ms-fullscreen, :root 
.item .inner-circle, .item.logo h1 { 

top: calc(25% + 30px); 
}