/* [ -- Main Stylesheet -- ] */
/* ########################### */
@CHARSET "ISO-8859-1";
/* ##### Index of Stylesheet ##### */

/* ##### Fonts ##### */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Oxygen:400,700,300");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");




html, body {
height:100%;

}
body{
padding:0;
margin:0;
font-family: 'Open Sans', sans-serif;


}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:none;
color:inherit;


}

body a,span{
outline: none !important;
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
font-family: 'Open Sans', sans-serif;

}
body a:hover {
color: #007DD3;
}
input[type="button"],input[type="submit"]{
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
margin:0;	
font-family: 'Open Sans', sans-serif;
}	
p{
margin:0;
font-family: 'Open Sans', sans-serif;
}
ul{
margin:0;
padding:0;
}
label{
margin:0;
}


img{
border:none;
outline: none;

}

input[type=submit] {
	
border:0;
outline:none;
	
}

.form-control:focus {
border-color:#ffc107	  !important;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 193, 7, 0.6);
}
/* ======= Main-content-div=======*/
.main-content {
position:relative;
min-height:100%;
height:auto;

width:100%;
margin:0;
padding:0;

}
/*=====================================*/


.d-q{
font-size:10px;
color:#e67e22;
}

a, a:hover, a:foucs{
outline: none !important;
text-decoration:none;
color:inherit;

}

* {
border-radius: 0 !important;
}



/*===== Loader Begins Main site ==========*/
.loader{
	position:fixed;
	z-index:99999;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:white;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow: hidden;
}
.miechs-txt{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:26px;
	padding-left:5px;
	font-weight:bolder;
	
}
.loader > span.clr-green{
	color:#006600;
	
}
.loader > img{
	max-width:100%;

}
.loader.hidden{
	animation-name: fadeOut;
  	animation-duration: 0.7s;
 	animation-fill-mode: forwards;
	animation-direction:alternate;
	
}
@keyframes fadeOut{
	
	0%{
	opacity:1;
	visibility:visible;
	background-color:rgba(255, 255, 255, 1);
	}
	
	50{
	opacity:0.5;
	visibility:visible;
	background-color:rgba(255, 255, 255, 0.5);
	}
	
	100%{
	opacity:0;
	visibility:hidden;
		
		
	}

}






/*========MAIN INDEX.php =======================================================================================================================*/

/*=================Body Content=====================*/
.body-wrapper{
margin:0;
padding:0;
}


.about-wrapper{
padding:0 0 10px 0 ;
margin:0;
background-color:#F8F9FA;
}


.obj{
background-color:#F8F9FA;
	
}



.about-wrapper h2{
padding:1vh 1vw 1vh 1vw;	
background-color:rgba(255,255,255,0.5);
font:16px "Open sans",sans-serif;
font-weight:bolder;
color:#3b3b3b;
box-shadow:0 1px 1px rgba(130,130,130, 0.5);
-webkit-box-shadow:0 1px 1px rgba(130,130,130, 0.5);
-moz-box-shadow:0 1px 1px rgba(130,130,130, 0.5);

/*color:#f39c12; */

}

.about-text p{
		
font-family:"Oxygen",sans-serif;
font-size:14px;
color:#333;
letter-spacing:1px;
line-height:25px;
text-align: justify;
text-justify: inter-word;


}




/* ==================new contents======================== */


.n-evt .about-heading h2{
	/*font-size:16px !important;
	padding:2% !important;*/


	
}

.about-heading{
	margin:0;
	padding:0;
}

.head_news{
	width:100%;
	background-color:#E67E22;
	margin:0;
	padding:15px;
	box-shadow:0 1px 1px rgba(130,130,130, 0.5);

}
.head_news p{
	font-family:"Oxygen",sans-serif;
	font-size:18px;
	text-align:left;
	margin:0;
	padding:0;
	
	font-weight:bold;
	color:#FFF;
	
}

.head_news p a{
	text-decoration:none;

}

.head_news p a:hover{
	font-size:18px;
	color:#FFF;
	}
.head_news p a:focus{
	
	color:#FFF;
	}




