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

/*************** ADD CUSTOM CSS HERE.   ***************/
.category  .blog-archive{     padding-top: 5px;}
.blog-archive h1.page-title{ padding-top: 25px;}
.box-blog-post .is-divider{ background-color: rgb(242 2 2);}
.header, .header-wrapper{     border-bottom: 0.5px solid #efefefef;}
.flatsome_recent_posts .post_comments{ display: none}
h3.widget-title, span.widget-title{ color: #111;}
.dvls_maps_wrap select{     height: 40px !important;}
.dvls_result_infor a.maps_1{ color: #0221f2;}
.dvls_result_infor a.hotline_1{font-weight: bold; color: #f20202;}
.dvls_maps_wrap .dvls_maps_sidebar{ width: 460px;}
.dvls_maps_wrap input.dvls-submit{ background: #f20202 !important; }
.dvls_maps_wrap .dvls_result_infor h3{ font-size: 17px !important;}
.title_smartee .gpsmartee, .section1_why h1 span{     font-weight: 400;font-family: Signika, sans-serif; font-size: 25px; color: #f20202;}
.title_smartee h2{    font-size: 32px;  text-align: justify;font-family: Signika, sans-serif;}
.section1_home p{    font-size: 18px;  text-align: justify;}
.section1_home .left_home1{ padding-right:4%}
.section1_home .left_home1 a{    background: #f20202; padding: 10px 25px; border-radius: 5px; color: #fff;}
.section1_home .left_home1 a:hover{    background: #212121;}
.section2_home h2{     font-family: Signika, sans-serif; font-size: 32px; line-height: 50px;}
.section2_home .large-12 p{font-size: 18px; padding: 0 6%;} 
.section2_home .large-3 .col-inner{    background: #ffffffad; padding: 25px; border-radius: 10px; text-align: justify;}
.section2_home .large-3 .col-inner h3{     font-size: 19px; font-family: Signika, sans-serif; color: #f20202; border-bottom: 2px dashed #d9d9d9; padding-bottom: 10px;}
.section3_home .title_smartee p{    font-size: 18px;  padding: 0 17%;}
.section3_home .icon-box-text{    background: #f2020217; border-radius: 62px; padding: 10px 10px 10px 30px !important; margin-left: 15px;}
.section3_home .icon-box-text h5{font-family: Signika, sans-serif;  color: #f20202;margin-bottom: 0px;}
.section3_home .icon-box{margin-bottom: 15px; overflow:hidden}
.section3_home .img-inner{    border-radius: 10px;}
.section4_home .box-text .product-title a{    font-family: Signika, sans-serif; font-size: 17px;font-weight: bold; color: #2e2e2e; margin-top: 10px;}
.section5_home .box-text h5{font-family: Signika, sans-serif; MARGIN-TOP: 10PX;}
.header-main .nav > li > a{ font-family: Signika, sans-serif; font-size: 18px; text-transform: none;color: #222;}
.section1_about:after {  content: '';  position: absolute; top: 0;  bottom: 0; left: 0; right: 0;  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 80%); }
.section1_about .meta-title { text-transform: none; font-size: 18px; line-height: 26px; font-family: 'RobotoRegular', sans-serif;    color: #ffffff; letter-spacing: 0.36px;}
.section1_about  h1{color: #ffffff; font-size: 64px;         line-height: 68px;    font-family: 'RobotoBold', sans-serif;}
.section1_about .large-6{    padding: 130px 0;}
.section2_about .count-up{font-size: 64px;  line-height: 68px; color: #d4251f;   margin-bottom: 10px;}
.section2_about  p, .section7_about p{    font-family: 'RobotoRegular', sans-serif; font-size: 18px;   line-height: 26px; letter-spacing: 0.3px;  color: #000;}
.section3_about h2, .section6_about h2, .section7_about h2{     font-family: 'RobotoBold', sans-serif; color: #000; font-size: 42px}
.section3_about p{font-size: 18px;  line-height: 26px;}
.section7_about h2, .section7_about p{ color: #fff; text-align: justify}
.section7_about a{    background: #d4251f; color: #fff; padding: 10px 40px;  border-radius: 5px;}
.section7_about a:hover{    background: #222;color: #fff;}
.right_col_row3{ background: url(images/bg-nhakhoa.jpg) no-repeat center; background-size: 100%}
.section4_about p {font-family: 'RobotoRegular', sans-serif; font-size: 18px; line-height: 26px;letter-spacing: 0.3px; color: #000;}
.section4_about .large-4{padding: 100px 100px 100px 0; text-align: justify;}
.section1_why .large-6{ padding-bottom:0px !important}
.section2_why{     background: linear-gradient(to bottom, #1fabd424, #feb47b00);}
.section1_why p, .section2_why p{font-size: 18px;  text-align: justify;}
.section1_why h1{   font-family: Signika, sans-serif;  font-size: 37px; padding-top: 80px;}
.section2_why h2{ font-family: Signika, sans-serif; font-size: 37px;margin-bottom: 0px;}
.section2_why p{    margin-bottom: 5px; color: #222}
.section2_why h3{    font-size: 30px;    font-family: Signika, sans-serif; color: #222; margin-top: 80px;}
.section2_why p strong{    text-align: center; font-size: 15px; margin-top: 0px}
.section2_why .left_niengrang{    background-color: #F2F9FF; box-shadow: -5px 10px 50px #0000001A;  border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding: 30px 0% 40px 0; position: relative; z-index: 2;}
.section2_why .right_niengrang{background-color: #F8F7F7;  border-top-right-radius: 10px; border-bottom-right-radius: 10px; padding: 10px 1% 10px 0%;  margin-top: 20px; position: relative; z-index: 1;}
.section2_why .text_niengrang h4{ color: #ed1c24; font-size: 24px;}
.section2_why .text_niengrang p{    font-size: 15px;font-weight: bold;}
.tutor-col-12, .tutor-wrap{ padding-top: 40px; padding-bottom: 50px}
.left_course{     width: 50%; float: left;}
.section_academy ul li{ width: 45%; float: left; list-style: none; margin-lefT: 0px;   text-align: center; padding: 10px; border-radius: 10px;}
.section_academy ul li:nth-child(2n+2){margin-left: 10%;  background: #1f70d4;}
.section_academy ul li:nth-child(1){    background: #d4251f;}
.section_academy ul li a{ color: #fff; font-weight: bold}
.section_academy h2{    margin-bottom: 40px;}
.section_academy ul li:hover{background: #212121;}
.section1_courses .row, .section1_courses .row .col{ padding-bottom: 0px}
.section1_courses h1{    text-align: center; padding-top: 60px; font-size: 60px; margin-bottom: 25px;}
.section1_courses p{text-transform: uppercase; font-weight: bold; font-size: 18px;}
.section2_courses .row{background: #313131; padding-top: 20px; padding-left: 4px;    margin-bottom: 30px; border-radius: 10px;}
.section2_courses .row .col {padding-bottom: 20px}
.section2_courses .row .large-4 img{    border-radius: 10px;}
.section2_courses .row .large-8 h3, .tutor-course-top-page h2{    text-transform: uppercase; color: #EE5B54;font-size: 16px;}
.section2_courses .row .large-8 h2{ color: #fff; font-size: 35px; margin-bottom: 9px;}
.section2_courses .row .large-8 p{color: #fff}
.section2_courses .row .large-8  .bt_xct{ text-align: right; margin-top: 57px; line-height: 40px;margin-bottom: 0px;}
.section2_courses .row .large-8  .bt_xct span{border: 2px solid #EE5B54; padding: 10px 65px; color: #EE5B54; border-radius: 20px;}
.tutor-course-top-page{background: #313131;    overflow: hidden;}
.right_tutor{    width: 40%; float: right;}
.left_tutor{     width: 60%; float: left;}
.tutor-course-top-page{ padding: 75px 0;}
.tutor-course-top-page h1{ color: #fff; font-size: 40px;    padding-top: 20px; }
.tutor-course-top-page h2{    letter-spacing: 3px;}
.tutor-course-top-page p{    color: #FFF;}
.content_video{     width: 66%; margin: 0 auto; background: url(images/laptop-white-realistic.png) no-repeat; background-size: 100%; text-align: center; padding-top: 9px; padding-bottom: 14px;}
.content_video iframe{    height: 100%; width: 78% !important; margin: 0 auto;}
.tutor-col-xl-8 .tutor-pt-24 { padding-top: 0px;}
.tutor-col-xl-8 .tutor-mt-32 { margin-top: 0px;}
.tutor-course-details-header h1, .cate_top_head h1{     text-align: center; max-width: 100%;}
.tutor-meta{ display: none}
.section2_doctor .large-6 .banner { border-radius: 13px;}
.section2_doctor .large-6 .banner-bg{    border-radius: 13px;
    box-shadow: 3px 0px 4px 2px #BCBCBC;}
.section2_doctor .large-6 h3{    font-size: 30px;color: #313131;}
.section2_doctor .large-6  p{      font-size: 14px;
    margin-bottom: 19px;}
.section2_doctor .large-6  p a{background: #d4251f;
    font-size: 16px;
    padding: 9px 25px;
    border-radius: 20px;}
@media only screen and (max-width: 48em) { 
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.section2_courses .row .large-8 h2{ font-size: 26px;} 
	.section2_courses .row .large-8 .bt_xct{ margin-top: 30px;}
	.section1_courses h1{     font-size: 47px;}
	.left_tutor, .right_tutor{ width: 100%}
	.content_video {
		width: 91%;}

}