@font-face {
	  font-family: 'ProximaNova-Regular';
	  src: url('../fonts/prox/ProximaNova-Regular.eot');
	  src: url('../fonts/prox/ProximaNova-Regular.woff2') format('woff2'),
		   url('../fonts/prox/ProximaNova-Regular.woff') format('woff'),
		   url('../fonts/prox/ProximaNova-Regular.ttf') format('truetype'),
		   url('../fonts/prox/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg'),
		   url('../fonts/prox/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
	  font-weight: normal;
	  font-style: normal;
	}
	@font-face {
	  font-family: 'ProximaNova-Bold';
	  src: url('../fonts/prox/ProximaNova-Bold.eot');
	  src: url('../fonts/prox/ProximaNova-Bold.woff2') format('woff2'),
		   url('../fonts/prox/ProximaNova-Bold.woff') format('woff'),
		   url('../fonts/prox/ProximaNova-Bold.ttf') format('truetype'),
		   url('../fonts/prox/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg'),
		   url('../fonts/prox/ProximaNova-Bold.eot?#iefix') format('embedded-opentype');
	  font-weight: normal;
	  font-style: normal;
	}
      body {
      	min-width: 1024px;
      	font-family: 'ProximaNova-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;

      }
      .container-header {
      	background: url('../images/bg-header.jpg');
      	padding-top: 50px;
      	padding-bottom: 15px;
      }
      .container-zakaz, .container-consult, .container-footer {
      	background: #756f7c;
      	padding-top: 10px;
      	padding-bottom: 10px;
      }
      .container-menu {
      	background: #756f7c;
      }
      .container-menu2 {
    	background: #756f7c;
      	position:fixed;
      	display: none;
      	top: 0px;
      	z-index: 1000;
      }
      .container-banner {
        padding-left: 0px;
    	padding-right: 0px;
    	margin-bottom: -55px;
    	z-index: 100;
      }
      .container-pluses {
        padding-left: 0px;
    	padding-right: 0px;
      }
      .container-buketi,.container-roses,.container-florists,.container-feedbacks {
        padding-top: 50px;
      }
      .container-footer {
        padding-bottom: 50px;
      }
      .container-pair,.container-wework {
        padding-left: 0px;
    	padding-right: 0px;
    	margin-top: -50px;
    	z-index: -100;
      }
      .container-advantages {
    	padding-top: 50px;
        background: #f6f6f9;
      }
      .container-map {
      	height: 200px;
      	overflow: hidden;
      }
      .map-cover {
     	position: absolute;
     	width: 100%;
     	height: 200px;
     	z-index: 2600;
      	background: rgba(0, 0, 0, 0.5);
      }
      .row-advantages {
      	padding-bottom: 35px;
      	color: #62606e;
      }
      .header-advantages {
      	font-size: 25px;
      	color: #756f7c;
      }
      .header-advantages .red {
      	color: #f5082c;
      }
      .phone-header {
      	font-family: 'ProximaNova-Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
      	color: #f5082c;
      	font-size: 30px;
      }
      .cvbutton {
		font-size: 18px;
		border: 1px solid #f5082c;
		background: #f5082c;
		color: #fff;
		padding: 7px 15px;
		border-radius: 20px;
      }
      .cvbutton:hover {
		border: 1px solid #0a9d04;
		background: #0a9d04;
		color: #fff;
		text-decoration: none;
      }
      .cvbutton-callme-header {
      	border: 1px solid #f5082c;
      	color: #f5082c;
      	background: none;
      	position: relative;
		top: -5px;
		margin-left: 15px;
      }
      .cvbutton-callme-footer {
      	border: 1px solid #fff;
      	color: #fff;
      	background: none;
      	position: relative;
      	font-size: 13px;
      	padding: 5px 10px;
		border-radius: 15px;
      }
      .cvbutton-callme-footer:hover {
		border: 1px solid #fff;
		background: #fff;
		color: #756F7C;
		text-decoration: none;
      }
      .cvbutton-delivery {
      	padding: 7px 35px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 20px;
		display: inline-block;
		font-size: 19px;
      	border: 1px solid #f5082c;
      	color: #FFF;
      	background: none;
      }
      .cvbutton-zakaz {
      	padding: 7px 25px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
		display: inline-block;
		font-size: 19px;
      	border: 1px solid #0a9d04;
      	color: #FFF;
      	background: none;
      }
      .cvbutton-consult,.cvbutton-feedback {
      	padding: 7px 25px;
		font-size: 19px;
		display: inline-block;
      	border: 1px solid #0a9d04;
		background: #0a9d04;
		margin-top: 10px;
		margin-bottom: 10px;
      }
      .cvbutton-consult:hover,.cvbutton-feedback:hover {
      	border: 1px solid #0a9d04;
		background: none;
      }
      .cvbutton-block-good,.cvbutton-pickup {
      	padding: 7px 35px;
		font-size: 19px;
		display: inline-block;
		margin-top: 10px;
		margin-bottom: 10px;
      }
      .cvinput {
 		font-size: 14px;
      	border: 1px solid #FFF; 
		border-radius: 20px 0px 0px 20px; 
		padding: 3px 7px;
		width: 80%;
      }
      .cvbutton-email {
 		font-size: 14px;
      	border: 1px solid #fff; 
      	border-left: 1px solid #756f7c; 
		border-radius: 0px 20px 20px 0px; 
		padding: 3px 10px;
		color: #756f7c;
		background: #fff;         
      }
      .menu-table {
      	display: table;
      	width: 100%;
      	margin-top: 10px;
      	margin-bottom: 10px;
      }
      .menu-cell {
      	display: table-cell;
      	//width: 20%;
      	text-align: center;
		  white-space: nowrap;
      }
      .menu-cell a {
      	font-size: 22px;
      	color: #fff;
      }
      .menu-spacer {
        display: table-cell;
      	width:7%;
      }
      .block-title {
      	font-family: 'ProximaNova-Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
      	color: #746e7b;
      	font-size: 35px;
      }
      .block-title-text {
      	color: #746e7b;
      	font-size: 21px;
      }
      .line {
      	padding-top: 12px;
      }
      .block-good {
      	border: 2px solid #bab7bd;
      	border-radius: 15px;
      	padding: 20px;
      	margin: 30px 15px;
      }
      .block-good-title {
      	font-family: 'ProximaNova-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
      	color: #756f7c;
		font-weight: 600;
		font-size: 20px;
      }
      .block-good-text {
      	font-family: 'ProximaNova-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
      	color: #756f7c;
		font-weight: 400;
		font-size: 14px;
      }
      .block-good-price {
      	font-family: 'ProximaNova-Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
      	color: #756f7c;
		font-size: 31px;
      }
      .block-good-price2 {
      	font-family: 'ProximaNova-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
      	color: #756f7c;
		font-weight: 600;
		font-size: 31px;
      }
      a.block-good-fast {
      	color: #0a9d04;
      	font-size: 16px;
      	text-decoration: underline;
      }
      .block-good-bubble {
      	position: absolute;
      	top: -5px;
      	right: -15px;
      }
      .consult-title {
        font-family: 'ProximaNova-Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
      	color: #FFF;
		font-size: 20px;
		display: inline-block;
		margin-top: 10px;
      }
      .consult-text {
      	color: #b5b2ba;
		font-size: 18px;
		display: inline-block;
      }
      .block-promo {
      	border: 2px solid #f5082c;
      	border-radius: 15px;
      	padding: 20px;
      	margin: 50px 150px;
      }
      .block-promo-photo {
      	margin-left: -100px;
      	width: 300px;
      }
      .block-promo-title {
      	font-family: 'ProximaNova-Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
      	color: #f5082c;
		font-weight: 800;
		font-size: 35px;
      }
      .block-promo-text {
      	font-family: 'ProximaNova-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
      	color: #0a9d04;
		font-weight: 400;
		font-size: 20px;
      }
      .block-promo-pluses {
      	padding-top: 15px;
      	font-family: 'ProximaNova-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
      	color: #756f7c;
		font-weight: 400;
		font-size: 15px;
		line-height: 30px;
      }
      .block-promo-pluses img {
		width: 20px;
      }
      .button-map {
      	position: relative;
      	margin-top: -60px;
      	z-index: 3000;
      	margin-bottom: 35px;
      }
      .footer-phone {
		margin-bottom: 0;
      	font-family: 'ProximaNova-Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
      	color: #FFF;
		font-weight: 800;
		font-size: 25px;
      }
	.footer-email {
		color: #FFF;
		font-size: 16px;
	}
	.footer-email a {
		color: inherit;
		text-decoration: none;
	}
      .footer-copyright {
      	color: #FFF;
		font-size: 12px;
      }
      .footer-menu {
      	list-style: none;
      }
      .footer-menu a {
      	font-size: 20px;
      	text-decoration: none;
      	color: #fff;
      }
      .footer-menu a:hover {
      	text-decoration: underline;
      	color: #eee;
      }
      .footer-h {
      	font-size: 20px;
      	color: #fff;
      }
      .footer-text {
      	font-size: 14px;
      	color: #fff;
      }
      .soc-icon,.email-text,.email-icon {
      	display: inline-block;
      }
      .email-text {
      	padding-top: 7px;
      }
      .email-icon {
      	margin-top: 0px;
      	float: right;
      }
      .modal {
    	z-index: 5000;
      }
      .modal-preheader {
      	padding: 6px;
      	color: #fff;
      	font-size: 20px;
      }
      .modal-content {
      	background: #f6f5fa;
      }
      .modal-photo {
      	border: 2px solid #dbdbdd; 
		border-radius: 10px; 
      }
      .modal-title {
      	color: #736f7d;
      }
      .modal-tips {
      	color: #736f7d;
      	font-style: italic;
      }
	.modal-tips a {
		color: inherit;
		text-decoration: underline;
	}
      .modal-input {
 		font-size: 20px;
      	border: 2px solid #dbdbdd; 
		border-radius: 10px; 
		padding: 3px 7px;
		width: 100%;
		color: #736f7d;
      	background: #fff;
      	margin-top:0px;
      	margin-bottom:6px;
      }
      .modal-name {
      	background: url('../images/modal_name.png') 98% 50% no-repeat #fff;
      }
      .modal-phone {
      	background: url('../images/modal_phone.png') 98% 50% no-repeat #fff;
      }
      .modal-comment {
      	background: url('../images/modal_comment.png') 98% 50% no-repeat #fff;
      }
      .modal-button {
		font-size: 18px;
		border: 1px solid #f5082c;
		background: #f5082c;
		color: #fff;
		padding: 7px 15px;
		border-radius: 10px;
      }
      .modal-button:hover {
		border: 1px solid #0a9d04;
		background: #0a9d04;
		color: #fff;
		text-decoration: none;
      }
      .modal-gift {
      	position: relative;
      	margin-bottom: -10px;
      	z-index: 5000;
      }
      .modal-consult {
      	position: relative;
      	margin-bottom: -20px;
      	z-index: 5000;
      }
	  .modal-dialog {
   	 	width: 450px;
    	margin: 30px auto;
	  }

@media (max-width: 1800px) {
      .consult-title {
		font-size: 16px;
      }
      .consult-text {
		font-size: 14px;
      }
      .cvbutton-zakaz,.cvbutton-consult,.cvbutton-feedback  {
      	padding: 5px 15px;
		font-size: 16px;
      }
      .modal-dialog {
   	 	width: 350px;
    	margin: 30px auto;
	  }
}

	.phone-header a,
	.footer-phone a {
		color: inherit;
		text-decoration: none;
		white-space: nowrap;
	}

#themap {
	position: relative;
}

