body 
{
    font-family: 'DM Sans', sans-serif;
    text-align:center;
    background:white;
    min-height:100vh;
} 
.mm-hero 
{
    height:45vh;

    margin-left:auto;
    margin-right:auto;
}
.mm-canva
{
   height:auto;
}
.mm-product .uk-cover 
{
    width:100%!important;
  
}
.uk-navbar 
{
    height:120px;
}
.uk-container 
{
    max-width:1920px!important;
}
.mm-logo 
{
    font-family: 'DM Serif Display', serif;
    font-weight:500;
}
.mm-canva h4 
{
    font-size:16px;
    font-weight:600;
    text-transform:uppercase;
    margin:0px;
    color:#211D1E!important;
    margin-top:15px;
}
a:hover 
{
    text-decoration:none!important
}
.mm-canva h3
{
    font-size:22px;
    font-weight:500;
    color:#211D1E!important;
    font-family: 'DM Serif Display', serif!important;
    margin:0px;
}
.mm-logo-svg 
{
    margin-right:15px;
}
.mm-logo span 
{
    margin-left:-5px;
    text-align: left;
    line-height: 24px;
}
.mm-logo a
{
    text-transform:none!important;
    color:#211D1E!important;
    font-size:24px!important;
    font-family: 'DM Serif Display', serif!important;
}
.mm-hero img
{
    max-height:calc(100vh - 240px);
    width:auto!important;
}
.mm-hero .punch
{
    font-size:48px;
    color:#211D1E;
    font-family: 'DM Serif Display', serif;
    font-weight:500;
    text-align:left;
    display:block;
    margin-top:0px!important;
    margin-bottom:20px;
    line-height:56px;
    text-align:center;
}
.mm-hero h2 
{
    font-size:28px;
    color:#211D1E;
    font-family: 'DM Serif Display', serif;
    font-weight:500;
    text-align:left;
    margin-top:10px;
    margin-bottom:50px!important;

}
h5 
{
    color:#211D1E!important;
}
.mm-hero h5 
{
    font-size:48px;
    color:#211D1E!important;
    font-family: 'DM Serif Display', serif!important;
    font-weight:500!important;
    text-align:left;
    display:block;
    margin-top:0px!important;
    margin-bottom:20px;   
}
.mm-hero h5 span 
{
    font-weight:300!important;
}
.mm-product-info h3
{
    color:#211D1E!important;
    font-size:20px;
}
.mm-product-info p
{
    color:#211D1E!important;
    font-weight:200;
}
.uk-navbar-toggle {
    color:#211D1E!important;
}
.mm-product-info h1 
{
    font-size:42px;
    text-transform: none;
    font-weight:500;
    color:#211D1E!important;
    font-family: 'DM Serif Display', serif!important;
    margin:0px;
}
.mm-hero h1 
{
      text-align:center;
       font-weight:400;
}
h1 
{
    text-align:left;
    display:inline-block;
    color:#211D1E;
    text-transform: uppercase;
    font-size:16px;
    font-weight:600;
    margin-bottom:10px;
    display:block;
}
h1 span 
{
    color:#9EB9C0;
}

