.detail{
	text-style: italic;
	line-height:23px;
}
.content{
	line-height:23px;
}

.item-news{
	margin-left:0px;
	margin-right:0px;
}
a.activate-course {
	background: #ff5620;
	border-radius: 12px;
	font-weight: 700;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	text-shadow: 0 2px 1px rgba(0,0,0,.25);
	box-shadow: inset 0 -3px 0 0 rgba(0,0,0,.25);
	padding: 7px 14px 11pxpx;
	margin:0;
}
img.top-head-cloud1 {
    position: absolute;
    left: 20px;
    top: 21px;
}
img.top-head-cloud2 {
    position: absolute;
    right: 0px;
    top: 79px;
}
img.top-head-cloud23 {
    bottom: 190px;
    position: absolute;
    right: 30px;
    top: auto;
}
img.top-head-cloud11 {
	left: 210px;
	position: absolute;
	top: -30px;
}
img.top-head-cloud22 {
    position: absolute;
    right: 180px;
    top: -15px;
}

.home-menu li > a{
	font-weight:600;
	color:#ff6609;
}
#login-wrapper {
        display: none;
        margin: 0 auto;
        width: 400px;
        position: fixed;
        z-index: 10000;
        top: 20%;
        left: 50%;
        margin-left: -200px;
    }
    .box-header.login {
        font-size: 19px;
        padding: 10px 15px;
        -moz-border-radius-topleft: 20px;
        border-top-left-radius: 20px;
    }
    .box-header {
        border: 1px solid #154991;
        font-weight: bold;
        font-size: 14px;
        background: #154991;
        padding: 10px 15px;
        color: #FFF;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
    }
    .box-header.login {
        font-size: 19px;
        padding: 10px 15px;
    }
    .fr {
        float: right;
    }
    .box-header .fr a {
        display: block;
        width: 23px;
        height: 23px;
        background: url('https://hocmai.vn//public/admin/img/close_x.png');
        margin-right: -5px;
    }
    #login-wrapper .box {
        background: #fff;
        border: 1px solid #9d9d9d;
        margin-bottom: 15px;
        padding: 15px;
        border-top: 0;
        -moz-border-radius-bottomleft: 3px;
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
    }
    #login-wrapper .box form{
        padding: 0;
        margin:0;
    }
    #login-wrapper .box form div.row {
        clear: both;
        padding: 4px 0;
        margin-bottom: 15px;
        margin-left: 0;
    }
    #login-wrapper .box form.login label {
        width: 110px;
    }
    #login-wrapper .box form .row label {
        width: 110px;
    }
    #login-wrapper .box form .row a{
        margin-top: 10px;
        display: inline-block;
        padding: 5px 8px;
        font-size: 14px;
        color: #FFF;
        border-radius: 4px;
        border: 1px solid;
        box-shadow: 2px 1px 5px 0px #c7c7c7;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 3px;
         -webkit-border-top-left-radius: 10px; 
         -webkit-border-top-right-radius: 3px; 
    }
    #login-wrapper .box form .row i{
        float: left;
        display: inline-table;
        display: block;
        margin-right: 5px;
        width: 19px;
        height: 20px;
        background: url('https://hocmai.vn//public/admin/img/d_social_buttons.png');
    }
    #login-wrapper .box form .row .facebook{
        background: #3e5b98;
    }
    #login-wrapper .box form .row .facebook i{
        background-position: 0 0;
    }
    #login-wrapper .box form .row .google{
        background: #da4f2e;
    }
    #login-wrapper .box form .row .google i{
        background-position: -40px;
    }
    #login-wrapper .box form .row .yahoo{
        background: #6E329D;
    }
    #login-wrapper .box form .row .yahoo i{
        background-position:-80px;
    }
    #login-wrapper .box form label {
        padding-top: 5px;
        margin-right: 8px;
        display: block;
        color: #454545;
        font-size: 17px;;
        float: left;
    }
    #login-wrapper .box form.login input {
        width: 235px;
    }
    #login-wrapper .box form input, form textarea, form select {
        background: #FFFFFF url('https://hocmai.vn//public/admin/img/input-bg.gif') repeat-x top;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid #c7c6c6;
        outline: medium none;
        padding: 7px 6px 6px 6px;
        margin: 0;
    }
    #login-wrapper .box .tr {
        text-align: right;
    }
    #login-wrapper .box .button {
        -moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        cursor: pointer;
        display: inline-block;
        font: 14px/100% Arial, Helvetica, sans-serif;
        margin: 0 2px;
        outline: medium none;
        padding: 0.5em 2em 0.55em;
        text-align: center;
        text-decoration: none;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
        vertical-align: baseline;
        background: #154992;
        color: #E9E9E9;
    }

    .reserve-wrapper, .reserve-wrapper-2, .reserve-wrapper-3 {
        height: 0px;
        width: 100%;
        background-color: #0072bc;
        text-align: center;
        padding: 0;
        position: relative;
        z-index: 20;
        margin: 0 0 10px;
        opacity: 0;
        visibility: hidden;
        display: none;
    }
    
    .reserve-wrapper::before {
        content: "";
        display: block;
        height: 40px;
        left: 5px;
        position: absolute;
        top: 0;
        width: 338px;
    }

    .reserve-wrapper-2:before {
        line-height: 40px;
        content: "HOC THỬ MIỄN PHÍ PEN-I >>";
        display: block;
        height: 40px;
        left: 5px;
        position: absolute;
        top: 0;
        width: 338px;
        color: white;
        font-weight: bold;
        font-size: 22px;
    }

    .reserve-wrapper:before {
        line-height: 40px;
        content: "ĐẶT CHỖ PEN 2018 >>";
        display: block;
        height: 40px;
        left: 5px;
        position: absolute;
        top: 0;
        width: 338px;
        color: white;
        font-weight: bold;
        font-size: 22px;
    }

    .reserve-pen {
        max-width: 670px;
        margin: 0 auto;
        color: #ffffff;
    }

    .reserve-wrapper-2 .reserve-pen, .reserve-wrapper-3 .reserve-pen {
        max-width: 700px;
    }

    .reserve-wrapper-2 .reserve-pen ul li, .reserve-wrapper-3 .reserve-pen ul li {
        width: 220px;
        float: left;
    }

    .reserve-pen ul {
        list-style: none;
        padding: 0;
        padding-left: 30px;
    }

    .reserve-pen ul li {
        width: 160px;
        float: left;
    }

    .reserve-pen ul li .step {
        display: block;
        height: 40px;
        padding: 8px 0;
        line-height: 24px;
        position: relative;
    }

    .reserve-pen ul li .step .step-number {
        position: absolute;
        width: 40px;
        height: 40px;
        border: 2px solid white;
        border-radius: 29px;
        left: -20px;
        top: 0;
        z-index: 4;
        line-height: 36px;
        font-size: 14px;
        background-color: #0072bc;

    }

    .reserve-pen ul li .step-content {
        position: relative;
        display: block;
        overflow-y: hidden;
        padding-left: 12px;
        font-size: 16px;
    }

    .reserve-pen ul li .step-content:before {
        position: absolute;
        height: 0;
        width: 0;
        content: '';
        top: 50%;
        left: 12px;
        margin-top: -28px;
        border-left: 16px solid white;
        border-bottom: 28px solid transparent;
        border-top: 28px solid transparent;
        z-index: 1;
    }

    .reserve-pen ul li .step-content:after {
        position: absolute;
        height: 0;
        width: 0;
        content: '';
        top: 50%;
        left: 10px;
        margin-top: -28px;
        border-left: 16px solid #0072bc;
        border-bottom: 28px solid transparent;
        border-top: 28px solid transparent;
        z-index: 2;
    }

    .reserve-pen ul li.active {
        background-color: #fd9e00;
        color: white;
    }

    .reserve-pen ul li.active .step:before {
        content: '!';
        height: 16px;
        width: 16px;
        line-height: 16px;
        font-size: 12px;
        font-weight: 500;
        border-radius: 5px;
        position: absolute;
        top: 3px;
        left: -25px;
        z-index: 10;
        background-color: #fd9e00;
    }

    .reserve-pen ul li.active .step .step-number {
        background-color: #0072bc;
        border-color: #ffffff;
    }

    .reserve-pen ul li.active .step-content:before {
        border-left-color: #ffffff;
    }

    .reserve-pen ul li.active .step-content:after {
        border-left-color: #fd9e00;
    }

    .stickyTop {
        position: fixed;
        z-index: 1000000;
        width: 100%;
        top: 0;
        left: 0;
    }

    .show-bar {
        height: 40px;
        opacity: 1;
        display: block;
        visibility: visible;
        -webkit-transition: height 0s, opacity 1s,  visibility 1s;
        transition: height 0s, opacity 1s,  visibility 1s;
    }
	
	.h-info-grade hr{
		margin-bottom:10px;
		margin-top:10px;
	}
	#animation {
				text-align: center;
				width:100%;
				max-width: 1120px;
				border: 0px solid #ccc;
			}
			#anis {
    background-image: url("https://www.luyenthi123.com/static/image/home/v2/bg-rainbow.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: 28px;
    margin-left: 0px;
    margin-top: 0px;
    padding-bottom: 15px;
    position: relative;
}
.h-box-cap1 .h-item-grade {
    background-color:#fff;
    border-radius: 15px;
    display: inline-block;
    float: left;
    height: 135px;
    margin-bottom: 15px;
    margin-left: 5px;
	margin-right: 5px;
    width: 49%;
	border:1px solid #CCC;
	
}

