/* Introduce Font DejaVu Sans Condensed, Candara, Century Gothic, Corbel, 'Titillium Web' */
	body {font-family: 'Roboto', sans-serif;} 
    
		
		/*div { outline: 1px solid red !important; }*/

    #box { width: 50%; height: 50%; left: 25%; top: 25%; position: absolute; }

.center-img {display: block; margin-left: auto; margin-right: auto; width: 50%; opacity: 0.8;}

.chota{font-size:12px;!important; text-align:center;}

.chota2{font-size:14px;!important; text-align: justify; letter-spacing:0.5px; line-height:1.6;}

h1{font-size:26px;!important;}

.wb{ list-style:none; line-height:2.8;}

/* Standard Container Fluid */  

.container-fluid{ padding: 30px 30px;}

.thin {padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;}

.thinLR {padding-left:0px; padding-right:0px;}

.bg-img-engg {background-image:url(''); color:#294c71;}

.responsive { max-width: 100%; height: auto; }

.bg-grey { background-color: #f2f2f2; /*#f6f6f6  #0e2f44*/  color:#0e2f44;}

/* Standard Container Fluid Background Color Options*/ 


.bg-3f7eac { background-color: #3f7eac; padding-bottom:30px; color:#0e2f44;} /* Light Blue -- NOT Recommended for Background */
.bg-f2f2f2 { background-color: #f2f2f2; padding-bottom:30px; color:#0e2f44;}
.bg-fdfdfd { background-color: #fdfdfd; padding-top:0px; }
.bg-79502e { background-color: #79502e; padding-bottom:30px; color:#fdfdfd;}

/*NEON */
/*Home*/.bg-294c71 { background-color: #294c71 /*#f4511e Rusty #f4830e*/; padding-bottom:30px; color:#fdfdfd; line-height:2.6;}
.bg-5d8aa8 { background-color: #5d8aa8; padding-bottom:30px; color:#fdfdfd; line-height:2.6;}
.bg-61b3e7 { background-color: #61b3e7; padding-bottom:30px; color:#fdfdfd;}
/*Consulting*/ .bg-2b6e4b { background-color: #2b6e4b; padding-bottom:30px; color:#fdfdfd; line-height:2.6;}
/*Business*/.bg-ff5733 { background-color: #ff5733; padding-bottom:30px; color:#fdfdfd; line-height:2.6;}
/*Engineering*/.bg-b88625 { background-color: #b88625; padding-bottom:30px; color:#fdfdfd; line-height:2.6;}
/*Footer*/.bg-e6e8fa { background-color: #e6e8fa; padding-bottom:30px;  line-height:2.6;}

/*Wood*/.bg-79502e { background-color: #79502e; padding-bottom:30px; color:#fdfdfd; line-height:2.6;}
.bg-ea3f01 { background-color: #ea3f01; padding-bottom:30px; color:#fdfdfd;line-height:2.6;}
.bg-aaaaaa { background-color: #aaaaaa; padding-bottom:30px; color:#fdfdfd;}
.bg-192b43 { background-color: #192b43; padding-bottom:30px; color:#fdfdfd; line-height:2.6;}

.bg-a4c8e1 { background-color: #a4c8e1; padding-bottom:30px; color:#003263;}
.bg-e10909 { background-color: #e10909; padding-bottom:30px; color:#fdfdfd;} /* RED -- NOT Recommended for Background */


/* Screen Width Standard*/

@media screen and (max-width: 768px) {
  .col-sm-4 { margin: 25px 0;}
  .col-sm-3 {  margin: 25px 0;}
  .col-sm-6 {  margin: 25px 0;}
  .col-sm-2 {  margin: 25px 0;}
  .col-sm-12 { margin: 25px 0;}

}

/* Navbar */

.container-nav {  padding-right: 10px; color:#fdfdfd;}

.navbar {  margin-bottom: 0; background-color: #fdfdfd; /*#003177 5d8aa8 #e6000d*/ z-index: 9999; border: 0; font-size: 13px !important; line-height: 1.42857143 !important; letter-spacing: 4px; border-radius: 0;}

.navbar li a { color: #e10909   !important; /* #e10909 */}

.navbar .navbar-brand { padding-top:10px; color: #e10909 !important; /*  #1e4b7a */}

.navbar-right{padding-top:4px; letter-spacing: 2px; padding-right:5px; color: #e10909 !important; /* #e10909 */}

.navbar-brand { font-family: Ubuntu ; font-size: 18px !important; letter-spacing: 2px; color: #e10909 !important;/*#e10909*/ }

.navbar-nav li a:hover, .navbar-nav li.active a { color: #e10909 !important; background-color: #fff !important;}

.navbar-default .navbar-toggle {margin-right:2px;  border-color: transparent; color: #fff !important;}

.navbar-header {height:55px; }

/* ----------------------------------Footer-------------------------------------------------------------- */
footer .glyphicon { font-size: 20px; margin-bottom: 20px; color: #f4511e;}


svg.banner { width: 100%; height: auto; }

/*--------------------------------------------- <hr> tag Half Rules -------------------------------------*/

 
 /* --------------------------------------------W3 Card------------------------------------------------- */
.w3-card{ padding-top:20px; padding-bottom:20px; padding-right:15px; padding-left:15px;}

#more {display: none;}

/*----------------------------------------------Carousal-------------------------------------------------*/

.carousel-control.right, .carousel-control.left { color: #fdfdfd; background-image:none !important; filter:none ;}
.carousel-indicators li {size:5;  border-color: #f4511e;}
.carousel-indicators li.active { background-color: #fdfdfd;}
.carousel-inner{height: 375px;}

.item h4 { font-size: 19px; line-height: 1.375em; font-weight: 400; font-style: italic; margin: 70px 0;}

.item span { font-style: normal;}

/* Flipcard */

.button {
  background-color: none; /* Green */ border: #294c71; color: #294c71; padding: 10px; text-align: center; text-decoration: none;  display: inline-block; font-size: 15px; margin: 4px 2px; cursor: pointer;}

.button1 { border-radius: 2px;}
.button2 { border-radius: 4px;}
.button3 { border-radius: 8px;}
.button4 { border-radius: 12px;}
.button5 { border-radius: 50%;}

/* #myBtn {background-color: ; border-color: red; color: #294c71; padding: 7px; 
text-align: center; text-decoration: none;  display: inline-block; font-size: 12px; margin: 4px 2px; cursor: pointer; border-radius: 16px ;} */

#myBtn{
  border: 0.5px solid red;
  background-color: white;
  color: black;
  padding: 8px 16px;
  font-size: 13px;
  cursor: pointer;
  border-radius: 4px;
}
 
 
.container-itext {
  position: relative;
  max-width: 100%; /* Maximum width */
  margin: 0 auto; /* Center it */
}

.container-itextw .content-wood {
  position: relative; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  background-color: #79502e; /* Fallback color */
  
  color: #fdfdfd; /* Grey text */
  width: 100%; /* Full width */
  padding: 20px; /* Some padding */
}
  
 .container-itexts .content-steel {
  position: relative; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  background-color: #ea3f01; /* Fallback color */
  
  color: #fdfdfd; /* Grey text */
  width: 100%; /* Full width */
  padding: 20px; /* Some padding */
}

 .container-itextr .content-rcc {
  position: relative; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  background-color: #aaaaaa; /* Fallback color */
  
  color: #fdfdfd; /* Grey text */
  width: 100%; /* Full width */
  padding: 20px; /* Some padding */
}
  
/*-----------------------------------------*/

.buttonx {
  display: inline-block;
  border-radius: 4px;
  background-color: #f4511e;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.buttonx span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttonx span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.buttonx:hover span {
  padding-right: 25px;
}

.buttonx:hover span:after {
  opacity: 1;
  right: 0;
}