@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap');

body{font-family: 'Montserrat', sans-serif; margin:0; padding:0; font-size:14px; color:#333; line-height:24px;}
body, html{overflow-x:hidden;}


a{text-decoration:none; color:#c2a47e;}

a:hover{color:#333;}


h1, h2, h3, h4, h5{font-family: 'Playfair Display', serif;}


.font2{font-family: 'Montserrat', sans-serif;}
.display-1 {font-size:120px;}
strong{font-weight: 700;}

.bg-light{background-color:#f5f5f5!important;}
.bg-warning{background-color:#d3a363!important;}
.bg-dark{background: #1e252f!important;}
.bg-dark-transparent{background: rgb(30 37 47 / 80%);}
.bg-warning-transparent{background: rgb(211 163 99 / 80%);}
.text-warning{color:#d3a363!important;}


a, .header, img, .box:hover, :before {-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}


.btn{color:#fff; font-family: 'Montserrat', sans-serif; font-size:13px; font-weight:600; padding:13px 16px; text-transform:uppercase; position:relative; overflow:hidden; background: none; border: 0; min-width: 140px; }
.btn:hover{color:#fff; background: none; }
.btn span{z-index: 1; position: relative;}
.btn::before, .btn::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.btn::after { left: -45%; top: 0; transform: skew(50deg); transition-duration: 0.4s; transition-timing-function: ease-in; transform-origin: top left; width: 0;}
.btn:hover:after { height: 100%; width: 145%;}

.btn-primary::before{background: #d3a363;}
.btn-primary::after{background: #333333;}

.btn-dark::before{background: #333333;}
.btn-dark::after{background: #d3a363;}

.btn-danger::before{background: #db384b;}
.btn-danger::after{background: #333333;}

.header{background:#fff; width:100%; position:fixed; z-index:999;}
.header i{font-size:20px;}
.spacer{height:116px;}
.logo img{max-width:100px;}
.shrink .logo img{max-width:60px;}

.header.shrink{padding:0; -webkit-box-shadow: 0 0 20px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0 0 20px rgba(50, 50, 50, 0.3); box-shadow: 0 0 20px rgba(50, 50, 50, 0.3);}


.access ul{margin:0; padding:0; list-style:none;}
.access li{display:inline-block; margin:0 5px; }
.access li a{font-weight:600; color:#595858; display:block;}
.access li a:hover, .access li a.active{color:#d3a363;}



.banner{overflow: hidden; position:relative;}
.banner img{
  -webkit-animation: zoomin 15s ease-in forwards;
  animation: zoomin 15s ease-in forwards;
}
@-webkit-keyframes zoomin {0% {transform: scale(1.5);} 100% {transform: scale(1);}}
 
.banner:after{position: absolute; top:0; width:100%; height:100%; content:''; background:#122131; opacity:.8;}
.banner .caption{z-index:1; font-size:16px;}
.banner .caption h1{font-size:6.25vw;}
.f-strech{letter-spacing:2.45vw;}
.banner .border-bottom{border-color: rgb(222 226 230 / 25%)!important}





.list{padding:0; margin: 0; list-style: none;}
.list li {margin-bottom: 10px; display:flex;}
.list li:before {font-family:'Line Awesome Free';content:'\f0e3'; font-size:24px; color:#000; font-weight:900; margin-right:15px;}

.list2{padding:0; margin: 0; list-style: none;}
.list2 li {margin-bottom: 5px; display:flex;}
.list2 li:before {font-family:'Line Awesome Free'; content:'\f105'; color: #d3a363; font-weight: 900; margin-right:10px;}

 ol {
	list-style: none;
	counter-reset: item;
	padding: 0;
 }
 ol li {
	counter-increment: item;
	margin-bottom: 5px;
	position: relative;
	padding-left: 30px;
 }
 ol li:before {
	content: counter(item);
	background: #d3a363;
	border-radius: 3px;
	color: #FFFFFF;
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	font-size: 12px;
	top: 2px;
	left: 0;
 }

.whobox{position:absolute; bottom:40px; left:-20px;}

.midbanner{position:relative; background:url("images/midbanner.jpg") center center; background-size:cover;}
.midbanner .container{position:relative;}
.bg1{background:url("images/industry.jpg") center center; background-size:cover;}
.bg2{background:url("images/books.jpg") center center; background-size:cover;}
.bg3{background:url("images/about.jpg") center center; background-size:cover;}

.box{padding: 2em; border: 1px solid #676f7b; color: #FFFFFF}
.box:hover{background: #FFFFFF; color: #333333;}


.courtbox:before{position:absolute; content:''; width:100%; height:100%; top:20px; left:20px; border:4px solid #d3a363; z-index:-1;}
.courtbox:hover:before{top:0; left:0;}
.courtbox:hover img{filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);}




.form-control:focus{border-color: #d3a363; box-shadow: none; background-color:#FFFFFF; text-transform:none;}
.error{font-size: 13px; display: block; color: #f70000; margin-top: 5px;}
textarea.form-control{height:120px; padding-top:10px; resize:none;}

.form-control::place-holder{text-transform:none;}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  text-transform:none;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
  text-transform:none;
}


.footer{font-size:13px; font-weight:400; color:#7d7f81; background:#1e252f;}
.footer a{color:#7d7f81; line-height:30px; margin:0 15px; text-transform:uppercase;}
.footer a:hover, .social a:hover{color:#fff;}
.social a{color:#d3a363; font-size:25px; margin:0 5px;}
.address-text{display: flex; font-size: 16px; gap: 4px; margin:10px 0;}



@media (min-width:1400px){
	h1{font-size:48px;}
	h2{font-size:36px;}
	h3{font-size:30px;}
	h4{font-size:24px;}
	h5{font-size:18px;}
	.banner .caption h1{font-size:90px;}
	.f-strech{letter-spacing:18px;}
}

@media (max-width:1199.98px){
	.container{max-width:1230px; }
	.access li a{font-size:12px;}
}

@media (max-width:991.98px){
	.banner img{height: 400px; object-fit: cover;}
		.logo img, .shrink.logo img  {max-width:60px;}
	.snav{ border: none; padding: 10px; width: 40px; cursor: pointer; z-index: 998!important; background: none;}	

	.snav i{display:block; background:#000; height:2px;}

	.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);
	background:#fff;}

	.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);
	background:#fff;}
	
	.btn-lg {padding: 14px 20px;}

	

#nav {display:none; position:absolute; background:#d3a363; top:0; right:0; left:0;}
.access ul {display: flex;align-items: center;justify-content: center;flex-flow: column;height: 100vh;gap: 8vh;}
.access ul li {margin: 0;}
.access ul li a {font-size: 24px; color:#fff;}
.access ul li a img {display: inherit;margin:0 0 0 5px;}
.access ul li a:hover{color:#00568f;}
.access ul li a:hover, .access ul li a.active {color: #333;}
.access li ul{background:#333;}
.spacer {height:76px;}
.whobox{bottom:0; left:12px;}
.display-1 {font-size:70px;}	
}

@media (max-width:767.98px){
	
	.footer hr{margin:0 auto;}
	.footer a{display:inline-block; margin:0 10px 0 0;}
	.display-1 {font-size:40px;}
	.courtbox:before{display:none;}
}

@media (max-width: 575.98px) {
	body{font-size:13px; line-height:20px;}
	h4{font-size:18px;}
	h5{font-size:16px;}
	.box { padding: 15px;}
	.form-control {height:40px;}
	.btn{font-size:12px; padding:10px 16px;}
	.lead{font-size:13px;}
	h1{font-size:30px;}
	h2{font-size:24px;}
	.list li{margin-bottom: 3px;}
	

}