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

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: "Ftv Vip Austria";
  src: url("./fonts/1FtvVipAustria.otf");
}
.ploingo>.col-inner{
	height:520px;
	overflow-y:scroll
}
.footer-primary.pull-left{
	float:none !important;
	margin:0 auto !important;
	text-align:center
}
.btgal{
	border-radius:30px !important;
	padding: 6px 30px !important;
    border-radius: 35px !important;
    background: #fff !important;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15) !important;
    color: #078c33 !important;
    font-weight: 600 !important;
}
#player{
	max-width:100% !important
}
.pagethuvien .page-col.col{
	        flex-basis: 20%;
        max-width: 20%;
}
.xgal .flickity-slider .gallery-col.col{
	transform: scale(0.75);
}
.xgal .flickity-slider .gallery-col.col .box-image{
	border-radius:15px !important
}
.xgal .flickity-slider .box{
	border-radius:15px !important
}
.xgal .flickity-slider .gallery-col.col img{
	border-radius:15px !important
}
.xgal .flickity-slider .gallery-col.col.is-selected:nth-child(2), .xgal .flickity-slider .gallery-col.col.is-selected:nth-child(5), .xgal .flickity-slider .gallery-col.col.is-selected:nth-child(8){
	transform: scale(1.3);
	border-radius: 20px !important;
	z-index:8 !important;
}
.xgal .flickity-slider .gallery-col.col.is-selected:nth-child(2) img, .xgal .flickity-slider .gallery-col.col.is-selected:nth-child(5) img, .xgal .flickity-slider .gallery-col.col.is-selected:nth-child(8) img{
	border-radius:25px !important
}

