.jaune {background-color:#FFEC00; color:#fff;}
.rouge {background-color:#e95296; color:#fff;}
.noir {background-color:#000; color:#fff;}
.bleu {background-color:#009ee2; color:#fff; }
.vert {background-color:#6296BB; color:#fff;}

.evenements.index ul li.evenement.musique span.date{background-color:#009ee2}
.evenements.index ul li.evenement.musique span.name, .evenements.view.musique h1{color:#009ee2}
.evenements.index ul li.evenement.musique{border-color:#009ee2}
.news.index li.musique span.date{background-color:#009ee2}
#home_slider li.musique h3{color:#009ee2}
#calendar .days li a.musique{background-color:#009ee2}

.evenements.index ul li.evenement.arts-plastiques span.date{background-color:#e95296}
.evenements.index ul li.evenement.arts-plastiques span.name, .evenements.view.arts-plastiques h1{color:#e95296}
.evenements.index ul li.evenement.arts-plastiques{border-color:#e95296}
.news.index li.arts-plastiques span.date{background-color:#e95296}
#home_slider li.arts-plastiques h3{color:#e95296}
#calendar .days li a.arts-plastiques{background-color:#e95296}

.evenements.index ul li.evenement.arts-vivants span.date{background-color:#6296BB}
.evenements.index ul li.evenement.arts-vivants span.name, .evenements.view.arts-vivants h1{color:#6296BB}
.evenements.index ul li.evenement.arts-vivants{border-color:#6296BB}
.news.index li.arts-vivants span.date{background-color:#6296BB}
#home_slider li.arts-vivants h3{color:#6296BB}
#calendar .days li a.arts-vivants{background-color:#6296BB}

.evenements.index ul li.evenement.eco-responsabilite span.date{background-color:#FFEC00}
.evenements.index ul li.evenement.eco-responsabilite span.name, .evenements.view.eco-responsabilite h1{color:#FFEC00}
.evenements.index ul li.evenement.eco-responsabilite{border-color:#FFEC00}
.news.index li.eco-responsabilite span.date{background-color:#FFEC00}
#home_slider li.eco-responsabilite h3{color:#FFEC00}
#calendar .days li a.eco-responsabilite{background-color:#FFEC00}



strong{
    font-weight:700;
}
em{
    font-style:italic;
}
s{
    text-decoration:line-through;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}
@keyframes animatedBackground {
    from { background-position: 0 0; }
    to { background-position: 100% 0; }
}
#main, #block-15, #block-17{
    padding-top:50px;
    background-image:url(../img/dotpattern.svg);
    background-repeat:repeat-x;
    background-size:30px;
    background-position: 0px 0px;
    /*animation: animatedBackground 200s linear infinite;*/
}
.full_width{
    padding-left:3000px;
    margin-left:-3000px;
    padding-right:3000px;
    margin-right:-3000px;
}
a.more{
    text-transform: uppercase;
    font-size:80%;
    display:block;
    white-space:nowrap;
}
img{
    max-width:100%;
    height:auto;
}
.nodes.promoted{
    display:none;
}
html{
    height:100%;
    width:100%;
}
body{
    background-color:#fff;
    color:#000000;
    width:100%;
    height:100%; 
font-family: azo-sans-web, sans-serif;
font-weight: 400;
font-style: normal;
    font-size:12px;
    overflow-x: hidden;
    padding-top:20px;
}
input, textarea, select{
font-family: azo-sans-web, sans-serif;
font-weight: 400;
font-style: normal;
}

.container{
    position: relative;    
}

a{
    color:#4babf5;
}

.block{
    margin-bottom:20px;
}
h1{
    font-size:40px;
    font-weight:100;
    text-transform:uppercase;
    margin-bottom:0;
}
.block h2, .block h3{
    font-size:28px;
    font-weight:500;
    text-transform:uppercase;
    margin-bottom:10px;
}

#header{
    position:relative;
}
.block-home_slider{
    /*height:500px;*/
}
h1#logo{
    background-color:white;
    margin-top:0;
    z-index:100;
    display:block;
    padding-bottom:0;
    margin-bottom:20px;
}
h1#logo img{
    background-color:white;
    display:block;
   width:120px;
    height:auto;    
    padding:0px;   
    position:absolute;
    left:-19px;
    top:-32px;
    z-index:100;
    background:white;
    padding:10px;
    border-radius:100px;
}
#nav{

/*   padding-top:118px;*/
    margin-bottom:20px;
    z-index:100;
    margin-bottom:10px;
    
}
#nav li{  
    width:auto;
    margin-right: 30px;    
    display:block;
    float:left;
}
#nav li.first{
    margin-left:5px;
}
#nav li.last{
/*    margin-left:192px;*/
margin-right:0;
} 
#nav li a{
    width:100%;
    padding:5px 0;
    font-weight:400;
    font-size:16px;
    text-transform: uppercase;
    text-align:center;
    display:block;
    color:black;
    background-color:white !important;
    text-decoration: none;    
   /*background-color:rgba(0,0,0,0.7) !important;*/    
   opacity:1;    
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    /*text-shadow: 1px 1px 0px rgba(255,255,255,0.5);*/
}
#nav li a:hover{
    color:white;
    background:black !important;
}
#social{
    text-align:right;
}
#social li a{
    color:black;
    font-size:20px;
    line-height:20px;
}
#social li a:before{
    margin-left:10px;
    margin-right:0 !important;
}
#social li{
    display:inline-block;
}

#slides{
}

#slides li{
    background-color:black;    
    
}
#slides li h3, .evenements.view h1{
    position:absolute;
    bottom:40px;
    font-size:40px;
    font-weight:100;
    background-color:white;
    z-index:50;
    left:0;
    text-transform:uppercase;
    font-family: azo-sans-uber, sans-serif;
font-weight: 400;
font-style: normal;
color:#009ee2;
margin-bottom:0;
right:40px;
width:auto;
}
#slides li h3 a{
    color:inherit;
    text-decoration:none;
    display:block;
    cursor: pointer;
}

#slides li h3 span.wrapper, .evenements.view h1 span.wrapper{
    display:block;
    padding:20px;
}
#slides li h3 span.date, .evenements.view h1 span.date{ 
    display:block; 
    padding-top:5px;
    font-family: azo-sans-web, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size:20px;
}
#slides li h3 span.place, .evenements.view h1 span.place{
    display:block; 
    font-weight:500;    
    position:relative;
    font-size:70%;
    font-family: azo-sans-web, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size:20px;
}