.h-box-cap1 .h-item-grade .h-info-grade {
    display: inline-block;
    margin-top: 10px;
    text-align: left;
    width: 70%;
	margin-left:15px;
	font-size: 16px;
	line-height: 24px;
}

.h-box-cap1 .h-item-grade .grade1{
    display: inline-block;
    float: left;
    height: 135px;
    width: 134px;
}
    
.h-box-cap1 .h-item-grade .grade{
    display: inline-block;
    float: left;
    height: 135px;
    width: 134px;
}

	
.h-box-cap1 .h-item-grade .grade2 {
    background-image: url("https://www.luyenthi123.com/static/image/home/v2/tag-2.png");
    display: inline-block;
    float: left;
    height: 135px;
    width: 134px;
}

.h-box-cap1 .h-item-grade .grade3 {
    background-image: url("https://www.luyenthi123.com/static/image/home/v2/tag-3.png");
    display: inline-block;
    float: left;
    height: 135px;
    width: 134px;
}
.h-box-cap1 .h-item-grade .grade4 {
    background-image: url("https://www.luyenthi123.com/static/image/home/v2/tag-4.png");
    display: inline-block;
    float: left;
    height: 135px;
    width: 134px;
}
.h-box-cap1 .h-item-grade .grade5 {
    background-image: url("https://www.luyenthi123.com/static/image/home/v2/tag-5.png");
    display: inline-block;
    float: left;
    height: 135px;
    width: 134px;
}
.h-box-cap1 .h-item-grade .grade6 {
    background-image: url("https://www.luyenthi123.com/static/image/home/v2/tag-6.png");
    display: inline-block;
    float: left;
    height: 135px;
    width: 134px;
}
.h-box-cap1 .h-item-grade .grade7 {
    background-image: url("https://www.luyenthi123.com/static/image/home/v2/tag-7.png");
    display: inline-block;
    float: left;
    height: 135px;
    width: 134px;
}
.h-box-cap1 .h-item-grade .grade8 {
    background-image: url("https://www.luyenthi123.com/static/image/home/v2/tag-8.png");
    display: inline-block;
    float: left;
    height: 135px;
    width: 134px;
}

