/* CSS Document */

body,html {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow-x: visible;
	/*-moz-osx-font-smoothing: grayscale;*/
}
/*remove buttons lightbox*/
.bb-lightbox-pager-button{
	display: none;
}
input {line-height:1;}
.nowrap{
	white-space: nowrap;
}
.text-uppercase {
	text-transform: uppercase;
}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}
.txtc{
	-moz-osx-font-smoothing: grayscale !important;
	color: #909291 !important;

	font-family: 'Open Sans', sans-serif !important;


	font-size: 13px !important;

	line-height: 22px !important;
}
.pointer {cursor: pointer;}
/*Ajax mail*/
.success {
	padding: 1em;
	margin-bottom: 0.75rem;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #468847;
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: 10px;
}

.error {
	padding: 1em;
	margin-bottom: 0.75rem;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #b94a48;
	background-color: #f2dede;
	border: 1px solid rgba(185, 74, 72, 0.3);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: 10px;
}

.formterms{
	font-size: 10px;
	color: #B3B1B1;
}

/*knapp*/
.btn {
	display: inline-block;
	border-radius: 4px;
	background-color: #ccc;
	border: none;
	color: #FFFFFF;
	text-align: center;
	font-size: 28px;
	padding: 20px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}

.btn:hover {
	background-color: #BCBBBB;
}

.cent{
	text-align: center;
}

a:link {
	text-decoration: none;
	color: #909291;
}

a:visited {
	text-decoration: none;
	color: #909291;
}

a:hover {
	text-decoration: none;
	color: #3e3e3d;
}

a:active {
	text-decoration: none;
	color: #909291;
}

h1,h2,h3,h4,h5 {
	font-family: 'Cinzel','Open Sans', sans-serif;
}
.h3open{font-family: 'Open Sans', sans-serif;
	margin-top: 23px;}
h2 {
	font-weight: normal;
	font-size: 44px;
}
.subhead {
	font-family: 'Cinzel','Open Sans', sans-serif;
	font-weight: 300;
	font-size: 29px;
	line-height: 35px;
	margin: 0 0 !important;
}
.inimage {
	font-family: 'Cinzel','Open Sans', sans-serif;
	font-weight: 300;
	font-size: 23px;
	line-height: 25px;
	margin: 6px 0;
}
.pageheader{
	font-family: 'Cinzel','Open Sans', sans-serif;
	font-weight: 300;
	font-size: 36px;
	line-height: 50px;
}
h4{
	margin: 0;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	margin-top: 13px;
	margin-bottom: 6px;
}
.namerub{font-size: 17px;}
@media only screen and (max-width: 1445px) {
	.namerub{font-size: 13px;}
}

@media only screen and (max-width: 1001px) {
	.namerub{font-size: 22px;}
}



/* headlines with lines */
.decorated{
	overflow: hidden;
	text-align: center;
}
.decorated > span{
	position: relative;
	display: inline-block;
}
.decorated > span:before, .decorated > span:after{
	content: '';
	position: absolute;
	top: 50%;
	border-bottom: 2px solid;
	width: 591px; /* half of limiter*/
	margin: 0 20px;
}
.decorated > span:before{
	right: 100%;
}
.decorated > span:after{
	left: 100%;
}

.ingress{
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	line-height: 27px;
}

.toptext {
	color: #fff;
	text-shadow: 0 1px 4px rgba(0,0,0,0.3);

}

#content{
	max-width: 75%;
	margin: 0 auto 400px;
	padding: 0;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Open Sans', sans-serif;
	color: #909291;
	font-size: 13px;
	line-height: 22px;
}
.diveder{
	margin: 30px 0 36px 0;
}
.diveder hr {
	border: 0;
	height: 1px;
	/* background-image: linear-gradient(to right, rgba(144, 146, 145, 0), rgba(144, 146, 145, 0.75), rgba(144, 146, 145, 0));*/
	background-color: #ccc;
	width: 65%;
}

.object-gallery-container {
	display: grid;
	float: left;
	width: 100%;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
	margin-top: 30px;
}

.object-gallery-item {
	width: 100%;
}

.object-gallery {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 100%;
}

