@charset "UTF-8";
img {
    max-width: 100%;
    height: auto
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}
::selection {
    background: #b3d4fc;
    text-shadow: none
}
textarea {
    resize: vertical
}
.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}
.site {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}
.site__content {
    margin-bottom: auto
}
h1 {
    font-size: 22px
}
.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em
}
.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important
}
.screen-reader-text:focus {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto!important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #000;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}
#primary[tabindex="-1"]:focus {
    outline: 0
}
.col-2-4,
.col-lg-2-4,
.col-md-2-4,
.col-sm-2-4,
.col-xl-2-4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}
.col-2-4 {
    flex: 0 0 20%;
    max-width: 20%
}
.offset-2-4 {
    margin-left: 20%
}
html {
    --primary: #FF5B16;
    --secondary: #077893;
    --spacer-full: 50px;
    --spacer-half: 25px
}
.btn {
    font-family: Roboto, sans-serif;
    border-radius: 0;
    text-transform: uppercase
}
.page__title {
    color: var(--secondary);
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    margin: -10px 0 var(--spacer-half)
}
.flex-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap
}
.color-inherit,
.color-inherit:focus,
.color-inherit:hover,
.phone,
.phone:focus,
.phone:hover,
.sfooter__menu a,
.sfooter__menu a:focus,
.sfooter__menu a:hover {
    color: inherit
}
.phone,
.phone:focus,
.phone:hover,
.text-decoration-inherit,
.text-decoration-inherit:focus,
.text-decoration-inherit:hover {
    text-decoration: inherit
}
.phone {
    cursor: default
}
.icon {
    display: inline-flex
}
.icon+.icon {
    margin-left: 6px
}
.icon::before {
    content: '';
    display: block;
    margin-right: 10px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}
.icon_20 {
    width: 20px
}
.icon_20::before {
    flex: 0 0 20px;
    height: 20px
}
.icon_25 {
    width: 25px;
    vertical-align: top;
}
.icon_25::before {
    flex: 0 0 25px;
    height: 25px
}
.icon_whatsapp::before {
    background-image: url(images/whatsapp-g.png)
}
.icon_viber::before {
    background-image: url(images/viber-g.png);
    flex: 0 0 26px !important;
    height: 26px !important;
}
.icon_tg::before {
    background-image: url(images/tg-b.svg);
    flex: 0 0 26px !important;
    height: 26px !important;
}
.sfooter .icon_whatsapp::before {
    background-image: url(images/whatsapp-w.png)
}
.sfooter .icon_viber::before {
    background-image: url(images/viber-w.png)
}
.sfooter .icon_tg::before {
    background-image: url(images/tg-w.svg)
}
.icon-block {
    display: flex
}
.icon-block::before {
    content: '';
    display: block;
    flex: 0 0 20px;
    height: 20px;
    margin-right: 10px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}
