/* ---- Specification ---- */
html {
    scroll-behavior: smooth;
	height: 100%;
}

body {
	padding: 0;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 17px;
	color: #000000;
	min-height: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
}

* {
	box-sizing: border-box;
}

ul, li {
	display: block;
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	font-weight: 500;
	line-height: 1.1em;
	letter-spacing: 0.02em;
}

h1 {
	font-size: 55px;
}

h2 {
	font-size: 40px;
}

h3 {
	font-size: 25px;
	line-height: 1.4em;
}

p {
	margin: 0;
	line-height: 1.4em;
	font-size: 17px;
	letter-spacing: 0.02em;
}

button {
    background: transparent;
	cursor: pointer;
	border: none;
	outline: none;
    }

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

.container_flex {
	display: flex;
	justify-content: space-between;
}

a {
	text-decoration: none;
	color: #000;
}

input:focus {
	outline: none;
}

.section-title {
	text-align: left;
	margin-bottom: 92px;
}

.arrow-down {
	background: url('../img/Arrow-down.svg') no-repeat;
	background-color: rgba(110, 156, 159, 0.1);
	width: 67px;
	height: 67px;
	background-position: 50% 50%;
	display: block;
	transition: all 0.5s ease;
}

.arrow-down:hover {
	background-color: rgba(110, 156, 159, 0.5);
	transition: all 0.5s ease;
}

.btn {
	font-weight: 400;
	text-align: center;
	font-size: 17px;
	letter-spacing: 0.02em;
	padding: 22px 0px;
	line-height: 1.39em;
	display: block;
	transition: background  0.5s ease;
}

.btn:hover {
	transition: background 0.5s ease;
}

/* modal window - universal*/

.body-fixed {
    padding-right: 16px;
    overflow: hidden;
}

.modal {
    display: none;
}

.modal2 {
    display: none;
}

.modal-active {
    display: initial;
}

.modal-overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(110, 156, 159, 0.95);
}

.modal-window {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	width: 491px;
	height: 503px;
    z-index: 3;
    background-color: #ffffff;
	padding: 32px 32px 70px 70px;
}

.modal-window2 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	width: 600px;
	height: 278px;
    z-index: 3;
    background-color: #ffffff;
	padding: 70px;
}

.modal-close {
	background: url('../img/close.svg') no-repeat;
	background-size: 100%;
	display: block;
	width: 15px;
	height: 15px;
	margin-left: auto;
}

.modal-title {
	text-align: center;
	padding: 24px 38px 0 0;
}

.modal-title2 {
	text-align: center;
}

.form-book {
    background: #fff;
    margin: 0 auto;
	padding: 0 38px 0 0;
}

.form-book__input {
    border: none;
	border-bottom: 1px solid #000000;
    font-family: inherit;
    font-size: 15px;
    width: 100%;
    padding: 35px 0 16px 0;
}

.modal__btn {
    background: #6E9C9F;
	color: #FFFFFF;
	margin: 35px 0 0 0;
	width: 100%;
}

.modal__btn:hover {
	background: #509498;
}

.modal2__btn {
	color: #6E9C9F;
	border: 1px solid #6E9C9F;
	display: block;
	width: 243px;
	margin: 35px auto 0;
	transition: all  0.5s ease;
}

.modal2__btn:hover {
	background: #6E9C9F;
	color: #FFFFFF;
	transition: all  0.5s ease;
}

/* sticky header */

.sticky-bar {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
	padding: 37px 0 90px 0;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
    z-index: 9999;
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    background: #fff;
}

/* ---- header - general ---- */
.header {
	padding: 51px 0 0 0;
}

.header_add-background {
	background: linear-gradient(0deg, rgba(241, 234, 220, 1) 100%, rgba(241, 234, 220, 1) 100%) right  / 43% 100% no-repeat;
	padding: 51px 0 60px 0;
}

.nav {
	display: flex;
	justify-content: space-between;
}

