/*
Theme Name: Dating PANPAN
Theme URI: 
Author: Anaud 
Author URI: 
Description: Thème pour .
Version: 1.0
License: Toute reproduction interdite
License URI: 

Text Domain: 

*/



html, body {
    
    position:relative;
    width:100%;
    height:100%;
    min-height:100%;
    margin:0;
    padding:0;
 
     
}


.to_reload {
    
    display:none;
     
}

.loading {
    
    text-align:center;
     
}

.loading img{
    
    width:100px;
    height: auto;
}



body {
    font-family: 'arial';
     }


p { margin:0 0 20px 0; padding:0; display:block; }

a { text-decoration:none; color:inherit;   }

ul { list-style:none; }



::-moz-selection {   background-color:#222222; color:#ffffff;}
::selection      {  background-color:#222222; color:#ffffff;}



header {
	
    position:relative;
    width:90%;
    margin:0 auto;
    padding:20px 5% 0 5%;
    height:auto;

    text-align:left;
    
    }


#logo {
 
    position:relative;
    max-width:66%;
    height:auto;
    margin:0;
    padding:0;
    overflow:hidden;
    text-align:left;
    max-height:100%;  

}


#logo img{

    position:relative;
    max-height: 100% !important;
    width:auto;
    height:auto;
    max-width:100% !important; 
    margin:0;
    padding:0;
    display:block;

}



menu {
    
    position:relative;
    width:90%;
    left:0;
    padding:0 5%;
    margin:0px auto 40px auto;
    height:50px;
    clear:both;
    display: block;
    z-index:8999;
    

-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);

}



menu #menu {

    position:relative;
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
    text-transform:uppercase;

}



menu #menu img, #menu svg, #menu_mobile img{

    position:relative;
    width:20px;
    height:20px;
    margin-right:10px;
    float:left;

}


menu #menu img, #menu svg {
 
    top:15px;

}

#menu_mobile img{ 
    
    top:5px;

}



menu li{
    
    position:relative;
    width:auto;
    margin:0;
    float:left;
    padding:0;    
    line-height:50px;
    font-size:16px;
    font-weight:300;
    
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#aebcbf+0,ffffff+46,000000+50,0a0809+100&0+0,0.24+46,0.58+50,0+92 */
background: -moz-linear-gradient(top,  rgba(174,188,191,0) 0%, rgba(255,255,255,0.14) 46%, rgba(0,0,0,0.58) 50%, rgba(8,7,8,0) 92%, rgba(10,8,9,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(174,188,191,0) 0%,rgba(255,255,255,0.14) 46%,rgba(0,0,0,0.58) 50%,rgba(8,7,8,0) 92%,rgba(10,8,9,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(174,188,191,0) 0%,rgba(255,255,255,0.14) 46%,rgba(0,0,0,0.58) 50%,rgba(8,7,8,0) 92%,rgba(10,8,9,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aebcbf', endColorstr='#000a0809',GradientType=0 ); /* IE6-9 */

    border-width:0 2px 0 0;
    border-style:solid;
}
     
#menu li a{
    
    display:block;
    padding:0 20px;
 
}

menu li ul{

    position:absolute;
    top:100%;
    width:100%;
    margin:0;
    padding:0;
    max-height:0;
    overflow:hidden;
    left:0;
    background-color: rgba(0, 0, 0, 0.75);

}


menu li ul li{

    position:relative;
    top:100%;
    width:96%;
    margin:0;
    padding:2px 2%;
    background: transparent;

    overflow:hidden; 
    font-size:10px;

}



#menu li ul li:hover{
    background-color: rgba(0, 0, 0, 0.6);
 
    }






#menu li:hover ul{
    max-height:1000px;
    }


#btn_menu_mobile {

    display:none;
    position:fixed;
    width:50px;
    height:50px;
    line-height:50px;
    font-size: 48px;
    top:30px;
    right:5%;
    cursor:pointer;
    z-index:9998;
    color:#ffffff;

}


    
#menu_mobile .fermer {
    position:relative;
    width:100%;
    line-height:30px;
    font-size:28px; 
    cursor:pointer;
    margin:0 0 20px 0;
    padding:0;
}

    
    
 

#menu_mobile {
    position:fixed;
    z-index:9999;
    left:-100%;
    width:80%;
    height:100%;
    margin:0;
    padding:5%;
    top:0;
    
    list-style:none;
    text-align:left;
    }