.h-box-cap1 .h-item-grade .h-info-grade .h-title-subject {
    font-family: RobotoCondensed-Regular;
    font-size: 20px;
    color: 
    #4b4b4b;
    margin-left: 25px;
    position: relative;
}
.h-box-cap1 .h-item-grade .h-info-grade .h-title-intro {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: 
    #7d7d7d;
    margin-left: 25px;
}
.h-box-cap1 .h-item-grade .h-line {
    width: 100%;
    clear: both;
    border-bottom: 1px solid 
    #e3e3e3;
    margin: 5px 0;
}
.h-box-cap1 .h-item-grade .h-info-grade .h-title-subject {
    font-family: RobotoCondensed-Regular;
    font-size: 20px;
    color: 
    #4b4b4b;
    margin-left: 25px;
    position: relative;
}
.h-box-cap1 .h-item-grade .h-info-grade .h-title-intro {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: 
    #7d7d7d;
    margin-left: 25px;
}
.container-fluid {
    width: 100%;
    
    margin-right: auto;
    margin-left: auto;
}
.pdb30 {
    padding-bottom: 30px;
}
.container {
    max-width: 1120px;
}
.mr0{
	margin:0 auto;
}
.tieude-cap {
    border-bottom: 1px #d8dee5 solid;
    margin-top: 10px;
}
.tieude-cap{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 0px;
	margin-left: 0px;
}
.tieude-cap h2::after {
    height: 3px;
    display: block;
    width: 100px;
    background: #18b597;
	border-right: 1px  #fff;
    content: '';
    margin-bottom: -7px;
}