.object-gallery-img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media only screen and (max-width: 950px) {
	.object-gallery-container {
		grid-template-columns: 1fr;
	}

	.img-block{
		flex: 0 0 60%;
		width: 100% !important;
	}

	.block {
		/*width: 100%;*/
		height: auto;
		width: 100% !important;
		flex: 0 0 0 !important;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;

	}

	.container{
		margin: 0 auto;
		flex-direction: column;
		width: 100%;
		height: auto;
	}

	.container.reverse {
		flex-direction: column-reverse;
	}

}
.diveder{
	margin: 30px 0 30px 0;
}

.w100 {
	width: 100%;
}

.mob-remove{
	display: none;
}


#footer{
	border-top: solid 1px #909291;
	margin: 80px 0 0;
	float: left;
	width: 90%;
	padding: 30px 5% 0;
}
.footer-cel{
	float: left;
	width: 20%;
}
#footer .footer-cel h3{
	font-weight: normal;
}
#footer .footer-cel a{
	font-family: 'Open Sans', sans-serif;
	color: #909291;
}
.footer-cel img{
	max-width: 97px;
	margin: 16px 0 0 30px;
}

#footer-social{
	float: left;
	width: 100%;
	padding: 30px 0 50px 0;
	text-align: right;
	font-size: 20px;
}

.row {
	float: left;
	width: 100%;
	/*margin: 0 0 20px 0 ;*/
	padding: 0;
}
.cel {
	float: left;
}


.w100{
	width: 98%;
}
.w4{
	width: 20%;
	margin-right: 6%;
}
.w4last{
	margin-right: 0;
}
.w4first{
	margin-left: 1%;
}

.w3{
	width: 30%;
	margin-right: 4%;
}
.w3last{
	margin-right: 0;
}
.w3first{
	/*margin-left: 1%;*/
}
.listing{
	margin-top: 40px;
}

.w2{
	width: 47%;
	margin-right: 4%;
}.w2last{
	 margin-right: 0;
 }
.w2first{
	margin-left: 0;
}

.construct-margintop{
	margin-top: 4%;
}

.ctextwb{
	max-width: 300px;
	margin: 0 auto;
	text-align: center;
}
.c100{
	width: 100%;
	text-align: center;
}

.a-center{
	text-align: center;
}
.mtp3{
	margin-top: 3%;
}

/*object*/
.w21-2{
	width: 65%;
	margin-right: 4%;
}

.w21-1{
	width:  30%;
}

.object-h {
	margin-top: 20px;
	margin-bottom: 20px;
}

.object-h h1 {
	font-size: 36px;
}

@media screen and (max-width: 950px) {
	.object-h h1 {
		font-size: 30px;
	}
}


.p70-5{
	width: 70%;
	margin: 0 5% 0 0;
	float: left;
}
.p25{
	width: 25%;
	float: left;
}
.form-holder{
	max-width: 300px;
	margin: 100px auto 0;
}
.form-holder h3{
	line-height: 0;
	margin-bottom: 30px;
	font-weight: normal;
}
.form-holder-object {
	margin:0;
}
.w21-1-object{
	width: 25%;
}
.w21-2-object{
	width: 71%;
}


/*divimage-divtext*/
.flex {display: flex;}
.flex-background{
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
}
.flex-background-service{
	background-size: 100%;
}
.flex-text{
	margin: 30px 0;
}


.adoc {
	font-size: 13px;
	line-height: 30px;
}
.btnscontent{
	background-color: white;
	color: #909291 !important;
	border: 1px solid #909291;
	padding: 5px 10px;
	margin-bottom: 10px;
	cursor: pointer;
	font-family: 'Cinzel','Open Sans', sans-serif;
	font-size: 16px;
	margin-top: 15px;
}
.btnsmall{
	background-color: white;
	color: #909291 !important;
	border: 1px solid #909291;
	min-width: 160px;
	padding: 5px 0;
	margin-bottom: 10px;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	margin-top: 15px;
}
.btnsmall-object{
	min-width: 165px;
}
.btnsmall-padding{
	padding: 5px 25px;
}
.btnsmall2{
	background-color: white;
	color: #909291 !important;
	border: 1px solid #909291;
	width: 250px;
	padding: 5px 10px;
	margin-bottom: 10px;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	margin-top: 15px;
	text-transform: none;/*Max fix lowercase to none*/
}
.btnsmall2::first-letter{
	text-transform: uppercase;
}
.btnmed{
	background-color: white;
	color: #909291 !important;
	border: 1px solid #909291;
	width: 50%;
	max-width: 300px;
	padding: 10px 0;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
}
.btnbig{
	background-color: white;
	color: #909291 !important;
	border: 1px solid #909291;
	width: 100%;
	padding: 40px 0;
	cursor: pointer;
	font-famil: 'Open Sans', sans-serif;
	font-size: 25px;
}
.btnwhite{
	color: #fff !important;
	background-color: transparent;
	border-color: #fff;
	width: auto !important;
	white-space: nowrap;
	text-transform: none;/*Max fix lowercase to none*/
}
.btnwhite::first-letter{
	text-transform: uppercase;
}

