/*Style main page*/

.box{
	background-repeat: no-repeat;
	background-position: bottom left;
}

.box a{
	text-decoration: none;
}

.box-text{
	font-family: Fira Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 21px;
	color: #000000;
	padding-left: 20px;
}

.box-underline{
	display: block;
	margin-left: -20px;
}

.box-title{
	font-family: Luiss Serif;
	font-style: normal;
	font-weight: bold;
	font-size: 80px;
	line-height: 90px;
	letter-spacing: 0.02em;
	color: #000000;
	width: 85%;
	position: relative;
}

.svg-1{
	width: 150px;
	float:right;
	margin-right: 300px;
    margin-bottom: -46px;
}

.svg-1-mobile{
	display: none;
}

.svg-2{
	width: 400px;
	margin-top: -110px;
    margin-left: 250px;
}

.svg-2-mobile{
	display: none;
}
#searchtext{
	width: 290px;
}
/*front section*/

.front-image{
	background-image: url(../img/City-_illustration_.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 40%;
	padding-right: 130px;
    background-origin: content-box;
}

.front__box{
	height: 680px;
	padding-top: 100px;
	background-image: url(../img/Vector-steps.svg);
}


.icon{
	position: absolute;
	top: 15px;
	right: 15px;
}

.front__vertical{
	position: absolute;
	-moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); 
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg); 
    transform: rotate(-90deg);
    right: -150px;
    top: 285px;
    color:#000000;
    padding-left: 20px;
    padding-right: 50px;
}

.front-image a{
	text-decoration: none;
}

.icon__front{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/search-left-1.svg);
	transform: rotate(90deg);
}

/*end front section*/

/*description section*/

.description{
	font-family: Luiss Serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}

.description__title{
	padding-bottom:14px;
	font-size: 50px;
	line-height: 56px;
	color: #000000;
	padding-top:22px;
	width: 105%;
	border-right: 2px dashed black;
}

.description__text{
	font-size: 30px;
	line-height: 34px;
	color: #000000;
	padding-top:25px;
	width: 100%;
}

.description__text2{
	font-size: 30px;
	line-height: 34px;
	color: #000000;
	padding-top:25px;
	width: 100%;
	text-align: left;
}

.description a{
	text-decoration: none;
}

.description-second__box{
	padding-top: 0px;
}

/* end  description section*/

/* gallery section */

.gallery{
	margin-top: 32px;
	position: relative;
	margin-bottom: 100px;
}

.main-gallery{
	text-align: center;
}

.gallery__button{
	text-align: center;
	margin-top:50px;
	padding-right: 50px;
}

.slick-next,
.slick-prev{
	z-index: 2;
}


.gallery .slick-next:before {
    content: '';
    position: absolute;
    background: url(../img/next.svg);
    background-size: cover;
    width: 19px;
    height: 45px;
    top: -50px;
    left: 10px;
}

.gallery .slick-prev:before {
    content: '';
    position: absolute;
    background: url(../img/prev.svg);
    background-size: cover;
    width: 18px;
    height: 45px;
    left: -15px;
    top: -50px;
}

.gallery-title{
	position: relative;
 	display: flex;
	bottom: 0;
	width: 90%;
	height: 112px;
	margin:auto;
	margin-top:-112px;
	display: flex;
	justify-content: center;
    align-items: center;
    background: white;
    opacity: 0.7;
	pointer-events: none;
}

.gallery-text {
	display: flex;
	justify-content: center;
	font-family: Luiss Serif;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 34px;
	align-items: center;
	color: #000000;
	text-align:center;
}

.gallery__icon{
	width: 15px;
	height: 20px;
	background: url(../img/second_icon.svg);
}

.gallery-img{
	margin:auto;
	width: 90%;
}

.home .gallery-img{
	/*height: 295px;*/
}

.home .gallery-img-default{
	object-fit: contain;
	background: #F2F2F2;;
}

