.img-r:hover{

	  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: red;
  /* IE 6-9 */
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
	
	
}


.figure
{

	margin:10px;
   align:center;
	padding:15px;
	border-bottom:1px solid black;
	
}
.figure-caption
{text-align:left; font-weight:bold; color:blue; text-transform:uppercase;  }
  i.fa-arrow-circle-o-up
  {
    color:#fff;
    font-size:30px;
  }

  i.fa-arrow-circle-o-up:hover
  
  {
   color: #3A56F2;
   transition: color 1s;  
  }

  i.fa-circle
  {
    color:#fff;
  }

  i.fa-facebook,i.fa-youtube,i.fa-twitter,i.fa-instagram,i.fa-google-plus
  {
    color: black;
    cursor: pointer;
  }

  a.ec_fevicon
  {
    color:#fff;
  }

  a.name
  {
    color:#fff;
  }

  a.ec_fevicon:hover
  {
   cursor:pointer;
   text-decoration: none;
   color: #e15616;  
  transition: color 2s;
  }

  a.name:hover
  {
   cursor:pointer;
   text-decoration: none;
   color: #3A56F2;  
   transition: color 2s; 
  }

  .contact
  {
    color:black;
    text-align: left;
  }
  .navbar-inverse .navbar-nav>li>a:hover
  {
       color: #fff;  
       transition: color 1s;
       opacity:1.0;
  }

  .navbar-inverse .navbar-nav>li>a
  {
       color: #fff;
       opacity:0.8; 
  }


  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img 
  {
      width: 70%;
      margin: auto;
	  height:200px;
  }

  /* Gallry */
  div.img 
{
    border: 2px solid #ccc;
}

.img:hover
{
  border:2px solid #e15616;
  transition: border 0.9s;
  cursor: pointer;
}

div.img img 
{
    width: 100%;
    height: auto;
}

div.desc 
{
    padding: 15px;
    text-align: center;
}

* 
{
    box-sizing: border-box;
}

.responsive 
{
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}
.btn-success
{
  background-color: #e15616;
  color: #fff;
  border:1px solid #e15616;
}

.btn-success:hover
{
  box-shadow: 5px 5px 12px #eee;  
  background-color:#fff;
  border:1px solid #e15616;
  color:#e15616; 
}

@media only screen and (max-width: 700px)
{
    .responsive 
    {
        width: 49.99999%;
        margin: 6px 0;
    }
}

button.btn-info
{
  background-color: #222;
  opacity: 0.8;
}

button.btn-info:hover
{
  background-color:#fff;
  color:#000;
  border:1px solid #000;
  box-shadow: 2px 2px 10px #eee;
}

@media only screen and (max-width: 500px)
{
    .responsive 
    {
        width: 100%;
    }
}
.navbar-inverse, .navbar-inverse
{
  border:none;
  background-color:#441354; 
}

a.carousel-control:hover
{
  color:#e15616;
  transition: color 0.9s;
}


/* End Gallery */

h3.sub-name
{
  color:#3a56f2;
}

input[type=text]  
{
    width: 140px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url('searchicon.png');
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 6px 35px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

input[type=tex]
{
    width: 130px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
    background-color: white;
    background-image: url('searchicon.png');
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 9px 35px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}



input[type=text]:focus {
    width: 100%;
}
input[type=tex]:focus 
{
    width: 30%;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover
{
  background-color:#fff; 
  color:#3a56f2;
}

span.glyphicon-chevron-left,span.glyphicon-chevron-right
{
  color:#3A56F2
}

   body 
  {
      position: relative; 
  }

  .affix 
  {
      top:0;
      width: 100%;
      z-index: 9999 !important;
  }
  .navbar
   {
      margin-bottom: 0px;
  }

  .affix ~ .container-fluid 
  {
     position: relative;
     top: 50px;
  }
  
  @media screen and (min-width: 668px)
  {
      ul.navbar-nav
      {
        display: none`;
      }
  }
  
  button.btn-default
  {
    border:1px solid #3A56F2;
  }

  button.btn-default:hover
  {
     background-color: #3A56F2;
    color: #fff;
  }

  button.btn-primary
  {
    background-color: #3A56F2;
  }

  button.btn-primary:hover`
  {
    background-color: #fff;
    border:1px solid #3A56F2;
  }



  #section1 {padding-top:50px;height:500px;color: #fff; background-color: #fff;}
  #section2 {padding-top:50px;height:500px;color: #fff; background-color: #673ab7;}
  #section3 {padding-top:50px;height:500px;color: #fff; background-color: #ff9800;}
  #section41 {padding-top:50px;height:500px;color: #fff; background-color: #00bcd4;}
  #section42 {padding-top:50px;height:500px;color: #fff; background-color: #009688;}

  /* My style */
  /* Navigation bar*/
  .navbar
  {
    border-radius: 0px;
  }

  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
  {
    letter-spacing: 3px;
    font-weight: bold;
    font-family: 'Fira Sans', sans-serif;
  }

  i.fa-arrow-circle-up
  {
    display:none;
  }

 /* slideshare */
 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img 
  {
      width: 70%;
      margin: auto;
  }