#categorylist{float:left; width: 100%;}


.overflowing-img {
	display: inline-block;
	text-align: center;
	text-decoration: none;
}
.undrline {
	text-decoration: none;
	color:#000000;
	padding-left:3em;
	font-size: 20px;
}


.categorylist ul {
	width: 100% !important;
	vertical-align: top;

}
.categorylist li {
	list-style: none;
    display: inline-block;
	vertical-align: top;
	padding:0 3em 0 3em;
	min-height:350px;
	margin: auto;

}
.categorylist {
	text-align: center;
}

.categorylist img {
	min-width: 130%;
	height:auto;
	vertical-align:middle;
	background-image: linear-gradient(rgba(160,160,160, 0.5), rgba(160,160,160, 0.5));
	background-repeat: no-repeat;
	background-size: 85% 80%;
	background-position: center center;
}


#index-borderlist{text-align: center; width: 100%;}
.index-borderlist{text-align: center; font-size: 15px;}
.index-borderlist ul {
	width: 100% !important;
	text-align: center;
	vertical-align: top;
	min-height:350px;
}
.index-borderlist li {
	list-style: none;
    display: inline-block;
	vertical-align: top;
	min-height:350px;
	margin: auto;
}

.index-borderlist img {
	max-width: 100%;
	height:auto;
}
#index-borderlist{text-align: center; width: 100%;}
.index-borderlist{text-align: center; font-size: 15px;}
.index-borderlist ul {
	width: 100% !important;
	text-align: center;
	vertical-align: top;
	min-height:350px;
}
.index-borderlist li {
	list-style: none;
    display: inline-block;
	width:25%;
	vertical-align: top;
	padding:0 3em 0 3em;
	min-height:350px;
	margin: auto;

}

.index-borderlist img {
	max-width: 100%;
	height:auto;
}

#index-noborderlist{text-align: center; width: 100%; }
.index-noborderlist{text-align: center; font-size: 15px;}
.index-noborderlist ul {
	width: 100%;
	text-align: center;
	display: inline-block;
	padding: 15px;
}
.index-noborderlist li {
	list-style: none;
	font-size: 18px;
    display: inline-block;
	margin: auto;
	padding:0 3em 0 3em;
	margin-bottom: 1em;
	padding: 15px;
}
.index-noborderlist img {
	max-width: 100%;
    height: auto;
} 
.align-featured {
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width:100%;
	clear: both;
}

.search-by-size input[type=number]{
    width: 3em;
    height: 2em;
	background-color: #eeeeee;
	border: none;
}
.search-by-size input[class=form-button] {margin-left: 1em;}
input[class=form-button] {
	text-transform: none;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background-color: #e8bd10;
	margin-right: 1em;
	padding: .5em 2em;
	border: none;
	border-radius: .5em;
	cursor: pointer;
}

#homepage {
	text-align: center;
}
#homepage h1 {
	color: #44403c;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

#homepage-one {
	width: 100%;
	color: #ffffff;
	background: #254358;
	text-align: center;
}
.newBanner{}

.index-product-image {max-width: 100%;}

.split-cta {
    display:block;
    width:100%;
    position:relative;
    margin-bottom:60px;
    background: #1b64ac;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.split-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align:  stretch;
        -ms-flex-align:  stretch;
            align-items:  stretch;
    max-width:1250px;
    width:100%;
    text-align: left;
    margin:0 auto;
}
.split-cta .border-button{
    text-align:center;
}
.col-md-6.flex-item.points-cta {
    color: #fff;
}

.col-md-6.flex-item.shipping-cta {
    color: #fff;
}

