.debug {border:3px solid red;}
.debug2 {border:3px solid blue;}
.debug3 {border:3px solid green;}

.tsp {margin-top:20px;}
.bsp {margin-bottom:20px;}
.tal {text-align: left;}
.tar {text-align: right;}
.tac {text-align: center;}
.uc { text-transform: uppercase; }

h1,h2,h3,h4,h5,h6,li,p {/*
	color:#333333;*/
	color:#001D2B;
	font-weight: normal;
}

h1,h2,h3,h4,h5,h6, html body h1 span {
	font-family: 'Montserrat', sans-serif; 
	text-transform: uppercase;
}

p, li, a , span {
	font-family: 'Source Sans Pro', sans-serif;
}

html body img {
	max-width: 100%;
}

html body .container, html body .navbar.container {
	width:100%;
	max-width: 100%;
}


html body .row {
  margin:0;
}

html body .container .row section {
	padding:0px;
}



html body .no-pad {
	padding:0px;
}

html body .no-marg {
	margin:0px;
}

.hero {
	background-image: url('/sites/default/files/cus-img/plume-of-feathers-rickford.jpg');
	background-size: cover;
	height:300px;
	position: relative;

}

.hero-ol {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	background-image: url('/sites/default/files/cus-img/ol.png');
	display: flex;
	justify-content: center;
	align-items: center;
}




.hero h1XXX {
	/*font-family: 'Merriweather', serif;*/
	color:white;
	font-size:6em;
	filter:drop-shadow(2px 2px 2px black);
	display:block;
	padding:10px;
}



.banner h2, .hero h2, a.banner-cta {
	/*font-family: 'Merriweather', serif;*/
	color:white;
	font-size:2em;
	filter:drop-shadow(2px 2px 2px black);
	display: block;
	text-transform: uppercase;
	padding:10px;

}

a.banner-cta {
	font-size: 1.5em
}


h2 {
/*	font-family: 'Merriweather', serif;*/
	font-size:2em;
	display: block;
	text-transform: uppercase;
}


h3 {
	/*font-family: 'Merriweather', serif;*/
	font-size:20px;
}

.menu-list ul  {
	list-style-type: none;
	padding:0px;
}

.resto {
	background-image: url(/sites/default/files/cus-img/restaurant.jpg);
	background-size: cover; 	 
	background-position:20% 30%;
}

.bandb-banner{
	background-image: url(/sites/default/files/cus-img/bandb-banner.jpg);
	background-size: cover; 
	background-position:26% 30%;
}

#duck-banner{
	background-image: url(/sites/default/files/cus-img/duck-banner.jpg);
	background-size: cover; 
	background-position:26% 30%;
}

html body .top-marg {
	margin-top:40px;
}

html body .bot-marg {
	margin-bottom:40px;
}

html body .top-pad {
	margin-top:40px;
}

html body .bot-pad {
	margin-bottom:40px;
}

.image-band {
	height:600px;
	position: relative;

}

.image-band-ol {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	background-image: url('/sites/default/files/cus-img/ol.png');
	display: flex;
	justify-content: center;
	align-items: center;
}



.image-band h2 span {
	font-size:18px;
}

.pos-relx {
	position:relative;
	height:350px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.v-cent{
	justify-content: center;
	align-items: center;

}



#map {
	height:600px;
	width:100%;
}

.pg-footer {
	padding:20px;
	background-image: linear-gradient(to bottom right, #333333,  #111111);
}

.pg-footer p, .pg-footer h3, .pg-footer a {
	color:#f3f2f2;
	font-size: 15px;
	padding:0px 0px 5px 0px;
	margin:0px;
}

.below-pg-footer {
	background-color: black;
}


a.logo img {
	margin-left:20px;
	max-width:150px;
}

a.logo {
	padding:0px;
}

ul.navbar-nav {
	padding:14px;
}

.below-pg-footer p.copyright  {
	font-size:12px;
	margin:10px;
	color:#999999;
}

.navbar-nav a {
	text-transform: uppercase;
}


html body header.navbar {
	margin-bottom:0px;
}

html body h1.ls-layer, html body h2.ls-layer{
	color:white;
	text-align: center;
	text-shadow: 1px 1px #000000;
}

html body h2.ls-layer {
	font-size:2.5em;
	display: block;
}

#layerslider span.big1 {
	font-size:2.5em;
}

#layerslider span.big2 {
	font-size:1em;
}

.slide-ol {
	background-image: url('/sites/default/cus-img/slides/slide-ol.png');
	border:1px solid red;
}


.title-break span.big1 {
	font-size:40px;
}

.title-break span.big2 {
	font-size:20px;
}



 span.facil {
 	font-size: 23px;
 }
  span.facil::before{
  	padding-right:10px;
  }



 .ls-thumbnail-wrapper {
 	opacity:0.2;
 	 transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
 }

 .ls-thumbnail-wrapper:hover {
 	opacity:1;
 }

 h2.small-title {
 	font-size:20px;
 }

h2.prop-ov {
 margin-bottom:18px;
}

