body{
    font-family: 'Raleway', sans-serif;
    background-image: url('../assets/background.jpg');
    text-align: center;
}

@media (max-width: 568px){
    .container{
        width: auto;
    }
}
@media (min-width: 768px){
    .container{
        width: 750px;
    }
}
@media (min-width: 1024px){
    .container{
        width: 970px;
    }
}
@media (min-width: 1280px){
    .container{
        width: 1200px;
    }
}

.container{
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.dg{
    /*background-color: #5E6669;*/
    background-color:#414042;
    color:white;
}

.bl{
    /*background-color:rgba(171,214,211,0.8);*/
    background-color:rgba(195,151,45,0.8);
}

.gr{
    background-color: #D6DADB;
    color:#5F6467;
}

/* pure-hidden-xs */
@media screen and (max-width:567px) {
    .pure-visible-sm{display:none}
    .pure-visible-md{display:none}
    .pure-visible-lg{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-xs{display:none}
}
/* pure-hidden-sm */
@media screen and (min-width:568px) and (max-width:767px) {
    .pure-visible-xs{display:none}
    .pure-visible-md{display:none}
    .pure-visible-lg{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-sm{display:none}
}
/* pure-hidden-md */
@media screen and (min-width:768px) and (max-width:1023px) {
    .pure-visible-xs{display:none}
    .pure-visible-sm{display:none}
    .pure-visible-lg{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-md{display:none}
}
/* pure-hidden-lg */
@media screen and (min-width:1024px) and (max-width:1279px) {
    .pure-visible-xs{display:none}
    .pure-visible-sm{display:none}
    .pure-visible-md{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-lg{display:none}
}
/* pure-hidden-xl */
@media screen and (min-width:1280px) {
    .pure-visible-xs{display:none}
    .pure-visible-sm{display:none}
    .pure-visible-md{display:none}
    .pure-visible-lg{display:none}
    .pure-hidden-xl{display:none}
}

.pre-head{
    text-align: right;
    padding:10px 0;
}

@media (max-width: 568px){
.pre-head{
        text-align: center;
    }

    .pre-head a{
        padding: 5px 1px;
    }
}

.pre-head a{
    display: inline-block;
    padding: 5px 15px;
    color:#5E6669;
    text-decoration: none;
}

.pre-head a:visited{
    text-decoration: none;
    color:#5E6669;
}

.pre-head a img{
    height:32px;
    vertical-align: bottom;
}

.pre-head a span{
    vertical-align: super;
}

header, .carousel, .collections, .products{
    padding-bottom: 20px;
}

.dg .pure-menu-link{
    color:#fff;
}

.dg .pure-menu-link:hover{
    color:#5E6669;
}

header img{
    margin-right: auto;
    margin-left: auto;
    /*width:430px;*/
    width:300px;
    padding:15px 0;
}

.menu-wrapper {
    -webkit-font-smoothing: antialiased;
    transition: height 0.5s;
    text-transform: uppercase;
    font-size:15px;
}

.menu-wrapper.open {
    height: 350px;
}

.menu-toggle {
    width:100%;
    height: 20px;
    display: none;
}

a.menu-toggle:visited, a.menu-toggle{
    color:#fff;
    text-decoration: none;
    text-transform: uppercase;
}

@media (max-width: 1279px) {
    .menu-toggle {
        display: block;
    }
    .menu-wrapper{
        height: 20px;
        overflow: hidden;
    }
}

#home_slider{
    height:500px;
    position:relative;
    overflow: hidden;
}

.carousel .wrapper{
    width:20000em;
    position: relative;
}

/* THIS MUST BE MOVED TO settings.css.liquid FOR VARIABLE INSERTION*/
#slide1{
    background-image: url('../assets/home_slider1_img');
}
#slide2{
    background-image: url('../assets/home_slider1_img');
}

.carousel .slide{
    height:500px;
    width:1200px;
    background-size: cover;
    background-attachment: local;
    background-position: center center;
    background-repeat: no-repeat;
    float:left;
    position: relative;
    text-transform: uppercase;
}

.carousel .slide .overlay{
    right:0;
    position: absolute;
    width:300px;
    height: 500px;
    text-align: center;
    padding-top: 150px;
}

.carousel .slide a, .carousel .slide a:hover{
    text-decoration: none;
}

.slide .text4{
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 10px 0;
    margin: 10% 25% 0;
    color:#fff;
}

.carousel .pagination{
    position:absolute;
    bottom:20px;
    width:1200px;
    text-align:center;
}

.carousel .pagination a{
    padding-right: 5px;
    color:#fff;
    text-decoration: none;
    font-size: larger;
}

.carousel .pagination a:visited{
    color:#fff;
}

.carousel .pagination a:before{
    content: "\25FB";
}

.carousel .pagination a.active:before{
    content: "\25FC";
}

.collections{
    padding-top: 25px;
    text-transform: uppercase;
}

.dg h1{
    margin-top: 0;
    width:100%;
    border-bottom: 1px solid #fff;
    line-height:0.1em;
}

h1{
    font-size:24px;
    letter-spacing: 2px;
    font-weight: 400;
    margin-bottom: 32px;
}

 .dg h1>span{
    background:#414042;
    padding:0 35px;
}

.collection-grid{
    overflow: hidden;
    text-align: center;
    position: relative;
}

.collection-grid>*{
    margin: 0.4em 0.8em;
}

.collection-grid .overlay{
    top:0;
    position: absolute;
    width:100%;
    height:100%;
}

.collection-grid .overlay a, .collection-grid .overlay a:visited{
    text-decoration: none;
}

.collection-grid .overlay .line{
    background-color:rgba(255,255,255,0.8);
}

.collection-grid .badge{
    margin-top:10%;
    width:60%;
    margin-left: auto;
    margin-right: auto;
    color:#414042;
    padding:15px;
    position:relative;
}

.badge>*{
    position: relative;
    z-index:2;
}

.badge::after{
    content:"";
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity:0.8;
    top: 0;
    left:0;
    bottom:0;
    right:0;
    position: absolute;
    z-index: 1;
}

.collection-grid .badge::after{
    background-image: url("../assets/badge2.png");
}
.product-grid .badge::after{
    background-image: url("../assets/badge-sale.png");
}

.collection-grid .badge h3{
    margin:0;
    letter-spacing: 1px;
    font-weight: 800;
    font-family: 'Raleway', sans-serif;
}

.collection-grid .badge span{
    font-size:12px;
}

.collection-grid .shop{
    border-top:1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 7px 0;
    margin:10% 35% 0;
    color:#fff;
    font-size: 12px;
}

.products{
    padding-top: 45px !important;
}

.products h1{
    margin-top: 0;
    width:100%;
    border-bottom: 1px solid #5E6669;
    line-height:0.1em;
    text-transform: uppercase;
    margin-bottom: 32px;
}

 .products>h1>span{
    background:#D6DADB;
    padding:0 35px;
}

.product-grid{
    overflow: hidden;
    text-align: center;
}

.product-grid p{
    font-weight: 300;
    font-family: 'Raleway', sans-serif;
}

.product-grid p.price{
    font-size: 22px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin-top: -10px;
}

.product-grid>*{
    margin: 0.4em 0.8em;
}

.product-grid .image, .sidebar .image{
    position:relative;
}

.product-grid .image>a>img{
    max-height: 100%;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.product-grid .image>a{
    background-color: white;
    width: 100%;
    display: block;
    position: relative;
    height: 340px;
}

@media (min-width: 768px) and (max-width: 1023px){
    .search .product-grid .image>a{
        height: 240px;
    }
}

@media (min-width: 568px){
    .collection .product-grid .image>a{
        height: 240px;
    }
}

.product-grid .overlay{
    position: absolute;
    bottom:0;
    width:100%;
    font-family: 'Raleway', sans-serif;
}

.product-grid .overlay .cart{
    bottom:10px;
    position: absolute;
    left:50%;
    width:165px;
    margin-left:-82.5px;
}

.product-grid .overlay .sale{
    position: relative;
    margin-top: 15%;
    width:40%;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    color:#ffffff;
}

.product-grid .overlay a{
    padding:16px 24px;
    vertical-align: super;
}

.gr a, .dg .product-grid .overlay a{
    color:#5F6467;
    text-decoration: none;
}

.gr a:visited, .dg .product-grid .overlay a{
    color:#5F6467;
}

.product-grid .overlay img{
    height:32px;
    vertical-align: bottom;
}

footer{
    padding-top: 20px;
    text-align: left;
    padding-bottom: 20px;
}

footer h4{
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
}

footer h4, footer .newsletter p{
    margin-top:25px;
    margin-bottom: 10px;
}

footer h4, footer .copyright{
    padding-left:40px;
}

footer ul, footer .newsletter p, footer a, footer a:visited{
    list-style: none;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    color:#fff;
    text-decoration: none;
}

footer a:hover, footer a:visited:hover{
    text-decoration: underline;
}

footer li{
    padding: 2px 0;
}

input[type=text], input[type=email]{
    border:1px solid;
    height:32px;
    padding:3px 8px;
}

footer .newsletter h4{
    padding-left: 0;
}

@media (max-width: 1024px){
    footer .newsletter{
        text-align: center;
    }
}

.breadcrumbs{
    margin-top:-15px;
    padding-bottom: 10px;
    font-size: smaller;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

.breadcrumbs>div{
    margin:0 5%;
    padding:10px;
    border: 1px solid #D6DADB;
    opacity:0.6;
}

.breadcrumbs>div>div{
    font-family: 'Raleway', sans-serif !important;
}

.breadcrumbs>div>div:first-child{
    text-align: left;
}

.breadcrumbs .pure-menu{
    text-align: right;
}

.breadcrumbs a, .breadcrumbs a:visited{
    color:white;
    text-decoration:none;
    opacity:0.8;
}

.product, .page{
    text-align: left;
}

.container.gr{
    padding-top: 25px;
    padding-bottom: 25px;
}

.product>div>*{
    padding-left:5%;
    padding-right:5%;
}

.product .image .current{
    position:relative;
    text-align: center;
    height:500px;
    background-color: white;
}

.product .image .current .helper{
    display:inline-block;
    height: 100%;
    vertical-align: middle;
}

.product .image .current img{
    vertical-align: middle;
    display:inline-block;
    max-height: 500px;
}

.product .image .current .overlay{
    position:absolute;
    bottom:0;
    padding:5px;
    height:64px;
}

.product .image .current .overlay img{
    height:100%;
}

.product .image .selector{
    padding-top: 10px;
}

.product .image .selector img{
    display:inline-block;
    height:100px;
    border:1px solid #ACACAC;
}

.product .info, .product .info label, .product .info h2{
    font-family: 'Raleway', sans-serif;
}

.product .info h2:first-child, .product .info span:first-child{
    display: inline-block;
}
.product .info span:first-child{
    font-size: 8px;
}

.product .info form .pure-u-2-3{
    padding-bottom: 10px;
}

.product .info>div:last-child{
    border-bottom: 1px solid rgba(94,102,105,0.3);
}

.product .info form{
    border-top:1px solid rgba(94,102,105,0.3);
    border-bottom:1px solid rgba(94,102,105,0.3);
    padding-top:10px;
    padding-bottom:10px;
}

.product .info label, #prodmodal label{
    padding:10px;
    text-transform: uppercase;
    vertical-align: middle;
    display:inline-block;
    line-height: 32px;
}

#prodmodal label{
    line-height: 16px;
}

.product .info input{
    width:80%;
}

input[type=number]{
    padding:9px;
    height:32px;
}

.product .info select, #prodmodal select{
    height: 54px;
    background-color: #fff;
    padding: 9px;
    width: 100%;
}

.product .info button{
    line-height: 32px;
    width:140px;
}

.product .info button img{
    height:32px;
    vertical-align: bottom;
}

.product .info #base_price{
    font-weight: normal;
}