#menu_mobile ul {
    margin:0;
    padding:0;
    list-style:none;
    width:100%;
    }

#menu_mobile ul li {
    margin:0;
    padding:0;
    width:100%;
    line-height:40px;   
}


#menu_mobile ul li ul{
    position:relative;
    max-height:1000px;
    background:transparent;
    
    width:95%;
    margin:0 0 0 5%;
    
}

#menu_mobile li ul li:hover{

    background:transparent;
    
    
}




#menu_mobile ul li a{
    display:block;
    }



.corps_full {
    
    position:relative;
    width:90%;
    margin:0 auto;
    padding:0;

    z-index:1;
    overflow:hidden;

}


.titre_page {
    
    position:relative;
    background-color: rgba(255, 255, 255, 0.1 ) !important;
    padding:10px 70px 10px 24px;
    margin:0 auto 30px auto;
    display:inline-block;
    width:calc(100% - 100px);
        
    border-width:0 0 0 6px;
    border-style:solid;
    font-weight:lighter;
    font-size:22px;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);

}


.sous_titre {
    
    position:relative;
    display:inline-block;
    font-weight:lighter;
    font-size:20px;

}
     




.home .texte  {   
    
    position:relative;
    width:100%;
    margin:0 0 20px 0;
    
    line-height:24px;
    font-size:14px;
    text-align:left;
    vertical-align:top;

}

 

 
#boucle_posts {
    
    position:relative;
    list-style:none;
    width:100%;
    padding:0;
    margin:0;
    overflow:hidden;
    
    text-align:center;
    
    }
    
    
#boucle_posts li {
    
    width:18%;

}



#boucle_posts li:nth-of-type(5n+1),
#boucle_posts li:nth-of-type(5n+2),
#boucle_posts li:nth-of-type(5n+3),
#boucle_posts li:nth-of-type(5n+4) {
    
    margin-right:2.5%;
    margin-left:0; 
    
}

#boucle_posts li:nth-of-type(5n+5) {
    
    margin-right:0%;
    margin-left:0; 

}



.boucle_posts li  {

    position:relative;
    float: left;

    border-width:1px;
    border-style: solid;
    margin-bottom:50px;
    padding:0;
    overflow:hidden;

    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    
    background-color: rgba(255, 255, 255, 0.05);

}



.boucle_posts li .thumb  {
    
    position:relative;
    display:block;
    width:100%;
    max-width:100%;
    min-width:100%;
    padding:0;
    margin:0;
    overflow:hidden;

}


.boucle_posts li .thumb:after {
    
    position:relative;
    padding: 185.7% 0 0 0;  
    margin:0;
    display:block;
    content:'';
    overflow:hidden;
    
}


.boucle_posts li .thumb img{
    
    position:absolute;
    width:100%;
    max-width:100%;
    top:0;
    left:0;
    height:100%;
    max-height:100%;
    padding:0;
    margin:0;
    
    -webkit-transition: 1s;
    transition: 1s;

}
    


.boucle_posts .masque {
    
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    
    z-index:1;
    -webkit-transition: 1s;
    transition: 1s;
 }


.boucle_posts .thumb .masque img {
    
    position:absolute;
    top:55%;
    left:50%;
    width:40px;
    height:40px;
    margin:-20px 0 0 -20px;
    opacity:0;
    fill:#ffffff;


-webkit-transition: 0.5s;
    transition: 0.5s;

}
 
.boucle_posts li:hover .masque img {
    
    top:50%;
    opacity:1;

}
     
      
 

.boucle_posts li .localisation {
    
    position:relative;
    width:auto;
    max-width:90%;
    padding:0 5%;
    margin:5px auto 10px auto;
    max-height:30px;
    overflow:hidden;


    text-align:left;
    line-height:15px;
    font-weight: lighter;
    letter-spacing: 1px;

    font-size:11px;
    text-transform:uppercase;

}

    
    
.boucle_posts li .localisation img , .boucle_posts li .connection svg{
    
    position:relative;
    width:13px;
    height:13px;
    float:left;
    margin:0 5px 0 0;
 
}


.boucle_posts li .localisation i {

    width:calc(100% - 40px);
    display: inline-block;
    max-height: 15px;
    overflow: hidden;

}


, .boucle_posts li .localisation .ville {

    width:calc(100% - 60px);
    display: inline-block;
    max-height: 15px;
    overflow: hidden;

}



