.ui-dialog {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
}
#fos-block .alert-danger {
	display:none;
}
.wf-left .form-item--error-message strong {
	margin: 5px 0 0 0;
	font-size: 16px;
	font-weight: 500px;
	font-family: montserrat;
	display:block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.wf-check:has(.form-item--error-message) input {
	border-color: red;
}
.wf-check .form-item--error-message {
	display:none;
}
.body-node--800 .field-tel a:hover, .body-node--800 .field-mail a:hover {
    color: black;
    text-decoration: underline;
}
.not-front #block-vesta-theme-content .search-api-page-block-form-search .form-type-search.js-form-item-keys {
	width: 65%;
}
.not-front #block-vesta-theme-content .search-api-page-block-form-search input[name="keys"] {
	    margin: 0;
    width: 100%;
    padding: 15px 11px;
    border: none;
    border-bottom: 1px solid black;
    border-radius: unset;
    color: black;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
}
.not-front #block-vesta-theme-content .search-api-page-block-form-search {
	margin-bottom: 15px;
}
#block-vesta-theme-content > h2 {
	font-size: 24px;
}
#block-vesta-theme-content > h3 a:hover {
	text-decoration:underline;
}
#block-vesta-theme-content > h3 a {
	color: black;
	text-decoration:none;
	font-size: 20px;
}
.not-front #block-vesta-theme-content .search-api-page-block-form-search button[name="op"]:hover {
	background-color: #009EE0;
	color: white;
}
.not-front #block-vesta-theme-content .search-api-page-block-form-search button[name="op"] {
	display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    color: #009EE0;
    font-size: 16px;
	border-radius: 0;
	background: transparent;
    font-family: Montserrat;
    font-weight: 700;
    padding: 15px 24px;
    border: 2px #009EE0 solid;
    text-decoration: none;
	margin-left: 10px;
}
.body-node--800 .field-tel a, .body-node--800 .field-mail a {
    color: black;
    text-decoration: none;
}
body {
	font-family: montserrat;
}
.product-teaser-wrapper a:hover {
	text-decoration: underline;
}
.product-teaser-wrapper a {
	color: black;
  font-size: 18px;
  font-family: Montserrat;
  font-weight: 500;
  text-decoration:none;
}
.view-id-tovary.view-display-id-page_2 .view-content .views-row {
	    width: 48%;
}
.view-id-tovary.view-display-id-page_2 .view-content {
	    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.product-teaser-wrapper img {
    max-width: 570px;
    max-height: 570px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.product-teaser-wrapper {
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 10px;
}
.section-m {
	margin-bottom: 120px;
}
#header-mob .col-logo img {
	width: 100px;
}
.field--name-field-ikonka-preimushchestva {
	width: 67px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#block-vesta-theme-knopkasmotretgalereya .field--name-body a:hover, #block-vesta-theme-knopkasmotretprodukciya .field--name-body a:hover {
	background: #009EE0;
	color: white;
}
#block-vesta-theme-knopkasmotretgalereya .field--name-body a, #block-vesta-theme-knopkasmotretprodukciya .field--name-body a{
	display:block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	 color: #009EE0;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 700;
  padding: 15px 59px;
  border: 2px #009EE0 solid;
  text-decoration: none;
}
#block-vesta-theme-knopkasmotretgalereya {
	position: absolute;
	top: 5px;
	left:0;
}
 #block-vesta-theme-knopkasmotretprodukciya  {
	 position: absolute;
	top: 5px;
	right:0;
	z-index:1;
 }