.home .main-gallery a:focus{
	outline:none;
}

.gallery__button-icon{
	width: 15px;
	height: 20px;
	background-image: url(../img/Icon-_List_.svg);
	display: inline-block;
}
.gallery__button a{
	text-decoration: none;
}

.center-button{
	margin-top: 50px;
	text-align: center;
}

#button-footer{
	position: absolute;
	width: 27px;
	height: 36px;
	background: url(../img/button-bottom.svg);
	top:100px;
	left: 22px;
}

.slick-dots{
	display: none !important;
}

/* end gallery section */

/* map section */

.map{
	background: url(../img/map-new.png);
	background-size: cover;
	position: relative;
}

.map__title
{
	width: 100%;
}

.map__box {
	background: transparent;
	height: auto;
	padding-top: 100px;
	height: 710px;
	margin: 0 65px;
}

.map__svg {
    width: 400px;
    margin-top: -290px;
    margin-left: 350px;
}

.map__button{
	padding-right: 50px;
}

.map__icon{
	width: 20px;
    height: 20px;
	background: url(../img/map-icon.svg);
	display:block;
}

.map-bottom__background{
	height: 310px;
	margin-top: -190px;
	background-image: url(../img/Frame.svg);
	background-repeat: no-repeat;
}

.box-text-map{
	padding-left: 0;
}

/* end map section */

/* description second section*/

.description-second__title{
	width: 120%;
}

.box .description-third__title p{
	width: 130%;
}

.box .description-third__title p:first-child{
	width: 100%;
}

.center-text{
	text-align: center;
}


.description-second__box{
	height: 400px;
}

.description-second .box{
	background:transparent;
}

.description-second .slick-prev:before,
.description-second .slick-next:before {
  color: black;
}

.description-second .slick-prev:before {
	content: '';
	position:absolute;
	background: url(../img/prev.svg);
	background-size: cover;
	width: 18px;
	height: 44px;
	left: 15px;
	top:-10px;
}

.description-second .slick-next:before {
	content: '';
	position:absolute;
	background: url(../img/next.svg);
	background-size: cover;
	width: 19px;
	height: 44px;
	top:-10px;
	left: -15px;
}

.description-second__gallery-image{
	width: 100%;
}

.description-second__box-gallery{
	margin:0px 0px 0px 90px;
}

.description-second__svg {
    width: 345px;
    margin-top: -268px;
    margin-left: 277px;
}

.description-second__gallery-text{
	margin-top:-100px;
	font-family: Luiss Serif;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 34px;
	text-align: center;
	background: #FFFFFF;
	opacity: 0.7;
	padding-top: 22px;
	padding-bottom: 22px;
}


.description-second__icon{
	width: 14px;
	height: 20px;
	background: url(../img/second_icon.svg);
}

