@font-face {
    font-family: 'Euclid Circular A';
    src: url("../../app-dist/fonts/EuclidCircularA/EuclidCircularA-Regular-WebS.eot");
    src: local("Euclid Circular A"), local("Euclid Circular A Regular"), url("../../app-dist/fonts/EuclidCircularA/EuclidCircularA-Regular.eot?#iefix") format("embedded-opentype"), url("../../app-dist/fonts/EuclidCircularA/EuclidCircularA-Regular-WebS.woff2") format("woff2"), url("../../app-dist/fonts/EuclidCircularA/EuclidCircularA-Regular-WebS.woff") format("woff"), url("../../app-dist/fonts/EuclidCircularA/EuclidCircularA-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat-B';
    src:  url('../assets/20784.ttf')  format('truetype'), 
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url("../../app-dist/fonts/EuclidCircularA/EuclidCircularA-Medium-WebS.eot");
    src: local("Euclid Circular A Medium"), url("../../app-dist/fonts/EuclidCircularA/EuclidCircularA-Medium.eot?#iefix") format("embedded-opentype"), url("../../app-dist/fonts/EuclidCircularA/EuclidCircularA-Medium-WebS.woff2") format("woff2"), url("../../app-dist/fonts/EuclidCircularA/EuclidCircularA-Medium-WebS.woff") format("woff"), url("../../app-dist/fonts/EuclidCircularA/EuclidCircularA-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url("../../app-dist/fonts/EuclidCircularA/EuclidCircularA-Semibold-WebS.eot");
    src: local("Euclid Circular A SemiBold"), url("../../app-dist/fonts/EuclidCircularA/EuclidCircularA-Semibold.eot?#iefix") format("embedded-opentype"), url("../../app-dist/fonts/EuclidCircularA/EuclidCircularA-Semibold-WebS.woff2") format("woff2"), url("../../app-dist/fonts/EuclidCircularA/EuclidCircularA-Semibold-WebS.woff") format("woff"), url("../../app-dist/fonts/EuclidCircularA/EuclidCircularA-Semibold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.service-icon{
    width: 32px;
    height: 32px;
    filter: invert(40%) sepia(47%) saturate(2244%) hue-rotate(205deg) brightness(99%) contrast(104%);
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
}

.contact-icon{
    width: 32px;
    height: 32px;
    margin: 0.5em;
    filter: invert(100%) sepia(0%) saturate(7436%) hue-rotate(204deg) brightness(123%) contrast(116%);
}

.menu-text{
    font-size: large!important;
}

.logo{
    max-width: none!important;
    height: 70px !important;
}

#contacts::before {
    content: '';
    display: block;
    height: 160px;
    margin: -50px 0 0;
}

.prodImage{
    border-radius: 15px;
}

#services::before {
    content: '';
    display: block;
    height: 120px;
    margin: -30px 0 0;
}

#products::before {
    content: '';
    display: block;
    height: 80px;
    margin: -30px 0 0;
}

.sf-styles {
    font-family: "Euclid Circular A", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: #9090A6
}

.sf-styles ::-moz-selection {
    background: #2260FF;
    color: #FFFFFF
}

.sf-styles ::webkit-selection {
    background: #2260FF;
    color: #FFFFFF
}

.sf-styles ::-moz-selection {
    background: #2260FF;
    color: #FFFFFF
}

.sf-styles ::selection {
    background: #2260FF;
    color: #FFFFFF
}

body.sf-editor-on #sf-page-blocks .sf-block-holder:not(.sf-on-edit) {
    opacity: 0.5
}

body.sf-editor-on #sf-page-blocks .sf-block-holder:not(.sf-on-edit):hover .sf-block-controls,
body.sf-editor-on #sf-page-blocks .sf-block-holder:not(.sf-on-edit):hover .sf-block-name {
    opacity: 0;
    visibility: hidden
}

body.inEditor .fixed-bottom,
body.inEditor .fixed-top,
body.inEditor .position-fixed {
    position: absolute !important
}

body.inEditor #sf-page-blocks .sf-block-holder:not(.sf-on-edit):hover .sf-block [sf-type=section] {
    -webkit-box-shadow: inset 0 0 0 2px #2260FF;
    box-shadow: inset 0 0 0 2px #2260FF
}

body.inEditor .sf-block-holder .sf-block [sf-type=section] {
    min-height: 70px
}

@media (max-width:1279.98px) {
    body.inEditor[sf-scale="0.25"] .sf-block-name {
        display: none
    }
}

body.inEditor[sf-scale="0.25"] .sf-block-controls,
body.inEditor[sf-scale="0.25"] .sf-block-name {
    -webkit-transform: scale(4);
    -ms-transform: scale(4);
    transform: scale(4)
}

