.wrapper {
  margin: 0 auto;
  width: 1400px;
}

.wrap {
  margin: 0 auto;
  width: 940px;
}

/*========== HEADER ================*/

/*---------- header-control ----------*/

.header-control {
  height: 45px;
  background-color: #242424;
}

.header-control-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.header-logo {
  text-transform: uppercase;
  letter-spacing: -.65px;
  color: #57c5a0;
  font-weight: 500;
  font-size: 26px;
}

.header-login-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.header-search {
  width: 45px;
  height: 45px;
  text-align: center;
}

.header-search a {
  display: block;
  padding-top: 14px;
  width: 100%;
  height: 100%;
  color: #7e7e7e;
  font-size: 14px;
  font-family: 'icomoon';
}

.header-search:hover a {
  color: rgba(255, 255, 255, 0.8);
}

.header-login {
  width: 140px;
  height: 45px;
  border-right: 1px solid rgba(255, 255, 255, 0.35);
  border-left: 1px solid rgba(255, 255, 255, 0.35);
  text-align: center;
}

.header-login a {
  display: block;
  padding-top: 17px;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  color: #7e7e7e;
  font-weight: 400;
  font-size: 11px;
  font-family: 'Aller-Light', sans-serif;
}

.header-login:hover a {
  color: rgba(255, 255, 255, 0.8);
}

/*---------- header-nav ----------*/

.header-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 60px;
}

.header-navigation-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  list-style: none;
}

.header-navigation__item {
  height: 100%;
  border-left: 1px solid #eee;
}

.header-navigation__item:last-child {
  border-right: 1px solid #eee;
}

.header-navigation__item a {
  display: block;
  padding: 24px 23px;
  height: 100%;
  border-bottom: 3px solid rgba(87, 197, 160, 0);
  letter-spacing: .4px;
  /*----view----*/
  color: #242424;
  font-weight: 400;
  font-size: 16px;
  font-family: 'Aller-Light', sans-serif;
}

.header-navigation__item a:hover,
.header-navigation__item.active a {
  border-bottom: 3px solid #57c5a0;
}

.header-rayt-cart-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header-rayt-cart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 90px;
  height: 60px;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}

.header-rayt-cart-block:last-child {
  border-right: 1px solid #eee;
}

.header-rayt-cart-item {
  width: 90px;
  height: 60px;
}

.header-rayt-cart__ico {
  color: #6e6e6e;
  font-size: 16px;
  font-family: 'icomoon';
}

.header-rayt-cart__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 8px;
  padding: 3px 5px 4px 4px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 5px;
  /*----view----*/
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  font-family: 'Aller', sans-serif;
}

.rayt {
  background-color: #adadad;
}

.cart {
  background-color: #57c5a0;
}

/*---------- section banner ----------*/

.banner-section {
  height: 460px;
  background-color: #edece8;
}

/*---------------*/

.banner-block {
  position: relative;
  height: 100%;
}

.banner-block img {
  position: absolute;
  left: -230px;
}

.banner-text-block {
  position: absolute;
  top: 70px;
  left: 55%;
}

.banner-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 68px;
  height: 67px;
  background-color: #57c5a0;
  /*----view----*/
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  font-family: 'Aller', sans-serif;
}

.banner-title {
  margin-top: 20px;
  color: #242424;
  font-weight: 300;
  font-size: 40px;
  font-family: 'Aller', sans-serif;
}

.banner-desc {
  margin-top: 13px;
  width: 384px;
  color: #242424;
  line-height: 25px;
  font-weight: 300;
  font-size: 20px;
  font-family: 'Aller-Light', sans-serif;
}

.banner-control-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}

.banner-control-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 15px;
  margin-left: 4px;
  width: 40px;
  height: 40px;
  background-color: #fafaf9;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  color: #6e6e6e;
  /*----view----*/
  font-size: 15px;
  font-family: 'icomoon';
}

.banner-control-list li:first-child {
  padding-left: 0;
}

.banner-control-list__item:hover {
  color: #57c5a0;
}

/*---------- section categories ----------*/

.categories {
  height: 90px;
  background-color: #2e2e2e;
}

.categories-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 6px;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

.categories-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  list-style: none;
}

.categories-item {
  position: relative;
  width: 20%;
  height: 85px;
}

.categories-item a {
  text-align: center;
}

.categories-item a:hover .categories-item-text__title,
.categories-item.active .categories-item-text__title {
  color: white;
}

.categories-item a:hover .categories-item-hr,
.categories-item.active .categories-item-hr {
  background-color: #57c5a0;
}

