@import url(style.menue.css);
@import url(style.content.css);
@import url(headlines.css);
@import url(style.image.css);
@import url(powermail.css);
@import url(all.min.css);
@import url(https://fonts.googleapis.com/css?family=Work+Sans:300,400,500);
@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700,300);


@font-face {
  font-family: "BellugaSlantedSolid";
  src: url("../fonts/NickyLaatz-BellugaSlantedSolid.eot"); /* IE9 Compat Modes */
  src: url("../fonts/NickyLaatz-BellugaSlantedSolid.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/NickyLaatz-BellugaSlantedSolid.otf") format("opentype"), /* Open Type Font */
    url("../fonts/NickyLaatz-BellugaSlantedSolid.svg") format("svg"), /* Legacy iOS */
    url("../fonts/NickyLaatz-BellugaSlantedSolid.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/NickyLaatz-BellugaSlantedSolid.woff") format("woff"), /* Modern Browsers */
    url("../fonts/NickyLaatz-BellugaSlantedSolid.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

* {margin:0;padding:0;} 

/* CLEAR FIX */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {display: inline-block;}

/* Bereich nicht f&uuml;r IE-mac Anfang \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* Bereich nicht f&uuml;r IE-mac Ende */


* { 
  -moz-box-sizing: border-box; 
  box-sizing: border-box; 
}

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

body {
  color: #463824;
  font-size: 0.9em;
  margin:0; padding:0;
  text-align: left;
  height: 100%;
  line-height:140%;
  font-weight: 400;
  /*  background-color:#F1EEE9;*/
background-color:#fff;
  /*font-family: 'Oxygen', sans-serif;*/
  font-family: 'Work Sans', sans-serif;
}
 

a {
  color: #4B4B4B;
  text-align: left;
  text-decoration: underline;

}
a:hover
{
   color: #90b117;
  text-align: left;
  text-decoration: none;

}

a.more{ text-decoration: none; background-color: #90b117; color: #fff; padding: 5px 9px; margin-top: 20px;}

a.cssfilelinks {    color:#4B4B4B; text-align: left; text-decoration:underline;}
a.cssfilelinks:hover{color: #90b117;}
a.cssfilelinks:active {    }



a.internal-link-new-window, a.download,
.btn-read-more,
.news-single .btn-default,
#mc_embed_signup .button{
  color: #fff;
  text-align: left;
  background-color: #90b117;
 transition: background-color 0.8s linear;
 -webkit-transition: background-color 0.8s linear;
 -moz-transition: background-color 0.8s linear;
 -o-transition:background-color 0.8s linear;  
  border: #fff 0px solid;
  text-decoration: none;
  padding: 8px 12px 8px 12px;
  font-weight: 400;
}
 a.internal-link-new-window:hover, a.download:hover,
.btn-read-more:hover,
.news-single .btn-default:hover,
#mc_embed_signup .button:hover{
  color: #90b117;
  text-align: left;
  background-color:  #fff;
  border: #fff 0px solid;
  text-decoration: none;
  padding: 8px 12px 8px 12px;
  font-weight: 400;
}

 a.internal-link-new-window:before,  a.download:before,
.btn-read-more:before,
.news-single .btn-default:before,
#mc_embed_signup .button:before{
  content: "\f0a9";
 /* content: "\f192";*/
  font-size: 1.0em;
  font-family: 'FontAwesome'; padding-top: 5px; padding-right: 8px;
  text-decoration:none;
}


a.internal-link {
  color: #333; 
  text-align: left;
  text-decoration: underline;
}
a.internal-link:hover{ color: #90b117; text-decoration:underline;}
a.internal-link:active{  }



a.external-link-new-window  {  }
a.external-link-new-window:hover  {}
a.external-link-new-window:active {      }

   
a.mail {   font-weight:300;  color:#4B4B4B; text-align: left; text-decoration:underline;}
a.mail:hover{color:#90b117;}
a.mail:active {      }

a.rootline {   color:#ccc; text-align: left; text-decoration:none;} 
a.rootline:hover  {   color:#ccc; text-align: left; text-decoration:none;} 

p {
    margin: 0;
}

.btn {
	border-radius: 0;
}
/* Make Header Sticky */
#header-container { 
   /*background-image:url(../img.layout/bg-header.png); */
   height:auto; 
   margin:0 auto; 
   position: absolute;
   width:100%; 
   top:0; 
   z-index: 50; 
	transition: all 0.5s ease-in-out;
   }
   
#header-container .box-logo-small {display:none;}
#header-container.sticky { 
   height:auto; 
   position:fixed; 
   margin:0 auto; 
   width:100%; 
   top:0; 
   z-index: 50;  
   display:none;
	background: #fff;
	}

#header-container.sticky .box-logo{display:none;}
#header-container.sticky .box-logo-small {display:block;width: 13%; padding: 18px; background-color: #90b117; float: left;}
#header-container.sticky .box-menue {width: 87%; padding:  0; float:right; }  

#header-container.sticky a.navi {
    padding: 30px 15px 30px 15px;
}

#header-container.sticky a.navi_active {
    padding: 30px 15px 30px 15px;
}
 

#header { 
     margin:0 auto; 
     width:100%;
   max-width:1170px;
   z-index: 51; 
   text-align:center;
   }


.box-logo{  width: 20%; padding:0px; margin:0; float: left; display:inline-block;}  
.box-logo img { width: auto;}
.box-menue {width:80%; padding:0; margin:0; float:right; display:inline-block;}  

#top-image {  height:auto; left:0; position:relative; text-align:center; width:100%; top:100px; z-index: 49; } 
#top-image IMG {width: 100%;}
#top-image-main {height:auto; left:0; position:relative; margin:0 auto; width:100%; top:0px; z-index: 49;}  
#top-image-main IMG {  width: 100%;}

#booking {
position: absolute;
right: 25%;
width: 18%;
max-width: 210px;
z-index: 9999999;
bottom: -45px;
}




.pic_bg {
    position: relative;
}
.pic_bg IMG {  width: 100%;}

pic_bg .csc-textpic-imagewrap{
    position: relative;
    z-index: -1;
    float:none;
    width: 100%;
}

.csc-textpic.top {
    bottom: 0;
       color: #000;
    font-size: 16px;
    left: 0;
    line-height: 25px;
    margin: 0 auto;
    padding: 2%;
    position: absolute;
    right: 0;
    width: 66%;
    z-index: 1;
  top: 20px;
  text-align: center; 
}
.csc-textpic.top h5{
  font-size: 45px;
   color: #000;
  font-family: 'Great Vibes', cursive;
  text-transform:none;
  }
  

.csc-default {margin:0; padding:0;}


#container { width:100%; padding: 0;  margin: 100px 0 0 0; height: auto; float:left; position: relative;  clear:both;}
#container-main { width:100%; padding: 0; margin:0; height: auto; float:left; position: relative;  clear:both;}
#content { 
   line-height: 25px; 
   margin:0 auto;
   width:100%; 
   padding:0;
   text-align:center;   
   }


