@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Bold.eot');
	src: local('../fonts/Open Sans Bold'), local('../fonts/OpenSans-Bold'),
		url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-Bold.woff') format('woff'),
		url('../fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: local('../fonts/Roboto Bold'), local('../fonts/Roboto-Bold'),
        url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: local('../fonts/Roboto'), local('../fonts/Roboto-Regular'),
        url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: local('../fonts/Roboto Medium'), local('../fonts/Roboto-Medium'),
        url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/**************/
/**Normalize**/
/*************/
* {
  padding: 0;
  margin: 0;
  outline: 0;
  border: 0;
  box-sizing: border-box;
}

:root {
  font-size: 10px;
}

@media (min-width: 768px) {
  :root {
    font-size: 12px;
  }
}

@media (min-width: 1024px) {
  :root {
    font-size: 14px;
  }
}

html {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #000;
}

body {
  background-color: #fff;
}

img {
  display: block;
  width: 100%;
}

a {
  text-decoration: none;
  color: #000;
	-webkit-transition: 0.2s;
	-moz-transition:  0.2s;
	-ms-transition:  0.2s;
	-o-transition: 0.2s;
  transition: 0.2s;
}

h2,
h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}

h2 {
  font-size: 2.6rem;
}

h3 {
  font-size: 2.2rem;
}
/***/

/************************/
/**Additional classes**/
/************************/
.mark,
.active,
.active a {
  color: #f14a58!important;
}

.new {
  position: relative;
}
.new::before {
  content: 'NEW';
  position: absolute;
  left: 0;
  top: 1rem;
  z-index: 29;
  font-size: 1.3rem;
  padding: 0.3rem 0.9rem;
  color: #fff;
  background-color: #f14a58;
}

.page-wrap {
	position: relative;
  min-height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -o-flexbox;
  display: flex;
	-ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}

.slogan {
  font-family: 'Times New Roman', serif;
  font-size: 1.4rem;
  font-style: italic;
  color: #757575;
  line-height: 2;
}

/*******************/
/* line separator */
/*******************/
@media (min-width: 375px) {
  .line-separator {
    height: 1px;
  }

  .line-separator::before {
    content: '';
    position: absolute;
    height: 1px;
    max-width: 1440px;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #e5e5e5;
  }
}

