@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('../fonts/MYRIADPRO-REGULAR.woff') format('woff');
}
@font-face {
    font-family: 'Myriad Pro Light';
    font-style: light;
    font-weight: light;
    src: local('Myriad Pro Light'), url('../fonts/MyriadPro-Light.woff') format('woff');
}
@font-face {
    font-family: 'Myriad Pro Bold';
    font-style: light;
    font-weight: light;
    src: local('Myriad Pro Bold'), url('../fonts/MYRIADPRO-BOLD.woff') format('woff');
}
@font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: light;
    font-weight: light;
    src: local('Myriad Pro Semibold'), url('../fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
}
@font-face {
    font-family: 'GENISO';
    src:    url('../fonts/GENISO.eot#') format('eot'),
            url('../fonts/GENISO.eot?#iefix') format('embedded-opentype'),
            url('../fonts/GENISO.woff2') format('woff2'),
            url('../fonts/GENISO.woff') format('woff'),
            url('../fonts/GENISO.ttf') format('truetype'),
            url('../fonts/GENISO.svg#GENISO') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cambria Math';
    src:    url('../fonts/CambriaMath.eot'),
            url('../fonts/CambriaMath.eot?#iefix') format('embedded-opentype'),
            url('../fonts/CambriaMath.woff2') format('woff2'),
            url('../fonts/CambriaMath.woff') format('woff'),
            url('../fonts/CambriaMath.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html {
    /*overflow-y: hidden;*/
    overflow-x: hidden;
    min-height: 100vh;
}

body {
    font-family: 'Myriad Pro Regular',"Arial", sans-serif;;
    padding-right: 0 !important;
    min-height: 100vh;
    height: 1px;
}

    .gg {position: absolute;}
/* ====================BASE CLASSES====================*/
    .text-olive{color:#a67d53;}
    .fw-light{font-family: 'Myriad Pro Light';}
    .fw-smbold{font-family: 'Myriad Pro Semibold';}
    .fw-bold{font-family: 'Myriad Pro Bold';}
    .text-m-dark {color:#2d2d2d;}
    .text-shadow {text-shadow: 0px 0px 3px black;}
    .text-shadow-light {text-shadow: 0px 0px 3px white;}
    .text-shadow.disabled {text-shadow: unset;}

    /*height n width*/
    .vh100 {height: 100vh;}
    .vh68 {height: 68vh;}
    .vh90 {height: 90vh;}
    .vh92-5 {height: 92.5vh;}
    .minh-100 {min-height: 100vh;}
    .h-100-desktop {height: 100% !important;}
    .w-60{width:60%;}

    /*z-index*/
    .z-1{z-index: 1 !important;}
    .z-2{z-index: 2 !important;}
    .z-3 {z-index: 3 !important;}
    .z-4 {z-index: 4 !important;}
    .z-0 {z-index: -99999 !important;}

    /*positions*/
    .j-e{justify-content:end!important;}
    .j-s{justify-content: start!important;}
    .relative{position:relative;}
    
    /*paddings*/
    .pr-0{padding-right:0!important;}
    .pr-1_1 {padding-right: 1.1rem;}
    .pb-15{padding-bottom:15rem!important;}
    .pt-15{padding-top:15rem!important;}
    .pt-3{padding-top:3rem!important;}

    /*map*/
    .bg-map {
        height: 100vh;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }

/* ====================BACKGROUNDS====================*/
.menu-left {
    background: transparent url("../images/menu1.jpg") ;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
.menu-right {
    background-color: #8c9fad;
}
.bg-d {
    background: #252324;
}
.bg-main {
    background: transparent url("../images/bg-main-3.jpg") ;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
.hr-index {
    color: transparent;
    border-top: 1px solid #a67d53;
    /*border-top: 4px solid #8c9fad;*/
    margin: 0 130px 0 0;
    opacity: 1;
}
/* ====================BUTTONS==================== */
.btn-close {
    opacity: unset !important;
    margin-top: 1rem !important;
    margin-right: 1rem !important;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/2em auto no-repeat;
}
.btn-apart {
    background: #8c9fad;
    color: white;
    border-radius: 5rem;
    padding: 0.5rem 2rem 0.5rem 2rem;
    font-size:1rem;
    border: 0;
}
.btn-apart:hover {
    background: #4c555c;
    color:white;
}
.btn-apart-rooms, .btn-apart-floor, .btn-apart-bld, .btn-apart-year {
    font-family: 'Cambria Math';
    background: transparent;
    /*color: #8c9fad;*/
    color: rgb(229,226,224);
    /*border: #8c9fad 1px solid;*/
    border: rgb(229,226,224) 1px solid;
    border-radius: 10px;
    padding: 0.1rem 2rem;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.btn-div {padding-right:1rem;}
.btn-apart-bld, .btn-apart-year {padding: 0.1rem 1.5rem !important;}
.btn-apart-rooms:hover, .btn-apart-floor:hover, .btn-apart-bld:hover, .btn-apart-year:hover {
    background: #4c555c;
    color:white;
    border: #4c555c 1px solid;
}
.btn-apart-rooms:focus, .btn-apart-floor:focus, .btn-apart-bld:focus, .btn-apart-year:focus {
    outline: none !important;
}
.btn-active {
    background: #8c9fad !important;
    color: white !important;
    border: #8c9fad 1px solid !important;
}
.btn-modal-submit {
    background: #8c9fad;
    color: white;
    border-radius: 0;
    border: 0;
}
.btn-modal-submit:hover {
    color: white;
    background: #527690;
}
.btn-modal-cancel {
    background: #262b2f;
    color: white;
    border-radius: 0;
    border: 0;
}
.btn-modal-cancel:hover {
    color: white;
    background: #0d273a;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: lightgray;
}
/* ====================MENU==================== */
.navbar-fixed {
    padding-top: 1em;
    position: absolute;
    display: flex;
    width: 100vw;
    top: 0;
    z-index: 999;
}
.phone {
    font-family: 'GENISO', 'Myriad Pro Regular', sans-serif;
    font-weight: 900;
    text-decoration: none;
    font-size: 1.1rem;
}
.offcanvas-body {
    padding: 0;
}
.menu-mskvs {
    padding-right: 10vw;
    justify-content: flex-end;
    align-items: center!important;
}
.menu-mskvs a{
    font-family: 'GENISO', 'Myriad Pro Regular', sans-serif;
    font-weight: 900;
    text-decoration: none;
    color: white;
    font-size: 2.5rem;
    transition: 0.3s;
}
.menu-mskvs a:hover {
    color:rgb(94, 92, 92);
    transition: 0.3s;
}
.icon-dark{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
  }
.lang-buttons {
    font-family: 'GENISO', 'Myriad Pro Regular', sans-serif;;
    font-weight: 900;
    font-size: 1.1rem;
    text-decoration: none;
}
.lang-buttons:focus {box-shadow: none;}
.lang-buttons:hover {
    color:#a67d53;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.navbar {
    --bs-navbar-toggler-border-color: transparent;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar .langs {
    padding-left: 2rem;
}
.navbar .menutel {
    padding-right: 5rem;
    border-radius: 10px;
    border-color: white;
}
.navbar .menubtn {
    font-family: 'GENISO', 'Myriad Pro Regular', sans-serif;
    font-weight: 900;
    padding-right: 2rem;
}
/* ====================HOME==================== */
.row-home {
    padding-left:5rem;
    padding-bottom: 3rem;
}
.row-home p{
    color:white;
    font-family: 'Cambria Math', 'Myriad Pro Regular', sans-serif;;
    font-size: 3.5rem;
    font-weight: 800;
    text-shadow: 0px 0px 1px black;
}
.row-home a{
    color:white;
    text-decoration: none;
    font-family: 'GENISO', 'Myriad Pro Regular', sans-serif;;
    font-weight:900;
}
.h-slide1 {background-image: url('../images/bg-main-4.jpg');}
.h-slide2 {background-image: url('../images/gallery/ext-1/IMG_20210925_145227.jpg');}
.carousel-caption {
    position: unset;
    right: unset;
    bottom: unset;
    left: unset;
    padding-top: unset;
    padding-bottom: unset;
    color: unset;
    text-align: unset;
}
/* ====================GALLERY==================== */
.carousel-bg .carousel-inner .carousel-item {
    /*height: 80vh;*/
    height: 100vh;
    transform: none;
}

.carousel-inner {
    /*width: 50vw;*/
    margin: auto;
}

.carousel-item {
    /*background-size: 100% auto;*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

.gallery-col {
    /* position: fixed; */
    bottom: 0;
    background-color: red;
}

.carousel-indicators {
    margin-bottom: 0;
}

.carousel-indicators button {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50%;
}

.carousel-buttons {
    position: absolute;
    width: 100vw;
    bottom: 4rem;
}

.carousel-button {
    padding: 10px;
}

.carousel-button-inner {
    background: #8c9fad;
    width: 8rem;
    color: white;
    padding: 0.2rem;
    border-radius: 0;
    border: 0;
}

.carousel-button-inner:hover,
.carousel-button-inner:active,
.carousel-button-inner:focus {
    background: #8c9fad;
    color: white;
    border: 0;
}

.carousel-control-next, .carousel-control-prev {
    width: unset;
}
.carousel-control-next img {
    width:8vh;
}
.carousel-control-prev img {
    width:8vh;
}
    /* slides */
    .slide1 {background-image: url('../images/gallery/ext-1/IMG_20210925_145005.jpg');}
    .slide2 {background-image: url('../images/gallery/materials-2023/IMG_1.jpg');}
    .slide3 {background-image: url('../images/gallery/ext-1/IMG_20210925_150711.jpg');}
    /*.slide4 {background-image: url('../images/gallery/ext-1/IMG_20210925_150754.jpg');}*/
    .slide5 {background-image: url('../images/gallery/int-new/IMG-5470.JPG');}
    .slide6 {background-image: url('../images/gallery/int-new/IMG-5471.JPG');}
    /*.slide7 {background-image: url('../images/gallery/int-new/MASKAVAS-12.jpg');}*/
    /*.slide8 {background-image: url('../images/gallery/int-new/MASKAVAS-15.jpg');}*/
    /*.slide9 {background-image: url('../images/gallery/int-new/MASKAVAS-47.jpg');}*/
    .slide10 {background-image: url('../images/gallery/int-new/MASKAVAS-51.jpg');}

    .slide11 {background-image: url('../images/gallery/materials-2023/IMG-5464.jpg');}
    .slide12 {background-image: url('../images/gallery/materials-2023/IMG_2250.jpg');}
    .slide13 {background-image: url('../images/gallery/materials-2023/IMG_2252.jpg');}

/* ====================SEARCH==================== */
/* .field {padding-left:3rem;padding-right:3rem;} */

    /*content row*/
    .osu-row {
        background-color: #e5e2e0;
        border: 1px solid #e5e2e0;
        border-radius: 20px;
        color: black;
        height: 3rem;
        cursor: pointer;
        margin-top: 20px;
        -webkit-transition: background-color .2s ease, color .2s ease, top 500ms;
        -moz-transition: background-color .2s ease, color .2s ease, top 500ms;
        -ms-transition: background-color .2s ease, color .2s ease, top 500ms;
        -o-transition: background-color .2s ease, color .2s ease, top 500ms;
        transition: background-color .2s ease, color .2s ease, top 500ms;
    }
    .osu-row:hover {
        background-color: #FDF2E9;
    }
    .osu-row col {
        width: 20%;
    }
    .osu-row .col:before {
        content: '';
        /* position: absolute; */
        width: 1px;
        height: 2.6rem;
        top: 50%;
        left: 0;
        margin-top: -1.3rem;
        background-color: rgba(255, 255, 255, 0.1);
    }
    .inner {
        height: 100%;
        width: 100%;
        overflow-y: scroll;
        position: relative;
    }
    .sort-button {
        font-size:1rem;
        font-family: 'Cambria Math', 'Myriad Pro Regular', sans-serif;;

    }
    .sort-button i {
        color: #8c9fad;
        font-size: 0.7rem;
        transition: all 2s ease;
        transform: rotate(180deg);
    }
    
    .sort-button i::before {
        transform: translateY(3px);
    }
    
    .sort-button i.rotated::before {
        transform: rotate(180deg) translateY(3px);
    }
    .content-container {
        /*padding-bottom: 4rem;*/
        padding-top: 8rem;
    }
    /*filters*/
    #flat-plan, #filters {
        transition:opacity 0.6s ease, z-index 0.6s;  
    }
    .fplan-img-zone {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }
    .img-plan {
        max-width: 100%;
        height: auto;
    }
    .op-0 {
        opacity: 0.0 !important;
        z-index: -1;
    }
    .fplan-img {
        /*width: 70% !important;*/
        max-width: 100%;
        height: auto;
    }
    .filters {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .filters h5 {
        font-size: 1.2rem;
        color: lightgrey;
        font-family: 'GENISO';
        line-height: 1;
        font-weight: 800;
    }
    .filters h3 {
        font-family: 'Cambria Math', 'Myriad Pro Regular', sans-serif;;
        font-size: 2rem;
        font-weight: 800;
    }
    .btn-filter-note {
        padding-top:1.5rem;
    }

    /*slider*/
    .noUi-target{
        background: grey;
        box-shadow: none;
        border: unset;
        height: 6px;
    }
    .noUi-handle:after, .noUi-handle:before {
        display: none;
    }
    .noUi-handle {
        box-shadow: none;
        background-color: #8c9fad;
        border: none;
    }
    .noUi-connect {
        background: #8c9fad;
    }
    .noUi-horizontal .noUi-handle {
        width: 15px;
        height: 15px;
        right: -7px;
        top: -5px;
        border-radius: 50%;
    }
    #value-max-price{
        font-family: 'Cambria Math', 'Myriad Pro Regular', sans-serif;;
    }
/* ====================APART DETAILS==================== */
    .img-apartment {
        max-height: 65vh;
        max-width: 100%;
        /*height: auto;*/
    }
    .apart-img-block {
        padding-top: 5rem;
        text-align: center;
    }
    .bg-apartment-details .backarrow {
        border-left: 1px solid black;
    }
    .row-ap-det button{
        color:white;
        text-decoration: none;
        font-family: 'GENISO', 'Myriad Pro Regular', sans-serif;;
        font-weight:900;
    }
    #flat-info {
        opacity: 0.0;
        transition: opacity .6s ease-out .1s;
        background: #252324 !important;
    }
    #flat-info .query {
        font-weight: 900;
        font-size: 3rem;
        font-family: 'GENISO', 'Myriad Pro Regular', sans-serif;
    }
    #flat-info.single {
        font-family: 'GENISO', 'Myriad Pro Regular', sans-serif;
        font-weight: 900;
        background: transparent !important;
    }
    #flat-btn{
        text-align: left;
        padding-left: 1rem;
        font-weight: 900;
        font-size: 1rem;
        font-family: 'GENISO', 'Myriad Pro Regular', sans-serif;
    }
    .modal-dialog .modal-content {
        border-radius: 0;
    }
    .modal-dialog h1 {
        font-family: 'Cambria Math', 'Myriad Pro Regular', sans-serif;;
        font-size: 4.5rem;
        font-weight: 800;
    }
    .modal-dialog .form-group {
        padding-top:1rem;
    }
    .modal-dialog .form-control {
        font-family: 'Cambria Math', 'Myriad Pro Regular', sans-serif;;
        font-weight: 400;
        background: transparent !important;
        border-radius: 0;
    }
/* ====================SPECIAL==================== */
.img-special {
    position: absolute;
    width: 40%;
    bottom: 0;
    left: 5rem;
    z-index: 1;
}
.row-special h1 {
    font-family: 'Cambria Math', 'Myriad Pro Regular', sans-serif;;
    font-size: 4.5rem;
    font-weight: 800;
    padding-bottom: 5rem;
    z-index: 2;
}
.row-special h3 {
    font-family: 'Cambria Math', 'Myriad Pro Regular', sans-serif;;
    font-size: 3.5rem;
    font-weight: 800;
    padding-top: 5rem;
    z-index: 2;
}
.row-special p, h4 {
    font-family: 'GENISO', 'Myriad Pro Regular', sans-serif;;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 800;
    z-index: 2;
    padding-right: 2rem;
}
.col-special {
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
}
.special-right {
    padding-top:10rem;
}
/* ====================ABOUT==================== */
.no-scrollbar::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
}
.scroll {
    position: absolute;
    width: 4rem;
    left: calc((100%/2 - 3rem));
    bottom: 0;
}

.row-about h1 {
    font-family: 'Cambria Math', 'Myriad Pro Regular', sans-serif;
    font-size: 4.5rem;
    font-weight: 800;
    padding-bottom: 5rem;
}
.row-about p, li {
    font-family: 'GENISO', 'Myriad Pro Regular', sans-serif;
    font-size: 1.2rem;
    list-style: '- ';
    line-height: 1;
    font-weight: 800;
    padding-right: 2rem;
}
.row-about h2 {
    font-family: 'GENISO', 'Myriad Pro Regular', sans-serif;
    font-size:1.7rem;
    padding-bottom:1rem;
    padding-top:4rem;
    font-weight: 800;
}

.col-about {
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
}
/* ====================CONTACT==================== */
.contact-image{
    height:80%;
    max-width: 100%;
}
.row-contact h1 {
    font-family: 'Cambria Math', 'Myriad Pro Regular', sans-serif;;
    font-size: 2.5rem;
    font-weight: 800;
}
.row-contact h4 {
    font-family: 'GENISO', 'Myriad Pro Regular', sans-serif;;
    font-size:1.7rem;
    font-weight: 800;
}
.row-contact h3 {
    font-family: 'GENISO', 'Myriad Pro Regular', sans-serif;;
    font-size:1.7rem;
    font-weight: 800;
}
.row-contact p{
    font-family: 'GENISO', 'Myriad Pro Regular', sans-serif;;
    font-size: 1.2rem;
    list-style: '- ';
    line-height: 1;
    font-weight: 800;
}
.row-contact p.small{font-size:1rem;}

/* ====================FOOTER==================== */
.footer-bottom {
    color: white;
}
.footer-bottom a {
    text-decoration: none;
    color: white;
}
.footer-menu {
    color: grey;
    font-size: 0.8rem;
}
.fullscreen {
    height: 100% !important;
}
.no-decoration {
    text-decoration: none;
}
.logo-centered {
    padding-top: 1em;
    position: absolute;
    width: 7rem;
    left: calc((100%/2 - 3rem));
    top: 0;
    z-index: 999;
}
.pr-0-important {
    padding-right: 0 !important;
}
.center-floor {
    top: 50%;
    transform: translateY(-60%);
}

/* ====================preloader==================== */
  #preloader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 10000;
      background: white;
  }
  #loader {
      display: block;
      position: relative;
      left: 50%;
      top: 50%;
      width: 150px;
      height: 150px;
      margin: -75px 0 0 -75px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #8c9fad;
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
  }
  #loader:before {
      content: "";
      position: absolute;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #6d9bbc;
      -webkit-animation: spin 3s linear infinite;
      animation: spin 3s linear infinite;
  }
  #loader:after {
      content: "";
      position: absolute;
      top: 15px;
      left: 15px;
      right: 15px;
      bottom: 15px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #5fb8f8;
      -webkit-animation: spin 1.5s linear infinite;
      animation: spin 1.5s linear infinite;
  }
  @-webkit-keyframes spin {
      0%   {
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }
  @keyframes spin {
      0%   {
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }
  
  .loaded_hiding #preloader {
    transition: 0.3s opacity;
    opacity: 0;
  }
  
  .loaded #preloader {
    display: none;
  }

