/*font-family: 'Playfair Display', serif;*/

body, html{min-height: 100%;}

body{background: #FFFFFF; margin: 0; font:14px 'Playfair Display', sans-serif; color: #000000; line-height:24px; font-weight:400;}
hr{background-color:#222d40; margin:1rem 0; opacity: 1}
.bg-grey hr, .bg-white hr{background-color:#d7dee8;}

a{text-decoration: none !important; color:#2253a4}
a:hover{color:#2253a4; text-decoration:none;}
a, .header, img, .snav i{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}

h1, .h1{font-size:calc(24px + (36 - 24) * ((100vw - 300px) / (1400 - 300)));}
h2, .h2{font-size:calc(20px + (30 - 20) * ((100vw - 300px) / (1400 - 300)));}
h3, .h3{font-size:calc(16px + (24 - 16) * ((100vw - 300px) / (1400 - 300)));}

.line{position:relative}
.line:after{    
	content: '';
    position:absolute;
	left:0;
	bottom:-10px;
    width: 100%;
    height: 2px;
    background: #e3c9c3;
}

.header{
	width:100%; 
	z-index:9999; 
	position:fixed; 
	padding:0; 
	background:#ffffff;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%); 
	font-size: 18px;
}
.logo img{max-width:230px;}
.header.full .logo img{max-width:130px;}

.headerspace{height:86px;}

.topmenu ul {list-style: none; padding: 0; margin:0;width:100%; font-weight: 500;}
.topmenu li {display: inline-block; position:relative; margin-left: 50px;}
.topmenu li a {color: #000000; padding:15px 0px; display:block; text-transform:uppercase;}
.topmenu li a:hover{ color: #000000;}
.topmenu li a.active:before{content: ''; position: absolute; width: 100%; height: 3px; left: 0; right: 0; background: #000000; bottom: 0;}

#snav{display:none;}

.banner {
  width: 100%;
  height: 100%;  
  animation: colorchange 40s infinite;
	-webkit-animation: colorchange 40s infinite;
}

@keyframes colorchange {
  0% {
    background-color: #332c2c;
  }
  50% {
    background-color: #4b392c;
  }
  100% {
    background-color: #372243;
  }
}


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

.btn{text-transform: uppercase; font-size: 14px; border-radius: 100px; padding: .657rem 2rem;}
.btn-lg{height: 60px; line-height: 60px; padding-top: 0; font-size: 18px;}
.btn-dark{background:#000000; border-color: #000000; color: #FFFFFF;}
.btn-dark:hover{background:#332c2c; border-color: #332c2c;}
.btn-light{background:#FFFFFF; border-color: #FFFFFF; color: #000000;}
.btn-light:hover{background:#e5cbc5; border-color: #e5cbc5;}

.text-pink{color: #e5cbc5!important;}

.bg-danger-light{background-color: #e5cbc5;}

.midbanner{min-height:460px; position:relative; overflow: hidden;}
.midbanner:before{position:absolute; top:0; content:''; width:100%; height:100%; background: #000000; opacity:.4;}

.bg1{background: url(images/bg1.jpg) no-repeat top center; background-size: cover;}

.footer{font-size: 13px;}
.f-logo{ max-width: 230px;}
.footer a{color: #000000;}
.footer a:hover{color: #99766e;}
.footer .f-list a{display: inline-block; margin: 0 20px;}


.social{font-size: 0; margin-top: 10px;}
.social .btn{display: inline-flex; align-items: center; justify-content: center; height: 30px; width: 30px; border-radius: 100%; min-width: inherit; padding: 0; font-size: 20px; margin: 0 5px;}
.header .social{margin-right: -5px;}

.container {position:relative;}

.list{padding:0; list-style:none;}
.list li{position: relative; padding-left: 25px; margin-bottom: 15px;}
.list li:before{
	content: "\f00c";
	font-family: 'Line Awesome Free';
	font-weight: 900;
	font-style: normal;
	position: absolute;
	font-size: 20px;
	left: 0;
    color: #2253a4;
}


.gallery{
  height:100%;
  padding-bottom:100%;
  position:relative;
}

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


@media (min-width: 1200px) {
	.container {max-width: 1180px;}
	.ms-n5{margin-left: -3rem;}
}
@media (min-width:991.98px) and (max-width:1199.98px){
	.about-img{height: 100%; object-fit: cover;}
}

@media (max-width:1199.98px){}
	
@media (max-width:991.98px){
	.header{font-size: inherit;}
	.headerspace { height: 64px;}
	.p-initial{position: inherit !important}
	.social{margin-top: 0;}
	.midbanner { min-height: 360px;}

	.snav{ border: none; width: 35px; cursor: pointer; z-index: 998; background: none;}	
	.snav i{display:block; background:#000000; height:2px; width: 25px;}
	.snav i+i{margin-top:5px;}
	.snav:focus{outline: none;}
	.snav.openbtn i:nth-child(1){
		-moz-transform: rotate(45deg) translateX(5px) translateY(5px);
		-webkit-transform: rotate(45deg) translateX(5px) translateY(5px);
		-o-transform: rotate(45deg) translateX(5px) translateY(5px);
		-ms-transform: rotate(45deg) translateX(5px) translateY(5px);
		transform: rotate(45deg) translateX(5px) translateY(5px);
	}
	.snav.openbtn i:nth-child(2){opacity:0;}
	.snav.openbtn i:nth-child(3){
		-moz-transform: rotate(-45deg) translateX(5px) translateY(-5px);
		-webkit-transform: rotate(-45deg) translateX(5px) translateY(-5px);
		-o-transform: rotate(-45deg) translateX(5px) translateY(-5px);
		-ms-transform: rotate(-45deg) translateX(5px) translateY(-5px);
		transform: rotate(-45deg) translateX(5px) translateY(-5px);
	}
	#nav {display:none; position:absolute; right:0; background:#ffffff; top: 0; left: 0; height: 100vh;}
	.topmenu ul {height: 100vh; display: flex; flex-flow: column; justify-content: center; gap: 20px;}
	.topmenu li {display: block;line-height: normal;margin:0;}
	.topmenu li a {margin: 0; padding: 0; font-size: 30px; display:block; text-align: center; border-bottom:1px solid rgb(255 255 255 / 5%);}
	.topmenu li a.active:before{display: none;}

.line::after{bottom: -4px;}
}
@media (max-width:767.98px){
	.midbanner { min-height: 260px;}
	.btn-lg { height: 45px; line-height: 45px; font-size: 14px; }
	.footer{text-align: center;}
	.footer .f-list{margin-bottom: 10px; column-count: 1}
	.footer .f-list a{display: inline-block; margin: 0 10px;}
}
@media (max-width: 575.98px) {
	.logo img, .header.full .logo img{max-width:150px;}
	.headerspace {height: 47px;}
	.header .btn{min-width: inherit;}
	.social .btn {margin: 0;}
}