.region-gallery, .region-catalog {
	position: relative
	
}
/*FOOTER STYLES*/
.col-webvesta a:hover {
	text-decoration: underline
}
.col-webvesta a {
	color: white;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 400;
  text-decoration: none;
}
.col-webvesta {
	background: #009EE0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 20px;
}
footer .logo {
	gap: 15px;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.lower-logo {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 19px;
}
.footer-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
	padding: 40px 0 28px 0;
}
.copyright {
	color: black;
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 400;
}
.lower-logo a:hover {
	text-decoration: underline;
}
.lower-logo a {
	color: black;
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 400;
  text-decoration: none;
}
.nav-name {
	color: #7DA915;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 500;
  margin-bottom: 5px;
}
footer .col-contacts {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    Gap: 20px;
}
#block-vesta-theme-views-block-tovary-block-2 .view-content .views-row a:hover {
text-decoration: underline;	
}
#block-vesta-theme-views-block-tovary-block-2 .view-content .views-row a {
	color: black;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.25;
  display:block;
}
#block-vesta-theme-views-block-tovary-block-2 .view-content {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
	max-width: 325px;
}
footer ul.nav > li > a:hover {
	color: black;
	text-decoration: underline;
}
footer ul.nav {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 5px;
}
footer ul.nav > li > a {
	padding: 0;
	color: black;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 500;
}
/*FOOTER STYLES*/

/*HEADER STYLES*/
#footer .ajax-progress,
#header .ajax-progress {
    display: none;
}

header#header button[type="submit"]:active, header#header button[type="submit"]:focus {
	background-color: transparent;
}
header button[type="submit"]:hover {
	background-color: transparent;
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}
header button[type="submit"] {
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	-o-transition: transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease;
	font-size: 0;
	border-radius: 0;
	border: none;
	padding:0;
	background: url(/sites/all/themes/vesta_theme/image/search-icon.svg) no-repeat center;
	margin:0;
	background-size: contain;
	width: 22px;
	height: 22px;
}
header#header ul.nav > li > a:hover {
	-webkit-transform: scale(1.25);
	    -ms-transform: scale(1.25);
	        transform: scale(1.25);
  text-decoration: underline;
  text-transform: uppercase;
}
header#header ul.nav {
	gap: 30px;
}
.header-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
header#header ul.nav > li > a {
	padding: 0;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	color: white;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 700;
   text-transform: uppercase;
}
header input[type="search"] {
	display: none;
}

.toolbar .toolbar-tab .toolbar-icon {
    padding: 0.75em 1.5em 0.75em 2.5em;
}

/* *** contextual-region *** */
.contextual-region .contextual {
    display: none;
    top: -8px;
    right: 8px;
}

.contextual-region .contextual-region .contextual {
    top: 8px;
}

.contextual-region:hover .contextual {
    display: block;
}

.contextual-region .contextual .trigger {
    width: 22px !important;
    height: 22px !important;
    background-size: 14px 14px;
}

