@font-face {
    font-family: 'GothaProLig';
    src: url('fonts/GothaProLig.otf');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: #f0f0f0;
}

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

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

.container {
    width: 1366px;
    margin: 0 auto;
    box-shadow: 0px 2px 2px #ccc;
    background-color: #fff;
}

.slider,
.slider-second {
    height: 800px;
    position: relative;
}

.slider {
    background: url(img/slider-img.jpg);
}

.slider-second {
    background-image: url(img/slider2.jpg);
}

.product-header {
    background-color: #fff;
}

.contact-header {
    min-height: 360px;
    background-color: #f0f0f0;
}

.contact-item {
    width: 370px;
    height: 370px;
    float: left;
    outline: 1px solid #9c9c9c;
    margin-right: 30px;
    text-align: center;
    background-color: #ffffff;
}

.contact-item:last-child {
    margin-right: 0;
}

.header {
    padding-top: 63px;
}
.logo {
    background-image: url(img/logo.svg);
    width: 185px;
    height: 22px;
    float: left;
}
.logo-link {
    height: 22px;
    line-height: 22px;
    width: 185px;
    display: inline-block;
}
.menu-list {
    list-style-type: none;
    float: left;
}

.menu {
    float: right;
}

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

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

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

.menu-link-search {
    width: 53px;
    height: 23px;
    line-height: 23px;
    display: inline-block;
    background: url(img/search.svg) no-repeat center;
}
.slider-text {
    margin-top: 283px;
    float: left;
}