.hopensans{
	font-family: 'Open Sans', sans-serif;
	text-transform: capitalize;
}
.exclusive{
	background-color: transparent;
	color: #fff !important;
	border: 1px solid #c7c1c1;
	padding: 5px 15px;
	font-family: 'Cinzel','Open Sans', sans-serif;
}


.mb40{
	margin-bottom: 40px;
}
.mt30{
	margin-top: 30px;
}

img {
	max-width: 100%;
}
.logo img{
	max-width: 280px;
}
.rubimg{
	width: 90%;
	max-width: 450px;
}

.text-logo {
	margin: 0 0 20px;
}

.txt-holder {
	width: 100%;
	text-align: center;
}
.txt-holder-80 {
	margin: 80px 0;
}
.txt-holder-0-10 {
	margin: 0 0 15px 0;
}
.txt {
	width: 80%;
	margin: 0 auto;
	max-width: 630px;
}

.txt-large {
	max-width: 1000px;
}

.img-txt{
	text-align: center;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 10px;
}

.enq-holder{
	max-width: 500px;

}
/*.enq-holder p{
	max-width: 330px;

}*/



/* header */

.top { background-image: url("../images/Kolla-Topp.jpg");


	width: 100%;
	z-index: 3;
	min-height: 75%;
	/* Position and center the image to scale nicely on all screens */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding-top: 40px;
	/* Create the parallax scrolling effect */
	background-attachment: scroll;
	/*background-attachment: fixed;*/
}
.topsmall{
	height: 50%
}

.top-object { background-image: url("../images/testtopp-nav.jpg");
	height: 50%;
}

#logo{
	width: 20%;
	padding-left: 4%;
	float: left;
	position: relative;
	z-index: 100;
}

#meny{
	position: relative;
	z-index: 100;
	width:74%;
	margin-top: 10px;
	/*width:64%;*/
	float: left;
}
.mobm{
	/*display: none;*/
}
.mobm {
	display: block;
	font-size: 33px;
	color: #fff;
	text-align: right;
}
.mobm a{
	font-size: 33px;
	color: #fff;
}

.deskm{
	/*display: block;*/
	display: none;
	float: right;
	clear: right;
}



.mobile-show{
	display: none;
}
.mobile-hide{
	display: block;
}

.sub-card-text{
	font-family: 'Cinzel','Open Sans', sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 35px;
}
#top-info{
	width: 100%;
	text-align: center;
	float: left;
}
#top-info h2{
	color: #fff;
	text-shadow: 0 1px 4px rgba(0,0,0,0.3);
	font-size: 30px;
}
#top-info p{
	color: #fff;
	text-shadow: 0 1px 4px rgba(0,0,0,0.3);
	font-size: 22px;
}

.img-list{
	position: relative;
	text-align: center;
}

.img-list:before {
	content: '';
	width: 100%;
	display: block;
	padding-top: 100%;
}

.img-list img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	object-fit: cover;
}

.boximage {
	position: relative;
	text-align: center;
	color: white;
}

.boximage .sub-card-text,
.block .card-first-title {
	font-family: 'Open Sans';
	font-size: 14px;
	font-weight: 400;
}

@media (min-width: 767px){
	.boximage .sub-card-text,
	.block .card-first-title {
		font-size: 16px;
	}
}
.custom-bg-color {
	background-color: #ccc;
}

.boximage-content {
	padding: 20px;
	margin: 200px/* Добавьте отступы внутри блока для определения его размеров */
}
.boximage img{
	filter: brightness(60%);
	max-height: 428px;
}

.block_latest_properties .boximage img {
	aspect-ratio: 1 / 1;
	height: auto;
}

.listings_wrapper .boximage img {
	aspect-ratio: 1/1;
	height: auto;
	max-height: 428px;
}

.related-objects-wrapper {
	float: left;
	margin-top: 30px;
}