/*Breadcrumbs Allgemein- weißer hintergrunde*/
.breadcrumb, 
.breadcrumb a {
color: #484b42;
font-size: 0.875em;
text-transform: uppercase;
text-decoration: none;
}



.ctleft-br {
width: 100%;
max-width:1044px;
margin:0 auto; 
 text-align:left;

}

.content-creme-br{
  width: 100%; 
  margin:0 auto;
  padding: 10px 0 10px 0;  

  background-color:#fff;}


#content img {
max-width:100%;
height:auto;
width: auto; /* ie 8 */
}



.content-white,
.content-creme,
.content-orange,
.content-image{
  width: 100%;
  padding: 0;  
  margin:  0;
  }    
  

.content-image{
  background-image: url("../user_upload/Mantra/Yoga-Akademie-Mantra-grey-02-neu.jpg");
/*background-attachment: fixed;*/
background-repeat:no-repeat;
padding-top: 30px;
padding-bottom: 30px;
color: #000;
font-size:16px;
line-height: 25px;}  

.content-image h5{
  font-size: 45px;
   color: #000;
  font-family: 'Great Vibes', cursive;
  text-transform:none;
  }


.content-white { background-color: #FFFFFF;overflow: hidden;}
.content-creme { background-color: #F0F0E1;overflow: hidden;}
.content-orange {overflow: hidden;  
  
        background-image: url("https://yoga-akademie-sonnweber.at/fileadmin/img.layout/hg_yellow.png");
        background-position: left;
    background-size: cover;
}

.content-orange a, .content-orange H1 {color: #90b117;}
.content-orange a:hover {color: #000;}
    
.ct70{ 
    width: 100%;
    max-width: 1140px;
  margin:0 auto;
  padding: 40px 0 50px 0;
  text-align:left;
  }


.ct100{ 
   width: 100%;
    max-width: 90%;
  margin:0 auto;
  text-align:center;
     padding: 40px 0 50px 0;
  }



.ct100 a.internal-link {
  color: #90b117; 
  text-align: left;
  text-decoration: none;
border-bottom: 1px dotted #ccc;
}
.ct100 a.internal-link:hover{ color: #90b117; text-decoration:none; border-bottom: 1px dotted #ccc; }
.ct100 a.internal-link:active{  }


.ctleft {
  width: 100%;
    max-width: 1020px;
   margin:0 auto;
   text-align:left;
  }
  

/*3Spaltig 33% */
#threeCols{
  display: inline-block;
  width: 100%;
  max-width: 100%;
  }
  
 #threeCols:after{
  content:'';
  display: block;
  clear:both;
  }
  

 #threeCols .col33-l, 
 #threeCols .col33-m,
#threeCols .col33-r{
  height: auto;
  display: inline-block;
  vertical-align:top;
  margin-top: 0; padding: 1.2% 0;
}


 #threeCols .col33-l {
  width: 31.5%;
  margin:0 1.5% 0px 0%;
}
  #threeCols .col33-m {
  width: 31%;
  margin:0 1% 0px 1%;

}

