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

/*************** ADD CUSTOM CSS HERE.   ***************/
.headercontact .col {padding: 0 15px 0px;}
.one_half {width: 49%;margin-left: 3px;}
.cdm-hr-left {color: #E99833 !important;height: 3px !important;width: 30%;opacity: 1;}
.rownoidungcotloi {border:1px solid white;border-radius:10px;}
.sec-kiem-dinh .col {padding: 0 15px 8px;}
#foxidesign, #brochure {border-radius:10px;}
.sec-form .title-form {display:none;}
.menu-footer2 {display:flex;list-style:none;justify-content: flex-end;}
ul.button_fixed {list-style: none;margin: 0;position: fixed;z-index: 999;bottom: 15px;right:5px;}
ul.button_fixed li:not(:last-child) {margin-bottom: 8px;}
.header-bottom {border-top: 1px solid #cfb87c;}
.logo-left .logo {margin-right: 120px;}
.header-bottom-nav > li > a {font-weight: bold;}
p {text-align:justify;}
input[type='email'], input[type='date'], 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;border-radius: 5px !important;}
input[type='submit']:not(.is-form) {border-radius: 5px;color: #000;}
@media only screen and (min-width: 48em) {.box-tai-sao-chon .col-inner {height:380px;overflow: hidden;}}
.sec-2-truong {border-top:2px solid #cfb87c;}
p {text-align:justify}
.giangvien-section .icon-box-img img {padding-top: 0;border: 3px solid #c6b17b;border-radius: 99%;background-color: #fff;}
.giangvien-section .icon-box {margin-top: -75px;}
.hoat-dong .box-text {background-color: #cfb87c;bottom: 0;}
.sec-hocphi .nav-pills > li.active > a {color: #000;}
.sec-hocphi .nav>li>a {font-size: 1em;}
.sec-hocphi .nav-pills>li>a {border-radius: 3px;}
.sec-hocphi th, td {border: 1px solid #fbfbfb;padding: 10px;}
.sec-hocphi .dark th, .dark td {border-color: rgb(207 184 124);padding: 10px;font-size:120%;}
.absolute-footer.dark {display: none;}
.button_fixed .phone-alo img {animation: shake 3s ease-in-out 0s normal none infinite running;}
@keyframes shake {0% {transform: rotate(0deg) scale(1) skew(1deg);}5% {transform: rotate(-25deg) scale(1) skew(1deg);}10% {transform: rotate(25deg) scale(1) skew(1deg);}15% {transform: rotate(-25deg) scale(1) skew(1deg);}20% {transform: rotate(25deg) scale(1) skew(1deg);}25% {transform: rotate(0deg) scale(1) skew(1deg);}100% {transform: rotate(0deg) scale(1) skew(1deg);}}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {background-color: rgb(0 0 0 / 95%);}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.dark .nav>li>a {    color: rgb(239 219 166);text-transform: uppercase;}

}