/* Sticky footer styles
-------------------------------------------------- */
/*html {
  position: relative;
  min-height: 100%;
}
body {
   Margin bottom by footer height 
  margin-bottom: 60px;
}*/

.footer_custom { 
  position: relative;
  margin-top:  -90px;
  margin-bottom: -20px;
  width: 100%;
  min-height: 90px;
  background-color: rgb(0,0,0);
  opacity: 0.8;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(opacity=0.8);
  filter: progid:DXImageTransform.Microsoft:Alpha(opacity=0.8);
  filter:alpha(opacity=0.8);*/
  border-top: solid 1px #31b0d5;       
}


.footer_margin {
    margin-top:  0px;
}





.footer_list {
  bottom: -140px;
  position: relative;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 90px;
  background-color: rgb(0,0,0);
  /*background-image:url("../image/bg_bamboo.png");
  background-position: center;
  background-repeat: repeat;*/
  opacity: 0.8;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(opacity=0.8);
  filter: progid:DXImageTransform.Microsoft:Alpha(opacity=0.8);
  filter:alpha(opacity=0.8);*/
  border-top: solid 1px #31b0d5;       
}


.footer_index {
  /* bottom: -80px; */
  position: relative;
  width: 100%;
  /* Set the fixed height of the footer here */
  margin-top:  -90px;
  min-height: 90px;
  background-color: rgb(0,0,0);
  /*background-image:url("../image/bg_bamboo.png");
  background-position: center;
  background-repeat: repeat;*/
  opacity: 0.8;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(opacity=0.8);
  filter: progid:DXImageTransform.Microsoft:Alpha(opacity=0.8);
  filter:alpha(opacity=0.8);*/
  border-top: solid 1px #31b0d5;       
}


.footer3bak {
  position: relative;
  bottom: 0;
  width: 100%;
  
  /* Set the fixed height of the footer here */
  
  width: 100%;
  min-height: 90px;
  background-color: rgb(0,0,0);
  opacity: 0.8;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(opacity=0.8);
  filter: progid:DXImageTransform.Microsoft:Alpha(opacity=0.8);
  filter:alpha(opacity=0.8);*/
  border-top: solid 1px #31b0d5;       
}




.footer3 {
    position: relative;
    bottom: 0;
    width: 100%;
    width: 100%;
    min-height: 90px;
    /* background-color: rgb(0,0,0); */
    /* opacity: 0.8; */
    background-image: url(/image/catalog/yoyculture_custom/bg-footer.png);
    filter: progid:DXImageTransform.Microsoft:Alpha(opacity=0.8);
    background-repeat: no-repeat;
    background-position-y: top;
    background-size: unset; 
    padding-top: 68px;    
}


@media (min-width: 768px){
  .footer3 {
      position: relative;
      bottom: 0;
      width: 100%;
      width: 100%;
      min-height: 90px;
      /* background-color: rgb(0,0,0); */
      /* opacity: 0.8; */
      background-image: url(/image/catalog/yoyculture_custom/bg-footer.png);
      filter: progid:DXImageTransform.Microsoft:Alpha(opacity=0.8);
      background-repeat: no-repeat;
      background-position-y: top;
      background-size: unset;
      padding-top: 110px !important;
  }
}



.footer {
  bottom: 0;
  position: absolute;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 90px;
  background-color: rgb(0,0,0);
  /*background-image:url("../image/bg_bamboo.png");
  background-position: center;
  background-repeat: repeat;*/
  opacity: 0.8;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(opacity=0.8);
  filter: progid:DXImageTransform.Microsoft:Alpha(opacity=0.8);
  filter:alpha(opacity=0.8);*/
  border-top: solid 1px #31b0d5;
       
}


@media (max-width: 768px){
    .footer{
          position: relative;    
    }
}







/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

/*body > .container {
  padding: 60px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}*/