/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*{box-sizing:inherit}*:before,*:after{box-sizing:inherit}img,embed,object,audio,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}

/**Fonts**/
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Playfair+Display');
/*font-family: 'Playfair Display', serif;
font-family: 'Open Sans', sans-serif;*/

/**Font Size**/
html { font-size: 62.5%;} 
body { /* =16px */
  font-size: 16px;
  font-size: 1.6rem;
}
#wrap{
    overflow-x:hidden;
}

h1   {
  font-size: 39px;
  font-size: 3.9rem;
  text-transform:uppercase;
}
h2,.h2{
  font-size: 30px;
  font-size: 3.0rem;
  text-transform:uppercase;
}
h3,.h3{
  font-size: 26px;
  font-size: 2.6rem;
  text-transform:uppercase;
}
h1,h2,h3,h4,h5,h5{
   /* display:inline-block!important;*/
    text-align:left;
}
p{font-family:'Open sans';margin:20px 0;}
@media (min-width: 1200px){
    p{
        font-size: 19px;
        font-size: 1.9rem;
        font-weight:100;
    }
}
.lead{font-weight:bold;margin-bottom:40px}
.chalk{
    font-family: 'Fredericka the Great', cursive;
    letter-spacing: 2px;
}

a img{
    
}
/*a:hover img:not(.logo){
    opacity:0.75;
      -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}*/
