#block-vesta-theme-searchapipagesearchblockform-2 form div.form-type-search {
	width: 100%;
}
.body-product-type--vesta_product #block-vesta-theme-searchapipagesearchblockform-2 {
	display:none
}
.front #benefits-section .view-content .node--type-preimushchestva {
	height: 100%;
}
#block-vesta-theme-searchapipagesearchblockform-2 form {
	    position: relative;
		    display: flex
;
}
#block-vesta-theme-searchapipagesearchblockform-2 button[type="submit"]:hover {
    -webkit-transform: translateY(-50%) scale(1.06);
    -ms-transform: translateY(-50%) scale(1.06);
    transform: translateY(-50%) scale(1.06);
}
#block-vesta-theme-searchapipagesearchblockform-2 button[type="submit"] {
    position: absolute;
    right: 38px;
    font-size: 0;
    width: 24px;
    height: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/sites/all/themes/vesta_theme/image/search.svg) no-repeat center;
    background-size: contain;
    border: none;
    -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;
}
#block-vesta-theme-searchapipagesearchblockform-2 input[name="keys"] {
    background: #F0F0F0;
    border-radius: 10px;
    border: none;
    padding: 19px 65px 19px 36px;
    color: #0D0D0D;
    font-size: 15px;
    font-family: Ubuntu;
    font-weight: 400;
    width: 100%;
}
#block-vesta-theme-searchapipagesearchblockform-2 {
	margin-bottom: 30px;
}
#block-vesta-theme-searchapipagesearchblockform-2 .block-title {
	margin-bottom: 10px;
	font-size: 24px;
}
#app .vpa-wrapper .container .vpa-actions {
	    flex-wrap: nowrap;
    flex-direction: row;
	align-items: center;
}
#app .vpa-content strong:before {
	content: "";
	width: 26px;
	min-width: 26px;
	height: 26px;
	background: url(/sites/all/themes/vesta_theme/image/cookie.svg) no-repeat center;
	background-size: contain;
	    margin-top: 2px;
}
#vpa-btn-yes:hover {
	filter: brightness(.7);
}
#vpa-btn-yes {
	background: #D90501;
  border-radius: 6px;
  border: 1px #D90501 solid;
    color: white;
  font-size: 12px;
  font-family: Ubuntu;
  font-weight: 700;
  text-transform: uppercase;
  padding: 9px 26px;
  height: fit-content;
  width: fit-content;
  transition: all .2s ease;
}
#vpa-btn-no:hover {
	background: #1E1E1E;
	color: #fff
}
#vpa-btn-no {
	border: 1px #1E1E1E solid;
	background: transparent;
	padding: 9px 24px;
  height: fit-content;
      width: max-content;
    color: #1E1E1E;
  font-size: 12px;
  font-family: Ubuntu;
  font-weight: 700;
  text-transform: uppercase;
  transition: all .2s ease;
}
#app .vpa-content strong {
	  color: #1E1E1E;
  font-size: 17px;
  font-family: Ubuntu;
  font-weight: 700;
  margin-bottom:8px;
  display:flex;
  align-items: center;
  gap: 5px;
}
#app .vpa-content {
	font-size: 12px;
	line-height: 13px;
}
#app .vpa-wrapper .container {
	    display: flex