.nav-cheeseburger {
	background: url('../img/hamburger.svg') no-repeat;
	background-color: #6E9C9F;
	border: 1px solid #6E9C9F;
	width: 25px;
	height: 25px;
	display: none;
	margin: 0 0 0 0;
	background-size: 100% 100%;
}

.cheeseburger-menu {
	position: absolute;
	top: 100px;
	z-index: 9999;
	display: block
}
.cheeseburger-menu__list {
	display: flex;
	flex-direction: column;
	gap: 15px;
	background-color: #F1EADC;
	padding: 20px 40px;
}

.cheeseburger-menu__list_active {
	display: none;
}

.cheeseburger-menu__item a {
	color: #000000;
	font-size: 15px;
}

.cheeseburger-menu__item a:hover {
	color: #6E9C9F;
}

.cheeseburger-menu__item ul {
	margin: 15px 0 0 15px;
	color: #000000;
	font-size: 15px;
	display: flex;
	flex-direction: column;
	gap: 7px
}

.cheeseburger-menu__sub-list {
  font-size: 14px;
  margin: 0 0 0 10px;
  display: flex;
  flex-direction: column;
  gap: 10px
}

.nav-logo {
	background: url('../img/logo.svg');
	width: 139px;
	height: 25px;
	display: block;
	margin-right: auto;
}

.nav-menu {
	display: block;
	margin: 3px 0 4px 0;
}

.nav-menu__list {
	display: flex;
	gap: 45px;
}

.nav-menu__item a {
	color: #000000;
	font-size: 15px;
	display: block;
}

.nav-menu__item ul {
	position: absolute;
	margin: 5px 0 0 5px;
	color: #000000;
	font-size: 14px;
	display: flex;
	flex-direction: column;
	gap: 3px
}

.nav-menu__item.nav-menu__item_active ul li a {
	color: #000000;
}

.nav-menu__hidden {
	display: none!important;
}

.nav-menu__item a:hover, .nav-menu__item.nav-menu__item_active ul li a:hover {
	color: #6E9C9F;
}

.sub-menu li a {
	color: #000000;
}

.nav-menu__item_active a {
	color: #6E9C9F;
}

.nav-links {
	display: flex;
	margin-left: auto;
	align-items: center;
	justify-content: space-between;
}

.nav-phone-icon {
	background: url('../img/telephone1.svg') no-repeat;
	width: 27px;
	height: 27px;
	display: block;
	background-position: 55% 45%;
}

.nav-phone-icon:hover {
	background: url('../img/telephone2.svg') no-repeat;
	width: 27px;
	height: 27px;
	display: block;
	background-color: #6E9C9F;
	background-position: 55% 45%;
}

.nav-number {
	display: block;
	font-weight: 400;
	font-size: 15px;
	color: #000000;
	line-height: 1.4em;
	margin: 0 67px 0 9px;
}

.nav-number:hover {
	color: #6E9C9F;
}

.nav-busket {
	background: url('../img/shopping-bags 1.svg') ;
	width: 24px;
	height: 24px;
	display: block;
	position: relative;
}

#nav-busket {
	position: absolute;
	left: 15px;
	top: -15px;
	color: rgb(243, 8, 8);
	border: 2px solid rgb(72, 255, 0);;
	border-radius: 100%;
	padding: 2px 4px;
	line-height: 1.5em;
	font-size: 12px;
}

.offer {
	display: flex;
	align-items: center;
	margin: 41px 0 0 0;
	justify-content: space-between;
}

.offer-slides {
	min-width: 0;
	max-width: 563px;
}

.offer__wrap-big {
	width: 385px;
}

.offer__intro {
	font-size: 20px;
	text-align: right;
	width: 385px;
	margin: 45px 0 52px 0;
}

.offer__buttons {
	display: flex;
	justify-content: right;
	width: 385px;
}

