h1, h2 {
/*    -webkit-filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.9));
    filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.9));
*/}

h2 small{
    color: #fff;
}


/*----------------------
---Main Layout Styles---
------------------------*/

.mini-padding-top-bottom {
    padding:40px 0;
}


div.polaroid {
    width: 80%;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(80, 24, 2, 0.2), 0 6px 20px 0 rgba(80, 24, 2, 0.19);
    margin-bottom: 25px;
    border-radius: 5px;
}

div.polaroid img{
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.legend {
    color: #165B7C;
    padding: 8px 8px;
}
div.confe {
    color: blue;
    padding: 8px 8px;
}
div.legend h4{
    margin-bottom: 5px;
    font-size: 0.99em;
}

div.legend h5{
    margin-top: 5px;
    margin-bottom: 0px;
}



/*----------------
----- Colors -----
------------------*/



.medium-bg{
    background:#3A9090;
}

.light-bg{
    background:#79c2e7;
}

.light-bg a{
color:#fff;
}

.dark-green-bg{
    background:#146E6E;
}

.dark-dark-bg{
    background:#38A5DB;
}

.dark-dark-green-bg{
    background:#073030;
}

.brown-bg{
    background:#B0806A;
}

.dark-brown-bg{
    background:#946E5B;
}

.light-typo {
    color:#fff;
}

.dark-typo {
    color:#165B7C;
}



/*----------------------
----Navigation Styles---
------------------------*/

#main-nav .nav li:hover{
    opacity:1;
    -webkit-filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.9));
    filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.9));
}


#main-nav #logo span{
    text-transform: none;
    position:relative;
    font-weight:10;
    font-family: 'Mr Dafoe', cursive;
    top:32px;
    left:-20px;
}

#main-nav.scrolled #logo h1{
    font-size:28px;
    top:2px;
}

#main-nav.scrolled #logo span{
    top:23px;
    left:-56px;
}



#main-nav.scrolled .nav #logo a:hover {
    /*color:#501802; // logo hover*/
    -webkit-transition:color .2s ease-out;
    transition:color .2s ease-out;
}

/*----------------------
-----Header Styles------
------------------------*/

.jumbotron {
    /*background:#FFF;*/
    /*color:#E14505;*/
    color:#165b7c;
    margin-bottom:-50px;
    padding:120px 0 20px; /*padding-bottom for shadow*/
	overflow:hidden;
    /* The image used */

    background-image: url("../assets/img_site/background.jpg");
    /* Full height */
    height: 100%;
	width: auto;
    /* Center and scale the image nicely */
    background-position: top center;
    background-repeat: no-repeat;
 	background-size: contain;
    /*background-size: cover;*/
}


.jumbotron .text-footer{
    margin-top:50px;
    text-align:center;
}



.jumbotron h3{
    font-weight:600;
    letter-spacing:0.07em;
    text-align: center;
}


.jumbotron p{
    font-size:22px;
    font-weight:300;
    letter-spacing:0.013em;
    text-align: justify;
}

.jumbotron h2{
    font-size:40px;
    font-weight:400;
    letter-spacing:0.02em;
	opacity:0;
    margin-top:30px;
    -webkit-transform:translateY(1000px);
    transform:translateY(1000px);
    -webkit-transition:opacity .5s ease-out .8s,-webkit-transform .5s ease-out .8s;
    transition:opacity .5s ease-out .8s,transform .5s ease-out .8s;
}

.jumbotron h2.in{
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}

.jumbotron .imac-frame {
    display:block;
    position:relative;
    width:100%;
    max-width:750px; /*500px*/
    margin:0 auto;
    overflow:hidden;
	opacity:0;
	-webkit-transform:translateX(1000px);
	transform:translateX(1000px);
	-webkit-transition:opacity .5s ease-out .6s,-webkit-transform .5s ease-out .6s;
	transition:opacity .5s ease-out .6s,transform .5s ease-out .6s;
}
#intro {
    background: #FFF;
    border-radius: 20px;
    /*-webkit-filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 1.0));
    filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 1.0));*/
    box-shadow: 0 4px 8px 0 rgba(80, 24, 2, 0.3), 0 6px 20px 0 rgba(80, 24, 2, 0.2);
}

#intro h3{
    padding-top: 10px;
}

