* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Montserrat', sans-serif;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.padding-site {
    padding-left: 98px;
    padding-right: 98px;
}

.explore-all-link {
    color: #8c8c8c;
    font-size: 18px;
    font-weight: 700;
    font-style: bold;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 3px;
}

.explore-all-link:hover {
    color: #212121;
}

.explore-all-link:active {
    color: #fff;
}

.order-button {
    color: #8c8c8c;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 2px 5px 1px rgba(33, 33, 33, 0.35);
    border-radius: 23px;
    background-color: #ffffff;
    width: 212px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    text-decoration: none;
    letter-spacing: 3.6px;
}

.order-button:hover {
    color: #212121;
}

.order-button:active {
    box-shadow: none;
}

.pagination {
    width: 1170px;
    bottom: 19px;
    text-align: center;
}

.container {
    width: 1366px;
    margin: 0 auto;
}

.slider {
    height: 800px;
    background-image: url(img/slider-img.jpg);
    position: relative;
}

.header {
    padding-top: 63px;
}

.menu {
    float: right;
}

.menu-list {
    list-style-type: none;
    float: left;
}

.menu-link {
    color: #8c8c8c;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    text-align: right;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 13px;
}

.menu-link:hover {
    color: #212121;
}

.menu-link:active {
    color: #fff;
}

.menu-link-active {
    color: #212121;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 1.4px;
    border-bottom: 3px solid #212121;
}

.slider-content {
    margin-top: 283px;
    width: 470px;
}

.slider-tag {
    color: #43a047;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    text-transform: uppercase;
}

.slider-name {
    color: #212121;
    font-size: 62px;
    font-weight: 100;
    font-style: normal;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: -3px;
}

.slider-details {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 24px;
}

.slider-order {}

.slider-pagination {
    position: absolute;
}

.circle {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-color: #c7c7c7;
    border-radius: 50%;
    margin: 5px;
}

.circle:hover {
    background-color: #212121;
}

.circle:active {
    background-color: #fff;
}

.circle-active {
    width: 40px;
    height: 40px;
    background-color: #212121;
    margin-bottom: 0;
}

.ft-menu {
    margin-top: 120px;
    min-width: 300px;
    min-height: 49px;
}

.ft-menu-link {
    color: #6c6c6c;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -2px;
    text-align: left;
    text-decoration: none;
    border-bottom: 1px solid #6c6c6c;
    padding-left: 9px;
    padding-right: 22px;
    padding-bottom: 21px;
    float: left;
}

.ft-menu-link:hover {
    color: #212121;
    border-bottom: 3px solid #212121;
}

.ft-menu-link:active {
    color: #fff;
    border-bottom-color: #fff;
}

.ft-menu-link-active {
    color: #212121;
    border-bottom: 3px solid #212121;
}

.ft-explore {
    float: right;
    margin-top: 16px;
}

.ft-products {
    margin-top: 72px;
    position: relative;
}

.ft-product {
    text-decoration: none;
    display: block;
    width: 270px;
    height: 270px;
    float: left;
    margin-left: 30px;
}

.ft-product-first {
    margin-left: 0;
}

.ft-product-first-img {
    position: absolute;
}

.ft-product-first-back {
    border: 1px solid #9c9c9c;
    background-color: #ffffff;
    opacity: 0.9;
    position: absolute
}

.ft-product-first-content {
    text-align: center;
    position: relative;
    display: inline-block;
}

.ft-arrow {
    box-shadow: 0 2px 5px 1px rgba(33, 33, 33, 0.35);
    background-color: #ffffff;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    text-align: center;
    line-height: 56px;
    margin: 62px auto 0;
}

.ft-arrow img {
    height: 20px;
    width: 12px;
}

.ft-name {
    color: #212121;
    font-size: 22px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -1px;
    margin-top: 19px;
}

.ft-details {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.5px;
    text-align: center;
    margin: 23px 32px 0;
}

.promo-products {
    margin-top: 120px;
}

.promo-content {
    width: 50%;
    height: 683px;
    float: left;
}

.promo-content-1 {
    background-image: url(img/promo-img1.png);
}

.promo-content-2 {
    background-image: url(img/promo-img2.png);
}

.promo-tag {
    color: #1e88e5;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    text-transform: uppercase;
    margin-top: 228px;
    margin-left: 51px;
}

.promo-name {
    color: #212121;
    font-size: 36px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    margin-top: 10px;
    margin-left: 52px;
}

.promo-details {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    margin-top: 24px;
    margin-left: 50px;
    margin-right: 259px;
}

.promo-order {
    margin-top: 34px;
    margin-left: 50px;
}

.tr-header {
    width: 100%;
    margin-bottom: 34px;
}

