@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500&family=Raleway:wght@200;400;500&display=swap');


body {
padding:0;
background: url(../images/bg.jpg) no-repeat top fixed;
}

:root{
    /*--theme-color: #653405;*/
	--theme-color: #837a78;
	--secondary-theme-color: #fb8846;
	--white-color: #ffffff;
	--button-color: #000000;
	--dark-color: #000000;
	--primary-color: #0a81c8;
}

.pagewrapper{width:75%!important; margin:auto;}

.btn-theme{background:var(--theme-color); padding:3px 8px; text-decoration:none; font-size:14px; border-radius:4px;}

.carousel-item{position:relative; overflow:hidden;}
.carousel-item img{width:80%; height:80vh;}

.carousel-item .overlay{ position:absolute; left:0; right:0; top:0; width:100%; height:100%; background:rgba(55,35,107,0.2); z-index:0;}


.card-body img{min-width:50%; max-height:200px;}

.text-theme{color:var(--theme-color); font-weight:bold;}

h1, h2, h3{font-family: Castellar; font-size:25px;
color:#ffffff; padding:3px 10px;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#13384b+0,13384b+31,207cca+63,7db9e8+100&1+0,1+32,1+64,0+100 */
background: linear-gradient(to right,  rgba(19,56,75,1) 0%,rgba(19,56,75,1) 31%,rgba(19,58,79,1) 32%,rgba(32,124,202,1) 63%,rgba(35,126,203,1) 64%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


}

.carousel-item a, .button{background-color: var(--button-color); color:var(--white-color); padding:10px 20px; text-decoration:none; display:block; margin:20px 0 0; width:160px; border-radius:5px; border:solid 3px #ffffff; text-align:center;}
.button{font-weight:bold;}

.button{margin:20px 0 0; width:160px;}

.nav-item {padding-left:10px;}

.navbar {
border-top:solid 3px #5bbdf1;
border-bottom:solid 3px #5bbdf1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+44,eff2ef+55,d7d8da+100 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 44%,#eff2ef 55%,#d7d8da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.nav-link {
    display: block;
    padding: 0.01rem 1.5rem;
	font-size:15px;
    color: #000000;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
	font-family: 'Rajdhani', sans-serif;
	font-weight:bold;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(0 0 0);
}

.dropdown-item {font-size: 14px; color:#000000; font-weight:500; border-bottom: solid 1px #cccccc;}

.welcome_leftblock, .home_video{position:relative;}

.welcome_leftblock .img1, .home_video .img1{position:absolute; left:0; top:0; width:80%; height:auto; padding:10px; z-index:100; border:solid 6px var(--secondary-theme-color); background:#ffffff;}
.welcome_leftblock .img2, .home_video .img2{position:absolute; right:30px; bottom:10px; width:60%; height:auto; padding:10px; z-index:200; border:solid 6px var(--theme-color); background:#ffffff;}

.wrappertext {
    display: block;
    font-family: "Arial Narrow";
    font-size: 16px;
    text-align: justify;
    padding: 5px;
}

.notice{background:#cccccc;
border:solid 1px #a9a8a8;
padding:2%;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}


.fadein { position:relative; height:153px; width:262px; margin:auto;}
.fadein img { position:absolute; height:153px; width:246px; left:8px;}

.home_project{background:url(../images/home_product_bg.jpg) repeat-x fixed top; margin-top:50px;}
.home_project > div{background-image: linear-gradient(135deg, #1C12362B 0%, #37236b 100%); padding:8% 4%;}
.home_project h2{color:#ffffff; font-size:60px; font-weight:bold;}
.home_project h3{color:#ffffff; font-size:20px;}

.btn-danger{background-color:var(--button-color);}

.text-justify{text-align:justify;}

.latestnews{background:rgba(0,0,0,0.7); padding:4% 10px;}

.gallery {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 220px;
    padding: 5px 0;
    float: left;
    margin: 0 1px 0 2px;
    border: double 1px #999999;
    text-align: center;
    margin-bottom: 2px;
}

/*==========footer ==========*/
footer{background:var(--primary-color); color:#ffffff; font-weight:bold; font-size:14px;}

.footernav{
   position:relative;
   width:100%;
   margin:0;
   padding:3% 3% 0;
   background-color:#0e100d;
   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:#a9a9a9; display:block; text-decoration:none; font-size:15px;}
.footernav ul li a:hover{color:var(--secondary-theme-color);}

.footernav > .content{font-size:12px;}

.footernav > a{margin:4px; color:#6b6b6b;}

.footernav > .img{position:absolute; z-index:1000; height:40px; width:100%; bottom:0; left:0; background:url(../images/footerimg.png) bottom left;}

footer > div > p > a {color:#000000;}
/*==========footer end==========*/

/*==========social link==========*/
.sociallink {
    width: 100%;
}
.sociallink{width:100%;}
.sociallink > 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:#e91e63!important;
}

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

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

.fa2-facebook, .fa2-twitter,
 .fa2-youtube, .fa2-search-plus {color:#ffffff!important;}
/*==========social link end==========*/

.flex-fill {position:relative;}
.flex-fill a{position:absolute; left:20px; bottom:25%; z-index:1000; font-size:30px; font-weight:bold; font-family: 'Rajdhani', sans-serif;}

@media (max-width: 800px) {

.pagewrapper{width:97%!important; margin:auto;}	
	
.d-flex {display: block!important;}
.flex-fill{width:100%;}

.navbar {
    padding-top: .2rem;
    padding-bottom: .2rem;
}

.nav-item {
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: solid 1px;
}

.carousel-item a, .button{padding:3px 7px; text-decoration:none; display:block; margin:20px auto 0; width:100px!important; border-radius:5px; font-size:12px!important;}

.gallery {
    width: 100%;
    border: double 1px #999999;
    text-align: center;
}

}

@media (max-width: 420px) {

.home_project h2, .video h2 {font-size: 25px;}
.video h3 {font-size: 16px!important;}
}


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

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

@media (max-width: 900px){
.carousel-item img{width:100%; height:auto;}
.welcome_leftblock{display:none;}
}