.cart-block--summary .cart-block--summary__count {
    position: absolute;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    background: #ccc;
    color: #fff;
    top: -3px;
    right: -9px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 500;
}
.header-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    gap: 33px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	    width: 82%;
}
header .header-wrapper > .container {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;

}
header .col-contacts {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
header .contact-item.address {
	margin-left: 14px;
	
}
header .contact-item.address address {
	color: white;
	font-weight: 700;
}
header .contact-item.address:before, header .contact-item.phone:before, header .contact-item.mail:before {
	-webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1889%) hue-rotate(20deg) brightness(117%) contrast(101%);
	        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1889%) hue-rotate(20deg) brightness(117%) contrast(101%);
}
.contact-item.address:before {
	content: "";
	width: 16px;
	height: 18px;
	background: url(/sites/all/themes/vesta_theme/image/map-icon.svg) no-repeat center;
	background-size: contain;
}
.contact-item.mail:before {
	content: "";
	width: 27px;
	height: 14px;
	background: url(/sites/all/themes/vesta_theme/image/mail-icon.svg) no-repeat center;
	background-size: contain;
}
header .wa-icon, header .tg-icon {
	-webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1889%) hue-rotate(20deg) brightness(117%) contrast(101%);
	        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1889%) hue-rotate(20deg) brightness(117%) contrast(101%);
}
.wa-icon:hover, .tg-icon:hover {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}
.col-socials {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 12px;
}
.wa-icon {
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	-o-transition: transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease;
	display:block;
	width: 23px;
	height: 23px;
	background: url(/sites/all/themes/vesta_theme/image/wa-icon.svg) no-repeat center;
	background-size: contain;
}
.tg-icon {
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	-o-transition: transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease;
	display:block;
	width: 26px;
	height: 23px;
	background: url(/sites/all/themes/vesta_theme/image/tg-icon.svg) no-repeat center;
	background-size: contain;
}
.contact-item.mail {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap: 8px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.contact-item.phone, .contact-item.address{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap: 10px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
header .contact-item.phone a, header .contact-item.mail a {
	color: white;
	font-weight: 700;
}
.contact-item.phone a:hover, .contact-item.mail a:hover {
	text-decoration: underline;
}
.contact-item.phone:before {
	content: "";
	width: 16px;
	height: 15px;
	background: url(/sites/all/themes/vesta_theme/image/phone-icon.svg) no-repeat center;
	background-size: contain;
}
.contact-item.phone a, .contact-item.mail a {
	color: black;
  font-size: 18px;
  font-family: Montserrat;
  font-weight: 500;
  text-decoration: none;
}

.contact-item.address address {
	margin: 0;
	color: black;
	max-width: 281px;
    font-size: 14px;
  font-family: Montserrat;
  font-weight: 500;
}
.not-front header {
	margin-bottom: 15px;
}
.not-front header .header-wrapper {
	background: #7DA915;
}
.front header .header-wrapper {
	position: absolute;
	top:0;
	width: 100%;
	z-index:1
}
#header-mob {
    top: 0;
    width: 100%;
    background: #fff;
    color: #000;
    padding: 5px 5px;
    z-index: 50;
}

#header-mob.toolbar-horizontal #header-mob {
    top: 0;
}

#header-mob > * {
    padding: 0 10px;
}

#header-mob a {
    color: #000;
}

.offcanvas {
    --bs-offcanvas-bg: #fff;
}
.offcanvas ul.nav a{
	font-family: montserrat;
	color: black;
}
.offcanvas .col-contacts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 15px;
	margin-top: 15px;
}
.offcanvas .offcanvas-title {
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
}

.region-navigation .nav > .nav-item:hover .dropdown-menu {
    display: block;
    top: 100%;
    left: 0;
}
footer .nav-item.dropdown a:after  {
	display:none;
}
footer .nav-item.dropdown ul  {
	display:none !important;
}
.offcanvas .region-navigation .nav > .nav-item .dropdown-menu a {
	    white-space: break-spaces;
}
.region-navigation .nav > .nav-item .dropdown-menu a:hover {
	text-decoration: underline;
}
.region-navigation .nav > .nav-item .dropdown-menu a:active, .region-navigation .nav > .nav-item .dropdown-menu a.active {
	color: #fff;
	background: #7DA915;
}
.region-navigation .nav > .nav-item .dropdown-menu {
	border-radius: 0;
	border: #7DA915 2px solid;
}

/*HEADER STYLES*/

/* SLICK STYLES */
div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content {
    position: absolute;
    top: 0;
    bottom: calc(1vw + 12px);
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: calc(50% - 10px);
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

button.slick-prev.slick-arrow {
    left: 25px;
}

button.slick-next.slick-arrow {
    right: 25px;
}

ul.slick-dots {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 7px;
    list-style: none;
    margin: 10px 0;
}

ul.slick-dots li button {
    background: #686868;
    border-radius: 50%;
    border: none;
    padding: 0;
    width: 10px;
    font-size: 0;
    height: 10px;
    display: block;
}

ul.slick-dots li button::before {
    display: none;
}

ul.slick-dots li.slick-active button {
    background: #272727;
}

button.slick-arrow {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 10;
	background: #fff;
}

button.slick-arrow::before {
    content: '';
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 0;
}

button.slick-prev.slick-arrow::before {
    background-image: url("/sites/all/themes/vesta_theme/image/arrow-top.svg");
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
	background-size: contain;
    width: 38%;
}

button.slick-next.slick-arrow::before {
    background-image: url("/sites/all/themes/vesta_theme/image/arrow-top.svg");
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
	background-size: contain;
    width: 38%;
}

#scrollToTop img {
	width: 42%;
	height: auto;
}
#scrollToTop {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 48px;
    height: 48px;
    background: #fff;
    text-indent: 0;
    font-size: 0;
    border: 0px;
    outline: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 140px;
    cursor: pointer;
    position: fixed;
    right: 120px;
    z-index: 10;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    padding: 0;
}