;
    gap: 14px;
	
}
#app .vpa-wrapper {
	    width: fit-content;
    margin: 0 auto;
	background: #F0F0F0;
}
.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);
}
.ui-dialog-titlebar {
	background: #0D0D0D;
}
.ui-dialog-title {
	color: white;
  font-family: Russo One;
  font-weight: 400;
}
.body-product-type--avtomobili .field--name-price:after, .product-wrapper.automobile .field--name-price:after  {
	content:" юань"
}
.not-front .view-catalog.view-id-catalog.view-display-id-block .view-content:after {
	content: "";
	width: 225px;
	max-width: 775px;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    height: 0;
}
.view-id-catalog.view-display-id-page .view-content, .view-id-catalog.view-display-id-page-1 .view-content, .view-id-tovary.view-display-id-page_2 .view-content, .not-front .view-catalog.view-id-catalog.view-display-id-block .view-content {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex
;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.not-front .region-content {
	margin-bottom: 50px;
}
#drupal-modal .wf-check input[type="checkbox"]:checked {
	-webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(87%) saturate(7500%) hue-rotate(244deg) brightness(95%) contrast(98%);
	        filter: brightness(0) saturate(100%) invert(0%) sepia(87%) saturate(7500%) hue-rotate(244deg) brightness(95%) contrast(98%);
}
#drupal-modal .wf-check input[type="checkbox"] {
	border-color: #0D0D0D;
}
#drupal-modal .wf-submit button {
	width: 100%;
	text-align: center;
}
#drupal-modal .wf-check:has(.form-item--error-message) input[type="checkbox"] {
	border-color: #D90501;
}
.wf-check:has(.form-item--error-message) input[type="checkbox"] {
	border-color: #D90501;
}
#drupal-modal .wf-check .form-item--error-message {
	display:none !important;
}
.wf-check .form-item--error-message {
	display:none !important;
}
#fos-section .alert-error.alert-danger {
	display:none
}
#fos-section .form-item--error-message {
	font-size: 14px;
	font-family: Ubuntu;
	color: #fff;
	    margin-bottom: 10px;
}
#drupal-modal .form-item--error-message {
	font-size: 14px;
	font-family: ubuntu;
}
#drupal-modal .wf-check {
	margin-bottom: 10px;
}
#drupal-modal .wf-input {
	margin-bottom: 10px;
}
#drupal-modal .wf-input input {
	    border: 1px solid #1F1F1F;
    border-radius: 10px;
    padding: 8px 16px;
	background: #fff;
}
#drupal-modal .ui-widget a:hover {
	text-decoration: none;
}
.ui-dialog-titlebar-close:before {
	content: "x";
	text-align: center;
	color: #fff;
	font-family: Ubuntu;
	    line-height: .6;
}
.ui-dialog-titlebar-close:hover {
	background: #D90501;
}
.ui-dialog-titlebar-close {
	border: 1px solid #fff;
	background: transparent;
	border-radius:15px;
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;
    text-align: center;
	-webkit-transition: background .2s ease;
	-o-transition: background .2s ease;
	transition: background .2s ease;
}
.ui-dialog-buttonset {

display: -webkit-box;

display: -ms-flexbox;

display: flex
;
    gap: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.ui-dialog .ui-dialog-buttonset button:hover {
	-webkit-filter: brightness(.7);
	        filter: brightness(.7);
}
.ui-dialog .ui-dialog-buttonset button {
	margin:0;
	    padding: 9px 12px;
    color: white;
    font-size: 17px;
    font-family: Ubuntu;
    font-weight: 400;
    background: -o-linear-gradient(252deg, #D90501 30%, black 100%);
    background: linear-gradient(198deg, #D90501 30%, black 100%);
    border-radius: 10px;
    display: block;
    line-height: 20px;
    text-decoration: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: -webkit-filter .2s 
ease;
    transition: -webkit-filter .2s 
ease;
    -o-transition: filter .2s 
ease;
    transition: filter .2s 
ease;
    transition: filter .2s 
ease, -webkit-filter .2s 
ease;
    border: none;
}
#drupal-modal .ui-widget {
	font-family:Ubuntu;
}
/*FOOTER STYLES*/
footer .top-row ul.nav li a:hover {
	text-decoration: underline;
}
footer .top-row ul.nav li a {
	padding:0;
  color: #0D0D0D;
  font-size: 15px;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 17px;
  text-decoration: none;
}
footer .top-row .contacts a.mail:before {
	content: "";
    width: 21px;
    height: 21px;
    min-width: 21px;
    background: url(/sites/all/themes/vesta_theme/image/sms.svg) no-repeat center;
    background-size: contain;
	    -webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(2467%) hue-rotate(215deg) brightness(107%) contrast(90%);
	            filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(2467%) hue-rotate(215deg) brightness(107%) contrast(90%);
}
footer .top-row .contacts a.mail:hover {
	text-decoration: underline
}
footer .top-row .contacts a.mail {
	    height: -webkit-fit-content;
	    height: -moz-fit-content;
	    height: fit-content;
	  color: #0D0D0D;
  font-size: 17px;
  font-family: Ubuntu;
  font-weight: 400;
  text-decoration: none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  gap:5px;
}

.not-front main .contacts a.mail:before {
	content: "";
    width: 21px;
    height: 21px;
    min-width: 21px;
    background: url(/sites/all/themes/vesta_theme/image/sms.svg) no-repeat center;
    background-size: contain;
	    -webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(2467%) hue-rotate(215deg) brightness(107%) contrast(90%);
	            filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(2467%) hue-rotate(215deg) brightness(107%) contrast(90%);
}
.not-front main .contacts a.mail:hover {
	text-decoration: underline
}
.ajax-progress-throbber{
	display:none;
}
#app .offcanvas  ul.nav a.dropdown-item.active, #app .offcanvas  ul.nav a.dropdown-item:active {
	background-color: #D90501;
	color: #fff;
}
#header  ul.nav a.dropdown-item.active, #header  ul.nav a.dropdown-item:active {
	background-color: #D90501;
	color: #fff;
}
#header ul.nav a.dropdown-item {
	padding: 6px;
	color: #0D0D0D;
}
footer .dropdown-toggle::after, footer .dropdown-menu {
	display: none !important;
}
.not-front main .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;
}
div#vpa-short-wrapper {
	background: #F0F0F0 !important;
}
.not-front main .contacts a.mail {
	    height: -webkit-fit-content;
	    height: -moz-fit-content;
	    height: fit-content;
	  color: #0D0D0D;
  font-size: 17px;
  font-family: Ubuntu;
  font-weight: 400;
  text-decoration: none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  gap:5px;
}


footer .col-webvesta a:hover {
	text-decoration: underline;
}
footer .col-webvesta a {
	  color: #0D0D0D;
  font-size: 15px;
  font-family: Ubuntu;
  font-weight: 400;
  text-decoration: none;
}
footer .col-webvesta {
	background: #F0F0F0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding:17px 0;
}
footer .top-row {
	padding-top: 55px;
	padding-bottom: 32px;
}
footer .top-row .logo img {
	margin-bottom: 16px;
	width: 170px;
	height: 101px;
	-o-object-fit: contain;
	   object-fit: contain;
}
footer .top-row .logo a:hover {
	text-decoration: none;
}
footer .top-row .logo a {
	  color: #D90501;
  font-size: 15px;
  font-family: Ubuntu;
  font-weight: 400;
  text-decoration: underline;
}
footer .top-row .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: 9px;
	  color: #0D0D0D;
  font-size: 15px;
  font-family: Ubuntu;
  font-weight: 400;
}
footer .top-row .contacts {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex
;
    max-width: 434px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 50px;
    row-gap: 21px;
}
footer .top-row ul.nav {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 9px;
}
#block-vesta-theme-views-block-catalog-block-1 .view-content .views-field-name a:hover {
	text-decoration: underline;
}
#block-vesta-theme-views-block-catalog-block-1 .view-content .views-field-name a {
	    color: #0D0D0D;
    font-size: 15px;
    font-family: Ubuntu;
    font-weight: 400;
    line-height: 17px;
	text-decoration: none;
}
#block-vesta-theme-views-block-catalog-block-1 .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;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 9px;
    max-height: 121px;
    -webkit-column-gap: 34px;
       -moz-column-gap: 34px;
            column-gap: 34px;
    color: #0D0D0D;
    font-size: 15px;
    font-family: Ubuntu;
    font-weight: 400;
    line-height: 17px;
}
footer .top-row .col-nav {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	    gap: 100px;
}
footer .top-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.city-phone-block a:hover {
	text-decoration: underline
}
.city-phone-block a {
	  color: #0D0D0D;
  font-size: 17px;
  font-family: Ubuntu;
  font-weight: 700;
  text-decoration: none;
}
.city-phone-block {
	    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:4px;
	  color: #0D0D0D;
  font-size: 15px;
  font-family: Ubuntu;
  font-weight: 400;
  padding-left: 24px;
  background: url(/sites/all/themes/vesta_theme/image/call-bl.svg) no-repeat;
  background-size: 19px 19px;
  background-position: top left;
}
/*FOOTER STYLES*/


