@import url(http://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200,700);


/*************************
*******Typography******
**************************/

body {
  font-family: 'Dosis', sans-serif;
  font-size: 17px;
  /*color: #fff*/
}

body .regard {
    width=100%;
    background-color: rgb(51, 136, 143);
}

a {
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  color: #1e405f;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, .125);
 
}

a:focus, 
a:hover {
  text-decoration: none;
  outline: none
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Yanone Kaffeesatz', 'sans-serif';
  font-weight: 300;
  text-transform: uppercase;
}

h2 {
  font-size: 36px
}


/*************************
*******Header CSS******
**************************/

.header-top {
  display: block;
  overflow: hidden;
  padding: 25px;
}

.main-nav {
  position: absolute;
  width: 100%;
  z-index: 999;
}

.main-nav .container {
  width: 100%
}

.navbar-right li a {
  padding: 35px 21px;
  font-size: 22px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Yanone Kaffeesatz', 'sans-serif';
  font-weight: 300;
}

.navbar-right li a:hover, .navbar-right li a:focus, .navbar-right .active a {
  background-color: #fff;
  color: #16728f
}

/*************************
*******Home CSS******
**************************/

#home {
  position: relative;
  overflow: hidden;
}

#main-slider img {
  width: 100%
}

#main-slider .carousel-caption {
  background: none repeat scroll 0 0 #000000;
  bottom: 14%;
  float: left;
  left: 0;
  opacity: 0.8;
  padding:10px 60px 35px;
  right: inherit;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
}

#main-slider .carousel-caption h2 {  
  font-size: 38px;

}

#main-slider .carousel-caption h4 {
  font-size: 24px;
}

#main-slider .carousel-caption a {
  font-size: 22px;
  color: #2da1c5
}

#main-slider .carousel-caption a:hover {
  color: #2588a6
}

#main-slider 
.carousel-caption a:hover i {
  margin-left: 35px
}

#main-slider .carousel-caption a i {
  margin-left: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#main-slider .carousel-indicators li {
  background-color:#1B7B98;
  border: 1px solid #1B7B98;
}

#main-slider .carousel-indicators li.active {
  background-color:#fff;
  border: 1px solid #fff;
}

/*************************
*******Explore CSS******
**************************/

#explore {
	background-color: rgb(162, 217, 221);
	background-blend-mode: lighten;
	background-position: 50% 0;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	min-height: 200px;
}

#explore h2 {
	font-size: 42px;
	text-transform: uppercase;
	text-align: center;
}

/*************************
*******About CSS**********
**************************/

#about {
	background-color: rgb(123,208,236);
	background-blend-mode: lighten;
	background-position: 50% 0;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	min-height: 200px;
}

#about h2 {
  margin-bottom: 23px;
}

/*************************
******Sponsor CSS****
**************************/

#sponsor {
	background-color: rgb(108,201,232);
	background-blend-mode: lighten;
	background-position:50% 0;
	background-size: cover;
	background-repeat:no-repeat;
	position: relative;
	min-height: 200px;
}

#regard {
	background-color: rgb(204,204,255);
	background-blend-mode: lighten;
	background-position:50% 0;
	background-size: cover;
	background-repeat:no-repeat;
	position: relative;
	min-height: 400px;
}

#contact {
	background-color: rgb(247,205,128);
	background-blend-mode: lighten;
	background-position:50% 0;
	background-size: cover;
	background-repeat:no-repeat;
	position: relative;
	min-height: 150px;
}

#merci {
	background-color: rgb(33,33,33);
	background-blend-mode: lighten;
	background-position:50% 0;
	background-size: cover;
	background-repeat:no-repeat;
	position: relative;
	min-height: 100px;
}

#sponsor .col-sm-10 {
  z-index: 10;
}

#sponsor h2 {
  margin-top: 90px;
  margin-bottom: 40px;
}

#sponsor .item ul {
  font-size: 0;
  padding: 0;
}


#sponsor .item ul li {
  display: inline-block;
  list-style: none;
  width: 33.33%;
  margin-bottom: 75px;
}

#sponsor .item ul li:last-child {
  margin-right: 0
}

/*************************
******Contact CSS****
**************************/

#contact .container {
  padding-top:47px;
}

#contact h3 {
  text-transform:inherit;
  color: #373737; 
}