.pd0 {
    padding: 0 !important;
}
.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.tieude-cap h2 {
    font-size: 36px;
    color: #2e4050;
    padding: 5px 0;
    margin: 0;
}
.khoahoccap {
    font-size: 36px;
    color: #2e4050;
    padding: 5px 0;
    margin: 0;
}
.xemtoanbo-khoahoc {
    color:#2e4050;
	font-size: 14px;
	font-weight: 700;
	padding: 5px 15px;
	border: 2px solid #2e4050;
    border-radius: 30px;
    float: right;
    margin-top: 10px;
}
.slider-khoahoc {
    margin-top: 30px;
    position: relative;
}
.item-khoahoc {
    border:#d8dee5 1px solid;
    position: relative;
}
.item-khoahoc h3 {
    margin: 0;
}
.tenkhoahoc {
    color:#2e4050;
    font-weight: 700;
    font-size: 18px;
    margin: 10px 0 0;
    padding: 0 15px;
    height: 65px;
    display: block;
}
.khoahoc-giaovien {
    padding: 0 15px;
    height: 32px;
    color:#2e4050;
    font-size: 14px;
}
.khoahoc-giaovien {
    color:#2e4050;
    font-size: 14px;
}
.makhoahoc {
    margin: 0;
    padding-left: 15px;
    padding-bottom: 5px;
}
.chiphi-khoahoc {
    padding: 10px 0;
    border-top: 1px solid #d8dee5;
}

.pdr0 {
    padding-right: 0;
}
.gia {
    font-weight: 700;
    font-size: 17px;
    color: #2b303b;
}
.gia {
    font-weight: 700;
    font-size: 17px;
    color: #2b303b;
}
.gia small {
    text-decoration: line-through;
    font-size: 12px;
    color: #919aa3;
}
.dangkyhoc {
    color: #fff;
	background:#fd6e23;
	padding: 10px;
	border-radius: 30px;
	float: right;
	box-shadow: 0px 0px 5px 1px
    #ff4800;
    font-size: 10px;
    margin-top: 4px;
    transition: ease-in-out .3s;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.chiphi-khoahoc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 5px;
    margin-left: 5px;
}
	
	
	
	
	
	
	
	
	
	
	

    @media only screen and  (max-width: 1200px){
        .reserve-wrapper:before {
            display: none;
        }
		.h-info-grade p{
			margin-bottom:6px;
		}
    }
	@media only screen and  (max-width: 992px) {
		.h-info-grade hr{
			margin-bottom:6px;
			margin-top:6px;
		}
		
		.h-info-grade p{
			margin-bottom:6px;
		}
	}	
    @media only screen and  (max-width: 768px){
		.h-box-cap1 .h-item-grade .h-info-grade{
			padding-left:0px;
			margin-left:0px;
			font-size:18px !important;
			line-height: 23px !important;
		}
		
        .reserve-wrapper:before, .reserve-wrapper-2:before .reserve-wrapper-3:before{
            display: none;
        }

        .reserve-pen {
            max-width: 390px;
        }

        .reserve-pen ul {
            padding-left: 40px;
            text-align: center;
        }

        .reserve-pen ul li {
            float: none;
            width: 60px;
            display: inline-block;
        }

        .reserve-pen ul li.active {
            width: 150px;
        }

        .reserve-pen ul li.active .step-content {
            font-size: 14px;
            color: #ffffff;
        }

        .reserve-pen ul li .step-content {
            font-size: 1px;
            color: #0072bc;
        }

        .reserve-pen ul li.active .step:before {
            top: -3px;
            left: -20px;
        }

        .reserve-wrapper:before {
            display: none;
        }
    }
	
    @media only screen and  (max-width: 480px){
		.hidden-mb{
			display:none;
		}
		.title_khoahoc{
			margin-left:15px;
			margin-bottom:10px;
		}
		.sticky-bar{
			width:100% !important;
		}
		.course_detail_sec .left .search-group .input-group-addon{
			font-size:15px !important;
		}
		.course-syllabus h2.title{
			font-size:24px !important;
		}
		.course-syllabus .search-box{
			display:none;	
		}
		img.top-head-cloud11 {
			left: 175px;
			position: absolute;
			top: -30px;
			display:none;
		}
		.h-box-cap1 .h-item-grade .h-info-grade{
			margin-left:0px;
			font-size:12px !important;
			line-height: 17px !important;
		}	
		a.activate-course{
			font-size:12px;
			margin-top:5px;
		}
		.mobile-account .account-icon a{
			margin-top:5px;
		}
		.h-item-grade p{
			margin-bottom:4px;
			max-height: 35px;
			overflow: hidden;
		}
		.h-info-grade hr{
			margin-bottom:6px;
			margin-top:6px;
		}
        .reserve-pen ul {
            padding-left: 40px;
        }

        .reserve-pen ul li {
            width: 46px;
        }

        .reserve-pen ul li.active {
            width: 130px;
        }

        .reserve-pen ul li.active .step-content {
            font-size: 14px;
            color: #ffffff;
        }

        .reserve-pen ul li .step-content {
            font-size: 1px;
            color: #0072bc;
        }

        .reserve-pen ul li.active .step:before {
            top: -3px;
            left: -20px;
        }

        .reserve-wrapper:before {
            display: none;
        }
		
		
    }
	
	@media only screen and  (max-width: 360px){
		.course_detail_sec .left .search-group .input-group-addon{
			font-size:12px !important;
		}
		.course_detail_sec .left .search-group .input-group-addon.search{
			width:40px !important;
		}
		.h-box-cap1 .h-item-grade .h-info-grade{
			padding-left:5px;
			font-size:12px;
			line-height: 17px;
		}
		
		img.top-head-cloud11 {
			left: 156px;
			position: absolute;
			top: -30px;
		}
	}
	
	
	
	
	
	
	
	
	
	
	
	.regLog__title {
    font-size: 18px;
    color: #222;
	font-weight: 600;
	padding-bottom: 10px;
	border-bottom: 1px solid    #ddd;
    margin-bottom: 10px;
}
.modal .close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    opacity: 1;
    font-size: 30px;
}
.sign-modal .regLog {
    position: static;
    width: 100%;
    box-shadow: none;
    border-top: none;
    border-radius: 0;
}
.sign-modal .regLog .content-acount {
    padding: 0;
}
.language-form .content-acount, .regLog .content-acount {
    width: 100%;
    float: left;
    padding: 0 15px;
}
.language-form .content-acount .acount-log, .regLog .content-acount .acount-log {
    float: left;
    text-align: left;
}
.sign-modal .regLog .content-acount .acount-form {
    padding: 0 0 20px;
}
.language-form .content-acount .acount-form, .regLog .content-acount .acount-form {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px 20px;
}
.alert-login, .register-popup .alert-register, .alert-forgot, .alert-newleter.alert-email-newleter {
    text-align: left;
    font-size: 12px;
    font-style: italic;
    color:     red;
}
.language-form .content-acount .acount-form p, .regLog .content-acount .acount-form p {
    width: 100%;
    margin: 16px 0;
    font-size: 14px;
    color:     #444;
    float: left;
}
.language-form .content-acount .acount-form .login-facebook, .regLog .content-acount .acount-form .login-facebook {
    background: #546fae;
font-size: 14px;
padding: 0;
color:    #fff;
    width: 47%;
    float: left;
    border-radius: 5%;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    transition: .2s;
}
.language-form .content-acount .acount-form .login-facebook span, .regLog .content-acount .acount-form .login-facebook span {
    padding: 0 0 0 14px;
    text-transform: none;
}
.language-form .content-acount .acount-form .login-google, .regLog .content-acount .acount-form .login-google {
    background: #dd4d30;
font-size: 14px;
padding: 0;
color:    #fff;
    width: 47%;
    float: right;
    border-radius: 5%;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    transition: .2s;
}
.language-form .content-acount .acount-form .login-google span, .regLog .content-acount .acount-form .login-google span {
    padding: 0 0 0 14px;
    text-transform: none;
}
.language-form .content-acount .acount-form p, .regLog .content-acount .acount-form p {
    width: 100%;
    margin: 16px 0;
    font-size: 14px;
    color:     #444;
    float: left;
}
.form-group-register, .form-group-login {
    position: relative;
}
.form-control {
    border-radius: 0;
    border: 1px solid     #ccc;
    margin-bottom: 20px;
    height: 40px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
background-color:    #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.language-form .content-acount .acount-log, .regLog .content-acount .acount-log {
    text-align: left;
}
.language-form .content-acount .acount-log .form-password, .regLog .content-acount .acount-log .form-password {
    width: 100%;
    padding: 18px 0;
    box-sizing: border-box;
    float: left;
}
.language-form .content-acount .acount-log .form-password .save-pass, .regLog .content-acount .acount-log .form-password .save-pass {
    float: left;
}
.language-form .content-acount .acount-form .register-button, .regLog .content-acount .acount-form .register-button {
    width: 100%;
}
.btn.uppercase {
    text-transform: uppercase;
}