.news-container{
	width:100%;	
	height:auto;
	margin:10px 0 0 0;
	padding:0;
	
	
}
.each-news{
	width:100%;
	padding:10px 0 2px 0;
	margin:0 0 10px 0;
	border-top:#006600 2px solid;
	box-shadow:1px 1px 5px rgba(130,130,130, 0.8);
	-webkit-box-shadow:1px 1px 5px rgba(130,130,130, 0.8);
	-moz-box-shadow:1px 1px 5px rgba(130,130,130, 0.8);
	-o-box-shadow:1px 1px 5px rgba(130,130,130, 0.8);
	-ms-box-shadow:1px 1px 5px rgba(130,130,130, 0.8);
	
}

.n-container{
	width:100%;
	padding:0;
	margin:0;
}

/*

.news-img{
	background-color:#933;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	
	
	
}

.news-img img{
	max-width:100%;
	display:block;
	box-shadow:0 1px 3px rgba(130,130,130, 0.5);
	
		
}

*/

.news-txt{
	width:100%;
	background-color:rgba(255,255,255,0.5);
	margin:0;
	height:160px;
	
	
}

.news-txt h4{
	
font-family:"Oxygen",sans-serif;
font-size:14px;
padding:15px 0 5px 0;
font-weight:600;
}

.news-txt p{
	
font-family:"Oxygen",sans-serif;
font-size:13px;
padding:1px 5px 5px 0;

}

.news-txt .date{
font-family:"Oxygen",sans-serif;
font-size:14px;
font-weight:600;
padding-top:1vh;
}

.news-txt .read-more {
position:absolute;
font-family:"Oxygen",sans-serif;
font-size:12px;
font-weight:600;
right:3px;
bottom:8px;

	
}

.news-txt .read-more a {
	font-family:"Oxygen",sans-serif;
	color:#333;
	text-decoration:none;
	padding:10px;
	background-color:#E8E8E8;
	
}
.news-txt .read-more a:hover {
	font-family:"Oxygen",sans-serif;
	color:#FFF;
	text-decoration:none;
	background-color:#006600;
	
}

.n-container ul {
	width:100%;
	list-style:none;
	}



/*====================== For different Devices ===========================*/









/*======== Team section ==============*/




.our-team{

width:100%;
height:auto;
background-color:#fff;
margin:0;


}



.team-head{
width:100%;
padding:1% 5% 1% 5%;
text-align:center;
overflow:hidden !important;
background-color:#F8F9FA;
box-shadow:0 1px 6px rgba(57,73,76,0.35);
-webkit-box-shadow:0 1px 6px rgba(57,73,76,0.35);
-moz-box-shadow:0 1px 6px rgba(57,73,76,0.35);
-o-box-shadow:0 1px 6px rgba(57,73,76,0.35);


}
.team-head h2{
font-family:"Open Sans";
font-weight:bold;
color:#3b3b3b;
line-height:30px;
font-size:26px;



}
.team-head p{
font-family:"Open Sans";	
line-height:20px;
color:#3b3b3b;
font-size:12px;
}
.team-head p.arrow-down{
font-size:30px;
color:#3b3b3b;
}



.team-pic{
	margin-top:10px;

}

.team-pic .column .card img{
	max-width:100%;	
	height:auto;
}
.team-pic .column .card:hover{

}

.main-col {
  float: left;
  width: 25%;
  
  padding: 0 8px;
}




/* Add some shadows to create a card effect */
.card {
	overflow:hidden;
  	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	width:100%;
}
.card img{
	margin:0;
	padding:0;
	border:0;
	outline:none;
	width: 100%;
	max-width: 100%;
	
}

@media(max-width: 419px) {
	.card img{
	margin:0;
	padding:0;
	border:0;
	outline:none;
	max-width: 50%;
	
}
}


.img-hover{
	overflow:hidden;

}
.card img:hover{
transform:scale(1.1);
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
/* Some left and right padding inside the container */
.txt-cont {
  padding: 10px;
  width:100%;
  overflow:hidden;
  
}

.txt-cont h2{
	font-size:15px;
	font-weight:bold;
	padding:0;
	
}

.txt-cont p{
	padding:2px;
	
}


/* Clear floats */
.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.title {
	text-align: center;
  	color:#3b3b3b;
  
}

.button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: #333;
  background-color: #ecf0f1;
  text-align: center;
  cursor: pointer;

  
}

.button:hover {
  background-color: #006600;
  color:#fff;
}



.next{
color:#ffc107	 !important;
float:right;
right:0;
}

.prev{
color:#ffc107	 !Important;
float:left;
left:0;
}