/************************/
/******** Utils ********/
/**********************/
.transit{
      -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.no-padding{
    padding:0;
}
.pd-20{
    padding:20px 0!important;
}
.pd-20-20{
    padding:20px!important;
}
.pd-40{
    padding:40px 0!important;
}
.pd-40-40{
    padding:40px!important;
}
.pd-60{
    padding:60px 0!important;
}
.mrg-40{
    margin:40px 0!important;
}
.mrg-60{
    margin:60px 0!important;
}
.mrg-40-40{
     margin:40px!important;
}
.mrg-top-20{
    margin-top:20px;
}
.mrg-top-40{
    margin-top:40px;
}
.mrg-top-60{
    margin-top:60px;
}
.mrg-bottom-20{
    margin-bottom:20px;
}
.mrg-bottom-40{
    margin-bottom:40px;
}
.mrg-bottom-60{
    margin-bottom:60px;
}
@media (max-width:600px){
.mobile-no-padding{
    padding:0!important;
}
}
.white{color:#f2f2f2;}
.bg-burgundy{background:#450720;}
.burgundy{color:#450720;}
.bg-pink{ background:#92003a}
.pink{ color:#92003a}
.bg-yellow{ background:#b9aa30}
.yellow{ color:#b9aa30}
.bg-gray{ background:#f2f2f2;}
.gray{color:#f2f2f2;}
.bg-black{background:#000;}
.bg-black-50{background:rgba(0,0,0,0.5);}
.bg-black-85{background:rgba(0,0,0,0.85);}
.btn:not(.pauseButton),form.standard input[type=submit],form.standard input[type=button],form.standard input[type=reset]{font-size:1.6px;font-size:1.6rem;line-height:18px;line-height:1.8rem;font-weight:500;font-family:'Open sans';color:#e2e2e2;text-transform:uppercase;margin:10px 0;border-radius:2px;white-space: pre-wrap;
 -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.btn.bigger,form.standard input[type=submit],form.standard input[type=button],form.standard input[type=reset]{
    font-size:24px;
    font-size:2.4rem;
    font-weight:400;
    line-height:28px;
    line-height:2.8rem;
    padding:15px;
    padding:15px;
}
.btn.bigger span{
    font-size:16px;
    font-size:1.6rem;
    font-weight:600;
}
.btn.pinky{
    background:#550726;
}
.btn.yellow{
    background:#b9aa30;
    color:#fff;
}
.btn.bigger.yellow{
    background:#b9aa30;
    color:#fff;
}
.btn.bigger.yellow:hover,.btn.yellow:hover{
    background:#d0b628;   
    text-decoration:underline;
}
.btn.gray{
    background:#343434;
}
.btn.gray:hover,.btn.white:hover,.btn.pinky:hover{
    background:#92003a;
    text-decoration:underline;
}
.btn.white{
    background:#f2f2f2;
    color:#343434;
}

.link{
    text-transform: uppercase;
}
.link:before{
    display:inline-block;
    font-family:'FontAwesome';
    content:'\f101';
    margin-right:10px;
    font-size:20px;
    font-size:2.0rem;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.link:hover:before{    
    margin-right:5px;
    margin-left:5px;   
}
.link.white:hover{
    color:#fff;
}

.full{
    width:100%;
}
.abs{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
}
.z-index-20{
    z-index:20;
    
}
.fullWidth{width:100%;overflow:hidden}
.filter-black{background:#000;opacity:0.98;z-index:9999;position:absolute;top:0;left:0;right:0;bottom:0;display:none;}
#contentloader{width:100%;max-width:800px;margin:0 auto;padding:4% 4% 0 4%;background:#000}
#contentloader .hr{
    display:block;
    margin:60px auto;
    border-top:2px dotted #414141;
    width:80%;    
}

 #connexion .close.active{
        opacity:1;
        left:80%;
        border-top:none;
        border-bottom:none;
        height:40px;
        width:45px;
        top:5vH;
        background:#f2f2f2;
        border-radius:2px;
    }
    #connexion .close.active:hover{
        background:#92003a;               
    }
     #connexion .close.active:before{
        background:none;
        content:'X';
          height:40px;
         width:45px;
        font-size:40px;
         font-size:4.0rem;
        padding:0 0 0 9px;
        margin-top:-14px;
        color:#000;         
    }
    #connexion .close.active:hover:before{
        color:#f2f2f2;
    }
#connexion h1,#connexion h2{color:#f2f2f2;margin:20px 0;}
#contentloader input{font-weight:100;padding:1.5% 3%;width:80%;margin:2% 0;background:#414141;border:none;font-size:24px;font-size:2.4rem;color:#ccc;}
#contentloader input::placeholder{color:#ccc;}
#contentloader input:focus::placeholder{color:#f2f2f2;}
#contentloader input:focus{
    background:#92003a;
    color:#fff;
    outline:none;
 -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
#contentloader input:after{
    clear: both; 
}
#contentloader .btn{border:1px solid #f2f2f2;margin:20px 0;}
#contentloader .btn:hover,#log .btn:focus{background:#92003a;border:1px solid #92003a;outline:none}
#contentloader a.yellow:hover,#contentloader a.yellow:focus{
    text-decoration:underline;
    color:#92003a;
    outline:none;
}


/*.pink{color:#92003a}
.yellow{color:#9f9110}
.burgundy{color:#450720}*/

.container-no-pd{
    padding:0;
}

.col-no-mrg{
    margin:0;
    padding:60px 20px;
    padding:60px 20px;
}
.center{
     text-align:center;
        margin-left:auto;
        margin-right:auto;
}
.minH400{
    min-height:400px;
}
@media (max-width: 768px){
    h1{
        margin:30px 0;
    }
    .maxW300{
        width:100%;
        max-width:300px;
    }
    .mCenter,.mCenter img{
        text-align:center;
        margin-left:auto;
        margin-right:auto;
    }
    .mCenter .cours{
        display:block;
        max-width:320px;
        margin:40px auto;
    }
}
/**************************/
/******** Content ********/
/************************/
.hidden{
    display:none;
}
#sectionmain{
    min-height:69vH;
}
/*************************/
/******** Header ********/
/***********************/

#hamburger{display:none;}
#mainNav, #mainNav ul a{
  display: block;
  width: 100%;
  background: none;
  padding-top: 10px;    
  color:#a3a3a3
}

#mainNav ul {
    text-align: left; 
    padding-bottom:20px;    
}

#mainNav ul li {
  display: inline-block;
  padding: 0px 30px 0 30px;
  border-right: 1px solid #4f4f4f;
  text-align: center!important;
  text-transform: uppercase;
 
}

@media (max-width: 1200px) {
    #mainNav ul li{
        padding:0 10px;
    }
    #mainNav ul li:last-of-type{
       
       /* text-align: left!important;*/
    }

}
@media (max-width: 991px) {
    #mainNav ul li{
        padding:0 5px;        
        font-size:14px;
        font-size:1.4rem;
    }
    #mainNav ul li:last-of-type{
        width:28%!important;
        font-size:14px;
        font-size:1.4rem;
        
    }

}
@media (min-width: 768px) {
#mainNav ul li:last-of-type {
  border: none;
  width: 25%;
  text-align: right!important;
  padding-right:0;
}
}
#logo {
  display: block;  
  width: 100%;
  min-width:200px; 
}
#logo img{
     margin-top:0;    
     transition-property: margin-top;
    transition-duration:1s;
    transition-delay: 0.6s;
}
@media (max-width: 768px) {
    #logo{
        width:40%;
        min-width:250px;
    }
}


