@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');


body {padding:0;}

:root{
    /*--theme-color: #653405;*/
	--theme-color: #fdb706;
	--secondary-theme-color: #212b5a;
	--white-color: #ffffff;
	--button-color: #000000;
	--dark-color: #000000;
}

header{background:var(--secondary-theme-color)!important;}

.logo{padding:5px 20px;}

.navbar {padding-top:0; padding-bottom:0;}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .9);
    font-size: 12px!important;
	padding:10px 16px;
	text-transform: uppercase;
	font-weight:500;
}

.navbar-light .navbar-nav .nav-link:hover {
    background-color:#ffffff;
}

.bg-light{background:var(--theme-color)!important;}

.dropdown-item {
    padding: .25rem 1rem;
	font-size: 11px!important;
	text-transform: uppercase;
    border-bottom: solid 1px #cccccc;
}

.dropdown-menu {padding: .5rem 0 0;}

.contentwrapper{padding:5% 3%;}

h1,h2,h3,h4,h5,h6{font-family: "Jost", serif; color:var(--secondary-theme-color)!important;}

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{color:var(--theme-color)!important;}

h1,h2{font-size:32px; padding:30px 0 20px;}

.content{text-align:justify;}

.block > div > div{
position:relative;
border:0; width:95%; margin:10px auto 50px; padding:50px 10px 10px; text-align:center;
}
.block > div > div > .icon{padding:10px 0; position:absolute; left:0; right:0; margin:auto; top:-30px; border:solid 1px var(--dark-color)!important; border-radius:50%; width:80px; height:80px; background:#ffffff;}
.block > div > div > .icon i{font-size:40px; color:var(--theme-color)!important;}
.block > div > div > strong{padding:10px 0; display:block; text-transform:uppercase; font-size:13px;}
/*==========social link==========*/
.sociallink {
    width: 100%;
}
.sociallink{width:100%;}
.sociallink > a{
float:left!important; 
width:30px; 
margin:20px 10px 0 0;
}

.sociallink_top {
    width: 100%;
}
.sociallink_top{width:100%;}
.sociallink_top > a{
float:left!important; 
width:30px; 
margin:20px 10px 0 0;
}

.map{margin:50px 0 0;}

.fa1 {
  padding: 10px;
  font-size: 18px!important;
  width: 36px;
  height: 36px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa1:hover, .fa1:active {
    opacity: 1;
	color:#ffffff;
	background:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
	
	-moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}

.fa1-facebook, .fa1-twitter, .fa1-youtube, .fa1-search-plus {
  background: #ffffff;
  color:var(--secondary-theme-color)!important;
}

.fa2 {
  padding: 6px 17px 6px 7px;
  font-size: 18px!important;
  width: 30px;
  height: 30px;
  text-align: center;
  text-decoration: none;
  margin: 30px 2px 0;
  float:left!important;
  color:#000000!important;
  border:solid 1px var(--theme-color)!important;
}

.fa2:hover, .fa2:active {
    opacity: 1;
	color:#ffffff;
	background:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
}

.fa2-facebook, .fa2-twitter, .fa2-youtube, .fa2-search-plus {
  color:var(--theme-color)!important;
}
/*==========social link end==========*/

.flex-fill {position:relative;}

.width1{width:45%;}
.width2{width:52%; padding:0 20px 20px; text-align:justify;}
.bd-highlight{background:#f2fbf9;}

.gallery > div > div{
	position:relative; width:95%; margin:auto; border:solid 2px #ffffff; overflow:hidden; margin-bottom:20px;
}
.gallery img{width:100%; height:290px; transition:ease all 0.5s;}
.gallery > div > div:hover img{transform:scale(1.1);}
.gallery > div > div > a{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.4); padding:5px; bottom:-235px; left:0; right:0; margin:auto; color:#ffffff; text-decoration:none; font-size:13px; transition:ease all 0.5s;}

.gallery > div > div:hover a{bottom:0;}

.gallery > div > div a > strong{position:absolute; width:100%; top:15px; left:0; right:0;}
.gallery > div > div a > div{margin-top:25px;}
.gallery > div > div a span{
	border:solid 2px #ffffff;
	padding:10px 13px;
	margin-top:20px;
}
.gallery > div > div a i{font-size:20px;}


.pagen {
    padding: 6px;
    color: #039;
    text-align: justify;
    font-size: 12px;
    text-transform: uppercase;
    width: 80px;
    height: 16px;
    border: 1px solid var(--theme-color)!important;
    border-radius: 3px;
    font-weight: bold;
    text-decoration: none;
    margin: 1px;
}

.pagen1 {
    font-size: 12px;
    text-align: justify;
    padding: 6px;
    color: #FFFFFF;
    text-align: justify;
    background: var(--theme-color)!important;
    width: 80px;
    height: 16px;
    border: 1px solid #999;
    border-radius: 3px;
}

.form{border-bottom:solid 1px #000000; font-size:18px; font-weight:500;}
.form > div{padding:10px;}


/*Footer*/
.footernav {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 3% 3% 0;
    background-color: var(--secondary-theme-color)!important;;
    color: #ffffff;
}
.footernav strong {color: #cccccc; font-size: 12px;}
.footernav ul {padding:0; margin:0;}
.footernav ul li {list-style-type: none;}
.footernav ul li a {
    padding: 5px 0 5px 4px;
    color: #ffffff;
    display: block;
    text-decoration: none;
    font-size: 15px;
}

footer{padding:0.7% 2%; background:var(--theme-color)!important; color:#000000; font-size:14px;}
footer a, footer a:hover{color:#000000; text-decoration:none;}
/*Footer*/

.newsletter {padding: 20px 0;}

.newsletter h2 {
color: #243c4f;
margin-bottom: 40px; }
.newsletter .form-control {
height: 42px;
border:solid 1px;
border-color: #ffffff;
border-radius:0;
background:#ffffff;
color:#000000;
}
.newsletter .form-control:focus {
box-shadow: none;
border: 2px solid #ffffff;
color:#000000;
}
.newsletter .btn {
min-height: 42px; 
border-radius:0;
background:var(--theme-color);
color: #000000;
font-weight:600;
}

.newsletter::placeholder { 
        
        /* Firefox, Chrome, Opera */ 
        color: #ffffff!important; 
    } 
      
.newsletter:-ms-input-placeholder { 
        
        /* Internet Explorer 10-11 */ 
        color: #ffffff!important; 
    } 
      
.newsletter::-ms-input-placeholder { 
        
        /* Microsoft Edge */ 
        color: #ffffff!important; 
    }

@media (max-width: 800px) {
.d-flex {display: block!important;}
.flex-fill{width:100%;}

.block > div > div{margin:20px auto;}

.nav-link {border-bottom: solid 1px #ffffff;}
.width2{padding:0 5% 20px;}

.fa2 {
  padding: 6px 17px 6px 7px;
  font-size: 18px!important;
  width: 30px;
  height: 30px;
  margin: 0 2px 10px;
}

.logo {padding: 5px 0;}

h1, h2, h3, h4, h5, h6 {font-size: 22px; padding: 8px 0 6px;}

}

@media (max-width: 420px) {
}


@media (min-width: 992px){
.container {max-width: 95%;}
}

@media (min-width: 768px){
.container {max-width: 95%;}
}

@media (max-width: 900px){
}