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

/*************** ADD CUSTOM CSS HERE.   ***************/
.nav > li > a {
    font-family: "inter", sans-serif!important;
}


.slide-track img {
  width: 90px;
  height: 90px;
  animation: scroll 50s linear infinite;
	max-width:90px;
	filter: grayscale(100%);
}
.slide-track img:hover {
	filter: grayscale(0%);
}

.slide-track {
  width: 100%;
  display: flex;
  gap: 4em;
  overflow: hidden;
}

.slider2 {
  background-color: whitesmoke;
}

@keyframes scroll {
  0% {transform: translateX(0);}
  100% {transform: translatex(-1000%)}
}

@media only screen and (min-width: 48em) {.col-kiemsoatmuoi .col-inner{height:400px;border-radius:5px;}}
.nav-dropdown.dropdown-uppercase>li>a {text-transform: none;font-size: 1em;}
.nav>li>a {transition: all 0s;}
.header-main .sidebar-menu .nav>li>a {font-size: 1em!important;}
.form-kiemsoat input.wpcf7-form-control.wpcf7-submit {margin: 0;}
.nav-small.nav>li.html {font-size: 1em;}
.nav-small.nav>li.html a {color: #ffffff!important;}
.nav-small.nav>li.html a:hover {color: #FFFF00!important;}
.sectionhomeslider .col {padding: 0px;}
input.wpcf7-form-control.wpcf7-submit {display: block;margin: 0 auto;margin-top}
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {color: rgb(0 0 0);}
.gap-col .col {padding:0 9.8px 0px;}
.nav-pills>li>a {
    padding: 0 .75em;
    border-radius: 0px;
    line-height: 2.5em;
	background-color: #535353;margin-left: 30px;
	color:#fff;
	height: 60px;
	margin-bottom: 10px;
	line-height: 25px;
}
.nav-pills>li>a:hover {
	color:yellow;
	background-color: #9d0909;margin-left: 30px;	
}
.nav-pills>li:hover>a:after {
    content: "";
    width: 0;
    height: 0;
	border-top: 30px solid transparent;
    border-left: 15px solid #9d0909;
    border-bottom: 30px solid transparent;
    border-right: 0 solid transparent;
    position: absolute;
    top: 0px;
    right: -15px;
}
.nav-pills>li>a:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-left: 15px solid #535353;
    border-bottom: 30px solid transparent;
    border-right: 0 solid transparent;
    position: absolute;
    top: 0px;
    right: -15px;
}
.nav-pills>li.active>a:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-left: 15px solid #9d0909;
    border-bottom: 30px solid transparent;
    border-right: 0 solid transparent;
    position: absolute;
    top: 0px;
    right: -15px;
}
.tab-panels {
    background-color: #e8e8e8;
    padding: 1em 1em 0em 1em;
}

input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {font-weight: normal;height: 3.507em;}




@media screen and (min-width: 850px) {.homeseclinhvuc  .large-2 {max-width: 20%;-ms-flex-preferred-size: 20%;flex-basis: 20%;}}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.nav-small.nav>li.html {font-size: 0.8em;}

}