.related-objects-wrapper h3 {
	font-weight: 400;
	text-transform: uppercase;
}

.related-objects {
	float: left;
	width: 100%;
}

.related-objects-box {
	position: relative;
	text-align: center;
	color: white;
}

.related-objects-box img {
	width: 100%;
	filter: brightness(60%);
	/* height: 456px; */
}

.related-objects .boximage-centered  {
	width: 100%;
}



.related-objects-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
}

@media only screen and (max-width: 950px) {
	.related-objects-grid {
		grid-template-columns: 1fr;
	}

	/*.container {*/
	/*	cursor: pointer;*/
	/*	display: flex;*/
	/*	align-items: flex-start;*/
	/*	align-items: center;*/
	/*	justify-content: center;*/
	/*}*/

	/*.block {*/
	/*	flex: 0 0 40%;*/
	/*}*/

	/*.img-block {*/
	/*	flex: 0 0 60% !important;*/
	/*}*/

	.container{
		margin: 0 auto 40px;
		max-width: 500px;
	}


}

.boximage-centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.boximageindex{
	width: 65%;
}
@media only screen and (max-width: 1145px) {
	.boximageindex{
		width: 100%;
	}
	/*Fix Max*/
	.boximage-centered span.mobile-hide{
		padding-left: 15px;
		padding-right: 15px;
	}

}

a.fab {

	color: #909291;}
a.fab:link {
	color: #909291;
	outline: none;
}
a.fab:hover {
	color: #909291;
}
a.fab:active {
	color: #909291;
}
a.fab:visited {
	color: #909291;
}

a.iconlink {
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Open Sans', sans-serif;
	color: #909291;
	font-size: 17px;
	line-height: 27px;}
a.iconlink:link {
	color: #909291;
	outline: none;
}
a.iconlink:hover {
	color: #909291;
}
a.iconlink:active {
	color: #909291;
}
a.iconlink:visited {
	color: #909291;
}


/*ICONS*/
.row-icons{
	margin-bottom: 30px
}
.icons{}
.icon-container{float: left; margin-right: 30px; height: 80px; text-align: center;}
.icon{text-align: center;}
.icon img {max-width: 35px;}
.icon-head{text-align: center;
	font-size: 13px;
	line-height: 27px;
	text-transform: uppercase;
}
.features{
	width: 100%;
	margin-top: 10px;
}
.price-info-holder{
	width: 100%;
}

.price-info-holder .price{
	float: left;
	text-align: right;
	width: 25%;
	margin-top: 30px;
	font-size: 24px;
}
.price-info-holder .info{
	float: left;
	width: 75%;
	text-align: left;
	margin-top: 10px;
}
.price-info-holder .info .btnsmall{
	margin-left: 5px;
}


/*Button override*/
button{
	text-transform: lowercase;
	font-size: 15px;
}
button::first-letter {
	text-transform: capitalize;
}



@media only screen and (max-width: 1390px) {

	#footer{
		width: 100%;
		padding: 30px 0 0;
	}

	.price-info-holder .price{text-align: left;}
}
@media only screen and (max-width: 1350px) {
	.price-info-holder .info{width: 100%;}
	.price-info-holder .price{
		width: 100%;
		text-align: left;
	}
}
@media only screen and (max-width: 1150px) {

	.footer-cel img {
		/*max-width: 80px;*/
		margin: 16px 0 0 0;
	}
}