.language-form .content-acount .acount-log .form-password .save-pass .checkbox, .regLog .content-acount .acount-log .form-password .save-pass .checkbox {
    margin: 0;
}
.language-form .content-acount .acount-log .form-password .save-pass .checkbox label, .regLog .content-acount .acount-log .form-password .save-pass .checkbox label {
    font-size: 14px;
    color:    #444;
    text-transform: none;
}
.language-form .content-acount .acount-form .register-button, .regLog .content-acount .acount-form .register-button {
    width: 100%;
}
.sign-modal .regLog .content-acount .rg-footer {
    padding: 15px 0;
}
.language-form .content-acount .rg-footer, .regLog .content-acount .rg-footer {
    width: 100%;
    padding: 15px;
    border-top: 1px solid #ededed;
    text-align: left;
    float: left;
}
.language-form .content-acount .rg-footer p, .regLog .content-acount .rg-footer p {
    font-size: 14px;
    color:#444;
    text-transform: none;
}
.language-form .content-acount .rg-footer p a, .regLog .content-acount .rg-footer p a {
    text-decoration: underline;
    text-transform: none;
    color: 
    #438dc4;
    font-weight: 300;
}
.modal-content {
    position: relative;
    background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid    rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
#sign-in-popup .modal-body, #sign-up-popup .modal-body{
	overflow:auto;
}

