/*!
Theme Name: lumie
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lumie
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

lumie is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

* {
    margin: 0;
    padding: 0;
}

html {
    box-sizing: border-box;
}

:root {
    --black: #000;
    --white: #fff;
    --webkit-font-smoothing: inherit;
    --moz-op--font-smoothing: inherit;
    overflow-x: hidden;
    color: #000;
    font-weight: 400;
    --josefin-font: 'Josefin Sans', sans-serif;
    --cormorant-font: 'Cormorant Garamond', serif;

}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

.row {
    margin: 0;
    padding: 0;
}

a, a:focus, a:hover, a::after, a::before {
    outline: none;
    text-decoration: none;
}

a {
    --webkit-transition: all 0.3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    /* color: inherit; */
}

/* banner */

.banner {
    background-color: var(--black);
}

.navbar-nav {
    padding: 30px 20px 0px 0px;
}


.navbar ul li a {
    color: var(--white);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-family: "Josefin Sans";
    margin-left: 10px;
    text-align:right;
}
.navbar i 
{
    color: var(--white);
    font-size: 20px;
}
#menu-4 a {
    margin-left: 25px;
}

.navbar-nav .nav-link.active {
    color: var(--white);
    font-weight: 700;
    font-size: 14px;
}

.navbar ul li a:hover {
    opacity: 0.8;
    color: var(--white);
}

.banner_top {
    padding-top: 60px;
}

