body {

    padding: 120px 0 0 0;

    margin: 0;

    font-family: "Roboto", "Open Sans";

}



p {

    margin: 0;

    color: #222;

    line-height: 26px;

}



.header {

    display: block;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 100;

    width: 100%;

    height: 130px;

    text-align: center;

    background: #f26178;

}



.header__line {

    height: 30px;

    text-align: center;

    font-size: 14px;

    line-height: 30px;

    background: #d50357;

    color: #fff;

}



.header__logo {

    margin-top: 15px;

    width: 300px;

}



.header__phone {

    transform: rotate(270deg);

    position: fixed;

    width: 35px;

    top: 60px;

    right: 20px;

}

.header__card {

    position: fixed;

    width: 35px;

    top: 60px;

    right: 70px;
}


.cart-count {

    top: 60px;

    position: absolute;

    font-size: 11px;

    top: 68px;

    right: 83px;

    color: #fff;
}


.content {

    -min-height: 100%;

}



h1, h2 {

    font-weight: normal;

    font-size: 30px;

}



.content__container {

    margin: 0 auto;

    padding: 30px 0 0 0;

    max-width: 80%;

}



.questions_answer {

    margin: 0;

}



.buy {

    font-size: 30px;

    margin: 30px 0 100px 0;

    color: #d50357;

}



.buy a {

    color: #d50357;

}



.flex-container {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-evenly;

    margin: 40px 0 30px 0;

}



.flex-container img {

    width: 30%;

    min-width: 200px;

}



section p {

    padding: 0;

    margin: 20px 0 0 0;

}



.footer {

    background: #54565a;

    min-height: 170px;

    margin-top: 50px;

    vertical-align: top;

    padding: 0;

}



.footer__logo {

    display: inline-block;

    vertical-align: top;

    border: 0px solid #fff;

    width: 300px;

    height: 150px;

    padding: 0;

}



.footer__logo img {

    width: 150px;

    margin: 55px 0 0 30px;

}



.footer__menu {

    display: inline-block;

    vertical-align: top;

    width: 300px;

    height: 150px;

    border: 0px solid #fff;

}



.footer__nav {

    margin: 12px 0 0 30px;

}



