*,
*:before,
*::after {
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
img{
        max-width: 100%;
        object-fit: cover;
}
section{
    padding-top: 99px;
}

a:hover a:focus{
    text-decoration: none!important;
}

.header_block-nav-link:focus{
    color: #FFFFFF;
    text-decoration: none!important;
}


.header_block-nav-link:hover{
        color: #FFFFFF;
    text-decoration: none!important;
}

body {
  padding-top: 0!important;
  padding: 0!important;
  margin: 0!important;
}

.layout-content{
  padding-top: 0!important;
}


section:first-child{
    padding-top: 0;
}


::-webkit-scrollbar-track{background-color:#4DBDC6;}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-thumb{background-color:#FFFFFF!important}


.body_title-center{
    font-family: 'Formular';
font-style: normal;
font-weight: 700;
font-size: 45px;
line-height: 52px;
text-transform: uppercase;
color: #000000;
position: relative;
padding-bottom: 24.4px;
margin-bottom: 54.5px;

align-items: center;
text-align: center;
display: flex;
justify-content: center;
flex-direction: column;
margin-left: auto;
margin-right: auto;
}

.body_title-center:before{
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 46.32px;
height: 3px;
background: #000000;
left: 50%;
transform: translate(-50%,0);
}

.body_title-linedcentr{
font-family: 'Formular';
font-style: normal;
font-weight: 700;
font-size: 45px;
line-height: 52px;
text-decoration: none;
text-transform: uppercase;
color: #000000;
position: relative;

padding-bottom: 24.4px;
margin-bottom: 54.5px;
}

.body_title-linedcentr:before{
    position: absolute;
content: "";
bottom: 0;
left: 0;
width: 46.32px;
height: 3px;
background: #000000;
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    z-index: 10;
}

header#header.fixed {
    box-shadow: 0 0 10px 10px #00000061;
    padding: 0 0;
    transition: 1s;
    background: #151515;
    height: auto;
}
.header_block{
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
    padding-bottom: 40px;
align-items: center;
    
}

header#header.fixed .header_block {
    padding: 10px 0 10px 0;
}

header#header.fixed .header_block-logo {
    width: 14%;
  }

.header_block-logo{
    width: 15.2%;
}

.header_block-logo img{
    max-width: 100%;;
}

.header_block-nav{

}

.header_block-nav-ul{
    list-style: none;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.header_block-nav-ul li{
    margin-right: 35px;

}
.header_block-nav-ul li:last-child{
    margin-right: 0;

}


.header_block-nav-link{
display: flex;
align-items: center;
text-decoration: none;

font-family: 'Formular';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;

color: #FFFFFF;
}

.header_block-nav-link:hover{
color: #FFFFFF;

}

.openMenu{
    display: none;
}

.line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #4DBDC6;
  stroke-width: 5.5px;
  stroke-linecap:round;
}

.hamb6 .top {
  stroke-dasharray: 40 172;
}
.hamb6 .middle {
  stroke-dasharray: 40 111;
}
.hamb6 .bottom {
  stroke-dasharray: 40 172;
}
.active .hamb6 .top,.mm-wrapper_opened .hamb6 .top{stroke-dashoffset:-132px}
.active .hamb6 .middle,.mm-wrapper_opened .hamb6 .middle{stroke-dashoffset:-71px}
.active .hamb6 .bottom,.mm-wrapper_opened .hamb6 .bottom{stroke-dashoffset:-132px}


.mainformob{
    display: none;
}
.intro_slider-block{
    position: relative;
    width: 100%;
    height: 100vh;
}

.intro_slider-imgmobile{
    width: 100%;
    height: 100%;
    margin: 0;
    z-index:1;
    object-fit: cover;
    display:none;
}


.intro_slider-img{
    width: 100%;
    height: 100%;
    margin: 0;
    z-index:1;
    object-fit: cover;
}

.intro_slider-block:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(46, 46, 46, 0.5) 0%, rgba(46, 46, 46, 0.108207) 33.26%, rgba(46, 46, 46, 0.0848176) 44.54%, rgba(46, 46, 46, 0.0338416) 56.57%, rgba(46, 46, 46, 0) 100%);
}
.gridabout {
  display: flex;
  flex-wrap: wrap;
  gap: 37px 30px;
}

.gridabout-box-image{
  width: 100%;
  height: 259px;
}