/*HEADER STYLES*/

.header-bottom ul.nav li a:hover {
	  color: white;
}
.header-bottom ul.nav li a {
	  color: #ACACAC;
  font-size: 16px;
  font-family: Russo One;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  padding: 13px;
}
.offcanvas .search-api-page-block-form-search form {
	position:relative;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex
;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.offcanvas ul.nav a {
	  color: #0D0D0D;
  font-size: 16px;
  font-family: Russo One;
  font-weight: 400;
  padding-left: 0;
 
}
header .search-api-page-block-form-search form {
	position:relative
}
.offcanvas .search-api-page-block-form-search button[type="submit"]:hover {
	-webkit-transform: translateY(-50%) scale(1.06);
	    -ms-transform: translateY(-50%) scale(1.06);
	        transform: translateY(-50%) scale(1.06);
}
.offcanvas .search-api-page-block-form-search button[type="submit"]:active {
	background-color: transparent;
	-webkit-transform: translateY(-50%) scale(1.06);
	        -ms-transform: translateY(-50%) scale(1.06);
	            transform: translateY(-50%) scale(1.06);
}
header .search-api-page-block-form-search button[type="submit"]:active {
	background-color: transparent;
	-webkit-transform: translateY(-50%) scale(1.06);
	        -ms-transform: translateY(-50%) scale(1.06);
	            transform: translateY(-50%) scale(1.06);
}
header .search-api-page-block-form-search button[type="submit"]:hover {
	    -webkit-transform: translateY(-50%) scale(1.06);
	        -ms-transform: translateY(-50%) scale(1.06);
	            transform: translateY(-50%) scale(1.06);
}
.offcanvas .search-api-page-block-form-search button[type="submit"] {
	position: absolute;
	right: 38px;
	font-size: 0;
	width: 24px;
	height: 24px;
	top: 50%;  
 -webkit-transform: translateY(-50%);  
     -ms-transform: translateY(-50%);  
         transform: translateY(-50%);
 background: url(/sites/all/themes/vesta_theme/image/search.svg) no-repeat center;
 background-size: contain;
 border: none;
 -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;
}
header .search-api-page-block-form-search button[type="submit"] {
	position: absolute;
	right: 38px;
	font-size: 0;
	width: 24px;
	height: 24px;
	top: 50%;  
 -webkit-transform: translateY(-50%);  
     -ms-transform: translateY(-50%);  
         transform: translateY(-50%);
 background: url(/sites/all/themes/vesta_theme/image/search.svg) no-repeat center;
 background-size: contain;
 border: none;
 -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;
}
header .col-contacts a.mail:before, .offcanvas .col-contacts a.mail:before {
	content: "";
    width: 24px;
    height: 24px;
    min-width: 24px;
    background: url(/sites/all/themes/vesta_theme/image/sms.svg) no-repeat center;
    background-size: contain;
	-webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(2467%) hue-rotate(215deg) brightness(107%) contrast(90%);
	        filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(2467%) hue-rotate(215deg) brightness(107%) contrast(90%);
}
header .col-contacts a.phone:before, .offcanvas .col-contacts a.phone:before {
	content: "";
    width: 24px;
    height: 24px;
    min-width: 24px;
    background: url(/sites/all/themes/vesta_theme/image/call-1.svg) no-repeat center;
    background-size: contain;
	-webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(2467%) hue-rotate(215deg) brightness(107%) contrast(90%);
	        filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(2467%) hue-rotate(215deg) brightness(107%) contrast(90%);
}
header .col-contacts a:hover, .offcanvas .col-contacts a:hover {
	text-decoration: underline;
}
 .offcanvas .col-contacts {
	margin-top: 20px;
}
header .col-contacts, .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: 4px;
}
header .col-contacts a, .offcanvas .col-contacts a {
	  color: #0D0D0D;
  font-size: 17px;
  font-family: Ubuntu;
  font-weight: 400;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  
}
header .search-api-page-block-form-search input[name="keys"]::-webkit-input-placeholder, .offcanvas .search-api-page-block-form-search input[name="keys"]::-webkit-input-placeholder {
	  color: #0D0D0D;
  font-size: 15px;
  font-family: Ubuntu;
  font-weight: 400;
}
header .search-api-page-block-form-search input[name="keys"]::-moz-placeholder, .offcanvas .search-api-page-block-form-search input[name="keys"]::-moz-placeholder {
	  color: #0D0D0D;
  font-size: 15px;
  font-family: Ubuntu;
  font-weight: 400;
}
header .search-api-page-block-form-search input[name="keys"]:-ms-input-placeholder, .offcanvas .search-api-page-block-form-search input[name="keys"]:-ms-input-placeholder {
	  color: #0D0D0D;
  font-size: 15px;
  font-family: Ubuntu;
  font-weight: 400;
}
header .search-api-page-block-form-search input[name="keys"]::-ms-input-placeholder, .offcanvas .search-api-page-block-form-search input[name="keys"]::-ms-input-placeholder {
	  color: #0D0D0D;
  font-size: 15px;
  font-family: Ubuntu;
  font-weight: 400;
}
header .search-api-page-block-form-search input[name="keys"]::placeholder, .offcanvas .search-api-page-block-form-search input[name="keys"]::placeholder {
	  color: #0D0D0D;
  font-size: 15px;
  font-family: Ubuntu;
  font-weight: 400;
}
header .search-api-page-block-form-search input[name="keys"]{
	background: #F0F0F0;
  border-radius: 10px;
  border:none;
  padding: 19px 65px 19px 36px;
    color: #0D0D0D;
  font-size: 15px;
  font-family: Ubuntu;
  font-weight: 400;
  width:423px;
}
.offcanvas .search-api-page-block-form-search input[name="keys"]{
	background: #FFF;
  border-radius: 10px;
  border:none;
  padding: 19px 65px 19px 36px;
    color: #0D0D0D;
  font-size: 15px;
  font-family: Ubuntu;
  font-weight: 400;
  width:100%;
}
.header-bottom ul.nav {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap: 24px;
}
.header-bottom {
    background: #0D0D0D;
}