#image-modal, #prodmodal{
    display:none;
}

#prodmodal>form{
    background-color:white;
    color:black;
    padding:20px;
}

#prodmodal>form input{
    margin-top: 12px;
}

@media (min-width: 1024px){
    #image-modal, #image-modal img{
        max-width:1000px;
        max-height: 700px;
    }
}
@media (max-width: 1023px){
    #image-modal, #image-modal img{
        max-width:500px;
        max-height: 500px;
    }
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
    text-align:center;
}

button, input[type=submit]{
    padding:11px;
    border:0;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    min-width: 65px;
}

button.bl{
    color:rgba(0,0,0,0.8);
}

.collection{
    position: relative;
}

.collection .product-grid>div:not(.image) a, .collection .product-grid>div:not(.image) a:visited{
    color:#fff;
}

.collection .sidebar{
    text-align: left;
    font-size: smaller;
    font-family: 'Raleway', sans-serif;
}

.collection .sidebar h3{
    text-transform: uppercase;
    letter-spacing: 1px;
}

.collection .sidebar .filters{
    border-top:1px solid #C3C9C9;
    border-bottom:1px solid #C3C9C9;
    margin-bottom: 25px;
    padding: 10px 0;
}

.collection .sidebar .filters input{
    width:90%;
    color: #fff;
    border-color:#5E6669;
}