.col-md-6.flex-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.split-cta .flex-item a {
    -ms-flex-preferred-size:40%;
        flex-basis:40%;
    margin-right: 30px;
}
.news-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding:0 15px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align:  start;
        -ms-flex-align:  start;
            align-items:  flex-start;
    max-width:1250px;
    width:100%;
    margin:0 auto 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.news-flex .yellow-box{
    -ms-flex-preferred-size:60%;
        flex-basis:60%;
    background-color: #e8bd10;
    color:#46423f;
    padding:50px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.news-flex .yellow-box .yellow-content{
    padding-left:30px;
    text-align: left;
}
.news-flex .yellow-box .yellow-content .spotlight-text{
    font-weight:bold;
    margin-bottom:10px;
    font-size:17px;
}

.spotlight-text-header{
    font-weight:bold;
    margin-bottom:10px;
    font-size:22px;
    padding: 5px 0 5px 0;
    background-color: #ffffff;
    border-style: solid;
    border-color: green;
    text-align: center;
    width: 300px;
}


.news-flex .yellow-box .yellow-content .logo-img{
    display:block;
    position: relative;
    margin-bottom:15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-bottom:15px;
    border-bottom:1px solid #46423f;
}
.news-flex .yellow-box .yellow-content p{
    margin-bottom:20px;
}
.news-flex .yellow-box .yellow-content p a{
    font-weight:bold;
}
.news-flex .blog-feed{
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    padding-left:75px;
    color:#46423f;
    text-align: left;
}
.news-flex .blog-feed .blog-title{
    font-weight:bold;
    margin-bottom:15px;
    font-size:17px;
}
.news-flex .blog-feed .blog-list{
    position: relative;
    display: block;
    width: 100%;
}
.news-flex .blog-feed .blog-list .blog-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-bottom:5px;
    margin-bottom:15px;
    border-bottom:1px solid #c1c1c1;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.news-flex .blog-feed .blog-list .blog-item .blog-thumb{
    max-width:87px;
    margin-right:15px;
}
.news-flex .blog-feed a{
    display: block;
    margin-top:40px;
    text-align: right;
    font-style:italic;
}
.nivo-main-image{
    padding-bottom:0;
}
.nivoSlider_wrapper{
    position: relative;
}
#slider{
    z-index: 900;
}
.newBanner{
    position: relative;
    width: 100%;
    display: block;
    z-index:2;
}
.banner-wrap{
    position: relative;
    width: 100%;
    display: block;
}
.banner-item{
    display: block;
    height:100%;
    width: 100%;
    padding:60px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}

.banner-item .inner-banner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align:  center;
        -ms-flex-align:  center;
            align-items:  center;
    max-width:1250px;
    width:100%;
    margin:0 auto;
    padding:0 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.banner-item .inner-banner .banner-content{
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    display: block;
    color:#000000;
    padding-right:60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.banner-item .inner-banner .banner-content .banner-title{
    font-weight:400;
    font-size:35px;
    line-height:1.2;
    text-transform: uppercase;
}
.banner-item .inner-banner .banner-img{
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    display: block;
}
.btn-header{
    color:#fff;
    text-decoration: none;
    background-color:#264557;
    border-radius:4px;
    text-align: center;
    padding:10px 15px;
    margin-top:30px;
    display: block;
    max-width:300px;
    font-size:18px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.btn-header:hover{
    color:#fff;
    background-color: #30576d;
    text-decoration: none;
}
.nav-buttons{
    top:5px;
    float:left;
    left:20px;
    padding:0px 0px 40px 0px;
    position: absolute;


    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width:1250px;
    margin:0 auto;
    z-index: 9999;
}
.nav-buttons .arrow{
    cursor: pointer;
    padding:0 5px;
    display: block;
}
@media (max-width:1200px){

    .split-cta .flex-item a {
        -ms-flex-preferred-size:50%;
            flex-basis:50%;
        margin-right: 20px;
    }

}
@media (max-width:1100px){
    .nav-buttons{
        top:20px;
    }
    .nav-buttons .arrow{
        width:50px;

    }
    .banner-item .inner-banner .banner-content{
        padding-right:25px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    .banner-item .inner-banner .banner-content .banner-title{
        font-size:45px;
    }
}
@media (max-width:1085px){
    .col-md-6.flex-item{
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
            -ms-flex-direction:column;
                flex-direction:column;
    }
    .split-cta .flex-item a {
        width:100%;
        margin-right:0;
        margin-bottom:15px;

    }
}
@media (max-width:800px){
    .col-md-6.flex-item {
        padding:15px;
    }
    .news-flex{
        display: block;
    }
    .news-flex .yellow-box{
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        margin-bottom:30px;
    }
    .news-flex .blog-feed{
        padding-left:0;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }
}
@media (max-width:768px){
    .banner-item .inner-banner{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }
    .banner-item .inner-banner .banner-content{
        padding-right:0;
        margin-top:30px;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }
}
@media (max-width:600px){
    .split-container{
        display:block;
    }
    .col-md-6.flex-item {
        padding:15px;
        text-align:center;
        width:100%;
    }
    .split-cta .flex-item a {text-align:center;}
    .news-flex .yellow-box{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        padding-top:30px;
    }
    .news-flex .yellow-box .yellow-content{
        margin-bottom:30px;
        padding-left:0;
    }
    .banner-item .inner-banner .banner-content .banner-title{
        font-size:35px;
    }
}
@media (max-width:500px){
    .banner-item .inner-banner .banner-content .banner-title{
        font-size:26px;
    }
}