.offer__btn {
	background: #6E9C9F;
	width: 243px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.offer__btn:hover {
	background: #509498;
}

.offer-slider {
	max-width: 410px;
	max-height: 646px;
}

.offer-slider__img {
	width: 410px;
	height: 646px;
}

.offer-slider::after {
	content: "";
	background-image: url('../img/photo2.png');
	width: 150px;
	height: 150px;
	right: -45px;
	background-size: 100% 100%;
	top: 155px;
	position: absolute;
	display: block;
	z-index: 1;
}

.offer-slider::before {
	content: "";
	background-image: url('../img/photo3.jpg');
	width: 190px;
	height: 318px;
	left: -130px;
	background-size: 100% 100%;
	top: 388px;
	position: absolute;
	display: block;
	z-index: 1;
}

/* ---- collections - general ---- */

.collections {
	padding:  130px 0 0 0;
	position: relative;
}

.collections-images {
	display: flex;
	justify-content: space-between;
}

.collections-images__card {
	display: none;
	position: relative;
	transition: all .5s ease-in;
	align-items: center;
}

.collections-images__card_active {
	display: block
 }
 
.collections-images__image {
	display: block;
	width: 350px;
	height: 478px;
}

.collections-images__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 350px;
  height: 478px;
  opacity: 0;
  visibility: none;
  transition: .5s ease;
  background: rgba(110, 156, 159, 0.64) url('../img/Vector-right.svg') no-repeat;
  background-position: 50% 50%;
}

.collections-images__card:hover .collections-images__overlay {
  opacity: 1;
}

.collections-images__desc {
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	display: block;
	margin: 24px 0 7px 0;
	text-align: center;
	letter-spacing: 0.02em;
}

.collections-images__prices {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px
}

.collections-images__single-prices {
	display: flex;
}

.collections-images__old-price, .collections-images__old-dollar  {
	font-weight: 500;
	font-size: 15px;
	line-height: 140%;
	display: block;
	letter-spacing: 0.02em;
	text-decoration-line: line-through;
	text-align: center;
	color: #9C9C9C;
}
.collections-images__true-price, .collections-images__true-dollar {
	font-weight: 500;
	display: block;
	font-size: 15px;
	line-height: 140%;
	letter-spacing: 0.02em;
	color: #9C9C9C;
	text-align: center;
}

.collections-images__btn {
	color: #6E9C9F;
	border: 1px solid #6E9C9F;
	display: block;
	margin: 65px auto 0;
	transition: all  0.5s ease;
	width: 243px;
}

.collections-images__btn:hover {
	background: #6E9C9F;
	color: #FFFFFF;
	transition: all  0.5s ease;
}

/*Importance - general*/

.importance {
	padding:  130px 0 0 0;
}

.importance-wrapper {
	display: flex;
	justify-content: space-between;
	gap:  75px;
}

.importance-card__image {
	width: 61px;
	height: 61px;
	display: block;
}

.importance-card__title {
	display: block;
	margin: 37px 0 24px 0;
}

/*dream-team - general*/

.dream-team {
	padding:  130px 0 138px 0;
}

.dream-team-slider {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dream-team-desc {
	display: flex;
	flex-direction: column;
	width: 255px;
	gap: 28px;
}

.dream-team-desc-link {
	color: #6E9C9F;
	transition: underline  0.5s ease;
}

.dream-team-desc-link:hover {
	color: #509498;
	text-decoration: underline #CEDEDF;
	text-underline-offset: 5px;
	transition: underline  0.5s ease;
}

  /*footer - universal*/

.footer {
	background: #F1EADC;
	color: #000000;
	padding: 104px 0 101px 0;
	font-size: 15px;
	line-height: 1.4em;
	transition: opacity 0.5s ease;
}

.footer a {
	color: #000000;
}

.footer a:hover {
	color:  #6E9C9F;
	transition: all 0.5s ease;
}

.footer-content {
  display: flex;
  justify-content: space-between;
}

.footer-content__item {
	align-items: center;
}

.footer-content__logo {
	background: url('../img/logo.svg');
	width: 139px;
	height: 25px;
	display: block;
	margin: 0 0 70px 0;
}

.footer-content__wrapper {
	display: flex;
	flex-direction: column;
	gap: 6px
}

.footer-content__policy {
	display: inline;
}

.footer-content__list  {
	display: flex;
	gap: 45px
}

.footer-content__links ul {
	margin: 39px 0 0 0;
	display: flex;
	flex-direction: column;
	gap: 10px
}

.footer-content__contacts {
	display: flex;
	flex-direction: column;
}

.footer-content__number {
	display: flex;
	margin: 0 0 9px auto;
}

.footer-content__email {
	display: flex;
	margin: 0 0 30px auto;
}

.footer-content__subscribe-list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 0 30px auto;
}

