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

/*************** ADD CUSTOM CSS HERE.   ***************/
/* open-sans-regular - vietnamese_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display:swap;	
  src: url('fonts/open-sans-v18-vietnamese_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-vietnamese_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-vietnamese_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-vietnamese_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - vietnamese_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
	 font-display:swap;
  src: url('fonts/open-sans-v18-vietnamese_latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-vietnamese_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-vietnamese_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-vietnamese_latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - vietnamese_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
	 font-display:swap;
  src: url('fonts/open-sans-v18-vietnamese_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-vietnamese_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-vietnamese_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-vietnamese_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - vietnamese_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
	 font-display:swap;
  src: url('fonts/open-sans-v18-vietnamese_latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-vietnamese_latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-vietnamese_latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-vietnamese_latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - vietnamese_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
	 font-display:swap;
  src: url('fonts/open-sans-v18-vietnamese_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-vietnamese_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-vietnamese_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-vietnamese_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - vietnamese_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
	 font-display:swap;
  src: url('fonts/open-sans-v18-vietnamese_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-vietnamese_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-vietnamese_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-vietnamese_latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
.section-title-main, h1, h2, h3, h4, h5,h6 , strong, .icon-box-text, .icon-box-text h2, .icon-box-text h3, .icon-box-text h4,  .icon-box-text h5, .sidebar-menu .nav-sidebar li a, .col-inner, .text-center, .text-center h2,  .text-center h3, .text-center h4, .text-center h5 ,  .col-inner strong,
.col-inner h3, .col-inner h4, .header-nav > li.menu-item, .header-nav > li.menu-item a, .header-nav li.menu-item, .header-nav li a, h1.entry-title, .widget-title , .col-inner h2, .col-inner h3, .col-inner h4, .col-inner h5, .col-inner h6, .top-bar-nav li.menu-item a , .account-item span , #header-contact li a span, h3.product-section-title, .woocommerce-breadcrumb.breadcrumbs, ul.product-tabs > li > a, .widget, .product-short-description, button.button, .product_meta span, h3.comment-reply-title, .html.custom, span.header-cart-title, .footer-secondary.pull-right,.utm-avo, .tab a span, .button, .searchform .search-field, .searchform .search-field::placeholder, .header-top li a > span,
table tr th, table tr td, label, .form-row input,.form-row select, .form-row textarea, .mini_cart_item a, .mini_cart_item span, .woocommerce-mini-cart__total span, .tab-panels .panel.entry-content , .tab-panels .panel.entry-content p, .woocommerce-MyAccount-navigation-link a, .woocommerce-additional-fields h3, .woocommerce-billing-fields h3,  .breadcrumbs a, #mega-menu-title,.woocommerce-info
{
font-family: 'Open Sans' ,sans-serif  !important;;
}
.customfooter {
		background-size:cover!important;
		color: #fff;
		padding-top: 50px;
		padding-bottom:10px;
}
.customfooter p {
		margin-bottom:10px;
}
.customfooter .title {
		text-transform:uppercase;
		font-size:22px;
		border-bottom:1px solid;
		padding-bottom:5px;
		margin-bottom:20px;
}
.customfooter .title span {
		border-bottom:3px solid;
		padding-bottom:7px;
}
.customfooter .col {
		padding-bottom:0;
}
.customfooter i {
		margin-right:10px;
}
.customfooter .subtitle {
		font-weight:bold;
		font-size:120%;
}
.cta {
		position:fixed;
		right:0px;
		bottom:30px;
		width:90px;
	z-index:9999;
}
.ctaitem {
		position: relative;
		visibility: visible;
		background-color: transparent;
		width: 90px;
		height: 90px;
		cursor: pointer;
		z-index: 9999;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0);
		transition: visibility .5s;
		left: 0;
		bottom: 0;
		display: block;
}
.ctabg {
		width: 60px;
		height: 60px;
		top: 15px;
		left: 15px;
		position: absolute;
		box-shadow: 0 0 0 0 #dd3333;
		border-radius: 50%;
		border: 2px solid transparent;
		-webkit-animation: zigzag 2.3s infinite ease-in-out;
		animation: zigzag 2.3s infinite ease-in-out;
		transition: all .5s;
		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-animuiion: zoom 1.3s infinite;
		animation: zoom 1.3s infinite;
}
.ctaimg {
		width: 40px;
		height: 40px;
		line-height: 40px;
		top: 25px;
		left: 25px;
		position: absolute;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		-webkit-animation: zigzag 2s infinite ease-in-out;
		animation: zigzag 2s infinite ease-in-out;
}
.ctaimg a {
		display:block;
}
.ctacontent {
		color: #fff;
		padding: 10px 15px;
		border-radius:99px;
		position:absolute;
		z-index:0;
		top:22px;
		transition-duration:2s;
		display:none;		
		margin-left:-180px;
		font-size:100%;
		width:250px;
		transition-duration:2s;
}
.ctaitem:hover .ctacontent {
		display:block;
}
.ctamobile {
		position:fixed!important;
		right:0px;
		bottom:0px;
		width:100%;
	z-index:99999!important;
}
.mobileicon {
		float:left;
		text-align:center;
		padding: 5px 0;
		position:relative;
		z-index:99999!important;
		border-right:1px solid #fff;
}
.mobileicon img {
		width: 30px;
}
.mobileicon p {
		margin-bottom:0;
}
.mobileicon a {
		color: #fff;
}
.mobileicon img {
		justify-content: center;
		-webkit-animation: zigzag 2s infinite ease-in-out;
		animation: zigzag 2s infinite ease-in-out;
}
@-webkit-keyframes zigzag {
  0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
  10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
@keyframes zigzag {
  0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
  10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}

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


}