.gridabout-box-image img{
 width: 100%;
 height: 100%;
}


.gridabout-box {
  width: 23%;
}

.gridabout-box-text{
font-family: 'Formular';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 27px;
text-align: center;

color: #151515;

margin-top: 27.38px;
}

.centrdetails_block-image {
  width: 51%;
  padding: 0px 36.3px;
  height: 500px;
}

.centrdetails_block-content {
  width: 45%;
}

.centrdetails_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.body_text {
  font-family: 'Formular';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #666666;
}

.centrdetails_block-text{
  width: 84%;
}

.body_title {
  font-family: 'Formular';
  font-style: normal;
  font-weight: 700;
  font-size: 45px;
  line-height: 52px;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 37px;
}

.centrdetails_block-image img{
  width: 100%;
  height: 100%;
}

.forwho {
  background-size: cover !important;
  width: 100%;
  height: 70vh;
  margin-top: 129.74px
}

.forwho_text{
    width: 70%
}

.forwho_titleblock {
  width: 51%;
  background: #F1F1F1;
  padding-left: 104px;
  min-height: 495.61px;
  margin-top: -321px;
}

.forwho_titleblock-content {
  padding-top: 263.54px;
}

.forwho_list{
    margin-top: 64.48px;
}


.forwho_list-block {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.forwho_list-block-box {
  width: 10.8%;
  margin-right: 4%;
  align-items: center;
  text-align: center;
}

.forwho_list-block-box:last-child{
  margin-right: 0;
}

.forwho_list-block-box-text {
  font-family: 'Formular';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #000000;
}

.offices_slider.active{
    display: block;
    transition: 0.7s;
}


.offices_slider{
    display: none;
}
.offices{
    background: #F6F6F6;
    margin-top: 99px;
    padding-top: 69.68px;

}

.offices_slider-box{
    width: 384px;
    max-height: 441.43px;
    background: #FFFFFF;
    padding-top: 17.24px;
    padding-bottom: 37.72px;

}

.offices_slider-box-image {
    height: 210px;
    overflow: hidden;
    text-align: center;
  margin-bottom: 23.59px;
}
.offices_slider-box-image img{
    margin: auto;
    image-rendering: -webkit-optimize-contrast;
    max-width: 80%!important;


}
.offices_slider-box-content-title {
  font-family: 'Formular';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #151515;
  margin-bottom: 13.69px;
}

.offices_slider-box-content-area {
  font-family: 'Formular';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #888888;
}

.offices_slider-box-content-area span {
  font-family: 'Formular';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
  background: #FFFFFF;
  z-index: 1;
}

.offices_slider-box-content-area {
  margin-bottom: 33.93px;
}

.offices_slider-box-content-officelist {
  margin-bottom: 22.17px;
}

.offices_slider-box-content a {
  font-family: 'Formular';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-decoration-line: underline;
  color: #000000;
  display: flex;
}

.offices_slider-box-content img {
  margin-right: 12px;
}

.offices_slider-box-content {
  padding-left: 26.11px;
  padding-right: 25.11px;
}






.clients_slider  .slick-slide {
    margin-right: 16px;
    margin-left: 16px;
}
.clients_slider  .slick-list.draggable {
    margin-right: -16px;
    margin-left: -16px; 
    margin-bottom: 146px;
}

.offices_slider  .slick-slide {
    margin-right: 16px;
    margin-left: 16px;
}
.offices_slider  .slick-list.draggable {
    margin-right: -16px;
    margin-left: -16px; 
    margin-bottom: 146px;
}


.zaly_slider  .slick-slide {
    margin-right: 16px;
    margin-left: 16px;
}
.zaly_slider  .slick-list.draggable {
    margin-right: -16px;
    margin-left: -16px; 
    margin-bottom: 146px;
}




.offices_firstrow {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}


.offices_button {
  background: #DDDDDD;
  border-radius: 10px;
  width: 163.82px;
  height: 42.52px;
  text-align: center;
  padding: 4.56px 0;
  font-family: 'Formular';
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #151515;
}

.floor-btn.active {
  background: #FFFFFF;
  border-radius: 10px;
  width: 70.53px;
  height: 33.41px;
  border: none;

}

.floor-btn{
background: #DDDDDD;
border-radius: 10px;
  width: 70.53px;
  height: 33.41px;
  border: none;

}


.office_bron-content-title {font-family: 'Formular';
font-style: normal;
font-weight: 700;
font-size: 45px;
line-height: 52px;
/* identical to box height, or 116% */

display: flex;
align-items: flex-end;
text-align: center;
text-transform: uppercase;

color: #FFFFFF;
margin-bottom: 37px;

}

.office_bron-content-subtitle {font-family: 'Formular';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 28px;
/* identical to box height, or 140% */

text-align: center;

color: #FFFFFF;
margin-bottom: 46.8px;
}

.office_bron-content-button {
    font-family: 'Formular';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
/* identical to box height, or 125% */
cursor: pointer;
text-align: center;
text-transform: uppercase;
clip-path: polygon(100% 0, 100% 70%, 95% 70%, 95% 100%, 0 100%, 0 0);

color: #FFFFFF;
width: 276.75px;
height: 51.37px;
background: #4DBDC6;
align-items: center;
display: grid;
margin-left: auto;
margin-right: auto;
}
.office_bron-content-button-before{
   position: relative;
    width: 276.75px;
    height: 51.37px;
text-align: center;
display: grid;
margin-left: auto;
margin-right: auto;
align-items: center;

}
.office_bron-content-button-before:before{
    position: absolute; 
    content: "";
    right: 0;
    bottom: 0;
    background: #FFFFFF;
    width: 10px;
    height: 10px;
}

.office_bron {
    background-size: cover;
    position: relative;
    width: 100%;
    height: 70vh;
    
}

.office_bron:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(35, 35, 35, 0.4);
}
.office_bron-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);align-items: center;text-align: center;}

