/**************
    GLOBAL
**************/
@font-face {
    font-family: 'Chapaza-Regular';
    src: url('../fonts/Chapaza-Regular.eot');
    src: url('../fonts/Chapaza-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Chapaza-Regular.woff2') format('woff2'),
        url('../fonts/Chapaza-Regular.woff') format('woff'),
        url('../fonts/Chapaza-Regular.ttf') format('truetype'),
        url('../fonts/Chapaza-Regular.svg#SVN-Chapaza-Regular') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi-Regular';
    src: url('../fonts/Satoshi-Regular.eot');
    src: url('../fonts/Satoshi-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Satoshi-Regular.woff2') format('woff2'),
        url('../fonts/Satoshi-Regular.woff') format('woff'),
        url('../fonts/Satoshi-Regular.ttf') format('truetype'),
        url('../fonts/Satoshi-Regular.svg#Satoshi-Regular') format('svg');
	font-style: normal;
}

@font-face {
    font-family: 'Satoshi-Medium';
    src: url('../fonts/Satoshi-Medium.eot');
    src: url('../fonts/Satoshi-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Satoshi-Medium.woff2') format('woff2'),
        url('../fonts/Satoshi-Medium.woff') format('woff'),
        url('../fonts/Satoshi-Medium.ttf') format('truetype'),
        url('../fonts/Satoshi-Medium.svg#Satoshi-Medium') format('svg');
}

@font-face {
    font-family: 'ShelleyAndanteBT';
    src: url('../fonts/ShelleyAndanteBT-Regular.eot');
    src: url('../fonts/ShelleyAndanteBT-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ShelleyAndanteBT-Regular.woff2') format('woff2'),
        url('../fonts/ShelleyAndanteBT-Regular.woff') format('woff'),
        url('../fonts/ShelleyAndanteBT-Regular.ttf') format('truetype'),
        url('../fonts/ShelleyAndanteBT-Regularsvg#ShelleyAndanteBT-Regular') format('svg');
}

.chapaza{
	font-family: 'Chapaza-Regular';
}

.satoshi{
	font-family: 'Satoshi-Regular';
}

.shelley{
	font-family: 'ShelleyAndanteBT';
}

figcaption{
    text-align: center;
}

.uk-transition-slide-bottom.uk-position-cover{
	--uk-translate-y: 80%;
}

.uk-transition-slide-bottom {
    --uk-translate-y: 73%;
    opacity: 1;
    border-top-right-radius: 70px;
}

/* Large Desktops  ----------- */
@media screen and (min-width : 1200px) and (max-width : 1400px) {
  .uk-transition-slide-bottom {
	  --uk-translate-y: 77%;
	}
}
@media only screen and (max-width : 1024px) {
  .uk-transition-slide-bottom {
	  --uk-translate-y: 75%;
	}
}
@media only screen and (max-width : 960px){
	.uk-transition-slide-bottom {
	  --uk-translate-y: 65%;
	}
}
@media only screen and (max-width : 640px){
 	.uk-transition-slide-bottom {
	  --uk-translate-y: 75%;
	}
}
@media only screen and (max-width : 480px){
 	.uk-transition-slide-bottom {
	  --uk-translate-y: 68%;
	}
}
  
/******* Header ********/
/* toolbar */

/* header bar */


/* Offcanvas mobile menu */


/* Search */

/* Navbar dropdown */


  
/******* Main Content ********/

/* Home */
.font-loop{
	min-width: unset;
}


/* Blogs */

  
/* Single Post */
  

  
/* Sidebar */

  
  
/* Form liên hệ */
.hotline_tv{
    font-weight: 600;
}
  
  
  
/** Sidebar **/
  
  
  
/******* Footer *******/

/* HOTLINE */

/***********************
      RESPONSIVE
***********************/
/* Smartphones (portrait only ) ----------- */
@media only screen and (max-width : 480px){
    
}
  
/* Smartphones (portrait and landscape ) ----------- */
@media only screen and (max-width : 640px){
 	.jo-section-slider .landing-content .font-loop .font-item{
		font-size: 1.5rem !important;
	}
}
  
 
/* Tablets (portrait) ----------- */
@media only screen and (max-width : 960px){
	.landing-content .font-loop .font-item{
		font-size: 3rem !important;
	}
}
  
/* Large laptop  ----------- */
@media only screen and (max-width : 1400px) {
  .landing-content .font-loop .font-item{
		font-size: 4rem;
	}
}

/* Large Desktops  ----------- */
@media only screen and (min-width : 1400px) {
  
}