.slider-trending,
.slider-hotdeal,
.mobileapp-mobileapp {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.slider-trending {
    color: #43a047;
}

.slider-hotdeal {
    color: #e53935;
}

.mobileapp-mobileapp {
    color: #6c6c6c;
}

.slider-h2,
.mobileapp-h2,
.contact-h2 {
    color: #212121;
    font-size: 62px;
    font-weight: 100;
    text-transform: uppercase;
}

.contact-h2 {
    line-height: 72px;
    text-transform: none;
    margin-top: 141px;
    margin-bottom: 0;
}

.mobileapp-h2 {
    width: 472px;
    display: inline-block;
}

.mobileapp-text {
    color: #6c6c6c;
    font-size: 22px;
    font-weight: 300;
}

.mobileapp-content {
    float: left;
    margin-top: 125px;
   
}

.mobileapp-link {
    margin-top: 33px;
    display: inline-block;
    margin-right: 10px;
}

.slider-content,
.exclusive-block-item-content {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}

.slider-content {
    width: 468px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.button {
    box-shadow: 0 2px 5px 1px rgba(33, 33, 33, 0.35);
    
    border-radius: 23px;    
    background-color: #ffffff;
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3.6px;
    text-decoration: none;
    width: 212px;
    height: 45px;
    display: inline-block;
    line-height: 45px;
    text-align: center;
    -moz-border-radius: 23px;           /* Firefox */
    -webkit-border-radius: 23px;        /* Safari, Google Chrome */            
    -o-border-radius: 23px;             /* Opera */
    -ms-border-radius: 23px;            /* IE8 */     
    
}

.button:hover {
    color: #6c6c6c;
}

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

.circle {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-color: #c7c7c7;
    -moz-border-radius: 50%;           /* Firefox */
    -webkit-border-radius: 50%;        /* Safari, Google Chrome */    
    -o-border-radius: 50%;             /* Opera */
    -ms-border-radius: 50%;            /* IE8 */   
    border-radius: 50%;
    margin: 5px;
}

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

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

.featured,
.trending-products,
.exclusive-product {
    padding-top: 120px;
    padding-bottom: 120px;
    background-color: #fff;
}

.tab-head {
    float: left;
    width: 100%;
}

.tab-control {
    float: left;
}

.product-details-tabmenu {
    background-color: #fff;
    text-align: center;
}

.tabmenu-wrapper {
    background-color: #f4f4f4;
    height: 70px;
    margin-top: 29px;
    width: 100%;
    text-align: center;
}

.tab-control-details {
    display: inline-block;
}

.tab-control-item {
    list-style-type: none;
    float: left;
}

.tab-control-link {
    color: #6c6c6c;
    font-size: 36px;
    font-weight: 700;
    border-bottom: 1px solid #6c6c6c;
    text-decoration: none;
    padding: 0 20px 21px 9px;
    margin-top: 0;
    line-height: 27px;
    height: 27px;
    display: inline-block;
}

.tab-control-details .tab-control-link {
    border: none;
    line-height: 70px;
}

.active-tab,
.prod:hover {
    color: #212121 !important;
    border-bottom: 3px solid #212121;
    padding-bottom: 19px;
}

.tab-control-details .tab-control-link:hover {
    border: none;
}

.featured-link {
    float: right;
    text-decoration: none;
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3.6px;
    line-height: 49px;
    height: 49px;
}

.featured-link:hover {
    color: #6c6c6c;
}

.tab-content {
    margin-top: 50px;
    float: left;
}

.tab-content-block {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
    position: relative;
    height: 270px;
}

.tab-content-block:first-child {
    margin-left: 0;
}

.tab-content-block:last-child {
    margin-right: 0;
}

.tab-content-block img {
    z-index: 2;
    position: relative;
}

.tab-content-block-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
}

.tab-content-block:hover img {
    z-index: 0;
}

.tab-content-block:hover .tab-content-block-hover {
    outline: 1px solid #9c9c9c;
}

.arrow-button {
    box-shadow: 0 2px 5px 1px rgba(33, 33, 33, 0.35);
    -moz-border-radius: 24px;           /* Firefox */
    -webkit-border-radius: 24px;        /* Safari, Google Chrome */    
    -o-border-radius: 24px;             /* Opera */
    -ms-border-radius: 24px;            /* IE8 */    
    border-radius: 24px;
    background-color: #ffffff;
    width: 48px;
    height: 48px;
    display: inline-block;
    text-align: center;
    line-height: 48px;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    margin-top: 62px;
}

.tab-content-h4 {
    color: #212121;
    font-size: 22px;
    font-weight: 700;
    margin-top: 19px;
    margin-bottom: 23px;
}

.tab-content-text {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    width: 211px;
    display: inline-block;
    letter-spacing: 0;
}

.exclusive-block {
    width: 100%;
    height: 683px;
}

.exclusive-block-item {
    margin: 0;
    padding: 0;
    width: 50%;
    height: 100%;
    float: left;
}

.exclusive-block-item:first-child {
    background-image: url(img/promo-img1.jpg);
}

.exclusive-block-item:last-child {
    background-image: url(img/promo-img.jpg);
}

.exclusive-block-item-text {
    margin-top: 228px;
    margin-left: 50px;
}

.exclusive-block-item-exclusive {
    color: #1e88e5;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 48px;
    letter-spacing: 1.8px;
}

.exclusive-block-item-h2,
.trending-products-h2 {
    color: #212121;
    font-size: 36px;
    font-weight: 700;
}

.exclusive-block-item-content {
    width: 374px;
    margin-top: 20px;
    margin-bottom: 24px;
}

.trending-products-head {
    float: left;
    width: 100%;
}

.trending-products-h2 {
    line-height: 49px;
}

.trending-products-items {
    margin-top: 49px;
    float: left;
}

.trending-products-h2 {
    float: left;
}

.trending-products-item,
.product-link {
    margin: 15px;
    float: left;
}

.trending-products-item:first-child,
.product-link:first-child {
    margin-left: 0;
}

.trending-products-item:last-child,
.product-link:last-child {
    margin-right: 0;
}

.exclusive-product-left {
    background-image: url(img/product-1-lg.jpg);
    float: left;
    width: 570px;
    height: 570px;
    margin-right: 15px;
}

.exclusive-product-left .exclusive-block-item-text {
    margin-top: 186px;
}

.exclusive-product-row:first-child {
    margin-top: -15px;
    float: left;
}

.exclusive-product-row:last-child {
    margin-bottom: -15px;
    float: left;
}

.exclusive-product-item {
    margin: 15px;
    padding: 0;
    float: left;
}

.exclusive-product-item:last-child {
    margin-right: 0;
}

.mobileapp {
    background-image: url(img/back-img.jpg);
    height: 516px;
}

.footer {
    background-color: #f7f7f7;
    padding-top: 120px;
    padding-bottom: 30px;
}

.footer-h3 {
    color: #6c6c6c;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    margin-bottom: 24px;
}

.contact,
.information,
.subscribe {
    float: left;
}

.contact {
    width: 221px;
    margin-right: 52px;
}

.footer-text {
    margin-bottom: 1.5em;
    color: #212121;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
}

.mailto-link {
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}

.mailto-link:hover {
    color: #6c6c6c;
}

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

.first {
    margin-right: 103px;
}

.second {
    margin-right: 94px;
}

.infomenu-link {
    color: #212121;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    line-height: 26px;
    text-decoration: none;
}

.infomenu-link:hover {
    color: #6c6c6c;
}

.subscribe .footer-text {
    width: 363px;
}

form {
    position: relative;
}

.email {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 300;
    line-height: 48px;
    height: 48px;
    width: 347px;
    padding-left: 20px;
}

input[type="submit"] {
    width: 48px;
    height: 48px;
    background: url(img/submit.png) center no-repeat transparent;
    border: none;
    position: absolute;
    right: 0;
    top: 1px;
    color: transparent;
    cursor: pointer;
    font-size:0;
}

.footer-bottom {
    margin-top: 59px;
}

.copyright,
.social,
.terms {
    float: left;
    width: 33.33333333%;
}

.social {
    text-align: center;
}

.terms {
    text-align: right;
}

.social-button {
    width: 28px;
    height: 28px;
    color: #fff;
    background-color: #6c6c6c;
    font-size: 16px;
    display: inline-block;
    line-height: 28px;
    text-align: center;
    -moz-border-radius: 50%;           /* Firefox */
    -webkit-border-radius: 50%;        /* Safari, Google Chrome */    
    -o-border-radius: 50%;             /* Opera */
    -ms-border-radius: 50%;            /* IE8 */    
    border-radius: 50%;
    border: 1px solid transparent;
}

.social-button:hover {
    background-color: #fff;
    color: #212121;
    border: 1px solid #212121;
}

.copyright-text,
.terms-text {
    color: #6c6c6c;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    line-height: 28px;
}

.terms-link {
    text-decoration: none;
    color: #6c6c6c;
}

.contact-item-marker {
    margin-top: 48px;
}

.contact-h4 {
    color: #212121;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 30px;
    margin-top: 34px;
    margin-bottom: 23px;
}

.phone-label,
.email-label,
.adress-label {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.phone-number,
.email-link {
    color: #212121;
    font-weight: 700;
    margin-bottom: 10px;
}

.tab-control-link.prod {
    color: #6c6c6c;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.product-block {
    padding-top: 72px;
    margin-bottom: 76px;
}

.product-block-text {
    margin-top: 47px;
    margin-left: 61px;
    max-width: 499px;
    float: left;
}

.product-block-image {
    float: left;
    max-width: 50%;
}

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

.product-title {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.product-title .trending-products-h2 {
    float: none;
}

.product-block-text .slider-hotdeal {
    text-align: center;
    margin-top: 23px;
}

.product-descrition {
    color: #212121;
    font-size: 16px;
    font-weight: 300;
}

.price {
    margin-top: 30px;
    margin-bottom: 30px;
}

.price,
.buybutton {
    text-align: center;
}

.price-value {
    font-size: 72px;
    text-transform: uppercase;
}

.price-text {
    color: #212121;
    font-size: 36px;
    font-weight: 300;
}

.buybutton .button {
    background-color: #f44336;
    color: #fff;
    height: 71px;
    line-height: 71px;
    -moz-border-radius: 35px;           /* Firefox */
    -webkit-border-radius: 35px;        /* Safari, Google Chrome */    
    -o-border-radius: 35px;             /* Opera */
    -ms-border-radius: 35px;            /* IE8 */    
    border-radius: 35px;
    width: 100%;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4.4px;
}

.buybutton .button:hover {
    background-color: #fff;
    color: #f44336;
}

.description {
    margin-top: 49px;
}

.product-description {
    font-family: 'GothaProLig';
    color: #212121;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 24px;
    margin-bottom: 15px;
}

.mini-product-image:hover {
    opacity: 0.3;
}

.spinner {
    text-align: center;
    font-size: 48px;
}

.spinner a {
    color: #000;
}