body.inEditor[sf-scale="0.25"] #sf-page-blocks .sf-block-holder:not(.sf-on-edit):hover .sf-block [sf-type=section] {
    -webkit-box-shadow: inset 0 0 0 8px #2260FF;
    box-shadow: inset 0 0 0 8px #2260FF;
    min-height: 280px
}

body.inEditor[sf-scale="0.25"] .sf-block-holder .sf-block [sf-type=section] {
    min-height: 280px
}

@media (max-width:649.98px) {
    body.inEditor[sf-scale="0.5"] .sf-block-name {
        display: none
    }
}

body.inEditor[sf-scale="0.5"] .sf-block-controls,
body.inEditor[sf-scale="0.5"] .sf-block-name {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2)
}

body.inEditor[sf-scale="0.5"] #sf-page-blocks .sf-block-holder:not(.sf-on-edit):hover .sf-block [sf-type=section] {
    -webkit-box-shadow: inset 0 0 0 4px #2260FF;
    box-shadow: inset 0 0 0 4px #2260FF
}

body.inEditor[sf-scale="0.5"] .sf-block-holder .sf-block [sf-type=section] {
    min-height: 140px
}

@media (max-width:459.98px) {
    body.inEditor[sf-scale="0.75"] .sf-block-name {
        display: none
    }
}

body.inEditor[sf-scale="0.75"] .sf-block-controls,
body.inEditor[sf-scale="0.75"] .sf-block-name {
    -webkit-transform: scale(1.33333);
    -ms-transform: scale(1.33333);
    transform: scale(1.33333)
}

body.inEditor[sf-scale="0.75"] #sf-page-blocks .sf-block-holder:not(.sf-on-edit):hover .sf-block [sf-type=section] {
    -webkit-box-shadow: inset 0 0 0 2.67px #2260FF;
    box-shadow: inset 0 0 0 2.67px #2260FF
}

body.inEditor[sf-scale="0.75"] .sf-block-holder .sf-block [sf-type=section] {
    min-height: 94px
}

@media (max-width:359.98px) {
    body.inEditor[sf-scale="1"] .sf-block-name {
        display: none
    }
}

#sf-page-blocks.empty {}

#sf-page-blocks .sf-block-placeholder {
    width: 100%;
    height: 100px;
    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;
    font-size: 18px;
    color: #44D453;
    font-weight: 400;
    background: #ddf7e0;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out
}

#sf-page-blocks .sf-block-placeholder:before {
    content: "Drop block here";
    display: block
}

#sf-page-blocks .sf-block-loading {
    height: 150px;
    background: #2260FF url(../i/loader.svg) no-repeat 50% 50%;
    background-size: auto 30%
}

#sf-page-blocks .sf-block-holder {
    position: relative;
    width: 100%;
    background: #FFFFFF;
    -webkit-transition: opacity 0.15s;
    -o-transition: opacity 0.15s;
    transition: opacity 0.15s
}

#sf-page-blocks .sf-block-holder:not(.sf-on-edit):hover .sf-block-controls,
#sf-page-blocks .sf-block-holder:not(.sf-on-edit):hover .sf-block-name {
    opacity: 1;
    visibility: visible
}

#sf-page-blocks .sf-block-holder.sf-on-edit {
    height: auto !important
}

#sf-page-blocks .sf-block-holder:first-of-type .sf-block-up,
#sf-page-blocks .sf-block-holder:last-of-type .sf-block-down {
    display: none
}

#sf-page-blocks .sf-block-holder.sf-locked .sf-block-name {
    margin-left: 40px
}

#sf-page-blocks .sf-block-holder.sf-locked .sf-block-name:before {
    display: block;
    content: "";
    position: absolute;
    left: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border: 1px solid #E2E4EA;
    border-radius: 10px;
    background: #FFFFFF url(../i/lock-heading.svg) no-repeat 50% 50%;
    background-size: 16px auto;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out
}

#sf-page-blocks .sf-block-holder.sf-block-placeholder {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(206, 203, 219, 0.4)), to(rgba(206, 203, 219, 0.4)));
    background: -o-linear-gradient(bottom, rgba(206, 203, 219, 0.4), rgba(206, 203, 219, 0.4));
    background: linear-gradient(0deg, rgba(206, 203, 219, 0.4), rgba(206, 203, 219, 0.4));
    height: 100px;
    -webkit-transition: all 0.5s cubic-bezier(0.39, 1.31, 0.28, 1);
    -o-transition: all 0.5s cubic-bezier(0.39, 1.31, 0.28, 1);
    transition: all 0.5s cubic-bezier(0.39, 1.31, 0.28, 1)
}

#sf-page-blocks .sf-block-holder.ui-sortable-helper {
    list-style: none !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: width 0.1s, height 0.1s;
    -o-transition: width 0.1s, height 0.1s;
    transition: width 0.1s, height 0.1s
}