#topBar{
    width:100%;
    background:transparent;
    
}
#topBar.fixed{
    position:fixed;
    width:100%;  
    background:#000;
    min-height:60px;
    transition-property: background-color;
    transition-duration:1s;
    transition-delay: 0.6s;
    
}
.page-section #topBar{
    width:100%;  
    background:#000;
    min-height:60px;
    transition-property: background-color;
    transition-duration:1s;
    transition-delay: 0.6s;
}
#topBar.fixed #logo img{
   margin-top:-300px;    
    transition-property: margin-top;
    transition-duration:1s;
    transition-delay: 0s;
}

/**SVG logo**/
#svgLogo{
    opacity:0;
    width:116px;
    position:absolute;
    left:40px;
    top:-300px;
    transition-property: top,opacity;
    transition-duration:1.5s,1s;
    transition-delay: 0s,0.5s; 
}
#topBar.fixed #svgLogo{
    opacity:1;
    top:10px;
    transition-property: top,opacity;
    transition-duration:1.5s,1s;
    transition-delay: 0.5s,1s; 
}
.st0{fill:#f9f9f9;}
#svgLogo:hover .st0{fill:#fff;}

.page-section #svgLogo{
     opacity:1;
    top:10px;
}

.mobile-bg{
    position: absolute;
    left: 0;
    right: 0;
    /* bottom: 0; */
    top: 0;
}
/***************************************/
/******** Mobile nav offcanvas ********/
/*************************************/
@media (max-width: 768px) {
    .mobile-bg.active{
        position:fixed;
        height:100%;
        opacity:0.98;
    }
    .mobile-bg{
        bottom:auto;
         -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
    }
    #hamburger{
        display:block;
        width:26px;
        height:23px;
        border-bottom:3px solid #f2f2f2;
        border-top:3px solid #f2f2f2;
        position:absolute;
        left:-40px;
        top:20px; 
        
         -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
    }
    #hamburger:before{
        content:'';
        display:block;
        height:3px;
        width:26px;
        background:#f2f2f2;
        position:absolute;
        top:7px;
        
          -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
        
    }
    #hamburger.active{
        left:80%;
        border-top:none;
        border-bottom:none;
        height:40px;
        width:45px;
        top:5vH;
        background:#f2f2f2;
        border-radius:2px;
    }
    #hamburger.active:hover{
        background:#92003a;               
    }
     #hamburger.active:before{
        background:none;
        content:'X';
          height:40px;
         width:45px;
        font-size:40px;
         font-size:4.0rem;
        padding:0 0 0 9px;
        margin-top:-14px;
        color:#000;         
    }
    #hamburger.active:hover:before{
        color:#f2f2f2;
    }
    #off-canvas{       
        position:absolute;
        z-index:99;
        top:0;
        right:-100%;
        width:100%;
        bottom:0;
        background:#060606;
        padding:0!important;
        -webkit-box-shadow: inset 5px -1px 161px -1px rgba(0,0,0,0.86);
        -moz-box-shadow: inset 5px -1px 161px -1px rgba(0,0,0,0.86);
        box-shadow: inset 5px -1px 161px -1px rgba(0,0,0,0.86);
        
         -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
        
    }
    #off-canvas.active{
        right:0%;        
    }
    .active{
         -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
    }
    #mainNav{
        width:75%;
        margin:12vh auto;
    }
    #mainNav ul li,#mainNav ul li:last-of-type {
     width:100%!important;
     text-align:center;
     border-top:1px dotted #2b2b2b;
     border-bottom:1px dotted #000;
     padding:10px 15px 15px 15px;
     border-right:0;
     font-size:23px;
     font-size:2.3rem;
        
         -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
    }
    #mainNav ul li:first-of-type{
        border-top:none;
    }
     #mainNav ul li:last-of-type{
        border-bottom:none;
    }
    #mainNav ul li:hover{
        background:#92003a;      
         -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
    }
    #mainNav ul li:hover a{
          text-decoration:none;
        color:#fff;
    }
}

