* {
  padding: 0;
  margin: 0;
  border: 0;
}
html, body {
  height: 100%;
}
ul li {
  list-style: none;
}
ul,
ol {
  margin-bottom: 0px;
}
p {
  margin: 0 0 0px;
}
a {
	display: inline-block;
}
a, a:visited {
  text-decoration: none !important;
  outline: none !important;
}
a:hover {
	color: inherit;
	text-decoration: none;
}
.wrapper {
    min-height: 100%;
    overflow: hidden;
  
    display: flex;
    flex-direction: column;
}
[class*=__container] {
  max-width: 1366px;
  margin: 0 auto;
  padding: 0 95px;
}
[class*=__section] {
  padding-top: 100px;
}
body {
    /* font-family: 'IBM Plex Sans', sans-serif; */
    font-family: 'Montserrat', sans-serif;
}
.main, .header {
    flex: 1 0 auto;
}
.footer {
    flex: 0 0 auto;
}
.pl {
	padding-left: 42px;
}
.ml {
	margin-left: 42px;
}
.mb {
	margin-bottom: 52px;
}
.mt {
	margin-top: 33px;
}
/* transperant bg for autocomplete input values */
input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}
/* webkit scrollbar */
html::-webkit-scrollbar {
  width: 10px;
}
html::-webkit-scrollbar-thumb {
  background-color: #D3A767;
}
html::-webkit-scrollbar-track {
  background-color: #D0D0D0;
}
/* header */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 8;
  /* padding: 44px 0; */
  background: transparent;
}
.header__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 13px;
    padding-bottom: 13px;
}
.header-line {
	width: 100%;
	height: 1px;
	background: #fff;
}
/* -------------------------------------- */
.menu__link {
	font-weight: 400;
	font-size: 20px;
	line-height: 40px;
	color: #151515;
	display: flex;
	margin: 0 12px;
	text-transform: uppercase;
	transition: all 0.3s;
	position: relative;
}
.menu__link:hover {
    color: #D3A767;
}
.menu-body {
	display: flex;
	align-items: center;
	grid-column-gap: 60px;
}
.menu-body li {
	display: flex;
	align-items: center;
}
.ser-link {
	font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.ser-link:hover {
	color: #D3A767;
	transition: color 0.3s ease 0s;
}
.menu__list {
  display: flex;
  flex-direction: column;
  grid-row-gap: 35px;
}
.menu-right {
	display: flex;
}
.header__contacts a {
	position: relative;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	color: #FFFFFF;
}
.header__contacts svg {
  margin-right: 12px;
}
.header__contacts {
	display: flex;
	margin: 0 0 0 36px;
}
.header__contacts a:after {
	content: '';
	position: absolute;
	transform: scaleX(0);
	width: 100%;
	height: 1.5px;
	bottom: 3.5px;
	left: 0;
	background-color: #FFFFFF;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}
.header__contacts a:hover:after {
	transform: scaleX(1);
	transform-origin: bottom left;
}
.lang-list {
    display: flex;
    align-items: baseline;
    grid-column-gap: 5px;
}
.lang-list li a {
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #D3D3D3;
}
.lang.black {
	margin: 0 12px;
}
.lang.black .lang-list li a {
	color: #151515;
}
.lang-list li a:hover {
	color: #D3A767;
	transition: 0.3s ease 0s;
}
.lang-list li a.active {
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-radius: 100%;
	padding: 14px 6px 10px;
}
.lang.black .lang-list li a.active {
	color: #151515;
	border: 1px solid #151515;
}
/* header fixed */
.header.fixed {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  z-index: 10;
  background-color: #fff;
  /* padding: 10px 0; */
  transition: 0.8s;
}
.logo img {
    max-width: 79px;
}
.logo {
	z-index: 0;
}
.header.fixed .logo img {
  max-width: 60px;
  transition: 0.8s;
}
.header.fixed .header__contacts a {
	color: #000;
}
.header.fixed .ser-link {
	color: #000;
}
.menu__icon {
	display: none;
}
.header__menu {
	display: none;
}
.header.fixed .line__container {
	display: none;
}
.header.fixed .lang-list li a {
	color: #000;
}
.header.fixed .lang-list li a.active {
	border: 1px solid #000;
}
/* main page */
.main-page {
  position: relative;
}
.intro_slider-block {
  position: relative;
}
.intro_slider-block:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 1;
  background: rgba(27, 27, 27, 0.65);
}
.intro_slider-img {
  width: 100vw;
  height: 100%;
  margin: 0;
  z-index: 1;
  object-fit: cover;
}
.intro_slider-text {
  position: absolute;
  bottom: 25%;
  left: 0px;
  width: 100%;
  /* transform: translateY(-25%); */
  z-index: 1;
}
.intro_slider-text.teh {
	bottom: unset;
	top: 50%;
	transform: translateY(-50%);
}
.main-title {
	font-weight: 500;
	font-size: 60px;
	line-height: 60px;
	text-transform: uppercase;
	color: #FFFFFF;
	max-width: 834px;
}
.main-subtitle {
	font-family: 'IBM Plex Sans';
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	color: #FFFFFF;
	margin: 15px 0 0 0;
	max-width: 679px;
}
.main-con {
	display: flex;
	align-items: center;
}
.main-con div {
	font-weight: 500;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.2em;
	color: #A5A5A5;
}
.main-con div:first-child {
	margin-right: 20px;
}
.main-con svg {
	transition: 0.8s ease 0s;
}
.main-con:hover svg {
	margin-left: 15px;
	transition: 0.8s ease 0s;
}
.main-con.still:hover svg {
	margin-left: 0;
	transition: 0.8s ease 0s;
}
.line__container {
	display: flex;
	width: 100%;
}
.line {
	width: 100%;
	height: 1px;
	background-color: #EBEBEB;
	margin-top: 68px;
}

/* footer */
.footer {
	background-color: #151515;
	padding: 33px 0;
}
.footer__container {
	display: flex;
	flex-direction: column;
	/* justify-content: space-between; */
}
.links {
	display: flex;
	grid-column-gap: 15px;
}
.foot-copyright {
	display: flex;
	justify-content: space-between;
}
.copyright {
	font-weight: 200;
	font-size: 14px;s
	line-height: 17px;
	color: #FFFFFF;
	text-transform: uppercase;
	
	display: flex;
    align-items: center;
}
.f-line {
	width: 100%;
	height: 1px;
	background-color: #797979;
	margin: 32px 0;
}
.foot-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.foot-contacts {
	display: flex;
	justify-content: space-between;
}
.con-block {
	display: flex;
	align-items: center;
}
.con-title {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	/* line-height: 38px; */
	color: #ABABAB;
}
.con {
	font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 500;
font-size: 16px;
/* line-height: 24px; */
color: #F2F5F7;
max-width: 340px;
transition: text-decoration 0.3s !important;
}
.con:hover {
	text-decoration: underline !important;
	color: #F2F5F7 !important;
}
.con-svg {
	margin-right: 10px;
}
.modal-btn {
	
}








/* text blocks */
.section-title {
	font-weight: 400;
	font-size: 45px;
	line-height: 60px;
	letter-spacing: 0.025em;
	text-transform: uppercase;
	color: #151515;
}
.text__body {
	display: flex;
	flex-direction: column;
	grid-row-gap: 100px;
}
.text__container {
	display: flex;
	align-items: center;
	padding-right: 0;
}
.text__container.reverse {
	flex-direction: row-reverse;
	padding-right: 95px;
	padding-left: 0;
}
.text {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	color: #666666;
	margin-top: 24px;
}
.text p {
	margin: 15px 0;
}
.block-text {
	max-width: 50%;
	padding-right: 86px;
}
.text__container.reverse .block-text {
	padding-right: 0;
	padding-left: 86px;
}
.block-img {
	max-width: 50%;
}
.block-img img {
	max-width: 100%;
	/* margin: 0 -95px 0 0; */
}
/* window */
/* .window__container {
	display: flex;
	flex-direction: column;
}
.window__container img {
	max-width: 100%;
	margin-top: 38px;
} */

/* teh param */
.param-title {
	font-weight: 500;
	font-size: 45px;
	line-height: 60px;
	letter-spacing: 0.025em;
	text-transform: uppercase;
	color: #FFFFFF;
	max-width: 367px;
}
.teh-element {
	display: flex;
	flex-direction: column;
	margin-right: 36px;
    /* max-width: 353px; */
}
.teh-element:last-child {
	margin-right: 0;
}
.teh-title {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 144%;
	color: #FFFCFC;
	margin: 18px 0 15px;
}
.teh-text {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: #F7F7F7;
}
.teh-body {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 80px;
	grid-row-gap: 20px;
    margin-top: 65px;
}
.teh-img {
	height: 650px;
	width: 100vw;
	object-fit: cover;
	object-position: top;
	/* width: 100%
	object-fit: cover; */
}
.feed-img {
	height: 700px;
	width: 100vw;
	object-fit: cover;
	/* object-fit: cover; */
}
/* contact form */
.param-title.feed {
	max-width: 100%;
	margin-bottom: 24px;
}
.teh-text.feed {
	max-width: 493px;
}
/* about */
.about__slider .slider-element {
	margin: 0 15px;
}
.about__slider .slider-element img {
	max-width: 100%;
}
.about__slider {
	display: flex;
	position: relative;
	margin-top: 150px;
}
.img-title {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 450;
	font-size: 20px;
	line-height: 24px;
	color: #151515;
	margin-top: 24px;
}
.slide-arrow {
	position: absolute;
	top: -90px;
	background: transparent;
	padding: 18px 17px 17px 16px;
	border: 1px solid #D3A767;
	border-radius: 60px;
	display: flex;
}
.slide-arrow.prev-arrow {
	left: 15px;
}
.slide-arrow.next-arrow {
	left: 85px;
}
.about-up {
	margin-bottom: 37px;
}
/* gallery */
.gallery-body {
	margin-top: 38px;
}
.g-element {
	display: flex;
}
.g-right {
	display: flex;
	flex-direction: column;
}
.g-left {
	display: flex;
	margin: 0 14px;
}
.gallery__slider {
	display: flex;
	margin-right: 14px;
}
.g-left img {
	max-width: 100%;
}
.g-right img {
	max-width: 100%;
}
.g-right a {
	margin-bottom: 14px;
}
.g-right img:last-child {
	margin-bottom: 0;
}
.gallery__slider .slick-track {
	display: flex;
}
.gallery__slider.slick-initialized .slick-slide {
	display: flex;
}
.gallery__slider .slide-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.gallery__slider .prev-arrow {
	left: -80px;
	z-index: 5;
}
.gallery__slider .next-arrow {
	left: unset;
	right: -80px;
	z-index: 5;
}

/* about arenda */
.about-arenda__container {
	display: flex;
	align-items: center;
	padding-left: 0;
}
.about-arenda-img img {
	max-width: 100%
}
.about-arenda-img {
	max-width: 60%;
}
.about-arenda-text {
	max-width: 40%;
}
.about-arenda-img {
	margin-right: 80px;
}


/* offer */
.offer-body {
	margin-top: 33px;
}

.offer-block {
	display: flex;
	flex-direction: column;
	max-width: 50%;
	align-items: flex-start;
}
.offer-block:last-child {
	margin-top: 80px;
}
.offer-body {
	display: flex;
	grid-column-gap: 30px;
}
.o-title {
	font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 24px;
/* identical to box height, or 109% */
margin: 26px 0 0 0;

color: #151515;
}
.offer-block img {
	max-width: 100%;
}


/* contacts */

.con-body {
	display: flex;
	justify-content: space-between;
}

.con-element {
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	padding: 22px 40px;
	width: 100%;
}
.c-title {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #ABABAB;
}
.cont {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	color: #444444;
}
.cont.bold {
	font-weight: 500;
}
.c-block {
	display: flex;
	align-items: center;
}
.c-svg {
	margin-right: 15px;
}
.c-svg circle {
	fill: #D3A767;
	stroke: #fff;
}
.c-svg path {
	fill: #fff;
}
.c-line {
	width: 100%;
	height: 1px;
	background-color: #E0E0E0;
	margin: 20px 0;
}
.map {
	margin: 70px 0;
}
.arenda-body {
	display: flex;
	margin-top: 57px;
}
.ar-top {
	display: flex;
	grid-column-gap: 25px;
}
.test {
	position: relative;
}
.test img, .arenda-right img {
	max-width: 100%;
}
.test:before {
	position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 1;
  background: linear-gradient(180.01deg, #232323 -4.77%, rgba(35, 35, 35, 0) 99.99%);
  transform: matrix(1, 0, 0, -1, 0, 0);
}
.ar {
	position: absolute;
	bottom: 35px;
	left: 31px;
	width: 100%;
	z-index: 2;
}
.arenda-right {
	position: relative;
}
.arenda-left {
	margin-right: 25px;
	    display: flex;
    flex-direction: column;
}
.arenda-right:before {
	position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 1;
  background: linear-gradient(180.01deg, #232323 -4.77%, rgba(35, 35, 35, 0) 99.99%);
  transform: matrix(1, 0, 0, -1, 0, 0);
}
.a-title {
	font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 26px;
margin-bottom: 11px;

display: flex;
align-items: center;

color: #FFFFFF;
}
.a-title.bl {
	color: #151515;
}
.a-text {
	font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
max-width: 488px;
/* or 19px */


color: #FFFFFF;
}
.a-text.bl {
	color: #151515;
}
.test2 {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background: #F5F8F7;
	padding: 35px 31px;
}

.test2.bottom {
	height: 100%;
}
.ar-bottom {
	margin-top: 25px;
	height: 100%;
}












/*  modal ajax form starts here */
.modal-with-img .modal-body {
    display: flex;
    flex-wrap: wrap;
    padding: 150px 60px;
    /* padding: 10px 60px; */
    position: relative;
}
.input {
	display: flex;
	outline: none;
	grid-row-gap: 13px;
	grid-column-gap: 13px;
	
}
.input div {
	display: flex;
}
.input:hover, .input:focus{
	border:none;
}
.modal-with-img .modal-dialog.modal-dialog-centered {
    width: 95%;
}


.modal-with-img .modalimg img{
    object-fit: cover;
}


.modal-content {
    border-radius: 20px;
    overflow: hidden;
    max-height: 90vh;
}

.modal-dialog.modal-dialog-centered {
    max-width: 1024px;
}

.modal-content > button.close {
    position: absolute;
    top: 5px;
    right: 12px;

    font-size: 45px;
    opacity: 1;
    font-weight: normal;
    z-index: 10;
    
}
#contactForm_forms_flash {
    position: fixed;
    left: 50%;
    top: 18%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 60%;
    max-width: 100%;
}

.alert.alert-success.alert-dismissible {
    height: 100%;
    width: 100%;
    align-items: center;
    text-align: center;
    background: #fff;
    color: white;
    padding: 60px 30px;
    position: relative;
    border-radius: 10px;
    color: #000;
}

.alert-dismissable .close, .alert-dismissible .close {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #000;
    opacity: 0.9;
    background: rgba(0,0,0,0);
    font-size: 20px;
}
.modalimg img {
    width: 100%;
    height: 100%;
}
         

.modal-content > button.close {
    font-size: 40px;
}

.modal-with-img .modalimg {
    width: 41.7%; 
    border: none;
}
.modal-with-img .form-modal {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    z-index: 2;
}
.modal-body {
    background-size: cover;
}
.modal-body:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(29, 29, 29, 0.6);
}

.close {
    color: #FFFFFF;
}
.close:hover {
    color: #FFFFFF;
}
/* contact form styles */
.f-input {
    outline: none;
    padding: 16px 14px;
    
    background: transparent;
    border: 1px solid #FFFFFF;
	border-radius: 4.80761px;
    color: #fff;
    /* width: 100%; */
    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type=text] {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.f-input::placeholder {
    font-weight: 400;
	font-size: 17.1694px;
	line-height: 21px;
	color: rgba(255, 255, 255, 0.7);
}
.r-btn {
	font-weight: 700;
	font-size: 15px;
	line-height: 18px;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #D3A767;
	border-radius: 4.80761px;
	padding: 16px 23px;
	border: 1.5px solid #D3A767;
	transition: 0.3s ease 0s;
}
.r-btn:hover {
	background: #FFFFFF;
	color: #D3A767;
	border: 1.5px solid #D3A767;
}
.form-block {
    display: flex;
    flex-direction: column;
    margin-top: 33px; 
    justify-content: flex-start;
    align-items: flex-start;
}
/* animation */
.more_a {
    animation-name: more-btn;
    animation-duration: 1.5s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.margin-top {
    padding: 30px 0; 
}
@keyframes more-btn {
    0% {
        margin-top: 0;
    }
    100% {
        margin-top: -8px;
    }
}

.slick-dots {
	display: flex;
	justify-content: center;
  list-style-type: none;
      margin-top: 15px;
}
.slick-dots li {
  list-style: none;
  margin: 0 5px;
}
.slick-dots button {
  font-size: 0;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 60px;
  outline: none;
}
.slick-dots .slick-active button {
  width: 8px;
  border-radius: 60px;
  background-color: #D3A767;
   outline: none;
}