@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);

body {
  background: #fff;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  color: #282e43;
}

html {
  height: 100%;
  color: #282e43;
}


a{
  color:#C03035;
}

a:hover {
  outline: none;
  text-decoration:none;
  color:#ed2e3b;
}

a:focus {
  outline:none;
  outline-offset: 0;
}

a {
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}


ul {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}

h1{
  color: #282e43;
}

h2{
  font-size: 24px;
  color: #ed2e3b;
  margin-top: 0px;
  margin-bottom: 20px;
}

h3{
  font-size: 18px;
  color: #ed2e3b;
}

.overflow{
  overflow: hidden;
}

.uppercase{
  text-transform: uppercase;
}

.btn-common {
  font-size: 14px;
  color: #fff;
  background-color:#ed2e3b; 
  border: 1px solid #ed2e3b;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding: 10px 25px;
}

#action .col-sm-5{
  position: absolute;

  top: 0;
  height: 100%;
  right: 0;
}


.btn-common:hover, 
.btn-common:focus{
  outline: none;
  background: none;
  box-shadow: none;
  color: #ed2e3b;
  border-color:#ed2e3b;
}

.align-right{
  text-align: right;
}

.inline{
  display: inline-block;
}

.padding{
  padding: 65px 0;
}

.padding-bottom{
  padding-bottom: 65px;
}

.padding-top{
  padding-top: 90px;
}

.padding-right{
  padding-right: 80px;
}

.padding-left{
  padding-left: 80px;
}

.margin-bottom{
  margin-bottom: 35px;
}
/*************************
*******Header******
**************************/
#header{
  margin-bottom: 0;
  padding: 30px 0 30px 0;
}

#header .navbar-inverse .container{
  position: relative;
}

.social-icons ul li{
  padding: 0 10px;

}

.social-icons ul li:last-child{
  padding-right: 0;

}

.social-icons ul li a{
  font-size: 18px;
  padding: 0;
}

.social-icons ul li a:hover .fa-facebook {
  color:#0884d5;
}

.social-icons ul li a:hover .fa-twitter {
  color:#2AA7DC;
}

.social-icons ul li a:hover .fa-google-plus {
  color:#A22523;
}

.social-icons ul li a:hover .fa-dribbble {
  color:#E94989;
}

.social-icons ul li a:hover .fa-linkedin {
  color:#006DC0;
}
.social-icons ul li a:hover .fa-youtube-play{
  color:#f00;
}

.social-icons ul li a:hover,
.social-icons ul li a:focus{  
  background: none;
}

#header .navbar {
  background: #fff;
  border: 0;
  margin-bottom: 0;
}

#header .navbar-toggle{
  margin-top: 20px;
}

#header .navbar-brand{
  padding: 0;
  margin-left: 0;
}

#header .navbar-brand h1{
  padding: 0;
  margin: 0;
}

#header .navbar-nav.navbar-right >li:last-child{
  margin-right: 20px;
}

#header .navbar-nav.navbar-right >li a {
  color: #282e43;
  font-size: 18px;
  padding: 20px;
  font-weight: 550;
}


#header .navbar-inverse .navbar-nav  li.active > a,  
#header .navbar-inverse .navbar-nav  li.active > a:focus, 
#header .navbar-nav.navbar-right li > a:hover,
.navbar-inverse .navbar-nav > .open > a {
  background-color: inherit;
  border: 0;
  color: #ed2e3b;
}

#header .navbar-inverse .navbar-nav  li a:hover{
  color: #ed2e3b;
}


/*************************
*******Home Page******
**************************/
#home-slider {
  background: url(../images/road.png) 0 100% repeat-x;
  position: relative;
}

#home-slider .main-slider {
  position: relative;
  height:500px;
}

#home-slider .slide-text{
  top: 0px;
  left: 0;
}
.reg2,.reg1,.login {
  border: 3px solid #ed2e3b;
  margin-top: 30px;
  background-color: #282e43;
  padding:20px;
  border-radius: 10px; 
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.animate-in .slide-text {
  -webkit-animation: fadeInLeftBig 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
  animation: fadeInLeftBig 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
}

#home-slider .slider-hill {
  position: absolute;
  left: 20px;
  bottom: 0px;
}

.animate-in .slider-hill {
  -webkit-animation: bounceInDown 1000ms ease-in-out 200ms both;
  animation: bounceInDown 1000ms ease-in-out 200ms both;
}


#home-slider .slider-cycle {
  position: absolute;
  left: 170px;
  bottom: 0;
}

.animate-in .slider-cycle {
  -webkit-animation: slideInRight 5s cubic-bezier(0.190,1.000,0.220,1.000) 5ms both;
  animation: slideInRight 5s cubic-bezier(0.190,1.000,0.220,1.000) 5ms both;
}

#home-slider h1{
  margin-bottom: 25px;
}

#home-slider .btn-common {
  margin-top: 20px;
}