/*----------------------
-----Services Styles----
------------------------*/
.services a{
    color: #FFF;
}

.services .item *{
/*    -webkit-filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.3));
    filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.3));
*/}

.services .item:hover{
    /*color:#28B4B4;*/
    -webkit-filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.5));
    filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.5));
}





/*----------------------
-----About Styles----
------------------------*/

#about .section-header{
    margin-bottom:100px;
}

.photo{
    width: 90%;
    box-shadow: 0 4px 8px 0 rgba(80, 24, 2, 0.5), 0 6px 20px 0 rgba(80, 24, 2, 0.4);
}

#about p{
    font-size:20px;
    line-height:28px;
}

.card i{
    padding-right: 15px;
}

.name {
    font-size:2.0em;
    margin-bottom: 16px;
}

.title {
    margin-bottom: 21px;
}

.tel {
    margin-bottom: 15px;
}

.mail {
    margin-bottom: 15px;
}

.address {
    text-transform: uppercase;
}

.desc i{
    padding-right: 8px;
    margin-bottom: 10px;
}

.desc {
    margin-top: 20px;
    font-size:0.9em;
}

ul li{
    margin-left: -16px;
    padding-left: 0px;
    text-indent: -12px;
    list-style: none;
    font-size:0.9em;
}

ul li i{
    padding-right: 8px;
}



/*----------------------
-----Prices Styles----
------------------------*/

#prices h4{
    text-align: justify;
}

/*----------------------
-----Portfolio Styles----
------------------------*/


/*--------------------------
----Project Modal Styles----
----------------------------*/

/*----------------------
-----Dribbble Styles----
------------------------*/

/*----------------------
-----Contact Styles-----
------------------------*/
#contact{
    padding-bottom:40px;
}

#contact h2{
    padding-top: 20px;
}

#contact h4{
    padding-top: 20px;
}

#contact a{
    color: #333;
}

#contact i{
    padding-right: 15px;
}

#contact .section-header{
    margin-bottom:0px;
}

/*----------------------
-----Rendez-vous Styles-----
------------------------*/
#rendez-vous{
    padding-bottom:40px;
}

#rendez-vous i{
    padding-right: 30px;
}

#rendez-vous .fa {
    /*font-size: 1.2em;*/
}

#rendez-vous a{
    color: #fff;
}


#rendez-vous .inscription {
    float: right;
}

#rendez-vous .activity {
    font-size: 1.1em;
}

#rendez-vous .section-header p {
    opacity:0.6;
    margin-bottom:-40px;
}




#rendez-vous .section-footer p {
    opacity:0.6;
    margin-top:20px;
}

    .bl_form {
      margin: 0 0 40px;
    }

    .bl_form input,
    .bl_form textarea{
      padding-top: 15px;
      background: rgba(255,255,255,0.10);
      box-shadow: 0 2px 8px rgba(0,0,0,0.2);
      border: none;
      color: white;
      height:44px;
      max-height:44px;
      min-height:44px;
      width:207px;
      max-width:207px;
      min-width:207px;
      padding: 10px 15px;
      border-radius: 25px;
      font-size: 16px;
      outline: none;
      vertical-align:middle;
    }


    .lb_wrap .lb_label.top, .lb_wrap .lb_label.bottom {
      left: 15px !important;
	  z-index:1;
    }

    .lb_wrap .lb_label.left {
      left: 0;
	  z-index:1;
    }

    .lb_label {
      font-weight: bold;
      color: #999;
	  z-index:1;
    }

    .lb_label.active {
      color: #FFF;
	  z-index:1;
    }

.no-placeholder .lb_label {
	display:none;
}

#rendez-vous .btn {
    margin-left:3px;
}


/*----------------------
-----Footer Styles------
------------------------*/

#main-footer p{
    font-size:16px;
    line-height:40px;
    opacity:0.6;
}


#main-footer a{
    color:#fff;
}

.twitter-share-button{position:relative!important;top:8px;}

/*------------------------
---Scrolling animations---
-------------------------*/



/*----------------------
-----Media Queries------
------------------------*/


@media (min-width: 1200px) {
	.jumbotron {
		/*min-height:660px;*/
	}
}

/*----------------------
----Corner Ribbon Styles---
------------------------*/

.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  z-index: 9999;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}

ol li{
    list-style-type: disc;
	/*line-height: 1em;*/
}