.tr-title {
    margin-top: 119px;
    color: #212121;
    font-size: 36px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    float: left;
}

.tr-explore {
    float: right;
    margin-top: 137px;
}

.tr-product {
    width: 370px;
    height: 370px;
    margin-top: 30px;
    float: left;
}

.tr-product-left {
    margin-right: 30px;
}

.tr-product-right {
    margin-left: 30px;
}

.hotdeal {
    height: 800px;
    margin-top: 120px;
    background-image: url(img/hotdeal.jpg);
    position: relative;
}

.hotdeal-content {
    margin-top: 283px;
    width: 470px;
    position: absolute;
}

.hotdeal-tag {
    color: #e53935;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    text-transform: uppercase;
    margin-left: 1px;
}

.hotdeal-name {
    color: #212121;
    font-size: 62px;
    font-weight: 100;
    font-style: normal;
    letter-spacing: -2px;
    text-align: left;
    text-transform: uppercase;
    margin-top: 22px;
    margin-left: 8px;
}

.hotdeal-details {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    margin-top: 34px;
}

.hotdeal-order {
    margin-top: 32px;
}

.hotdeal-pagination {
    position: absolute;
}

.exclusive {
    margin-top: 120px;
}

.ex-content {
    width: 570px;
    height: 570px;
    background-image: url(img/product-ex-01-lg.png);
    float: left;
}

.ex-tag {
    color: #1e88e5;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    text-transform: uppercase;
    margin-top: 186px;
    margin-left: 30px;
}

.ex-name {
    color: #212121;
    font-size: 36px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    margin-top: 18px;
    margin-left: 31px;
}

.ex-details {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: -0.5px;
    text-align: left;
    margin-top: 24px;
    margin-left: 30px;
    width: 332px;
}

.ex-order {
    margin-top: 34px;
    margin-left: 30px;
}

.ex-product {
    width: 270px;
    height: 270px;
    margin-left: 30px;
    margin-bottom: 30px;
    float: left;
}

.mobile {
    margin-top: 90px;
    background-image: url(img/mobile-back.jpg);
    width: 100%;
    height: 516px;
    
}

.mob-content {
    float: left;
}

.mob-tag {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    text-align: left;
    color: #6c6c6c;
    margin-top: 125px;
    margin-left: 99px;
}

.mob-name {
    font-size: 62px;
    font-weight: 100;
    font-stretch: normal;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: -2px;
    text-align: left;
    color: #212121;
    margin-top: 22px;
    margin-left: 106px;
    max-width: 500px;
}

.mob-details {
    font-size: 22px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #6c6c6c;
    margin-top: 26px;
    margin-left: 99px;
    max-width: 500px;
}

.mob-appstore {
    margin-left: 98px;
    margin-top: 33px;
    width: 135px;
    height: 40px;
    float: left;
}

.mob-gplay {
    margin-left: 10px;
    margin-top: 33px;
    width: 135px;
    height: 40px;
    float: left;
}

.footer {
    height: 384px;
    background-color: #f7f7f7;
    position: relative;
}

.footer-name {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 1.8px;
    text-align: left;
    color: #6c6c6c;
    text-transform: uppercase;
}

.footer-content {
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 22px;
    letter-spacing: normal;
    text-align: left;
    color: #212121;
}

.contactus {
    float: left;
    margin-top: 120px;
    width: 300px;
}

.contactus-name {
    margin-left: 1px;
}

.contactus-content{
    margin-top: 24px;
}

.information {
    float: left;
    margin-top: 120px;
    width: 500px;
}

.information-name {
    margin-left: 1px;
    margin-bottom: 25px;
}

.information-block-1 {
    width: 235px;
    height: 70px;
    float: left;
}

.information-block-2 {
    width: 265px;
    height: 70px;
    float: left;
}

.information-links {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px;
    letter-spacing: 0.7px;
    text-align: left;
    color: #212121;
    text-transform: uppercase;
    text-decoration: none;
    float: left;
}

.touch {
    float: left;
    margin-top: 120px;
    width: 370px;
}

.touch-name {
    margin-left: 1px;
}

.touch-content {
    margin-top: 24px;
}

.touch-email {
    margin-top: 26px;
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 22px;
    letter-spacing: normal;
    text-align: left;
    color: #6c6c6c;
    border: solid 1px #d9dee1;
    background-color: #ffffff;
    width: 370px;
    height: 48px;
}

.touch-send-img {

}

.bottom {
    width: 1170px;
    bottom: 60px;
    position: absolute;
}

.copy {
    position: absolute;
    width: 100%;
    text-align: left;
}

.social {
    position: absolute;
    width: 100%;
    text-align: center;
}

.terms {
    position: absolute;
    width: 100%;
    text-align: right;
}