#threeCols .col33-r {
  width: 31.5%;
  margin:0 0 0px 1.5%;
 
}
#threeCols  DIV.ce-image {  margin: 30px 0 30px 0; border-bottom: 10px solid #90b117;}


  
/*4Spaltig*/
.four-gutter-sizer{
  width: 10%;
  }
  
#fourCols{
  max-width: 100%;
  display: inline-block;
  width: 100%;
   text-align:left;
  }
  
#fourCols:after{
  content:'';
  display: block;
  clear:both;
  }
  
#fourCols .col25 {
  float: left;
  text-align:center;
  padding: 0 2%;
  width: 20%;
}

#fourCols .col25 .bodytext{

}

#fourCols .col25 H1{
 font-size: 2.188em;
 margin:0; padding: 0; line-height:100%; text-align:center;
}

#fourCols .col25 H4{
 text-align:center; padding-top: 30px;
}


.col25,
.grid-sizer {
/* width: 23.5%;*/
  width: 25%;
  height: auto;
  display: inline-block;

}


/*4Spaltig Startseite*/

#fourSCols{
  max-width: 100%;
  display: inline-block;
  width: 100%;
  text-align:left;
  }
  

#fourSCols .csc-textpic-text{
 padding: 0;
  }  
  
#fourSCols:after{
  content:'';
  display: block;
  clear:both;
  }
  
#fourSCols .Scol25-l, #fourSCols .Scol25, #fourSCols .Scol25-r {float: left; padding: 2%;}  
#fourSCols .Scol25-l { margin:0 1% 0 0%; }  
#fourSCols .Scol25 {margin: 0 1% 0 1%;}
#fourSCols .Scol25-r { margin:0 0% 0 1%; }


.Scol25-l,
.grid-sizer {
/* width: 23.5%;*/
  width: 16.5%;
  height: auto;
  display: inline-block;

}



.Scol25,
.grid-sizer {
/* width: 23.5%;*/
  width: 23.5%;
  height: auto;
  display: inline-block;

}


.Scol25-r,
.grid-sizer {
/* width: 23.5%;*/
  width: 29.5%;
  height: auto;
  display: inline-block;

}



/*5Spaltig 100% und 3x33%*/


  
/*4Spaltig*/
.five-gutter-sizer{
  width: 10%;
  }
  
#fiveCols{
  max-width: 100%;
  display: inline-block;
  width: 100%;
  }

