/* Enter Your Custom CSS Here */

/* Enter Your Custom CSS Here *//* Enter Your Custom CSS Here */

#Footer{
	padding-top: 15px !important;
	background-image: url(http://www.masterselam.com/wp-content/uploads/2019/07/footer.jpg) !important;
	  width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
	  background-color: #152026;
}
.logo-footer{
	    margin-bottom: -40px !important;
	    margin-top: -20px !important;
}

/*-------------------- ICON SOCIAL MEDIA --------------------*/
.fa {
 /* padding: 10px; */
  font-size: 23px !important;
  width: 50px;
  text-align: center;
  text-decoration: none !important;
  /*margin: 5px 2px; */
}

.fa-long-arrow-right:before {
    content: "\f178";
    padding-left: 35px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  /*background: #3B5998;*/
  color: white;
}

.fa-twitter {
 /* background: #55ACEE;*/
  color: white;
}


.fa-instagram {
  /*background: #125688;*/
  color: white;
}

.btnfooter{
	  background: transparent;
    border: 1px solid;
}
/*-------------------- HEADER LOGO --------------------*/

#Top_bar #logo img {
    vertical-align: middle;
    max-height: 300% !important;
}

#Top_bar.is-sticky .menu_wrapper .menu > li > a {
    padding: 7px 0 !important;
}

/*-------------------- FOOTER --------------------*/

.footer-copy-center #Footer .footer_copy .copyright {
    float: none;
    margin: 0 0 10px;
    text-align: left !important;
}

#Footer a {
    color: #ffffff !important;
}

/*-------------------- IMAGE CATEGORY HOME HOVER GRAYSCALE --------------------*/
.imgcs {
	
      /*filter: url(filters.svg#grayscale); Firefox 3.5+ 
      filter: gray; */ /* IE5+ */ 
      /*-webkit-filter: grayscale(1); *//* Webkit Nightlies & Chrome Canary */
     
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */    
-webkit-filter: grayscale(100%);
-webkit-transition: all .5s ease-in-out; 	
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; /* IE 6-9 */
	
    }

    .imgcs:hover {
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.0);
  		-moz-filter: none;
  		-ms-filter: none;
  		filter: none;
    }

/*-------------------- FLIP BOX --------------------*/

.cq-flipbox-button {
    display: inline-block;
    border: 1px solid white !important; 
    border-radius: 2px 2px 2px 2px;
    color: #fff;
    font-size: 14px !important; 
    font-weight: bold;
    margin-top: 15px !important;
	  background-color: transparent !important; 
	  padding: 10px 15px 10px 15px !important; 
}

h4.cq-flipbox-title {
    color: #fff;
    font-size: 1.4em;
    width: 100%;
    line-height: 130%;
    margin: 0 0 15px 0;
    text-align: center;
    font-weight: bold;
}

.cq-flipbox-button:hover {
	  display: inline-block;
    border: 1px solid white !important; 
    border-radius: 2px 2px 2px 2px;
    color: #fff;
    font-size: 14px !important; 
    font-weight: bold;
    margin-top: 10px;
	  background-color: transparent !important; 
}

.oxilab-flip-box-back-1-data .oxilab-button-data:hover {
    background-color: transparent !important; 
    color: #ffffff;
    border: white solid 2px;
}

.oxilab-flip-box-1 {
	  box-shadow: 0px 2px 8px 0px transparent !important;
}


.oxilab-flip-box-back-1 {
    background-color: rgba(246, 36, 89, 1) !important;
	  box-shadow: 0px 2px 8px 0px transparent !important;
}

.oxilab-flip-box-body-1-1 .oxilab-flip-box-1 {
    background: linear-gradient(#2a2a2a8f, #2a2a2a8f)!important;
    background-size: 100% 100% !important;
}

/*-------------------- STICKY BAR --------------------*/
#Top_bar.is-sticky #logo img.logo-sticky {
    display: inline;
    max-height: 60px !important; 
}


#Top_bar .menu > li.current-page-ancestor > a:after{
    opacity: 1 !important;
}

/*-------------------- WOOCOMMERCE --------------------*/
.woocommerce .quantity input.qty {
    display: inline-block;
    height: auto;
    line-height: 22px;
    min-width: 70px;
    display: none!important; 
}

.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
    display: none!important; 
}