/* SLICK STYLES */


/* BENEFIT STYLES */

.benefit-wrapper .field--name-body {
	color: black;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 500;
  text-align: right;
}
.benefit-wrapper .field--name-body p {
	margin: 0;
}
.benefit-wrapper {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
	padding: 24px 24px 24px 24px;
	border: 2px #009EE0 solid;
	width:100%;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.field--name-field-preimushchestva {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 20px;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	width: 66%;
}
.benefits-link-wrapper img {
	height: 100%;
	width: 100%;
	-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.30);
	        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.30);
			-o-object-fit: cover;
       object-fit: cover;
}
.benefits-link-wrapper {
	position: relative;
}
.field--name-field-ssylka-preimushchestva a:hover {
	background: white;
	color: black;
}
.field--name-field-ssylka-preimushchestva a {
	backdrop-filter: brightness(0.9) blur(10px);
	white-space: nowrap;
	position: absolute;
	bottom: 35px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	color: white;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 700;
  padding: 15px 68px;
  display:block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 2px white solid;
  text-decoration: none;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
.field--name-field-izobrazhenie-preimushchest {
	height: 100%;
}
.benefits-wrapper {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
    gap: 30px;
}
.field--name-field-preimushchestva > .field__item:nth-child(1)  {
	width: 48%
}
.field--name-field-preimushchestva > .field__item:nth-child(2)  {
	width: 61%
}
.field--name-field-preimushchestva > .field__item:nth-child(3)  {
	width: 74%
}
.field--name-field-preimushchestva > .field__item:nth-child(4) {
	width: 87%
}
.field--name-field-preimushchestva > .field__item:nth-child(5) {
	width:100%;
}

/* BENEFIT STYLES */


/* LOGOBLOCK STYLES */

.info-wrapper {
	position: relative;
}
.field--name-field-logotip-bloka img {
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.field--name-field-fonovoe-izobrazhenie-bloka img {
	    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
	height: 581px;
	-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.30);
	        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.30);
}
.field--name-field-fonovoe-izobrazhenie-bloka {
	    width: 100%;
}
/* LOGOBLOCK STYLES */


/* CATALOG SECTION STYLES */

#block-vesta-theme-zagolovokblokaprodukciya .field--name-body u, #block-vesta-theme-zagolovokblokafotogalereya .field--name-body u, #block-vesta-theme-zagolovokblokafos .field--name-body u  {
	color: #7DA915;
  font-size: 48px;
  font-family: Montserrat;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