.our-team .next,
.prev {
position:relative;
margin-top:15%;
cursor:pointer;
z-index:1;
font-size:20px;
color:rgba(41,41,41,0.5);

}
.next:hover{
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
color:#006600 !important;
}
.prev:hover{
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;	
color:#006600 !important;
}



.team-des{
	width:100%;
	background-color:#FFF;
	margin:20px 0 0 0;


}

.team-des-txt{
	
	font-family:"Oxygen",sans-serif !important;
	font-size:15px;
	text-align:center;	
	color:#333;

}



.con-soc{
	padding:0 !important;
	margin:2rem 0 0 0;
}



/*================Team Comtact form=============================*/

#contact-form input[type=submit] {
	float:right;
	background-color:#ffc107 !important;
	border:0;
	outline:none;
	
}

#contact-form .form-control:focus {
  border-color:#ffc107	  !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 193, 7, 0.6);
}

/*====================== For different Devices ===========================*/

@media only screen and (max-width: 768px) {


.body-wrapper p{
font-size:14px;
}


}

@media only screen and (max-width: 480px) {


.body-wrapper p{
font-size:14px;
}	

}

@media only screen and (max-width: 320px) {




.body-wrapper h2{
font-size:16px;
}

.body-wrapper p{
font-size:12px;
}
}


/*================================================*/


/*==============MILESTONES=======================*/
/*================================================*/
/*================================================*/


.miles{
	margin-top:50px;
	background-color:#F8F9FA;
	box-shadow:0 1px 6px rgba(57,73,76,0.35);
	-webkit-box-shadow:0 1px 6px rgba(57,73,76,0.35);
	-moz-box-shadow:0 1px 6px rgba(57,73,76,0.35);
	-o-box-shadow:0 1px 6px rgba(57,73,76,0.35);

	width:100%;
	text-align:center;
	
}

.miles h2{
	font-family:"Open Sans";
	font-weight:bold;
	color:#3b3b3b;
	line-height:30px;
	font-size:26px;
	padding:10px 0 2px 0;
	
}

.miles p{
	font-family:"Open Sans";	
	line-height:20px;
	color:#3b3b3b;
	font-size:12px;
	
}

.miles p.arrow-down{
font-size:30px;
color:#3b3b3b;
}


/*======= milestones counter starts here========== */


.counter {
	margin-top:50px;
	//background-color:#036 !important;
	height:auto;
	text-align:center;
	
}
.counter .num {
	font-family:"Oxygen",sans-serif !important;
	font-size:42px;
	color:#3b3b3b;
	font-weight:600;
	text-shadow: 1px 1px 2px #000;
}

.counter .deco {
	font-family:"Oxygen",sans-serif !important;
	font-size:13px;
	font-weight:600;
	color:#666;
}




/*==============Event Head=======================*/
/*================================================*/
/*================================================*/


.evt{
	
	width:100%;
	margin-top:50px;	
	text-align:center;
	background-color:#F8F9FA;
	box-shadow:0 1px 6px rgba(57,73,76,0.35);
	-webkit-box-shadow:0 1px 6px rgba(57,73,76,0.35);
	-moz-box-shadow:0 1px 6px rgba(57,73,76,0.35);
	-o-box-shadow:0 1px 6px rgba(57,73,76,0.35);

	
}

.evt h2{
	font-family:"Open Sans";
	font-weight:bold;
	color:#3b3b3b;
	line-height:30px;
	font-size:26px;
	padding:10px 0 2px 0;
	
}

.evt p{
	font-family:"Open Sans";	
	line-height:20px;
	color:#3b3b3b;
	font-size:12px;
	
}

.evt p.arrow-down{
font-size:30px;
color:#3b3b3b;
}

/*==============Event Carousel=======================*/
/*================================================*/
/*================================================*/



.evt-container{
	margin-top:25px;
	padding:0;
}



.pic-thumb{
	margin:0;
	padding:2px;
	border:none;
	overflow:hidden;
	
}
.pic-thumb a{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	

}

.pic-thumb a:hover{
	transform:scale(1.3);
	opacity:0.7;
	transition:0.3s all ease-in-out;


}

.img-thumbnail{
	margin:0;
	padding:0;
	max-width:100%;
	box-shadow:0 0 3px rgba(130,130,130, 0.6);
	-webkit-box-shadow:0 0 3px rgba(130,130,130, 0.6);
	-moz-box-shadow:0 0 3px rgba(130,130,130, 0.6);
	-o-box-shadow:0 0 3px rgba(130,130,130, 0.6);
	-ms-box-shadow:0 0 3px rgba(130,130,130, 0.6);
	
	
}