.categories-item-hr {
  position: relative;
  width: 100%;
  height: 10px;
  border-top: 2px solid #000;
  border-right: 5px solid #000;
  border-bottom: 2px solid #000;
  border-left: 5px solid #000;
  background-color: #000;
  content: '';
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

.categories-item:after {
  position: absolute;
  top: 2px;
  left: -1px;
  width: 2px;
  height: 6px;
  background-color: #2e2e2e;
  content: '';
}

.categories-item:first-child:after {
  background-color: rgba(0, 0, 0, 0);
}

/*---------------*/

.categories-item-text {
  padding-top: 16px;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

.categories-item-text__title {
  letter-spacing: .45px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
  font-size: 18px;
  font-family: 'Aller-Light', sans-serif;
}

.categories-item-text__desc {
  margin-top: 9px;
  letter-spacing: .3px;
  color: #adadad;
  font-weight: 400;
  font-size: 12px;
  font-family: 'Aller-Light', sans-serif;
}

/*---------- section offers ----------*/

.offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 230px;
  background-color: #242424;
}

.offer-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.offer-item {
  position: relative;
  height: 180px;
  background-color: #242424;
}

.offer-item img {
  /*z-index: 1;*/
}

.offer-item__btn {
  position: absolute;
  top: 50%;
  left: 50%;
  /*----view----*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 25px;
  /*z-index: 2;*/
  min-width: 180px;
  height: 60px;
  background-color: rgba(36, 36, 36, 0.8);
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: 300;
  font-size: 25px;
  font-family: 'Aller-Light', sans-serif;
}

/*---------- section new-block ----------*/

.new-block {
  height: 380px;
  background-color: #ebe7df;
}

.new-block-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 34px;
}

.new-block__title {
  /*----view----*/
  color: #242424;
  font-weight: 300;
  font-size: 25px;
  font-family: 'Aller-Light', sans-serif;
}

.new-block__btn {
  letter-spacing: .35px;
  -webkit-transition: color .3s linear;
  -o-transition: color .3s linear;
  transition: color .3s linear;
  /*----view----*/
  color: #bcb5a7;
  font-weight: 700;
  font-size: 14px;
  font-family: 'Aller-Light', sans-serif;
}

.new-block__btn:hover {
  color: #242424;
}

.new-block-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 33px;
}

.new-block-item {
  position: relative;
  width: 300px;
  height: 270px;
  background-color: #fff;
  text-align: center;
}

.new-block-item.sale .new-block__sale {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.new-block__sale {
  position: absolute;
  top: 0;
  right: 12px;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 68px;
  height: 67px;
  background-color: #242424;
  text-transform: uppercase;
  /*----view----*/
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  font-family: 'Aller-Light', sans-serif;
}

.new-block-footer {
  position: relative;
  width: 100%;
  height: 50px;
  border-top: 1px solid #dadada;
}

.new-block__price {
  position: absolute;
  bottom: 2px;
  left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 68px;
  height: 67px;
  background-color: #57c5a0;
  /*----view----*/
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  font-family: 'Aller-Light', sans-serif;
}

.new-block-footer__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: 93px;
  padding-bottom: 4px;
  height: 100%;
  letter-spacing: .45px;
  opacity: 1;
  -webkit-transition: visibility .2s, opacity .2s linear;
  -o-transition: visibility .2s, opacity .2s linear;
  transition: visibility .2s, opacity .2s linear;
  /*----view----*/
  color: #242424;
  font-weight: 400;
  font-size: 18px;
  font-family: 'Aller', sans-serif;
}

.new-block-item:hover .new-block-footer__desc {
  visibility: hidden;
  opacity: 0;
}

.new-block-footer-control {
  position: absolute;
  right: 35px;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hiden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  height: 100%;
  height: 100%;
  list-style: none;
  opacity: 0;
  -webkit-transition: visibility .2s, opacity .2s linear;
  -o-transition: visibility .2s, opacity .2s linear;
  transition: visibility .2s, opacity .2s linear;
}

.new-block-item:hover .new-block-footer-control {
  visibility: visible;
  opacity: 1;
}

.new-block-footer__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 5px;
  width: 30px;
  height: 30px;
  -webkit-transition: color .3s linear;
  -o-transition: color .3s linear;
  transition: color .3s linear;
  color: #6e6e6e;
  /*----view----*/
  font-size: 13px;
  font-family: 'icomoon';
}

.new-block-footer__btn:hover {
  color: #57c5a0;
}

/*---------- section best seller ----------*/

.best-seller-block {
  height: 410px;
  background-color: #ebe7df;
}

.new-block__stock {
  position: absolute;
  top: 0;
  right: 12px;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 68px;
  height: 67px;
  background-color: #f27e4b;
  text-transform: uppercase;
  /*----view----*/
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  font-family: 'Aller-Light', sans-serif;
}

.new-block-item.stock .new-block__stock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*---------- section testimonial ----------*/

.testimonial {
  height: 234px;
  background-color: #ebe7df;
}

.testimonial-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  border-top: 1px solid #bcb5a7;
}