.boucle_posts li .certification {
    
    position:absolute;
    top:10px;
    left:0;
    width:auto;
    max-width:90%;
    padding:0 10px;
    margin:0;
    z-index:2;
    line-height:20px;
    font-size:12px;
    color:#ffffff;

}







.boucle_posts li .connection {
    
    position:absolute;
    bottom:140px;
    left:0;
    width:auto;
    max-width:90%;
    padding:0 10px;
    margin:0;
    z-index:2;
    line-height:20px;
    font-size:12px;
    color:#ffffff;

}
    

.boucle_posts li .connection img, .boucle_posts li .certification img{

    width:20px;
    height:20px;
    float:left;
    top:2px;
    margin:0 5px 0 0;
    
}


.connection svg{
    
    fill:#3ADF00; 

}


.boucle_posts li:hover .masque {
    
    background-color:rgba(0, 0, 0, 0.4);
    
}


.boucle_posts .titre{
    
    position:relative;
    display:block;
    
    max-width:80%;
    display:block;
    margin:5px auto;
    padding:0 10px;

    line-height:18px;
    font-size:13px;
    max-height:36px;
    height:36px;

    
    text-overflow: ellipsis;
    overflow: hidden;

    color:#ffffff;
    text-shadow: 1px 1px #000000;
    
}
    
 
    
.boucle_posts .bouton{
    
    position:relative;
    display:block;
  
    
    max-width:80%;
    display:block;
    margin:10px auto;
    overflow:hidden;
    max-height:30px;
    padding:0 10px;

    font-weight: lighter;
    letter-spacing: 1px; 

    line-height:30px;
    font-size:12px;

    
    text-overflow: ellipsis;
    overflow: hidden;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    background: -moz-linear-gradient(top,  rgba(0,0,0,0.33) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.33) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.33) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}    


.boucle_posts .rond{
    
    position:relative;
    float:left;
    width:30px;
    height:30px;
    margin:0 10px 0 0;

} 
 



.boucle_posts .rond span{
    
    position:relative;
    float:left;
    width:33.33%;
    height:100%;
    display:block;

} 
 
.boucle_posts .rond span:nth-of-type(1){
    
    background:blue;

} 

.boucle_posts .rond span:nth-of-type(2){
    
    background:white;

}

.boucle_posts .rond span:nth-of-type(3){
    
    background:red;

}



.rond {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; 
    overflow:hidden;
}






 



#pagination {
    
    position:relative;
    width:100%;
    overflow:hidden;
    list-style:none;
    
    font-weight:lighter;
    line-height:30px;
    text-align:center;
    color:#aaaaaa;

    }



 


#pagination li  {
    
    position:relative;
    display:inline-block;
    
    width:30px;
    height:30px;
    
    padding:0;
    margin:5px;
    
    border-style:solid;
    border-width:1px;
    border-color:#cccccc;
    
    }



#pagination a {
    display:block;
    margin:0;
    padding:0;
}

 







#sidebar {
    
    position:relative;
    float:right;
    width:300px;
    padding:1px 25px 10px 25px;
    margin:0px 5% 50px 5%;
    overflow:hidden;
    
        }


#sidebar aside{
    position:relative;
    margin:0 0 20px 0;
    padding:0;
    min-width:300px;
      }



#sidebar h4{
    width:100%;
    position:relative;
    padding:2px 0 2px 0;
    margin:0 0 10px 0;
    text-transform:uppercase;
    
    line-height:20px;
    font-size:16px;
    font-weight:bolder;
    }






#connectees {

    position:relative;
    list-style: none;
    width:100%;
    overflow: hidden;
    padding: 0;
    margin:0;
    
}


#connectees.boucle_posts li {

    width:48%;
    margin-bottom:20px;


}


#connectees li:nth-of-type(1n+1) {

    margin-right:4%;
    margin-left:0%;

}       


#connectees li:nth-of-type(2n+2) {

    margin-right:0%;
    margin-left:0%;

}  


#connectees.boucle_posts .localisation{
    
    font-size: 10px;

} 

#connectees.boucle_posts .rond{
    
    width:20px;
    height:20px;
    margin:5px 10px 0 0;

}

#connectees.boucle_posts .age{
    
    display: none;

} 

 



#connectees.boucle_posts .titre{

    text-align: center;

} 

#connectees.boucle_posts .bouton{
    
    font-size: 10px;
    letter-spacing: 0;
    text-align: center;

} 



