:root {
    --main-color: #4f8a10;
    --accent-color: #0D2C54;
}

.wrapper{
    max-width: 960px;
    margin: 0 auto;
    background-color: white;
}

.header-img-holder img{
    width: 100%;
    height: auto;
}

.header-links{
    background: #4f8a10;
    margin: 0 auto;
    border-bottom: 3px solid #4f8a10;
    padding-top: 5px;
    padding-bottom: 8px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    line-height: 23px;
}

.header-link{
    margin-right: 22px;
    color: white;
    text-decoration: none;
    transition: all 700 ease-in;
}

.header-link:hover{
    color: blue;
    transform: scale(1.1);
}

a.header-linked{ 
    border:0px solid #7eb9d0; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
     background-color: #a7cfdf; background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
     background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
     background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
     background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
     background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
     background-image: linear-gradient(to bottom, #a7cfdf, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
    }
    
    a.header-linked:hover{
     border:0px solid #5ca6c4;
     background-color: #82bbd1; background-image: -webkit-gradient(linear, left top, left bottom, from(#82bbd1), to(#193b61));
     background-image: -webkit-linear-gradient(top, #82bbd1, #193b61);
     background-image: -moz-linear-gradient(top, #82bbd1, #193b61);
     background-image: -ms-linear-gradient(top, #82bbd1, #193b61);
     background-image: -o-linear-gradient(top, #82bbd1, #193b61);
     background-image: linear-gradient(to bottom, #82bbd1, #193b61);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82bbd1, endColorstr=#193b61);
    }

.main-img{
    width: 956px;
    height: 350px;
    border-bottom: 3px solid #4f8a10;
}

.flex-prod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 3px solid #4f8a10;
    margin-top: 10px;
}

.prod-name {
    text-align: center;
}

.desc-text {
    margin: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: justify;
}

.flex-salable {
    width: 960px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0px auto;
    padding-top: 15px;
    /* margin-bottom: -15px; */
    border-bottom: 3px solid #4f8a10;
    justify-content: center;
}

.item-height-links {
    text-align: center;
    font-size: 22px;
    width: 220px;
}

.horse-item {
    text-align: center;
}

.item {
    padding: 10px;
    width: 220px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    margin: 0px auto;
}

.featured {
    border-bottom: 3px solid #4f8a10;
    padding-bottom: 8px;
    width: 960px;
}

.gallery {
    border-bottom: 3px solid #4f8a10;
    padding-bottom: 8px;
}

.gallery-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.gallery-img {
    padding: 10px;
}

img.item-img-size {
    height: 200px;
    width: 200px;
}

img.prod-img-size {
    width: 480px;
    height: 480px;
    margin-bottom: 10px;
}

img.gallery-img-size {
    width: 300px;
    height: 300px;
}

img.sample-img-size {
    width: 170px;
    height: 170px;
    border: 3px solid black;
}

.manual-btn{
    width: 300px;
    text-align: center;
    padding: 10px;
    border:1px solid #7d99ca;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
    background-color: #a5b8da; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
    background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
    background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
    background-image: linear-gradient(to bottom, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
}

.manual-btn:hover{
    border:1px solid #5d7fbc;
    background-color: #819bcb; background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
    background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
    background-image: -o-linear-gradient(top, #819bcb, #536f9d);
    background-image: linear-gradient(to bottom, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
}

.install-area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

h1 {
    margin-bottom: 0px;
}

h3 {
    text-align: center;
    margin-bottom: 0px;
}

ul.featured-list-items {
    margin-left: auto;
    margin: 0 auto 25px 25px;
    font-size: 22px;
    line-height: 30px;
}

.sample {
    width: 170px;
    height: 170px;
    margin: 0 auto;
}

.dogear h4 {
    margin: 2px 0px 5px;
}

.spade h4 {
    margin: 10px 0px 0px;
}

.opening-text-wapper {
    border-bottom: 3px solid #4f8a10;
}

.opening-text {
    margin: 0px 20px;
    font-size: 18px;
    text-align: justify;
}

img.cat-img {
    width: 150px;
    height: 150px;
}

.product-text {
    text-align: center;
}

.product-wrapper {
    width: 150px;
    height: 200px;
    padding: 20px 15px 0px;
}

section.cat-wrapper {
    border-bottom: 3px solid #4f8a10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.cat-headline {
    border-bottom: 3px solid #4f8a10;
    margin-top: -20px;
}

.headline {
    margin-left: 25px;
}

.prdo-desc p {
    width: 400px;
    margin: 20px;
}

img.durables-discount-img {
    max-width: 960px;
}