.icon-block_white::before {
    filter: brightness(0) invert(100%)
}
.icon-block_phone::before {
    background-image: url(images/icon/telephone.png)
}
.icon-block_address::before {
    flex: 0 0 25px;
    height: 25px;
    margin-left: -3px;
    margin-right: 8px;
    background-image: url(images/icon/placeholder.png)
}
.icon-block_time::before {
    background-image: url(images/icon/clock.png)
}
.icon-block_mail::before {
    background-image: url(images/icon/email.png)
}
.has-sidebar .site__main {
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: .9375rem;
    margin-right: .9375rem
}
.has-sidebar .site__sidebar {
    order: -1;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: .9375rem;
    margin-right: .9375rem
}
.site__header {
    margin-bottom: 50px
}
.branding {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1px auto;
    grid-template-columns: auto 1px auto;
    -ms-grid-rows: (auto)[3];
    grid-template-rows: repeat(3, auto);
    gap: 15px;
}
.branding .phone {
    display: block;
    cursor: pointer;
}
.branding .icon-block {
    margin-top: 20px
}
.icon-block_phone a {
    cursor: pointer;
}
.phone-row {
    display: flex;
    white-space: nowrap;
    justify-content: center;
    gap: 50px;
}
.branding .icon-block_phone {
    flex-wrap: wrap
}
.branding .icon-block__body+.icon-block__body {
    margin-left: 30px
}
.branding__logotype {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/span 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/span 1;
    padding-top: 20px;
    text-align: center;
}
.branding__navigation {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/span 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/span 1;
    display: flex;
    align-items: center;
    margin: 0
}
.branding__contacts {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/span 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/span 1
}
.branding__links {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/span 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/span 1;
    padding-top: 10px;
    display: flex;
    align-items: flex-start;
    font-weight: 500
}
.branding__links .icon-block {
    flex: 1;
    justify-content: center;
}
.branding__links a {
    font-size: 20px;
}
.branding__links .messages {
    padding-top: 20px
}
.branding__callback {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/span 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/span 1
}
.callback__name {
    position: relative;
    text-align: center;
    margin: 0;
    line-height: .1
}
.callback__name>span {
    z-index: 5;
    position: relative;
    top: -3px;
    display: inline-block;
    padding: 0 18px;
    background-color: #fff;
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase
}
.callback__name::before {
    z-index: -1;
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    border-bottom: 1px solid #000
}
.callback__title {
    margin: 0 0 5px;
    display: flex;
    justify-content: space-between;
    font-family: "Roboto Slab", sans-serif;
    font-weight: 700;
    font-size: 92px;
    text-transform: uppercase;
    color: #077893
}
.callback__desc {
    text-align: center;
}
.callback__btn {
    width: 100%;
    padding: 1.188rem .75rem;
    margin-top: 50px
}
.site__footer {
    padding: 20px;
    min-height: 250px
}
.site__footer .flex-container>div {
    flex: 1 1 260px;
    max-width: 260px
}
.sfooter {
    font-family: Roboto, sans-serif;
    background-color: #077893;
    color: #fff
}
.sfooter__logotype img {
    margin-right: 10px
}
.sfooter .icon-block {
    margin-bottom: 14px
}
.sfooter .phone {
    display: block;
    cursor: pointer;
}
.sfooter .copy,
.sfooter .policy {
    margin-bottom: 10px
}
.sfooter a.policy {
    color: inherit;
}
.site__navigation {
    width: 100%
}
.site__navigation .container {
    padding: 0 15px
}
.site__navigation .navbar-nav {
    flex-direction: column
}
.site__navigation .navbar {
    top: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 999;
    background: #fff;
    padding: 0;
    border-radius: 0
}
.site__navigation .navbar .nav-link,
.site__navigation .navbar .nav-link:focus,
.site__navigation .navbar .nav-link:hover {
    text-decoration: none
}
.site__navigation .navbar-toggler {
    padding: 0 10px;
    border: 0;
    border-radius: 0
}
.site__sidebar__title {
    font-size: 18px
}
.top-products {
    margin-bottom: var(--spacer-full)
}
.top-products__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -.9375rem;
    margin-right: -.9375rem
}
.top-products__list .product {
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: .9375rem;
    margin-right: .9375rem;
    width: 100%;
}
.product {
    font-family: Roboto, serif;
    margin-bottom: 30px
}

.product__inner {
    padding-bottom: 15px;
    background-color: #fff;
    box-shadow: 3px -2px 4px rgb(0 0 0 / 15%), -3px 2px 4px rgba(0, 0, 0, .15);
    box-shadow: -1px 1px 8px -4px #000000ad, 2px 3px 8px -6px #000000ad;
}