.corps_droite {
    
    position:relative;
    float:left;
    width:calc( 85% - 350px );
    margin:0 0 0 5%;
    padding:0;
    
}


.single .thumb {
    
    position:relative;
    float:left;
    width:350px;
    max-width:48%;
    height:auto;
    margin:0 50px 0 0;
    padding:0;


    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius:  6px;

}


.single .cadre {
    
    position:relative;
    width:calc(100% - 400px);
    margin:0;
    padding:0;
    min-width: 42%;
    float:right;
}
 

.single .details {
    
    position:relative;
    width:100%;
    margin:0 0 20px 0;
    padding:0;
    line-height:30px; 
}


.single .details tr{
    
    position:relative;
    width:100%;
    margin:0 0 10px 0;
    padding-top:5px;

}

.single .details tr td{
    
    position:relative;
    float:left;
    margin:0 10px 0 0;

}

.single .details img{
    float:left;
    width:20px;
    height:20px;
    margin:5px 10px 0 0;
}

.single .details > tbody:first-of-type > tr > td:first-child {
    
    position:relative;
    min-width:100px;
    max-width:100px;
    width:100px; 

}

.single .connection {
    
    position:relative;
    width:100%;
    margin:0 0 20px 0;
    padding-top:5px;
    line-height: 20px;
    font-size: 12px;
    vertical-align: middle;
    font-weight: lighter;

}

.single .connection img{
    
    position:relative;
    float: left;
    margin: 0 10px 0 0;

}
.single .bouton {
    
    position:relative;
    display:block;
    width:100%;
    padding:10px 0;
    margin:10px auto;
    
    -moz-border-radius: 4px;
    -webkit-border-radius:  4px;
    border-radius:  4px;
    line-height:20px;
    font-size:16px;
    text-align:center;
    text-transform:uppercase;
    cursor:pointer;
    
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.33) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.33) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.33) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
}


.single .bouton img {
    
    position:relative;
    display:inline-block;
    height:20px;
    width:20px;
    top:4px;
    margin:0 10px 0 0;

} 


.single .details table tr td:first-letter {
    text-transform:uppercase;
}

 

  
.single .texte {
    
    position:relative;
    width:100%;
    margin:auto;
    padding:0;
    text-align:justify;
    word-wrap: break-word;
    
    line-height:28px;
    font-size:14px;

}


.single .photos {
    
    position:relative;
    width:100%;
    margin:30px auto ;
    padding:0;

}


.single .photos ul {
    
    position:relative;
    width:100%;
    margin:auto;
    padding:0;
    list-style:none;

}


.single .photos ul li{
    
    position:relative;
    width:30.333333%;
    float:left;
    padding:0;
    overflow:hidden;
    margin-bottom:20px;


    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius:  6px;

}  



.single .photos ul li:after {
    
    position:relative;
    padding: 185.7% 0 0 0;  
    margin:0;
    display:block;
    content:'';
    overflow:hidden;
    
}



.single .photos ul li img{
    
    position:absolute;
    top: 0;
    left: 0;
    max-width:100%;
    height:auto;

}  


.single .photos ul li:nth-of-type(3n+1) {
    
    margin-right:3%;
    text-align:left;

}


.single .photos ul li:nth-of-type(3n+2) {
    
    margin-left:1.5%;
    margin-right:1.5%;
    text-align:center;

}


.single .photos ul li:nth-of-type(3n+3) {
    
    margin-left:3%;
    text-align:right;


}





.bouton:hover {
    
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.37+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.37) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.37) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.37) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5e000000',GradientType=0 ); /* IE6-9 */

} 







.rall { height:0; border:0; height:0; clear:both; width:100%; margin:0 0 10px 0;}



footer {
    
    position:relative;
    width:90%;
    padding:20px 5%;
    margin:40px auto 0 auto;
    overflow:hidden;

    background-color: rgba(255, 255, 255, 0.05);
    text-align: center;
    line-height:20px;
    font-size:14px;

}


footer aside{

    position:relative;
    width:100%;
    margin:0 0 30px 0;
    padding:0;

}


#masque {
    
    position:fixed;
    display: none;
    top:0;
    left:0;
    width:90%;
    height:90%; 
    padding:5%;
    z-index:9997;
    margin:0;
    overflow:hidden;
    background-color: rgba(0, 0, 0, 0.85);
    text-align: center;


}