.testimonial-small {
  padding: 32px 15px;
  width: 220px;
  height: 185px;
  background-color: #dfdbd4;
}

.testimonial-block__title {
  text-transform: uppercase;
  color: #242424;
  font-weight: 700;
  font-size: 14px;
  font-family: 'Aller', sans-serif;
}

.testimonial-block__text {
  margin-top: 17px;
  /*----view----*/
  color: #242424;
  line-height: 16px;
  font-weight: 400;
  font-size: 12px;
  font-family: 'Aller', sans-serif;
}

/*---------------*/

.testimonial-big {
  padding: 32px 15px;
  width: 460px;
  height: 185px;
  background-color: #dfdbd4;
}

.testimonial-big__title {
  text-transform: uppercase;
  color: #242424;
  font-weight: 700;
  font-size: 14px;
  font-family: 'Aller', sans-serif;
}

.testimonial-blog-main {
  margin-top: 20px;
}

.testimonial-blog-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

.testimonial-blog__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: #57c5a0;
  text-transform: uppercase;
  /*----view----*/
  color: #fff;
  font-weight: 700;
  font-family: 'Aller', sans-serif;
}

.blog-month {
  font-size: 10px;
}

.blog-date {
  font-size: 13px;
}

.testimonial-blog-text {
  margin-left: 9px;
}

.testimonial-blog__title {
  color: #242424;
  line-height: 16px;
  font-weight: 700;
  font-size: 14px;
  font-family: 'Aller-Bold', sans-serif;
}

.testimonial-blog__desc {
  margin-top: 3px;
  color: #242424;
  line-height: 16px;
  font-weight: 400;
  font-size: 12px;
  font-family: 'Aller', sans-serif;
}

/*========== FOOTER ================*/

/*---------- section widget ----------*/

.footer-wrap {
  margin: 0 auto;
  width: 860px;
}

.widget {
  height: 250px;
  background-color: #242424;
}

.widget-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 51px;
}

.widget-block {
  width: 260px;
}

.widget__title {
  text-transform: uppercase;
  color: #7d7d7d;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Aller', sans-serif;
}

.widget__text {
  margin-top: 24px;
  text-align: justify;
  color: #a4a4a4;
  line-height: 18px;
  font-style: italic;
  font-size: 12px;
  font-family: 'Aller', sans-serif;
}

.widget-twitter-main {
  margin-top: 24px;
}

.widget-twitter-item {
  margin-bottom: 17px;
}

.widget-twitter-text {
  display: inline;
  color: #a4a4a4;
  line-height: 18px;
  font-style: italic;
  font-size: 12px;
  font-family: 'Aller', sans-serif;
}

.widget-twitter__tag {
  color: #57c5a0;
}

.widget-twitter__date {
  margin-top: 10px;
  color: #c4c5bf;
  font-style: italic;
  font-size: 12px;
  font-family: 'Aller', sans-serif;
}

.widget-flickr-img {
  margin-top: 21px;
}

.flickr {
  width: 244px;
}

/*---------- subscribe social ----------*/

.subscribe-social {
  height: 118px;
  border-top: 1px solid #1e1e1e;
  background-color: #242424;
}

.subscribe-social-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.subscribe-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.subscribe-email__text {
  padding-left: 14px;
  width: 212px;
  height: 36px;
  border: none;
  background-color: #2e2e2e;
  /*----view----*/
  color: #7d7d7d;
  font-style: italic;
  font-size: 12px;
  font-family: 'Aller', sans-serif;
}

.subscribe-email__text.err {
  border: 1px solid #b70000;
}

.subscribe-email__btn {
  width: 36px;
  height: 36px;
  border: none;
  background-color: #7d7d7d;
  color: #2e2e2e;
  /*----view----*/
  font-size: 12px;
  font-family: 'icomoon';
}

/*---------------*/

.social-btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}

.social-btn__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 8px;
  width: 36px;
  height: 36px;
  background-color: #2e2e2e;
  color: #7d7d7d;
  /*----view----*/
  font-size: 20px;
  font-family: 'icomoon';
}

/*---------- section copyright ----------*/

.copyright {
  height: 90px;
  background-color: #2e2e2e;
}

.copyright-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.copyright-block {
  letter-spacing: .3px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 18px;
  font-weight: 400;
  font-size: 12px;
  font-family: 'Aller-Light', sans-serif;
}

.copyright-nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  /*----view----*/
}

.copyright-nav-list__item,
.copyright-nav-list__item a {
  letter-spacing: .3px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
  font-size: 12px;
  font-family: 'Aller-Light', sans-serif;
}

.copyright-nav-list__item:after {
  margin: 0 5px;
  content: '/';
}

.copyright-nav-list__item:last-child:after {
  display: none;
}

.copyright-nav-list__item:hover a {
  color: rgba(255, 255, 255, 0.8);
}