.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 a {
	text-decoration: none;
	
}
header .col-callback .region-callback .btn-formcall:hover {
	-webkit-filter: brightness(.7);
	        filter: brightness(.7);
}
header .col-callback .region-callback .btn-formcall {
	  color: white;
  font-size: 17px;
  font-family: Ubuntu;
  font-weight: 400;
  padding: 18px 13px;
    background: -o-linear-gradient(252deg, #D90501 30%, black 100%);
    background: linear-gradient(198deg, #D90501 30%, black 100%);
  border-radius: 10px;
  border: none;
  -webkit-transition: -webkit-filter .2s ease;
  transition: -webkit-filter .2s ease;
  -o-transition: filter .2s ease;
  transition: filter .2s ease;
  transition: filter .2s ease, -webkit-filter .2s ease;
}
header .col-callback {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex
;
    gap: 12px;
}
#app .cart-block--summary .cart-block--summary__count {
    position: static !important;
  color: white;
  font-size: 24px;
  font-family: Ubuntu;
  text-decoration: none;
      font-weight: 300 !important;
	      line-height: 34px;
}

#header-mob {
    top: 0;
    width: 100%;
    background: #F0F0F0;
    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;
}
header .cart-block--summary__icon {
	    padding: 14px 20px;
    background: #0D0D0D;
    border-radius: 10px;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex
;
    gap: 6px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.offcanvas {
    --bs-offcanvas-bg: #F0F0F0;
}

.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;
}


/*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: 114px;
}

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

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: 43px;
    height: 23px;
    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;
}

button.slick-arrow::before {
    content: '';
    display: block;
    position: relative;
    width: 23px;
    height: 43px;
    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);
}

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);
}

#scrollToTop {
    width: 55px;
    height: 55px;
    background: none;
    text-indent: 0;
    font-size: 0;
    border: 0px;
    outline: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 120px;
    cursor: pointer;
    position: fixed;
    right: 34px;
    z-index: 10;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    padding: 0;
}
#slider-block .field--name-field-slide-link a:hover {
	-webkit-filter: brightness(.7);
	        filter: brightness(.7);
}
#slider-block .field--name-field-slide-link a {
	  color: white;
  font-size: 17px;
  font-family: Ubuntu;
  font-weight: 400;
  padding: 17px 25px;
  background: -o-linear-gradient(252deg, #D90501 30%, black 100%);
  background: linear-gradient(198deg, #D90501 30%, black 100%);
  text-decoration: none;
  border-radius: 10px;
  -webkit-transition: -webkit-filter .2s ease;
  transition: -webkit-filter .2s ease;
  -o-transition: filter .2s ease;
  transition: filter .2s ease;
  transition: filter .2s ease, -webkit-filter .2s ease;
}
#slider-block {
	margin-bottom: 58px;
}

#slider-block .field--name-body {
	  color: white;
  font-size: 30px;
  font-family: Russo One;
  font-weight: 400;
  line-height: 120%;
  max-width: 470px;
  margin-bottom: 27px;
}
/* SLICK STYLES */


/* CATALOG SECTION STYLES */
.catalog-section-wrapper img {
	max-height: 53px;
	-webkit-transition: -webkit-filter .2s ease;
	transition: -webkit-filter .2s ease;
	-o-transition: filter .2s ease;
	transition: filter .2s ease;
	transition: filter .2s ease, -webkit-filter .2s ease;
}

.catalog-section-wrapper:hover img {
	-webkit-filter: brightness(100);
	        filter: brightness(100);
}
.catalog-section-wrapper:hover .field--name-taxonomy-term-title p{
	color: white;
}
.catalog-section-wrapper:hover {
	background: #0D0D0D;
}
.catalog-section-wrapper:before {
	content: "";
	width: 100%;
	  height: 6px;
  background: #D9D9D9;
  border-radius: 10px;
  position:absolute;
  top: -6px;
}
.catalog-section-wrapper:after {
	content: "";
	width: 100%;
	  height: 6px;
  background: #D9D9D9;
  border-radius: 10px;
  position:absolute;
  bottom: -6px;
}
.catalog-section-wrapper {
	    margin: 6px 0 0 0;
	position:relative;
	-webkit-transition: background .2s ease;
	-o-transition: background .2s ease;
	transition: background .2s ease;
	    width: 225px;
    height: 123px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -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;
	gap: 15px;
}
.catalog-section-wrapper .field--name-taxonomy-term-title p {
	margin-bottom: 0;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
	  color: #0D0D0D;
  font-size: 16px;
  font-family: Russo One;
  font-weight: 400;
  text-decoration: none;
}
.catalog-section-wrapper {
	cursor: pointer;
}
.catalog-section-wrapper .field--name-taxonomy-term-title p  {
	margin-bottom: 0;
}
#block-vesta-theme-views-block-catalog-block-front .view-content {
	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;
	margin-bottom: 33px;
}
#block-vesta-theme-views-block-catalog-block-front .more-link {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-bottom: 66px;
}
h1.front-h1 {
	  color: #0D0D0D;
  font-size: 46px;
  font-family: Russo One;
  font-weight: 400;
  text-align: center;
  margin-bottom: 42px;
}
/* CATALOG SECTION STYLES */