.footer-content__instagram {
	background: url('../img/instagram.svg') no-repeat;
	display: block;
	width: 22px;
	height: 22px;
	background-size: 100%;
}

.footer-content__facebook {
	background: url('../img/facebook.svg') no-repeat;
	display: block;
	background-size: 100%;
	width: 30px;
	height: 30px;
}

.footer-content__twitter {
	background: url('../img/twitter.svg') no-repeat;
	background-size: 100%;
	display: block;
	width: 23px;
	height: 23px;
}

.footer-content__visa {
	background: url('../img/visa-mastercard.png') no-repeat;
	background-size: 100%;
	display: block;
	width: 68px;
	margin-left: auto;
	height: 22px;
}

/* offer-shop - shop*/

.offer-shop {
	padding: 110px 0 84px 0;
}

.offer-shop__title {
	margin: 0 0 26px 0;
}

.offer-shop__bread-crumbs {
	display: flex;
	gap: 13px
}

.offer-shop__current-page {
	color: #909090;
}

/* collections-shop - shop*/

.collections-shop {
	padding: 130px 0 130px 0;
}

.collections-tabs {
    display: flex;
	justify-content: space-between;
}

.collections-tabs__btn {
    font-weight: 500;
	font-size: 17px;
	line-height: 1.4em;
	letter-spacing: 0.02em;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000000;	
	padding: 19px 65px;
}

.collections-tabs__btn_active {
	background-color: #000000;
	color: #fff;
}

.collections-product-numbers_top {
	padding: 92px 0 65px 0;
	color: #808080;
}

.collections-product-numbers_bottom {
	padding: 65px 0;
	color: #808080;
}

.collections-product-numbers_none {
	display: none;
}

.collections-images_shop {
	display: grid;
	grid-column-gap: 30px;
	grid-template-columns: repeat(3, 350px);
	grid-row-gap: 65px;
}

.collections-shop__pages {
	display: flex;
	justify-content: center;
	gap: 14px;
	align-items: center;
}

.collections-shop__pages_none {
	display: none;
}

.collections-shop__number-page {
	padding: 9px 17px;
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
	display: block;
}

.show {
	display: none;
}

.collections-shop__number-page_active {
	background-color: #000;
	color: #fff;
}

.collections-shop__next-page {
	display: block;
}

.collections-shop__next-page {
	background: url('../img/vector-right-black.svg') no-repeat;
	width: 41px;
	height: 41px;
	background-position: 50% 50%;
	display: block;
	transition: all 0.5s ease;
}

.collections-shop__next-page:hover {
	background-color: rgba(110, 156, 159, 0.5);
	transition: all 0.5s ease;
}

/* single-collection - one item */

.single-collection__card {
	display: flex;
    align-items: center;
	gap: 74px
}

.single-collection__image {
	display: block;
	width: 536px;
	height: 729px;
}

.single-collection__wrapper {
	display: flex;
	flex-direction: column;
	gap: 59px;
	text-align: left;
}

.single-collection__price-wrap {
	display: flex;
	gap: 29px;
	align-items: center;
}