.banner_content {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
.banner_top img
{
    width: 15%;
}
.footer_center img 
{
    width: 10%;
}
.main 
{
    padding: 200px 100px 100px 100px;
}
.banner_bottom p {
    font-size: 30px;
    line-height: 80px;
    color: #ffffff;
    font-weight: 400;
    font-style: italic;
    font-family: var(--cormorant-font);
    text-align: center;
    padding-bottom: 150px;
    margin: 0;
}

/* end banner */

/* video */
.video video {
    height: 100%;
    width: 100%;
}

/* end video */

/* welcome */
.welcome {
    padding: 130px 0px 160px 0px;
    background-color: var(--white);
}

.welcome_top h5 {
    font-size: 42px;
    letter-spacing: 10px;
    line-height: 64px;
    color: var(--black);
    font-weight: 300;
    font-family: var(--josefin-font);
    text-align: center;
}
.welcome_center 
{
    padding-top: 30px;
}
.welcome_center p {
    padding: 20px 150px 0px 150px;
    font-size: 30px;
    line-height: 40px;
    color: var(--black);
    font-weight: 400;
    font-style: italic;
    font-family: var(--cormorant-font);
    text-align: center;
}

/* end welcome */

/* lumie_stands */
.lumie_stands {
    background-color: var(--black);
    padding: 100px 130px 120px 130px;
}

.lumie_stands_top h5 {
    font-size: 42px;
    letter-spacing: 10px;
    line-height: 64px;
    color: var(--white);
    font-weight: 300;
    font-family: var(--josefin-font);
    text-align: center;
}
.lumie_stands_center
{
    padding-top: 50px;
}
.lumie_stands_center li {
    font-size: 30px;
    line-height: 40px;
    color: var(--white);
    font-weight: 400;
    font-style: italic;
    font-family: var(--cormorant-font);
    padding-top: 20px;
}

/* end lumoie_stands */

/* crystals */
.crystals_top
{
    padding-top: 100px;
}
.crystals_top h5 {
    font-size: 42px;
    letter-spacing: 10px;
    line-height: 64px;
    color: var(--black);
    font-weight: 300;
    font-family: var(--josefin-font);
    text-align: center;
    padding-bottom: 50px;
}

.crystals_top p {
    font-size: 30px;
    line-height: 50px;
    color: var(--black);
    font-weight: 400;
    font-style: italic;
    font-family: var(--cormorant-font);
    text-align: center;
    padding: 0px 150px;
    padding-bottom: 100px;
}

.crystal_center img {
    width: 100%;
    height: 100%;
}

.crystal_bottom p {
    font-size: 24px;
    line-height: 50px;
    color: var(--black);
    font-weight: 400;
    font-family: var(--josefin-font);
    text-align: center;
}

.crystal_bottom p span {
    font-weight: 700;
}
.crystal_bottom 
{
    padding: 0px 200px;
    padding-top: 100px;
    padding-bottom: 100px;
}
/* end crystals */

/* styles */
.styles {
    background-color: var(--black);
    padding: 100px 0px;
}

.styles_top h5 {
    font-size: 42px;
    letter-spacing: 15px;
    line-height: 64px;
    color: var(--white);
    font-weight: 300;
    font-family: var(--josefin-font);
    text-align: center;
}
.styles .row>* {
    padding-right: calc(var(--bs-gutter-x) * .0); 
    padding-left: calc(var(--bs-gutter-x) * .0);
}
.sizes,
.sizes1 {
    padding-top: 100px;
    padding-bottom: 100px;
}


.sizes img {
    padding-bottom: 90px;
    height: auto;
    width: auto;
}
.sizes1 img {
    padding-bottom: 120px;
    margin-top: 30px; 
}




.styles h6 {
    font-size: 30px;
    letter-spacing: 3px;
    line-height: 50px;
    color: var(--white);
    font-weight: 600;
    font-family: var(--josefin-font);
}

.styles p {
    font-size: 24px;
    letter-spacing: 2px;
    line-height: 40px;
    color: var(--white);
    font-weight: 600;
    font-family: var(--josefin-font);
}

.styles span {
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 40px;
    color: var(--white);
    font-weight: 600;
    font-family: var(--josefin-font);
}

.styles_bottom p {
    font-size: 30px;
    line-height: 45px;
    color: var(--white);
    font-weight: 400;
    font-style: italic;
    font-family: var(--cormorant-font);
    text-align: center;
    padding: 0px 100px;
}
/* end styles */

/* products */

.products img 
{
    padding-top: 100px;
    height: 100%;
    width: 100%;
}
/* end products */

/* demand */
.demand{
    padding: 100px 130px 0px 130px;
}
.demand h5
{
    font-size: 42px;
letter-spacing: 8px;
line-height: 70px;
color: var(--black);
font-weight: 300;
font-family: var(--josefin-font);
text-align: center; 
}
.demand p
{
    font-size: 30px;
letter-spacing: 3px;
line-height: 40px;
color: var(--black);
font-weight: 300;
font-style: italic;
font-family: var(--cormorant-font);
text-align: center;   
padding-top: 30px;
}
.demand_bottom h6 
{
    font-size: 54px;
letter-spacing: 15px;
line-height: 54px;
color: var(--black);
font-weight: 300;
font-family: var(--josefin-font);
text-align: center;
padding-top: 150px;

}
.demand_bottom p
{
    font-size: 30px;
letter-spacing: 3px;
line-height: 50px;
color: var(--black);
font-weight: 400;
font-style: italic;
font-family: var(--cormorant-font);
text-align: center;   
padding-top: 70px;
}
.main-image img
{
    padding-left: 50px;
    width: 90%;
}
/* end demand */

/* buy */
.buy 
{
    background-color: var(--black);
    padding: 50px 150px 0px 150px;
    margin-top: 150px;
    margin-bottom: 100px;
}
.buy_content h5 
{
    font-size: 42px;
letter-spacing: 10px;
line-height: 70px;
color: var(--white);
font-weight: 300;
font-family: var(--josefin-font);
text-align: center;
}
.buy_content ul 
{
    display: flex;
    justify-content: end;
}
.buy_content ul li a
{
    font-size: 20px;
line-height: 54px;
color: #ffffff;
color: var(--white);
font-family: var(--josefin-font);
text-decoration: none;
padding-left: 50px;
}
.buy_content ul li a:hover{
    opacity: 0.7;
    color: var(--white);
}
/* end buy */

/* footer */
.footer
{
    background-color: var(--black);
    padding-top: 100px;
}
.footer_top
{
    padding: 0px 20%;
}
.footer_center
{
    padding: 110px 0px;
}
.footer_dash
{
    border-top: 5px solid var(--white);
    width: 100%;
}
.footer_bottom p
{
    font-size: 20px;
line-height: 34px;
color: var(--white);
font-weight: 400;
font-family: 'League Spartan', sans-serif;
padding-top: 100px;
padding-bottom: 100px;
margin: 0;
}





@media (max-width:1600px)
{
    .navbar ul li a {
        font-size: 12px;
        margin-left: 5px;
}
#menu-4 a {
    margin-left: 15px;
}

.navbar-nav .nav-link.active {
    color: var(--white);
    font-weight: 700;
    font-size: 12px;
}
.crystal_bottom 
{
    padding: 0px 100px;
    padding-top: 100px;
    padding-bottom: 100px;
}
.styles {
    padding: 100px 00px;
}
@media (min-width:1400px) and (max-width:1850px)
{
    #menu3
{
    margin-top: 15%;
}
}
.demand{
    padding: 100px 80px 0px 80px;
}
.demand_bottom h6 
{
    font-size: 44px;
letter-spacing: 10px;
line-height: 54px;
padding-top: 100px;
}
.main-image img
{
    padding-top: 50px;
    padding-left: 0px;
    width: 100%;
}
@media (max-width:1350px){
    .buy 
{
    padding: 50px 100px 0px 100px;
    margin-top: 100px;
    margin-bottom: 100px;
}
    .buy_content h5 
    {
        font-size: 30px;
    letter-spacing: 5px;
    line-height: 40px;
}
.buy_content ul li a
{
    font-size: 16px;
line-height: 40px;
padding-left: 20px;
}
.demand p
{
    font-size: 20px;
letter-spacing: 3px;
line-height: 30px;
}
.demand h5
{
    font-size: 36px;
letter-spacing: 8px;
line-height: 50px;}
}
}
@media (min-width:768px) and (max-width:991px)
{
    .navbar-nav {
        padding: 20px 20px 0px 0px;
    }
    .navbar ul li a {
        color: var(--white);
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        font-family: "Josefin Sans";
        margin-left: 30px;
        text-align:left;
    }
    .navbar-nav .nav-link.active {
        color: var(--white);
        font-weight: 700;
        font-size: 16px;
    }
    #menu-4 a {
        margin-left: 30px;
    }
    .navbar-toggler
    {
        padding-top: 30px;
        
    }
    .banner_top {
        padding-top: 50px;
    }
    .banner_top img
{
    width: 15%;
}
.footer_center img 
{
    width: 10%;
}
    .main 
{
    padding: 100px 100px 100px 100px;
}
.banner_bottom p {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 100px;
}
.welcome {
    padding: 100px 0px 100px 0px;
}
.welcome_top h5 {
    font-size: 36px;
    letter-spacing: 10px;
}
.welcome_center p {
    font-size: 24px;
    line-height: 30px;
    padding: 00px 50px 0px 50px;
}
.lumie_stands {
    background-color: var(--black);
    padding: 100px 50px 120px 50px;
}
.lumie_stands_top h5 {
    font-size: 36px;
    letter-spacing: 10px;
}
.lumie_stands_center li {
    font-size: 20px;
    line-height: 30px;
}
.lumie_stands_center
{
    padding-top: 30px;
}
.crystals_top h5 {
    font-size: 36px;
    letter-spacing: 10px;
    line-height: 64px;
    padding: 0px 50px;
}
.crystals_top p {
    font-size: 30px;
    line-height:50px;
    padding: 0px 50px;
    padding-bottom: 50px;
}
.crystal_bottom 
{
    padding: 50px 50px;
}
.styles_top h5 {
    font-size: 36px;
    letter-spacing: 15px;
}
.styles_bottom p {
    font-size: 24px;
    line-height: 45px;
    padding: 0px 50px;
}
#menu3
{
    margin-top: 15%;
}
.demand{
    padding: 100px 50px 0px 50px;
}
.demand_bottom h6 
{
    font-size: 30px;
letter-spacing: 5px;
line-height: 40px;
padding-top: 50px;
}
.demand_bottom p
{
    font-size: 20px;
    padding-top: 40px;
}
.buy 
{
    background-color: var(--black);
    padding: 50px 50px 0px 50px;
    margin-top: 100px;
    margin-bottom: 50px;
}
.buy_content h5 
{
    font-size: 24px;
letter-spacing: 3px;
line-height: 54px;
}
.buy_content ul li a
{
    font-size: 12px;
line-height: 54px;
}
}
@media (min-width:426px) and (max-width:767px)
{
    .navbar ul li a {
        color: var(--white);
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        font-family: "Josefin Sans";
        margin-left: 30px;
        text-align:left;
    }
    .navbar-nav .nav-link.active {
        color: var(--white);
        font-weight: 700;
        font-size: 16px;
    }
    .banner_top img
{
    width: 15%;
}
.footer_center img 
{
    width: 10%;
}
.main 
{
    padding: 50px 50px 50px 50px;
}
    #menu-4 a {
        margin-left: 30px;
    }
    .banner_top,
    .footer_center img
    {
        padding: 0px 30px 0px 30px;
    }
 
    .styles {
        padding: 50px 10px;
    }
    .styles_bottom p {
        font-size: 30px;
        line-height: 40px;
        padding: 0px 30px;
    }
    .demand_bottom h6 {
        font-size: 40px;
        letter-spacing: 2px;
        line-height: 50px;
        font-weight: 300;
        text-align: center;
        padding-top: 100px;
    }
    .buy {
        padding: 50px 30px 0px 30px;
    }
    .buy_content h5 {
        font-size: 24px;
        letter-spacing: 2px;
        line-height: 64px;
        text-align: center;
        padding-left: 10px;
    }

    .buy_content ul li a {
        font-size: 14px;
        line-height: 64px;
        padding-left: 10px;
        text-align: center;
    }
    .buy_content ul {
        display: flex;
        justify-content: center;
    }
    .footer
{    padding-top: 100px;
}
.footer_center
{
    padding: 110px 0px;
}
    .navbar ul li a {
        color: var(--white);
        font-size: 16px;
    }

    .navbar-nav {
        padding: 30px 40px 80px 0px;
    }
    .navbar-nav .nav-link.active {
        font-size: 20px;
    }
    .navbar-toggler
    {
        padding-top: 30px;
    }
    #box1 h2::after
    {
        margin-top: -20px;
        margin-left: 10px;
    }
    .banner_top {
        padding-top: 50px;
    }

    .banner_dash {
        padding: 30px 30px 100px 30px;
    }

    .banner_bottom p {
        font-size: 16px;
        line-height: 30px;
        padding: 0px 50px 50px 50px;
    }

    .welcome {
        padding: 50px 0px 50px 0px;
    }

    .welcome_top h5 {
        font-size: 24px;
        line-height: 30px;
    }

    .welcome_center p {
        padding: 20px 30px 0px 30px;
        font-size: 16px;
        line-height: 20px;
    }

    .lumie_stands {
        background-color: var(--black);
        padding: 50px 30px 50px 30px;
    }

    .lumie_stands_top h5 {
        font-size: 24px;
        letter-spacing: 5px;
        line-height: 30px;
    }
    .lumie_stands_center
    {
        padding-top: 20px;
    }
    .lumie_stands_center li {
        font-size: 16px;
        line-height: 20px;
        padding-top: 30px;
    }
    .crystals_top
    {
        padding-top: 0px;
    }
    .crystals_top h5 {
        font-size: 24px;
        padding-top: 50px;
        letter-spacing: 5px;
        line-height: 30px;
    }

    .crystals_top p {
        font-size: 16px;
        line-height: 20px;
        padding: 0px 30px 50px 30px;
    }

    .crystal_bottom p {
        font-size: 16px;
        line-height: 36px;
        padding: 0px 30px 0px 30px;
    }

    .crystal_bottom {
        padding:50px;
 
    }
    .sizes img {
        padding-bottom: 30px;
    }
    .sizes1 img {
        padding-bottom: 30px;
    }
    .styles_top h5 {
        font-size: 24px;
        line-height: 40px;
    }

    .styles h6 {
        font-size: 24px;
    }

    .styles p {
        font-size: 20px;
        line-height: 25px;
    }

    .styles span {
        font-size: 20px;
        letter-spacing: 2px;
    }

    #menu3 {
        margin-top: 60px;
    }

    .sizes,
    .sizes1 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .demand {
        padding: 100px 30px 0px 30px;
    }

    .demand h5 {
        font-size: 36px;
        line-height: 50px;
    }

    .main-image {
        padding-top: 50px;
    }

    .demand p {
        font-size: 24px;
        letter-spacing: 1px;
        line-height: 30px;
        padding-top:30px;
    }

    .footer_bottom p {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
@media (min-width:320px) and (max-width:425px)
{

    .main 
    {
        padding: 50px 30px;
    }
    .banner_top img
{
    width: 15%;
}
.footer_center img 
{
    width: 10%;
}
    .demand_bottom h6 {
        font-size: 24px;
        letter-spacing: 2px;
        line-height: 30px;
        font-weight: 300;
        text-align: center;
        padding-top: 50px;
    }
    .buy {
        padding: 50px 30px 0px 30px;
        margin-top: 50px;
    margin-bottom: 50px;
    }
    .buy_content h5 {
        font-size: 20px;
        letter-spacing: 2px;
        line-height: 64px;
        text-align: center;
        padding-left: 10px;
    }
    .buy_content ul {
        display: flex;
        justify-content: center;

    }
    .buy_content ul li a {
        font-size: 10px;
        line-height: 24px;
        padding-left: 0px;
        padding-right: 10px;
        text-align: left;
    }
    .footer
{    padding-top: 50px;
}
.footer_center
{
    padding: 50px 0px;
}
    .navbar ul li a {
        color: var(--white);
        font-size: 16px;
    }
    .navbar i 
    {
        color: var(--white);
        font-size: 30px;
    }
    .navbar-nav {
        padding: 20px 40px 80px 0px;
    }
    .navbar-nav .nav-link.active {
        font-size: 20px;
    }
    .navbar button 
    {
        display: flex;
        justify-content: end;
    }
    .navbar-toggler 
    {
        padding-top: 30px;
    }
    #box1 h2::after
    {
        display: none;
    }
    .banner_top {
        padding-top: 20px;
    }

    .banner_dash {
        padding: 30px 30px 50px 30px;
    }

    .banner_bottom p {
        font-size: 16px;
        line-height: 20px;
        padding: 0px 20px 50px 20px;
    }

    .welcome {
        padding: 50px 0px 50px 0px;
    }

    .welcome_top h5 {
        font-size: 24px;
        letter-spacing: 3px;
    line-height: 34px;
    }

    .welcome_center p {
        padding: 20px 30px 0px 30px;
        font-size: 16px;
        line-height: 30px;
    }

    .lumie_stands {
        background-color: var(--black);
        padding: 50px 30px 50px 30px;
    }

    .lumie_stands_top h5 {
        font-size: 24px;
        letter-spacing: 5px;
        line-height: 34px;
    }

    .lumie_stands_center li {
        font-size: 16px;
        line-height: 26px;
        padding-top: 30px;
    }
    .crystals_top
    {
        padding-top: 0px;
    }
    .crystals_top h5 {
        font-size: 24px;
        padding-top: 50px;
        letter-spacing: 3px;
        line-height: 34px;
    }

    .crystals_top p {
        font-size: 16px;
        line-height: 25px;
        padding: 0px 30px 50px 30px;
    }

    .crystal_bottom p {
        font-size: 16px;
        line-height: 26px;
        padding: 0px 30px 0px 30px;
    }

    .crystal_bottom 
    {
        padding: 30px;

    }
    .styles {
        padding: 50px 20px;
    }
    .styles_bottom p {
        font-size: 16px;
        line-height: 16px;
        padding: 0px 0px;
    }
    .sizes img {
        padding-bottom: 30px;
    }
    .sizes1 img {
        padding-bottom: 30px;
    }
    .styles_top h5 {
        font-size: 24px;
        line-height: 30px;
    }

    .styles h6 {
        font-size: 16px;
    }

    .styles p {
        font-size: 16px;
        line-height: 20px;
    }

    .styles span {
        font-size: 20px;
        letter-spacing: 2px;
    }

    #menu3 {
        margin-top: 60px;
    }

    .sizes,
    .sizes1 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .demand {
        padding: 50px 30px 0px 30px;
    }

    .demand h5 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 3px;
    }


    .demand p {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 20px;
        padding-top:10px;
    }

    .footer_bottom p {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .footer_bottom p
{
    font-size: 14px;
line-height: 20px;
}
.navbar ul li a {
    color: var(--white);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-family: "Josefin Sans";
    margin-left: 30px;
    text-align:left;
}
.navbar-nav .nav-link.active {
    color: var(--white);
    font-weight: 700;
    font-size: 16px;
}
#menu-4 a {
    margin-left: 30px;
}
}