.popup_contact {

    display:none;
    position:fixed;
    z-index:9998;
    margin:auto;
    width:50%;
    padding:0;
    height:auto;
    left:25%;
    top:100px;

    margin:0;
    overflow:hidden;
    text-align: center;


}

.popup_contact .titre {
    
    position:relative;
    margin:auto;
    width:100%;
    padding:5px 0 10px 0;
    height:auto;
    margin:0 0 20px 0;
    display:block;
    text-align: center;


}


.popup_contact .titre img {
    
    position:relative;
    display:inline-block;
    height:20px;
    width:20px;
    top:5px;
    margin:0 10px 0 0;


}

 


.popup_contact .close {
    
    position:relative;
    width:100%;
    line-height: 30px;
    background:#000000;
    color:#ffffff;
    cursor:pointer;


}


@media all and (min-width:1000px) and (max-width:1600px) {
    
    #boucle_posts li {
        
        width:22%;
        
    }

    #boucle_posts li:nth-of-type(4n+1),
    #boucle_posts li:nth-of-type(4n+2),
    #boucle_posts li:nth-of-type(4n+3) {
        
            margin-right:4%;
            margin-left:0%;

    }
    

    #boucle_posts li:nth-of-type(4n+4) {
        
            margin-right:0%;
            margin-left:0%;

    }
        
    
}




@media all and (min-width:0px) and (max-width:600px) {
    
    #boucle_posts li {
        
        width:100%;
        margin-right:0%;
        margin-left:0%;

    }

}



@media all and (min-width:600px) and (max-width:800px) {
    
    #boucle_posts li {
        
        width:48%;

    }
    
   #boucle_posts li:first-child {
        
            margin-right:4%;
            margin-left:0%;

    }
        
   #boucle_posts li:nth-of-type(1n+2) {
        
            margin-right:4%;
            margin-left:0%;

    }       

   #boucle_posts li:nth-of-type(2n+2) {
        
            margin-right:0%;
            margin-left:0%;

    }  
}







@media all and (min-width:800px) and (max-width:1000px) {
    
    #boucle_posts li {
        
        width:30%;
        
    }
    
    #boucle_posts li:first-child {

        margin-right:5%;
        margin-left:0%;

    }
    
    #boucle_posts li:nth-of-type(2n) {
        
            margin-right:5%;
            margin-left:0%;

    }

    #boucle_posts li:nth-of-type(1n+3), 
    #boucle_posts li:nth-of-type(2n+3) {
        
            margin-right:5%;
            margin-left:0%;

    }

   #boucle_posts li:nth-of-type(3n+3) {
        
            margin-right:0;
            margin-left:0;

    }

}









@media all and (min-width:0px) and (max-width:1000px) {
    

#sidebar, .corps_droite {

    float:none;
    width:90%;
    padding:10px 2.5%;
    margin:10px 2.5%;

}


.single .thumb {
    
    float:none;
    width:350px;
    max-width:100%;
    height:auto;
    margin-left:calc(50% - 175px);


}




.single .cadre  {
    
    float:none;
    width:90%;
    padding:10px 2.5%;
    margin:10px 2.5%;
    overflow: hidden;

}


.single .photos ul li{
    
    width:48%;
 

}  


.single .photos ul li:nth-of-type(2n+1) {
    
    margin-right:4%;
    text-align:left;

}


.single .photos ul li:nth-of-type(2n+2) {
    
    margin-left:0%;
    margin-right:0%;
    text-align:right;

}


#btn_menu_mobile {
    
    display:block;


}

 

menu {

    display:none; 

}
     
 


    .popup_contact {

        width:90%;
        left:5%;
    
    }
    



}






@media all and (min-width:1000px) and (max-width:12000px) {

menu {
   
    background: -moz-linear-gradient(top,  rgba(174,188,191,0) 0%, rgba(255,255,255,0.1) 46%, rgba(0,0,0,0.5) 50%, rgba(8,7,8,0) 92%, rgba(10,8,9,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(174,188,191,0) 0%,rgba(255,255,255,0.1) 46%,rgba(0,0,0,0.5) 50%,rgba(8,7,8,0) 92%,rgba(10,8,9,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(174,188,191,0) 0%,rgba(255,255,255,0.1) 46%,rgba(0,0,0,0.5) 50%,rgba(8,7,8,0) 92%,rgba(10,8,9,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aebcbf', endColorstr='#000a0809',GradientType=0 ); /* IE6-9 */
 

}

}