/*************************/
/******** Slider ********/
/***********************/
#slider{display:block;width:100%;display:block;height:920px;}

@media (max-width:1200px){
    #slider{
        height:820px;
    }
}
@media (max-width:1080px){
    #slider{
        height:720px;
    }
}
@media (max-width:980px){
    #slider{
        height:680px;
    }
}
@media (max-width:840px){
    #slider{
        height:580px;
    }
}
#sliderBackgnd{
   /* background:url(../img/bg-grange.jpg) no-repeat;*/
    background:url(../img/bg-grange-pattern.jpg) repeat-x;
   /* background-size:cover;*/
     background-color: #7f7f7f;
     background-blend-mode: multiply;
    height:100vh;
    max-height:798px;
    background-repeat:repeat;
    
}
@media (max-width:1200px){
    #sliderBackgnd{
        height:720px;
    }
}
@media (max-width:1080px){
    #sliderBackgnd{
        height:680px;
    }
}
@media (max-width:980px){
    #sliderBackgnd{
        height:620px;
    }
}
@media (max-width:900px){
    #sliderBackgnd{
        height:580px;
    }
}
@media (max-width:840px){
    #sliderBackgnd{
        height:530px;
    }
}
@media (max-width:768px){
    #sliderBackgnd{
        height:540px;
    }
}
@media (max-width:680px){
    #sliderBackgnd{
        height:600px;
    }
}
#sliderBackgndFilter{
    top:0;left:0;right:0;bottom:0;
    background:rgba(0,0,0,0.9);
    z-index:999;
}


/****************************/
/******** Carrousel ********/
/**************************/
.carousel{
	/*display:none;*/
}

/*.carousel img{
	max-width: 100%;
	width: 100%;
}*/

.carousel-inner{
	/*max-height:380px;*/
	/*overflow:hidden;*/
    position:relative;
    display:block;
	/*height:jQuery;*/
    width:100%;
    max-width:1200px;
    height:100vH;
    max-height:798px;
    margin:0 auto;
    overflow:visible;
}
.carousel-inner .item{    
    width:100%;
    max-width:1200px;
    height:100vH;
    max-height:798px;
}

.carousel-inner .item img,.carousel-caption{position:absolute;}
.carousel-caption .btn{float:left;}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
    width:100%;
}