.language-form .content-acount .acount-form .login-facebook .fa-facebook, .regLog .content-acount .acount-form .login-facebook .fa-facebook {
    border-right: solid 1px #fff;
    float: left;
    padding: 10px;
}
.language-form .content-acount .acount-form .login-google .fa-google, .regLog .content-acount .acount-form .login-google .fa-google {
    border-right: solid 1px #fff;
	color:#fff;
    padding: 10px;
}
.language-form .content-acount .acount-log .form-password .forget-pass, .regLog .content-acount .acount-log .form-password .forget-pass {
    font-size: 14px;
    color: #438dc4;
    float: right;
    text-transform: none;
    font-weight: 300;
}











.grid {
	width: 100%;
	max-width: 1140px;
	
	margin: 0 auto;
	overflow: hidden;
}
.grid-no-overflow-hiden{
	width: 100%;
	max-width: 1140px;
	min-width: 755px;
	margin: 0 auto;
	background:#FFF;
}
.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding-top: 20px;
	padding-left: 20px; /* grid-space to left */
	padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}
.col-3-4{
	width:75%;	
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}
.col-2-7 {
	width: 28.57%;
}
.col-3-7 {
	width: 42.85%;
}
.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}



/* Pushing blocks */

.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
	margin-left: 50%;
}

.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%
}
.menu-mobile-fix{
	display:none;	
}
#nav{
	display:block;	
}
.end-col-hide-pc{
	display:none;	
}
.br-4{
	display:block;
}
.br-2{
	display:none;
}
.col-4-2{
	width:25%;
	float:left;	
}



.pc-break{
    display: block;
}

.pad-break{
    display: none;
}

.tab-break{
    display: none;
}

.mobile-break{
    display: none;	
}

.hide-on-pc {
    display: none;

}        




@media handheld, only screen and (max-width: 1115px) {
	#nav{
		display:none;	
	}
	.menu-mobile-fix{
		display:block;	
	}
}
@media handheld, only screen and (max-width: 967px) {
	#menu_nav{
		display:none;	
	}
	.mobile-100{
		width:100%;	
	}
	.menu-full .col-1-3{
		width:33.33%;
	}
	.end-col-hide-pc{
		display:block;	
	}
	.pad-2{
		width:50%;
		float:left;	
	}


    .hide-on-pc{
        display: block; 
    }    

    .hide-on-pad {
        display: none;
    }

    .hide-on-tab {
        display: block;
    }


    .hide-on-mobile {
        display: block;
    }
	
	
	
}
@media handheld, only screen and (max-width: 767px) {
	#menu_nav{
		display:none;	
	}
	.banner{
		text-align:center;
	}
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 15px;
		margin-right: 15px;
		padding-left: 10px; 
		padding-right: 10px;
	}

	
	.mobile-col-1-1 {
		width: 100%;
		padding-right:0px;
	}
	.mobile-col-2-3, .mobile-col-8-12 {
		width: 66.66%;
	}

	.mobile-col-1-2, .mobile-col-6-12 {
		width: 50%;
	}
	.mobile-col-1-2:last-of-type{
		padding-right:0px;
		padding-left:10px;
	}
	.mobile-col-1-3{
		width:50%;	
	} 
	
	.mobile-col-4-12 {
		width: 33.33%;
	}

	.mobile-col-1-4{
		width:50%;	
	}
	.mobile-col-3-12 {
		width: 25%;
	}

	.mobile-col-1-5 {
		width: 50%;
	}

	.mobile-col-1-6, .mobile-col-2-12 {
		width: 16.667%;
	}

	.mobile-col-1-7 {
		width: 14.28%;
	}

	.mobile-col-1-8 {
		width: 12.5%;
	}

	.mobile-col-1-9 {
		width: 11.1%;
	}

	.mobile-col-1-10 {
		width: 10%;
	}

	.mobile-col-1-11 {
		width: 9.09%;
	}

	.mobile-col-1-12 {
		width: 8.33%
	}


	.mobile-col-11-12 {
		width: 91.66%
	}

	.mobile-col-10-12 {
		width: 83.333%;
	}

	.mobile-col-9-12 {
		width: 75%;
	}

	.mobile-col-5-12 {
		width: 41.66%;
	}

	.mobile-col-7-12 {
		width: 58.33%
	}
	
	
	.pad-2{
		width:50%;
		float:left;	
	}
	.arrow-div{
		font-size:16px !important;	
	}
	.br-4{
		display:none;
	}
	.br-2{
		display:block;
	}
	.col-4-2{
		width:50%;	
	}
	
	.hide-on-pc{
        display: block; 
    }
    .hide-on-pad {
        display: block; 
    }
    .hide-on-tab {
        display: none !important ;
    }
    .hide-on-mobile{
        display: block; 
    }	
    	.hotline-top{
		display:block;	
	}
	
	.slogan{
		display:none;	
	}
}

