html {
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
}
body{
	font-family:"CaviarDreams";
	padding:0 !important;
	font-size:1.4em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#1c3d46;
	background-image:url(../images/bg.png);
	margin:0;
	-webkit-overflow-scrolling: touch;
}

body>div{
	padding:0 !important;
	margin:0 !important;
}

.clearfix{
	padding:0 !important;
	margin:0 !important;
	width:100%;
}

#btn-back {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 10px; /* Place the button at the bottom of the page */
    right: 10px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
	font-size:1.5em;
	background-color: #373838;
	color:white;
	padding:10px;
	text-align: center;
	width:70px;
	border:1px solid #373838;
	border-radius:5px;
	transition: 0.5s ease;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#btn-back:hover{
	opacity: 1;
	filter: alpha(opacity=1);
}

.row>div{
	padding:0 !important;
	margin:0 !important;
}
h1{
	font-family:"CaviarDreams";
	font-size:1.8em;
}
a{
	text-decoration:none;
}
img{
	padding:0;
	margin:0;
	width:100%;
	vertical-align: middle;
}
#menubtn{
	display:none;
	color:#0b3e4b;
	padding-left:20px;
}
#menubtn i{
	float:right;
	line-height: 50px;
	padding-right:20px;
	font-size:25px;

}

.menu{
	position:fixed;
	width:100%;
	line-height: 50px;
	padding:0;
	margin:0;
	top:0;
	left:0;
	background-color: #eaedee;
	border-bottom:1px solid #e7ebed;
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	z-index:999;
}
.menucontainer{
	margin:0 auto;
    width:100%;
	MAX-width:1460px;
	padding:0;
}

.menu img{
	width:30px;
}

.menulinks{
	width:100%;
	text-align:center;
	font-weight:bolder;
	font-size:0.7em;
	text-transform:uppercase;
}

.menulinks a{
	display:inline-block;
	padding:0 15px 0 15px;
	color:#0b3e4b;
}

/*a.graphic{ color:#aa8397; }
a.photo{ color:#4d6b7a; }
a.des { color:#b3a654; }
a.interior{ color:#545857; }*/

.header{
	width:100%;
	text-align: center;
	background-image:url(../images/bghead.png);
	background-repeat:repeat-x;
	margin-top:50px !important;
}

.header div{
	max-width: 900px;
	margin:auto;

}
.header h1{
	padding:20px 20px 0px 20px;
}
.header h2{
	padding:0 20px 50px 20px;
}
.container{
	margin:auto;
    width:100%;
    MAX-width:1460px;
	position: relative;
	padding: 60px 40px 60px 40px;

}
.main h2{
	border-bottom:3px solid white;
	display: inline-block;
	padding-bottom: 40px;
	margin-bottom: 0;
	font-size: 1.8em;
}
.main p{
	text-align: center;
	padding:20px 0px;	
	line-height: 1.8em;
	margin:0;
}
.main img{
	display: block;
	float: right;
	width:90px;
	margin:15px auto 10px auto;
}

.animate-box/*, .animate-box-tile, .animate-box-tile-2*/{
    visibility: hidden;
}

.pink,.pink .sticky{
	background-color:#aa8397;
	color:white;
}

.blue,.blue .sticky{
	background-color:#4d6b7a;
	color:white;
}

.green,.green .sticky{
	background-color:#b3a654;
	color:white;
}
.gray,.gray .sticky{
	background-color:#545857;
	color:white;
}

.sticky{
	margin-bottom:20px;
}

.footer{
	text-align: center;
	width:100%;
	background-color: #2d2d2d;
	color:white;
	padding:50px 0;
	line-height: 2em;
	font-size:0.9em;
}
.footer a{
	color:white;
}

.footer i{
	font-size:1.7em;
	line-height: 2;
}

.footer span{
	font-size:1.4em;
	line-height: 2em;
}
.animate-box-tile, .animate-box-tile-2{
	padding:0;
	margin:0;
}
.tiles{
}
.tile{
	background-size: cover;
	background-position: 50%;
	width: 100%;
	border:0px solid transparent;
	margin:0;
	position: relative;
}
.tiles a span{
	position: absolute;
	top: auto;
	left: 0;
	bottom: 0;
	right: 0;
	opacity:0;
    transition:visibility 0.3s linear,opacity 0.3s linear;
	color:white;
	text-align: center;
	padding-top:auto;
	padding-bottom:5px;
}
.tiles a:hover div span{
	visibility: visible;
	opacity:1;
}


.tilecontainer{
	min-height: 100%;
	width: 100%;
	display: block;
	transition:all 0.3s linear;
	padding:66% 0 0 0;
}
.tiles a:hover div.tilecontainer, .tiles a:focus div.tilecontainer{
	visibility: visible;
	background-color:rgb(0,0,0,0.4) !important;
}
figure{
	text-justify: center;
	padding:0 !important;
	margin:0 !important;
}


.light{
	background-color:#e7ecee;
}
.contact h2{
	border-bottom:3px solid #1c3d46;
	
}

form>div>div{
	line-height: 2em;
	margin-top:20px;
	font-size:1.1em;
}


.row{
	vertical-align: top;
}
input[type=button]{
    border:0px;
    color:#e7ecee;
    background-color:#1c3d46;
    padding:10px 20px;
    font-size:1.1em;
    line-height:1.7em;
	-webkit-appearance: none;
	font-family: "CaviarDreams";
}
input[type=text]{
	height:40px;
	background-color:#e7ecee;
	border:1px solid #1c3d46;
    width:100%;
    padding-left:5px;
    font-size: 16px;
    -webkit-appearance: none;
	font-family: "CaviarDreams";
}
textarea{
	padding-top:5px;
	font-family: "CaviarDreams";
    color:black;
    height:100px;
    width:100%;
	padding-left:5px;
	background-color:#e7ecee;
	border:1px solid #1c3d46;
    -webkit-appearance: none;
    font-size: 16px;
}

.powr-social-feed{
	margin-top:50px;
	text-align:center;
}

.pswp__caption{
}
.pswp__caption__center{
	font-family: 'Courier New', Courier, monospace !important;
	font-size: 0.7em;
	max-width:100% !important;
}
.pswp__counter{
	font-family: 'Courier New', Courier, monospace !important;

}
@media (max-width: 900px) {
	.header{
	background-image:url(../images/bg.png);
}
}
  
@media (max-width: 767px) {
    body{
		font-size:1.1em;
	}

	.main img{
		width:80px;
	}
	
	.main p{
		text-align: center;
		padding:20px 0px;
	}

	.header h2{
		font-size:1.3em;
	}
	#menubtn{
		display:block;
	}
	.menu{
	}
	.menucontainer{
	}
	.menu .brand{
		display:none;
	}
	
	
	.menulinks{
		display:none;
	}
	
	.menulinks a{
		display:block;
		padding:0 15px 0 15px;
		color:#0b3e4b;
	}
}

@media (max-width: 480px) {
    body{
        font-size:1.2em !important;
	}

	.header h2{
		font-size:1.1em;
	}

	.main img{
		display: block;
		float:none;
		text-align: center;
		margin:25px auto 25px auto;
	}
	.main h2{
		text-align: center;	
		display: block;
	}

	.pswp__caption__center{
		font-size: 0.8em !important;
		line-height: 1.5 !important;
	}
	
}