.single-collection__new-price, .single-collection__dollar {
	font-size: 40px;
	line-height: 1.1em;
	letter-spacing: 0.02em;
	color: #998E78;
}

.single-collection__old-price {
	font-size: 30px;
	line-height: 1.1em;
	letter-spacing: 0.02em;
	color: #9C9C9C;
	text-decoration-line: line-through;
}

/* radio - one item */

.single-collection__choser {
	display: flex;
	flex-direction: column;
	gap: 34px
}

.single-collection__title {
	font-size: 20px;
}

.single-collection__check_size {
    display: flex;
	gap: 14px;
}

.single-collection__check_size input[type="radio"] {
    display: none;
}

.single-collection__check_size label {
	font-weight: 500;
	font-size: 17px;
	line-height: 1.4em;
	letter-spacing: 0.02em;
	padding: 8px 14px;
	width: 41px;
	height: 41px;
    cursor: pointer;
    border: 1px solid #000;
}

.single-collection__check_size label:nth-child(4) {
	padding: 8px 12px;
}

.single-collection__check_size label:nth-child(8) {
	padding: 8px 9px;
}

.single-collection__check_size label:nth-child(10) {
	padding: 8px 5px;
}

.single-collection__check_size input[type="radio"]:checked+label {
    background-color: #000;
	color: #fff;
	transition: all 0.5s ease;
}

.single-collection__check_size label:hover {
	background-color: #000;
	color: #fff;
	transition: all 0.5s ease;
}

.single-collection__check_color {
    display: flex;
	gap: 14px;
}

.single-collection__check_color input[type="radio"] {
    display: none;
}

.single-collection__check_color label {
	width: 41px;
	height: 41px;
    cursor: pointer;
	border-radius: 100px;
}