#sf-page-blocks .sf-block-holder.ui-sortable-helper .sf-block-clone,
#sf-page-blocks .sf-block-holder.ui-sortable-helper .sf-block-delete,
#sf-page-blocks .sf-block-holder.ui-sortable-helper .sf-block-edit,
#sf-page-blocks .sf-block-holder.ui-sortable-helper .sf-block-move,
#sf-page-blocks .sf-block-holder.ui-sortable-helper .sf-block-name {
    opacity: 0
}

#sf-page-blocks .sf-block-holder .sf-block [sf-type=section] {
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out
}

#sf-page-blocks .sf-block-holder .sf-block [data-sf-uid]:not(.js-on-edit):not([data-sf-type=section]):not([data-sf-type=container]):not([data-sf-type=form]):hover {
    outline: 2px solid rgba(34, 96, 255, 0.5) !important;
    cursor: alias !important
}

#sf-page-blocks .sf-block-holder .sf-block .js-element-highlighted:not(.js-on-edit) {
    outline: 2px solid rgba(34, 96, 255, 0.5) !important;
    cursor: alias !important
}

#sf-page-blocks .sf-block-holder .sf-block .js-element-highlighted:not(.js-on-edit)[data-sf-type=section] {
    outline-offset: -2px
}

#sf-page-blocks .sf-block-holder .sf-block .js-on-edit {
    outline: 2px solid #2260FF !important
}

#sf-page-blocks .sf-block-holder .sf-block .js-on-edit[data-sf-type=section] {
    outline-offset: -2px
}

#sf-page-blocks .sf-block-holder>img {
    display: block;
    width: 100%;
    -webkit-transition: height 0.25s, opacity 0.25s;
    -o-transition: height 0.25s, opacity 0.25s;
    transition: height 0.25s, opacity 0.25s;
    cursor: move
}

.sf-block-name {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #0C111E;
    background: #FFFFFF;
    border: 1px solid #E2E4EA;
    border-radius: 10px;
    padding: 4px 14px;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 2010
}

.sf-block-name:hover {
    border-color: #0C111E
}

.sf-block-name:focus-visible {
    outline: none;
    color: #2260FF;
    border-color: #2260FF
}

.sf-block-controls {
    position: absolute;
    right: 20px;
    opacity: 0;
    visibility: hidden;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2010;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.sf-block-controls.sf-top {
    top: 20px;
    -webkit-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%
}

.sf-block-controls.sf-bottom {
    bottom: 20px;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.sf-block-controls a {
    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;
    width: 30px;
    padding: 0;
    height: 30px;
    line-height: 18px;
    min-height: 30px;
    text-decoration: none;
    border-radius: 10px;
    background: #FFFFFF;
    border: 1px solid #E2E4EA;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.sf-block-controls a:focus {
    outline: none
}

.sf-block-controls a:hover {
    border-color: #0043ee;
    background: #2260FF;
    opacity: 1 !important
}

.sf-block-controls a:hover svg {
    fill: #FFFFFF
}

.sf-block-controls a.sf-block-delete:hover {
    border-color: #ee0056;
    background: #FF2272
}

.sf-block-controls a:not(.sf-block-edit) {
    margin-bottom: 10px
}

.sf-block-controls a svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    fill: #0C111E;
    stroke: #0C111E
}

@media (max-width:991.98px) {

    .sf-editor-mobile .sf-block-holder:not(.sf-on-edit) .sf-block-controls,
    .sf-editor-mobile .sf-block-holder:not(.sf-on-edit) .sf-block-name {
        opacity: 1;
        visibility: visible
    }
}

.sf-short .sf-block-controls.sf-top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    right: 60px
}

.sf-short .sf-block-controls.sf-bottom {
    bottom: auto;
    top: 20px;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.sf-short .sf-block-controls a:not(.sf-block-edit) {
    margin-bottom: 0;
    margin-left: 10px
}

.sf-short .sf-block-controls a.sf-block-down {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.sf-short .sf-block-controls a.sf-block-clone {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.sf-short .sf-block-controls a.sf-block-delete {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

[sf-scale="0.75"] .sf-short .sf-block-controls.sf-top {
    right: 73.33333px
}

[sf-scale="0.5"] .sf-short .sf-block-controls.sf-top {
    right: 100px
}

[sf-scale="0.25"] .sf-short .sf-block-controls.sf-top {
    right: 180px
}

.sf-centered .sf-block-controls,
.sf-centered .sf-block-name {
    top: 50% !important;
    margin-top: -15px
}

[sf-scale="0.75"] .sf-centered .sf-block-controls,
[sf-scale="0.75"] .sf-centered .sf-block-name {
    margin-top: -20px
}

[sf-scale="0.5"] .sf-centered .sf-block-controls,
[sf-scale="0.5"] .sf-centered .sf-block-name {
    margin-top: -30px
}

[sf-scale="0.25"] .sf-centered .sf-block-controls,
[sf-scale="0.25"] .sf-centered .sf-block-name {
    margin-top: -60px
}