@font-face {
    font-family: 'Inter';
    src: local('Inter Regular'), local('Inter-Regular'),
    url('../fonts/Inter-Regular.woff2') format('woff2'),
    url('../fonts/Inter-Regular.woff') format('woff'),
    url('../fonts/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Medium';
    src: local('Inter Medium'), local('Inter-Medium'),
    url('../fonts/Inter-Medium.woff2') format('woff2'),
    url('../fonts/Inter-Medium.woff') format('woff'),
    url('../fonts/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Bold';
    src: local('Inter Bold'), local('Inter-Bold'),
    url('../fonts/Inter-Bold.woff2') format('woff2'),
    url('../fonts/Inter-Bold.woff') format('woff'),
    url('../fonts/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-SemiBold';
    src: local('Inter Semi Bold'), local('Inter-Semi-Bold'),
    url('../fonts/Inter-SemiBold.woff2') format('woff2'),
    url('../fonts/Inter-SemiBold.woff') format('woff'),
    url('../fonts/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

.ra{
    position:relative;
}
.ra::before{
    content:'';
    display:block;
}
.ra-1_1::before{
    padding-top:100%;
}
.ra-1_1_1::before{
    padding-top:118%;
}
.ra-1_1_2::before{
    padding-top:142%;
}
.ra-1_2::before{
    padding-top:200%;
}
.ra-1_3::before{
    padding-top:300%;
}
.ra-2_3::before{
    padding-top:150%;
}
.ra-3_4::before{
    padding-top:133.33333333%;
}
.ra-2_1::before{
    padding-top:50%;
}
.ra-2_1_1::before{
    padding-top:31%;
}
.ra-2_1_2::before{
    padding-top:42%;
}
.ra-2_1_3::before{
    padding-top:38%;
}
.ra-3_2::before{
    padding-top:66.6666666%
}
.ra-4_3::before{
    padding-top:74.25%;
}
.ra-5_4::before{
    padding-top:72%;
}
.ra-5_4_1::before{
    padding-top:73%;
}
.ra-16_9::before{
    padding-top:56.25%;
}
.ra-16_10::before{
    padding-top:62.5%;
}
.ra-16_14::before{
    padding-top:96.5%;
}
.ra-16_14_1::before{
    padding-top:126%;
}
.ra-16_12::before{
    padding-top:84.5%;
}

.ra-container {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow:hidden;
    width: 100%;
    height: 100%;
    margin: auto;
}

.ra-container img {
    position: absolute;
}

.ra-container img:not(.width100):not(.height100) {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
}

.ra-container img.width100 {
    width: 100%;
    height:auto;
    max-height: inherit;
    top: 50%;
    transform: translateY(-50%);
}

.ra-container img.height100 {
    height: 100%;
    width: auto;
    max-width: inherit;
    left: 50%;
    transform: translateX(-50%);
}

.ra-container img.kvadrat {
    max-width: 100%;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
}

.ra-container img.no_transform {
    left: 0 !important;
    top:0 !important;
    transform: none !important;
}

html,
body {
    font-family: 'Inter';
    color: #292a29;
    line-height: 1.3; 
}

a {color: inherit; text-decoration: none;}

nav .container-fluid,
section .container-fluid,
header .container-fluid,
footer .container-fluid {max-width: 1240px;}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-help {
    cursor: help !important;
}

.cursor-wait {
    cursor: wait !important;
}

.cursor-progress {
    cursor: progress !important;
}

.cursor-zoom-in {
    cursor: zoom-in !important;
}

.cursor-zoom-out {
    cursor: zoom-out !important;
}

.cursor-none {
    cursor: none !important;
}

.font-family-bold {font-family: 'Inter-Bold' !important;}
.font-family-medium {font-family: 'Inter-Medium' !important;}
.font-family-semibold {font-family: 'Inter-SemiBold' !important;}
.font-family-default {font-family: 'Inter' !important;}
.border-grey {border-color: #E4E6E8 !important;}
.bg-grey {background-color: #F5F6F7 !important;}
.text-grey {color: #9A9EA7 !important;}
.text-grey-light {color: #e4e4e4 !important;}
.bg-grey-light {background-color: #f4f4f4 !important;}
.text-success-light {color: #24b44c !important;}
.text-success-light2 {color: #2eb649 !important;}
.letter-spacing {letter-spacing: 0.05rem !important;}
.fs-0_9 {font-size: 14px !important;}
.fs-0_8 {font-size: 12px !important;}
.fs-0_85 {font-size: 13px !important;}
.fs-0_75 {font-size: 11px !important;}
.fs-0_6 {font-size: 8px !important;}
.fs-0_5 {font-size: 6px !important;}
.fs-large {font-size: 21px !important;}
.ra-navbar-logo {width: 120px;}
.text-darkness {color: #0D0A19 !important;} 
h1 {font-size: 32px;}
.bannerWrap {background-repeat: no-repeat !important; background-position: center top !important; background-size: cover !important; min-height: 410px; border-radius: 8px;}
.btn-rounded {border-radius: 16px; display: flex; align-items: center;}
.bg-success-light {background-color: #2cb444 !important;}
.border-success-light {border-color: #2cb444 !important;}
.bg-success-light:hover {background-color: #63be73 !important; border-color: #63be73 !important;}
.text-underline {text-decoration: underline !important;}
.w-vw-100 {width: 100vw !important;}

.link_full_square {
    position: absolute !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
}
.opacity-80 {opacity: .8 !important}

.nav-support-status {top: 2px; right: 2px; border-radius: 100%; width: 7px; height: 7px;}
.nav-support-status.left {right: auto; left: 0; top: 9px;} 
a.nav-link:hover {text-decoration: underline;} 
.sucess-dashed-bottom {border-bottom: 1px dashed green;}
.sucess-dashed-bottom:hover {border-color: transparent;}
.white-dashed-bottom {border-bottom: 1px dashed white;}
.white-dashed-bottom.thick {border-width: 2px;}
.white-dashed-bottom:hover {border-color: transparent;}
.bi::before {
    vertical-align: baseline;
}

.servButton {background-color: #f4f4f4; color: #555;}
.servButton .ra {width: 52px;}
.servButton img.active {display: none;}

.servButton.active img.active {display: block;}
.servButton.active img {display: none;}

.servButton:hover {background-color: #e2e2e2;}
.servButton.active {background-color: #24b44c; color: #ffffff;}

.photos_slider.owl-carousel .owl-stage-outer {border-radius: 18px;}
.reviews_slider_wrapper {overflow: hidden;}

.owl-carousel .slide {
  visibility: hidden;
}

.owl-carousel {
    position: relative;
}

.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 52px;
    width: 100%; 
    z-index: 2;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    width: 52px;
    height: 52px;
    border:none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.owl-carousel .owl-nav button.owl-prev {
    left: 6px;
    background-image: url(../images/prev.png);
    background-position: left top;
}

.owl-carousel .owl-nav button.owl-next {
    right: 6px;
    background-image: url(../images/next.png);
    background-position: right top;
}

.bannerPref .ra {width: 32px;}
.border-success-thick {border: 2px solid #3fbd58;}
.text-grey2 {color: #7a797c !important;}
.text-default {color: #292a29 !important;}
.bg-success-light2 {background-color: #2bb446 !important;}
.ra-soc-icon {width: 45px;}
.contactsMapLabel {
    position: absolute;
    left: -2rem;
    top: 4rem;
    z-index: 1;
}

.owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
    margin: 0.8rem auto 0;
}

.owl-carousel .owl-dot {
    display: inline-block;
    margin-right: 0.5rem;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}

.owl-carousel .owl-dot span {
    display: block;
    width: 12px;
    height: 12px;
    background-color: #e2e2e2;
    border-radius:100%;
}

.owl-carousel .owl-dot.active span {
    background-color: #000000;
}

@media screen and (min-width: 576px) {
.fs-sm-1 {font-size: calc(1.375rem + 1.5vw) !important;}
.fs-sm-2 {font-size: calc(1.325rem + .9vw) !important;}
.fs-sm-3 {font-size: calc(1.3rem + .6vw) !important;}
.fs-sm-4 {font-size: calc(1.275rem + .3vw) !important;}
.fs-sm-5 {font-size: 1.25rem !important;}
.fs-sm-6 {font-size: 1rem !important;}
.w-sm-100 {width: 100% !important;}
}

@media screen and (min-width: 768px) {
.fs-md-1 {font-size: calc(1.375rem + 1.5vw) !important;}
.fs-md-2 {font-size: calc(1.325rem + .9vw) !important;}
.fs-md-3 {font-size: calc(1.3rem + .6vw) !important;}
.fs-md-4 {font-size: calc(1.275rem + .3vw) !important;}
.fs-md-5 {font-size: 1.25rem !important;}
.fs-md-6 {font-size: 1rem !important;}
.w-md-100 {width: 100% !important;}
}

@media screen and (min-width: 992px) {
    .fs-lg-1 {font-size: calc(1.375rem + 1.5vw) !important;}
.fs-lg-2 {font-size: calc(1.325rem + .9vw) !important;}
.fs-lg-3 {font-size: calc(1.3rem + .6vw) !important;}
.fs-lg-4 {font-size: calc(1.275rem + .3vw) !important;}
.fs-lg-5 {font-size: 1.25rem !important;}
.fs-lg-6 {font-size: 1rem !important;}
.w-lg-100 {width: 100% !important;}
}

@media screen and (min-width: 1200px) {
    .text-underline:hover {text-decoration: none !important;}
    .fs-xl-1 {font-size: calc(1.375rem + 1.5vw) !important;}
.fs-xl-2 {font-size: calc(1.325rem + .9vw) !important;}
.fs-xl-3 {font-size: calc(1.3rem + .6vw) !important;}
.fs-xl-4 {font-size: calc(1.275rem + .3vw) !important;}
.fs-xl-5 {font-size: 1.25rem !important;}
.fs-xl-6 {font-size: 1rem !important;}
.w-xl-100 {width: 100% !important;}
}

@media screen and (min-width: 1400px) {
    .fs-xxl-1 {font-size: calc(1.375rem + 1.5vw) !important;}
.fs-xxl-2 {font-size: calc(1.325rem + .9vw) !important;}
.fs-xxl-3 {font-size: calc(1.3rem + .6vw) !important;}
.fs-xxl-4 {font-size: calc(1.275rem + .3vw) !important;}
.fs-xxl-5 {font-size: 1.25rem !important;}
.fs-xxl-6 {font-size: 1rem !important;}
.w-xxl-100 {width: 100% !important;}
}

@media screen and (max-width: 1199px) {
    .display-5 {font-size: 36px;}
    .contactsMapLabel {left: 0;} 
}

@media screen and (max-width: 991px) {
.bannerCont {width: 100% !important;}
.ra-soc-icon {width: 35px;}
}

@media screen and (max-width: 575px) {
    .fs-xs-1 {font-size: calc(1.375rem + 1.5vw) !important;}
    .fs-xs-2 {font-size: calc(1.325rem + .9vw) !important;}
    .fs-xs-3 {font-size: calc(1.3rem + .6vw) !important;}
    .fs-xs-4 {font-size: calc(1.275rem + .3vw) !important;}
    .fs-xs-5 {font-size: 1.25rem !important;}
    .fs-xs-6 {font-size: 1rem !important;}
    .w-xs-100 {width: 100% !important;}
    .display-5 {font-size: 29px;}
}