/*
Theme Name: xerf.vn
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.padding-0{
	padding: 0px !important
}

.contact-list {
    margin: 15px 0 25px 0 !important;
}
ul.contact-list li i {
    margin-right: 5px;
}
.absolute-footer {
    color: white !important;
}
/********** All > Liên hệ *************/
.contact-list {
  list-style-type: none;
}
.contact-text{
    margin-left: 20px;
}
.contact-text a {
  text-decoration: none;
  transition-duration: 0.2s;
}
.contact-text a:hover {
  text-decoration: none;
}
.list-item{
    display: flex;
}
.icon-page-contact{
    font-size: 20px;
    color: #f18b21;
    width: 13px;
}
/********** TTCH *************/
.col-inner a {
    text-align: -webkit-center;
}

@media screen and (max-width: 550px){
	.d-none-item-customer{
		display:none;
	}
  }

.item-w25-single-product > a > img {
    width: 170px;
}
.z-index-0{
    z-index: 0;
}
.overlay-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}
.overlay-popup:target {
  visibility: visible;
  opacity: 1;
}
.popup {
  margin: 17% auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: relative;
  transition: all 5s ease-in-out;
}
.popup .close {
  position: absolute;
  top: 0px;
  right: 10px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #F18B21;
}
.popup .content-popup {
  max-height: 30%;
  overflow: auto;
  display: flex;
  align-items: center;
}
.logo-popup{
    width: 40%;
    padding: 20px;
}
.contact-popup{
    width: 60%;
    padding: 20px;
	text-align:left;
}
@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
    margin: 50% auto;
  }
  .popup .content-popup {
    display: block;
  }
  .logo-popup{
    width: 100%;
  }
  .contact-popup{
    width: 100%;
  }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}