@import url(http://fonts.googleapis.com/css?family=Ubuntu);

*
{
	margin:0px;
	padding:0px;
}
body 
{
	background-color:#fff;
	font-family: 'Ubuntu', sans-serif;
	color:#5d5d5d;
}
.full-width
{
	width:100%;
	height:auto;
}
/*==================Header=====================*/
.header
{
    background-color:#027cd5;
    height:53px;
   
    
}
/*==================header ends================*/



/*==================top-marg===================*/
.top-mar1
{
    margin-top:16px;
}
.top-mar2
{
    margin-top:45px;
}
.top-mar3
{
    margin-top:100px;
}

/*=================top marg rnds here==========*/

/*=================Color=========*/
.yellow
{
   color:#ebd238;
}

.yellow1
{
    background-color:#ebd238;
}
.circle
{
    height:180px;
    width:180px;
    background-color:#fbe5ac;
    border-radius:100px;
    margin:18px 105px;
}
.circle:hover
{
   height:180px;
    width:180px;
    background-color:#027cd5;
    border-radius:100px;
    margin:18px 105px;
    transition:background 3s;
    color:#fff;
}

.icon
{
    margin:59px 61px;
}
.icon1
{
    margin:55px 53px;
}
.icon2
{
    margin:55px 49px;
}

.thumbnail
{
    border:none;
}

/*==============color ends here================*/
/*=============== scroll bar ======================*/
::-webkit-scrollbar{
	width:10px;
	background-color:#feeab8;
}
::-webkit-scrollbar-thumb{
	background-color:#0554a6;
	border-radius:10px;
}
::-webkit-scrollbar-thumb:hover{
	background-color:#285a74;
	border:1px solid #333333;
}
::-webkit-scrollbar-thumb:active{
	background-color:#A6393D;
	border:1px solid #333333;
} 
/*=============== scroll bar end ==================*/


/*=========== navbar-defautl ============*/
.navbar-default
{
	background-color: transparent;
	margin-top:0px;
	text-align:center;
	
	 

}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  transition:background 2s;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #4b4755;
  background-color: #fbe5ac;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form 
{
    background-color:#027cd5;
}
/*============================ new ==============================*/

/*Toogle----*/
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: -44px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

/*========== carousel ===============*/
.carousel-control.left {
  background-repeat: repeat-x;
	background-image: none;
}
.carousel-control.left > span {
  color:#5d5d5d;
}
.carousel-control.right {
  right: 0;
  left: auto;
    background-repeat: repeat-x;
	background-image: none;
}
.carousel-control.right > span {
  color:#5d5d5d;
}






.back
{
    min-height:400px;
   background-image: url("../images/back.jpg");
}

.login
{
    background-image: url("../images/login.jpg");
    min-height:667px;
}

.left
{
    margin-left:25px;
}


      a
      {
          text-decoration:none;
          color:#333333;
      } 
      
      a:hover,visited
      {
          text-decoration:none;
          color:#333333;
      } 
 
 
   
   
   .footer
   {
       min-height:120px;
       background-color:#027cd5;
       color:#fff;
       padding-top:10px;
   }
   .footer a:hover
   {
       text-decoration:none;
       color:White;
   }
   
  
   .call
   {
       min-height:40px;
       color:#ebd238;
       background-color:#027cd5;
       
       
       
   }
   .call a:hover
   {
       
       text-decoration:none;
       color:#5d5d5d;
       
   }
    .call p
   {
       padding-top:17px;
       color:#ebd238;
       font-size:18px;
       text-align:center;
       
   }
   
   
   .mid
   {
       min-height:495px;
   }
   
   
    /*================Button================*/
    .btn-default
    {
        background-color:#ffde14;
    }
   
   
   
   
   
   
   
   
   
  @media screen and (max-width: 768px) 
  {
   
   .top-mar1
   {
       margin-top:0px;
          
  }
  .yellow
{
   color:#ebd238;
}

  .header
  {
     
  }
  .top
  {
      top:6px;
  }
  .top1
  {
      margin-top:12px;
  }
  
  .circle
{
    height:180px;
    width:180px;
    background-color:#fbe5ac;
    border-radius:100px;
    margin:18px 70px;
}
.circle:hover
{
   height:180px;
    width:180px;
    background-color:#027cd5;
    border-radius:100px;
    margin:18px 70px;
    transition:background 3s;
    color:#fff;
}
  
  }