@media (min-width: 1438px) {
  .line-separator::before {
			background-image: -ms-linear-gradient(to right, #fff 0%, #e5e5e5 5%, #e5e5e5 95%, #fff 100%);
	    background-image: -webkit-gradient(to right, #fff 0%, #e5e5e5 5%, #e5e5e5 95%, #fff 100%);
	    background-image: -o-linear-gradient(to right, #fff 0%, #e5e5e5 5%, #e5e5e5 95%, #fff 100%);
      background-image: linear-gradient(to right, #fff 0%, #e5e5e5 5%, #e5e5e5 95%, #fff 100%);
  }
}
/***/

/*******************/
/**Common styles**/
/*****************/
.main {
	-webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.container,
.footer {
  padding-left: 2rem;
  padding-right: 2rem;
}

.color-up {
  position: relative;
}

.color-up::after {
  background-color: rgba(0,0,0,0.5);
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 19;
	pointer-events: none;
}

.old-price {
	position: relative;
	font-size: 1.2rem;
	color: #757575;
}

.old-price::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 110%;
	height: 1px;
	border-top: 1px solid #f14a58;
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

@media (min-width: 375px) {
  .btn {
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    white-space: nowrap;
  }

  .btn  span {
		position: relative;
    display: inline-block;
    padding: 0.4em 1.6em;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 1.8rem;
    border: 1px solid #e5e5e5;
		-webkit-transition: 0.2s;
		-moz-transition:  0.2s;
		-ms-transition:  0.2s;
		-o-transition: 0.2s;
    transition: 0.2s;
  }

  .btn span:hover,
  .btn span:active {
    color: #f14a58;
    border: 1px solid #f14a58;
		cursor: pointer;
  }

	.btn span {
		overflow: hidden;
	}

	.btn span::after {
		content: '';
		position: absolute;
		top: 0;
		left: 100%;
		width: 100%;
		height: 100%;
		background-color: #f14a58;	
		opacity: 0.3;
		transition: 0.2s;
	}

	.btn span:hover::after {
		left: 0;
	}
}

@media (min-width: 768px) {
  .btn {
    display: block;
    text-align: center;
  }

  .btn  span {
    padding: 0.6em 3em;
    border: 1px solid #e5e5e5;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
  }

  .btn span:hover,
  .btn span:active {
    color: #f14a58;
    border: 1px solid #f14a58;
  }
}

@media (min-width: 1180px) {
  .container,
  .footer {
    width: 1180px;
    margin: 0 auto;
  }
}

/****************************/
/*Common for catalog and item*/
/****************************/
.font-normal {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
}

.font-gray {
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem!important;
  font-style: italic;
  color: #757575!important;
}

/********/
/**Banner**/
/********/
@media (min-width: 375px) {
  .banner {
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
  }

  .banner-inner {
    position: relative;
    height: 50vw;
  }

  .banner-item {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }

  .banner-inner_left {
		-webkit-box-flex: 100%;
		-ms-flex: 100%;
    flex: 100%;
    background-color: #fff;
  }

  .banner-inner_right {
    display: none;
  }

  .banner-inner a {
    display: block;
    height: 100%;
  }

  .banner-inner__text {
    position: absolute;
    top: 10%;
    right: 10%;
    z-index: 29;
    text-align: center;
  }

  .banner-inner__title {
    padding-bottom: 1rem;
  }

  .banner-inner__des {
    font-family: 'Times New Roman', serif;
    font-style: italic;
    font-size: 1.6rem;
    color: #757575;
  }

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

  .banner-inner__img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
  }

  .banner-inner_right img {
    width: 50%;
    right: auto;
    bottom: auto;
  }
}

@media (min-width: 768px) {
  .banner-inner_left {
		-webkit-box-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .banner-inner_right {
    display: block;
		-webkit-box-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
    background-color: #f7f7f7;
  }

  .banner-inner {
    height: 28vw;
    max-height: 350px;
  }
}

@media (min-width: 1300px) {
  .banner {
    width: 1300px;
    margin: 0 auto;
  }
}


/***********/
/** Header **/
/***********/
@media (min-width: 375px) {
  .header {
    position: relative;
  }

  .header-top {
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
		-ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }

  .header-top a:hover,
  .header-top a:active {
    color: #f14a58
  }

  .logo {
    font-family: 'Open Sans', sans-serif;
    font-size: 2.4rem;
    line-height: 1rem;
  }

  .logo_desktop {
    display: none;
  }

  .header__email {
    display: none;
    margin-left: auto;
    padding: 2rem 0;
  }

  .header-bag {
    margin-left: auto;
    padding: 0 1.5rem;
    font-size: 1.2rem;
  }

  .header-bag__link {
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
  }

  .header-bag__img {
    width: 1.5rem;
    margin: 0 1rem;
  }

  .burger {
    border-left: 1px solid #c5c5c5;
    width: 3.5rem;
    height: 5rem;
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
    justify-content: flex-end;
    position: relative;
    align-items: center;
    cursor: pointer;
  }

  .burger div {
    width: 1.8rem;
    height: 0.3rem;
    background-color: #000;
  }

  .burger::before,
  .burger::after {
    content: '';
    width: 1.8rem;
    height: 0.3rem;
    position: absolute;
    right: 0;
    margin: 0 auto;
    background-color: #000;
  }

  .burger::before {
    top: 33%;
  }

  .burger::after {
    bottom: 33%;
  }

  .burger_open div {
    opacity: 0;
  }

  .burger_open::after {
    top: 50%;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #f14a58;
  }

  .burger_open::before {
    top: 50%;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #f14a58;
  }
}

@media (min-width: 768px) {
  .logo_mobile,
  .burger {
    display: none;
  }

  .header-bag {
    margin-left: 0;
  }
}

/**************/
/*Header bottom*/
/**************/
@media (min-width: 375px) {

  .header-bottom {
    display: none;
  }

  .header-bottom_open {
    display: block;
    position: relative;
  }

  .header-bottom__wrap {
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 1.5rem;
    z-index: 9999;
  }

  .menu {
    font-family: 'Open Sans', sans-serif;
    font-size: 2.4rem;
    line-height: 5rem;
  }

  .menu__list {
    list-style: none;
  }

  .menu__link:hover,
  .menu__link:active,
  .menu__link_active {
    color: #f14a58;
  }

  .search {
    margin-top: 5rem;
  }

  .search__wrap {
    position: relative;
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
    justify-content: flex-start;
  }

  .search__wrap img {
    position: relative;
    width: 1.2rem;
		height: 1.2rem;
    right: 1.2rem;
    pointer-events: none;
  }

  .search__wrap input {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #a8a8a8;
    border-bottom: 2px solid #e5e5e5;
  }
}

@media (min-width: 768px) {
  .logo_desktop,
  .header__email,
  .header-bottom {
    display: block;
  }

  .header-bottom__wrap {
    position: relative;
    width: 100%;
    padding-left: 0;
    background-color: #fff;
    z-index: 1;
    top: 0;
  }

  .menu {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    line-height: 1.15;
  }

  .menu__list {
    display: inline-flex;
  }

  .menu__link {
    padding: 1rem calc(1.2rem + 1vw) 1rem 0;
  }

  .search {
      position: absolute;
      padding-left: 2rem;
      top: 50%;
      right: 0;
      margin: 0;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 20%);
      background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 20%);
      background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 20%);
    }

  .search input {
    width: 2rem;
    opacity: 0;
  }

  .search input:focus {
    width: 15rem;
    opacity: 1;
  }
}

@media (min-width: 1024px) {
  .search input {
    width: 10rem;
    opacity: 1;
  }
}
/***/


/**********/
/**Main**/
/*********/

  /**************/
  /**Best offer**/
  /**************/
@media (min-width: 375px) {
  .best-offer,
  .product-list {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }

  .best-offer__title {
    text-align: center;
  }

  .best-offer__des {
    padding: 1rem;
    /* padding-bottom: 5rem; */
    text-align: center;
  }

  .best-offer-inner {
    display: grid;
		display: -ms-flex;
    grid-template: "slider-wrap  slider-wrap"
                   "equal        main-total-price"
                   "add-to-bag   add-to-bag";
	 -ms-grid-columns: auto auto;
		-ms-grid-rows: auto auto auto;
		margin-bottom: 3rem;
	}

  .equal {
    grid-area: equal;
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .slider-wrap {
    grid-area: slider-wrap;
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
		-ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: flex-start;
		-webkit-box-flex: 0 0 70%;
		-ms-flex: 0 0 70%;
    flex: 0 0 70%;
		margin-top: 4rem;
    margin-bottom: 4rem;
  }

	.slider {
    position: relative;
  }

  .slider__card {
    position: relative;
		max-width: 240px;
    margin: 0 0.5rem;
		text-align: center;
  }

  .slider__card a {
    display: block;
  }

  .slider__card a:hover,
  .slider__card a:active {
    color: #f14a58;
  }

  .best-offer__sign {
		align-self: center;
    margin: 0 0.3rem;
    font-weight: bold;
    font-size: 2.6rem;
  }


  .main-total-price {
    grid-area: main-total-price;
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
		-ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    align-items: flex-start;
    padding: 0 0 3rem;
    text-align: left;
  }

  .main-total-price__old-price {
		-webkit-box-flex: 100%;
		-ms-flex: 100%;
    flex: 100%;
    margin-bottom: 1rem;
    font-size: 1.8rem;
  }

  .main-total-price__new-price {
    font-size: 2.6rem;
    font-weight: bold;
    padding-left: 1rem;
  }

  .add-to-bag {
    grid-area: add-to-bag;
  }


  .slider-control {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3rem;
		cursor: pointer;
		user-select: none;
  }

  .slider-control::before {
		content: '';
    position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		top: 0;
    width: 1rem;
    height: 1rem;
    border-top: 2px solid #f14a58;
    border-left: 2px solid #f14a58;
		cursor: pointer;
		user-select: none;
  }

  .slider-control_up {
    top: -3rem;
  }
  .slider-control_up::before {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .slider-control_down {
    bottom: -3rem;
  }
  .slider-control_down::before {
		-webkit-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
}

@media (min-width: 768px) {
  .best-offer-inner {
    display: grid;
		display: -ms-flex;
    grid-template: "slider-wrap  equal       main-total-price"
                   "add-to-bag   add-to-bag  add-to-bag";
	  -ms-grid-columns: auto auto auto;
	  -ms-grid-rows: auto auto;
	}

  .equal {
    justify-content: center;
  }

  .main-total-price {
		-ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
  }

  .main-total-price__old-price {
		-webkit-box-flex: 0;
		-ms-flex: 0;
    flex: 0;
  }

  .main-total-price__new-price {
    margin-bottom: 3rem;
  }
}

@media (min-width: 1024px) {
  .best-offer-inner {
    display: grid;
		display: -ms-flex;
    grid-template: "slider-wrap  equal  main-total-price"
                   "slider-wrap  equal  main-total-price"
                   "slider-wrap  equal  add-to-bag";
  }

  .main-total-price__new-price {
    margin-bottom: 0;
  }

  .main-total-price {
    justify-content: flex-end;
    padding-bottom: 5rem;;
  }

  .main-total-price {
    align-items: center;
  }
}

  /*****************/
  /**New Arrivals**/
  /*****************/
@media (min-width: 375px) {
  .product-list {
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
		-ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    align-items: center;
  }

  .product-list__title {
    font-size: 2.6rem;
    text-align: center;
    padding-bottom: 3rem;
  }

  .cards-wrap {
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
		-ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 5rem;
  }

  .card {
		-webkit-box-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 240px;
    text-align: center;
    padding: 1.5rem 1rem;
  }

  .card a:hover,
  .card a:active {
    color: #f14a58;
  }

  .card-inner {
    position: relative;
  }

  .card__title {
    font-size: 1.2rem;
    font-weight: bold;
    padding: 1.5rem 0 1rem;
  }

  .card__price {
    font-size: 1.2rem;
  }

  .card__img {
    position: relative;
  }

  .card__img::after {
    content: '';
    position: absolute;
		top: 0;
    left: 0;
    width: 100%;
    height: 100%;
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6rem;
    color: #f14a58;
    background-color: rgba(0,0,0,0);
    opacity: 0;
		-webkit-transition: 0.2s;
		-moz-transition:  0.2s;
		-ms-transition:  0.2s;
		-o-transition: 0.2s;
    transition: 0.2s;
		z-index: 39;
		pointer-events: none;
  }

  .card__img:hover::after,
  .card__img:active::after {
    content: 'View item';
    opacity: 1;
    background-color: rgba(0,0,0,0.5);
		-webkit-transition: 0.2s;
		-moz-transition:  0.2s;
		-ms-transition:  0.2s;
		-o-transition: 0.2s;
    transition:  0.2s;
  }

}

@media (min-width: 768px) {
  /* .card:nth-child(-n + 3) {
    display: block;
  } */

  .card {
		-webkit-box-flex: 0 0 33.333%;
		-ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
  }
}

@media (min-width: 1024px) {
  .card {
		-webkit-box-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }

  /* .card:nth-child(-n + 4) {
    display: block;
  } */
}


/************/
/**Footer**/
/************/
@media (min-width: 375px) {
  .footer {
    display: grid;
		display: -ms-flex;
    grid-template: "footer-left-up footer-left-up"
                   "footer-right-down footer-right-down"
                   "legal-notice footer-social"
                   "footer-bottom footer-bottom";
	  -ms-grid-columns: auto auto;
	  -ms-grid-rows: auto auto auto auto;
	}

  .footer a:hover,
  .footer a:active {
    text-decoration: underline;
  }

  .footer-inner {
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
  }

  .footer-left-up {
    grid-area: footer-left-up;
  }

  .footer-left-up .footer-inner {
		-ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }

  .footer-right-down {
    grid-area: footer-right-down;
  }

  .footer-right-down .footer-inner {
		-ms-flex-flow: row nowrap;
    flex-flow: row nowrap;;
  }

  .footer-right-down .links-list:first-child {
    border-right: 1px solid #e5e5e5;
  }

  .footer-right-down .links-list h6 {
    padding-bottom: 0.5rem;
  }

  .links-list {
    padding: 2rem 1rem 3rem;
		-webkit-box-flex: 50%;
		-ms-flex: 50%;
    flex: 50%;
  }

  .links-list h6 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    padding-bottom: 1rem;
  }

  .links-list ul {
    list-style: none;
    font-size: 1.2rem;
  }

  .links-list a {
    line-height: 2.5;
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
    align-items: center;
  }

  .links-list img {
    margin-right: 0.5rem;
  }

  .links-list img,
  .footer-social img {
    width: 1.5rem;
    display: inline-block;
  }

  .footer-slogan {
    display: none;
  }


  /**footer-legal-notice**/
  .legal-notice {
    grid-area: legal-notice;
  }

  .legal-notice ul {
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
    align-items: center;
  }

  .legal-notice li {
    padding: 1.5rem 0;
    padding-right: calc(1rem + 1vw);
    list-style: none;
  }

  .legal-notice a {
    padding: 1.5rem 0;
    padding-right: 1rem;
    font-weight: bold;
  }

  .footer-social {
    grid-area: footer-social;
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .footer-social a + a {
    padding-left: 1rem;
  }


  /**footer-bottom**/
  .footer-bottom {
    grid-area: footer-bottom;
    font-weight: bold;
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 0;
  }

  .share span {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
  }

  .share__link {
    display: inline-block;
    position: relative;
    background-color: #f4f4f4;
    padding: 0.2rem;
    border-radius: 2px;
    margin-left: 0.7rem;
  }

  .share__link::before {
    content: '';
    position: absolute;
    left: -1rem;
    top: 0.25rem;
    border: 0.5rem solid transparent;
    border-right: 0.5rem solid #f4f4f4;
  }
}

@media (min-width: 768px) {
  .footer {
    display: grid;
		display: -ms-flex;
    grid-template: "footer-left-up footer-right-down"
                   "footer-left-up footer-social"
                   "footer-bottom legal-notice";
	  -ms-grid-columns: auto auto;
		-ms-grid-rows: auto auto auto;
  }

  .footer-right-down {
    margin-left: 5rem;
  }

  .footer-right-down .links-list:first-child {
    border: none;
  }

  .footer-right-down .line-separator {
    display: none;
  }

  .footer-right-down .footer-inner {
		-ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }

  .footer-right-down .links-list {
    padding-bottom: 0;
    padding-left: 0;
  }

  .footer-social {
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 5rem;
  }

  .legal-notice {
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
    justify-content: space-between;
    margin-left: 5rem;
  }

  .legal-notice .line-separator {
    display: none;
  }
}

@media (min-width: 1024px) {
  .footer-slogan {
    grid-area: footer-slogan;
    display: block;
    width: 50%;
    margin-left: 5rem;
  }

  .footer {
    display: grid;
		display: -ms-flex;
    grid-template: "footer-left-up footer-right-down"
                   "footer-left-up footer-slogan"
                   "footer-left-up footer-social"
                   "footer-bottom legal-notice";
	  -ms-grid-columns: 50% 50%;
		-ms-grid-rows: auto auto auto auto;
    grid-template-columns: 50% 50%;

  }

  .footer-right-down .footer-inner {
		-ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }

  .footer-left-up {
    border-right: 1px solid #e5e5e5;
  }

  .footer-social {
    margin-top: 1rem;
    margin-bottom: 3rem;
  }

  .legal-notice {
		display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
    justify-content: flex-end;
  }

  .footer-bottom {
    margin-right: -3rem;
  }
}

.subscribe-wrap {
	display: flex;
	justify-content: center;
	text-align: center;
}

.subscribe-wrap input {
	padding: 0.5rem 1rem;
	border: 1px solid gray;
}

.success {
	color: green;
}

.error {
	color: red;
}

.search-form .submit{
	display: none;
}

.header {
	position: sticky;
	top: 0;
	z-index: 99999;
	background-color: #fff;
}