/* carousel-indicators */
.carousel-indicators {
	bottom: -35px;
		
}

.carousel-control-prev-icon{
	padding:0;
	margin:0;
	position:absolute;
	left:0;
	height: 100%;
	width: 50%;
	background:rgba(255,255,255,0.8);
}

.carousel-control-next-icon {
	position:absolute;
	right:0;
	height: 100%;
	width: 50%;
	background:rgba(255,255,255,0.8);
}

.carousel-control-next-icon:after
{
	position:absolute;
	right:25%;
	content: '>';
	font-size: 35px;
	font-weight:bold;
	color: #ffc107;
	top:40%;
}

.carousel-control-prev-icon:after {
	position:absolute;
	left:25%;
 	content: '<';
 	font-size: 35px;
	font-weight:bold;
 	color: #ffc107;
	top:40%;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
	background: #c0c0c0;
}
.carousel-indicators .active {
	background: #ffc107;
}
/*
.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}
*/

#image-gallery .clr{
	background:rgba(255,255,255,0.9) !important;
	
}
.view-more-event{
	padding:0 !important;
	margin:5rem 0 0 0;
}


/*==============Gallery Head=======================*/
/*================================================*/
/*================================================*/


.gall{
	
	width:100%;
	margin-top:50px;
	text-align:center;
	background-color:#F8F9FA;
	box-shadow:0 1px 6px rgba(57,73,76,0.35);
	-webkit-box-shadow:0 1px 6px rgba(57,73,76,0.35);
	-moz-box-shadow:0 1px 6px rgba(57,73,76,0.35);
	-o-box-shadow:0 1px 6px rgba(57,73,76,0.35);

	
}

.gall h2{
	font-family:"Open Sans";
	font-weight:bold;
	color:#3b3b3b;
	line-height:30px;
	font-size:26px;
	padding:10px 0 2px 0;
	
}

.gall p{
	font-family:"Open Sans";	
	line-height:20px;
	color:#3b3b3b;
	font-size:12px;
	
}

.gall p.arrow-down{
font-size:30px;
color:#3b3b3b;
}




/*==========Tabs Content for Gallery==================*/
/*================================================*/
/*================================================*/
/*================================================*/

.main-gall{
	margin:0;
	padding-bottom:0;
}
#m-gall{
	margin:15px 0 10px 0;
	
}


#m-gall {

  column-count: 1;
  column-gap: 16px;
  
}

@media(min-width: 320px) {
  #m-gall {
    column-count: 2;
   column-gap: 8px;
  }
}

@media(min-width: 480px) {
  #m-gall {
    column-count: 2;
   column-gap: 8px;
  }
}

@media(min-width: 640px) {
  #m-gall {
    column-count: 3;
    column-gap: 10px;
  }
}

@media(min-width: 960px) {
  #m-gall {
    column-count: 4;
     column-gap: 10px;
  }
}

@media(min-width: 1200px) {
  #m-gall {
    column-count: 5;
     column-gap: 10px;
	
  }
}

@media(min-width: 1400px) {
  #m-gall {
    column-count: 6;
     column-gap: 10px;

	
	
	
  }
}
@media(min-width: 1600px) {
  #m-gall {
    column-count: 7;
     column-gap: 10px;
	
  }
}
@media(min-width: 1800px) {
  #m-gall {
    column-count: 7;
     column-gap: 10px;
	
  }
}


.img-box{
	padding:0;
	margin:0 0 10px 0;
	box-shadow:0 0 5px rgba(130,130,130, 0.6);
	-webkit-box-shadow:0 0 5px rgba(130,130,130, 0.6);
	-moz-box-shadow:0 0 5px rgba(130,130,130, 0.6);
	-o-box-shadow:0 0 5px rgba(130,130,130, 0.6);
	-ms-box-shadow:0 0 5px rgba(130,130,130, 0.6);
}

.item-g {
  background-color: none;
  display: block;
  width: 100%;
  cursor:pointer;
  overflow:hidden;
   
 }

.img-box .item-g img:hover {
	transform:scale(1.3);
	opacity:0.7;
	transition:0.3s all ease-in-out;
	
	
}

