/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox
{
        cursor: pointer;
        position: fixed;
        z-index: 10000;
           border: 2px solid #ddd;

        -ms-touch-action: none;
        touch-action: none;
}


/* ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div
{
        border-radius: 50%;
}
#imagelightbox-loading
{
        width: 2.5em; /* 40 */
        height: 2.5em; /* 40 */
        background-color: #444;
        background-color: rgba( 0, 0, 0, .5 );
        position: fixed;
        z-index: 10003;
        top: 50%;
        left: 50%;
        padding: 0.625em; /* 10 */
        margin: -1.25em 0 0 -1.25em; /* 20 */

        -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
        box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}
        #imagelightbox-loading div
        {
                width: 1.25em; /* 20 */
                height: 1.25em; /* 20 */
                background-color: #fff;

                -webkit-animation: imagelightbox-loading .5s ease infinite;
                animation: imagelightbox-loading .5s ease infinite;
        }

        @-webkit-keyframes imagelightbox-loading
        {
                from { opacity: .5;	-webkit-transform: scale( .75 ); }
                50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
                to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
        }
        @keyframes imagelightbox-loading
        {
                from { opacity: .5;	transform: scale( .75 ); }
                50%	 { opacity: 1;	transform: scale( 1 ); }
                to	 { opacity: .5;	transform: scale( .75 ); }
        }


/* OVERLAY */

#imagelightbox-overlay
{
        background-color: #fff;
        background-color: rgba( 255, 255, 255, .9 );
        position: fixed;
        z-index: 9998;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
}


/* "CLOSE" BUTTON */

#imagelightbox-close
{
        width: 2.5em; /* 40 */
        height: 2.5em; /* 40 */
        text-align: left;
        background-color: transparent;
        border-radius: none;
        position: fixed;
        z-index: 10002;
        top: 2.5em; /* 40 */
        right: 2.5em;
        border:none;

        -webkit-transition: color .3s ease;
        transition: color .3s ease;
}
        #imagelightbox-close:hover,
        #imagelightbox-close:focus
        {
                background-color: #111;
        }
        #imagelightbox-close:before,
        #imagelightbox-close:after
        {
                width: 2px;
                background-color: #fff;
                content: '';
                position: absolute;
                top: 20%;
                bottom: 20%;
                left: 50%;
                margin-left: -1px;
        }
        #imagelightbox-close:before
        {
                -webkit-transform: rotate( 45deg );
                -ms-transform: rotate( 45deg );
                transform: rotate( 45deg );
        }
        #imagelightbox-close:after
        {
                -webkit-transform: rotate( -45deg );
                -ms-transform: rotate( -45deg );
                transform: rotate( -45deg );
        }