ul.prop-ov  {
	list-style-type: none;
	/*padding:0px;*/	
}

ul.prop-ov  li {
	padding-bottom:5px;
}

h3.small-title.prop-ov {
	font-size: 18px;
}

.prop-desc p {
	font-size:22px;
}

.tsp {
margin-top:50px;
}

.bsp {
	margin-bottom:50px;
}

.no-pad {
	padding:0px;
}

body.page-node-type-property h1 {
	text-align: center;
	font-size:24px;
	font-family: 'Montserrat', sans-serif; 
	text-transform: uppercase;
}

div.distance {
	padding:50px;
/*	background-color: #999999;*/
}

div.distance h4{
	font-size: 24px;
}

div.distance span::before {
	font-size: 30px;
	position: relative;
	top:5px;
	margin-right:15px;
	color:#001D2B;
}

.view-id-properties .views-exposed-form label {
	width:100%;
}

.view-id-properties .views-exposed-form {
	padding:15px 5px 15px 5px;
}

.view-id-properties {
	text-align: center;
}

.fw {
	width:100%;
}

.ilb {
	display: inline-block;
}

li.mdi::before, p.mdi::before {
	margin-right:10px;
}

html body.page-node-type-property li,
html body.page-node-type-property p,
html body.page-node-type-property .ss{
	font-size: 16px;
}


html body .distance span {
font-size: 20px;
}



.flex {
	display: flex;
}

.flex-v-cent-cont {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-v-cent {
	max-width: 50%;
}

.flex-col {
	flex:1;
}

.prop-teaser {
	margin-bottom:30px;	
}


.prop-teaser a {
	text-decoration: none;
}
.db {
	display: block;
}

.prop-teaser h6 {
	font-size:20px;
}

.prop-teaser span {
	font-size:18px;
}

.prop-teaser:hover {
 	opacity:0.8;
 	 transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;	
}

.prop-teaser {
opacity:1;
}

html body .prop-teaser a {	
color:#001D2B;
	}



.prop-teaser .ref {
	font-size:14px;
}

.prop-teaser .ref::before{
	content:"xxx";
	height:5px;
	width:5px;
	color: #1c558a;
	background-color: #1c558a;
	margin-right:5px;
	font-size:7px;
	position: relative;
	top:-2px;
}

html body .prop-teaser .tsr-inner {
	padding-bottom:15px;
}

.prop-teaser img {
	margin-bottom:8px;
}

.view-properties div.view-content, .view-skipierdor-search div.view-content{
 display: flex;
  flex-wrap: wrap;
}

/* */
.view-properties div.view-content .prop-tsr-flex-col, .view-skipierdor-search div.view-content .prop-tsr-flex-col {
	display: flex;
flex-direction: column;
width:31%;
border:1px solid #999999;
margin:1%;
}







.prop-tsr-space {
	margin-top:5px;
}

.ov-cont {
align-items: center;	
margin-top: 30px;

}


.ov-cont  li, .ov-cont  h2, .ov-cont  h1, .ov-cont  h3 {
	color:#f8f8ff;
/*	color: #222222;*/
}

.prop-desc-cont {
	/*background-color: red;*/
}

.amenities, header.navbar, .lgb, .ov-cont {
	background-color: #001D2B;
	background: rgb(243,243,255);
background: linear-gradient(169deg, rgba(243,243,255,1) 0%, rgba(219,219,226,1) 56%, rgba(220,226,227,1) 100%);	

}


.ov-cont {
	background-image: url('/sites/default/cus-img/static/prop-stats-bg.jpg');
	background-position:center right;
	background-repeat: no-repeat;

}

.amenities p, .amenities h2 {
	color:#222222;
}

.google-map-field h2 {
	display: none;
}



.navbar-default .navbar-nav > li > a {
	color:#001D2B;
}

.navbar-default .navbar-nav > li > a:hover {
	color:#013c59;
}


.footer {
	margin:0px;
	padding:0px;
}

.footer-in {
	padding:50px;
	background-image: url('/sites/default/cus-img/static/footer-bg.jpg');
	background-size: cover;
	background-position: center center;
}

ul.footer-looking  {
	display: inline-block;
	text-align: left;
	padding-left: 20px;
	list-style-type: none;
}

.footer span {
	margin-bottom:5px;
	display: block;
	text-transform:uppercase;
}

.footer h5 {
	font-size:18px;
	font-weight:normal;
}

 .footer h6 {
	font-size: 16px;

	font-weight:normal;
}

.footer, .footer h4,.footer h5, .footer h6, .footer a {
	color:#f8f8ff;
	text-decoration: none;;
}

.footer a:hover{
	color:#fcb529;
}


.footer-cont {
	background-color: #001D2B;		
}

.copyright {
	background-color: #000000;
	padding:10px;

}


.copyright p {
color:#999999;
text-align: center;
	text-transform: uppercase;
	font-size: 12px;
}

.main-container {
	margin:0px;
	padding: 0px;
}


.footer .menu--main li, .footer .navbar-nav {
	float:none;
}

.footer .menu--main li a {
	padding: 0px;
	margin-bottom:5px;
}

.footer .menu--main li a:hover {
	background-color: transparent;
	color:#ffb92d;
}

.footer .social {
	font-size:50px;
	margin-right:50px;
}

html body p {
	font-size:15px;
}

.bg-sec-1 {
	background-image: url('/sites/default/cus-img/static/bg-sec-1-bg.jpg');
	height:800px;
	background-position: center;
	background-size: cover;
}

.bg-sec-2 {
		background-image: url('/sites/default/cus-img/static/bg-sec-2-bg.jpg');
	}

.bg-sec-1-left {
	height: 800px;
	position: relative;
}



.bg-sec-1-in {
	background-color:#f7f7f7;
	width:120%;
	overflow: visible;
	position: absolute;
	z-index: 1000;
	height:500px;
	text-align: center;	
	margin-top:150px;

}






.bg-sec-1-in-in {
	display: inline-block;
	text-align: left;
	padding: 10px;
}


.bg-sec-2-in {
	background-color:#f7f7f7;
	width:120%;
	overflow: visible;
	position: absolute;
	left:-20%;
	z-index: 1000;
	height:500px;
	margin-top:150px;

}


ul.ticked {
	list-style-type: none;
	font-size:18px;
}

ul.ticked i {
 margin-right:5px;
  position:relative;
 top:1px;
 color:green;
}

.pg-button {
	background-color: #116182;
	color:#f1f1f1;
	display: inline-block;
	border-radius:3px;
	padding:5px;
	text-transform: uppercase;
	transition: all 0.25s ease-in-out;
  	-moz-transition: all 0.25s ease-in-out;
  	-webkit-transition: all 0.25s ease-in-out;
}


.pg-button:hover {
	background-color: #13769f;

	}

.ticked li {
	text-transform: uppercase;
}



#block-webform h2, #block-webform-2 h2 {
	text-align: center;
	margin-top:60px;
}