@media handheld, only screen and (max-width: 477px) {
	.banner{
		text-align:center;
	}
	.mobile-col-1-4{
		width:50%;
	}
	.mobile-50{
		width:50%;	
		float:left;
	}
	.padding-top0{
		padding-top:0px !important;	
		margin-top:0px;
	}
	.mobile-30{
		width:33.33%;
		float:left;	
	}
	.pc-break{
		display:none;	
	}
	.mobile-break{
		display:block;	
	}
	.pad-2{
		width:100%;
		margin-right:0px;	
	}
	.mobile-100{
		width:100%;	
	}
	
    .hide-on-pc{
        display: block; 
    }
    .hide-on-pad {
        display: block; 
    }
    .hide-on-tab {
        display: block; 
    }
    .hide-on-mobile {
        display: none !important;
    }    
	
	.hotline-top{
		display:block;
		height:60px;
		width:100%;	
	}
	.hide-on-mobile{
		display:none;	
	}
	.slogan{
		display:none;	
	}
	.slogan-hotline{
		width:100%;	
	}
	
	
}

.item-news {
    padding-bottom: 5px;
    border-bottom: 1px dotted 
    #ccc;
}
.c10 {
    height: 10px;
}
.c, .c5, .c10, .c15, .c20, .c30, .c3, .c2 {
    clear: both;
}
.item-news .news-name {
    font-size: 14px;
    font-weight: bold;
}
.news-name a {
    color: 
    #333;
    text-decoration: none;
}
.news-detail-name {
    font-family: "UVN_HHH",Arial,Helvetica,sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
    padding: 0;
}
.intro-detail {
    font-style: italic;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 14px;
    color: rgb(70, 70, 70);
	line-height: 23px;
	text-align: justify;
	background-color: rgb(254, 254, 254);
}

.image-news-right {
    width: 65px;
    float: left;
    margin-right: 5px;
}
.news-item-right a:hover {
    text-decoration: underline;
}
.news-item-right a {
    color: 
    #333;
    text-decoration: none;
    font-weight: bold;
}
.news-right {
    padding: 5px 0px;
}
.news-item-right {
    border-bottom: solid 1px #EEE;
    padding-top: 5px;
}
.news-item-right a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
	font-size:12px;
}
.content-text{
	line-height:23px;
}
.content-text h3{
	font-size:16px;
	font-weight:600;
}
.other-article li{
	line-height:23px;
}

.other-article li i{
	padding-right:5px;
}

.block_tag .txt_tag {
    background: #f1f1f1 url("../images/pc/bg_icon_tag.gif") no-repeat scroll left top;
	color: #939393;
    float: left;
    font: 400 11px/20px arial;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 0 10px 0 20px;
}
.tag_item:hover {
    background: #e2e2e2 none repeat scroll 0 0;
}

.block_tag .tag_item {
    background: #f1f1f1 none repeat scroll 0 0;
    color:    #656565;
    display: inline-block;
    float: left;
    font: 400 11px/20px arial;
    height: 20px;
    margin: 0 5px 5px 0;
    padding: 0 10px;
    white-space: nowrap;
}

.news-detail-name {
    font-family: "UVN_HHH",Arial,Helvetica,sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
    padding: 0;
}

.sidebar-signup {
    background: url("https://www.luyenthi123.com/static/image/home/top-bg.jpg") center repeat;
    background-size: auto;
    background-size: cover;
    position: relative;
    padding: 20px 15px;
    margin-bottom: 20px;
	border-radius:5px;
}

.sidebar-signup .wrap-side-signup {
    position: relative;
    z-index: 2;
    color:#333;
}
.sidebar-signup .wrap-side-signup .title-header-signup {
    color:#333;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
}
.sidebar-signup .wrap-side-signup .text {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    text-align: justify !important;
}
.sidebar-signup .wrap-side-signup .text span {
    font-weight: bold;
}
.sidebar-signup .wrap-side-signup .frm-signup label {
    font-size: 13px;
    font-weight: bold;
}
.sidebar-signup .wrap-side-signup .frm-signup input.form-control {
    border-radius: 0;
    padding: 0.25rem 0;
    background:#FFF;
    border-radius:3px;
	border: 1px solid #ccc;
	color:#333;
	padding:3px;
}


