html, body {width: 100%; min-width: 1020px;overflow-x:hidden;}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
.nopadding {
  padding: 0;
}
.body {
  //background: #b4171d;
  font-size: 16px;
}
@media(min-width: 1024px) {
	.body {
	  font-size: 16px;
	}
}
.container {
  margin: 0 auto;
  max-width: 90%;
  width: 100%;
  padding: 0 10px;
}



@media(min-width: 992px) {
	.container {
		 max-width: 768px;
	}
}

@media(min-width: 1024px) {
	.container {
		 max-width: 992px;
	}
}

@media(min-width: 1240px) {
	.container {
		 max-width: 1240px;
	}
}

@media(min-width: 1600px) {
	.container {
		 max-width: 1500px;
	}
}	

.container.main-page {
padding: 80px 0;
}
.main-page-heading:not(:last-child) {
	margin-bottom: 10px;
}

.main-page-heading > a {
    font-size: 56px;
    color: #1A171B;
    font-family: Verdana;
    text-decoration: none;
}

.main-page-heading.alcohol a {
	color: #D91925;
}
.main-page-heading.retail {
    margin-top: 0;
}

.contant {
  background: #fff;
  height: 100%;
}
.header {
  padding: 20px 0;
}


.header .logo-holder:not(.logo-holder_main) {
	display: flex;
	width: 230px;
	height: 64px;
}	
.header .logo-holder.logo-holder_main {
	display: flex;
	width: 36.87rem;
	height: 10.25rem;
}
.header .logo-holder img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header .main-menu-list {
	margin-left: auto;
display: flex;
flex-wrap: nowrap;
column-gap: 5rem;
}
.header .main-menu-list .main-menu-list-item {
  display: inline-block;
}
.header .main-menu-list .main-menu-list-item .main-menu-list-item {
  color: #1A171B;
  font: 17px Verdana;
  text-decoration: none;
}

.header .main-menu-list .main-menu-list-item .main-menu-list-item.selected {
  //display: block;
  color: #D91925;
  //border-bottom: 1px solid #fff;
}
.banner-img {
  width: 100%;
  height: 100%;
}
.main-banner-holder {
  position: relative;
  display: block;
}
.main-banner-holder .main-banner {
  border: 3px solid #e18d8e;
  height: 364px;
  width: 994px;
  margin-bottom: 15px;
}
.main-banner-holder .main-banner:hover,
.touchable .main-banner-holder .main-banner.hovered {
  border: 36px solid #fff;
  height: 298px;
  width: 928px;
}
.main-banner-holder .main-banner .main-banner-img.active {
  opacity: 1;
}
.main-banner-holder .main-banner .main-banner-img,
.slideshow-gallery .slideshow-gallery-item {
  -webkit-transition: opacity 0.6s ease;
  -moz-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease;
  -ms-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  opacity: 0;
}
.main-banner-holder .main-banner .main-banner-heading {
  position: absolute;
  z-index: 2;
  top: 170px;
  left: 50%;
}
.main-banner-heading-text {
  color: #fff;
  font: 24px Verdana;
  text-transform: uppercase;
  letter-spacing: 14px;
}
.main-banner-holder .main-banner:hover .main-banner-gallery {
    position: absolute;
    top: 0;
    left: 0;
    padding: 36px;
    width: 928px;
}
.main-banner-holder .main-banner .main-banner-gallery .main-banner-gallery-item {
    position: absolute;
    width: 928px;
}
.slideshow-gallery .slideshow-gallery-item {
    position: absolute;
    top: 0;
    left: 0;
}
.slideshow-gallery .slideshow-gallery-item.active { opacity: 1; }


.branding-page-banner {
display: none;
  height: 0px;
  //padding-bottom: 37.25%;
  width: 100%;
  height: 371px;
  position: relative;
  max-width: 1000px;
      margin: 0 auto;
margin-bottom: 35px;
}


.branding-page-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.branding-page-banner .branding-page-banner-text {
  position: absolute;
  top: 50%;
  left: 50%;
transform: translate(-50%);
}
.branding-page-about {
  padding: 40px 0;
}
.branding-page-about > ul {
	list-style: none !important;
	margin: unset !important;
	padding-bottom: 40px;
}
.branding-page-about > ul > li {
  font-size: 4.3rem;
  font-family: Verdana;
  color: #1A171B;
  margin: unset;
}
@media(max-width: 768px) {
	.branding-page-about > ul > li { font-size: 3rem !important; }
}
.branding-page-about__text p:first-child {
	font-size: 2.5rem;
	color: #1A171B;
	padding: 40px 0;
}
.branding-page-about__text + .branding-page-banner {display: block;}
.branding-page-about__text p:first-child a {
	color: #1A171B;
	text-decoration: unset;
}
.branding-page-about__text p:not(:first-child) {
	max-width: 560px;
}