.product__preview {
    margin: 0 -50px 30px;
    text-align: center;
}
.product__name {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.3;
    text-transform: uppercase;
    color: #077893;
    text-align: center;
	margin-top: 10px;
	padding: 10px;
}
.product__price {
    margin: 0 0 30px;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
    color: #e91e63;
    text-align: center;
}
.product__price::before {
    content: 'Цена: ';
    font-size: 14px;
    line-height: 1.14286;
    color: #000
}
.product__order {
    display: block;
    width: 100%;
    text-transform: uppercase
}
.shipment {
    padding-top: var(--spacer-full);
    padding-bottom: var(--spacer-full);
    background-color: #f0f0f0;
    margin-bottom: var(--spacer-full)
}
.shipment__list {
    margin: 0 0 30px
}
.list-shipment__title {
    margin-bottom: .6375rem;
}
.list-shipment__text {
    margin-top: 0;
    margin-bottom: .6375rem;
}
.list-shipment__nomarker {
    padding: 0;
    list-style-type: none;
    margin-bottom: 0;
}
.list-shipment {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.text-nomargin {
    margin-bottom: 0;
}
.button-shipment {
    justify-content: center;
    max-width: 270px;
    margin: 0 auto;
    padding-top: 14px;
    padding-bottom: 14px;
}
.shipment__machines {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.9375rem;
    margin-right: -.9375rem
}
.machine {
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: .9375rem;
    margin-right: .9375rem;
    width: calc(50% - 1.875rem)
}
.machine__preview {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, .15);
    margin-bottom: 10px;
    outline: 2px solid #ef7f1a;
    outline-offset: -10px;
}
.machine__preview img {
    width: 100%
}
.machine__name {
    font-size: 12px
}
.advantages {
    padding-top: var(--spacer-full);
    padding-bottom: var(--spacer-full);
    background-color: #f0f0f0;
    margin-bottom: var(--spacer-full);
}
.advantages__title {
    text-align: center;
}
.advantages__list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.9375rem;
    margin-right: -.9375rem;
    justify-content: center
}
.advantages .advantage {
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: .9375rem;
    margin-right: .9375rem;
    width: calc(50% - 1.875rem)
}
.advantage {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 35px;
    text-align: center
}
.advantage__pict {
    flex: 0 0 45px;
    margin: 0 0 20px
}
.about--section {
    margin-bottom: var(--spacer-full)
}
.vacancy-padding {
    margin-bottom: 0;
    padding-top: var(--spacer-full);
    padding-bottom: var(--spacer-full);
    background-color: #f0f0f0;
}
.about {
    margin-left: -.9375rem;
    margin-right: -.9375rem;
    position: relative;
    font-family: Roboto, sans-serif
}
.about::after {
    display: block;
    content: "";
    clear: both
}
.about__pict {
    position: absolute;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: .9375rem;
    margin-right: .9375rem;
    width: calc(41.66667% - 1.875rem);
    background-size: cover
}
.about__call,
.about__name,
.about__text {
    float: right;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: .9375rem;
    margin-right: .9375rem;
    width: calc(100% - 1.875rem)
}
.about__name,
.about__text {
    margin-bottom: 35px
}
.about__call .btn {
    width: 100%;
    max-width: 400px;
    padding: .9rem .75rem;
    text-transform: uppercase
}
.map {
    position: relative;
    display: flex;
    flex-direction: column
}
.map .flex-container {
    order: -1
}
.map .col-contacts {
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: .9375rem;
    margin-right: .9375rem
}
.col-contacts {
    padding: 20px 0 40px
}
.col-contacts .icon-block {
    margin-bottom: 30px;
    font-family: Roboto, sans-serif
}
.col-contacts .phone {
    display: block;
    cursor: pointer;
}
.modal__errors {
    font-size: 14px
}
.modal__errors p {
    margin-bottom: .5em
}
.vacancy__text {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px;
}
.vacancy__text *,
#vacancy a {
    font-size: 20px;
}
#vacancy .icon-block {
    justify-content: center;
}
.map__title {
    text-align: center;
}
.col-contacts .messages {
    text-align: left;
}
.sfooter__contacts .messages {
    margin-left: 60px;
}

.btn-primary {
    color: #fff !important;
    background-color: #ef7f1a !important;
    border-color: #ef7f1a !important;
    height: 50px;
    width: 95%;
    border-radius: 4px;
    padding: 10px;
    font-weight: bolder;
    text-align: -webkit-center;
    margin: 0 auto;
	padding: 16px;
}