#block-vesta-theme-zagolovokblokaprodukciya .field--name-body, #block-vesta-theme-zagolovokblokafotogalereya .field--name-body , #block-vesta-theme-zagolovokblokafos .field--name-body  {
	margin-bottom: 40px;
	color: black;
  font-size: 48px;
  font-family: Montserrat;
  font-weight: 700;
  text-transform: uppercase;
}
#block-vesta-theme-zagolovokblokafos {
	text-align: center;
}
#block-vesta-theme-zagolovokblokaprodukciya .field--name-body p, #block-vesta-theme-zagolovokblokafotogalereya .field--name-body p, #block-vesta-theme-zagolovokblokafos .field--name-body p {
	margin-bottom: 0;
}
#block-vesta-theme-zagolovokblokafotogalereya .field--name-body p {
	text-align: right;
}
.catalog-section-wrapper .field--name-field-catalog-image a:before {
	
}
.catalog-section-wrapper:hover .field--name-field-catalog-image a:before {
	-webkit-backdrop-filter: blur(5px);
	        backdrop-filter: blur(5px);
	width: 100%;
	height: 100%;
	position: absolute;
	background:url(/sites/all/themes/vesta_theme/image/background-filter.svg) center, url(/sites/all/themes/vesta_theme/image/hover-logo.png) no-repeat center;
	content: "";
}
.view-catalog.view-id-catalog .view-content {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap: 30px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.catalog-section-wrapper:hover .field--name-description {
	display:none;
}
.catalog-section-wrapper .field--name-description {
	    backdrop-filter:  blur(1px);
	color: white;
  font-size: 48px;
  font-family: Montserrat;
  font-weight: 700;
  position: absolute;
      width: 400px;
  line-height: 1.22;
  top: 50%;
  text-align: center;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.catalog-section-wrapper .field--name-description p {
	margin:0;
}
.catalog-section-wrapper {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	position: relative;
}
.view-catalog.view-id-catalog .view-content > .views-row {
	width: 48%;
}
#block-vesta-theme-views-block-tovary-block-2 .view-content .views-row {
	width: 100%;
}
.catalog-section-wrapper img {
	max-width: 570px;
	max-height: 570px;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}
/* CATALOG SECTION STYLES */

/* GALLERY STYLES */
.field--name-field-gallery > .field__item:hover .field--name-field-media-image {
	position: relative;
}
.field--name-field-gallery > .field__item:hover .field--name-field-media-image .photoswipe:before {
	-webkit-backdrop-filter: blur(5px);
	        backdrop-filter: blur(5px);
	width: 100%;
	height: 100%;
	position: absolute;
	background:url(/sites/all/themes/vesta_theme/image/background-filter.svg) center, url(/sites/all/themes/vesta_theme/image/hover-logo.png) no-repeat center/60%;
	content: "";
}
.field--name-field-gallery{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap: 30px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}
.field--name-field-gallery > .field__item img {
	max-width: 270px;
  max-height: 306px;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.30);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.30);
  -o-object-fit: cover;
     object-fit: cover;
}
.field--name-field-gallery > .field__item {
	width:23%;
}
.field--name-field-gallery:after {
	content: "";
	width: 23%;
	height: 0;
}

/* GALLERY STYLES */

/* FOS STYLES */

.wf-flex {
	    display: Flex;
    gap: 30px;
}
.wf-left, .wf-right {
	width: 50%;
}
.wf-left {
	margin-top: -15px;
}
.wf-input input {
	color: #7D7D7D;
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 500;
  padding: 15px 11px;
  border: none;
  border-bottom: 1px solid black;
  border-radius: 0;
  margin: 0;
}
.wf-textarea textarea {
	color: #7D7D7D;
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 500;
	border-radius: 0;
	border: 1px solid black;
	    height: 105px;
}
.wf-textarea {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap:15px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	color: #7D7D7D;
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 500;
}

.wf-check a:hover {
	text-decoration: none;
}
.wf-check a {
	color: black;
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 400;
}
.wf-check input:checked {
	background: url("data:image/svg+xml,%3Csvg width='7' height='7' viewBox='0 0 7 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='6' height='6' fill='black' stroke='black'/%3E%3C/svg%3E%0A") no-repeat center;
	background-size: 7px 7px;
}
.wf-check input {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	width: 11px;
	height: 11px;
	min-width: 11px;
	border: 1px black solid;
	cursor: pointer;
}
.wf-check {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
    gap: 10px;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 22px;
	color: black;
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 400;
}
.wf-submit {
	    text-align: center;
		margin-top: 35px;
}
.wf-submit button {
	color: #009EE0;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 700;
  background: none;
  border-radius: 0;
  border: 2px #009EE0 solid;
  padding: 15px 58px;
}
/* FOS STYLES */