.branding-page-about__text p:not(:last-child):not(:first-child) {
	margin-bottom: 20px;
}
.branding-page-about__text {
	margin-bottom: 80px;
	font-family: Verdana;
	    line-height: normal;
}
.branding-page-about .branding-page-about-title {
  font: 21px Verdana;
  text-transform: uppercase;
  color: #b0171c;
  margin-bottom: 27px;
}
.branding-page-about .branding-page-about-title.about-page-title {
  margin-bottom: 15px;
}
.branding-page-about .branding-page-about-text {
  font: 14px Verdana;
  color: #414042;
}
.branding-page-about .branding-page-about-text.about-page-text {
  margin-bottom: 17px;
}
.branding-page-list {
  margin-bottom: 120px;
  max-width: 1000px;
  margin: 0 auto;
}
.branding-page-list .branding-page-list-row {
  margin-bottom: 25px;
}
.branding-page-list .branding-page-list-row .branding-page-list-item {
  width: 491px;
  height: 246px;
  position: relative;
  display: block;
}
.branding-page-list .branding-page-list-row .branding-page-list-item.left {
  float: left;
}
.branding-page-list .branding-page-list-row .branding-page-list-item.right {
  float: right;
}
.branding-page-list .branding-page-list-row .branding-page-list-item:hover .banner-img-blackout {
  display: block;
}
.branding-page-list .branding-page-list-row .branding-page-list-item .banner-img-blackout {
  width: 431px;
  height: 100%;
  background: rgba(176, 23, 28, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  display: none;
  padding: 0 30px;
}
.branding-page-list .branding-page-list-row .branding-page-list-item .banner-img-blackout .banner-img-blackout-title {
  color: #fff;
  font: 24px Verdana;
  text-transform: uppercase;
  letter-spacing: 13px;
  margin-top: 100px;
}
.branding-page-list .branding-page-list-row .branding-page-list-item .banner-img-blackout .banner-img-blackout-title.sub-title {
  font-size: 14px;
  margin-top: 14px;
  letter-spacing: 8px;
  display: block;
  line-height: 28px;
}
.about-page-brand-holder {
  width: 1000px;
  margin: 0 auto;
  text-align: justify;
}
.about-page-brand-holder .a {
  width: 100px;
  height: 50px;
  background: #869;
  display: inline-block;
}
.about-page-brand-holder .b {
  width: 200px;
  height: 200px;
  background: #869;
  display: inline-block;
}
/* Для визуального редактора описание разделов*/
.branding-page-about h1 {
  font-size: 30px;
  font-family: Verdana;
  color: #1A171B;
  margin-bottom: 27px;
}
@media(min-width: 1024px) {
	.branding-page-about h1 {
	  font-size: 4.3rem;
	  margin-bottom: 5rem;
	}
}
.branding-page-about h2 {
  font: 16px Verdana;
  margin-bottom: 27px;
  font-weight: bold;
  color: #272727;

}

.main-page-text {
	padding-top: 80px;
	max-width: 610px;
	font-family: Verdana;

}
.main-page-text p {
	margin-bottom: 20px;
}
.branding-page-about .project-images1 {
text-align: center;
max-width: unset;
}


.branding-page-about .project-images2 img, .branding-page-about .project-images1 img {
	    width: 100%;
    height: 100%;
    object-fit: cover;
}
.branding-page-about p.project-images2{
    width: 100%;
    position: relative;
    max-width: unset;

    display: grid;
    grid-template-columns: 1fr 1fr;
	column-gap: 10px;
}
.branding-page-about p {
	max-width: 610px;
	font: 16px Verdana;
	color: #414042;
	margin-bottom: 15px;
}
.branding-page-about ul{
	list-style: initial;
    margin: 10px 0 10px 50px;
}
.branding-page-about ul li{
    margin-bottom: 5px;
}
.branding-page-about {
	font: 14px Verdana;
	color: #414042;
  
}
.branding-banner-project {
  width: 100%;
  max-height: 304px;
  margin-bottom: 35px;
  position: relative;
  overflow: hidden;

}

.branding-banner-project  img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page404 h2{color: #8b8b8b; font: 24px Verdana; font-weight: normal; text-align: center;}
.table404{margin: 0 auto;}
.table404 ul li{font-size: 14px; font: 18px Verdana; line-height: 30px;}
.table404 ul li a{color: #b4171d; text-decoration: none;}
.table404 ul li a:hover{text-decoration: underline;}
.page404 .container{padding-bottom: 40px;}
.footer .main-menu-list {
	text-align: center;
}
.footer .main-menu-list .main-menu-list-item {
  display: inline-block;
}
.footer .main-menu-list .main-menu-list-item .main-menu-list-item {
  color: #1A171B;
  font: 17px Verdana;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 13px;
}
.footer .main-menu-list .main-menu-list-item .main-menu-list-item.selected {
  //display: block;
color: #D91925;
  //border-bottom: 1px solid #fff;
}