.branding__preview {
    outline: 2px solid #ef7f1a;
    outline-offset: -10px;
}
.top-products__title {
    text-align: center;
}
@media screen and (min-width:48rem) {
    .about__call,
    .about__name,
    .about__text {
        width: calc(58.33333% - 1.875rem)
    }
    .map .col-contacts {
        width: calc(33.33333% - 1.875rem)
    }
}
@media screen and (min-width:62rem) {
    .has-sidebar .site__main {
        width: calc(75% - 1.875rem)
    }
    .has-sidebar .site__sidebar {
        width: calc(25% - 1.875rem)
    }
    .advantages .advantage {
        width: calc(33.33333% - 1.875rem)
    }
}
@media screen and (min-width:320px) {
    h1 {
        font-size: calc(22px + 18 * (100vw - 320px)/ 1600)
    }
    .col-sm-2-4 {
        flex: 0 0 20%;
        max-width: 20%
    }
    .offset-sm-2-4 {
        margin-left: 20%
    }
    .page__title {
        font-size: calc(24px + 16 * (100vw - 320px)/ 1600)
    }
    .callback__title {
        font-size: calc(64px + 28 * (100vw - 320px)/ 1600)
    }
    .site__sidebar__title {
        font-size: calc(18px + 4 * (100vw - 320px)/ 1600)
    }
}
@media screen and (max-width:576px) {
    .phone-row {
        flex-direction: column;
        gap: 10px;
    }
}
@media screen and (min-width:576px) {
    .flex-container {
        max-width: 540px
    }
}
@media screen and (min-width:768px) {
    .top-products__list .product {
        width: calc(50% - 1.875rem)
    }
    .col-md-2-4 {
        flex: 0 0 20%;
        max-width: 20%
    }
    .offset-md-2-4 {
        margin-left: 20%
    }
    .flex-container {
        max-width: 720px
    }
    .branding__contacts {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/span 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/span 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }
    .branding__preview {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/span 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        grid-row: 1/span 3;
        margin: 0 50px
    }
    .branding__links {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/span 1
    }
    .branding__callback {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/span 1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 2;
        grid-row: 2/span 2
    }
    .site__footer {
        padding: 45px
    }
    .sfooter__copyright {
        margin-left: auto
    }
    .site__navigation .navbar-brand {
        display: none
    }
    /*  .product {
        background-image: url(images/product-bg1.jpg);
        background-repeat: no-repeat;
        background-size: cover
    }
    .product:nth-child(2) {
        background-image: url(images/product-bg2.jpg)
    }*/
    .product__inner {
        max-width: 100%;
        height: 100%;
        display: flex;
        flex-flow: column;
        justify-content: space-around;
    }
    .advantage {
        flex: 0 0 25%;
        flex-direction: row;
        text-align: left
    }
    .advantage__pict {
        margin: 0 20px 0 0
    }
    .about__pict {
        display: block!important;
        outline: 2px solid #ef7f1a;
        outline-offset: -10px;
    }
    .map {
        height: 700px
    }
    .map .col-contacts {
        position: absolute;
        top: 100px;
        height: 550px;
        background-color: #fff
    }
    .col-contacts {
        padding: 90px 60px
    }
}
@media screen and (min-width:992px) {
    .top-products__list .product {
        width: calc(33% - 1.875rem);
    }
    .col-lg-2-4 {
        flex: 0 0 20%;
        max-width: 20%
    }
    .offset-lg-2-4 {
        margin-left: 20%
    }
    html {
        --spacer-full: 100px;
        --spacer-half: 50px
    }
    .flex-container {
        max-width: 960px
    }
    .has-sidebar .site__sidebar {
        order: 99
    }
    .site__header {
        margin-bottom: 150px
    }
    .site__sidebar__title {
        margin-top: 4.5rem
    }
    /*.shipment>.container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 30px 1fr;
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-rows: 1fr 30px 1fr;
        grid-template-rows: repeat(2, 1fr);
        grid-template-areas: 'left left rightx2';
        grid-gap: 30px
    }
    .shipment__title {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }
    .shipment__list {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        margin: 0
    }
    .shipment__machines {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3
    }*/
    .shipment__title {
        text-align: center;
    }
    .shipment_wrap {
        display: flex;
        justify-content: center;
        gap: 30px;
    }
    .shipment__list {
        width: 50%;
    }
}
@media screen and (min-width:1200px) {
    .col-xl-2-4 {
        flex: 0 0 20%;
        max-width: 20%
    }
    .offset-xl-2-4 {
        margin-left: 20%
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        /*max-width: 1200px*/
		max-width: 80%;
		text-align:center;
    }
    .flex-container {
        max-width: 1140px
    }
    .branding {
        -ms-grid-columns: auto 500px 470px;
        grid-template-columns: auto 500px 470px;
        -ms-grid-rows: (1fr)[3];
        grid-template-rows: repeat(3, 1fr);
        gap: 1px;
		        max-width: 1200px;
				margin:0 auto;
    }
    .branding__preview {
        background: url(images/main-photo.jpg) 0 0/cover no-repeat;
        min-height: 650px;
        outline: 2px solid #ef7f1a;
        outline-offset: -10px;
    }
}
@media screen and (min-width:1920px) {
    .page__title,
    h1 {
        font-size: 40px
    }
    .callback__title {
        font-size: 92px
    }
    .site__sidebar__title {
        font-size: 22px
    }
}
@media screen and (max-width:992px) {
    .advantage {
        flex: 0 0 33.333%;
    }
    h1 {
        margin-top: 1.5rem;
        line-height: 1.5
    }
}
@media screen and (max-width:768px) {
    .branding__preview {
        outline: none;
        outline-offset: unset;
    }
    .site__footer .flex-container .sfooter__logotype {
        flex: 1 1 45%;
        max-width: 45%
    }
    .site__footer .flex-container .sfooter__menu {
        flex: 1 1 55%;
        max-width: 55%
    }
    .sfooter__copyright {
        margin-top: 20px
    }
    .site__header {
        margin-top: 50px
    }
    .site__header .site__navigation {
        z-index: 199;
        position: fixed;
        left: 0;
        top: 0;
        background: #fff;
        padding: 15px
    }
    .site__header .branding__links .icon-block {
        z-index: 200;
        position: fixed;
        top: 0;
        left: 70px;
        min-width: 60vw;
        background: #fff;
        margin: 0;
        padding: 15px;
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap
    }
    .site__header .branding__links .icon-block__body:last-child {
        display: none
    }
    .site__header .branding__links .messages {
        z-index: 200;
        position: fixed;
        top: 0;
        right: 15px;
        padding-top: 11px
    }
    .site__header .navbar-toggler {
        z-index: 250
    }
    .site__header .navbar-collapse {
        z-index: 200;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto!important;
        background-color: #fff;
        max-width: 320px;
        padding: 60px 30px;
        transition: transform .4s
    }
    .site__header .navbar-collapse:not(.show) {
        transform: translateX(-100%)
    }
    .map>ymaps {
        height: 300px!important
    }
}
@media screen and (min-width:768px) and (max-width:1200px) {
    .site__footer .flex-container>div {
        flex: 1 1 25%;
        max-width: 25%
    }
    .site__footer .flex-container .sfooter__menu {
        flex: 1 1 20%;
        max-width: 20%
    }
}
@media screen and (min-width:992px) and (max-width:1200px) {
    .site__navigation .navbar>.container {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    .site__navigation .navbar .navbar-collapse {
        width: 100%;
        justify-content: space-between
    }
}
.product__preview {
    margin: 0 auto;
    text-align: center;
    min-height: 250px;
    width: 100%;
    aspect-ratio: 1;
	padding-top: 20px;
}
.product__preview img {
    object-fit: contain;
    height: 100%;
	border-radius: 20px;
    border: 1px solid #ffffff;
    margin-bottom: 20px;
}

.product__inner:hover {
    box-shadow: -1px 1px 8px -4px #810a0a, 2px 3px 8px -6px #440202ad;
}

.btn-primary:hover {
box-shadow: -1px 1px 8px -4px #000000ad, 2px 3px 8px -6px #000000ad;
}

.branding__callback{text-align:center;}

.callback__btn {margin-top:40px;}