/*!
 * Start Bootstrap - Business Casual v5.0.0 (https://startbootstrap.com/template-overviews/business-casual)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-casual/blob/master/LICENSE)
 */

html { font-size: 112%; } 

body{
    font-family: 'Lato', sans-serif;
    /*
         background:-webkit-gradient(linear,left top,left bottom,from(rgba(204,204,204,.65))),url(../img/lily-1850750_1920.jpg);
         background:linear-gradient(rgba(204,204,204,.65)),url(../img/lily-1850750_1920.jpg);
    */
    background-image: url(../img/lily_new.jpg);
    background-attachment:fixed;
    background-position:left top;
    background-size:contain;
    background-repeat: no-repeat;
    background-color: black;
    top:0;
    color: white;
}

.opacity{background-color: rgba(0,0,0, 0.7); width: 100%; height: 100%;}
p{line-height:1.75}
.text-faded{color:rgba(255,255,255,.8)}
.site-heading{margin-top:5rem;margin-bottom:5rem;text-transform:uppercase;line-height:1;}
.site-heading .site-heading-upper{display:block;font-size:2rem;font-weight:800}
.site-heading .site-heading-lower{font-size:3rem;font-weight:100;line-height:4rem}
.page-section{margin-top:1rem;}
.section-heading{text-transform:uppercase;margin: auto;float:center; color: white;}
@media (min-width:992px){
    .section-heading .section-heading-upper{display:block;font-size:1rem;font-weight:800}
    .section-heading .section-heading-lower{display:block;font-size:2rem;font-weight:300}
    .section-heading .section-heading-additional{display:block;font-size:1rem;font-weight:300}
    .bg-maps{margin: auto;float: center;}
    .slider{width: 50%; margin: auto; margin-top: 30px;}

}
.carousel-inner-full{height: 100%;}
.carousel-item-full{height: 100%;text-align: center;}
img.img_gallery{
    max-height: 100%;  
    max-width: 100%!important; 
    vertical-align: middle;
    position:absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

@media (max-width:600px){
    .section-heading .section-heading-upper{display:block;font-size:1rem;font-weight:800}
    .section-heading .section-heading-lower{display:block;font-size:1rem;font-weight:450}
    .section-heading .section-heading-additional{display:block;font-size:1rem;font-weight:450}
    .bg-maps{ margin: auto;float: center; width: 100%;}


}
.bg-faded{margin: auto;float: center;}
.hide{display: none!important;}
.carousel-full{ position: fixed;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 999;
                background-color: black;
}

.x{
    float: right;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1000;
    padding-top: 15px;
    padding-right: 15px;
    font-weight: bold;

}


#mainNav{background-color:rgba(0,0,0,.6);}
#mainNav .navbar-brand{color:#ffffff}
#mainNav .navbar-nav .nav-item .nav-link{color:rgba(255,255,255,1);font-weight:800; border-bottom: 1px solid white;}
#mainNav .navbar-nav .nav-item.active .nav-link{color:#b3b3b3}
@media (min-width:992px){
    #mainNav .navbar-nav .nav-item .nav-link{font-size:.9rem}
    #mainNav .navbar-nav .nav-item .nav-link:hover{color:rgba(166,166,166,1)}
    #mainNav .navbar-nav .nav-item.active .nav-link:hover{color:#ffffff}
    .logo{height: 300px;}
    .map{width: 800px; height: 380px;}
    a.phone-number{
        color: white;
        /* border-bottom: 1px solid white; */
        margin-left: 20px;
    }
    a.phone-number:hover{
        text-decoration: none;
        color: rgb(217,217,217);
    }
    .numbers{
        color:#fff;
        width: 100%;
        margin-bottom: 20px;
        font-size: 30px;
    }
}
@media (max-width:600px){
    .logo{height: 160px;}

    a.phone-number{
        display: inline-block;
        float: center;
        color: white;
        border-bottom: 1px solid white;
    }
    a.phone-number:hover{
        text-decoration: none;
        color: rgb(217,217,217);
    }
    .numbers{
        color:#fff;
        width: 100%;
        margin-bottom: 20px;
        font-size: 30px;
        background-color: rgba(0,0,0,.5);
    }

}
.oi-x:hover{
    color: gray;
}
img.rounded{
    object-fit: contain!important;

}
@media (max-width:600px){
    img.rounded{

        margin:auto;
    }
    .gallery_row{
        text-align: center;
        width: 100%;
        margin: 0px;

    }
    .gallery_row img{
        width: 100% !important;
        height: auto !important;
        margin: auto;
        margin-top:10px;
    }
    .left_offer{width: 100%; float: center; text-align: center;}
    .right_offer{width: 100%;float: center;  padding: 20px;}
    .left_offer img{margin-top:10px; max-width: 100%; image-orientation: from-image!important;}
    .half{max-width:50%!important;float: left;}
}
.gallery_row{
    text-align: center;
    margin: 0px;
}
img.img_gallery{
    object-fit: contain!important;
    max-width:1024px;
    margin: auto;
    vertical-align: middle;
}
.container{padding: 0px;}
.btn-xl{font-weight:700;font-size:.8rem;padding-top:1.5rem;padding-bottom:1.5rem;padding-left:2rem;padding-right:2rem}
.intro{position:relative}
@media (min-width:992px){.intro .intro-img{width:75%;float:right}.intro .intro-text{left:0;width:60%;margin-top:3rem;position:absolute}
                         .intro .intro-text .intro-button{width:100%;left:0;position:absolute;bottom:-2rem}}
@media (min-width:1200px){.intro .intro-text{width:45%}
}

.cta{padding-top:5rem;padding-bottom:5rem;background-color:rgba(242,242,242,.85)}
.cta .cta-inner{position:relative;padding:3rem;margin:.5rem;background-color:rgba(255,255,255,.85)}
.cta .cta-inner:before{border-radius:.5rem;content:'';position:absolute;top:-.5rem;bottom:-.5rem;left:-.5rem;right:-.5rem;border:.25rem solid rgba(242,242,242,.85)}@media (min-width:992px){.about-heading .about-heading-img{position:relative;z-index:0}
                                                                                                                                                                                             .about-heading .about-heading-content{margin-top:-5rem;position:relative;z-index:1}
}
@media (min-width:992px){.product-item .product-item-title{margin: auto;}
                         .product-item .product-item-img{position:relative;z-index:0;max-width:60vw}
                         .product-item .product-item-description{ margin: auto;}
                         .left_offer{width: 50%; float: left;text-align: center;}
                         .right_offer{width: 50%;float: left;}
                         .left_offer img{margin:10px; width: 45%; image-orientation: from-image!important; float: left}
                         .half{max-width:50%!important; height: 100%;}

}


.list-hours{font-size:.9rem}
.list-hours .list-hours-item{border-bottom:1px solid rgba(0,0,0,.85);padding-bottom:.25rem;margin-bottom:1rem;font-style:italic}
.list-hours .list-hours-item.today{font-weight:700;color:#4d4d4d}@media (min-width:992px){.list-hours{width:50%;font-size:1.1rem}
}.address strong{font-size:1.2rem}
.footer{background-color:rgba(0,0,0,.85)}
.text-primary{color:#4d4d4d!important}
.bg-primary{background-color:#4d4d4d!important}
.btn{-webkit-box-shadow:0 3px 3px 0 rgba(242,242,242,.1);box-shadow:0 3px 3px 0 rgba(255,255,255,.1)}
.btn-secondary{background-color:#4d4d4d;border-color:#4d4d4d}
.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#4d4d4d;border-color:#4d4d4d}
.font-weight-light{font-weight:100!important}


#logo{
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lato', sans-serif;
}

.site-heading {
  font-family: 'Lato', sans-serif;
}

#mainNav {
  font-family: 'Lato', sans-serif;
}