/********************RED COLOR ARROW STARTS*****************************/
@font-face {
	font-family: 'ElegantIcons';
	src:url('fonts/ElegantIcons.eot');
	src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('fonts/ElegantIcons.woff') format('woff'),
		url('fonts/ElegantIcons.ttf') format('truetype'),
		url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}
#scrollUp {
  background-color: #336699;
  border-radius: 50%;
  bottom: 50px;
  color: #ffffff;
  font-size: 14px;
  height: 40px;
  line-height: 42px;
  right: 50px;
  text-align: center;
  width: 40px;
  
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  box-shadow: 1px 1px 12px #000000; 
}
  #scrollUp:hover, #scrollUp:focus 
  {
    background-color: #336699;
    color: #ffffff;
  text-decoration: none; 
}
  @media only screen and (max-width: 767px) 
  {
    #scrollUp 
    {
      bottom: 30px;
      right: 30px;
      line-height: 32px;
      width: 30px;
      height: 30px; 
    } 
    }

      .arrow_up
      {
        font-family: 'ElegantIcons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
      }
      .arrow_up:before {
        content: "\21";
      }
 /********************RED COLOR ARROW ENDS*****************************/     
*
{
padding:0;
margin:0;		
}

/***************Topbar Starts**************************/
#topbar
{
	background-color:#ffbf43;
}
.topbar-left
 {
    padding: 8px 0;
    color: #22272b;
    font-weight: 600;
}
.topbar-left em 
{
    color: #f00000;
}

.socialbox {
    text-align: right;
}
.socialbox a {
    color: #ffffff;
    padding: 5px 0px;
    border-left: 1px solid #ffda9f;
    display: inline-block;
    width: 40px;
    text-align: center;
    font-size: 18px;
    margin-left: -3px;
}
.socialbox a:hover
{
  background: #ffa431;
}
.socialbox a:last-child 
{
  border-right: 1px solid #ffda9feb;
}
/***************Topbar Ends**************************/

/***************Companyheader starts**************************/
.companyheader
{
padding-top:10px;	
padding-bottom: 10px;	
}
.company
{
color:#20437d;
font-size:30px;	
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;	
}

.address i 
{
  vertical-align: middle;
  font-size: 36px;
  margin-right: 5px;
  color: #ffbf43;
  padding: 0px 6px;
  margin-top: 3px;
}

.paracontact
{
   
    color: #033333;
    font-size: 15px;
    margin: 0 0 0 !important;
    letter-spacing: 1px;
}
/***************companyheader ends**************************/

/***************Menu Starts**************************/
nav ul li a
{
  color:#ffffff;
}
nav ul li a:hover
{
  background-color:#ffbf43;
  color:#000000;
}
.active
{
  color:#ffbf43;
  
}
/***************Menu Ends**************************/


/***************Slider Starts**************************/
.sliderheading
{
font-size:52px;
font-family: 'Verdana', sans-serif;
font-weight:bold;

}
.sliderpara
{
font-size:24px;
}
.sliderbutton
{
  background-color:#ffbf43;
  color:#ffffff;
}

.carousel-item:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,0.7);
}
.bgd
{
  background-color: #000000;
}
/***************slider ends**************************/


/***************why feasible Starts**************************/
.companyheading
{
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color:#336699;
  text-shadow: 1px 2px 2px #666666;
  
}
.countersection
{


}
.counter
{
  
  padding: 10px;
  color:#ffffff;
  margin-right: 20px;
  background-color:#336699;
  box-shadow: 1px 10px 17px #666666;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.counter p:first-child
{
  font-size:60px;
  font-weight: bold;
}
.counter p:first-child::after
{
content: '+';
}
.counter p:nth-child(2)
{
  font-size:32px;
}
/***************Why feasibble ends**************************/

/***************industrial training starts**************************/
.coursecard
{
  background-image: url('../images/iconbg1.svg');
  background-repeat: no-repeat;
  background-position:top right;
  
  border-top:8px solid #336699;
  padding: 60px 10px 10px 10px;
  background-color: #ffffff; 
  margin-right: 10px;

  box-shadow: 1px 10px 17px #666666;
}
/***************industrial training ends**************************/

/***************ready to join feasible starts**************************/
#coursebg
{
  position:relative;
  min-height:370px;
  background-image: url('../images/all-courses.png');
  background-attachment:fixed;
  background-size:100% auto;
 }
.dark-overlay
{
  position:absolute;
  top:0;
  left:0;
 width:100%;
 height:100%;
  background:rgba(0,0,0,0.8);
}
/***************ready to join feasible ends**************************/

/****************Firm Div starts**********************/

#firmdiv
{
  background-color:#f2f2f2;
  margin-top: 10px;
  min-height: 100px;
  padding:20px;
}


/*************Firm Div Ends***************************/


/*************Companies Div Starts***************************/

#companiesscrolldiv
{
	
  margin-top: 10px;
  min-height: 100px;
  padding:20px;
	
}
/*************Companies Div Ends***************************/






/***************question section starts**************************/
#questiondiv
{
  background-color:#336699;
  margin-top: 10px;
  min-height: 100px;
}
#questiondiv i
{
  color: #ffffff;
}
#questiondiv p
{
  color: #ffffff;
  font-size:30px;
}
/***************question section ends**************************/


/***************Footer starts**************************/

#footer
{
  background-color:#ffbf43;
  width: 100%;
  min-height: 300px;
}

.footerlist
{
  list-style-type: none;
}
.footerlist li a
{
  color: #666666;
  font-weight: 600;
  text-decoration: none;
}
.footerlist li a:hover
{
  text-decoration: underline;
  color:#000000;
}

.footercon i
{
  vertical-align: middle;
  font-size: 36px;
  color: #000000;
  padding: 10px 6px;
  
}

.footersocialbox
 {
   margin-top: 20px;
  text-align: center;
}
.footersocialbox a {
  color: #ffffff;
  padding: 5px 0px;
  border-left: 1px solid #ffda9f;
  display: inline-block;
  width: 40px;
  text-align: center;
  font-size: 18px;
  margin-left: -3px;
}
.footersocialbox a:hover
{
background: #000000;
}
.footersocialbox a:last-child 
{
border-right: 1px solid #ffda9feb;
}
.footercontact i
{
  vertical-align: middle;
  font-size: 18px;
  margin-right: 5px;
  padding: 0px 6px;
  margin-top: 3px;
}

.addresscourse i 
{
  vertical-align: middle;
  font-size: 42px;
  margin-right: 5px;
  color: #000000;
  padding: 0px 6px;
  margin-top: 3px;
}
/***************Footer ends**************************/

/***************copyright starts**************************/
.copyright
{
  background-color:#336699;
}
/***************copyright ends**************************/