/* CTA STYLES */
.not-front h1 {
	font-size: 58px;
	margin-bottom: 18px;
}
.cta-wrapper h1 {
	/*backdrop-filter: brightness(0.95);*/
	color: white;
  font-size: 60px;
  font-family: Montserrat;
  font-weight: 700;
  line-height: 1.2;
  /*max-width: 1010px;*/
  margin-bottom: 38px;
  text-transform: uppercase;
}
.cta-wrapper .field--name-body {
	    /*backdrop-filter: brightness(0.9) blur(10px);*/
	color: white;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 700;
  max-width: 549px;
}
.cta-wrapper {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding-top: 158px;
    padding-bottom: 86px;
}
.cta-bottom a:hover {
	background: white;
	color: black;
}
.cta-bottom {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: end;
        align-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 40px;
}
.cta-bottom a {
	color: white;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 700;
  padding: 15px 43px;
  display: block;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  border: 2px white solid;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  text-decoration: none;
      backdrop-filter: brightness(0.9) blur(10px);
}
.field--name-field-vtoroy-tekst {
	color: white;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 700;
  max-width: 400px;
  text-align: right;
      /*backdrop-filter: brightness(0.9) blur(10px);*/
}
.cta-outer-wrapper img {
	    width: 100%;
    height: 950px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top center;
       object-position: top center;
}
.cta-outer-wrapper p{
	margin: 0;
}
.cta-outer-wrapper {
	position: relative;
}

/* CTA STYLES */

/* PRODUCT PAGE STYLES*/
.product-teaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
}

.product-teaser .product-teaser-image {
    max-width: 500px;
}

.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image .elements .current-slide.slick-initialized.slick-slider {
    margin: 0 0 10px;
}

.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image .elements .current-slide.slick-initialized.slick-slider .slick-list.draggable .slick-track .element.slick-slide img {
    max-width: 500px;
    min-width: 500px;
    max-height: 500px;
    min-height: 500px;
    -o-object-fit: cover;
       object-fit: cover;
}
.product-view-full {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
    gap: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.not-front .product-teaser .product-teaser-info .field--name-price:before {
	content: "Цена: ";
	font-weight: 500;
}
.not-front .product-teaser .product-teaser-info .field--name-price {
	color: black;
  font-size: 18px;
  font-family: Montserrat;
  font-weight: 300;
}
.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image img {
    max-width: 500px;
    min-width: 500px;
    max-height: 500px;
    min-height: 500px;
    -o-object-fit: cover;
       object-fit: cover;
}

.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image .elements .nav-slide.slick-initialized.slick-slider .slick-list.draggable {
    margin: 0 -5px;
}

.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image .elements .nav-slide.slick-initialized.slick-slider .slick-list.draggable .slick-track .element.slick-slide {
    margin: 0 5px;
    max-width: 118px;
    min-width: 118px;
    max-height: 118px;
    min-height: 118px;
}

.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image .elements .nav-slide.slick-initialized.slick-slider .slick-list.draggable .slick-track .element.slick-slide img {
    max-width: 118px;
    min-width: 118px;
    max-height: 118px;
    min-height: 118px;
    -o-object-fit: cover;
       object-fit: cover;
}

.product-teaser .product-teaser-info {
    max-width: 500px;
}

.product-view-full button.slick-prev.slick-arrow {
    left: 10px;
}

.product-view-full button.slick-next.slick-arrow {
    right: 10px;
}


.node--view-mode-full .field--name-body img {
    margin: 0 10px;
}

/* PRODUCT PAGE STYLES*/


/* *** ADAPTIVE *** */
@media screen and (max-width: 1199px) {
	.section-m {
		margin-bottom: 100px;
	}
	.contact-item.phone a, .contact-item.mail a, .contact-item.address address, .product-teaser-wrapper a {
		font-size: 16px;
	}
	.cta-wrapper h1, .not-front h1 {
		font-size: 52px;
	}
	.catalog-section-wrapper .field--name-description {
		font-size: 40px;
	}
	.field--name-field-ssylka-preimushchestva a, .wf-submit button, footer ul.nav > li > a, #block-vesta-theme-views-block-tovary-block-2 .view-content .views-row a, .nav-name, #block-vesta-theme-knopkasmotretgalereya .field--name-body a, #block-vesta-theme-knopkasmotretprodukciya .field--name-body a, .cta-wrapper .field--name-body, .field--name-field-vtoroy-tekst, .cta-bottom a, header#header ul.nav > li > a, .benefit-wrapper .field--name-body {
		font-size: 14px;
	}
	#app .field--name-field-preimushchestva > .field__item {
		width: 100%;
	}
	#block-vesta-theme-zagolovokblokaprodukciya .field--name-body, #block-vesta-theme-zagolovokblokafotogalereya .field--name-body, #block-vesta-theme-zagolovokblokafos .field--name-body {
		font-size: 40px;
	}
	#block-vesta-theme-zagolovokblokaprodukciya .field--name-body u, #block-vesta-theme-zagolovokblokafotogalereya .field--name-body u, #block-vesta-theme-zagolovokblokafos .field--name-body u {
		font-size: 40px;
	}
}