.mm-footer 
{
    color:#211D1E;
}
#sidenav a 
{
    font-size: 18px;
    font-weight: 500;
    color: white;
    margin-top:15px;
}
.uk-offcanvas-bar  
{
    background:black;
}
#modal-group-continue .uk-container
{
    background: white;
    padding: 40px;
}
#modal-group-continue .uk-container .uk-button 
{
    width:auto!important;
    padding-top: 10px;
}
#modal-group-continue .uk-container .uk-button:hover 
{
    color:rgb(192, 192, 192)!important;
}
label 
{
    font-weight: 500;
}
legend 
{
    color:#211D1E;
}
h3.list
{
   color: #211D1E;
    font-size: 18px;
    text-shadow: -5px 3px 40px black;
    font-family: 'DM Sans', sans-serif!important;
}
h3 
{
    color:#211D1E;
    font-family: 'DM Sans', sans-serif!important;
}
p 
{
    text-align:left;
    color: #211D1E;
    font-weight: 300;
}
h5 
{
    text-align: left;
    font-weight: 400;
    color: white;
    font-family: 'DM Sans', sans-serif;
    margin-top: 18px;
}
.h-position 
{
    height:30vh;
}
.p-position 
{
    height:70vh;
}
@media only screen and (min-width: 1920px) {
    .h-position 
    {
        height:40vh;
    }
    .p-position 
    {
        height:80vh;
    }
}
td 
{
    text-align:left;
}
.uk-table td 
{
    color: #211D1E;
}
.mm-table 
{
}
label 
{
    margin-bottom:4px;
    margin-top:8px;
    display:block;
}
.mm-hero a
{
    float:left;
    text-align:left;
    text-decoration: none;
    padding-bottom:5px;
    font-size:16px;
    display:block;
    margin-top:10px;
    border-bottom:2px solid #9eb9c0;
}
.uk-button 
{
    background: #9eb9c0;
    color: #211D1E;
    width: 100%;
    height: 60px;
    margin-top: 1px;
}
.product-options, .purchase-box
{
    max-width:490px;
    text-align:left;
}
.mm-info 
{
    font-size:14px;
    margin-top:50px;
}
.uk-navbar-nav>li>a {
    font-family: 'DM Sans', sans-serif;
    text-transform: capitalize!important;
    color: #211D1E!important;
    font-weight: 500;
    font-size: 20px!important;
}
label 
{
    font-family: 'DM Sans', sans-serif;
}
select 
{
    max-width: 100%;
    height:40px;
    width: 100%;
    border: 0 none;
    padding: 0 10px;
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border;
}
a 
{
    text-decoration:none;
    color:#9eb9c0;
}
.row-total
{
    font-weight:600;
    color:white;
}
a:hover
{
    color:rgb(192, 192, 192)!important;
}
    .mobile 
    {
        display:none;
    }
    .desktop 
    {
        display:block;
    }
@keyframes morelanimation_boom {
    from {position:absolute;left:2000px;opacity:0;}
    to {left:0px;opacity:1;}
 }
@media only screen and (max-width: 960px) {
    .mobile 
    {
        display:block;
    }
    .desktop 
    {
        display:none;
    }
    .mm-hero h1
    {
        margin-top:40px;
    }
    .mm-hero .punch
    {
font-size:32px;
line-height:40px;
    }
    .mm-hero
    {
        margin-top:0px;
        padding-right:35px;
        height:auto!important;
    }
    .mm-hero h1 
    {
        font-size:14px;
        text-transform:none;
    }
    .mm-hero h2
    {
        margin-top:-30px;
        margin-bottom:10px!important;
    }
    .uk-container
    {
        max-width:100%!important;
    }
    .mm-hero h5 
{
    font-size:32px;
    color:#211D1E!important;
    font-family: 'DM Serif Display', serif!important;
    font-weight:500!important;
    text-align:left;
    display:block;
    margin-top:0px!important;
    margin-bottom:20px;   
}
    .mm-hero h2 
    {
        font-size:30px;
    }
    .mm-hero img
    {
        margin-top:10px!important;
        margin-bottom:40px!important;
    }
    .uk-position-fixed 
    {
        position:relative!important;
    }
    .mm-logo a 
    {
        line-height:24px;
        text-align:left;
    }
    #modal-group-continue .uk-container .validate
    {
        width:100%!important;
        margin-top:10px;
        margin-left:0px!important;
        margin-bottom: 0px;
    text-align: center;
    padding-left: 25px;
    }
  }
.success
{
    background: #202020;
    color: white;
    text-align: center;
    padding: 40px;
    border: 2px solid #9eb9c0;
    font-size: 24px;
}
h6 
{
    font-weight:600;
}

.uk-button 
{

    text-align: left;
    text-decoration: none;
    padding-bottom: 5px;
    padding-top: 5px;
    color: white;
    width: auto;
    background:#211d1e;
    border-bottom:0px!important;
    display: block;
    margin-top: 35px;
    margin-bottom: 60px;
        padding-left: 25px;
}