.item-g img {
	
	max-width: 100%;
  	height: auto;
  	width: 100%;
}

.item-g.active-g {
  animation-name: active-in;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
  animation-direction: alternate;
}

.item-g.active-g:before {
  content: "+";
  transform: rotate(45deg);
  font-size: 48px;
  color: white;
  position: absolute;
  top: 20px;
  right: 20px;
  background-color:rgba(0,0,0,0.85);
  border-radius: 50%;
  width:48px;
  height:48px;
  text-align:center;
  line-height:48px;
  z-index:1;
 
}

.item-g.active-g img {
  animation-name: active-in-img;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
  animation-direction: alternate;
}


@keyframes active-in {
  0% {
    opacity:1;
    background-color:#fff;
  }
  
  50% {
    opacity:0;
    background-color:rgba(0,0,0,0.9);
  }
  
  100% {
    opacity: 1;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.8);
	z-index:9999;
  }
}

@keyframes active-in-img {
  0% {
    opacity:1;
    transform:translate(0%, 0%);
    top: 0;
    left: 0;
    max-width: 100%;
	
  }
  49% {
    opacity:1;
    transform: translate(0%, -50%);
  }
  50% {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
  }
  100% {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90%;
  width: auto;
  max-height: 95vh;
  opacity:1;
 
  }
  
}

.view-m-gall{
	text-align:center;
	margin:25px 0 25px 0;
}

.v-m-b:hover{
	
 	outline:none !important;
}
.v-m-b:focus{
 	outline:none !important;
}




/*========About-Us.php =======================================================================================================================*/

/*========Body-content ============*/


/*Managing Committee*/

.set-mar-top{
	margin:3rem 0 3rem 0;
}

.each-row-img img {
	width: 70%;
	max-width: 100%;
	height: auto;
	border: 2px solid #006600;
	border-radius:40% !important; 
	box-shadow: 0 0 5px #999 !important;
	-web-kti-box-shadow: 0 0 3px #000 !important;
	-moz-box-shadow: 0 0 3px #000 !important;
	-o-box-shadow: 0 0 3px #000 !important;
	-ms-box-shadow: 0 0 3px #000 !important;

}

.each-col-ab{
	
	box-shadow: 0 0 3px #ccc;
	
	
}

.each-col-ab h5{
	font-family: 'Open sans' sans serif;
	padding: 0;
	margin-top:10px;
	font-size: 18px;
	font-weight: bold;
	color: #3b3b3b;

}
.each-col-ab p.desig{
	font-family: 'Open sans' sans serif;
	padding: 0;
	margin:0;
	color: #3b3b3b;
	
}

.font-aw-ab a {
	padding: 5px;
	text-decoration: none;
	color: #3b3b3b; 

}
.font-aw-ab a:hover {
	text-decoration: none;
	color: #006600; 

}


/*Read More/less*/

.show-more{
 font-family: 'Open sans' sans serif;
 font-size: 15px;
 padding-top: 10px;
 color:#3b3b3b;

}

.morecontent span {
    display: none;
}
.morelink {
    display:block;
    text-decoration: none !important;
    color: #006600;
    margin: 0px;
    padding: 0px;
}
.morelink:hover {
    
    text-decoration: none !important;
    color: #e67e22;

}

.morelink:visited, .morelink:active  {
    
    text-decoration: none !important;
    color: #006600;

}


/*========News.php =======================================================================================================================*/

/*========Body-content ============*/

.each-col-news{
	background: rgba(248,249,250,0.5) !important;
	
}

.each-col-news:hover{
	background: rgba(248,249,250,1) !important;
	text-decoration: none;
	transform: scale(1.02);
	transition: 0.5s all ease-in-out;
}


.each-col-news img{
	max-width: 100%;
	height: 100% !important;
	max-height: 100% !important;
	width: 100%;
}


.slider-col-news{
	background: rgba(248,249,250,0.9) !important;
	box-shadow: 0 0 1px #999;
}

.slider-col-news img{
	max-width: 100%;
	width: 100%;
	height: 100%;
	
}
#vertical-ticker{

	height: 600px !important;
	list-style: none !important;
}



@media(max-width: 991px ){
#vertical-ticker{
	height: 650px !important;
	overflow: hidden !important;


}

}

@media(max-width: 767px ){
#vertical-ticker{
	height: 440px !important;
	overflow: hidden !important;

}

}