@media screen and (max-width: 991px) {
	.section-m {
		margin-bottom: 80px;
	}
	.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image img, .product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image .elements .current-slide.slick-initialized.slick-slider .slick-list.draggable .slick-track .element.slick-slide img {
		max-width: 100%;
		min-width: 100%;
		width: 100%;
	}
	.product-teaser .product-teaser-image {
		max-width: 100%;
		width: 100%;
	}
	.not-front .product-teaser .product-teaser-info .field--name-price { 
		font-size: 16px;
	}
	.product-teaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
	#block-vesta-theme-knopkasmotretgalereya .field--name-body a, #block-vesta-theme-knopkasmotretprodukciya .field--name-body a, .cta-bottom a {
		padding: 16px 32px;
	}
	.catalog-section-wrapper .field--name-description {
		width: 100%;
	}
	.footer-wrapper {
		gap: 30px;
	}
	.col-webvesta a {
		font-size: 14px;
	}
	.catalog-section-wrapper:hover .field--name-field-catalog-image a:before {
		background: url(/sites/all/themes/vesta_theme/image/background-filter.svg) center, url(/sites/all/themes/vesta_theme/image/hover-logo.png) no-repeat center / 75%;
	}
	.field--name-field-fonovoe-izobrazhenie-bloka img {
		height: 400px
	}
	.field--name-field-logotip-bloka img {
		width: 260px;
		height: auto;
	}
	.benefits-link-wrapper img {
		    width: 100%;
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.30);
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.30);
	}
	.benefits-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.field--name-field-preimushchestva {
		width: 100%;
	}
	.view-catalog.view-id-catalog .view-content, .view-id-tovary.view-display-id-page_2 .view-content .views-row {
		gap: 15px;
	}
	#block-vesta-theme-zagolovokblokaprodukciya .field--name-body, #block-vesta-theme-zagolovokblokafotogalereya .field--name-body, #block-vesta-theme-zagolovokblokafos .field--name-body {
		font-size: 30px;
	}
	#block-vesta-theme-zagolovokblokaprodukciya .field--name-body u, #block-vesta-theme-zagolovokblokafotogalereya .field--name-body u, #block-vesta-theme-zagolovokblokafos .field--name-body u {
		font-size: 30px;
	}
	.cta-wrapper h1, .not-front h1 {
		font-size: 40px;
	}
	.field--name-field-ssylka-preimushchestva a, .wf-submit button, footer ul.nav > li > a, #block-vesta-theme-views-block-tovary-block-2 .view-content .views-row a, .nav-name, #block-vesta-theme-knopkasmotretgalereya .field--name-body a, #block-vesta-theme-knopkasmotretprodukciya .field--name-body a, .cta-wrapper .field--name-body, .field--name-field-vtoroy-tekst, .cta-bottom a, header#header ul.nav > li > a, .benefit-wrapper .field--name-body {
		font-size: 13px;
	}
	.catalog-section-wrapper .field--name-description {
		font-size: 30px;
	}
	.contact-item.phone a, .contact-item.mail a, .contact-item.address address {
		font-size: 14px;
	}
    #offcanvasNav .nav .dropdown-menu {
        display: none;
        position: static;
        border: 0px solid;
        background: transparent;
        padding: 10px 0;
        border-bottom: 1px solid #BDBDBD;
    }

    #offcanvasNav li.nav-item {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
	#scrollToTop {

    bottom: 30px;

    right: 40px;

}
	.section-m {
		margin-bottom: 60px;
	}
	.wf-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 15px;
	}
	.wf-left, .wf-right {
		width: 100%;
	}
	.field--name-field-gallery > .field__item {
		width: 32%;
	}
	.field--name-field-gallery:after {
		width: 32%;
	}
	#block-vesta-theme-views-block-tovary-block-2 .view-content {
		width: 100%;
	}
	#block-vesta-theme-views-block-tovary-block-2 .views-row {
		width: 100%;
	}
	.footer-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 15px;
	}
	.cta-wrapper {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.cta-outer-wrapper img {
		height: 800px;
	}
	#block-vesta-theme-knopkasmotretgalereya .field--name-body a, #block-vesta-theme-knopkasmotretprodukciya .field--name-body a, .cta-bottom a {
		padding: 12px 18px;
	}
	.cta-wrapper h1, .not-front h1 {
		font-size: 35px;
	}
	#block-vesta-theme-zagolovokblokaprodukciya .field--name-body, #block-vesta-theme-zagolovokblokafotogalereya .field--name-body, #block-vesta-theme-zagolovokblokafos .field--name-body {
		font-size: 20px;
	}
	#block-vesta-theme-zagolovokblokaprodukciya .field--name-body u, #block-vesta-theme-zagolovokblokafotogalereya .field--name-body u, #block-vesta-theme-zagolovokblokafos .field--name-body u {
		font-size: 20px;
	}
	.field--name-field-ssylka-preimushchestva a, .wf-submit button, footer ul.nav > li > a, #block-vesta-theme-views-block-tovary-block-2 .view-content .views-row a, .nav-name, #block-vesta-theme-knopkasmotretgalereya .field--name-body a, #block-vesta-theme-knopkasmotretprodukciya .field--name-body a, .cta-wrapper .field--name-body, .field--name-field-vtoroy-tekst, .cta-bottom a, header#header ul.nav > li > a, .benefit-wrapper .field--name-body {
		font-size: 12px;
	}
	.catalog-section-wrapper .field--name-description {
		font-size: 20px;
	}
	.contact-item.phone a, .contact-item.mail a, .contact-item.address address {
		font-size: 12px;
	}
}

@media screen and (max-width: 576px) {
	
	.view-catalog.view-id-catalog .view-content, .view-id-tovary.view-display-id-page_2 .view-content .views-row {
		gap: 5px;
	}
	#block-vesta-theme-knopkasmotretgalereya .field--name-body a, #block-vesta-theme-knopkasmotretprodukciya .field--name-body a, .cta-bottom a {
		padding: 6px 12px;
	}
	.cta-outer-wrapper img {
		height: 750px;
	}
	.cta-wrapper h1, .not-front h1 {
		font-size: 30px;
	}
	#block-vesta-theme-zagolovokblokaprodukciya .field--name-body, #block-vesta-theme-zagolovokblokafotogalereya .field--name-body, #block-vesta-theme-zagolovokblokafos .field--name-body {
		font-size: 16px;
	}
	#block-vesta-theme-zagolovokblokaprodukciya .field--name-body u, #block-vesta-theme-zagolovokblokafotogalereya .field--name-body u, #block-vesta-theme-zagolovokblokafos .field--name-body u {
		font-size: 16px;
	}
	.catalog-section-wrapper .field--name-description {
		font-size: 16px;
	}
}