#fiveCols:after{
  content:'';
  display: block;
  clear:both;
  }
  
#fiveCols .bodytext  { margin:0; padding:0;margin-bottom: 30px;}
#fiveCols .col20-l {
  float: left;
  margin: 0 1% 0 2%;
  padding: 0 ;
  text-align:left;

  /*border-bottom: 5px solid #6ACBE3;*/

}

#fiveCols .col20-m {
  float: left;
  margin:0 1% 0 1%;
  padding: 0 ;
  text-align:left;

 /* border-bottom: 5px solid #EEEAE4;*/

}

#fiveCols .col20-r {
  float: left;
   margin: 0 2% 0 1%;
  padding: 0 ;
  text-align:left;
  /*border-bottom: 5px solid #6ACBE3;*/
  
}

.col20-l,.col20-m,.col20-r,
.grid-sizer {
/* width: 23.5%;*/
  width: 17.5%;
  height: auto;
  display: inline-block;
}
/*#fiveCols .col20-l H4,.col20-m H4,.col20-r H4  {
color: 2FB7D9; margin-top:30px;
  }*/
  
/*2Spaltig - 50-weiss - 30% Orange*/

#twoCols{
  width: 100%;
  display: inline-block;
  padding:0px 0 0px 0;
  }
  

#twoCols .col30-orange{
  width: 50%;
  float:right;
  text-align:left;
  padding: 5%; margin:0;
  background-color: #90b117;
 }

#twoCols .col60-white{
  width: 50%;
  float:left;
    text-align:left;
 padding: 0px 0% 0 0%;
}

#twoCols:after{
  content:'';
  display: block;
  clear:both;
  }
  

#twoCols .col30-orange a {
  color: #fff;
  text-align: left;
  text-decoration: none;

}

#twoCols .col30-orange H1 {
  color: #fff;


}
#twoCols .col30-orange a:hover
{
   color: #000;
  text-align: left;
  text-decoration: none;

}



  
    
  
/*2Spaltig*/

#twoCols{
  width: 100%;
  display: inline-block;
  padding:0px 0 0px 0;
  }
  

#twoCols .col30{
  width: 35%;
  float:right;
  text-align:left;
  padding: 0%; margin:0px 0;

 }

#twoCols .col60{
  width: 60%;
  float:left;
    text-align:left;
  padding: 0px 5% 0 0%;
}

#twoCols:after{
  content:'';
  display: block;
  clear:both;
  }
  




#twoCols .col30 H4 {
  color:#FAF8F5;
  font-weight: 300;
  font-size: 1.563em;
  margin:0;
  margin-bottom: 10px;
  line-height: 1.3em;
  font-family: 'Source Sans Pro', sans-serif;
}

#twoCols .col30 H4:before {

   content: "\f019";  
  font-family: 'FontAwesome';   
  font-size: 1.0em;
  padding-top: 5px; padding-right: 8px;
  text-decoration:none; color:#FAF8F5;
}


#twoCols .col30 H5 {
  color:#FAF8F5;
  font-weight: 300;
  font-size: 1.563em;
  margin:0;
  margin-bottom: 10px;
  line-height: 1.3em;
  font-family: 'Source Sans Pro', sans-serif;
}

#twoCols .col30 H5:before {
   content: "\f08e";  
  font-family: 'FontAwesome';   
  font-size: 1.0em;
  padding-top: 5px; padding-right: 8px;
  text-decoration:none; color:#FAF8F5;
}


/*2Spaltig 50ig/50ig*/  
#twoCols50{
  width: 100%;
  display: inline-block;
  padding: 0px 0;
  }

#twoCols50 .box-header{
  text-align: center;
  padding: 40px 0;
  }


#twoCols50 div.csc-textpic{
  padding: 0px 0 30px 0;
  }
  

#twoCols50 .col50{
  width: 50%;
  float:left;
  text-align:left;
  padding: 0px 5% 0 0%;
  margin:0;
 }

#twoCols50 .col50-1{
width: 50%;
float: right;
text-align: left;
 padding: 0px 0% 0 0%;
}

#twoCols50:after{
  content:'';
  display: block;
  clear:both;
  }
  
  