.description-second-bottom__background{
	height: 435px;
	background: url(../img/second_bottom_background.svg) no-repeat, linear-gradient(to top, #FAF7F1 50%, white 50%);
	background-position: center;
	margin-bottom: -210px;

}

.description-second__button{
	padding-right: 50px;
}
/* end description second section*/


/*description third section*/

.description-third .box{
	padding-top: 90px;
}

.description-third__svg{
	margin-top: -80px;
    margin-left: 14px;
}

.description-third__text{
	padding-top:80px;
}

.description-third__box{
	height: 400px;
	background: transparent;
}


.description-third-bottom__left{
	height: 700px;
	pointer-events: none;
}

.description-third__title{
	width: 110%;
}

.description-third{
	background: #FAF7F1;
}

.description-third-bottom{
	background: linear-gradient(to bottom, #FAF7F1 50%, white 50%);
}

.description-third-bottom__left{
	background: url(../img/third_left_bottom.svg) no-repeat;
	background-position: left bottom;
	padding-left: 55px;
    background-origin: content-box;
	background-size: 25%;
}

.description-third__container-right{
	position: relative;
}
.description-third__button{
	padding-right: 50px;
}

.description-third__icon{
	width: 20px;
	height: 20px;
	background: url(../img/third_section_icon.svg) no-repeat;
}

.description-third__pointer{
	position:absolute;
	width:490px;
	height: 630px;
	background: url(../img/third_righ_bottom.svg) no-repeat;
	left:400px;
	top:0px;
}

#bottom__img{
	position: absolute;
	right: 0px;
	left: 0;
	bottom: 50px;
	margin:auto;
	background-image: url(../img/logo_new.svg);
	background-size: cover;
	width: 243px;
	height: 120px;
}


.description-second__box-gallery .regular{
	margin-bottom: 50px;
	margin-top: 30px;
}

.gallery__center-button{
	padding-right: 10px;
}

.box-text_footer{
	display: inherit;
}

.front__box-text,
.box-text-second,
.box-text-third{
	padding-left: 0;
}
.description-third_nopadding{
	padding-left: 0;
}

.box-text_footer {
	padding-left: 15px;
}

.box-title_front-image{
	position: relative;
}

.front-image_image1{
	background: url(../img/Vector-2.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
}

.front-image_image2{
	background: url(../img/Vector-1.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
}

.map__image1{
	background: url(../img/map-image1.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
}

.description-second__image1{
	background: url(../img/description-second__image.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.description-third__image1{
	background: url(../img/description-third__image.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.not-room{
	text-align: center;
	font-family: Fira Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 30px;
	line-height: 34px;
	color: #000000;
	text-decoration: underline;
}

@media screen and (max-width: 1800px){
	.description-third__pointer {
	    position: static;
	    width: 100%;
	    height: 400px;
	    background-size: contain;
	    background-position: right;
	}

	.box-title{
		width: 80%;
	}

	.svg-1{
		position: relative;
		top: 20px;
		width: 185px;
	    margin-right: 230px;
	    margin-bottom: -50px;
	}

	.svg-2 {
	    width: 450px;
	    margin-top: -80px;
	    margin-left: 0px;
	}
	.box-title{
		font-size: 50px;
		line-height: 56px;
	}

	.description__text{
		font-size: 30px;
		line-height: 34px;
		color: #000000;
		padding-top:25px;
		width: 100%;
	}

	.description__text2{
		font-size: 30px;
		line-height: 34px;
		color: #000000;
		padding-top:25px;
		width: 100%;
		text-align: left;
	}

	.map__title{
		width: 120%;
		font-size: 45px;
	}

	.map__svg {
	    margin-left: auto;
	    float: right;
	    width: 450px;
	    margin-top:-45px;
	}

	.description-second__title{
		width: 105%;
	}

	.description-second__svg{
		margin-top:-240px;
	}

	.header-menu li {
		margin: 5px 3px;
	}


}

@media screen and (max-width: 1440px){
	.map {
		background: url(../img/map-new1440.png);
		background-repeat: no-repeat;
	}

	.description-second__box-gallery{
		margin:70px 0px 0px 90px;
	}

	.gallery-text_regular {
		font-size: 28px;
		line-height: 32px;
		letter-spacing: 0.02em;
	}
	.gallery-title_regular{
		height: 90px;
		width: 100%;
	}

	.description-second__gallery-img{
		width: 115%;
	}

	.description-second .slick-prev:before{
		left: 0;
	}

	.description-second .slick-next:before{
		left: 0;
	}

	.slick-dotted.slick-slider {
		margin-bottom: 80px;
	}
	.description-second-bottom__background{
		height: 460px;
	}
	.header-menu li {
		margin: 5px 2px;
	}


	.front-image_image2{
		background: transparent;
	}

	.front-image_image2-1440{
		background: url(../img/front-image_image2-1440.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top;
	}

	.map__image1{
		background: transparent;
	}

	.map__image1-1440{
		background: url(../img/map__image1-1440.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top;
	}

	.description-second__image1{
		background: transparent;
	}

	.description-second__image1-1440{
		background: url(../img/description-second__image1-1440.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top;
	}

	.description-third__image1{
		background: transparent;
	}
	.description-third__image1-1440{
		background: url(../img/description-third__image1-1440.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top;
	}

	.container-fluid_rooms {
		max-width: 1140px;
		padding-left: 0;
		padding-right: 0;
	}
	#searchtext{
		width: 250px;
	}
}

@media screen and (max-width: 1199px){
	.gallery-text_regular{
		font-size: 22px;
	}
	.description-second-bottom__background{
		background-size: contain;
	}
	.gallery {
		margin-bottom: 40px;
	}

	.center-button_gallery{
		margin-top:0px;
	}

	.front-image_image1{
		background: transparent;
	}

	.front-image_image2{
		background: url(../img/Vector-1.svg);
		background-repeat: no-repeat;
	}

	.front-image_image2-1440{
		background: transparent;
	}

	.map__image1{
		background: url(../img/map-image1.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}

	.map__image1-1440{
		background: transparent;
	}

	.description-second__image1{
		background: url(../img/description-second__image.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}

	.description-second__image1-1440{
		background: transparent;
	}

	.description-third__image1{
		background: url(../img/description-third__image.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
	.description-third__image1-1440{
		background: transparent;
	}
	.container-fluid_rooms {
		max-width: 960px;
	}
	#searchtext{
		width: 150px;
	}
}



@media screen and (max-width: 991px){
	.navbar-collapse{
		width: calc(100% + 30px);
		margin-left: -15px;
		margin-right: -15px;
	}
	.col-12{
		padding-left: 15px;
		padding-right: 15px;
	}
	.footer__field-center,
	.coll-footer-room{
		padding-left: 0px;
		padding-right: 0px;
	}
	.box-title{
		padding-right: 10px;
		width: 100%;
		text-align: left;
	}
	.description__text{
		text-align: right;
	}
	.description{
		position: relative;
    	bottom: 65px;
	}
	.front__box{
		height: 500px
	}


	.icon {
		top:10px;
	}

	.svg-1-mobile{
		display: block;
		width: 150px;
		float:right;
		margin-right: 50px;
	    margin-bottom: -46px;
	}

	.svg-1{
		display: none;
	}

	.svg-2{
		display: none;
	}


	.svg-2{
		width: 250px;
		margin-left:0px;
	}

	.svg-2-mobile{
		display: block;
	    width: 400px;
	    margin-top: -40px;
	    margin-left: -135px;
	    height: 30px;
	}

	.svg-1-mobile_size2{
		float: left;
		margin-top: -100px;
		padding-left: 15px;
		margin-left: 30%;
	}

	.map__svg{
		margin-left:0px;
	}

	.description-third .box{
		padding-top:0;
	}

	.front-image {
		background-position: top right;
    	background-size: 50%;
    	padding: 0px;
    	margin-top: 35px;
	}

	.box{
		padding-top: 0px;
		background: none;
	}

	.front__button{
		display: none;
	}

	.description-third__pointer{
		margin-top:-100px;
  	}

	.front__vertical{
		position: relative;
		transform:none;
		height: 0;
		right: 0;
	    top: -190px;
	    float: left;
	}

	.description__title{
		border:none;
		display: block;
    	padding: 0;
    	height: 50px;
    	background: url(../img/Vector-steps.svg) no-repeat;
    	background-size: contain; 
    	text-align: center;
    	padding-top: 5px;
    	border-right: 2px dashed black;
	}

	.description-second-bottom{
		margin-bottom: -50px;
	}

	.gallery {
		margin-top:-25px;
		margin-bottom: 80px;
	}

	.gallery-img{
		width: 80%;
	}

	.home .gallery-img {
		/*height: 240px;*/
	}

	.gallery  .slick-next{
		right: 0px;
	}

	.gallery .slick-prev{
		left: 0;
	}

	.gallery .slick-next:before {
		left: -20px;
		top: -65px;
	}

	.gallery .slick-prev:before {
		left: 20px;
		top: -65px;
	}


	.gallery-text{
		font-size: 18px;
		line-height: 20px;
		margin: 0;
	}

	.map{
		margin-top: -50px;
		padding-top: 50px;
		background:	url(../img/map-new768.png) no-repeat;
		background-size: cover;
	}

	.map__box{
		height: 400px;
	}

	.box-text{
		display: block;
		font-size: 15px;
		padding-right: 10px;
	}

	.map-bottom{
		display: block;
	}

	.gallery-title{
		height: 62px;
        margin-top: -62px;
	}

	.map__svg{
		display: none;
	}

	.description-second-bottom__background{
		margin-bottom: -50px;
	}

	.description-second{
		height: auto;
		margin-top: 20px;
	}

	.description-second__box{
		height: auto;
		margin-top: 20px;
	}

	.separator_none_mobile{
		height: 5px;
	}

	.description-second__title{
		width: 100%;
		text-align: left;
	}

	.description-second__svg{
		display: none;
	}

	.description-second__box-gallery{
		margin: 30px auto 0px;
	}

	.description-second__gallery-img{
		width: 80%;
	}

	.regular .slick-prev{
		left: 0;
	}

	.regular .slick-prev:before {
	    left: 20px;
    	top: -20px;
	}

	.regular .slick-next{
		right: 0px;
	}

	.regular .slick-next:before {
	    left: -20px;
    	top: -20px;
	}

	.description-second-bottom__background{
		background-size: 130%;
	}

	.description-third{
		padding-top:20px;
	}

	.description-third{
		background: #FAF7F1;
	}

	.description-third__box {
    	height: 670px;
	}

	.description-third-bottom__left{
		margin-left: 0;
		height: 130px;
		background:none;
		background-size: 121px 60px;
		background-position: center;
	}

	.description-third__text{
		padding-top: 20px;
	}
	#button-footer{
		top: -90px;
	    left: 0px;
	    right: 0;
	    margin: auto;
	    display:none;
	}

	.description-third-bottom{
		background:none;
	}

	.map-bottom__background{
		background-image: url(../img/map-tablet.svg);
		background-repeat:no-repeat;
		height: 200px;
	    margin-top: -108px;
	}


	.description-second-bottom__background{
		background: url(../img/second_bottom_background768.svg) no-repeat, linear-gradient(to top, #FAF7F1 50%, white 50%);
    	background-position: right;
		height: 380px;
	}
	.description-third-bottom__left{
		background: url(../img/third_left_bottom.svg) no-repeat;
	    background-position: left;
		background-size: 25%;
		height: 230px;
		margin-top: -100px;
	}
	.description-third{
  		margin-bottom: 50px;
  	}

  	#bottom__img{
  		bottom: 30px;
  	}

	.header__border_bottom {
		border-bottom: 2px solid black;
	}
	.slick-dotted.slick-slider {
		margin-bottom: 20px;
	}

	.center-button_gallery{
		margin-top:20px;
	}
	.description-third_nopadding,
	.box-text-map,
	.box-text-second,
	.box-text-third{
		padding-left: 0;
		padding-right: 0;
	}
	.coll-footer-room{
		margin-left: -20px;
	}

	#searchtext {
		width: 300px;
	}
}

@media screen and (max-width: 767px){
	#bottom__img{
		width: 121px;
    	height: 60px;
	}

	.footer__field-center{
		padding-left: 0;
		padding-right: 0;
	}

	.front-image{
		background-position: center;
	}

	.front__vertical{
		left: 0;
		top:-70px;
	}

	.front__vertical{
		float: none;
	}

	.description__text,
	.description__text2	{
		display: none;
	}

	.description__title{
		font-size: 30px;
		line-height: 34px;
		top:-40px;
		padding-top:20px;
	}

	.footer__right-bord{
		/*right: -15px;*/
	}

	.description{
		position: relative;
    	bottom: 0px;
	}
	#button-footer{
		display: block;
	}

	.map{
		margin-top: -50px;
		padding-top: 50px;
		background:	url(../img/map-new320.png) no-repeat;
		background-size: cover;
	}

	.map-bottom{
		display: none;
	}
	.description__title{
		border-right: 0;
	}

	.description-second__button{
		display:none;
	}

	.separator_none_mobile{
		height: 0px;
	}

	.description-second-bottom__background {
	    height: 335px;
	    background: url(../img/second_bottom_background320.svg) no-repeat, linear-gradient(to top, #FAF7F1 50%, white 50%);
	    background-position: center;
	    background-size: 100%;
	}
	.description-third__box {
    	height: 470px;
	}

	.description-third__pointer{
		position: static;
		width: 100%;
    	height: 160px;
    	background: url(../img/pointer_mobile.svg) no-repeat;
    	background-size: contain;
    	background-position: right;
    	transform: rotate(5deg);
  	}
  	.description-third-bottom__left{
  		background: none;
  	}

  	.description-third{
  		margin-bottom: 0px;
  	}

  	.front__box {
	    height: 635px;
	}
	#searchtext {
		width: 290px;
	}
	#search-4 {
		width: 290px;
	}
	.header-search{
		width: 290px;
	}
	.header__border_bottom{
		border: none;
	}

	.regular .slick-prev:before {
		left: 10px;
	}

	.regular .slick-next:before {
		left: -10px;
	}

	.gallery-text_regular{
		width: 80%;
	}

	.gallery__center-button{
		display: none;
	}
	.slick-dotted.slick-slider {
		margin-bottom: 0px;
	}

	.map__box{
		margin: 0;
	}

	.description-second-bottom{
		margin-bottom: 50px;
	}

	.front-image_image2-767{
		background: url(../img/front-image_image2-767.svg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.front-image_image1{
		background: transparent;
	}

	.front-image_image2{
		background: transparent;
	}

	.front-image_image2-1440{
		background: transparent;
	}

	.front-image_image2-7671{
		background: url(../img/front-image_image2-7671.svg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.map__image1{
		background: transparent;
	}

	.map__image1-1440{
		background: transparent;
	}

	.description-second__image1{
		background: transparent;
	}

	.description-second__image1-1440{
		background: transparent;
	}

	.description-second__image3-767{
		background: url(../img/description-second__image3-767.svg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.description-third__image3-767{
		background: url(../img/description-third__image3-767.svg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.description-third__image1{
		background: transparent;
	}
	.description-third__image1-1440{
		background: transparent;
	}

	#bottom__img {
		bottom: 10px;
	}

	.description-third__text{
		padding-top: 10px;
	}

	.description-third__button{
		padding-right: 35px;
	}

	.box-text_footer {
		 padding-left: 20px;
	}
}

@media screen and (max-width: 600px){
	.front__box{
		height: 550px
	}
	.description-third__box{
		height: 670px;
	}
	.front-image{
		background-size: 80%;
	}

	.front__vertical{
		top:-90px;
	}
	.description-third{
		padding-top:5px;
	}

	.gallery .slick-next:before{
		left: -7px;
	}
	.gallery .slick-prev:before{
		left: 7px;
	}
	#button-footer{
		top: -100px;
	}
	.box-title {
	    font-size: 28px;
	    line-height: 32px;
	}
	.description-third__pointer{
		margin-top: 0;
	}
	#bottom__img {
		bottom: 30px;
	}
	.description-third__text{
		padding-top: 20px;
	}
}

@media screen and (max-width: 400px){
	.home .gallery-img {
		height: 170px;
	}
}