@media(max-width: 575px ){
#vertical-ticker{
	height: 350px !important;
	overflow: hidden !important;

}

}
@media(max-width: 500px ){
#vertical-ticker{
	height: 310px !important;
	overflow: hidden !important;

}


}
@media(max-width: 320px ){
#vertical-ticker{
	height: 260px !important;
	overflow: hidden !important;

}

}


.fade-top-li{

	transition: 0.2s ease-in-out;
	transform:scale(0.8); 
	opacity:0;
	

}
.fade-bot-li{

	transition: 0.2s ease-in-out;
	transform:scale(0.8);
	opacity:0.3;
	

}


/*========NewsLetter.php =======================================================================================================================*/

/*========Body-content ============*/








/*========Tenders-Us.php =======================================================================================================================*/

/*========Body-content ============*/


.tenders-col{
	background: none;

}


.tend-link{
	font-family: 'Open Sans';
	font-size: 20px;
	text-decoration: none;
	color: #3b3b3b;
	text-align: center;
	background: #F8F9FA;
	padding:2rem;
	display:inline-block;
	width: 100%;
	font-weight: bold;

}

.tend-link:hover{

	text-decoration: none;
	color:#006600;
		
}



.tend-title{

}





/*========Contact-Us.php =======================================================================================================================*/

/*========Body-content ============*/

.off-map{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 50vh;
	border: 0;

}


.mail-icons{

	text-shadow: 0 0 3px #666;
	-webkit-text-shadow: 0 0 3px #666;
	-moz-text-shadow: 0 0 3px #666;
	-o-text-shadow: 0 0 3px #666;
	-ms-text-shadow: 0 0 3px #666;
}


/*========Pic-Gallery.php =======================================================================================================================*/

/*========Body-content ============*/





/*========Projects Completed.php =======================================================================================================================*/

/*========Body-content ============*/
@media(max-width: 500px ){
.img-project img{
	max-width: 60%;
	height: auto;
	
}
.pro-img-align{
	text-align: center;
	
}

}


/*==========Quick Links Heading==================*/
/*================================================*/
/*================================================*/
/*================================================*/
.q-links{
	background-color:#F8F9FA;
	box-shadow:0 1px 6px rgba(57,73,76,0.35);
	-webkit-box-shadow:0 1px 6px rgba(57,73,76,0.35);
	-moz-box-shadow:0 1px 6px rgba(57,73,76,0.35);
	-o-box-shadow:0 1px 6px rgba(57,73,76,0.35);
	width:100%;
	text-align:center;
	margin-bottom:10px;
	
}

.q-links h2{
	font-family:"Open Sans";
	font-weight:bold;
	color:#3b3b3b;
	line-height:30px;
	font-size:26px;
	padding:10px 0 2px 0;
	
}

.q-links p{
	font-family:"Open Sans";	
	line-height:20px;
	color:#3b3b3b;
	font-size:12px;
	
}

.q-links p.arrow-down{
font-size:30px;
color:#3b3b3b;
}

/*==========Social Links Heads==================*/
/*================================================*/
/*================================================*/
/*================================================*/

 .social-links{
	background-color:#F8F9FA;
	
}
.social-links .container{
height:auto;
text-align:center;

}


.wrapper-slinks ul{
	list-style:none;
}
.wrapper-slinks ul li{
	display:inline-block;
}
.wrapper-slinks ul li a{
	display:inline-block;
	color:#3b3b3b;
	padding:10px;
	
	font-size:26px;
	
	
}
.wrapper-slinks ul li a:hover{
	transition:0.3s all ease-in-out;
	-webkit-transition:0.3s all ease-in-out;
	-moz-transition:0.3s all ease-in-out;
	-o-transition:0.3s all ease-in-out;
	-ms-transition:0.3s all ease-in-out;
	
	color:#fff;
	background-color:#006600;
	
}
.wrapper-slinks ul li a:hover span.fa{
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	-o-transform:scale(1.5);
	-ms-transform:scale(1.5);
	
	
	
	transition:0.3s all ease-in-out;
	-webkit-transition:0.3s all ease-in-out;
	-moz-transition:0.3s all ease-in-out;
	-o-transition:0.3s all ease-in-out;
	-ms-transition:0.3s all ease-in-out;
	
}


/*==========Quick Links==================*/
/*================================================*/
/*================================================*/
/*================================================*/


