/*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;}
html {
  scroll-behavior: smooth;
}
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)));}

.breakPoint {position: relative;top: -60px;visibility: hidden;}

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

.headerspace{height:86px;}

.topmenu ul {list-style: none; padding: 0; margin:0;width:100%; font-weight: 500; font-size:14px;}
.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: #d3bec1; 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;
  }
}*/


.grid-sizer, .grid-item {width: calc((100% - 60px)/3);}
.grid-item {float: left; margin-bottom: 20px;}
.grid-item img { display: block; width: 100%;}

.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:#000; border-color: #000;}
.btn-light1{background:#d3bec1; border-color: #d3bec1; color: #000000;}
.btn-light1:hover{background:#000; border-color: #000;}


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

.videobox a {position: absolute; background: #fff; border-radius: 100px; font-size:20px; padding: 20px; color: #000; opacity:.9; width: 70px; height: 70px; justify-content: center; display: flex; align-items: center;}

.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/midbanner.jpg) no-repeat top center; background-size: cover;}
.bg2{background: url("images/gallery6.jpg") no-repeat top right; background-size: cover;}

.footer{font-size: 13px;}
.f-logo{ max-width: 230px;}
.footer a{color: #000000;}
.footer a:hover{color: #99766e;}
.footer span{display: inline-block; margin:0 10px;}
.footer .social .btn{color:#000;}.footer .social .btn:hover{color:#fff;}
.border-danger {border-color: #d3bec1!important;}
.las.la-envelope{font-size:80px;}


.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; color:#d3bec1;}
.header .social{margin-right: -5px;}

.form-control{border-radius:0; border:0;}
.form-floating>label{padding:1rem 0;}
textarea.form-control{height:130px!important;}
.form-control:focus{box-shadow:none;}
.form-floating>.form-control, .form-floating>.form-select{padding:0;}
.error{color:red; display: block;}
.text-warning{color: #c7a3a8!important;}
.btn-warning{background-color:#c7a3a8!important; border-color:#c7a3a8!important;}
.contact-bg:after{position:absolute; content:''; top:0; right:0; height:100%; width:30%; background:#333; z-index:-1;}







.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;
}*/



@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: 69px;}
	.logo img, .header.full .logo img{max-width:100px;}
	
	.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: 20px; 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;}
	.contact-bg:after{display:none;}
}
@media (max-width:767.98px){
	
	.videobox a{width:50px; height:50px;}
	.las.la-envelope{font-size:40px;}
	.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) {
	.header .btn{min-width: inherit;}
}