.tradingarea{
    background: #F6F6F6;
    padding-top: 69.68px;

}

.zaly{
    background: #F6F6F6;
    padding-top: 69.68px;

}


.gallery_content-box:hover .gallery_content-box-floor {color: #FFFFFF;}

.gallery_content-box:hover .gallery_content-box-arrow svg path {stroke: #FFFFFF;}

.gallery_content-box:hover .gallery_content-box-text {opacity: 1;}

.gallery_content-box:hover .gallery_content-box-uslugi {opacity: 1;}


.gallery_content-boxes_0:hover {background: #CE8E5A; transition: 1s;}

.gallery_content-boxes_1:hover {background: #e25303; transition: 1s;}

.gallery_content-boxes_2:hover {background: rgb(54, 103, 53); transition: 1s;}

.gallery_content-boxes_3:hover {background: #f6b600; transition: 1s;}

.gallery_content-boxes_4:hover {background: rgb(0, 90, 140); transition: 1s;}

.gallery_content-boxes_5:hover {background: rgb(70, 73, 79); transition: 1s;}

.gallery_content-boxes_6:hover {background: #903373; transition: 1s;}

 


.gallery_content-box-arrow svg path {
    stroke: #454545;
}


.gallery_content-box {
    min-height: 209.03px;
    width: 100%;
    background: #FAFAFA;
    border: 1px solid #DEDEDE;
    padding: 44px 0;
    
}

.gallery_content-box {
    min-height: 209.03px;
    width: 100%;
}

.gallery_content-boxes_0 {
    min-height: 209.03px;
    width: 100%;
}

.gallery_content-boxes_1 {
    min-height: 209.03px;
    width: 100%;
}

.gallery_content-boxes_2 {
    min-height: 209.03px;
    width: 100%;
}

.gallery_content-boxes_3 {
    min-height: 209.03px;
    width: 100%;
}

.gallery_content-boxes_4 {
    min-height: 209.03px;
    width: 100%;
}

.gallery_content-boxes_5 {
    min-height: 209.03px;
    width: 100%;
}

.gallery_content-box-flexer{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
        justify-content: space-between;

}
.gallery_content-box-floor {
    width: 17%;
    font-family: 'Formular';
font-style: normal;
font-weight: 500;
font-size: 45px;
line-height: 52px;
color: #000000;
}

.gallery_content-box-text {
    width: 39%;
    border-right: 1px solid #FFFFFF;
    font-family: 'Formular';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
padding-right: 2%;
opacity: 0;
}

.gallery_content-box-uslugi {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 35%;
    font-family: 'Formular';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */

text-align: center;

color: #FFFFFF;
padding: 0 20px;
opacity: 0;
}

.gallery_content-box-uslugi-one {
    width: 30%;
    display: flex;
    flex-direction: column;
    min-height: 134px;
    
}

.gallery_content-box-uslugi-img {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.clients_slider-box{
    
box-sizing: border-box;
width: 384px;
height: 249.44px;

background: #FFFFFF;
border: 1px solid #CDCDCD;
    padding: 15px;

}


.offices_slider .slick-dots{
    bottom: -85px;
}

.zaly_slider .slick-dots{
    bottom: -85px;
}
.clients_slider .slick-dots{
    bottom: -60px;
}

 .slick-dots li button:before{
     display: none;
 }
 .slick-dots li button{
      width: 100%;
      height: 100%;
      padding: 0;
      margin: 0; 
 }
 .slick-dots li {
  width: 5.25px;
  height: 5.25px;
background: #696969; 
     border-radius: 50%;

 }
 .slick-dots li.slick-active{
width: 16px;
height: 16px;
position: relative;
border: 1.5px solid #151515;
border-radius: 50%;
background: transparent;
 }
 
 .slick-dots li.slick-active:before{
     position: absolute;
     content: "";
width: 3.45px;
height: 3.45px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #151515; border-radius: 50%;
}

.clients_slider-box img {margin-left: auto;margin-right: auto;}
 .contacts{
     margin-bottom: 112px;
 }
 .map{
     width: 100%;
     height: 677.44px;
 }
 
 
  .map iframe{
     width: 100%;
     height: 100%;
 }
 
 .contacts_flexer{
     position: relative;
 }
 .contacts_details{
     width: 459px;
     min-height: 452px;
     border-bottom: 17.6px solid #4DBDC6;
     padding-top: 49px;
     padding-left: 69px;
     padding-bottom: 74px;
     position: absolute;
     background: #ffffff;
     content: "";
    top: 50%;
    left: 10%;
    transform: translate(-10%, -50%);
 }
 
 .contacts_details svg{
     margin-right: 19.32px;
     min-width: 30px;
     min-height: 30px;
 }
 .contacts_details-title{
     margin-bottom: 34px;
     font-family: 'Formular';
font-style: normal;
font-weight: 700;
font-size: 27px;
line-height: 34px;
color: #000000;

 }
 
 .contacts_details-address{
font-family: 'Formular';
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 26px;
color: #000000;
margin-bottom: 22px;
    display: flex;

 }
 
 .contacts_details-number{
     font-family: 'Formular';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
display: flex;
flex-direction: column;
text-transform: uppercase;
color: #000000;
 }
 .contacts_details-number a,  .contacts_details-mail a{
     color: #000000;
text-decoration: none;
    display: flex;
    align-items: center;
 }
 
 .contacts_details-number-block{
     display: flex;
align-items: center;
margin-bottom: 22px;

 }
 
 .contacts_details-mail{
          display: flex;
align-items: center;

font-family: 'Formular';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
display: flex;
align-items: center;

color: #000000;

 }
 
 .footer{
     background: #F1F1F1;
     padding-top: 59px;
     padding-bottom: 65px;
 }
 
 .footer_flexer{
     display: flex;
     flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;

 }
 .footer_logo{
     padding-right: 2.5%;
     border-right: 1px solid #D2D2D2;

 }
 .footer_info{
     width: 30%;
padding-left: 30px;
font-family: 'Formular';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #444444;

 }
 
 
 .footer_abc{
font-family: 'Formular';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #444444;
 }
 
 .footer_social{
     display: flex;
     flex-wrap: wrap;
    border-right: 1px solid #D2D2D2;
    padding-right: 2.5%;
        align-items: center;


 }
 .footer_social img{
 width: 36.47px;
height: 36.47px;
margin-right: 17px;
     
 }
 .footer_abc{
     width: 25%;
}
 
 .footer_abc .footer_abc a{
     font-family: 'Formular';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;

color: #444444;


 }
 
 .footer_one{
     display: flex;
     flex-wrap: wrap;
 }
 
 
 
 
 
 

.modal-with-img .modal-body {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
        position: relative;
        

}

.modal-with-img .modal-dialog.modal-dialog-centered {
    width: 95%;
    max-width: 1216px;
        display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
        height: 100%;

}

.modal-with-img .modalimg {
    width: 35%;
}
    
.modal-with-img .modalimg img{
        object-fit:cover;
}
.modal-with-img .form-modal {
    width: 65%;
    padding-top: 99px;
    padding-left: 56.36px;
    padding-right: 72px;
    padding-bottom: 110px;

    
}
.alert-dismissable .close, .alert-dismissible .close {
    position: absolute;
    top: 5px;
    right: 10px;
    color: inherit;
}

.modal-content > button.close {
    position: absolute;
    top: 0;
    right: 11px;
    font-size: 45px;
    opacity: 1;
    font-weight: normal;
    z-index: 10;
    color: #484848;
}

.modalimg img {
    width: 100%;
    height: 100%;
}



.input {
border: 1px solid #726B6B;
    padding: 12px 9.5px;
    width: 100%;
    margin-bottom: 16.8px;
        height: 52px;

}

.bt {
    display: inline-block;
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
    text-shadow: none;
    margin: 0;
}

.modal-btn {
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
}

.modal-title {

font-family: 'Formular';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 52px;
text-transform: uppercase;
margin-bottom: 5px;
color: #000000;

}

.modal-subtitle{
    
font-family: 'Formular';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 28px;
margin-bottom: 22px;
color: #666666;
}
.btn-red {
    background: #4DBDC6;
    padding: 11px 43px;
    border: 2px solid #4DBDC6;
    text-align: center;
    transition: 1s;
    
    
font-family: 'Formular';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
margin: 0;
width: 176px;
height: 43px;
}

.btn-red:hover {
    background: #fff;
    color: #4DBDC6;
}

.firstline_modal{
    display: flex;
}

.nameinput{
    width: 62%;
    margin-right: 3%;    
}

.mobileinput{
    width: 35%;
}

.buttonline{
    display: flex;
        align-items: center;

}
.label{
     font-family: 'Formular';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #2B3341!important;
}
.buttonline_accept {
   
display: flex;
    align-items: center;
    width: 74%;
    padding-right: 9%;
}

input#scales {margin-right: 12px;width: 22.43px;
height: 22.43px;background: #4DBDC6;
border-radius: 4px;}


.buttonline_accept input {
    /* position: absolute; */
    left: 0;
    top:  4px;
    /* opacity: 0; */
    z-index: 2;
}
.parcels-nav ~ .container {
    flex-grow: 1;
}

label.label {
    position: relative;
    padding-left: 25px;
}
input#scales:checked + label.label::after {opacity: 1;} 

input#scales:checked + label.label::before {background: #4DBDC6; transition: .7s;}
input#scales {
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute;
}
label.label {
    position: relative;
    padding-left: 30px;
    white-space: normal;
    display: block;
    text-align: left;
}
label.label::before {
    position: absolute;
    content: "";
    top: 5px;
    left: 0;
    width: 22.43px;
    height: 22.43px;
    border: 2px solid #4DBDC6;
    border-radius: 4px;
}

.label {
padding-bottom: 0px;
}

label.label::after {
  position: absolute;
  content: "";
  top: 9px;
  left: 3px;
  width: 15px;
  height: 15px;
  background: url(/storage/app/media/galka.svg) no-repeat center center;
  opacity: 0;
}

.modal_office_slider {
    width: 39.6%;
    margin-left: auto;
    margin-right: auto;
}


.modal_office_slider .slick-list.draggable{
    margin: 0;
}

.modal_office_slider-image{
    max-width: 377.28px;
max-height: 342.15px;
}

.modal_office_slider-image img{
    width: 100%;
    height:100%;
}



.modal_office_slider .slick-prev, .modal_office_slider  .slick-next {
    transform: 0;
    display: block;
    width: 30.29px;
    height: 30.29px;
    padding: 0;
    z-index: 1;
    box-shadow: 0px 6.94857px 15.6343px rgba(0, 0, 0, 0.06);
    background: #000000;
    top: 50%;
}



.slick-prev:before, .slick-next:before {
    display: none;
}

.slick-prev {
  left: -55px;
  right: unset;
}

.slick-next {
    right: -55px;
    left: unset;
}
/* 
.blackarrow{
    background: Black
} */

.modal_office .modal-body {
    display: flex;
    flex-wrap: wrap;
    padding: 70px 0;
        position: relative;

}

.modal_office .modal-dialog.modal-dialog-centered {
    width: 70%;
    max-width: 957.56px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
}

.modal_office .modalimg img{
        object-fit:cover;
}

.modal-content > button.close {
    position: absolute;
    top: 0;
    right: 11px;
    font-size: 45px;
    opacity: 1;
    font-weight: normal;
    z-index: 10;
    color: #484848;
}


.modal-grid {
display: flex!important;
justify-content: space-between;  
flex-wrap: wrap;
}

.offices_slider-box-content-area {display: flex; position: relative;justify-content: space-between;}

.area_readytext:before {
    position: absolute;
    content: "";
    bottom: 2px;
    left: 70px;
    width: calc(100% - 70px);
    height: 1px;
    background: #C6C6C6;
}

.clients_slider-box{
    display: flex!important;
    justify-content: center;
    align-items: center;
}

.modal_gallery_slider {
    width: 85.5%;
    margin-left: auto;
    margin-right: auto;

}


.modal_gallery_slider .slick-list.draggable{
    margin: 0;
}

.modal_gallery_slider .slick-prev, .modal_gallery_slider  .slick-next {
    bottom: unset;
    top: 50%;
    transform: 0;
    display: block;
    width: 30.29px;
    height: 30.29px;
    padding: 0;
    z-index: 1;
    box-shadow: 0px 6.94857px 15.6343px rgba(0, 0, 0, 0.06);
    background: #000000;
}


.modal-grid-child:first-child {
    width: 100%;

}

.modal-grid-child {
    width: 49%;
    margin-bottom: 15px;
        height: 210px;

}

.modal-grid-child img{height: 100%; width: 100%;}


.modal_office .modal-body {
    display: flex;
    flex-wrap: wrap;
    padding: 24px 0;
        flex-direction: column;

}

.modal_office .modal-dialog.modal-dialog-centered {
    width: 95%;
    max-width: 1017.56px;
    height: 100%;


}

.modal_title {font-family: 'Formular';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 48px;
/* identical to box height, or 120% */


color: #000000;margin-bottom: 4.35px;margin-left: auto;margin-right: auto;}

.modal_typechoose{
    display: flex;
font-family: 'Formular';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
/* identical to box height, or 175% */

margin-left: auto;margin-right: auto;
margin-bottom: 18.93px;
}

.imgvideo:nth-child(1){
    margin-right: 30px;
}
.imgvideo{
    color: #000000;
}
.imgvideo.active{
    text-decoration-line: underline;
color: #4DBDC6;

}

.modal_gallery_slider.active{
    display: block;
    transition: 0.7s;
        width: 80%;

}


.modal_gallery_slider{
    display: none;
}

.modal-grid-video {max-height: 543.63px;}

.modal-grid-video video {width: 100%;height: 100%;}


#bronirovatForm_forms_flash {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
  width: 40%
}
      
.alert.alert-success.alert-dismissible {
  height: 100%;
  width: 100%;
  align-items: center;
  text-align: center; 
    background: #4DBDC6;
  color: white;
  padding: 40px;
  position: relative;
}

.close{
    opacity: 1;
} 

.fixedlinks {
  position: fixed;
right: 20px;
top: 50%;
transform: translate(0,-50%);
}

.fixedlinks_details {
  width: 49.91px;
  height: 49.91px;
  margin-bottom: 12px;
}



#back-top a {
  position: fixed;
  bottom: 15px;
  left: 15px;
  font-size: 22px;
  color: #4DBDC6;
  padding: 10px;
  text-align: center;
  z-index: 9;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 70px;
  height: 70px;
}

#back-top a::before {
  content: "";
  position: absolute;
  width: 80%;
  height: 80%;
  border: 4px solid;
    border-right-style: solid;
    border-left-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  transform-origin: center;
  transform: rotate(0deg);
  animation: rolling-right 15s linear infinite;
  border-left-style: dotted;
  border-right-style: dotted;
  border-radius: 50%;
}

.mobhometel{
    display: none;
}

.modal.fade.in {
    visibility: visible;
    top: 0;
}

.modal{
    display: block;
    visibility: hidden;
}

@keyframes pulse { 
  0% { transform: scale(0.9); opacity: 1;}
  50% { transform: scale(1); opacity: 1; }
  100% { transform: scale(0.9); opacity: 1; }
}
@-webkit-keyframes pulse { 
  0% { transform: scale(0.95); opacity: 1; }
  50% { transform: scale(1); opacity: 1; }
  100% { transform: scale(0.95); opacity: 1; }
}
@keyframes tossing { 
  0% { transform: rotate(-8deg); }
  50% { transform: rotate(8deg); }
  100% { transform: rotate(-8deg); }
}
@-webkit-keyframes tossing { 
  0% { transform: rotate(-8deg); }
  50% { transform: rotate(8deg); }
  100% { transform: rotate(-8deg); }
}
@-webkit-keyframes circle-anim { 
  0% { transform: rotate(0deg) scale(0.5) skew(1deg); opacity: 0.1; }
  30% { transform: rotate(0deg) scale(0.7) skew(1deg); opacity: 0.5; }
  100% { transform: rotate(0deg) scale(1) skew(1deg); opacity: 0.1; }
}
@keyframes circle-anim { 
  0% { transform: rotate(0deg) scale(0.5) skew(1deg); opacity: 0.1; }
  30% { transform: rotate(0deg) scale(0.7) skew(1deg); opacity: 0.5; }
  100% { transform: rotate(0deg) scale(1) skew(1deg); opacity: 0.1; }
}
@-webkit-keyframes circle-fill-anim { 
  0% { transform: rotate(0deg) scale(0.7) skew(1deg); opacity: 0.2; }
  50% { transform: rotate(0deg) scale(1) skew(1deg); opacity: 0.2; }
  100% { transform: rotate(0deg) scale(0.7) skew(1deg); opacity: 0.2; }
}
@keyframes circle-fill-anim { 
  0% { transform: rotate(0deg) scale(0.7) skew(1deg); opacity: 0.2; }
  50% { transform: rotate(0deg) scale(1) skew(1deg); opacity: 0.2; }
  100% { transform: rotate(0deg) scale(0.7) skew(1deg); opacity: 0.2; }
}


@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular-BlackItalic.eot');
    src: local('Formular Black Italic'), local('Formular-BlackItalic'),
        url('../fonts/Formular-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular-BlackItalic.woff2') format('woff2'),
        url('../fonts/Formular-BlackItalic.woff') format('woff'),
        url('../fonts/Formular-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular-MediumItalic.eot');
    src: local('Formular Medium Italic'), local('Formular-MediumItalic'),
        url('../fonts/Formular-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular-MediumItalic.woff2') format('woff2'),
        url('../fonts/Formular-MediumItalic.woff') format('woff'),
        url('../fonts/Formular-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular-Italic.eot');
    src: local('Formular Italic'), local('Formular-Italic'),
        url('../fonts/Formular-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular-Italic.woff2') format('woff2'),
        url('../fonts/Formular-Italic.woff') format('woff'),
        url('../fonts/Formular-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular-LightItalic.eot');
    src: local('Formular Light Italic'), local('Formular-LightItalic'),
        url('../fonts/Formular-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular-LightItalic.woff2') format('woff2'),
        url('../fonts/Formular-LightItalic.woff') format('woff'),
        url('../fonts/Formular-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular-Black.eot');
    src: local('Formular Black'), local('Formular-Black'),
        url('../fonts/Formular-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular-Black.woff2') format('woff2'),
        url('../fonts/Formular-Black.woff') format('woff'),
        url('../fonts/Formular-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular-Light.eot');
    src: local('Formular Light'), local('Formular-Light'),
        url('../fonts/Formular-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular-Light.woff2') format('woff2'),
        url('../fonts/Formular-Light.woff') format('woff'),
        url('../fonts/Formular-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular.eot');
    src: local('Formular'),
        url('../fonts/Formular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular.woff2') format('woff2'),
        url('../fonts/Formular.woff') format('woff'),
        url('../fonts/Formular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular-Medium.eot');
    src: local('Formular Medium'), local('Formular-Medium'),
        url('../fonts/Formular-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular-Medium.woff2') format('woff2'),
        url('../fonts/Formular-Medium.woff') format('woff'),
        url('../fonts/Formular-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular-BoldItalic.eot');
    src: local('Formular Bold Italic'), local('Formular-BoldItalic'),
        url('../fonts/Formular-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular-BoldItalic.woff2') format('woff2'),
        url('../fonts/Formular-BoldItalic.woff') format('woff'),
        url('../fonts/Formular-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular-Bold.eot');
    src: local('Formular Bold'), local('Formular-Bold'),
        url('../fonts/Formular-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular-Bold.woff2') format('woff2'),
        url('../fonts/Formular-Bold.woff') format('woff'),
        url('../fonts/Formular-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}