.sidebar-signup .form-group{
	margin-bottom:0px;
}
.sidebar-signup .form-control{
	margin-bottom:10px;
}
.sidebar-signup .wrap-side-signup .frm-signup .btn-signup-now {
    border-radius: 12px;
    padding: 8px 15px;
    font-weight: bold;
    font-size: 16px;
    margin: auto auto 15px auto;
    display: block;
}

.btn-gnl-orange {
    color:#333;
background:#f07126;
border: 1px solid #f07126;
    line-height: 1.5;
    display: inline-block;
    padding: 5px 15px;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 2px;
}

.left-a {
    float: left;
    width: 470px;
}
.right-a {
    border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	box-shadow: 0 1px 2px rgba(135, 135, 135, 0.75);
    margin-left: 470px;
    min-height: 470px;
    padding: 30px 17px 40px 38px;
    position: relative;
    z-index: 1;
}
.right-a .row-a .left, .right-a .row-a .right {
    width: 50%;
    float: left;
}
.right-a .lbl {
    width: 347px;
    height: 71px;
    background: #0070ba;
	text-align: center;
	margin-left: -77px;
	box-shadow: 2px 2px 2px #717171;
}
.right-a .lbl h3 {
    font-size: 24px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0;
    padding-top: 23px;
}
.right-a .details {
    padding-top: 30px;
}

.right-a .row-a {
    height: 74px;
    padding-top: 15px;
    border-bottom: 1px solid #ccc;
}
.icoleft {
    width: 50px;
    float: left;
    display: inline-block;
}
.ico-user {
    background: url("../images/u.png") no-repeat -6px 3px;
    width: 36px;
    height: 37px;
    display: block;
}
.ico-facebook {
    background: url("../images/bgfb.png") no-repeat;
    width: 26px;
    height: 26px;
    display: block;
}
.ico-email {
    background: url("../images/bgemail.png") no-repeat;
    width: 33px;
    height: 22px;
    display: block;
}
.ico-degree {
    background: url("../images/bgmu.png") no-repeat;
    width: 38px;
    height: 24px;
    display: block;
}
.ico-subject {
    background: url("../images/bgsach.png") no-repeat;
    width: 36px;
    height: 24px;
    display: block;
}
.ico-work {
    background: url("../images/bgadress.png") no-repeat;
    width: 23px;
    height: 37px;
    display: block;
}
.right-a .row-a .text p {
    margin: 2px 0 0 50px;
}
.right-a .row-a .big {
    text-transform: uppercase;
}
.clearfix {
    display: block;
}
.thaygiao {
    color:#2e4050;
    font-size: 18px;
	width:100%;
	font-style:italic;
}
@media only screen and (max-width: 767px) {

	.pf-about {
		width: 95%;
		margin: 16px auto 0 auto;
	}
	
	.left-a, .right-a {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.pf-about .image img {
		margin: 0 auto;
		display: block;
		width:100%;
	}
	.right-a {
		padding: 0 10px;
		border-right: none;
		min-height: inherit;
	}
	.right-a .lbl {
		width: 185px;
		height: 38px;
		margin: -14px auto 0 auto;
	}
	.right-a .lbl h3 {
		font-size: 13px;
		padding-top: 12px;
	}
	.right-a .details {
		padding-top: 10px;
	}
	.right-a .row-a {
		padding: 12px 0;
		height: auto;
	}
	.icoleft {
		width: 32px;
	}
	.row-a .text {
		font-size: 12px;
	}
	.right-a .row-a .text p {
		font-size: 12px;
		margin-left: 32px;
	}
	.right-a .row-a .left {
    border-bottom: 1px solid #828282;
		padding-bottom: 10px;
	}
	.right-a .row-a .left, .right-a .row-a .right {
		width: 100%;
		float: none;
	}
	
	.ico-facebook {
		background-size:contain;
		width: 28px;
		height: 24px;
		
	}
	.ico-email {
		background-size:contain;
		width: 26px;
		height: 22px;
		display: block;
	}
	.ico-degree {
		background-size:contain;
		width: 28px;
		height: 24px;
		display: block;
	}
	.ico-subject {
		background-size:contain;
		width: 24px;
		height: 24px;
		display: block;
	}
	.ico-work {
		background-size:contain;
		width: 23px;
		height: 28px;
		display: block;
	}
	.right-a .row-a .right {
		padding-top: 10px;
	}

}