@import 'https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i';

* {

	margin:0;

	padding:0;

	box-sizing: border-box;

}

body{

	font-size: 14px;

    line-height: 1.42857143;

    color: #2f2f2f;

  	background-color: #fffdfd;

  	font-family: 'Roboto', sans-serif;

}

a:link{

	text-decoration: none;

}

a{

	outline: none !important;

	color: #313131;

	text-decoration: none;

}

li{

	list-style: none;

}

img{

	padding: 0px;

	outline: none;

	border: none;

}

.full-section{

	width: 100% !important;

}



.no-padding{

	padding: 0;

}

.nopadding-left{

	padding-left: 0;

}

.nopadding-right{

	padding-right: 0;

}

/*---------------header------------------*/

@media(min-width: 1200px){

	.container{

		width: 960px;

	}

	



}

@media(min-width: 1400px){

	.edu-content-02 .container{

		width: 1300px;

	}

}

.edu-header{

	background: #373839;

	min-height: 61px;

	overflow: hidden;

}

.header-text{

	color: #f2f2f2;

    font-size: 16px;

    line-height: 21px;

    padding: 20px 0 10px;

}

/*edu-content-parallax*/

.edu-content-parallax{

    /*background: url(../images/12819035-0-4-Distinct-Paths-for.jpg) no-repeat center center;*/
	background: url(../images/men_accounting.jpg) no-repeat center center;

    background-attachment: fixed;

    background-size: cover;

    height: 100%;

    width: 100%;

    clear: both;

    display: inline-block;

    color: #fff;

}



.edu-box-parallax{

	background: #373839;

    border: 1px solid #055cb3;

    text-align: center;

    padding: 30px;

    font-family: 'Roboto', sans-serif;

    margin: 195px 15px;

}

.edu-box-parallax h2{

	color: #fff;

    font-family: 'Roboto', sans-serif;

    max-width: 600px;

    margin: auto;

    line-height: 40px;

}

.edu-box-parallax>a{

	width: 140px;

    height: 40px;

    display: block;

    margin: 15px auto;

    background: #fff672;

    z-index: 35;

    line-height: 16px;

    font-size: 16px;

    font-weight: 700;

    border-radius: 5px;

    padding: 11px 5px;

    border: 2px solid #000;
    transition: all 0.5s;

}

.edu-box-parallax>a:hover{

	background: #fff;
    color: #444;

}

.edu-box-parallax b{

	font-size: 18px;

    color: #fff672 !important;

    line-height: 25px;

    margin: 10px 0 0;

    display: inline-block;

}





/*edu-content-01*/

.edu-content-01{

	background: #373839;

	color: #fff;

	padding: 30px;

}

.edu-content-01{

	font-size: 14px;

	line-height: 26px;

}



/*edu-content-02*/

.edu-content-02{

	padding: 50px 15px;

	overflow: hidden;

}

.nhs{

	width: 25%;

	color: #055cb3;

}

.edu-content-02 .table-bordered{

	border: 0;

}



.edu-content-02 .table-bordered>tbody>tr>td{

	border-top: 0;

	border-left: 0;

	border-right: 0;

} 

.edu-content-02 img{

	padding: 50px 15px;



}

.content-02-box h4{

	color: #fff;

    background: #055cb3;

    padding: 10px 15px;

    margin: 0;

    font-weight: bold;

    font-family: 'Roboto', sans-serif;

    text-transform: uppercase;

}



/*edu-content-03*/



.edu-content-03{

	background: #f6ff70;

	padding: 30px 0;

}

.edu-content-03 h4{

	font-size: 30px;

    color: rgb(0, 0, 0);

    line-height: 42px;

    text-align: center;

    margin-bottom: 45px;

}

.edu-content-03 .media-body p{

	    font-size: 16px;

    color: rgb(0, 0, 0);

    line-height: 22px;

    text-align: justify;

    padding: 15px;

    margin: 0;

}

.edu-content-03 .media{

	position: relative;

    overflow: inherit;

    margin: 50px 0;

}

.box-media{

	max-width: 850px;

	

	margin: auto;

}

.edu-content-03 .media .media-middle{

	position: absolute;

    top: -14px;

    left: -50px;

    z-index: 99999999;

}

.edu-content-03 .media-body{

	background: #fff;

    border: 1px solid #055cb3;

    height: 125px;

    padding-left: 100px;

}





/*edu-content-04*/

.edu-content-04{

	background: #fdfdfd url(../images/4164087-0-978766-2.jpg) no-repeat center center;

    background-size: cover;

    position: relative;

}

.edu-content-04:before{

	content: '';

	width: 100%;

    height: 100%;

    position: absolute;

    margin: 0 auto;

    background: #00102a;

    background-size: cover;

    opacity: 0.8;

}



.from-search-box{

	max-width: 350px;

    margin: 50px auto;

    z-index: 99999;

    position: relative;

    padding: 0px 0 15px;

    

}

.from-search-box:before{

	background-color: #627aad;

    border-radius: 5px 5px 5px 5px; 

    opacity: 0.2;

    content: '';

    position: absolute; 

    width: 100%;

    height: 100%;

    z-index: -1;

}

.from-search-box h4{

	background: #3b5998;

    color: #fff;

    text-transform: uppercase;

    font-size: 22px;

    line-height: 28px;

    padding: 20px 15px;

    text-align: center;

}

.from-search-box input{

	background: transparent;

    border-radius: 5px;

    margin: 15px 17px;

    padding: 0 20px;

    border: solid 2px #fff;

    width: 90%;

    outline: none;

    font-size: 16px;

    font-weight: 500;

    line-height: 40px;

    height: 40px;

}