.footer__nav .footer__list {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.footer__nav .footer__link {

    color: #fff;

    text-decoration: none;

    line-height: 30px;

}



.footer__nav .footer__link:hover {

    text-decoration: underline;

}



.footer__contacts {

    display: inline-block;

    vertical-align: top;

    width: 300px;

    height: 150px;

}



.icon-phone {

    padding: 0 0 0 30px;

    background:url(../img/phone_footer.png) no-repeat;

    background-size: 23px;

}



.icon-email {

    padding: 0 0 0 30px;

    background:url(../img/email_footer.png) no-repeat;

    background-size: 23px;

}



bo {

    border: 1px solid red;

}



.banner {

    background:url(../img/banner.png) no-repeat;

    background-position: center center;

    opacity: 0.1;

    position: fixed;

    top: 0;

    left: 0;

    z-index: -10;

    height: 100%;

    width: 100%;

}



/************************************ БУРГЕР-КИНГ ************************************/

.header__burger {

    display: block;

    position: relative;

    width: 30px;

    height: 27px;

    top: -45px;

    left: 40px;

    cursor: pointer;

}



.header__burger:before,

.header__burger:after {

    content: '';

    background-color: #fff;

    position: absolute;

    width: 100%;

    height: 3px;

    left: 0;

}



.header__burger span {

    position: absolute;

    background-color: #fff;

    position: absolute;

    width: 100%;

    height: 3px;

    left: 0;

    top: 12px;

}



.header__burger:before {

    top: 0;

}



.header__burger:after {

    bottom: 0;

}



/************************************ МЕНЮ ************************************/

.header__menu {

    position: fixed;

    left: -400px;

    top: 131px;

    width: 300px;

    height: 100%;

    background-color: #f26178;

    opacity: 0.95;

    transition: all 0.3s ease 0s;

}



.active {

    left: 0;

    background-color: #f26178;

}



.header__list {

    display: block;

    text-align: left;

    font-size: 22px;

    line-height: 60px;

    padding: 20px 0 0 30px;

    margin: 0;

}



.header__list li {

    list-style-type: none;

}



.header__link {

    color: #fff;

    text-decoration: none;

}



/********************************с этого места и далее добавлено Олесей*********************/



.catalog__container {

    margin: 0 auto;

    padding: 30px 0 0 50px;

}



.catalog_item {

    display: inline-block;

    vertical-align: top;

    width: 230px;

    height: 310px;

    border: 1px solid #ddd;

    border-radius: 5px;

    box-sizing: border-box;

    margin: 0 9px 10px 0;

    padding: 15px;

}



.catalog_item h3 {

    font-weight: normal;

    font-size: 15px;

    font-weight: bold;

}



.price {

    display: flex;

    font-weight: normal;

    font-size: 25px;

    font-weight: bold;

    justify-content: center;

    align-items: center;

    margin: 10px;

}



.popup_price {

    font-weight: normal;

    font-size: 15px;

    font-weight: bold;

    justify-content: center;

    align-items: center;

    margin: 10px;

}



.add_to_cart {

    height: 40px;

    font-size: 14px;

    font-weight: 400;

    color: #fff;

    background: #d34c5b;

    padding: 0 20px;

    border-radius: 20px;

    transition: all .2s;

    font-weight: bold;

    letter-spacing: 2px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.add_to_cart img {

    display: block;

    margin: 0 15px 0 0;

}



.catalog_item_bottom{

    align-items: end;
}



.korzina {

    width: 50%;

    float: left;

    background-color: #f9f9fb;

}



.korzina .product {

    border-bottom: 1px solid #eaeaec !important;

    position: relative;

    width: 100%;

    float: left;

    padding-bottom: 10px;

}



.korzina .product img {

	width: 96px;

	float: left;

	margin: 20px;

	border: 2px solid #eaeaec !important;

}



.del {

    position: absolute;

    top: 15px;

    right: 15px;

    width: 20px;

    height: 20px;

    box-sizing: border-box;

    border-radius: 50%;

    border: 2px solid #e6c6c6;

    cursor: pointer;

    transition: all .3s;

}



.product-details {

    padding: 0px 5px 0 5px;

    font-size: 10px;

}



.korzina .product-details h3 {

    padding-right: 30px;

}



.product-details h3 {

    line-height: 18px;

    margin-bottom: 0px;

    height: 50px;

}



.count {

    padding-top: 20px;

}



.popup-fade {

    display: none;

}



.popup-details .button:first-of-type {

	margin-right: 10px;

	margin-bottom: 10px;

}



.popup-thumb {

    float: left;

    width: 28%;

    margin-right: 2%;

}



.popup-thumb img {

	max-width: 100%;

	border: 1px solid #f4f4f4;

}



.popup-title {

	font-family: futura-pt, sans-serif;

	font-size: 20px;

	color: #ca3452;

	margin-bottom: 29px;

	margin-top: 13px;

	line-height: 18px;

}



.popup-fade:before {

	content: '';

	background: #442c5085;

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	opacity: 0.7;

	z-index: 9999;

}



.popup {

	position: fixed;

	top: 10%;

	left: 10%;

	padding: 20px;

	width: 65%;

	max-width: 100%;

	background: #fff;

	z-index: 99999;

	opacity: 1;

}



.popup-details .popup-info {

    float: left;

    width: 66%;

    color: #808080;

    font-weight: 500;

    font-size: 14px;

}



.popup-close {

	position: absolute;

	top: 10px;

	right: 10px;

}



.del:after,
.del:before {

	content: '';

	position: absolute;

	top: 7px;

	left: 2px;

	width: 12px;

	border-bottom: 2px solid #e6c6c6;

	transform: rotate(45deg);

}



.del:before {

	transform: rotate(-45deg);

}



.del {

	position: absolute;

	top: 15px;

	right: 15px;

	width: 20px;

	height: 20px;

	box-sizing: border-box;

	border-radius: 50%;

	border: 2px solid #e6c6c6;

	cursor: pointer;

	transition: all .3s;

}



.popup-details .product-name {

	font-family: futura-pt, sans-serif;

	font-size: 18px;

	color: #2f1a45;

	font-weight: 500;

	margin-bottom: 20px;

}



.amlabel-div {

	text-align: center;

}



.amlabel-div img {

	height: 100px;

}



.basket-link {

    color: #808080;

    margin: 42px 0 22px;

}



.basket_items .product-name {

    overflow: hidden;

    font-size: 14px;

    color: #2f1a45;

}



.counterBut {

	border-width: 0px;

	cursor: pointer;

	width: 22px;

	height: 22px;

	border-radius: 50%;

	background: #e5e5e5;

	font-size: 19px;

}



.fieldCount {

	background: none;
	
	border-width: 0px;

	width: 30px;

	text-align: center;

}



.oformlenie {

    width: 45%;

    padding: 0px;

	float: right;

	font-size: 13px;

}



.oformlenie input[type=checkbox] {

	display: none;

}



.oformlenie input[type="checkbox"]+label span {

	display: inline-block;

	width: 19px;

	height: 19px;

	margin: -1px 4px 0 0;

	vertical-align: middle;

	background: #ca3452;

	cursor: pointer;

}



.oformlenie input[type="checkbox"]:checked+label span:before {

	content: "✓";

	color: #fff;

	padding-left: 5px;

}



.oformlenie input[type='text'],
.oformlenie input[type='tel'],
.oformlenie input[type='email'],
.oformlenieinput[type='number'],
.oformlenie input[type='password'],
.oformlenie textarea {

	font-size: 14px;

	font-family: 'Montserrat', sans-serif;

	padding: 5px 11px;

	line-height: 21px;

	height: 40px;

	border: 3px #d5d1da solid;

	color: #727272;

	width: 100%;

	float: right;

	clear: right;

	margin-bottom: 0;

}



.oformlenie .h2 {

	text-transform: uppercase;

	font-weight: 700;

	font-size: 18px;

	text-align: center;

}



.line {

	display: flex;

	position: relative;

	margin-bottom: 20px;

	padding-right: 20px;

	align-items: center;
}



.line>p {

	position: absolute;

	top: 15px;

	right: 0;

	font-size: 16px;

	color: #d9352d;

}



.total {

	font-weight: 700;

	border-bottom: 3px solid #2a2a2a;

	padding-bottom: 10px;

	background: #fff;

	padding-top: 10px;

}



.korzina .total {

	padding-top: 30px;

	display: block;

	float: left;

	width: 100%;

	padding-bottom: 10px;

	margin-bottom: 0px;
}



.pink_block {

	background: #feedf0;
    border-radius: 5px;
	padding: 10px;

}



.table {

	background: #fef3f5;

	border: 1px solid #fac4cc;

}



.table td{

	border: 1px solid #fac4cc;

}