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

html {
  scroll-behavior: smooth;
}
.formungtuyen .col-inner{
	padding: 50px 30px ;
	border-radius: 10px;
}

.wpcf7 input,.wpcf7 select{
	border-radius: 10px;
	border:1px solid #999999;
	margin-bottom: 25px;

}

.slider-custom{
padding: 0;
bottom: 0px; 
}
.slider-custom .flickity-slider .img{
max-width: 20%!important;
margin: 5px;
border: 2px solid #fff;
}
.slider-custom .flickity-page-dots {
display: none;
}

.cf7ngang span.wpcf7-form-control-wrap {
    width: 32%;
    margin: 0px 10px;
    border-radius: 30px;
}

.cf7ngang .flex-col.flex-grow p,.cf7ngang .flex-col.flex-grow {
    display: flex;
}

.cf7ngang span.wpcf7-form-control-wrap input, .cf7ngang span.wpcf7-form-control-wrap select{
	background: white;

	
}

.cf7ngang input.wpcf7-form-control.wpcf7-submit.has-spinner.button {
    background: white;
    color: #d32027;
    transform: translateY(-8px);
}
.cf7ngang .col-inner{
	border-color: rgb(255, 216, 216);
    box-shadow: rgb(255, 216, 216) 0px 1px 11px 0px;
    transform: translateY(10px);
    padding-bottom: 5px;
    border-radius: 20px;

}

.themhieuungbox .wpcf7-form {
	    border-color: rgb(237, 28, 37);
    box-shadow: rgb(237, 28, 37) 0px 1px 11px 0px;
    padding: 50px;
    border-radius: 15px;
    background: white;
}

div#HEADLINE994 {
    padding-top: 10px;
}

.motacv .text p,.motacv p{
	padding: 1px 20px;
}
.motacv .page-header-wrapper{
	margin-bottom: 20px;
}

.motacv .bgtrang{
background: white;
	    border-color: rgb(255, 255, 255);
    box-shadow: rgb(237, 28, 37) 0px 15px 20px -20px;
   padding-bottom: 10px;
}
label.tieudett {
    font-size: 1.8rem;
    color: #b2151c;
    text-align: center;
    margin-bottom: 30px;
}
.borderdotron{
	background: white;
	padding: 10px;
	border:1px solid red;
	border-radius: 10px;
	height: 170px;
}

.footercss .icon-box-text.last-reset {
    margin-bottom: 20px;
}

.absolute-footer {
    display: none;
}

.attention {
  display: inline-block;
  animation: pulse 1.7s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

strong.uppercase.attention.sdt {
    background: red;
    padding: 10px 20px;
    color: white;
    border-radius: 15px;
}
li.html.custom.html_topbar_left {
    transform: translateX(60px);
}

a.button.kygui {
	background: white !important;
	border:1px solid white;
}


.boxtintuc .post-title a {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 18px;
}
.boxtintuc .col-inner {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 1px 1px 7px 2px #cdcdcd;
}

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-inner.flex-row.container {
    max-width: 90%;
}

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

.cf7ngang .flex-col.flex-grow p, .cf7ngang .flex-col.flex-grow{
	display: block;
}
.cf7ngang span.wpcf7-form-control-wrap {
    width: 90%;
    margin: 0px 10px;
    border-radius: 30px;
}

li.html.custom.html_topbar_left {
    transform: translateX(0px);
}
.borderdotron{
	
	height: auto;
}

strong.uppercase.attention.sdt {
    background: red;
    padding: 10px 7px;
    color: white;
    border-radius: 15px;
    width: 170px;
    text-align: center;
    position: relative;
}

div#logo {
    width: 90px;
}
.header-inner.flex-row.container {
    max-width: 100%;
}
}

a.button.white.is-outline.is-large.dktvbds.attention {
    background: white !important;
}

.cachdeu .col {
  
    height: 70px;
}