.webform-submission-contact-add-form #edit-actions,
.webform-submission-prop-enq-add-form #edit-actions  {
	text-align: center;
}

.webform-submission-prop-enq-form label {
	display: block;
}

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

.g-recaptcha div {
	display: inline-block;
}

.share-btns {
	margin-top:15px;
}

.zig-zag-txt {
	align-items: center;
}

.zig-zag-txt h2 {
	font-size: 20px;
}

.zig-zag-img img {
		width:100%;
}

.zig-zag-cut-l {
	/*border:1px solid red;*/
	background-color:white;
	position: relative;
	top:-28px;
	height:40px;
	width:102%;
	left:-2px;
	transform: skewY(1deg);
}

.zig-zag-cut-r {
	/*border:1px solid red;*/
	background-color:white;
	position: relative;
	top:28px;
	height:40px;
	width:102%;
	left:-2px;
	transform: skewY(-1deg);
}

p.txt-boxed {
max-width:500px;
}

.menu--main li.expanded.dropdown {
	color: #001D2B;
	text-transform: uppercase;
	cursor: pointer;
}

.path-seasonal-rentals-valdisere h1,
.path-weekly-rentals-valdisere h1,
.page-node-type-page-style-1 h1
 {
	font-size: 22px;
	text-align: center;
	margin: 50px 0px 10px 0px;
	padding: 0px;
	border: 0px;
}

.page-node-type-page-style-1 h1 {
	MARGIN-BOTTOM: 20PX;
}

.footer-cont .mdi::before {
	margin-right: 5px;
}



 ul.footer-looking li a {
	text-transform: uppercase;
	line-height: 1.9;
}

html body .view-id-properties .views-exposed-form  label,
html body .webform-submission-form label
 {
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 5px;
}

.paragraph--type--zig-zag .row.sec.flex > div {
	flex-basis: 50%;
}

.paragraph--type--zig-zag .container-fluid.sec-odd .row.sec.flex {
	flex-direction: row-reverse;
}

.sec-odd div {
	padding:0px 10px 0px 10px;
}

.sec-even div {	
	padding:0px 10px 0px 10px;
}

html body .paragraph--type--zig-zag .row.sec {
	max-width: 1500px;
}

.sec-even, .sec-odd {
	justify-content: center;
}

html body #layerslider.ls-container img.val-logo {
	margin-top:30px;
	display:inline-block;


}


body.user-logged-in nav.tabs {
	margin-top: 22px !important;
}



.tel-cta {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #999999;
	display: inline-block;
	align-items: center;
	justify-content: center;
	display: flex;
transition: 0.3s;
}

.tel-cta:hover {
	background-color: #777777;

}


.tel-cta span {
	font-size: 50px;
	color: white;
}


.tel-cta-cont{
		position: relative;
	top: -50px;
	display: flex;
		justify-content: center;
	display: flex;
}


.block-views-exposed-filter-blockskipierdor-search-page-1 {
	display: inline-block;
	padding-top: 22px;
}

 input#edit-search-api-fulltext {
 	width: 180px;
 }