#slides li img{
    position:relative;
    display:block;
    z-index:40;
}
#slides li iframe{
    position:relative;
    display:block;
    z-index:40;
    width:940px;
    height:500px;
}
.block-home_video iframe{
    display:block;
 width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  background: transparent;

}

#calendar{
    position:relative;
}
#calendar .slides li{
    background:white;
    display:none;
}
#calendar .slides li:first-child{
    display:block;
}
#calendar li li{
    position:relative !important;
    width:auto;
}
#calendar .year{    
    display:inline-block;
    padding-left:5px;
    font-size:12px;
    margin-top:-10px;
}
#calendar .month{
    position:relative;
    font-size:18px;
    font-weight:100;
    text-transform: uppercase;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
}
#calendar .month:after{ 
  content:"";
  border-color: transparent transparent transparent #000;
  border-style: solid;
  border-width: 19px;
  height:0;
  width:0;
  position:absolute;  
  right:-38px;
  top:0px;
}
#calendar .afterarrow{ 
  content:"";
  display:inline-block;
  border-color: transparent #000 transparent transparent;
  border-style: solid;
  border-width: 19px;
  height:0;
  width:0;
  position:absolute;  
  right:0;
  top:0px;
}
#calendar .days{
    display:block;      
}
#calendar .days li{
    display:inline-block !important;
    border-right:1px solid black;    
    padding:3px 2.7px;
    margin-top:8px;
    font-weight:300;
    font-size:14px;
}
#calendar .days li a{
    background-color:#000;
    text-decoration:none;
    color:white;
}
#calendar .days li a.now{
/*    background-color:#4babf5;*/
border:1px solid black;
background-color:white !important;
color:black;
}

#calendar .days li:first-child{
    padding-left:8px;
}
#calendar .days li:last-child{
    border-right:none;
}
/*#calendar .rslides_nav{
    display:block;
    color:white;
    font-size:30px;
    line-height:30px;
    font-weight:100;
    position:absolute;
    top:-1px;
    z-index:1000;
    text-decoration:none;
    transform:scale(1,1.6);  W3C 
    -webkit-transform:scale(1,1.6);  Safari and Chrome 
    -moz-transform:scale(1,1.6);  Firefox 
    -ms-transform:scale(1,1.6);  IE 9 
    -o-transform:scale(1,1.6);  Opera 
}
#calendar .rslides_nav.prev{
    left:20px;
}
#calendar .rslides_nav.next{
    left:200px;
}*/
#calendar .flex-direction-nav a{
    display:block;
    color:white;
    font-size:30px;
    line-height:30px;
    font-weight:100;
    position:absolute;
    top:3px;
    z-index:1000;
    text-decoration:none;
    right:auto !important;
    text-align:auto !important;
    margin:auto !important;
    height:30px !important;
    width:auto !important;
    opacity:1 !important;
    text-shadow: none !important;
    border:none !important;
    transition:none;
    -webkit-transition:none;