.collection .sidebar .wrap{
    margin-left: 20%;
    background-color:#6B7074;
    min-height:600px;
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

.collection .sidebar .image .overlay{
    position: absolute;
    width:100%;
    height: 100%;
    top:0;
    text-transform: uppercase;
    text-align: left;
}

.collection .sidebar .image .overlay .stripe{
    background-color: #800000;
    color:white;
    opacity:0.5;
    padding:5px;
    padding-left: 10px;
    margin-top: 30%;
}

.collection .sidebar .image .overlay .stripe p{
    font-size: 22px;
    margin:2px;
    letter-spacing: 3px;
}

.collection .sidebar .image .overlay .stripe p:nth-child(even){
    font-weight: 700;
}

.collection .sidebar .image .overlay .shop{
    border-top:1px solid rgba(0,0,0,0.7);
    border-bottom: 1px solid rgba(0,0,0,0.7);
    padding: 5px 0;
    margin:30% 20% 0;
    text-align: center;
    opacity:0.7;
}

.collection .sidebar .image .overlay .shop, .collection .sidebar .image .overlay .shop{
    color:black;
    text-decoration: none;
}

.collection .pure-g{
    margin-right: 5%;
}

@media (max-width: 1024px){
    .collection .pure-g{
        margin-left: 5%;
    }
}

.search{
    text-align: center;
    padding-top: 25px;
}

.search>div{
    margin:0 5%;
}

.similar-products{
    padding-top: 25px;
}

.similar-products h1{
    width:100%;
    border-bottom: 1px solid #fff;
    line-height:0.1em;
    margin-top: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

 .similar-products>h1>span{
    background:#5E6669;
    padding:0 35px;
}

.dg .product-grid>div>a:visited {
    color: #fff;
    text-decoration: none;
}
.dg .product-grid>div>a {
    color: #fff;
    text-decoration: none;
}

.search input{
    width:300px;
}

@media (max-width: 1023px){
    .search input{
        margin: 15px 0;
    }
}

@media (min-width: 1024px){
    .search form{
        text-align: right;
    }

    .search input{
        margin-top: 40px;
        margin-right: 30px;
    }

    header img{
        margin-top: -78px;
    }
}

.payments img{
    height: 20px;
    padding: 5px 5px 0 0;
}

.page>*{
    padding-left: 30px;
    padding-right: 30px;
}

.cart h1{
    text-transform: uppercase;
}

.cart table{
    width:100%;
}

.cart .summary > div > div{
    text-align:right;
    padding-top: 15px;
}

.pure-alert {
    position: relative;
    margin-bottom: 1em;
    padding: 1em;
    border-radius: 3px;
    background-color: #D13C38;
    color: #fff;
    text-align: left;
}

.cart a{
    text-decoration: underline;
}

.product .info h2{
    margin: 10px 0;
}

.gradient{
    display:inline-block;
    position:relative;
    width:100%;
}

.gradient:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:inline-block;
    /* this is for demo only*/background-image: url('gradient.png');
    background-size: cover;
    background-attachment: local;
    background-position: center center;
    background-repeat: no-repeat;
}

.pagin .pure-menu-selected .pure-menu-link{
    color:#5E6669;
    background-color: #eee;
}

.pure-menu-has-children.pure-menu-active>.pure-menu-link, .pure-menu-has-children.pure-menu-active>.pure-menu-link:hover, .pure-menu-has-children>.pure-menu-link:focus{
    background-color: #5E6669;
    color:#fff;
}

.pure-menu-children{
    background-color: #7e8487;
    color:#fff;
}

@media (max-width: 1279px) {
    .pure-menu-active>.pure-menu-children{
        position: initial;
    }
}

@media (min-width: 1280px) {
    .pure-menu-has-children:hover > .pure-menu-children{
        display:block;
    }
}

.pure-menu-has-children>.pure-menu-link:after{
    content: "\25BE";
}

.slide span{
    /*color:#5E6669;*/
    color:#414042;
    letter-spacing: 2px;
    display:block;
    padding: 3px 0;
}

.slide .text1, .slide .text2{
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}

.slide .text1{
    font-size: 42pt;
}

.slide .text2{
    margin-top: -15px;
    font-size: 24pt;
}

.slide .text3{
    font-size: 14pt;
    font-weight: 500;
}

.breadcrumbs .pure-menu-horizontal{
    width:50%;
}

.breadcrumbs .pure-menu-link{
    padding:0;
}

.breadcrumbs .pure-menu-has-children>.pure-menu-link{
    background-color: #5E6669;
    color:#fff;
}

.breadcrumbs .pure-menu-children{
    width:65px;
    left:-8px;
    text-align: center;
}

.breadcrumbs .pure-menu-children a, .breadcrumbs .pure-menu-children a:visited{
    opacity:1;
}

.cartNote{
    padding-top:30px;
    text-align:left;
}
.cartNote textarea{
    width:100%;
    max-width:250px;
    height:60px;
}

.nested-nav{
    left: 100% !important;
    top: 0 !important;
}

.nested-parent:after{
        content: "\25B8" !important;
}