/* CATALOG CTA STYLES */
.cat-cta-inner .field--name-body p {
	margin: 0;
}
.cat-cta-inner .field--name-body {
	    line-height: 41px;
	  color: white;
  font-size: 34px;
  font-family: Russo One;
  font-weight: 400;
  max-width: 254px;
  
}
.cat-cta-left {
padding-top: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 28px;
}
.cat-cta-wrapper .field--name-field-izobrazhenie-sprava img {
	 border-radius: 10px;
}
.cat-cta-inner a:after {
	content: "";
	width: 24px;
	height: 13px;
	background: url(/sites/all/themes/vesta_theme/image/larrow.svg) no-repeat center;
	background-size: contain;
	    display: block;

}
.cat-cta-inner a:hover {
	text-decoration: underline;
}
.cat-cta-inner a {
	  color: white;
  font-size: 17px;
  font-family: Ubuntu;
  font-weight: 400;
  text-decoration: none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap: 11px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cat-cta-inner {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex
;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 14px;
}
.cat-cta-wrapper {
	margin-bottom: 68px;
	    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex

;
padding-left: 70px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: -o-linear-gradient(245deg, #D90501 54%, black 100%);
    background: linear-gradient(205deg, #D90501 54%, black 100%);
}
/* CATALOG CTA STYLES */


/* BENEFIT STYLES */
.block-title {
	  color: #0D0D0D;
  font-size: 34px;
  font-family: Russo One;
  font-weight: 400;
}
.benefit-wrapper .field--name-body p {
	margin: 0;
	  color: white;
  font-size: 17px;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.benefit-wrapper img {
	    margin-left: -7px;
}
.benefit-wrapper {
	width: 225px;
	height: 100%;
	min-height:216px;
	background: #0D0D0D;
  border-radius: 10px;
  padding: 28px 12px;
	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-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        
    justify-content: flex-start;
	gap: 16px;
}
#benefits-section .block-title {
	margin-bottom: 24px;
}
#benefits-section {
	padding: 54px 0 83px 0;
	background: url(/sites/all/themes/vesta_theme/image/benefit-bg.png) no-repeat center bottom, #F0F0F0;
}
#benefits-section .view-content {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
/* BENEFIT STYLES */

/* ABOUT STYLES */
#block-vesta-theme-sloganblok .field--name-body p {
	margin: 0;
	text-align: center;
	  color: white;
  font-size: 21px;
  font-family: Ubuntu;
  font-weight: 500;
  line-height: 24px;
     
	 
}
#block-vesta-theme-sloganblok {
	padding: 40px 17px;
	margin-bottom: -19px;
	background: -o-linear-gradient(258deg, #D90501 30%, black 100%), #D90501;
	background: linear-gradient(192deg, #D90501 30%, black 100%), #D90501;
  border-radius: 10px;
}
.more-link a:hover {
	-webkit-filter: brightness(.7);
	        filter: brightness(.7);
}
.more-link a {
	padding: 18px 24px;
	  color: white;
  font-size: 17px;
  font-family: Ubuntu;
  font-weight: 400;
  background: -o-linear-gradient(252deg, #D90501 30%, black 100%);
  background: linear-gradient(198deg, #D90501 30%, black 100%);
  border-radius: 10px;
  display:block;
  line-height: 20px;
  text-decoration: none;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  -webkit-transition: -webkit-filter .2s ease;
  transition: -webkit-filter .2s ease;
  -o-transition: filter .2s ease;
  transition: filter .2s ease;
  transition: filter .2s ease, -webkit-filter .2s ease;
}
#about-section .field--name-field-gallery img {
	  width: 370px;
  height: 241px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
#block-vesta-theme-views-block-about-block-1 .field--name-body p {
	margin: 0;
}
#block-vesta-theme-views-block-about-block-1 .field--name-body {
	  color: #0D0D0D;
  font-size: 17px;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 19px;
}
#about-section .block-title {
	margin-bottom: 14px;
}
#about-section {
	padding-top: 68px;
}
#about-section .field--name-field-gallery {
	margin-bottom: 46px;
	margin-top: 53px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
/* ABOUT STYLES */

/* FOS STYLES */