/*    transform:scale(1,1.6);  W3C 
    -webkit-transform:scale(1,1.6);  Safari and Chrome 
    -moz-transform:scale(1,1.6);  Firefox 
    -ms-transform:scale(1,1.6);  IE 9 
    -o-transform:scale(1,1.6);  Opera */
   -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);    
}
.flex-direction-nav a:before{
    display:none !important;
}
#calendar .flex-direction-nav a.flex-prev{
    left:20px;
    
}
#calendar .flex-direction-nav a.flex-next{
    left:200px;
}



.home3blocks{
    height:220px;
    position:relative;
}
.home3blocks .wrapper{
    padding:10px;
}
.home3blocks h2{
    font-size:40px;
    font-weight:100;
    text-transform:uppercase;
    margin-bottom:0;
}
.home3blocks h3{
    font-size:25px;
    font-weight:500;
    text-transform:uppercase;   
    margin-bottom:0;
    padding-top:0.5em;
}
.home3blocks input{
    
}
#home_feed a{
    display:block;
    padding-top:30px;
    text-align:center;    
}
#home_feed a img{    
}

/*BLOCK NEWSLETTER*/
#home_newsletter input{
    border:0;
    font-size:25px;
    line-height:30px;
    display:block;
    font-weight:100;
    text-transform: uppercase;
    background:white;
    color:black;
}
#home_newsletter #votreadresse{
    width:100%;
    display:block;
}
#home_newsletter label{
    display:block;
    font-size:25px;
    text-transform:uppercase;
    font-weight:100;
}
.home3blocks .more{
    display:block;
    position:absolute;
    bottom:0;
    right:0;    
    color:#fff !important;
    background-color:transparent !important;
    font-size:18px !important;
    font-weight:300 !important;
    cursor:pointer;
}
.home3blocks a.more{
    line-height:30px;
    display:block;
    padding:2px 6px 3px 6px;
    margin:2px;
    text-decoration:none;
}
.home3blocks .more:hover{
    text-decoration: underline;
}

#home_une li{
    position:relative;
    display:block;
    height:155px;
}
#home_une a.title{
    text-decoration: none;
    color:inherit;
    font-size:25px;
    text-transform:uppercase;
    font-weight:100;    
    margin-top:1em;
    display:inline-block;
}
#home_une a.title:hover{
    color:#e95296;
    background-color:white;
}

.block.associationcategories li{    
    display:block;        
}
.block.associationcategories li a{    
    display:inline-block;    
    padding:5px;    
    font-size:20px;
    text-transform: uppercase;
    margin-bottom:0;
    color:white;
    background:red;
    text-decoration: none;
}
.block.associationcategories li a:after{
    content:' +';    
}    
.block.randompictures{
    text-align:right;
    margin-bottom:0 !important;
}


/*EVENEMENT VIEW*/
.evenements.view{
    position:relative;
}
.soldout{
    display:block;
    position:absolute;
    right:20px;
    top:20px;
    width:150px;
    height:150px;
    background:url(../img/soldout.png) no-repeat center center;
    background-size:contain;
    z-index:50;
}
.evenements.view .neighbors{    
}
.evenements.view .neighbors a{
    position:absolute;
    top:460px;    
    display:inline-block;
    padding:5px;    
    text-decoration:none;
    background:white;
    color:black;
    text-transform:uppercase;
    opacity:0.7;
}
.evenements.view .neighbors a.prev{
    left:0;
}
.evenements.view .neighbors a.next{
    right:0 !important;
}
 .block-info{
    font-size:16px;
    font-weight:100;
    line-height:1.2;
}
 .block-info .wrapper{padding:10px;}
 .block-info h2{
     text-transform: uppercase;
font-size: 20px;
font-weight: 100;
 }
 .block-info div.input{
     position:relative;
 }
 .block-info input, .block-info textarea{
     font-size:inherit;
     border:0;
     width:100%;
     padding:5px 0;
     display:block;
     margin-bottom:0.5em;
 }