@media only screen and (max-width: 1100px) {
	.mobile-show{
		display: block;
	}

	.mobm{
		display: block;
		font-size: 33px;
		color: #fff;
		text-align: right;
	}
	.mobm a{
		font-size: 33px;
		color: #fff;
	}
	body{
		overflow-x: hidden;
	}
	.deskm{
		display: none;
	}

	#logo{
		width: 50%;
		padding-left: 4%;
		float: left;
	}
	#meny{
		width:40%;
		padding-left: 4%;
		float: left;
	}
	.logo img{
		max-width: 150px;
	}
	.w4 {
		width: 39%;
		margin: 0 5% 50px;
	}
}
@media only screen and (max-width: 960px) {
	/*divimage-divtext*/
	.flex {display: block;}
	.flex-background{
		width: 100%;
		height: 300px;
	}
	.flex-text{
		margin: 0;
		width: 100%;
		max-width: 642px;
	}

}
.ind-mobhide{
	display: block;
}
.firstfirst{padding-top: 0px;}
@media only screen and (max-width: 950px) {
	.block_latest_properties .boximage img {
		aspect-ratio: auto;
	}

	.ind-mobhide{
		display: none;
	}
	.btnsmall2 {
		padding: 2px 6px;
		margin-bottom: 10px;
		font-size: 14px;
		margin-top: 7px;
	}
	.subhead {
		font-size: 19px;
		line-height:45px;
	}

	.firstfirst{padding-top: 80px;}
	.price-info-holder .info{
		width: 100%;
		text-align: left;
		margin-top: 20px;
	}
	.w3,.w2,.w4{
		width: 90%;
		margin: 0 auto;
		float: unset;
	}
	.mob-divider{
		margin: 0;
	}
	#footer {
	}

	.img-list img{
		width: 100%;
		max-width: 500px;
		max-height: 500px;
	}
	.img-txt {
		margin: 0 auto 40px;
		max-width: 500px;
	}
	.boximage {
		margin: 0 auto 30px;
		max-width: 500px;
	}
	/*.top {
        background-image: url("../images/testtopp-nav.jpg");
        }*/
	.mb40{
		margin-bottom: 0;
	}



	/*object*/
	.mob100 {width: 100%;}
	.form-holder{margin: 40px 0 0 0}
}






@media only screen and (max-width: 800px) {
	#content{
		max-width: 900px;
		margin: 0 auto 400px;
		padding:0 4%
	}
	.colm2{
		margin-bottom: 10px!important;
	}
	.logo img{
		max-width: 100px !important;
	}
	top{
		height: 300px;
	}
	.w21-2{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.w100 {
		width: 100%;
	}

	.mob-block{
		/*width: 90% !important;*/
		/*margin: 0 auto;*/
		/*float: unset;*/
	}

	.small-mobile{
		min-height: 55%;
		background-attachment:scroll;
	}
	.small-mobile-content{
		min-height: auto;
		background-attachment:scroll;
	}



}

@media only screen and (max-width: 650px) {

	.footer-cel{
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}



}


@media only screen and (max-width: 950px) {

	.pageheader{
		font-size: 30px;
	}

}

.container {
	cursor: pointer;
	display: flex;
	align-items: flex-start;
}

.container-search {
	cursor: pointer;
}

.block {
	flex: 0 0 40%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30%;
	height: 380px;
	background-color: #ccc;
	box-sizing: border-box;
}

.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
	padding: 20px;
}

.img-block {
	flex: 0 0 60%;
	width: 70%;
}

.img-block img {
	min-height: 380px;
	width: 100%;
	height: 380px;
	object-fit: cover;
}
@media only screen and (max-width: 800px) {
	.img-block {
		flex: 0 0 60%;
		width: 100%;
		display: inherit;
	}
	.img-block img {
		min-height: 380px;
		width: 100%;
		height: 380px;
		object-fit: cover;
	}


	.container {
		margin: 0 auto 40px;
		max-width: 500px;
		width: 90%;
		float: unset;
	}

	.block {
		flex: 0 0 45%;
	}
	.img-block {
		flex: 0 0 55%;
	}

}
span,

p {
	margin: 10px 0;
}

button {
	margin-top: 10px;
}

.image {
	width: 70%;
}

@media (max-width: 768px) {
	.container {
		flex-direction: column;
	}

	.block {
		width: 100%;
		height: auto;
	}

	.content {
		height: auto;
		padding: 12px;
	}

	.image {
		width: 100%;
	}
}
.card-first-title {
	color: white;
	font-family: 'Cinzel','Open Sans', sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 35px;
}
.card-second-title {
	color: white;
	font-family: 'Cinzel','Open Sans', sans-serif;
	font-weight: 300;
	font-size: 29px;
	line-height: 35px;
}

.card-first-title.basic-font-family {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}

.card-description {
	color: white;
	font-weight: 500;
	font-size: 14px;
}

.field-icon{
	margin: 0 0;
}


.margin-top-65{
	margin-top: 65px;
}
.listings_wrapper {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 40px 5%;
}
.listings_wrapper .cel{
	float:none;
}
.listings_wrapper .w3 {
    margin-right: 0px;
}

.listings_wrapper .listing {
    margin-top: 0px;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	margin-bottom:25px;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

@media only screen and (max-width: 950px) {
	.listings_wrapper {
		gap: 0px;
	}

	.listings_wrapper .cel {
		width: 100% !important;
	}
}