/*
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.   ***************/


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


}
@font-face {
	font-family: UTM-Avo;
	src: url('/wp-content/themes/flatsome-child/UTM-Avo.ttf');
	font-weight: normal;
	font-style: normal
}
body {
	font-family: 'UTM-Avo'!important;
	font-size: 16px;
	color: #333;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a,.nav > li > a{
  font-family: 'UTM-Avo'!important;
}
/*Ho tro truc tuyen*/
.float-icon-hotline { display: block; width: 40px; position: fixed; bottom: 170px; left: 35px; z-index: 999999;}
  .float-icon-hotline ul { display: block; width: 100%; padding-left: 0; margin-bottom: 0;}
  .float-icon-hotline ul li { display: block; width: 100%; position: relative; margin-bottom: 10px; cursor: pointer;}
  .float-icon-hotline ul li .fa { background-color: #ed1c24; display: block; width: 40px; height: 40px; text-align: center; line-height: 36px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; color: #fff; font-weight: 700; border-radius: 50%; position: relative; z-index: 2; border: 2px solid #fff;}
  .float-icon-hotline ul li .fa-phone { background-color: #ed1c24; }
  .float-icon-hotline ul li .fa-zalo { background: #ef0303 url(/wp-content/themes/flatsome-child/zalo.png) center center no-repeat; }
  .float-icon-hotline ul li .fa-messenger { background: #168efb url(/wp-content/themes/flatsome-child/fb.png) center center no-repeat; }
  .animated.infinite { animation-iteration-count: infinite;}
  .tada { animation-name: tada;}
  .animated { animation-duration: 1s; animation-fill-mode: both; }
  .float-icon-hotline ul li span { display: inline-block; padding: 0; background-color: #ff6a00; color: #fff; border: 2px solid #fff; border-radius: 20px; height: 40px; line-height: 36px; position: absolute; top: 0; left: 15px;  z-index: 0; width: 0; overflow: hidden; -webkit-transition: all 1s; transition: all 1s; background-color: #ff6a00; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; font-weight: 400; white-space: nowrap; opacity: 0; }

  @media only screen and (min-width: 960px) {
  	.float-icon-hotline ul li:hover span { width: 215px; padding-left: 30px; padding-right: 10px; opacity: 1;}
   .float-icon-hotline ul li .fa { background-size: contain !important;}
  }

  @media only screen and (max-width: 959px) {
    .float-icon-hotline ul { display: flex !important ; }
    .float-icon-hotline ul li~li { margin-left: 10px !important;}
    .float-icon-hotline ul li { margin-bottom: 0px !important; }
    .float-icon-hotline { bottom: 20px !important ; left: inherit !important; right: 237px !important; }
    a#top-link { bottom: 15px !important; }
    .float-icon-mail {left: 155px !important;}
   .float-icon-hotline {width: 60px !important;}
   .float-icon-hotline ul li .fa { background-size: cover !important;width: 60px !important; height: 60px !important;}
  .float-icon-hotline ul li .fa-phone {font-size: 30px !important;line-height: 57px !important;}
  }

  @keyframes tada {
    0% { transform: scale3d(1,1,1);}
    10%, 20% { transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
    30%, 50%, 70%, 90% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
    40%, 60%, 80% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
    100% { transform: scale3d(1,1,1);}
  }

  .float-icon-mail { bottom: 123px;}
  .float-icon-mail ul, .float-icon-mail ul li, .float-icon-mail ul li a { margin: 0px;}
  .float-icon-hotline ul li a#messengerButton { padding: 0px !important;background: transparent !important;border: 0px !important;}
  .float-icon-mail ul li a i.fa { background: #158efb;}
/*End ho tro truc tuyen*/
.nav-dropdown{
  border:none;
  font-size: 16px;
}
.nav-dropdown-has-arrow li.has-dropdown:before{
  border-width: 0;
}
.nav-dropdown-default{
  padding: 10px;
}
.section::before{
	background: url(/wp-content/themes/flatsome-child/scale-top.png) top repeat-x;
  top: 0px;
	transition: .25s;
	content: "";
  position: absolute;
  left: 0px;
  width: 100%;
  height: 50px;
  opacity: 0.4;
}
.footer-2 {
    background-image: url(/wp-content/uploads/2019/08/footer-bg.jpg);
}