.evenements.view .block-info span{display:block;}
.evenements.view .block-info span.price{
    text-transform:uppercase; 
    font-size:20px; 
    font-weight:100;
}
.evenements.view .body{
    font-size:19px;
    font-weight:200;
    line-height:1.3;
}
.evenements.view .body p, .body p{
    margin-bottom:1em;
}
.evenements.view img.main{
    margin-bottom:20px;
}
.evenements.view .block-info span.price.presale{}
.evenements.view .block-info span.price.doors{border-top:1px solid white; padding-top:5px;}
.evenements.view .block-info span.date{border-top:1px solid white; padding-top:5px; margin-top:5px; margin-bottom:5px; font-weight:300;}
.evenements.view .block-info span.place.name{font-weight:300;}
.evenements.view .block-info a{color:inherit;}
.evenements.view .block-info span.separator{
    display:block;
    border-bottom:1px solid white;
    margin-bottom:5px;
    padding-bottom:5px;
    padding-top:5px;
}
.evenements.view .fb{
    margin-top:10px;
    padding-top:10px;    
    border-top:1px solid white;
}
.evenements.view #map_canvas{
    height:250px;
}
.evenements.view .thumbs{
    padding-top:20px;
}
.evenements.view .thumbs ul li{
    display:inline-block;
    height:95px;
    width:95px;
    margin-right:10px;
    margin-bottom:10px;
}
.evenements.view .thumbs ul li.last{    
    margin-right:0;   
}

.randompictures.home ul li{
    display:inline-block;
    height:95px;
    width:95px;
    margin-left:10px;
    margin-bottom:10px;
}

.evenements.index ul li{    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display:block;
    border:1px solid black;
    height:220px;
    margin-bottom:20px;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

.evenements.index ul li.evenement:hover{
    opacity:0.7;
    cursor:pointer;
}    
.evenements.index ul li span.name{
    font-size: 16px;
    font-weight:100;
    text-transform: uppercase;
    color:black;    
}
.evenements.index ul li span.name .wrapper{    
    display:block;
    padding:10px;
}
.evenements.index ul li span.date{    
    width:50%;
    height:110px;
    font-size:60px;
    font-weight:100;
    line-height:110px;
    text-align:center;    
}
.evenements.index ul li.month{    
    font-size:60px;
    font-weight:100;
    line-height:220px;
    text-align:center;
    text-transform: uppercase;
}

.evenements.index ul li img.thumb{    
    height:110px;
    width:50%;
}

.archives.index li{
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid white;
}
.archives.index span.link a{
    color:inherit;
}
.archives.index span.link{
    color:inherit;
    font-weight:300;
    padding-top:10px;
}
.archives.index span{
    text-transform:uppercase;
    font-weight:100;
}
.archives.index span.name{    
    text-transform:uppercase;
    font-size:20px;
    
}
.archives.index span.date{        
    font-weight:500;
}
.archives.index{
    color:white;
    margin-top:20px;
}





.associations.index ul li{    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display:block;
    /*border:1px solid;*/
    height:220px;    
    position:relative;
    margin-bottom:20px;
    background:white;    
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

.associations.index ul li.association:hover{
    cursor:pointer;    
}
.associations.index ul li.association .abs{
    background-color:white;
    border:1px solid;
    border-color:inherit;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height:220px;
    
}
.associations.index ul li.associationcategory{
    font-size: 25px;
    font-weight:300;
    text-transform: uppercase;
    color:#fff; 
    border:none;
} 
.associations.index ul li span.name{
    font-size: 20px;
    font-weight:300;
    text-transform: uppercase;
    color:#000;    
}
.associations.index ul li span.more{
    display:none;   
    font-size: 50px;
    line-height: 50px;
    font-weight:100;    
    color:#000;    
    text-align:center;
    margin-top:-10px;
}
.associations.index ul li span.phone{
    position:absolute;
    bottom:0;
    left:0;
    display:block;
    font-weight:100;
    font-size:30px;
}
.associations.index ul li .wrapper{    
    display:block;
    padding:10px;
}
.associations.index .data{
    color:black !important;
    display:none;
}
.associations.index .data p{
    margin-bottom:1em;
}
.associations.index .data p.excerpt{
    font-size:16px;
}
.associations.index .data label{
    text-transform:uppercase;
    display:block;
    font-weight:500;
}
.associations.index .data .map, .associations.index .data .thumb{
    width:218px;
    height:219px;
    margin-left:-10px; 
    position:absolute;
    bottom:-479px;
}
.associations.index .data .thumb img{
    display:block;
    width:100%;
    height:219px;
}
.associations.index .data span{
    display:block;
}
.news.index, .evenements.index, .associations.index{
    padding-top:20px;
}
.news.view .block-info .date{
    margin-bottom:10px;
    padding-bottom:5px;
    border-bottom:1px solid #fff;
}
.news.index li{
    position:relative;
    /*margin-bottom:20px;*/
}
.news.index li a.more{
    display:inline-block;
    font-weight:300;
    color:inherit;
    background:black;
    color:white;
    padding:4px;
    font-size:16px;
    text-decoration: none;
    
}
.news.index h1{
    font-size:30px; 
}
#block-14 .news.index img{
    width:100% !important;
    height:auto !important;
    margin-bottom:5px;
}
#block-14 .news.index{
    padding-top:0;
    height:auto;
    padding-bottom:20px;
}
#block-14 p{
    font-size:16px;
    margin-bottom:10px;
}
#block-14 .block-body h3{
    font-size:20px;
    font-weight:bold;
}
.news.index li{
    height:340px;
}

