body{ background:url(../images/Body-BG.webp) center top no-repeat; background-size:cover;
  font-size: 18px; color:#c5a694; line-height:28px;
  font-family: "Lora", serif;
  font-weight: 400;
  font-style: normal;
}

h1{ font-family: "Lora", serif; font-size: 55px; line-height:65px; color:#c5a694; font-weight:300; } 
h2{ font-family: "Lora", serif; font-size: 45px; line-height: 60px; color:#c5a694; font-weight:300; }
h3{ font-family: "Lora", serif; font-size: 32px; line-height:44px; font-weight:400; color:#c5a694; }
h4{ font-family: "Lora", serif; font-size: 28px; line-height:40px; font-weight:400; color:#c5a694; }
h5{ font-family: "Lora", serif; font-size: 25px; line-height:36px; font-weight:400; color:#c5a694; }
h6{ font-family: "Lora", serif; font-weight:400; color:#c5a694; }

.full-width{ width:100%; margin:0 auto; }
ul{ margin:0px; padding:0px; list-style:none; }
a{ color: #071c4d; text-decoration:none; outline:none; transition: all 0.3s ease 0s; }
a:hover, a:focus{ color: #175cff; text-decoration: none; }

h2.title span{ background:#01f0ff; padding:0 4px; }

.page-gapping{ padding:50px 0px; }
.heading-title{ margin-bottom:28px; }

img{ max-width:100%; }



/* BUTTON 5 */



.btn{ background:#300e04; position: relative; display: inline-block; border-radius: 6px; font-size: 20px; font-weight: 700; line-height:32px;  text-transform: capitalize; 
	color: #f0c7af; border:2px solid #c5a694; 
    padding: 10px 50px 10px 20px;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    z-index: 0;
}

.btn:hover, .btn:focus{
	background:transparent; border:2px solid #ffd5bc; color:#300e04;
}

.btn::before{
	content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url(../images/arrow-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: translate(-20px, -50%);
    transition: all 0.4s ease-in-out;
}

.btn:hover::before{
	transform: translate(-17px, -50%);
	background-image: url(../images/arrow-brown.webp);
}

.btn::after{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15%;
	right: 0;
    width: 0;
    height: 106%;
    background:#ffd5bc;
    transform: skew(45deg);
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.btn:hover:after{
	width: 100%;
    transform: skew(0deg);
    left: 0;
}



input{ width: 100%; padding: 0 15px; border: 1px solid #f5f5f5; font-weight: 400; outline: 0; border-radius: 6px; background-color: #f4f5f7; font-size: 15px;
transition: all 0.3s ease 0s; line-height:50px; color: #212529; display: block; }
input:hover, input:focus{ border:1px solid #000; outline:none; }
input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000; opacity: 1; /* Firefox */ }
input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; }
input::-ms-input-placeholder { /* Microsoft Edge */ color: #000; }

select{ background: url(assets/images/select-arrow-grey.png) right 22px no-repeat #fff; border-radius:4px; padding:10px 12px; color: #000; border:0;
border-bottom:0; width: 100%; margin-bottom:10px; font-size:18px; transition: all 0.3s ease 0s; -webkit-appearance:none;-moz-appearance:none;appearance:none; 
font-family: 'Poppins', sans-serif; }
select:hover, select:focus{ border:0; border-bottom:0px;  outline:none; }

textarea{ width:100%; color: #212529; background-color: #f4f5f7; border:1px solid #ced4da; font-weight: 400; font-size: 15px; color: #212529; padding: 10px 15px 0;
outline: 0; transition: all 0.3s ease 0s; height:130px; border-radius: .25rem; }

textarea:hover, textarea:focus{ border:1px solid #000; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); }
textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000; opacity: 1; /* Firefox */ }
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; }
textarea::-ms-input-placeholder { /* Microsoft Edge */ color: #000; }

input[type="radio"], input[type="checkbox"]{ width:auto; margin-right: 4px; margin-bottom:10px; }


.no-gap{ padding:0px; }
.clear{ clear:both; }
.text-end { text-align: right !important; }


.container { max-width: 1400px; }


/* Header Section */
.page{ }

.header{  }
.header-hero{ float:left; border-bottom: 2px solid #493125; }

.logo-white{ float:left; padding:15px 0px 0; }
.logo-white .row {  }
.logo-white .logo-top { padding-top:4px; }

.logo-white .navigation { padding-top:0; }
.logo-white .navigation .top-menu { padding:0px 0 0 0; width: 100%; }
.nav-sec{ width:100%; float:left; padding-right:0; }

.nav-sec .navbar{ padding:0px; background: none !important; width: 100%;  }
.nav-sec .navbar-default{ background-color:initial;  }
.nav-sec .navbar-collapse { padding: 0px; text-align:center; border: 0; }
.nav-sec .navbar-default{ border: 0; min-height: initial; margin: 0px; background: none; float:left; width:100%; }

.nav-sec .menu-top-menu-container { width: 100%; }
.nav-sec ul{ width:100%; display:inline-block; }
.nav-sec ul li { display:inline-block; margin-right:10px; }
.nav-sec ul li:last-child { margin-right:0px; }
.nav-sec ul li a { color: #c5a694 !important; padding:3px 20px 14px !important; text-align: center; line-height:32px; display: block; font-weight: 500; text-transform: none; }
.nav-sec ul li a:hover, .nav-sec ul li a:focus{ background-color:initial !important; color:#a4836f !important; }
.nav-sec ul li.active a{ background-color:initial !important; color:#a4836f !important; }
.nav-sec .navbar-default .navbar-nav > .open > a, .nav-sec .navbar-default .navbar-nav > .open > a:hover, 
.nav-sec .navbar-default .navbar-nav > .open > a:focus{ background-color:initial !important; color:#a4836f !important; }


.nav-sec ul li a span { position: relative; }
.nav-sec li a:hover span:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

.nav-sec ul li a span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: -20px;
    left: 0;
    background-color: #a4836f;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.nav-sec ul li.current-menu-item a span  { border-bottom: 4px solid #a4836f; padding-bottom:16px; }
.nav-sec ul li.current-menu-item a span:before  { content:none; }


.nav-sec .navbar-nav li:hover > ul.dropdown-menu { display: block; }
.nav-sec .dropdown-submenu { position:relative; }
.nav-sec .dropdown-submenu > .dropdown-menu {  }
.nav-sec .dropdown-submenu li {  float: left; width: 100%; text-align: left; }
.nav-sec .dropdown-submenu li:last-child{ margin:0px; padding:0px; border:0px; }
.nav-sec .dropdown-menu a{ font-size: 14px; line-height: 25px; text-align: left; border-bottom: 1px solid #cecece; padding:5px 12px !important;
margin-bottom:3px; }
.nav-sec .dropdown-menu a:last-child{ border:0px; margin:0px; }
.nav-sec .dropdown-menu a .fa-solid{ font-size:15px; }



/* Header Section */


 


/* Middle Section */
.middle-container{ overflow:hidden; }
p:empty{ display:none; }

.hero-banner{ background:url(../images/header-bg.webp) center bottom no-repeat; background-size:cover; padding:55px 0px 0px; overflow:hidden; position: relative; }
.hero-banner .desktop{ display:none; }
.hero-banner .content { position: absolute; }
.hero-banner .content { position: absolute; padding-top:50px; text-align: center; }
.hero-banner .content h1 { border-bottom: 1px solid #966a52; padding-bottom: 22px; margin-bottom: 22px; }
.hero-banner .content h3{ color:#fff; display:block; margin-bottom:10px; }
.hero-banner .content p { font-size: 20px; line-height: 32px; text-shadow: 2px 2px 0 #543a2c; color: #fff; }
.hero-banner .content .btnas{}
.hero-banner .content .btnas { padding-top: 35px; }
.hero-banner .content .btnas .btn:first-child { margin-right: 15px; }
.hero-banner .imgs{ text-align:center; }


.inner-blue-header { background:url(../images/inner-banner.webp) 0 0 no-repeat; overflow: hidden; text-align: left; color: #fff; padding: 50px 0; background-size: cover; }
.inner-blue-header h1 { width: 100%; color: #000; font-weight: 400; margin: 0; }


.section-one { overflow: hidden; position: relative; text-align: center; border-top: 2px solid #916b53; border-bottom: 2px solid #916b53; }
.section-one h2 { }

.section-two { border-bottom: 2px solid #916b53; overflow: hidden; }
.section-two .img { display: inline-block; padding-right: 15px; vertical-align: top; }
.section-two .cont { display: inline-block; vertical-align: baseline; }
.section-two .cont h5 { margin-bottom: 0; }
.section-two .cont p{ font-size:16px; line-height: 26px; }


.section-three { text-align: center; float: left; width:100%; border-bottom: 2px solid #916b53; }
.section-three .content { position: relative; border: 2px solid #916b53; padding-bottom: 25px; }
.section-three .content .thsn-ihbox-icon{  }
.section-three .content .thsn-ihbox-icon .img{ position: relative; overflow: hidden; box-shadow: 0 60px 20px rgba(0, 0, 0, 1%); display: inline-block; border-bottom: 2px solid #916b53; width:100%; }
.section-three .content .thsn-ihbox-icon .img img{ filter: grayscale(0); transition: all .3s ease-in-out; transform: scale(1.01); width: 100%; } 
.section-three .content:hover .thsn-ihbox-icon .img img { filter: grayscale(100%); transform: scale(1.1); }
.section-three .content .cont { text-align: center; padding13: 10px; }
.section-three .content .cont h3 { margin-bottom: 20px; }
.section-three .content .cont p { font-size: 16px; line-height: 27px; }


.section-four { overflow: hidden; border-bottom: 2px solid #916b53; }
.section-four .cont { padding-top: 60px; }
.section-four .cont ul { list-style-type: disc; font-size: 25px; margin-left: 30px; margin-bottom: 15px; }
.section-four .cont ul li { padding-bottom: 20px; }




/* Middle Section */







/* Footer Section */
.footer-sec { overflow: hidden; padding: 35px 0; position: relative; text-align: center; }
.footer-sec h5 { display: inline-block; vertical-align: top; border-right: 1px solid #c5a694; padding-right: 20px; margin-right: 12px; }
.footer-sec ul { display: inline-block; }
.footer-sec ul li { display: inline-block; padding: 0 8px; }
.footer-sec ul li a { color: #c5a694; font-size: 36px; }
.footer-sec ul li a:hover { color: #593d2d; }

/* Footer Section */