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

body {background: url(https://mobmenu.fellini.kz/img/background.png);}

.primary-btn {
	border-radius: 10px !important;
	background: #b61b32 !important;
	width: 218px !important;
}

.social-icons-mp {
	position: fixed !important;
	bottom: 10px !important;
	right: 10px !important;
}

.social-icons-mp a{color: #b61b32 !important;}

.logo {padding-left:0px;}

a.anchor {
    display: block;
    position: relative;
    top: -140px;
    visibility: hidden;
}
.centered {
    text-align: center;
	margin-top: 50px;
	margin-left:auto;
	margin-right:auto;
}
.namecom {
    text-align: center;
	margin-left:auto;
	margin-right:auto;
}
.heading {
	display: inline-block;
	padding-left: 50px;
	padding-right: 50px;
	font-family: 'Gotham Pro', sans-serif;
	font-weight: 300;
	font-size: 150%;
	background: #B72842;
	color: white;
	margin-left:auto;
	margin-right:auto;
	text-transform: uppercase;
}
.heading > p{margin-bottom: 0px;}

.present {
    display: inline-block;
	vertical-align: top;
	width: 400px;
}
.present > img {width: 95%;}

.present > nameit {
    display: block;
    margin-top: 20px;
	font-family: 'Gotham Pro', sans-serif;
	font-size: 25px;
	color: #770b09;
	text-transform: uppercase;
	width: 90%;
	font-weight: 500;
	margin-left:auto;
	margin-right:auto;
}
.present > nameru {
    display: block;
    margin-top: 20px;
	font-family: 'Gotham Pro', sans-serif;
	font-size: 120%;
	color: black;
	text-transform: uppercase;
	font-weight: 300;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}
.present > price {
	display: block;
	color: black;
	margin-top: 30px;
	font-family: 'Gotham Pro', sans-serif;
	font-size: 35px;
	font-weight: 500;
	margin-left:auto;
	margin-right:auto;
}
.presentwp {
    display: block;
	vertical-align: top;
	margin-left:auto;
	margin-right:auto;
	width: 800px;
}
.presentwp > nameit {
    display: block;
    margin-top: 20px;
	font-family: 'Gotham Pro', sans-serif;
	font-size: 25px;
	color: #770b09;
	text-transform: uppercase;
	width: 90%;
	font-weight: 500;
	margin-left:auto;
	margin-right:auto;
}
.presentwp > nameru {
    display: block;
    margin-top: 20px;
	font-family: 'Gotham Pro', sans-serif;
	font-size: 120%;
	color: black;
	text-transform: uppercase;
	font-weight: 300;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}
.presentwp > price {
	display: block;
	color: black;
	margin-top: 30px;
	font-family: 'Gotham Pro', sans-serif;
	font-size: 35px;
	font-weight: 500;
	margin-left:auto;
	margin-right:auto;
}
.presentwp > hr {
	width: 50%;
	background: #B72842;
	height: 0px;
}

.proms {
	margin-left:auto;
	margin-right:auto;
	width:360px;
}

.logoend {
    text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.logoend > a > img {
	width: 35%;
}

/* Footer */
.footer-widget-wrap {
    background: linear-gradient(to top right, #5D5D5D, #101010);
}

.section-gap {
    padding: 40px 0;
}

@media (min-width: 992px) {
    .col-lg-4 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}
/* a:visited {
    color: white;
} */
.single-footer-widget a:hover {
	color: #b61b32;
}
.pop_up_content a {
    color: white;
	text-decoration: underline;
}
.single-footer-widget a {
    color: white;
}
.delivery_popup {
	display:flex;
	width: 50%;
}

/* Модальное окно */
.pop_up {
	background-color: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	display: none;
}
.pop_up_container {
	display: flex;
	width: 100%;
	height: 100%;
	overflow: auto;
}
.pop_up_content {
	width: 600px;
	height: auto;
	text-align: justify;
	border: 3px solid white;
	border-radius: 10px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: linear-gradient(to top right, #5D5D5D, #101010);
	padding: 10px;
}
.pop_up_close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}

@media screen and (max-width:844px) {
.pop_up_content {
	width: 95%;
	height: auto;
	padding: 5px;
}
.footer-area h4 {
    padding-bottom: 0px;
}
.section-gap {
    padding: 40px 0 0;
}
}
/* Модальное окно */
@media screen and (max-width:844px) {
.banner-area {
    height: 100% !important;
}
.logoend > a > img {
	width: 95%;
}
}

@media screen and (max-width:804px) {
a.anchor {
    top: -140px;
}
.present {
	width: 49%;
}
.present > price {
	/* width: 49%; */
}
.presentwp {
	width: 99%;
}
.presentwp > price {
	/* width: 99%; */
}
.presentwp > hr {
	margin-top: 2em;
}
.proms {
	margin-left:auto;
	margin-right:auto;
	width:99%;
}

.logoend > a > img {
	width: 90%;
}
}

@media screen and (max-width:540px) {
a.anchor {
    top: -105px;
}
.centered {
    margin-top: 15px;
}
.heading {
	padding-left: 20px;
	padding-right: 20px;
}
.present {
	/* width: 49%; */
}
.present > price {
	margin-top: 20px;
	/* width: 49%; */
}
.presentwp {
	/* width: 530px; */
}
.presentwp > price {
	/* width: 530px; */
}
}

@media screen and (max-width:414px) {
a.anchor {
    top: -105px;
}
.centered {
    margin-top: 15px;
}
.heading {
	padding-left: 30px;
	padding-right: 30px;
	font-size: 100%;
}
.present {
	/* width: 202px; */
}
.present > nameit {
    margin-top: 10px;
	font-size: 100%;
	font-weight: 900;
}
.present > nameru {
    margin-top: 5px;
	font-size: 90%;
}
.present > price {
	margin-top: 10px;
	font-size: 150%;
	/* width: 197px; */
	font-weight: 900;
}
.presentwp {
	/* width: 404px; */
}
.presentwp > nameit {
    margin-top: 0px;
	font-size: 100%;
	font-weight: 900;
}
.presentwp > nameru {
    margin-top: 0px;
	font-size: 90%;
}
.presentwp > price {
	margin-top: 10px;
	font-size: 150%;
	/* width: 197px; */
	font-weight: 900;
}
.presentwp > hr {
	margin-bottom: 0px;
}
}

@media screen and (max-width:375px) {
a.anchor {
    top: -105px;
}
.centered {
    margin-top: 15px;
}
.heading {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 100%;
}
.present {
	/* width: 180px; */
}
.present > nameit {
    margin-top: 10px;
	font-size: 100%;
	font-weight: 900;
}
.present > nameru {
    margin-top: 5px;
	font-size: 90%;
}
.present > price {
	margin-top: 10px;
	font-size: 150%;
	/* width: 175px; */
	font-weight: 900;
}
.presentwp {
	/* width: 360px; */
}
.presentwp > nameit {
    margin-top: 0px;
	font-size: 100%;
	font-weight: 900;
}
.presentwp > nameru {
    margin-top: 0px;
	font-size: 90%;
}
.presentwp > price {
	margin-top: 10px;
	font-size: 150%;
	/* width: 175px; */
	font-weight: 900;
}
.presentwp > hr {
	margin-bottom: 0px;
}
}

@media screen and (max-width:360px) {
a.anchor {
    top: -105px;
}
.centered {
    margin-top: 15px;
}
.heading {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 100%;
}
.present {
	/* width: 175px; */
}
.present > nameit {
    margin-top: 10px;
	font-size: 100%;
	font-weight: 900;
}
.present > nameru {
    margin-top: 5px;
	font-size: 90%;
}
.present > price {
	margin-top: 10px;
	font-size: 150%;
	/* width: 170px; */
	font-weight: 900;
}
.presentwp {
	/* width: 350px; */
}
.presentwp > nameit {
    margin-top: 0px;
	font-size: 100%;
	font-weight: 900;
}
.presentwp > nameru {
    margin-top: 0px;
	font-size: 90%;
}
.presentwp > price {
	margin-top: 10px;
	font-size: 150%;
	/* width: 170px; */
	font-weight: 900;
}
.presentwp > hr {
	margin-bottom: 0px;
}
}

@media screen and (max-width:320px) {
a.anchor {
    top: -110px;
}
.centered {
    margin-top: 10px;
	margin-bottom: 20px;
}
.centered > img {
	width: 90%;
}
.heading {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 100%;
}
.present {
	/* width: 155px; */
}
.present > nameit {
    margin-top: 0px;
	font-size: 100%;
	font-weight: 900;
}
.present > nameru {
	font-size: 75%;
	margin-top: 0px;
}
.present > price {
	font-size: 100%;
	/* width: 150px; */
	margin-top: 10px;
}
.presentwp {
	/* width: 310px; */
}
.presentwp > nameit {
    margin-top: 0px;
	font-size: 100%;
	font-weight: 900;
}
.presentwp > nameru {
	font-size: 75%;
	margin-top: 0px;
	/* width: 99%; */
}
.presentwp > price {
	font-size: 100%;
	/* width: 150px; */
	margin-top: 0px;
	/* width: 99%; */
}
}