@font-face {
    font-family: "avgardm";
    src: url('../font/AVGARDM.TTF');
}

@media (min-width: 1200px) {
    .container {
        max-width: 1366px;
    }
}

@media (max-width: 640px) {
    .container {
        padding: 0;
    }
    .logo {
        width: 80%;
    }
}

.container::-webkit-scrollbar {
    display: none;
}

body {
    font-family: avgardm;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.carousel-item>a {
    width: 100%;
    height: 15rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (max-width: 768px) {
    .carousel-item>a {
        height: 15rem;
    }

    .carousel-item:nth-of-type(1)>a {
        background-image: url(../images/home/1120x760_1.jpg);
    }
    .carousel-item:nth-of-type(2)>a {
        background-image: url(../images/home/1120x760_2.jpg);
    }
    
    .carousel-item:nth-of-type(3)>a {
        background-image: url(../images/home/1120x760_3.jpg);
    }
    
    .carousel-item:nth-of-type(4)>a {
        background-image: url(../images/home/1120x760_4.jpg);
    }
}

@media (min-width: 769px) and (max-width: 960px) {
    .carousel-item>a {
        height: 20rem;
    }

    .carousel-item:nth-of-type(1)>a {
        background-image: url(../images/home/1120x760_1.jpg);
    }
    .carousel-item:nth-of-type(2)>a {
        background-image: url(../images/home/1120x760_2.jpg);
    }
    
    .carousel-item:nth-of-type(3)>a {
        background-image: url(../images/home/1120x760_3.jpg);
    }
    
    .carousel-item:nth-of-type(4)>a {
        background-image: url(../images/home/1120x760_4.jpg);
    }
}

@media (min-width: 961px) and (max-width: 1366px) {
    .carousel-item>a {
        height: 35rem;
    }

    .carousel-item:nth-of-type(1)>a {
        background-image: url(../images/home/1120x760_1.jpg);
    }
    .carousel-item:nth-of-type(2)>a {
        background-image: url(../images/home/1120x760_2.jpg);
    }
    
    .carousel-item:nth-of-type(3)>a {
        background-image: url(../images/home/1120x760_3.jpg);
    }
    
    .carousel-item:nth-of-type(4)>a {
        background-image: url(../images/home/1120x760_4.jpg);
    }
}

@media (min-width: 1367px) {
    .carousel-item>a {
        height: 50rem;
    }

    .carousel-item:nth-of-type(1)>a {
        background-image: url(../images/home/1366x760-1.jpg);
    }
    .carousel-item:nth-of-type(2)>a {
        background-image: url(../images/home/1366x760-2.jpg);
    }
    
    .carousel-item:nth-of-type(3)>a {
        background-image: url(../images/home/1366x760-3.jpg);
    }
    
    .carousel-item:nth-of-type(4)>a {
        background-image: url(../images/home/1366x760-4.jpg);
    }
}

.carousel-cover {
    position: absolute;
    text-align: center;
}

@media (max-width: 768px) {
    .carousel-cover>p {
        font-family: AvantGarde Md BT;
        font-size: 1rem;
        letter-spacing: 10;
        margin: 1rem auto 1.5rem auto;
    }

    .carousel-cover>a {
        font-family: AvantGarde Md BT;
        font-size: .6rem;
        background: #fff;
        color: #000;
        padding: .5rem;
    }

    .cover1 {
        top: 12%;
        left: 5%;
        color: #fff;
    }

    .cover1>h1 {
        font-size: 1.5rem;
        letter-spacing: 100;
        font-family: Arial Black;
    }

    .cover2 {
        top: 12%;
        right: 5%;
        color: #fff;
    }
    
    .cover2>h1 {
        font-family: Arial Black;
        font-size: 1.2rem;
        letter-spacing: 0;
    }

    .cover3 {
        top: 18%;
        right: 1%;
        color: #000;
    }
    
    .cover3>h1 {
        font-family: Arial Black;
        font-size: 1rem;
        letter-spacing: 100;
    }
    
    .cover3>p {
        font-size: .8rem;
    }
    
    .cover3>a {
        color: #fff;
        background: #000;
    }

    .cover4 {
        top: 15%;
        left: 2%;
        color: #ffa146;
        text-align: left;
    }
    
    .cover4>h1 {
        font-family: Arial Black;
        font-size: 1.5rem;
        letter-spacing: 50;
    }
    
    .cover4>p {
        color: #fff;
    }
}

@media (min-width: 769px) and (max-width: 960px) {
    .carousel-cover>p {
        font-family: AvantGarde Md BT;
        font-size: 1rem;
        letter-spacing: 10;
        margin: 1.5rem auto 2rem auto;
    }

    .carousel-cover>a {
        font-family: AvantGarde Md BT;
        font-size: .6rem;
        background: #fff;
        color: #000;
        padding: .5rem;
    }

    .cover1 {
        top: 12%;
        left: 5%;
        color: #fff;
    }

    .cover1>h1 {
        font-size: 2.5rem;
        letter-spacing: 100;
        font-family: Arial Black;
    }

    .cover2 {
        top: 12%;
        right: 5%;
        color: #fff;
    }
    
    .cover2>h1 {
        font-family: Arial Black;
        font-size: 2.2rem;
        letter-spacing: 0;
    }

    .cover3 {
        top: 18%;
        right: 1%;
        color: #000;
    }
    
    .cover3>h1 {
        font-family: Arial Black;
        font-size: 1.8rem;
        letter-spacing: 100;
    }
    
    .cover3>p {
        font-size: 1.3rem;
    }
    
    .cover3>a {
        color: #fff;
        background: #000;
    }

    .cover4 {
        top: 15%;
        left: 2%;
        color: #ffa146;
        text-align: left;
    }
    
    .cover4>h1 {
        font-family: Arial Black;
        font-size: 2.5rem;
        letter-spacing: 50;
    }
    
    .cover4>p {
        color: #fff;
    }
}

@media (min-width: 961px) and (max-width: 1366px) {
    .carousel-cover>p {
        font-family: AvantGarde Md BT;
        font-size: 1.5rem;
        letter-spacing: 10;
        margin: 2rem auto 4.5rem auto;
    }

    .carousel-cover>a {
        font-family: AvantGarde Md BT;
        font-size: 1.5rem;
        background: #fff;
        color: #000;
        padding: .5rem;
    }

    .cover1 {
        top: 12%;
        left: 5%;
        color: #fff;
    }

    .cover1>h1 {
        font-size: 3.5rem;
        letter-spacing: 100;
        font-family: Arial Black;
    }

    .cover2 {
        top: 12%;
        right: 5%;
        color: #fff;
    }
    
    .cover2>h1 {
        font-family: Arial Black;
        font-size: 3rem;
        letter-spacing: 0;
    }

    .cover3 {
        top: 18%;
        right: 1%;
        color: #000;
    }
    
    .cover3>h1 {
        font-family: Arial Black;
        font-size: 2.8rem;
        letter-spacing: 100;
    }
    
    .cover3>p {
        font-size: 2rem;
    }
    
    .cover3>a {
        color: #fff;
        background: #000;
    }

    .cover4 {
        top: 15%;
        left: 5%;
        color: #ffa146;
        text-align: left;
    }
    
    .cover4>h1 {
        font-family: Arial Black;
        font-size: 2.5rem;
        letter-spacing: 50;
    }
    
    .cover4>p {
        color: #fff;
    }
}

@media (min-width: 1367px) {
    .carousel-cover>p {
        font-family: AvantGarde Md BT;
        font-size: 29.89px;
        line-height: 34.16px;
        letter-spacing: 50;
        margin: 2rem auto 6rem auto;
    }
    
    .carousel-cover>a {
        font-family: AvantGarde Md BT;
        font-size: 29.89px;
        line-height: 34.16px;
        letter-spacing: 50;
        background: #fff;
        color: #000;
        padding: .8rem 3rem;
    }
    
    .cover1 {
        top: 20%;
        left: 5%;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
    }
    
    .cover1>h1 {
        font-family: Arial Black;
        font-size: 88.95px;
        line-height: 88.95px;
        letter-spacing: 100;
    }

    .cover2 {
        top: 20%;
        right: 5%;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
    }
    
    .cover2>h1 {
        font-family: Arial Black;
        font-size: 71.16px;
        line-height: 71.16px;
        letter-spacing: 0;
    }

    .cover3 {
        top: 20%;
        right: 5%;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #000;
    }
    
    .cover3>h1 {
        font-family: Arial Black;
        font-size: 51.52px;
        line-height: 67.13px;
        letter-spacing: 100;
    }
    
    .cover3>p {
        font-size: 34.16px;
    }
    
    .cover3>a {
        color: #fff;
        background: #000;
    }

    .cover4 {
        top: 25%;
        left: 5%;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #ffa146;
        text-align: left;
    }
    
    .cover4>h1 {
        font-family: Arial Black;
        font-size: 99.63px;
        line-height: 99.63px;
        letter-spacing: 50;
    }
    
    .cover4>p {
        color: #fff;
    }
}

@media (max-width: 960px) {
    .about {
        padding: 1rem 0 2rem;
    }
    .about>div {
        position: relative;
        margin: 0 10% 0 10%;
        z-index: 2;
    }
    .about .shadow {
        top: 1rem;
        width: 90%;
        height: 20rem;
        padding: 0;
    }
}

@media (min-width: 960px) {
    .about {
        padding: 3rem 0 5rem;
    }
    .about>div {
        position: relative;
        margin: 0 10% 0 10%;
        z-index: 2;
    }
    .about .shadow {
        top: -4rem;
        width: 400px;
        height: 350px;
        padding: 3rem 0 0 5rem;
    }
}

.about {
    position: relative;
}

.about>div>header {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 20px;
}

.about>div>p {
    position: relative;
    word-wrap: break-word;
    padding-left: 10px;
    border-left: solid 1px #000;
}

.about .shadow {
    position: absolute;
    left: -4%;
    background: #F0F0F0;
    z-index: 1;
}

.module-title {
    position: relative;
}

@media (max-width: 640px) {
    .module-title h2 {
        /* background: #ffffff url(../img/bkg_title.png) center no-repeat; */
        display: inline-block;
        vertical-align: top;
        line-height: 36px;
        font-size: 36px;
        text-transform: uppercase;
        margin: 0;
        font-weight: 700;
        letter-spacing: 10px;
        width: 100%;
    }
}  

@media (min-width: 640px) {
    .module-title h2 {
        /* background: #ffffff url(../img/bkg_title.png) center no-repeat; */
        display: inline-block;
        vertical-align: top;
        line-height: 36px;
        padding: 20px 22px;
        font-size: 36px;
        text-transform: uppercase;
        margin: 0;
        font-weight: 700;
        letter-spacing: 10px;
        width: 100%;
    }
}

@media (max-width: 576px) {
    .cover-text {
        position: absolute;
        color: white;
        text-align: center;
        top: 80%;
        left: 0;
        right: 0;
        font-size: 200%;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .cover-text {
        position: absolute;
        color: white;
        text-align: center;
        left: 0;
        right: 0;
        top: 80%;
        left: 0;
        right: 0;
        /* font-size: 200%; */
    }
}

@media (min-width: 768px) {
    .cover-text {
        position: absolute;
        color: white;
        text-align: center;
        top: 80%;
        left: 0;
        right: 0;
        font-size: 200%;
    }
}

.intro {
    position: relative;
    margin-top: 3rem;
}

.intro .left p {
    margin-top: 2rem;
    font-size: 18px!important;
    line-height: 1.25;
}

.intro .shadow {
    position: absolute;
    background: #F0F0F0;
    margin: -11rem 0 0 0;
    width: 100%;
    height: 10rem;
    z-index: -1;
}

.productspotlight {
    background-position: left top;
    background-repeat: no-repeat;
    box-shadow: 0 5px 40px -5px #eee
}

.productspotlight .ptext {
    background-position: left top;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    padding-bottom: 65px;
    /* min-height: 380px */
}

.productspotlight .ptext .product-shop {
    float: none;
    margin-top: 0.2rem;
}

.productspotlight .ptext .product-name {
    margin: 0 0 0px 0;
    font-size: 1em;
    line-height: 1em;
    color: #000;
}

.productspotlight .ptext .price-box {
    font-size: 1em;
    line-height: 1em;
    color: #a21aa2;
    float: left;
}

.productspotlight .ptext .price-box .old-price {
    padding: 0;
    font-size: .5em;
    color: #888
}

.productspotlight .ptext .add-to-box {
    margin: 0;
    float: right
}

.product-reviews .stars {
    align-items: center;
    /* height: 3rem; */
}

.product-reviews .review-counts {
    color: #0066c0;
    font-size: 0.8rem;
    /* height: 3rem; */
}

.buy-at-amazon button.button {
    background: #efb764;
}

.buy-at-amazon button.button span {
    color: #000;
}

@media (max-width: 768px) {
    .review-container>div {
        width: 100%;
        height: 13rem;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .review-container>div:nth-of-type(1) {
        background-image: url(../images/home/774x436_1.jpg);
    }
    .review-container>div:nth-of-type(2) {
        background-image: url(../images/home/774x436_2.jpg);
    }
    .review-container>div:nth-of-type(3) {
        background-image: url(../images/home/774x436_3.jpg);
    }
    .review-container>div:nth-of-type(4) {
        background-image: url(../images/home/774x436_4.jpg);
    }

    .reviews-text {
        position: absolute;
        text-align: center;
        color: #fff;
        width: 100%;
        font-family: AvantGarde Md BT;
        font-size: .7rem;
        letter-spacing: 50;
    }

    .review-container>div:nth-of-type(1) .reviews-text {
        top: 25%;
    }

    .review-container>div:nth-of-type(2) .reviews-text {
        top: 13%;
    }

    .review-container>div:nth-of-type(3) .reviews-text {
        top: 23%;
    }

    .review-container>div:nth-of-type(4) .reviews-text {
        top: 7%;
    }
    
    .reviews-text .name {
        border-style: solid;
        border-width: 1px;
        display: inline-block;
        /* padding: 3px 20px; */
        width: 3.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
    }
}

@media (min-width: 769px) {
    .review-container>div {
        width: 100%;
        height: 436px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .review-container>div:nth-of-type(1) {
        background-image: url(../images/home/1366x436-1.jpg);
    }
    .review-container>div:nth-of-type(2) {
        background-image: url(../images/home/1366x436-2.jpg);
    }
    .review-container>div:nth-of-type(3) {
        background-image: url(../images/home/1366x436-3.jpg);
    }
    .review-container>div:nth-of-type(4) {
        background-image: url(../images/home/1366x436-4.jpg);
    }

    .reviews-text {
        position: absolute;
        text-align: center;
        top: 20%;
        color: #fff;
        width: 100%;
        font-family: AvantGarde Md BT;
        font-size: 21.32px;
        line-height: 25.59px;
        letter-spacing: 50;
    }
    
    .review-container>div:nth-of-type(4) .reviews-text {
        top: 7%;
    }

    .reviews-text .words {
        margin: 2rem 2rem 6rem 2rem;
    }
    
    .reviews-text .name {
        border-style: solid;
        border-width: 1px;
        display: inline-block;
        /* padding: 3px 20px; */
        width: 166px;
        height: 45px;
        line-height: 45px;
    }
}

@media (max-width: 350px) {
    .review-container>div:nth-of-type(4) .reviews-text {
        top: 5%;
    }

    .review-container>div:nth-of-type(4) .reviews-text>P {
        margin-bottom: .5rem;
    }
}

footer {
    padding: 40px 0;
    text-align: center
}

footer span.copyright {
    font-family: montserrat, helvetica neue, Helvetica, Arial, sans-serif;
    text-transform: none;
    margin-top: 35px;
    display: block;
    font-size: 1.5em
}

footer ul.quicklinks {
    font-size: 1.3em;
    line-height: 1.2em;
    font-family: montserrat, helvetica neue, Helvetica, Arial, sans-serif;
    text-transform: none;
    margin-top: 6px;
    margin-bottom: 15px
}

footer span.social-heading {
    font-size: 1.5em;
    font-family: montserrat, helvetica neue, Helvetica, Arial, sans-serif;
    letter-spacing: .02em;
    font-weight: 400;
    color: #020202
}

footer ul.social-buttons {
    margin-top: 30px
}

footer ul.social-buttons li:nth-child(1) a {
    background-color: #3b5997
}

footer ul.social-buttons li:nth-child(2) a {
    background-color: #1faaed
}

footer ul.social-buttons li:nth-child(3) a {
    background-color: #d42319
}

footer ul.social-buttons li:nth-child(4) a {
    background-color: #e43c6f
}

footer ul.quicklinks li:first-child {
    border-right: 1px solid #a21aa2
}

footer ul.quicklinks li:last-child {
    border-left: 1px solid #a21aa2
}

footer ul.social-buttons {
    margin-bottom: 0
}

footer ul.social-buttons li a {
    display: block;
    background-color: #222;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    outline: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

footer ul.social-buttons li a:hover,
footer ul.social-buttons li a:focus,
footer ul.social-buttons li a:active {
    background-color: #a21aa2
}