.fos-inner-wrapper {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex
;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 14px;
}
.fos-wrapper form .wf-input input::-webkit-input-placeholder {
	    color: white;
  font-size: 14px;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 108%;
}
.fos-wrapper form .wf-input input::-moz-placeholder {
	    color: white;
  font-size: 14px;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 108%;
}
.fos-wrapper form .wf-input input:-ms-input-placeholder {
	    color: white;
  font-size: 14px;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 108%;
}
.fos-wrapper form .wf-input input::-ms-input-placeholder {
	    color: white;
  font-size: 14px;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 108%;
}
.fos-wrapper form .wf-input input::placeholder {
	    color: white;
  font-size: 14px;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 108%;
}
.fos-wrapper .wf-textarea.message textarea {
	background: url(/sites/all/themes/vesta_theme/image/message-2.svg) no-repeat center, #1F1F1F;
	background-position: left 28px top 15px;
	background-size: 21px 21px;
}
.fos-wrapper .wf-textarea textarea::-webkit-input-placeholder {
	 	    color: white;
  font-size: 14px;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 108%;
}
.fos-wrapper .wf-textarea textarea::-moz-placeholder {
	 	    color: white;
  font-size: 14px;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 108%;
}
.fos-wrapper .wf-textarea textarea:-ms-input-placeholder {
	 	    color: white;
  font-size: 14px;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 108%;
}
.fos-wrapper .wf-textarea textarea::-ms-input-placeholder {
	 	    color: white;
  font-size: 14px;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 108%;
}
.fos-wrapper .wf-textarea textarea::placeholder {
	 	    color: white;
  font-size: 14px;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 108%;
}
.wf-check input[type="checkbox"]:checked {
	background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='10' rx='1' fill='white'/%3E%3C/svg%3E%0A") no-repeat center;
}
.contacts-wrapper a.mail:before {
	content: "";
	width: 24px;
	height: 24px;
	min-width: 24px;
	background: url(/sites/all/themes/vesta_theme/image/sms.svg) no-repeat center;
	background-size: contain;
}
.contacts-wrapper a.phone:before {
	content: "";
	width: 24px;
	height: 24px;
	min-width: 24px;
	background: url(/sites/all/themes/vesta_theme/image/call-1.svg) no-repeat center;
	background-size: contain;
}
.contacts-wrapper a.mail {
	  color: white;
  font-size: 17px;
  font-family: Ubuntu;
  font-weight: 400;
}
.contacts-wrapper a.phone {
	  color: white;
    font-size: 24px;
  font-family: Ubuntu;
  font-weight: 400;
}
.contacts-wrapper a:hover {
	text-decoration: underline;
}
.contacts-wrapper a {
	  color: white;
  font-family: Ubuntu;
  font-weight: 400;
  text-decoration: none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap: 9px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.contacts-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 13px;
	padding: 20px 80px;
	  background: #1F1F1F;
  border-radius: 10px;
}
.wf-check input[type="checkbox"] {
	-moz-appearance: none;
	     appearance: none;
    -webkit-appearance: none;
	width: 16px;
	height: 16px;
	min-width: 16px;
	border: 2px solid #fff;
	border-radius: 1px;
	cursor: pointer;
}
.wf-check .description a:hover {
	text-decoration: none;
}
.wf-check .description a {
	  color: #ACACAC;
  font-size: 13px;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 14.13px;
  text-decoration: underline;
}
.wf-check .description {
	  color: #ACACAC;
  font-size: 13px;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 14.13px;
}
#fos-section .field--name-body p {
	margin-bottom: 4px;
	  color: #ACACAC;
  font-size: 20px;
  font-family: Ubuntu;
  font-weight: 400;
  max-width: 436px;
  line-height: 23px;
}
#fos-section .block-title {
	 color: white;
	 margin-bottom: 0;
	 
}
#fos-section {
	padding: 106px 0 88px 0;
	background: #0D0D0D;
}
.wf-check {
	padding-left: 30px;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex
;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 14px;
	margin-top: 6px;
	margin-bottom: 7px;
}
.fos-wrapper .wf-textarea textarea {
	width: 100%;
	min-height: 95px;
	max-height: 95px;
	
	background: #1F1F1F;
  border-radius: 10px;
  padding: 18px 10px 9px 60px;
  	    color: white;
  font-size: 14px;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 108%;
  border: none;
}
.fos-wrapper .wf-textarea {
	width: 100%;
	height: 95px;
}
.fos-wrapper form .wf-input.name input {
	background: url(/sites/all/themes/vesta_theme/image/user.svg) no-repeat center, #1F1F1F;
	background-position: left 30px top 13px;
	background-size: 18px 18px;
	
}
.fos-wrapper form .wf-input.phone input {
	background: url(/sites/all/themes/vesta_theme/image/call.svg) no-repeat center, #1F1F1F;
	background-position: left 22px top 14px;
	background-size: 20px 20px;
	padding-left: 52px;
	
}
.wf-input input, .wf-input input:focus {
	margin: 0;
	  background: #1F1F1F;
  border-radius: 10px;
  border: none;
  padding: 16px 8px 16px 60px;
    color: white;
  font-size: 14px;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 108%;
  
}
.fos-wrapper form .wf-input {
	    width: calc(50% - 6px);
}
.wf-submit button:focus {
	-webkit-filter: brightness(.7);
	        filter: brightness(.7);
	border: none;
background: -o-linear-gradient(252deg, #D90501 30%, black 100%);
background: linear-gradient(198deg, #D90501 30%, black 100%);
}
.wf-submit button:active {
	-webkit-filter: brightness(.7);
	        filter: brightness(.7);
	border: none;
background: -o-linear-gradient(252deg, #D90501 30%, black 100%);
background: linear-gradient(198deg, #D90501 30%, black 100%);
}
.wf-submit button:hover {
	-webkit-filter: brightness(.7);
	        filter: brightness(.7);
	border: none;
background: -o-linear-gradient(252deg, #D90501 30%, black 100%);
background: linear-gradient(198deg, #D90501 30%, black 100%);
}
.wf-submit button {
	 background: -o-linear-gradient(252deg, #D90501 30%, black 100%);
	 background: linear-gradient(198deg, #D90501 30%, black 100%);
  border-radius: 10px;
  padding: 17px 28px;
  border: none;
    color: white;
  font-size: 17px;
  font-family: Ubuntu;
  font-weight: 400;
  -webkit-transition: -webkit-filter .2s ease;
  transition: -webkit-filter .2s ease;
  -o-transition: filter .2s ease;
  transition: filter .2s ease;
  transition: filter .2s ease, -webkit-filter .2s ease;
}
.fos-wrapper form {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
	-webkit-column-gap: 12px;
	   -moz-column-gap: 12px;
	        column-gap: 12px;
	max-width: 670px;
}
.fos-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
;
    gap: 64px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
/* FOS STYLES */


/* PRODUCT STYLES*/
.product-wrapper img {
	border-radius: 15px;
	border: 2px solid #fff;
}
.product-wrapper .field--name-title  a:hover {
	text-decoration: underline;
}
.product-wrapper .field--name-price:before {
	content: "Цена: "
}
.product-wrapper .field--name-price {
		  color: white;
  font-size: 15px;
  font-family: Ubuntu;
  font-weight: 600;
  text-align: left;
}
.product-wrapper .field--name-field-ssylka a:hover {
	-webkit-filter: brightness(.7);
	        filter: brightness(.7);
}
.product-wrapper .field--name-field-ssylka a {
	  color: white;
  font-size: 20px;
  font-family: Ubuntu;
  font-weight: 400;
  width:100%;
  text-align: center;
  padding: 9px;
    background: -o-linear-gradient(252deg, #D90501 30%, black 100%);
    background: linear-gradient(198deg, #D90501 30%, black 100%);
  border-radius: 10px;
  display:block;
  text-decoration: none;
  -webkit-transition: -webkit-filter .2s ease;
  transition: -webkit-filter .2s ease;
  -o-transition: filter .2s ease;
  transition: filter .2s ease;
  transition: filter .2s ease, -webkit-filter .2s ease;
}
.product-wrapper .field--name-title  a {
	  color: white;
  font-size: 17px;
  font-family: Ubuntu;
  font-weight: 500;
  text-decoration: none;
}
.product-wrapper {
	width: 306px;
    padding: 10px;
    background: #0D0D0D;
    border-radius: 20px;
    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;
}
/* PRODUCT STYLES*/
#slider-block .slick-slide img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 350px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
/* PRODUCT PAGE STYLES*/
.product-teaser {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
;
    gap: 50px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 20px;
}

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

.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: 600px;
    min-width: 600px;
    max-height: 400px;
    min-height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}

.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: 25px;
}

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


.node--view-mode-full .field--name-body img {
    margin: 0 10px;
}
.horizontal-tab-button a strong {
	  color: #D90501;
  font-size: 15px;
  font-family: Ubuntu;
  font-weight: 500;
}
.product-teaser-info .button--add-to-cart:hover {
	-webkit-filter: brightness(.7);
	        filter: brightness(.7);
}
.product-teaser-info .button--add-to-cart {
	    padding: 18px 24px;
    color: white;
    font-size: 17px;
    font-family: Ubuntu;
    font-weight: 400;
    background: -o-linear-gradient(252deg, #D90501 30%, black 100%);
    background: linear-gradient(198deg, #D90501 30%, black 100%);
    border-radius: 10px;
    display: block;
    line-height: 20px;
    text-decoration: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: -webkit-filter .2s 
ease;
    transition: -webkit-filter .2s 
ease;
    -o-transition: filter .2s 
ease;
    transition: filter .2s 
ease;
    transition: filter .2s 
ease, -webkit-filter .2s 
ease;
border: none;
}
.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 {
	border-radius: 10px;
}
.product-teaser-info .field--name-price:before {
	content: "Цена: "
}
.card-body {
	font-family: Ubuntu;
}
body {
	font-family: Ubuntu;
}
form.commerce-checkout-flow-multistep-default textarea {
	margin-bottom: 10px;
    background: #fff;
    border: 1px solid #1F1F1F;
    border-radius: 10px;
    padding: 8px 16px;
    color: #1F1F1F;
    font-size: 14px;
    font-family: Ubuntu;
    font-weight: 400;
    line-height: 108%;
}
form.commerce-checkout-flow-multistep-default input[type="text"] {
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #1F1F1F;
    border-radius: 10px;
    padding: 8px 16px;
    color:#1F1F1F;
    font-size: 14px;
    font-family: Ubuntu;
    font-weight: 400;
    line-height: 108%;
}
.fieldset-legend a:hover {
	text-decoration: none;
}
.fieldset-legend a {
	color: #D90501;
}
form.commerce-checkout-flow-multistep-default a.link--previous {
	margin-top: 10px;
}
form.commerce-checkout-flow-multistep-default button {
	margin-top: 10px;
}
form.commerce-checkout-flow-multistep-default a.link--previous:hover, form.commerce-checkout-flow-multistep-default button:hover, #block-vesta-theme-content form button.form-submit[name="op"]:hover, button.delete-order-item:hover {
		-webkit-filter: brightness(.7);
		        filter: brightness(.7);
}

form.commerce-checkout-flow-multistep-default a.link--previous, form.commerce-checkout-flow-multistep-default button, #block-vesta-theme-content form button.form-submit[name="op"], button.delete-order-item {
		    padding: 9px 12px;
    color: white;
    font-size: 17px;
    font-family: Ubuntu;
    font-weight: 400;
    background: -o-linear-gradient(252deg, #D90501 30%, black 100%);
    background: linear-gradient(198deg, #D90501 30%, black 100%);
    border-radius: 10px;
    display: block;
    line-height: 20px;
    text-decoration: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: -webkit-filter .2s 
ease;
    transition: -webkit-filter .2s 
ease;
    -o-transition: filter .2s 
ease;
    transition: filter .2s 
ease;
    transition: filter .2s 
ease, -webkit-filter .2s 
ease;
border: none;
}
.product-teaser-info .field--name-price {
	font-weight: 500;
}
.product-teaser-info {
	  color: #0D0D0D;
  font-size: 20px;
  font-family: Ubuntu;
  font-weight: 400;
  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;
}
#edit-quantity-wrapper {
	display:none;
}
.not-front h1 {
	  color: #0D0D0D;
  font-size: 46px;
  font-family: Russo One;
  font-weight: 400;
  margin-bottom: 20px;
}
.not-front header {
	margin-bottom: 10px;
}

/* PRODUCT PAGE STYLES*/


/* *** ADAPTIVE *** */
@media screen and (max-width: 1420px) {
	.view-id-catalog.view-display-id-page .view-content, .view-id-catalog.view-display-id-page-1 .view-content, .view-id-tovary.view-display-id-page_2 .view-content, .not-front .view-catalog.view-id-catalog.view-display-id-block .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
	#block-vesta-theme-views-block-catalog-block-front .view-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 33px;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
	}
	.benefit-wrapper {
		width: 205px;
		padding: 28px 0;
	}
	
}
@media screen and (max-width: 1199px) {
	header .region-navigation {
		    width: 100%;
	}
	.header-bottom ul.nav {
		gap: 0;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	header .col-contacts a {
		font-size: 15px;
	}
	header .search-api-page-block-form-search input[name="keys"] {
		width: 100%;
	}
	.fos-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
;
    gap: 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	}
	.fos-wrapper form .wf-check {
		width:100%;
	}
	.fos-wrapper form {
		max-width: 100%;
	}
	.fos-inner-wrapper {
		width: 100%;
	}
	#fos-section .field--name-body p {
		max-width: 100%;
	}
	.contacts-wrapper {
		display: none;
	}
	.contacts-wrapper {
		    width: -webkit-fit-content;
		    width: -moz-fit-content;
		    width: fit-content;
	}
	#about-section .field--name-field-gallery {
		gap: 10px;
	}
	#about-section .field--name-field-gallery img {
		width: 100%;
	}
	.block-title {
		font-size: 30px;
	}
	.benefit-wrapper {
		width: 205px;
		padding: 28px 12px;
	}
	#benefits-section .view-content .views-row .node {
		height: 100%;
	}
	#benefits-section .view-content {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex
;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 70px;
    row-gap: 40px;
	}
	h1.front-h1, .not-front h1 {
		    font-size: 40px;
	}
	.more-link a {
		font-size: 16px;
		    padding: 12px 18px;
	}
	.cat-cta-wrapper {
		    gap: 30px;
	}
	.cat-cta-wrapper .field--name-field-izobrazhenie-sprava img {
		    width: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
			
	}
	footer .top-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 100px;
}
button.slick-next.slick-arrow {
	right: 50px;
}
button.slick-prev.slick-arrow {
	left: 50px;
}
}

@media screen and (max-width: 991px) {
	#app .vpa-wrapper .container {
		flex-direction: column;
	}
	.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%;
	}
	.product-teaser .product-teaser-image {
		max-width: 100%;
	}
	.view-id-catalog.view-display-id-page .view-content, .view-id-catalog.view-display-id-page-1 .view-content, .view-id-tovary.view-display-id-page_2 .view-content, .not-front .view-catalog.view-id-catalog.view-display-id-block .view-content {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	button.slick-next.slick-arrow {
	right: 25px;
}
button.slick-prev.slick-arrow {
	left: 25px;
}
	#slider-block .field--name-body {
		font-size: 26px;
	}
	footer .top-row {
		gap: 50px;
	}
	#fos-section .field--name-body p {
		font-size: 18px;
		line-height: 1.1;
	}
	#block-vesta-theme-sloganblok .field--name-body p {
		font-size: 18px;
		line-height: 1.1
	}
	#block-vesta-theme-views-block-about-block-1 .field--name-body {
		font-size: 16px;
	}
	.cat-cta-inner .field--name-body {
		font-size: 30px;
	}
	.cat-cta-inner .field--name-body {
		max-width: 100%;
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
		
	}
	.cat-cta-wrapper .field--name-field-izobrazhenie-sprava{
		    display:none
			
	}
	.cat-cta-left {
    padding: 43px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 28px;
}
    #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 {
		        width: 40px;
        height: 40px;
		bottom: 30px;
	}
		button.slick-next.slick-arrow {
	right: 12px;
}
button.slick-prev.slick-arrow {
	left: 12px;
}
	#slider-block .field--name-body {
		font-size: 22px;
	}
	#fos-section .field--name-body p {
		font-size: 16px;
	}
	#block-vesta-theme-sloganblok .field--name-body p {
		font-size: 16px;
	}
	#block-vesta-theme-views-block-about-block-1 .field--name-body {
		font-size: 15px;
		line-height: 1.1;
	}
	.block-title {
		font-size: 26px;
	}
	.cat-cta-inner .field--name-body {
		font-size: 26px;
	}
	.more-link a {
		font-size: 14px;
		    padding: 9px 12px;
	}
	h1.front-h1, .not-front h1 {
		    font-size: 36px;
	}
	.cat-cta-left .field--name-field-ikonka {
		display: none;
	}
	#header-mob .col-logo img {
		width: 140px;
		height: auto;
	}
	header .cart-block--summary__icon {
		padding: 7px 10px;
	}
	button.slick-arrow::before {
		width: 13px;
		height: 23px;
	}
}

@media screen and (max-width: 576px) {
		button.slick-next.slick-arrow {
	right: 6px;
}

button.slick-prev.slick-arrow {
	left: 6px;
}
	div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content {
		padding: 0 50px;
	}
	#slider-block .field--name-body {
		font-size: 18px;
	}
	footer .top-row .col-nav {
		gap: 25px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	footer .top-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
	}
	footer .top-row .contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    max-width: 434px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 50px;
    row-gap: 21px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
footer .top-row .logo {
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
}

	.fos-wrapper form .wf-input {
		width: 100%;
	}
	#block-vesta-theme-sloganblok .field--name-body p {
		font-size: 14px;
	}
	#about-section .field--name-field-gallery {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	#about-section .field--name-field-gallery img {
		height: 150px;
		-o-object-position: center;
		   object-position: center;
	}
	#block-vesta-theme-views-block-about-block-1 .field--name-body {
		font-size: 14px;
	}
	.block-title {
		font-size: 22px;
	}
	.cat-cta-wrapper {
		    padding-left: 30px;
	}
	.cat-cta-inner .field--name-body {
		font-size: 22px;
	}
	h1.front-h1, .not-front h1 {
		    font-size: 26px;
	}
}