@font-face {
    font-family: Gotham;
    src: url("../fonts/GothamSimpals-Bold.ttf")
}
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none
}
body {
    margin: 0
}
html,
body {
    min-height: 100%;
    position: relative;
    box-sizing: border-box
}
* {
    box-sizing: border-box
}
.landing__header {
    background: url("https://i.simpalsmedia.com/marketplace/richmedia/5eddc01a68b6d13cc2a1e9c104edfe43.png") no-repeat center center;
    width: 650px;
    height: 141px;
    display: block;
    margin: 0 auto 18px auto;
    line-height: 110px;
    text-align: center;
}
@media only screen and (max-width: 650px) {
    .landing__header {
        background: none;
        position: relative;
        max-width: 100%;
        background: #bf1818;
        height: auto
    }
    .landing__header span {
        max-width: 100%;
        position: relative
    }
}
.landing__header span {
    display: inline-block;
    width: 350px;
    vertical-align: middle;
    line-height: 1;
    font-family: Gotham;
    font-size: 40px;
    color: #fff
}
.landing__body {
    min-height: 600px;
    background: url("https://i.simpalsmedia.com/marketplace/richmedia/4eb958e8b4bc887fc741523e70a9b8cc.jpg") no-repeat center center fixed;
    padding-top: 55px;
    margin-bottom: -10px;
    padding-bottom: 60px;
}
.landing__container {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}
@media only screen and (max-width: 1000px) {
    .landing__container {
        position: relative;
        max-width: 100%
    }
}
.landing__products__item {
    display: inline-block;
    margin-right: 42px;
    position: relative;
    margin-bottom: 81px;
}
.landing__products__item:hover .landing__products__item__title {
    background: url("https://i.simpalsmedia.com/marketplace/richmedia/c7a9056fedb47a8ffc4d688d43f76d02.png") no-repeat center center;
    background-size: 219px 60px
}
.landing__products__item:hover .landing__products__item__img.phone {
    background: url("images/phone_h.png") no-repeat center center #bf1818
}
.landing__products__item:hover .landing__products__item__img.pc {
    background: url("images/pc_h.png") no-repeat center center #bf1818
}
.landing__products__item:hover .landing__products__item__img.hm {
    background: url("images/hm_2.png") no-repeat center center #bf1818
}
.landing__products__item:hover .landing__products__item__img.watch {
    background: url("images/watch_h.png") no-repeat center center #bf1818
}
.landing__products__item:hover .landing__products__item__img.sleigh {
    background: url("images/sleigh_h.png") no-repeat center center #bf1818
}
.landing__products__item:hover .landing__products__item__img.ch_toys {
    background: url("images/ch_toys_h.png") no-repeat center center #bf1818
}
.landing__products__item:hover .landing__products__item__img.ch_tree {
    background: url("images/ch_tree_h.png") no-repeat center center #bf1818
}
.landing__products__item:hover .landing__products__item__img.cologne {
    background: url("images/cologne_h.png") no-repeat center center #bf1818
}
.landing__products__item:hover .landing__products__item__img.cosmetics {
    background: url("images/cosmetics_h.png") no-repeat center center #bf1818
}
.landing__products__item:hover .landing__products__item__img.dec {
    background: url("images/dec_h.png") no-repeat center center #bf1818
}
.landing__products__item:hover .landing__products__item__img.gift {
    background: url("images/gift_h.png") no-repeat center center #bf1818
}
.landing__products__item:hover .landing__products__item__img.guitar {
    background: url("images/guitar_h.png") no-repeat center center #bf1818
}
.landing__products__item:hover .landing__products__item__img.hats {
    background: url("images/hats_h.png") no-repeat center center #bf1818
}
.landing__products__item:hover .landing__products__item__img.jewelry {
    background: url("images/jewelry_h.png") no-repeat center center #bf1818
}
.landing__products__item:hover .landing__products__item__img.lights {
    background: url("images/lights_h.png") no-repeat center center #bf1818
}
.landing__products__item:hover .landing__products__item__img.souvenirs {
    background: url("images/souvenirs_h.png") no-repeat center center #bf1818
}
.landing__products__item:hover .landing__products__item__img.star {
    background: url("images/star_h.png") no-repeat center center #bf1818
}
.landing__products__item:hover .landing__products__item__img.sock {
    background: url("images/sock_h.png") no-repeat center center #bf1818
}
.landing__products__item__img {
    width: 153px;
    height: 153px;
    border-radius: 153px;
    border: 3px solid #fff;
    margin-bottom: 6px;
}
.landing__products__item__img.phone {
    background: url("images/phone.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__img.pc {
    background: url("images/pc.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__img.hm {
    background: url("images/hm.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__img.watch {
    background: url("images/watch.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__img.sleigh {
    background: url("images/sleigh.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__img.ch_toys {
    background: url("images/ch_toys.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__img.ch_tree {
    background: url("images/ch_tree.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__img.cologne {
    background: url("images/cologne.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__img.cosmetics {
    background: url("images/cosmetics.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__img.dec {
    background: url("images/dec.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__img.gift {
    background: url("images/gift.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__img.guitar {
    background: url("images/guitar.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__img.hats {
    background: url("images/hats.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__img.jewelry {
    background: url("images/jewelry.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__img.lights {
    background: url("images/lights.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__img.souvenirs {
    background: url("images/souvenirs.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__img.star {
    background: url("images/star.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__img.sock {
    background: url("images/sock.png") no-repeat center center rgba(255, 255, 255, 0.6)
}
.landing__products__item__title {
    display: inline-block;
    width: 219px;
    height: 60px;
    left: 50px;
    position: absolute;
    margin-left: -82px;
    text-align: center;
    line-height: 46px;
}
.landing__products__item__title span {
    display: inline-block;
    width: 150px;
    vertical-align: middle;
    line-height: 1;
    font-size: 18px;
    color: #fff;
    font-family: Gotham
}
