@font-face {
    font-family: 'OpenSans-Italic';
    src: url('../fonts/OpenSans-Italic.woff2') format('woff2'),
        url('../fonts/OpenSans-Italic.woff') format('woff');
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans-Light.woff') format('woff');
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff');
}

@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff');
}

@font-face {
    font-family: 'ConstaneRegular';
    src: url('../fonts/ConstaneRegular.woff2') format('woff2'),
        url('../fonts/ConstaneRegular.woff') format('woff');
}

@font-face {
    font-family: 'BodoniSvtyTwoITCTT-Bold';
    src: url('../fonts/BodoniSvtyTwoITCTT-Bold.woff2') format('woff2'),
        url('../fonts/BodoniSvtyTwoITCTT-Bold.woff') format('woff');
    font-weight: normal;
}

@font-face {
    font-family: 'BodoniSvtyTwoITCTT-Book';
    src: url('../fonts/BodoniSvtyTwoITCTT-Book.woff2') format('woff2'),
        url('../fonts/BodoniSvtyTwoITCTT-Book.woff') format('woff');
}

@font-face {
    font-family: 'BodoniSvtyTwoITCTT-BookIta';
    src: url('../fonts/BodoniSvtyTwoITCTT-BookIta.woff2') format('woff2'),
        url('../fonts/BodoniSvtyTwoITCTT-BookIta.woff') format('woff');
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: 'OpenSans-Light', sans-serif;
	font-size: 19px;
	line-height: 1.58;
	color: #1F1F1F;
	background: #FAFAFA;
	letter-spacing: 0.03em;
}

@media(max-width: 600px) {
    body {
        font-size: 15px;
    }
}

.header {
    background: #FAFAFA;
}

.header__logo {
    height: 25px;
}

@media(max-width: 600px) {
    .header__logo {
        height: 20px;
    }
}




h1 {
    font-family: 'BodoniSvtyTwoITCTT-Book', serif;
	font-size: 60px;
	line-height: 1.2;
	text-transform: none;
	font-weight: normal;
	letter-spacing: 0.05em;
}

@media(max-width: 600px) {
	h1 {
	    font-size: 37px;
	}
}

.h3--section {
	border-color: #707070;
	font-family: 'BodoniSvtyTwoITCTT-Book', serif;
	font-weight: normal;
	text-transform: none;
	font-size: 19px;
	letter-spacing: 0.03em;
	line-height: 1.2;
	border-color: #707070;
}

@media(max-width: 600px) {
    .h3--section {
        font-size: 15px;
    }
}

.cartItem__content {
    font-size: 17px;
}

@media(max-width: 600px) {
    .cartItem__content {
        font-size: 15px;
    }
}

.cartItem__title {
    font-family: 'BodoniSvtyTwoITCTT-Book', serif;
    text-transform: none;
    letter-spacing: .05em;
    font-weight: normal;
    font-size: 22px;
}

@media(max-width: 600px) {
    .cartItem__title {
        font-size: 17px;
    }
}

.cartItem__button:hover,
.textButton:hover {
    opacity: 0.7;
    color: currentColor;
}

.asideBox {
    background-color: #EEEDEB;
}

.cartItem__priceTotal,
.orderSummary__row--total {
    font-family: 'OpenSans-SemiBold', sans-serif;
    font-weight: normal;
}

.orderSummary {
    font-size: 17px;
}

@media(max-width: 600px) {
    .orderSummary {
        font-size: 15px;
    }
}

.orderSummary__row--total span {
    font-family: 'OpenSans-Light', sans-serif;
}

.button {
    appearance: none;
    cursor: pointer;
	display: inline-flex;
	align-items: center;
	padding: 5px 15px;
	justify-content: center;
	text-align: center;
	min-height: 48px;
	font-size: 17px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	line-height: 1.2;
	border: 1px solid currentColor;
	transition: all .2s ease;
	background-color: transparent;
	color: inherit;
	font-family: 'OpenSans-Light', sans-serif;
	font-weight: normal;
}

.button:hover,
.button-filled:hover {
    background-color: #D6D2C9;
    color: inherit;
    border: 1px solid currentColor;
}

.button--filled {
    min-height: 63px;
	padding: 5px 15px;
	font-family: 'OpenSans-SemiBold', sans-serif;
	background-color: #D6D2C9;
	border: none;
}

.button--filled:hover {
	background-color: #DCDBE4;
	border: none;
}

.button--small {
    min-height: 42px;
    padding: 5px 15px;
    font-size: 15px;
}

.cartItem__quantityInputButton {
    background-color: #D6D2C9;
}

.cartItem__quantityInputField {
    background-color: #EEEDEB;
}

.progress__number {
    color: #1F1F1F;
    box-shadow: 0 0 0 15px #FAFAFA;
    color: inherit;
    font-weight: normal;
    font-family: 'OpenSans-SemiBold', sans-serif;
    border-color: currentColor;
    background: #FAFAFA;
}

.active .progress__number {
    background: #D6D2C9;
    color: #1F1F1F;
    border:  none;
}

.progress__icon {
    fill: currentColor;
}

.listOptions__item,
.form__input {
    background: #EEEDEB;
}

.listOptions__title {
    font-weight: normal;
    font-family: 'OpenSans-SemiBold', sans-serif;
}

.footer__background {
    background: #D6D2C9;
}