/* Mobile devices */
.slide article h1{font-family: 'Open sans';font-weight:400;text-transform:uppercase;color:#e2e2e2;font-size:47px;font-size:4.7rem;line-height:52px;line-height:5.2rem;display:block;text-align:left;padding-bottom:20px;text-shadow:}
.slide article p,.slide article ul li{font-weight:100;font-size:20px;font-size:2.0rem;display:block;text-align:left;padding-bottom:20px;color:#f2f2f2;}

@media (max-width:1068px){
    .slide article h1{
        font-size:36px;
        font-size:3.6rem;
        line-height:39px;
        line-height:3.9rem;
        max-width:460px
    }
}
@media (max-width:768px){
    .slide article h1{
        font-size:28px;
        font-size:2.8rem;
        line-height:32px;
        line-height:3.2rem;
        max-width:360px;
        padding-bottom:0px;
    }
    .slide article p{
        padding-bottom:0;
    }
}
@media (max-width:680px){
    .slide article h1{
        font-size:36px;
        font-size:3.6rem;
        line-height:39px;
        line-height:3.9rem;
        width:100%;
        max-width:400px;
        margin:0 auto;
        padding:20px 0 10px 0;
        text-align:center;
    }
    .slide article p{
        text-align:center;
    }
    .carousel-caption .btn{
        margin:0 auto;
        float:none;
    }
}
/* Bottle */
.slide1 .carousel-caption{top:33%;width:50%;left:45%}
@media (max-width:980px){
    .slide1 .carousel-caption{
        top:180px;
    }
}

@media (max-width:892px){
    .slide1 .carousel-caption{
        top:140px;
    }
}
@media (max-width:840px){
    .slide1 .carousel-caption{
        top:110px;
    }
}
@media (max-width:768px){
    .slide1 .carousel-caption{
        top:140px;
    }
}
@media (max-width:680px){
    .slide1 .carousel-caption{
        width:100%;
        left:0px;
        padding:0 10%;
    }
}
.slide1 img{top:40px;}
@media (max-width:768px){
    .slide1 img{
        top:100px;
    }
}
@media (max-width:680px){
    .carousel-inner .item img{
        display:none;
    }
}
/* Screens */
/*.slide2 img{left:15%;top:50%;}*/

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

.carousel-indicators li{
	background-color: transparent;
	margin: 0 5px 0 5px;
	width: 12px;
	height: 12px;
	border: 2px solid;
	border-color: rgba(255, 255, 255, 0.5);
	
}
.carousel-indicators .active{
	background-color: rgba(255, 255, 255, 0.5)!important;
	margin: 0 5px 0 5px;
	border: none!important;
	width: 12px;
	height: 12px;
}

.pauseButton,.pauseButton:focus,.pauseButton:hover{
	margin:-3px 0 0 2px;
	background:none;
	border:none;
	outline:none;
}
.pauseButton .glyphicon-pause,.pauseButton .glyphicon-play{	
	color:rgba(255,255,255,0.5);
	font-size:1.2em;
}

.pauseButton .glyphicon-pause:hover,.pauseButton .glyphicon-play:hover{	
	color:rgba(255,255,255,0.8);	
}


/*Carousel Elements animation Delay*/
.carousel-caption article h1 {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.carousel-caption article p {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.carousel-caption .btn {
	-webkit-animation-delay: 2.2s;
	animation-delay: 2.2s;
    
}

/****************************/
/***** Home / Section ******/
/**************************/
#sectionmain{
    margin-top:80px;
}
@media (min-width: 768px) {
    #sectionmain{
        margin-top:100px;
    }
}
#ariane{border-bottom:1px solid #f2f2f2;border-top:1px solid #f2f2f2;margin-bottom:20px;padding:5px;font-size:14px;font-size:1.4rem;}
#ariane a{
    color:#000;
}
.cours,.page-section .cours.not-page-section{
    display:block;
    line-height:33px;
    line-height:3.3rem;       
    font-size:30px;
    font-size:3.0rem;
    color:#101010;    
    text-transform:uppercase;
    padding-left:10px;
    margin:40px 0 20px;
}
.cours-desc h2,.cours-desc .h2{    
    line-height:30px;
    line-height:3.0rem;
    font-size:28px;
    font-size:2.8rem;    
    font-weight:bold;   
    display:block;
    min-height:60px;
    text-shadow: 2px 1px 6px rgba(0, 0, 0, 1);
    font-family:'Playfair Display', serif;
}
.cours-desc h2.pink,.cours-desc .h2.pink{
    color:#be004c;
}
.cours-desc li{   
    margin-bottom:40px;
    padding-top:0;
}

.cours-desc li p{
    margin-bottom:60px
}
.cours-desc li img{   
    margin:10px 0 0;
}
@media (max-width:768px){
    .cours-desc li img{
        width:100%;
        max-width:80px;
        display:block;
        margin:60px auto 20px auto;
    }
}
.page-section .cours{
     line-height:40px;
    line-height:4.0rem;   
    font-size:37px;
    font-size:3.7rem;
}
@media (min-width: 768px) {
    .cours,.page-section .cours.not-page-section{
        margin-top:0;
    }
    .page-section .cours{
        line-height:50px;
        line-height:5.0rem;
        font-size:50px;
        font-size:5.0rem;           
    }
}
@media (max-width: 430px) {
    .cours,.page-section .cours.not-page-section{
        font-size:25px;
        font-size:2.5rem;
        line-height:28px;
        line-height:2.8rem;
    }
     .page-section .cours{
        line-height:26px;
        line-height:2.6rem;
        font-size:23px;
        font-size:2.3rem;           
    }
}
.pink.cours{border-left:8px solid #92003a}
.yellow.cours{border-left:8px solid #b9aa30}
.burgundy.cours{border-left:8px solid #450720}


.syllabus h2.chalk{
    font-size:50px;
    font-size:5.0rem;    
}
.syllabus h3{
    font-size:30px;
    font-size:3.0rem;
    line-height:38px;
    line-height:3.8rem;
    margin:5px;
}
.syllabus ul{
    display:block;
    margin:10px 0 40px;
}
.syllabus .pink{
    color:#be004c;
}

.pink .btn:hover{background: #92003a}
.yellow .btn:hover{background: #000}
.burgundy .btn:hover{background: #450720}
.bg-gris-pale{
    background:#f2f2f2;
}
.bg-grange{
     background:url(../img/bg-grange-pattern.jpg) repeat;     
     background-color: #7f7f7f;    
}
.bg-winecup{
     background:url(../img/emptycups.jpg) no-repeat;     
     background-size:cover;    
}
.bg-white-winecup{
     background:url(../img/bg-white-cup.jpg) no-repeat;     
     background-size:cover;    
}
.bg-female{
    background:url(../img/bg-female.jpg);
    background-size:cover;
}
.bg-board{
    background:url(../img/bg-board.jpg);
    background-size:cover;
}
.bg-resto{
    background:url(../img/bg-resto.jpg);
     background-size:cover;
}
.bg-degustation{
    background:#000;
}
h1.bg-board{
    border: 3px dashed #b9aa30;
    padding: 20px;display: inline-block;
    margin-bottom: 30px;
}
@media (max-width: 600px) {
    h1.bg-board{
        display:block;
        font-size:30px;
        font-size:3.0rem;
        line-height:30px;
        line-height:3.0rem;
    }
}
@media (max-width: 420px) {
    h1.bg-board{
        display:block;
        font-size:20px;
        font-size:2.0rem;
    }
}

.leafs-decoration{
    position:absolute;
    right:-80px;
    height: 691px;
    width:166px;
    top:-14px;
    background: url(../img/wine-leafs.png) no-repeat;
    background-size:cover;
}
@media (max-width: 540px) {
    .leafs-decoration{
        right:-50px;
        height: 416px;
        width:100px;
    }
}


/******* Forms ***********/
form#support{
    padding:20px 0;    
}

form.standard input[type=text],form.standard textarea,form.standard input[type=password]{font-weight:100;padding:1.5% 3%;width:80%;margin:2% 0;background:#414141;border:none;font-size:24px;font-size:2.4rem;color:#ccc;}
form.standard input::placeholder,form.standard textarea::placeholder{color:#ccc;}
form.standard input:focus::placeholder,form.standard textarea:focus::placeholder{color:#f2f2f2;}
form.standard input:focus,form.standard textarea:focus{
    background:#92003a;
    color:#fff;
    outline:none;
 -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
form.standardr input:after{
    clear: both; 
}
form.standard .btn,form.standard input[type=submit] {border:1px solid #f2f2f2;margin:20px 0;}
form.standardr .btn:hover,#log .btn:focus{background:#92003a;border:1px solid #92003a;outline:none}
form.standardr a.yellow:hover,#contentloader a.yellow:focus{
    text-decoration:underline;
    color:#92003a;
    outline:none;
}
/*****************************/
/********* Footer ***********/
/***************************/
.footer{
     /*background:url(../img/bg-grange-pattern.jpg) repeat-x;
     background-color: #7f7f7f;
     background-blend-mode: multiply;*/
    background:#000;
     border-top:2px solid #450720;
     min-height:230px;
     color:#aeaeae;
}
.footer a{
    color:#aeaeae;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.footer a:hover{
    color:#f2f2f2;
}
/*.footer ul:not(.social) li{
    margin:10px 0;   
}*/
.footer ul:not(.social) li a{
    text-transform:none!important;  
}
 
.footer ul:not(.social) li:first-of-type{
    margin:0;
}
.footer ul.social {
    float:right;
    font-size:30px;
    font-size:3.0rem;
}
.footer ul.social a:hover{
    color:#92003a;
}