.single-collection__check_color label:nth-child(2) {
	background: linear-gradient(0deg, #927876, #927876), #927876;
}

.single-collection__check_color label:nth-child(4) {
	background: #D5D5D5;
}

.single-collection__check_color label:nth-child(6) {
	background: #FD9696;
}

.single-collection__check_color label:nth-child(8) {
	background: #FDC796;
}

.single-collection__check_color input[type="radio"]:checked+label {
	border: 1px solid #000;
	transition: all 0.5s ease;
}

.single-collection__check_color label:hover {
	border: 1px solid #000;
	transition: all 0.5s ease;
}

.single-collection__wrap-basket {
	display: flex;
	gap: 11px;
}

.single-collection__count {
	width: 68px;
	height: 68px;
    border: 1px solid #AFAFAF;
    -moz-appearance: textfield;
    text-align: center;
}

.single-collection__count::-webkit-inner-spin-button {
    display: none;
}

.single-collection__btn {
	background: #6E9C9F;
	color: #FFFFFF;
	width: 268px;
}

.single-collection__btn:hover {
	background: #509498;
}

/* other-collections - one item*/

.other-collections {
	padding: 130px 0 134px 0;
}

.other-collections__title {
	margin: 0 0 67px 0;
}

.other-collections__wrapper {
	display: flex;
	gap: 30px
}

/* about */

.about {
	padding: 0 0 130px 0;
}

.about__wrapper {
	display: flex;
	gap: 94px;
	align-items: center;
	margin: 0 0 130px 0;
}

.about__wrapper_reverse {
	flex-direction: row-reverse;
}

.about__img {
	width: 442px;
	height: 547px;
}

.about__desc {
	display: flex;
	flex-direction: column;
	gap: 46px
}

.about__btn {
	background: #6E9C9F;
	color: #FFFFFF;
	width: 268px;
	margin: 0 auto;
}

.about__btn:hover {
	background: #509498;
}

/* contacts */

.contacts__googlemap {
	width: 100%;
	height: 476px;
}

.contacts__links {
	padding: 130px 0;
}

.contacts__wrapper {
	display: flex;
	gap: 98px
}

.contacts__object {
	display: flex;
	flex-direction: column;
	gap: 19px
}

.contacts__object span {
	font-weight: 500;
	font-size: 17px;
	line-height: 1.4em;
	letter-spacing: 0.02em;
	color: #000000;
}

.contacts__form {
	width: 443px;
	margin: 130px 0 0 0;
}

.contacts__form-book {
    background: #fff;
    margin: 0;
	padding: 37px 0 0 0;
	width: 443px;
}

.contacts__form-book-input {
    border: none;
	border-bottom: 1px solid #000000;
    font-family: inherit;
    font-size: 15px;
	display: block;
    width: 350px;
    padding: 35px 0 16px 0;
}

.contacts__form-book-input_message {
    border: none;
	border-bottom: 1px solid #000000;
    font-family: inherit;
	display: block;
    font-size: 15px;
    width: 100%;
    padding: 35px 0 110px 0;
}

.contacts__btn {
	width: 189px;
	background: #6E9C9F;
	color: #FFFFFF;
	margin: 35px 0 0 0;
}

.contacts__btn:hover {
	background: #509498;
}

.contacts__delivered-message {
	margin: 130px 0 0 0;
	background-color: #F1EADC;
	font-weight: 500;
	font-size: 17px;
	line-height: 1.4em;
	letter-spacing: 0.02em;
	width: 443px;
	text-align: center;
	padding: 30px 76px;
}

.contacts__delivered-message_hide {
	display: none;
}

/* cart */

.cart {
	padding: 0 0 130px 0;
}

.cart__header {
	display: flex;
	padding: 0 0 26px 0;
	border-bottom: 1px solid #CCCCCC;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.4em;
	letter-spacing: 0.02em;
}

.cart__title {
	width: 20%
}

.cart__title:nth-child(1) {
	width: 40%
}

.cart__desc {
	display: flex;
	margin: 49px 0 0 0;
	font-weight: 500;
	font-size: 17px;
	line-height: 1.4em;
	letter-spacing: 0.02em;
}

.cart__item:nth-child(1) {
	width: 40%
}

.cart__item {
	display: flex;
	vertical-align: middle;
	align-items: center;
	width: 20%;
	gap: 45px;
}

.cart__link {
	display: flex;
	vertical-align: middle;
	align-items: center;
	gap: 45px;
}

.cart__close {
	background: url('../img/close.svg') no-repeat;
	background-size: 100%;
	display: block;
	width: 15px;
	height: 15px;
}

.cart__img {
	width: 125px;
	height: 179px;
}

.cart__count {
    width: 47px;
    height: 47px;
    border: 1px solid #AFAFAF;
    -moz-appearance: textfield;
    text-align: center;
}

.cart__count::-webkit-inner-spin-button {
    display: none;
}

.cart__coupon {
	display: flex;
	justify-content: space-between;
	margin: 72px 0 0 0;
}

.form-coupon {
	display: flex;
	gap: 16px;
}

.form-coupon__input {
	margin-top: 32px;
    display: block;
    border: none;
    border-bottom: 1px solid #000000;
    padding-bottom: 16px;
    width: 255px;
    font-size: 17px;
}

.coupon__btn {
	color: #6E9C9F;
	border: 1px solid #6E9C9F;
	display: block;
	transition: all  0.5s ease;
	width: 248px;
}

.coupon__btn:hover {
	background: #6E9C9F;
	color: #FFFFFF;
	transition: all  0.5s ease;
}

.cart__basket-btn {
	color: #6E9C9F;
	border: 1px solid #6E9C9F;
	display: block;
	transition: all  0.5s ease;
	width: 248px;
}

.cart__basket-btn:hover {
	background: #6E9C9F;
	color: #FFFFFF;
	transition: all  0.5s ease;
}

.cart__order {
	display: flex;
	flex-direction: column;
	gap: 28px;
	width: 45%;
	margin: 88px 0 0 auto
}

.cart__result {
	display: flex;
	gap: 20px
}

.cart__order-wrapper {
	display: flex;
	gap: 15px;
}

.cart__output {
	background-color: #F1EADC;
	padding: 16px 51px 17px 31px;
	display: flex;
	align-items: center;
	gap: 69px
}

.cart__order-btn {
	background: #6E9C9F;
	width: 243px;
	color: #FFFFFF;
}

.cart__order-btn:hover {
	background: #509498;
}

/* checkout */

.checkout {
	padding: 0 0 130px 0;
}

.checkout__wrapper {
	display: flex;
	gap: 295px
}

.checkout__form-book {
    background: #fff;
	width: 350px;
}

.checkout__title {
	margin: 0 0 12px 0
}

.checkout__title:not(:first-child) {
	margin-top: 81px
}

.checkout__form-book-input {
    border: none;
	border-bottom: 1px solid #000000;
    font-family: inherit;
    font-size: 17px;
	display: block;
    width: 100%;
    padding: 35px 0 16px 0;
}

.checkout__form-book-input_message {
    padding: 35px 0 110px 0;
}

.checkout__order {
	display: flex;
	flex-direction: column;
	gap: 145px;
	width: 50%;
}

.checkout__order-title {
	margin: 0 0 33px 24px;
}

.checkout__order-title_nonemargin {
	margin: 0;
}

.checkout__order-wrapper {
	display: flex;
	gap: 0px;
	text-align: left;
	padding: 14px 24px;
}

.checkout__order-wrapper_background {
	background-color: #F1EADC;
}

.checkout__order-item {
	font-weight: 500;
	width: 100%;
	line-height: 1.4em;
	letter-spacing: 0.02em;
	color: #000000;
}

.checkout__order-item_big {
	font-size: 20px;
}

.checkout__order-item_small {
	font-size: 17px;
}

.checkout__btn {
	width: 246px;
	background: #6E9C9F;
	color: #FFFFFF;
	margin: 0;
}

.checkout__btn:hover {
	background: #509498;
}

.checkout__check_color {
    display: flex;
	gap: 14px;
}

.checkout__pay {
	display: flex;
	flex-direction: column;
	gap: 47px
}

.checkout__checkbox {
	display: flex;
	gap: 14px
}

.checkout__checkbox input[type="checkbox"]:checked, 
.checkout__checkbox input[type="checkbox"]:not(:checked)
{
    position: absolute;
    left: -9999px;
}

.checkout__checkbox input[type="checkbox"]:checked + label, 
.checkout__checkbox input[type="checkbox"]:not(:checked) + label {
    
    position: relative;
    padding-left: 28px;
    line-height: 20px;
    cursor: pointer;
}

.checkout__checkbox input[type="checkbox"]:checked + label:before, 
.checkout__checkbox input[type="checkbox"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
	width: 22px;
	height: 22px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
}

.checkout__checkbox input[type="checkbox"]:checked + label:after, 
.checkout__checkbox input[type="checkbox"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.checkout__checkbox input[type="checkbox"]:checked + label:after, 
.checkout__checkbox input[type="checkbox"]:not(:checked) + label:after {
	content: "";
	background-color: #000;
    left: 7px;
    top: 7px;
    width: 10px;
    height: 10px;
}

.checkout__checkbox input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}

.checkout__checkbox input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

/* success */

.success__wrapper {
	display: flex;
	align-items: center;
	vertical-align: middle;
	gap: 44px;
	padding: 75px 0 136px 0;
}

.success__img {
	width: 72px;
	height: 84px
}

.success__message {
	display: flex;
	flex-direction: column;
	gap: 17px
}

.success__btn {
	color: #6E9C9F;
	border: 1px solid #6E9C9F;
	display: block;
	margin-left:  auto;
	transition: all  0.5s ease;
	width: 272px;
}

.success__btn:hover {
	background: #6E9C9F;
	color: #FFFFFF;
	transition: all  0.5s ease;
}