/*grid*/

.gutter-sizer{
  width: 0%;
  }

/*4Spaltig flüssig*/
#liquidCol{
  display: block;
  width: 100%;
   color: #484b42;
  }
  
#liquidCol:after{
  content:'';
  display: block;
  clear:both;
  }
  
#liquidCol .csc-textpic-text {
margin: 0;
padding: 6% 6% 3% 6%;
font-size: 0.9em;
  }

#liquidCol .csc-textpic,
.liquid-grid-sizer{
width: 24%;
  height: auto;
  display: inline-block;
background-color: #fff;
text-align: left;
margin: 0.5%;
}
.ct100  #liquidCol { text-align: left;}

#liquidCol .csc-textpic-imagewrap{ border: 0px #EAE5DD solid; padding: 0; margin: 0;}
#liquidCol a.internal-link {text-decoration:none;  color: #90b117;}
#liquidCol H1 {font-size: 1.250em;}

#liquidCol div.csc-textpic div.csc-textpic-imagecolumn {
    float: none;
}
  

/*Bildergalerie*/
/*3Spaltig*/
#liquidCols{
  display: block;
  width: 100%;
  }
  
#liquidCols:after{
  content:'';
  display: block;
  clear:both;
  }
  
#liquidCols .csc-textpic-imagerow {
padding: 0.5%;

}

#liquidCols .csc-textpic-imagerow,
.liquid-grid-sizers{
  width: 25%;
  height: auto;
  display: inline;
}

#liquidCols div.csc-textpic div.csc-textpic-imagecolumn {
    float: none;
}
.gutter-sizers{
  width:0%;
  }




#footer-container-01 {   margin:0 auto; width:100%;  height:auto; background-color: #90b117;float:left; clear:both; position:relative; }
#footer-container-02 { margin:0 auto; width:100%; height:auto;  background-color:#90b117;float:left; clear:both; position:relative; }
#footer-container-03 {   margin:0 auto; width:100%; height:auto; background-color:#90b117; float:left; clear:both; position:relative; }
#footer-container-05{   margin:0 auto; width:100%;  height:auto; float:left; clear:both; position:relative; }

.footer-01{ 
   margin:0 auto; 
   width:100%;
   max-width: 1170px;
   text-align:left;  
   padding: 0px 0; 
   height:auto;
  line-height: 22px;  color:#FCFAF5;
}

.footer-01 H1{ 
  color:#FCFAF5;
  font-size: 1.2em;
}

.footer-01 a.mail , .footer-01 a.internal-link{ color:#FCFAF5; text-decoration:none;}
 


.footer-02 {
  width: 100%;
  display: inline-block;
  padding: 13px 0%;
  margin:0;
  text-align: center;
  color:#FCFAF5;
  }


.footer-03 { 
   margin:0; 
   width: 50%;
   text-align:left;  
   padding: 10px 0 10px 15%; 
   line-height: 18px;
  color:#FCFAF5;  height:auto;
  float:left;
}

.footer-04 { 
   margin:0; 
   width: 50%;
   text-align:left;  
   padding: 10px 0 10px 15%; 
   line-height: 18px;
  color:#FCFAF5;  height:auto;
  float:left;
}

.footer-03 a, .footer-04 a{ 
    text-decoration:none;
  color:#FCFAF5;
}


/*3Spaltig 33%  Normal*/


#footer-container-03 #threeCols .col33-l, 
#footer-container-03 #threeCols .col33-m,
#footer-container-03 #threeCols .col33-r{
  height: auto;
  display: inline-block;
  vertical-align:top;
  margin-top: 0; padding: 0;background-color: transparent;
}


#footer-container-03  #threeCols .col33-l {
  width: 33%;
  margin:0; padding:13px 0 0 0;
}
#footer-container-03   #threeCols .col33-m {
  width: 33%;
  margin:0; padding:13px 0 0 0;   text-align:left;
}

#footer-container-03  #threeCols .col33-r {
  width: 33%;
  margin:0; padding:5px 0;
  text-align:right;
}
#footer-container-03  #threeCols  DIV.csc-textpic-imagewrap {  margin: 0px 0 0 0; float: right;}