#block-14 .news.index li{
    height:auto;
}
.news.index span.date{
    font-size:80px;
    line-height:220px;
    display:block;
    height:220px;
    text-align:center;
}
.news.index img{
    height:220px;
    width:240px !important;
}

.contacts.view #map_canvas{
    height:500px;
    background:black;
    margin-bottom:20px;
}
.contacts.view .rouge .wrapper{
    padding:10px;    
}
.contacts.view .body{
    font-size: 19px;
font-weight: 200;
line-height: 1.3;
}

#footer{
    margin-top:40px;
    border-top: 1px solid rgba(179,41,41,0.3); 
    padding-top:20px;
}
#footer .menu a, #footer .block.four.columns a{
   font-size:14px;
   line-height:1.4;
   text-transform: uppercase;
   font-weight:100;
   color:#e95296 !important;
   text-decoration: none;
}
#footer .footer_partenaires{
    border-top: 1px solid rgba(179,41,41,0.6); 
    border-bottom: 1px solid #e95296;    
    margin-bottom:30px;
    height:auto;
}
#footer .footer_partenaires li{
    display:inline-block;
}
#footer .footer_partenaires li a{    
    padding:10px 15px 10px 15px;
    display:block;
}
#footer .footer_partenaires li a img{        
    display:block;
    height:60px;
    width:auto;
    opacity:0.5;
    filter: grayscale(1);
}
#footer .footer_partenaires li a img.small{
    height:30px;
    padding-top:10px;
    padding-bottom:10px;
}        

#footer .footer_partenaires li a:hover img{        
    opacity:1;
}
#footer .footer_partenaires li.first a{
    padding-left:0;
}
#footer .footer_partenaires li.last{
    /*float:right;*/
}
#footer .footer_partenaires li.last a{
    padding-right:0;
} 

/*TOOLTIPS*/
abbr{
    cursor: help;
}
#tooltip
{
    text-transform: uppercase;
    font-size:16px;
    text-align: left;
    line-height:1.2;
    color: #fff;
    color:#fff;
    background: #000;
    position: absolute;
    z-index: 100;
    font-weight:100;
    padding: 15px;        
}

/*SLIDES*/
/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides_nav{
    display:block;
    background:white;
    color:black;
    text-decoration: none;
    font-size:20px;
    line-height:20px;
    padding:10px;
    width:20px;
    font-family:azo-sans-uberweb, sans-serif;
    bottom:20px;
    font-weight:bold;
    position:absolute;
    left:0;
    z-index:200;
    text-align:center;
}
.rslides_nav.next{
    right:0;
    left:auto;
}

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

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  @font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?11427490');
  src: url('../font/fontello.eot?11427490#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?11427490') format('woff2'),
       url('../font/fontello.woff?11427490') format('woff'),
       url('../font/fontello.ttf?11427490') format('truetype'),
       url('../font/fontello.svg?11427490#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?11427490#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-facebook-rect-1:before { content: '\e800'; } /* '' */
.icon-youtube:before { content: '\f313'; } /* '' */
.icon-instagram-filled:before { content: '\f31f'; } /* '' */