.quick-links{
	
	padding-top:10px;
	padding-bottom:10px;

}


.quick-links .quick-wrapper{
	//background-color:#0C0;
}

.quick-links .quick-wrapper .quick-row{
	background-color:#F8F9FA;
	

}
.no-border{
	border:0 !important;
}

.quick-links .quick-wrapper .quick-row .col-quick{
	padding:0;
	border-right:1px solid #e1e3e4;
}
.quick-links .quick-wrapper .quick-row .col-quick:nth-child(4n+0){
	
	border:0;
}

.quick-links .quick-wrapper .quick-row .col-quick h3{
	padding:15px 0 15px 8px;
	background-color:#FFF;
	font-family:'Open Sans';
	font-size:14px;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;	
	box-shadow:0 -2px 5px -2px #999;
	-webkit-box-shadow:0 -2px 5px -2px #999;
	-moz-box-shadow:0 -2px 5px -2px #999;
	-o-box-shadow:0 -2px 5px -2px #999;
	-ms-box-shadow:0 -2px 5px -2px #999;
	
	
}

.quick-links .quick-wrapper .quick-row ul{
	list-style:none;
}

.quick-links .quick-wrapper .quick-row ul li{
	padding:0;
	
	
}



.quick-links .quick-wrapper .quick-row ul li a{
	background-color:#F8F9FA;
	display:block;
	width:100%;
	padding:10px;
	text-decoration:none;
	outline:none;
	border:0;
	font-family:'Open Sans';
	font-size:14px;
	color:#3b3b3b;
	text-align:center;
	
	
}
.quick-links .quick-wrapper .quick-row ul li a:hover{
	background-color:#006600;
	color:#FFF;
}

.quick-links .quick-wrapper .quick-row ul li a:hover .fa{
	transform:scale(1.5);
}



.quick-links .quick-wrapper .quick-row ul li img{
	background-color:#ecf0f1;
	display:block;
	padding:5px;
	width:100%;
	
	text-decoration:none;
	outline:none;
	border:0;

}



.quick-links .quick-wrapper .quick-row ul li p.abo {
	text-align:justify;
	padding:15px;
	line-height:25px;
	letter-spacing:0;
	font-family:'Open Sans';
	font-size:14px;
	font-weight:500;

}

.quick-links .quick-wrapper .quick-row ul li p.cen-bold {
	text-align:center;
	padding:15px 0 0 0;
	font-family:'Open Sans';
	font-weight:bold;
	font-size:14px;
}

.quick-links .quick-wrapper .quick-row ul li p.cen{
	text-align:center;
	padding:15px 0 0 0;
	font-family:'Open Sans';
	font-size:14px;

}

.quick-links .quick-wrapper .quick-row ul li p.add{
	
	padding:15px 0 10px 0;
	font-family:'Open Sans';
	font-weight:bolder;
	font-size:14px;
}



@media only screen and (max-width:768px){
.quick-links .quick-wrapper .quick-row .col-quick{
	margin-bottom:1px;
	
}

.quick-links .quick-wrapper .quick-row .col-quick:nth-child(2n+0){
	padding:0;
	border:0;
}

}

@media only screen and (max-width:200px){
.quick-links .quick-wrapper .quick-row ul li a{
	font-size:11px;	
}

.quick-links .quick-wrapper .quick-row .col-quick h3{
	padding:15px 0 15px 2px;

	font-size:12px;
	
}

}

/*==========Footer copyrights and newsletter================*/
/*================================================*/
/*================================================*/
/*================================================*/

.bg-col{
background-color:#F8F9FA;
text-align:center;
}

.bg-col p{
font-family:"Oxygen",sans-serif;
font-size:14px;
margin-top:20px;
}

.bg-col p a{
	text-decoration:none;

}
.bg-col p a:hover{
	color:#006600;

}
.bg-col .form-group{
	margin-top:10px;
	
}



/*============Footer============*/
/*================================================*/
/*================================================*/
/*================================================*/
.pg-footer{
	padding:0;
	margin:0;
	position: absolute;
  	bottom: 0;
  	width: 100%;
  /* Set the fixed height of the footer here */
  	height:0;
  	background-color: #f5f5f5;
}




/*============Mulit classes css -=================*/
/*============================================*/
/*=============================================*/
/*=============================*/
/*===================================*/
/*================================*/