#yamap_menu {
	position: absolute;
	top: 20px;
	left: 20px;
	display: flex;
	margin: 0;
	padding: 0;
	list-style-type: none;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	flex-wrap: wrap;
	z-index: 1;
}

	#yamap_menu > li {
	}

	#yamap_menu a {
		display: block;
		padding: 4px 8px;
		border-radius: 2px;
		font-size: 14px;
		font-weight: normal;
		white-space: nowrap;
		line-height: 1.2;
		background: #756f7c;
		text-decoration: none !important;
		color: #FFF;
		transition: 0.3s;
	}

	#yamap_menu a:not(.active):hover {
		background: #909090;
	}

	#yamap_menu a.active {
		background: #f5082c;
		pointer-events: none;
	}

	.balloon h4 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
	color: #000;
}

.balloon p {
	margin: 3px 0 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	color: #999;
}

.legal-links {
	margin: 32px 0 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	align-items: center;
	gap: 20px;
	line-height: 1.2;
	color: #FFF;
}
	.legal-links a {
		text-decoration: underline;
		color: inherit;
	}

.site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}

body:has(.site-header) {
	padding-top: 178px;
}

.top-icons {
	margin: 0;
	padding: 7px 0 0;
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}
	.top-icons a {
		text-decoration: none;
	}

	.top-icons img {
		display: block;
		width: 40px;
		height: 40px;
		border: none;
	}