@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/raleway-light.eot');
    src: url('../fonts/raleway-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-light.woff2') format('woff2'),
         url('../fonts/raleway-light.woff') format('woff'),
         url('../fonts/raleway-light.ttf') format('truetype'),
         url('../fonts/raleway-light.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold.eot');
    src: url('../fonts/raleway-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold.woff2') format('woff2'),
         url('../fonts/raleway-bold.woff') format('woff'),
         url('../fonts/raleway-bold.ttf') format('truetype'),
         url('../fonts/raleway-bold.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light.eot');
    src: url('../fonts/montserrat-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-light.woff2') format('woff2'),
         url('../fonts/montserrat-light.woff') format('woff'),
         url('../fonts/montserrat-light.ttf') format('truetype'),
         url('../fonts/montserrat-light.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{ font-family: 'ralewaylight'; color: #171717;}

a{ color:#1e1e1e; }
a:hover{ color: #76BC1D; }
h1{   font-family: 'montserratlight'; background: rgba(0, 0, 0, 0) url("../images/head-border.jpg") no-repeat scroll left bottom;    font-size: 23px;    padding: 0 0 10px;    text-transform: uppercase;  }
h3{ font-family: 'montserratlight'; font-size: 19px;}

.header-container{ border-bottom: 2px solid #D3D3D3; }
#main-menu{font-family: 'ralewaylight'; text-transform: uppercase;}
.navbar{margin-bottom: 0;    min-height: 117px; border: none; }
.navbar-nav > li > a{ font-size: 14px; font-weight:bold; padding-right: 20px; padding-left: 20px;border-bottom: 4px solid #fff; padding-bottom: 24px;}
li.parent{position: relative;}
li.active a{ border-bottom: 4px solid #1e1e1e; background: none; font-weight: bold; color:#76BC1D; }
.navbar-nav > li > a:hover{ border-bottom: 4px solid #1e1e1e; background: none; font-weight: bold;}

.sub-menu{ display: none; position:absolute;     width: 160px;    z-index: 10; opacity: 0.8; }
li.parent:hover .sub-menu{ display: block;}

.sub-menu li{  border-bottom: 1px solid #fff;    color: #fff;    font-size: 12px;    list-style: inside disc;    padding: 10px 5px; }
.sub-menu .last-li{ border: none;}
.sub-menu li.active a{color: #76BC1D !important;}
.sub-menu{ background: #1e1e1e;    padding: 0 15px; border-radius: 0;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{ background-color: transparent;}
.sub-menu li a{ background: none !important; margin: 0;  color: #fff !important;}
.sub-menu li a:hover{ color:#76BC1D !important; text-decoration: none; }
.sub-menu li.last-li a{ border-bottom: none;}
.navbar-nav > li > a{}
.logo img{ padding-left: 23%;}
.navbar-brand > img{    /*margin-left: 50%; width: 65%;*/ }
.navbar-brand{ padding: 0;height: 75px;    margin-left: 50% !important;}
.banner-container{ /*background: url('../images/main-banner-bg.jpg') repeat-x;*/ }
#main-nav{   margin-top: 33px;}
.navbar-toggle {    background-color: #bfbfbf; margin-top: 20px;}
.navbar-toggle .icon-bar{ background: #fff;}
.carousel-indicators {    bottom: 0;}
.carousel-indicators li{ background: #beae96;}
.carousel-indicators .active{ height: 10px; width: 10px; margin: 1px;}
.reservation-container{ background: #d3d3d3;    padding: 20px 25px 20px;}
.pricing-ques{   font-size: 25px;    font-weight: 500;     color: #171717;    margin: 10px 0 0;}
.green-btn{ background: #76BC1D; color: #fff;font-size: 20px;font-family: 'ralewaybold';padding: 15px 20px; border-radius: 7px;}
.green-btn a{ color: #fff;}
.green-btn a:hover{text-decoration: none; color: #000;}
.boxes-container{ margin-top: 50px; padding-bottom: 65px; border-bottom: 2px solid #f3f3f3;}
.box img{ border: 2px solid #ececec;}
.box-desc{ font-size: 21px;   padding-top: 12px;     min-height: 130px;}
.box{ margin-bottom: 25px;}
.box a{ color: #76BC1D; }
.view-more-link{ font-size: 18px;}
.view-more-link span{ padding-left: 10px;}
.view-more-link:hover{ text-decoration: none;}
.bx-wrapper{    margin: 0 auto;}
.bx-wrapper .bx-viewport {    border: 0 none;    box-shadow: none;}
.slide{ width: auto !important; margin: 0 !important;}
.bx-wrapper .bx-controls-direction a{  height: 101px !important;    width: 53px !important; top: 30%;}
.bx-wrapper .bx-prev{ background: url('../images/prev.png') no-repeat; left: -60px;}
.bx-wrapper .bx-next{background: url('../images/next.png') no-repeat;  right: -40px;}
.bx-wrapper .bx-viewport{ /*left: 50px;*/}
.bx-wrapper .bx-next:hover{ background-position: 0 0; }
.bx-wrapper{ width: auto;}
.slider-container{ margin-bottom: 50px;}
.footer-container{ padding: 50px 0 40px; border-top: 2px solid #f3f3f3;}

.footer-list{ font-size: 12px;}
.footer-list li{ border-left: 1px solid #171717;    padding-left: 10px;line-height: 12px;   }
.footer-list li:first-child{border: none;}
.footer-list li a{ color: #171717; }
.footer-list li a:hover{color: #76BC1D; text-decoration: none; }
.footer-list{}
.social-media{ margin: 25px 0 0;}

.copyright-container{  background: #ededed none repeat scroll 0 0;    font-size: 12px;    padding: 20px 0 10px;}


/* Inner pages */
.inner-page-content h1{ margin-top: 45px;}
.inner-page-banner{background: #EFEFEF;}
.inner-page-banner img{margin: 0 auto;}
.inner-page-content{ padding-bottom: 100px;}
.page-title h2, .main-content h2{  font-family: "montserratlight";    font-size: 22px;    margin-bottom: 20px;    margin-top: 35px;}
.main-content{ font-size: 18px;}
.product-page{ margin-top: 60px;}
.product-page h3{ margin: 35px 0;}
.pro-box img{border: 2px solid #ececec;}
.navbar-form .form-group{display: block;}
.navbar-form label{ display: block; padding-bottom: 15px;}
.contact-page button{   font-size: 18px;    padding: 15px 40px;}
.contact-page .form-group{ margin-bottom: 20px;}
.contact-page input[type='text'], textarea{ border-radius: 0; width: 100%;border: 1px solid #d3d3d3; }
textarea{ height: 200px;}
.contact-page{ padding-top: 30px; }
.contact-right .locations-info{ color: #fff; background: #1e1e1e;  font-size: 23px; padding: 30px 25px; border-radius: 5px; }
.contact-right .locations-info h5{ font-size: 23px; color: #76bd1d; margin:3px 0;}
.locations-info address{margin-bottom: 15px; }
.locations-info .first-add{ border-bottom: 1px dashed #fff;    padding-bottom: 15px;}
.contact-right h1{ margin-left: 20px; margin-bottom: 50px;}
.create-vap a{ color: #76BC1D !important; }
.events-banner{ margin-top: 50px; margin-bottom: 50px;}
.events-banner .carousel-inner > .item{ margin:0 9%}
.events-banner .carousel-control{ width: 6%;  background: none; top: 34%;}
.events-banner .carousel-caption{ position: static; color: #171717; text-align: left; text-shadow:none;}
.create-vape-form button{ margin-top: 30px;}
.create-vape-image{ margin-top: -18px; }


@media (min-width: 981px)
{
    .bx-wrapper .bx-pager{display: none;}
    #imagelightbox-close{  right: 25%;    top: 9%;}
}
@media (max-width: 992px)
{
    .navbar-nav > li > a {    border-bottom: 4px solid #fff;    padding-left: 10px;    padding-right: 10px;  padding-bottom: 10px;    font-size: 12px;  }
    .navbar-brand {    margin-left: 0 !important;}   
    .pricing-ques {    font-size: 18px;  }
    .green-btn{ font-size: 12px; float: none !important;  }
    h1{ font-size: 20px;}
    .box-desc {    font-size: 17px;}
    
}


@media (max-width: 667px)
{
    /*.navbar-nav > li > a:hover{ border: none;}*/
    .navbar-nav > li > a:hover{ border-bottom: none;}
    .green-btn{  margin-top: 10px;margin-left: 40px; }
    .boxes-container{ padding-bottom: 25px; }
    .box-desc {    min-height: 100px;}
	.carousel-indicators {    bottom: -10px;}
}