.thivienimage .flickity-page-dots{
	bottom:-35px !important;
	
}
.thivienimage .flickity-page-dots .dot.is-selected{
	width:30px !important;
	border-radius:8px !important;
	background:#078c33 !important;
}
.pagethuvien .box-image{
	display:none !important
}
.pagethuvien  .box-text.text-center{
	padding:12px 20px;
	border-radius:35px !important;
	background:#fff !important;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15) !important;
	color:#078c33;
	font-weight:600 !important;
	    display: inline-table;
}
.pagethuvien  .box-text.text-center .box-text-inner{
	display:block !important
}
.pagethuvien  .box-text.text-center p{
	margin:0px !important;
	white-space:nowrap;
	    font-size: 16px;
}
.pagethuvien  .box-text.text-center:hover p{
	color:#283c8b !important
}
.row.pagethuvien{
	    display: -webkit-box !important;
}
.img.imgtada{
	margin-left:280px !important
}
.open-video{
	border:0px !important;
	width:250px !important;
	height:250px;
	background:url(/wp-content/uploads/2025/11/output-online.gif) no-repeat top center !important;
	background-size:100% !important;
	margin-top:40px !important;
	margin-bottom:0px !important;
}
.banvideo, .banvideo .fill{
	border-radius:15px !important
}
.open-video i{
	display:none !important
}
.header-button-1 .button{
	border-radius:3px !important;
	text-transform:none !important;
	background:hsl(0deg 0% 100% / 50%) url(/wp-content/uploads/2025/11/ix5.png) no-repeat top 15px left 15px !important;
	color:#078c33 !important;
	font-weight:600 !important;
		font-family:'Arial' !important;
	    padding-left: 40px;
	padding-right:20px;
	padding-top:4px !important;
	padding-bottom:4px !important;
	    font-size: 15px;
	border:0px !important;
	    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3) !important;
}
.header-main .nav > li > a{
	font-family:'Arial' !important;
	font-weight:normal !important;
	color:#078c33 !important
}
.header-main .nav > li.menu-item-home >a{
	font-weight:700 !important;
	color:#078c33 !important
}
.colform>.col-inner{
	padding-top:15px;
	padding-left:25px;
	padding-right:25px;
	border-radius:10px;
}
.wpcf7-spinner{
	display:none !important
}
.colform h3{
	text-transform:uppercase;
	margin-bottom:10px;
}
.colform .wpcf7-form-control.wpcf7-submit{
	width:100% !important;
	display:block !important;
	border-top-left-radius:5px !important;
	border-top-right-radius:5px !important;
}
.colform .wpcf7-form-control{
	height:45px;
	font-size:14px;
	border:0px !important;
	border-radius:3px;
}
.absolute-footer{
	padding-top:20px !important;
	padding-bottom:20px !important;
	border-top:1px solid #1d9045;
	font-size:13px;
}
.hheadsub.hhead h2{
	color:#fff;
}
.colacti .icon-box-img img{
	border:3px solid #1d9045
}
.colacti .icon-box-img{
	position:relative
}
.rfull .testimonial-text h3{
	text-transform:uppercase;
	color:#fff;
	font-size:20px;
}
.rfull .testimonial-text{
	    font-style: normal !important;
}
.colacti .icon-box-img:after{
    bottom: -30px;
    height: 30px;
    width: 1px;
    content: "";
    position: absolute;
    margin: 0 auto;
    background: #1d9045;
    left: 0px;
    right: 0px;
	
}
.rfull .star-rating span,.rfull .star-rating span:before,.rfull .star-rating:before,.rfull .woocommerce-page .star-rating:before {
	color:orange !important;
	font-size:12px !important
}
.rfull .icon-box-img{
	margin-bottom:30px;
}
.rfix .box-image img{
	border-radius:10px;
}
.rfull .icon-box-text{
	padding:30px 40px;
	color:#fff;
    background: linear-gradient(-45deg, rgba(40, 60, 139, 1) 0%, rgba(29, 144, 69, 1) 50%, rgba(40, 60, 139, 1) 100%) !important;
    border-radius: 15px !important;
	min-height:280px
}
.rfix h3{
	margin-top:15px;
	margin-bottom:10px;
	color:#283c8b;
	font-size:20px;
}
.namnam{
	position:relative
}
.galx img{
	border-radius:5px;
}
.btkyniem{
	padding:10px 40px;
	font-family: "Roboto Condensed", sans-serif;
	letter-spacing:2px;
	font-size:20px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.ullist{
	list-style:none;
	margin-left:0px !important;
}
.ullist li{
	margin-left:0px;
	list-style:none;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #1d9045;
	
}
.namnam p{
  font-family: "Roboto Condensed", sans-serif;
	
}
.namnam h3{
	position: absolute;
    left: 160px;
    top: 75px;
    text-transform: uppercase;
    display: block;
    max-width: 200px;
}
.namnam p strong{
	font-size:150px;
}
.namnam h3 strong{
	font-size:36px;
}
.bgmucluc .col-inner{
	background: #283C8B;
background: linear-gradient(-45deg,rgba(40, 60, 139, 1) 0%, rgba(29, 144, 69, 1) 50%, rgba(40, 60, 139, 1) 100%) !important;
	border-radius:20px !important
}
.loingo{
	position:relative
}
.loingo:after{
	width:400px;
	height:400px;
	z-index:0;
	content:'';
	position:absolute;
	right:0px;
	bottom:0px;
	background:url(https://tech.aztheme.com/wp-content/uploads/2025/10/image1.gif) no-repeat top right;
	background-size:100% !important;
	opacity:0.4
}
.banhome {
	overflow:hidden
}
.bgcomment p{
	margin-bottom:10px !important
}
.bgcomment h4{
	  font-family: "Pacifico", cursive;
font-weight:normal !important;
	margin-top:15px;
	font-size:32px;
}
.bgcomment strong{
	    font-family: "Ftv Vip Austria";
	color:#1d9045;
	font-weight:normal !important;
	font-size:24px;
}
.bgcomment{
	padding:30px;
	background:url(https://tech.aztheme.com/wp-content/uploads/2025/10/bgform.png) no-repeat top left !important;
	    max-width: 780px;
}
.btkyuc{
	border-radius:5px !important;
	padding:5px 50px;
	font-size:24px;
}
.imgtada{
    visibility: visible;
    animation-duration: 2.5s;
    animation-name: tada;
	    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.ploingo h2{
	font-size:52px;
	color:#283c8b
}
.ploingo{
	font-size:14px !important;
	color:#111;
	text-align:justify
}
#header .header-inner, .loingo .row, .gallery .row, .row.rfix, .row.rfull{
	max-width:80% ;
	margin:0 auto !important
}
.row.xgal{
	max-width:80% !important;
	margin:0 auto !important
}
.row.row-large, .row.rowgal{
	max-width:80% !important;
	margin:0 auto !important
}
.row.rowgal img{
	border-radius:5px !important
}
.header-main .nav-spacing-xlarge>li {
    margin: 0 30px;
}
.hhead h2{
	color:#283c8b;
	font-size:62px;
	margin:0px;
}
.hhead h3{
	font-family: "Ftv Vip Austria";
	font-weight:normal !important;
	color:#00a978 !important;
	font-size:45px;
	margin-bottom:0px !important
}
.header-main .nav > li > a {
    font-size: 17px;
}
.banhome h2{
	font-family: "Ftv Vip Austria";
	font-weight:normal !important;
	color:#00a978 !important;
	font-size:62px;
}
.banhome h1{
	font-size:72px;
	margin-bottom:45px;
	position:relative
}
.banhome h1:after{
	width:150px;
	height:150px;
	background:#00a9786b;
    left: -100px;
    top: -75px;
    border-bottom-left-radius: 99px;
    border-top-right-radius: 105px;
	content:"";
	position:absolute;
	z-index:2;
}
.banhome .banner-layers.container{
	max-width:80%;
	margin:0 auto !important
}
.animation-circle-inverse {
    opacity: 0.25;
    
}
.animation-circle-inverse i {
      background: #00a978 ;
      position: absolute;
      height: 200px;
      width: 200px;
      border-radius: 100%;
      opacity: 0.3;
      -webkit-animation: ripple1 3s linear infinite;
      animation: ripple1 3s linear infinite; }
.animation-circle-inverse i:nth-child(2) {
        -webkit-animation: ripple2 3s linear infinite;
        animation: ripple2 3s linear infinite; }
 .animation-circle-inverse i:nth-child(3) {
        -webkit-animation: ripple3 3s linear infinite;
        animation: ripple3 3s linear infinite; }

@keyframes ripple1 {
  0% {
    transform: scale(1.5);
    opacity: 0.3; }
  100% {
    transform: scale(1.5);
    opacity: 0; } }

@keyframes ripple2 {
  0% {
    transform: scale(1.5); }
  100% {
    transform: scale(1.5); } }

@keyframes ripple3 {
  0% {
    transform: scale(1.5); }
  100% {
    transform: scale(1.5); } }
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-1.5deg);
    -ms-transform: scale(0.9) rotate(-1.5deg);
    transform: scale(0.9) rotate(-1.5deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(1.5deg);
    -ms-transform: scale(1.1) rotate(1.5deg);
    transform: scale(1.1) rotate(1.5deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-1.5deg);
    -ms-transform: scale(1.1) rotate(-1.5deg);
    transform: scale(1.1) rotate(-1.5deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.namnam p strong {
    font-size: 100px;
}
	.namnam h3 {
    position: absolute;
    left: 120px;
		top: 40px;}
.banhome h1 {
    font-size: 32px;
    margin-bottom: 25px;
	}
	.bgcomment h4{
		font-size:24px;
	}
	.hhead h2{
		font-size:32px;
	}
	.hhead h3{
		font-size:21px !important
	}
	.banhome h2{
		font-size:24px !important
	}
	#header .header-inner, .loingo .row, .gallery .row, .row.rfix, .row.rfull{
	max-width:100%;
	margin:0 auto !important
}
	.ploingo h2 {
		font-size: 34px;}
	.bgcomment{
		background:none !important
	}
	.pagethuvien .col{
		    flex-basis: 100%;
    max-width: 100%;
		padding-bottom:5px !important
	}
	.img.imgtada {
    margin-left: 50px !important;
		z-index:10 !important;
}
	.xgal .flickity-slider .gallery-col.col {
    transform: scale(1) !important;
}
	.nenxoay {
		display:none !important
	}
	.listalbum .button{
	margin-left:1% !important;
	margin-right:1% !important;
	width:48% !important;
	float:left !important;
	    font-size: 11px !important;
		white-space:nowrap;
	    padding: 6px 10px !important;
}
.listalbum .button.bttapthe{
	width:98% !important
}
}