/*==================================================================================
RESPONSIVE
==================================================================================*/
    @media only screen and (max-width: 576px) {
        /*===== base =====*/
        .pt-15{padding-top:unset!important;}
        .bg-m {position:unset !important;background-color:#899ba9;}
        /*===== menu =====*/
        .fixed-top-pu {position:unset !important;}
        .lang-buttons{color:black;}
        .btn-close-white{padding-top:3rem !important;}
        .menu-mskvs{padding-right: unset;justify-content:flex-start;align-items: unset!important;padding-top:3rem;}
        .menu-left {background-position: left bottom;background-attachment: fixed;}
        .menu-row{padding-top:1rem;}
        .menu-mskvs a{font-size: 1.5rem; padding-top:1rem;}
        .navbar .langs {padding-left: unset;}
        .navbar .menutel {padding-right: unset;}
        .navbar .menubtn {padding-right: unset;}
        .btn-close{margin-top: calc(var(--bs-offcanvas-padding-y) * -.5) !important;margin-right: calc(var(--bs-offcanvas-padding-x) * -.5) !important;}
        /*===== index =====*/
        .row-home p {font-size: 2.5rem;}
        .row-home {padding-left:1rem;padding-bottom: 1rem;}

        /*===== search =====*/
        .sort-button{font-size:0.8rem;}
        .btn-div{padding-right:0.5rem;}
        .field {padding-top:1rem;padding-left:1rem;padding-right:1rem;}
        .filters{padding: 0 0 1rem 0;}
        .content-container{padding-top:2rem;}
        .inner{overflow-y:unset;}
        /*===== about =====*/
        .row-about {height: unset !important;}
        .row-about h1{padding-bottom:0!important;font-size:2.5rem;}
        .scroll{display:none;}
        .col-about-1 {justify-content: end !important;padding-top: 10rem;}
        .col-about-2 {justify-content: start !important;}
        .col-about-3{padding-top:2rem;}
        /*===== special =====*/
        .row-special h1{padding-bottom:0!important;font-size:2.5rem;}
        .row-special h3{padding-top:2rem!important;font-size:2rem;}
        .row-special p{padding-left:1rem !important;}
        .header-special{ font-size:2.5rem;padding: 0 !important;align-items:flex-end !important;}
        .p-special{font-size:1.5rem;}
        .special-left {justify-content: end;}
        .special-right{padding:0!important;}
        /*===== gallery =====*/
        .carousel-indicators {margin-bottom: 3rem;}
        .carousel-inner {height:100vh;width:100vw;margin:auto;}
        .carousel-inner .mobile {height:100vh!important;}
        .slide2 {background-image: url('../images/gallery/materials-2023/IMG_1_mobile.jpg');}
        .slide1 {background:  url('../images/gallery/ext-1/IMG_20210925_145005_mobile.jpg');}
        .slide3 {background: url('../images/gallery/ext-1/IMG_20210925_150711_mobile.jpg');}
        /*.slide4 {background: url('../images/gallery/ext-1/IMG_20210925_150754_mobile.jpg');}*/
        .slide5 {background: url('../images/gallery/int-new/IMG-5470.JPG_mobile.jpg');}
        .slide6 {background: url('../images/gallery/int-new/IMG-5471.JPG_mobile.jpg');}
        /*.slide7 {background: url('../images/gallery/int-new/MASKAVAS-12_mobile.jpg');}*/
        /*.slide8 {background: url('../images/gallery/int-new/MASKAVAS-15_mobile.jpg');}*/
        /*.slide9 {background: url('../images/gallery/int-new/MASKAVAS-47_mobile.jpg');}*/
        .slide10 {background: url('../images/gallery/int-new/MASKAVAS-51_mobile.jpg');}
        .slide11 {background: url('../images/gallery/materials-2023/IMG_2252_mobile.jpg');}
        .slide12 {background: url('../images/gallery/materials-2023/IMG_2250_mobile.jpg');}
        .slide13 {background: url('../images/gallery/materials-2023/IMG-5464_mobile.jpg');}

        .h-slide1 {background: url('../images/bg-main-4-mobile.jpg');}
        .h-slide2 {background: url('../images/gallery/ext-1/IMG_20210925_145227_mobile.jpg');}
        .h-100-desktop {height: unset;}
        /*===== apart-details =====*/
        #flat-image {
            padding-top:10vh;
            justify-content: center;
            padding-bottom: 5vh;
            text-align: center;
        }
        #flat-info{padding-bottom: 5vh;}
        .img-apartment {height: 40vh;}
        /*===== contact =====*/
        .contact-left {padding-left:2rem;}
    }
    @media only screen and (min-width: 577px) and (max-width:820px) {
        /*===== menu =====*/
            .navbar .langs {padding-left: 0 ;}
            .lang-buttons {font-size: 1.6rem;padding: 2rem 0.2rem 0rem 0.2rem;}
            .logo-centered {width:10rem;left: calc((100%/2 - 4rem));}
            .phone {display:none;}
            .navbar .menubtn {font-size: 1.6rem;padding: 2rem 0.2rem 0 0;}
            .menu-left {background-position: left;}
        /*===== index =====*/
            .row-home {padding-left: 3rem;padding-bottom: 3rem;}
            .btn-apart {font-size:2rem!important;padding:0.5rem 2rem 0.5rem 2rem ;}
        /*===== footer =====*/
            .footer-bottom p{font-size:1.6rem;}
            .logo-studio{width:16rem;}
            .carousel-indicators {margin-bottom: 4rem;}
        /*===== about =====*/
            .row-about p, li{font-size: 2rem;padding-bottom:1rem;padding-left:2rem;}
            .row-about h2{font-size: 2.3rem;}
            .row-about h1{padding-bottom: 0;}
            .col-about-1 {justify-content: end !important;padding-top: 10rem;}
            .col-about-2 {justify-content: start !important;}
        /*===== special =====*/
            .row-special h1{padding-bottom: 0}
            .row-special p{font-size: 2rem;padding-bottom:1rem;padding-left:2rem;}
            .special-left {justify-content: end !important;padding-top: 10rem;}
            .special-right{padding-top:0;}

    }
    @media only screen and (min-width: 821px) and (max-width: 1300px) {
        /*==== special ====*/
        .row-special .spec-phone {font-size:3rem;}
        .col-special h1 {font-size: 3.8rem;}
        /*==== search ====*/
        .btn-apart-rooms, .btn-apart-floor, .btn-apart-bld, .btn-apart-year {padding: 0.1rem 1.1rem !important;font-size:0.9rem;}
        .btn-apart-floor, .btn-apart-rooms {padding: 0.1rem 1.87rem !important;}
        .btn-filter-note {padding-top: 1.5rem !important;}
        .btn-div {padding-right: 0.1rem;}
        .btn-apart-floor, .btn-apart-rooms {padding: 0.1rem 1.37rem !important;}
        .fplan-img-zone {left: -3px;}
    }
    @media only screen and (max-width:1600px ) {
    .btn-div{padding-right:0.2rem;}
}
    @media screen and (min-width:2560px) {
        /*=====menu=====*/
            .lang-buttons{font-size:2rem;padding-right: 1rem!important;}
            .phone{font-size:2rem;}
            .menubtn p, button{font-size:2rem!important;}
            .logo-centered {width:auto;}
            .menu-mskvs {padding-right: 20vw;}
            .menu-mskvs a {font-size:3.5rem;}
            .logo-offcanvas{width:20rem;}
        /*=====footer=====*/
            .footer-bottom p{font-size:2rem;}
            .logo-studio{width:24rem;}
        /*=====index=====*/
            .row-home p {font-size:5.5rem;}
            .btn-apart {font-size:2.5rem!important;padding:0.5rem 2rem 0.5rem 2rem ;}
        /*=====about=====*/
            .row-about h1{padding-bottom:0!important;font-size:6rem;}
            .row-about h2{font-size: 3.7rem;}
            .row-about p{font-size: 2.6rem;padding-bottom:1rem;padding-left:2rem;}
            .row-about li{font-size: 2.6rem;}
        /*=====special=====*/
            .row-special h1{padding-bottom:0!important;font-size:6rem;}
            .row-special p{font-size: 2.6rem;padding-bottom:1rem;}
        /*=====search=====*/
            .content-container {padding-top: 15rem;}
            .sort-button {font-size: 1.5rem;}
            .osu-row{font-size:1.5rem;height: 5rem;}
            .filters h3 {font-size: 4rem;}
            .filters h5 {font-size: 3rem;}
            .filters span {font-size:1.7rem;}
            .btn-apart-rooms, .btn-apart-floor, .btn-apart-bld, .btn-apart-year {font-size:2rem;}
            .btn-filter-note {padding-top:2.5rem;}
            .noUi-horizontal .noUi-handle {width:25px;height: 25px;top:-10px;}
        /*=====apart-details=====*/
            #flat-btn {
                font-size: 3rem;
            }
            #flat-info .query {
                font-size: 4rem;
            }
        #flat-info.single {
            font-size:2rem;
        }
        /*=====contact=====*/
            .row-contact h1{padding-bottom:0!important;font-size:6rem;}
            .row-contact p{font-size: 2.6rem;padding-bottom:1rem;}
            .row-contact h4 {font-size: 3rem;}
            .row-contact h3 {font-size: 3rem;}
            .row-contact p.small {font-size: 1.5rem;}
    }