.from-search-box .dangky{

	color: #fff;

    text-decoration: none;

    font-size: 24px;

    background: #00aeef;

    width: 90%;

    border-radius: 5px;

    line-height: 45px;

    font-weight: bold;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    border: 0;

    margin: 0 auto;

    display: block;

}

.box-banhang{

	padding: 30px 5px;

    max-width: 545px;

    margin: 50px auto;

    width: 100%;

    height: 100%;

    background: #f2f2f2;

    border: 2px dashed #b30505;

    opacity: 1;

    filter: alpha(opacity=100);

    background-repeat: repeat;

    background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

}

.box-gio{

    text-align: left;

    margin-right: 15px;

    margin-top: 11px;

}

.box-gio h5{

	font-size: 20px;

    color: #000;

     margin: 0 0 10px;

}

.js-demgio-2{

    overflow: hidden;

    text-align: center;

}

.box-gio p{

    font-size: 20px;

    color: #000;

   

    font-weight: bold;

}

.clock-only .countdown-item {

  width: 13%;

    float: left;

    text-align: center;

    margin: 0px 1.5%;

    background: #fff;

    color: #212121;

    border: solid 1px #ccc;

}

.clock-only .countdown-item .top {

  font-size: 30px;

  font-weight: bold;

}

.clock-only .countdown-item .bottom {

  font-size: 14px;

  padding: 0px 5px 10px;

  margin: 0;

}

.js-demgio-2 span{

	display: block;

    overflow: hidden;

    text-align: left;

    padding-top: 11px;

}

.js-demgio-2 span h4{

	color: #ff0000;

    margin: 0;

}



.box-banhang>p{

	font-weight: bold;

	text-align: left;

}

.box-khuyenmai{

	background: url(../images/2301235-0-banner.png) no-repeat center center;

    position: relative;

    left: -15px;

    padding: 15px;

    width: 400px;

    height: 150px;

    background-size: 100% 74%;

}

.khum{

	position: absolute;

    top: 55px;

    width: 90px;

    height: 60px;

    font-size: 18px;

    text-align: center;

    color: rgb(193, 29, 35);

    font-weight: bold;

    left: 43px;

}

.box-khuyenmai span{

	position: absolute;

    top: 35px;

    right: 50px;

    width: 200px;

    height: 70px;

    display: block;

    text-align: left;

    color: #fff;

    font-size: 21px;

    font-weight: bold;

}

.box-khuyenmai span small{

	display: block;

    text-decoration: line-through;

}

.edu-content-01 p{

	padding: 15px;

}

@media(max-width: 992px){

	.box-media {

    max-width: 650px;

}

}

@media(max-width: 767px){

	.box-khuyenmai{

		width: 284px;

   	 	background-size: 100% 54%;

	}

	.box-gio{

		float: inherit;

		margin-right: 0;

	}

	.clock-only .countdown-item{

		width: 18%;

		margin: 0px 2.5%;

	}

	.khum{

		    top: 59px;

    		width: 70px;

    		left: 27px;

    		font-size: 14px;

	}

	.box-khuyenmai span{

		top: 45px;

    	right: 18px;

    	font-size: 17px;

    	width: 160px;

    	height: 60px;

	}

	.header-text{

		text-align: center;

	}

	.edu-box-parallax h2,

	.edu-content-03 h4{

		font-size: 20px;

		line-height: 28px;

	}

	.edu-box-parallax b,

	.content-02-box h4{

		font-size: 16px;

		line-height: 22px;



	}

	.edu-content-03 .media .media-middle{

		position: inherit;

    top: 0;

    left: 0;

    display: block;

    margin: auto;

	}

	.edu-content-03 .media .media-middle img{

    margin: 0 auto 15px;

	}

	.edu-content-03 .media-body{

		padding: 0;

    -webkit-transition: .2s ease-in-out;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 5;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-align: left;

    width: auto;

    margin-bottom: 15px;

    height: auto;

    height: 130px;

	}

	.edu-content-03 .media{

		margin: 20px 0 0

	}

}

@media(max-width: 475px){
    .flip-clock-wrapper ul{
        width: 21px !important;
        height: 47px !important;
    }
    .flip-clock-wrapper ul li a div div.inn{
        font-size: 25px !important;
        padding-top: 3px;
    }
}


/*CSS more*/


.edu-content-bg-mobile{
    display: none;
    background: url(../images/12819035-0-4-Distinct-Paths-for.jpg) no-repeat center center;
    width: 100%;
    background-size: cover;
    height: 384px;
}
.edu-content-bg-mobile .edu-box-parallax{
    margin: 65px 15px;

}
 .content_new p {
    font-size: 20px;
    text-align: justify!important;
 }
@media screen and (max-width: 767px){
    .edu-logo img{
        display: block;
        margin: auto;
    }
    .edu-content-parallax{
        display: none;
    }
    .edu-content-bg-mobile{
        display: block;
    }
    .edu-box-parallax h1 span{
        font-size: 18px !important;
        line-height: 26px;
        display: inline-block;
    }
    .edu-box-parallax>a{
        font-size: 14px;
    }
    .edu-box-parallax>span>b {
        color: #fff !important;
    }
    .edu-content-01{
        padding: 30px 0;
    }
    .edu-content-01 p{
        text-align: justify !important;
    }
    .edu-content-01 p span{
        font-size: 15px !important;
    }
}