#footer-container-03  #threeCols .col33-l  H4 {
  color: #333;
  font-weight: 300;
  font-size: 1.563em;
  margin:0;
  margin-bottom: 10px;
  line-height: 1.3em;
  font-family: 'Source Sans Pro', sans-serif;
}

#footer-container-03  #threeCols .col33-l  H4:before {
   content: "\f185";  
  font-family: 'FontAwesome';   
  font-size: 1.2em;
  padding-top: 5px; padding-right: 12px;
  text-decoration:none; color: #555;
}

#footer-container-03   #threeCols .col33-m H4:before {
   content: "\f03d"; 
  font-family: 'FontAwesome';   
   font-size: 1.2em;
  padding-top: 7px; padding-right: 12px;
  text-decoration:none; color: #555;
}

#footer-container-03  #threeCols .col33-l H4 a{
    color: #555;
  font-weight: 300;
  font-size: 1.563em;
  margin-bottom: 15px;
  line-height: 1.3em;
  font-family: 'Source Sans Pro', sans-serif;
  text-decoration:none;
}

#footer-container-03   #threeCols .col33-m H4 {
  color: #555;
  font-weight: 300;
  font-size: 1.563em;
  margin:0;
  margin-bottom: 10px;
  line-height: 1.3em;
  font-family: 'Source Sans Pro', sans-serif;
}




#footer-container-03   #threeCols .col33-m H4 a{
   color: #555;
  font-weight: 300;
  font-size: 1.563em;
  margin-bottom: 15px;
  line-height: 1.3em;
  font-family: 'Source Sans Pro', sans-serif;
  text-decoration:none;
}

#footer-container-03 #threeCols  DIV.csc-textpic-imagewrap {  margin:0; border: 0px solid #ccc;}

.footer-03 H1{ 
  color:#FCFAF5;
padding: 0;
font-size: 1.0em;
margin: 0 0 8px 0;
font-weight: 600;
}

.footer-03 a.mail{   color:#FCFAF5;}
 


iframe {border:0; width:100%;}
  
img, fieldset {
  border: 0;
}

/* set image max width to 100% */
img, embed, object, video {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
}

img {
max-width:100%;
height:auto;
width: auto; /* ie 8 */
}

.video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video iframe, .video object, .video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* set html5 elements to block */
article, aside, details,  figure, footer, header, hgroup, menu, section { 
    display: block;
}


 nav { 
    /*display:table;*/
}


#booking img {
	margin: 0 !important;
}

#top-image img {
	width: 100%;
	margin: 0 !important;
}

#top-image .ce-column,
#top-image .ce-image .ce-gallery,
#top-image .ce-gallery figure {
	width: 100%;
}

.container {
	padding-top: 80px;
	padding-bottom: 60px;
	text-align: left;
}
.news{
	text-align: left;
}
.testimonial-pic {
	max-width: 100px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.radius {
	border-radius: 50%;
	overflow: hidden;
  border: 2px solid #fff;
}
.lead {
	margin-bottom: 10px;
}

.news-single .btn.btn-default {
	margin: 20px 0 0 0;
}
.news-list-item {
	padding-bottom: 30px;
}
@media (max-width:600px){
	.owl-nav .owl-prev,
.owl-nav .owl-next {
   display: none;
}
}

.social li {
	float: left;
	padding-right: 10px;
}
.social li:last-child() {
	float: left;
	padding-right: 0;
}
.social a {
	font-size: 25px;
	color: #90b115;
}
.social {
	position: absolute;
	right: 30px;
	top: 45px;
}

.sticky .social {
	/* padding: 0; */
	position: absolute;
	right: 30px;
	top: 30px;
}

.sidr-class-fa-brands {
	display: inline-block;
	font-family: "Font Awesome 6 Brands";
	font-size: 25px;
	font-style: normal;

}

.sidr-class-social li {
	display: block;
	margin: 0;
	float: left;
}

.sidr-class-fa-square-instagram:before {
 content:"\e055"
}
.sidr-class-fa-square-facebook:before {
 content:"\f082"
}
.sidr-class-fa-square-youtube:before {
 content:"\f431"
}