.font-size-p{
	font-family:'Open Sans';
	font-size: 12px;
	text-decoration: none;

}

.bg-box-light{
	background: #F8F9FA;

}

.bg-box-grn{
	background: #006600;

}

.clr-grn{
	/*pak color*/
	color: #006600 !important;
}
.clr-lt-w{
	/*Light white*/
	color: #F8F9FA !important;
}
.clr-yel{
	/*Yellow*/
	color: #ffc107 !important;
}

.clr-md-b{
	/*medium black*/
	color: #3b3b3b !important;
}

.para-line{
	white-space:nowrap;
	display:block;
	
}

.pad-equal-4{
	padding: 10px;

}


.border-l-grn{
	border-left:2px solid #006600 !important;
	padding-left: 10px !important; 
}
.border-b-grn{
	border-bottom:2px solid #006600 !important;
	/*padding-left: 10px !important; */
}
.border-t-grn{
	border-top:3px solid #006600 !important;
	/*padding-left: 10px !important; */
}

.btn-warning{
	border: none !important;
	border-radius: 5px !important;

}
.btn-warning:hover{
	background: #006600 !important;
	color: #fff !important;
	
}
.btn-warning:focus, .btn-warning:active {
	
	border: none !important;
	outline:none !important;
	box-shadow: none !important;
	
}

.btn-thumb:hover{
color: 	#006600;
text-decoration: none;
}

.float-view-div{
	position: absolute;
	bottom: 25px;
	left: 	25px;
	
}

.float-view-div p{
	font-family: 'Open sans' , sans-serif;	
	font-weight: bold;
	color: #3b3b3b;
}


.link-icon-default:hover{
	text-decoration: none;
	color: #006600;
	
}


/*For each page image container*/
/*================================*/

/*=======Top Title-Image section ======*/

.box-img-container {

	margin:3.5rem 0 0 0 ;	
	width: 100%;
	padding:0;
		
}

.img-box-1, .img-cont-1 {
	padding: 0;
	margin: 0;

}



.img-canvas-div{
	
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-repeat: no-repeat;
    background-position:center;
    background-color: #F8F9FA;
    background-size: cover;

    
}


.col-heading-box{
	margin:15vh 0 0 0;	
	height:auto;
	background-color: none;

}

.col-heading-box > h1 {
	font-family:'Open sans';
	font-size:26px;
	padding: 10px 0 0 0;	
	white-space:nowrap;
	font-weight:bold;
	background:rgba(248,249,250,1);
	color: #3b3b3b;
	border-radius: 25px 25px 0 0 !important;
	
	 
}



/*EOF top=Image container*/

/*==============Dividers=======================*/
/*================================================*/
/*================================================*/


.divider{
	
	width:100%;
	margin-top:0;
	text-align:center;
	background-color:#F8F9FA;
	box-shadow:0 1px 6px rgba(57,73,76,0.35);
	-webkit-box-shadow:0 1px 6px rgba(57,73,76,0.35);
	-moz-box-shadow:0 1px 6px rgba(57,73,76,0.35);
	-o-box-shadow:0 1px 6px rgba(57,73,76,0.35);

	
}

.divider h2{
	font-family:"Open Sans";
	font-weight:bold;
	color:#3b3b3b;
	line-height:30px;
	font-size:24px;
	padding:10px 0 2px 0;
	
}

.divider p{
	font-family:"Open Sans";	
	line-height:20px;
	color:#3b3b3b;
	font-size:12px;
	
}

.divider p.arrow-down{
font-size:30px;
color:#3b3b3b;
}




















/*Multi classes Ends here*/
/***********************/





.my-whatsapp{
	position: fixed;
	width: 0;
	right: 80px;
	bottom: 30px;
	z-index: 1;
	background: transparent;
}

.my-whatsapp h5{
 color: #006600;
 padding: 5px;
 display:inline-block;
 background:#F8F9FA;
 font-size: 3rem;
 border-radius: 10px !important;
 
}

@media (max-width:870px ) {
	
.my-whatsapp{
	position: fixed;
	width: 0;
	left: 10px;
	bottom: 30px;
	z-index: 1;
	background: transparent;
}

.my-whatsapp h5{
 color: #006600;
 padding: 5px;
 display:inline-block;
 background:#F8F9FA;
 font-size: 3rem;
 border-radius: 10px !important;
 
}	
}