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

/*************** ADD CUSTOM CSS HERE.   ***************/
.mail-footer input.wpcf7-form-control.wpcf7-submit.button{
	width: 100%;
	background: #F5A623;
}
.testi-title{
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}
h5{
	font-weight: 700;
	
}
.tagcloud a:hover{
	background-color:#F5A623;
	border: 1px solid #F5A623;
}
 .footer li>a{
	 color: #777;
	 font-weight: 700;
	 font-size: 13px;
 }
 
a{
	color: #fff;
}
p{
	font-size: 17px;
	line-height: 24px;
}
strong{
	font-weight: 700;
}
.testi-congty{
	font-size: 17px;
	font-weight: bold;
	color: #F5A623;
}
.aligncenter{
	width: -webkit-fill-available;
}
.testi-content{
	font-size: 17px;
	color: #000000;
}
.box-text h5{
	color: white;
	height: 37px;
	max-height: 37px;
}
.box-text p {
	color: white;
	
}
.title-wrapper{
	text-align: left;
}

#main{
	background: #1A1A1A;
	/*display: flex;*/
}
#main div {
	/* safari */  
  /*-webkit-flex: 1;  
  flex: 1;*/
}
.shop-page-title {
	background: #1a1a1a;
}
.woocommerce-breadcrumb .breadcrumbs .uppercase{
	color: #fff;
}
.dichvumain{
	border: 2px solid #F5A623;
}
.head-w{
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
	margin-bottom: -5px;
}

.head-o{
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
	text-transform: uppercase
}

.tx-o{
  color: #f5a623;
  font-size: 25px;
  /*font-size: 21pt;*/
  font-weight: 700;
  line-height: 25px;
  text-transform: uppercase;
  letter-spacing: 0.8095238px;
}

.tx-w{
  color: #ffffff;
  /*font-size: 21pt;*/
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.99999994px;
}

.xemthem{
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
  text-align: right;
  text-transform: uppercase;
  letter-spacing: 0.61904764px;
}

.name, .product-title, .product-title a{
	font-weight: 700;
	color: white;
}


.equal{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
.related-posts .post-item {
    margin-bottom: 10px;
    padding-left: 0px;
}
.col{
	float:left;
}
.col-md-6 {
    width: 50%;
}
.large-10{
	max-width: inherit;
}
.related-posts .post-item p {
    margin-bottom: 0;
}
.related-posts .post-item .post-title {
    font-size: 15px;
    font-weight: normal;
}

.row .section{
		padding: unset!important;
	}

.header-main{
		position: relative;
		width: 100%;
		/*   margin: 55px 0 0;*/
		top: 0;
		left: 0;
		background-size: 100% 5px;
		height: 71px;
		line-height: 20px;

	}
.mail-footer input.wpcf7-form-control.wpcf7-submit.button{
	width: 100%
}
.footer .social-icon {
    margin-bottom: 10px;
}
.social-icon a {
    margin-right: 10px;
}
.social-icon>img {
		zoom: 85%;
	}
/*.box-flex{
	display: flex;
	align-items: left;
}	*/
/* button on product page*/
.nav-pagination > li > .current{
	border-color: #f5a623;
background-color: #f5a623;
}
.slider-nav-circle .flickity-prev-next-button:hover svg{
	border-color: #f5a623;
background-color: #f5a623;
}
.is-outline{
	color: #fff;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.dichvu-footer{
	padding: 0 20px;
}
.xemthem{
	font-size: 13px;
}
	.widget{
		margin-bottom: 1.5em;
	}
 .footer ul{
	 padding-top: 6px;
 }
	.footer .social-icon{
		letter-spacing: 6pt;
	}
	.cosodaotao, .office, .home, .commercial, .health{
		padding: 0 5%;
	}
	#section_640691978{
		padding-left: 15px;
		padding-right: 15px;
	}

}

@media (max-width:690px){
		.logo img{
			top:0;
		}
		#logo{
			display:block!important;
		}
}

@media (min-width:768px) and (max-width:1023px){
	#logo {
		display: block!important;
	}
	.logo img {
		position: relative;
		top: 0px;
	}
}
/* ----------- Non-Retina Screens ----------- */
@media screen
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  #row-937035587{
	  max-width: 68%;
  }
}
 
/* ----------- Retina Screens ----------- */
@media screen
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
  .banner-5{
	  max-width: 68%;
  }
}