@font-face {
	font-family: icielPanton;
	font-weight: bold;
	src: url("../fonts/MyriadPro-Bold.otf") format("opentype");
}
@font-face {
	font-family: icielPanton;
	font-weight: italic;
	src: url("../fonts/icielpanton-light.otf") format("opentype");
}
@font-face {
	font-family: MyriadPro;
	font-weight: regular;
	src: url("../fonts/MyriadPro-Regular.otf") format("opentype");
}
@font-face {
	font-family: MyriadPro;
	font-weight: bold;
	src: url("../fonts/MyriadPro-Bold.otf") format("opentype");
}
@font-face {
	font-family: MyriadPro;
	font-weight: italic;
	src: url("../fonts/MyriadPro-Regular.otf") format("opentype");
}
@font-face {
	font-family: Androgyne;
	font-weight: regular;
	src: url("../fonts/UTM Androgyne.TTF") format("opentype");
}
@font-face {
	font-family: iCielGotham;
	font-weight: bold;
	src: url("../fonts/GOTHAM-ULTRA.OTF") format("opentype");
}
@font-face {
	font-family: iCielGotham;
	font-weight: regular;
	src: url("../fonts/GOTHAM-MEDIUM.OTF") format("opentype");
}
@font-face {
	font-family: iCielGotham;
	font-weight: thin;
	src: url("../fonts/GOTHAM-THIN.OTF") format("opentype");
}

.header
{
	padding:10px 0px;
}

li
{
	list-style:none;
}

body
{
	font-size:15px;
	font-family: "MyriadPro", Arial;
}

.focus
{
	font-family:Arial;
}

.header, .header .container{
	padding-bottom:0px;
}

/* Language - Search */
.h-menu.compact
{
	margin-top:8px;
	margin-left:10px;
}

.h-menu.compact .input-control,
.h-menu.compact .button
{
	height:28px;
	min-height:28px;
	font-size:12px;
	margin:0px;
}

.h-menu.compact .search
{
	border-radius:5px;
}

.h-menu.compact .button
{
	height:26px;
	min-height:26px;
	padding:0px 6px;
	border:0px;
	position:absolute;
	left:163px;
	top:1px;
}

.h-menu.compact > li > a
{
	padding:7px;
}

.h-menu.compact > li > a:hover
{
	background-color:transparent;
}

.language-selector{
	margin-left:10px;
}

.language-selector .deselect img
{
	opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}
.language-selector .deselect:hover img
{
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.horizontal-menu.compact li {
  margin-left: 0px;
}
.horizontal-menu.compact ul {
  margin-top: 0px;
  margin-bottom: 0px;
}
.horizontal-menu.compact a {
  font-weight: normal;
  font-size: 12px;
  color: inherit;
}
.horizontal-menu.compact .dropdown-toggle:after {
  bottom: 2px;
}

/* End Language - Search */

/* Navigation */
.app-bar.light {
	background-color:transparent;
	color:#686868;
	padding-left:20px;
	padding-right:20px;
}

.app-bar.light .app-bar-menu, .app-bar.light .app-bar-pullbutton.automatic{
	margin-top:10px;
}

.app-bar.light .app-bar-element.branding{
	background-color:transparent;
}

.app-bar.light .app-bar-menu > li, .app-bar.light .app-bar-menu > li > a{
	font-size:14px;
	height:50px;
	line-height:45px;
	padding-left:12px;
	padding-right:12px;
}

/*
.app-bar.light .app-bar-menu > li > a{
	border-top:solid 5px transparent;
	border-left:solid 1px #E2DAD5;
}
*/

.app-bar.light .app-bar-menu > li, .app-bar.light .app-bar-menu > li > a:hover{
	font-size:14px;
	background-color:transparent;
}

.app-bar.light .app-bar-menu > li > a:hover,
.app-bar.light .app-bar-menu > li > a.selected{
	/*border-top:solid 5px #568ABD;*/
	color:#2B92D0;
}

.app-bar.light .app-bar-pullmenu .app-bar-menu {
	background-color:transparent;
}

.app-bar.light .app-bar-pullmenu .app-bar-menu > li:hover{
	background-color:transparent;
}

.app-bar.light .app-bar-pullbutton.automatic{
	color:#686868;
}

.app-bar.light .app-bar-pullbutton.automatic:hover{
	color:#568ABD;
	background-color:transparent;
}

.app-bar.light .input-control.email, .input-control.file, .input-control.number, .input-control.password, .input-control.select, .input-control.tel, .input-control.text{
	width:191px;
}

.app-bar.light .app-bar-pullmenu .app-bar-menu li:hover,
.app-bar.light .app-bar-pullmenu .app-bar-menu li:hover a
{
	background-color:transparent;
}

/* End Navigation */

/* E-Course */
.e-course
{
	position:relative;
}

.sl-item{
	position: absolute;
	top:0px;
}

.e-course-content
{
	position:absolute;
	top:150px;
	width:100%;
	display:table;
}

.e-course-title
{
	position:absolute;
	top:0px;
	width:100%;
	font-size:42px;
	line-height:50px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.54);
	padding:30px;
}

.e-course-content .item-title
{
	background-color:#892E41;
	padding:50px 20px 20px 20px;
	border-radius:120px;
	height:240px;
	width:240px;
	overflow:hidden;
	border:4px solid #FFF;
	margin: auto;
	color:#FFF;
	text-align:center;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
}

.e-course-content .item-more
{
	font-size:14px;
	color:#892E41;
	background-color:#FFF;
	border-radius:18px;
	text-align:center;
	margin:0px 20px;
	margin-top:20px;
	padding:3px 0px;
	cursor:pointer;
}

.cb-slideshow,
.cb-slideshow:after {
	position:relative;
	width:100%;
	height:700px;
    z-index: 0;
	margin:0px;
	overflow-y: hidden;
	overflow-x: hidden;
}

.cb-slideshow .sl-item img{
	width:100%;
	/*animation: slideshowImg 12s;*/
	/*-webkit-animation-timing-function: slideshowImg 12s; /* Chrome, Safari, Opera */
    /*animation-timing-function: slideshowImg 12s;*/
}

@keyframes slideshowImg{
	0% {
	    opacity: 0;
	    transform: scale(1.05);
	}
	15% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	100% {
	    opacity: 1;
	    transform: scale(1.2) translateX(-4%);
	}
}

.course-list .btn-safety,
.cb-slideshow .sl-item:nth-child(1) .item-title{
	background-color:#f58f20;
}
.course-list .btn-security,
.cb-slideshow .sl-item:nth-child(2) .item-title{
	background-color:#2681bc;
}
.course-list .btn-process,
.cb-slideshow .sl-item:nth-child(3) .item-title{
	background-color:#ee2e3a;
}
.course-list .btn-work,
.cb-slideshow .sl-item:nth-child(4) .item-title{
	background-color:#922a8d;
}
.course-list .btn-product,
.cb-slideshow .sl-item:nth-child(5) .item-title{
	background-color:#52c1ae;
}
.course-list .btn-orientation,
.cb-slideshow .sl-item:nth-child(6) .item-title{
	background-color:#8a2e42;
}
.course-list .btn-sale,
.cb-slideshow .sl-item:nth-child(7) .item-title{
	background-color:#8dc447;
}

.cb-slideshow .sl-item:nth-child(1) .item-more{
	color:#f58f20;
}
.cb-slideshow .sl-item:nth-child(2) .item-more{
	color:#2681bc;
}
.cb-slideshow .sl-item:nth-child(3) .item-more{
	color:#ee2e3a;
}
.cb-slideshow .sl-item:nth-child(4) .item-more{
	color:#922a8d;
}
.cb-slideshow .sl-item:nth-child(5) .item-more{
	color:#52c1ae;
}
.cb-slideshow .sl-item:nth-child(6) .item-more{
	color:#8a2e42;
}
.cb-slideshow .sl-item:nth-child(7) .item-more{
	color:#8dc447;
}

.horizontal{
	list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
.horizontal li{
    display:inline-block;
}
.horizontal a{
	display:inline-block;
	margin:15px;
}
.course-list a:hover,
.course-list li.selected a,
.course-list li.active a{
	border: solid 5px #fff;
	margin:10px;
}
.course-list a:hover img,
.course-list li.selected img,
.course-list li.active img{
	opacity:1;
}

.course-list img{
	width:70px;
	height:70px;
	opacity:0.5;
}

.course-list{
	position:absolute;
	bottom:30px;
	width:100%;
}


/* End E-Course */

/* About us section */
.about-us
{
	margin-top:50px;
	margin-bottom:40px;
}

.v-center-item
{
	display:table;
	margin: 0 auto;
	height:100%;
}

.v-center-content
{
	display:table-cell;
	vertical-align: middle;
	text-align: center;
}

.about-us-title
{
	text-transform:uppercase;
	text-align:center;
}

.about-us-title.row1
{
	color:#5D5D5D;
}

.about-us-title.row2
{
	font-weight:bold;
	color:#BF222F;
}

.about-us-bound
{
	height:100%;
	display:table;
}

.about-us-overview
{
	display:table-cell;
	vertical-align:middle;
}

.about-us-header
{
	text-align:center;
	font-size:40px;
}

.about-us-content
{
	text-align:justify;
	margin-top:10px;
	line-height: 26px;
	font-family:"icielPanton", Arial;
}

/* End About us section */

.customer-detail
{
	text-align:center;
}

/*== English section ==*/
/* English character */
.english-character
{
	background-image:url(../images/bg-english.jpg);
	background-position:center;
	background-size: cover;
    background-repeat: none;
	width:100%;
	min-height:400px;
}

.english-title
{
	text-transform:uppercase;
	font-weight:bold;
	font-size:38px;
	padding-top:60px;
	margin-bottom:50px;
	color:#fff;
	text-align:center;
}

.english-block
{
	padding:15px;
	width:300px;
	color:#fff;
	text-align:center;
}

.english-block.first
{
	background-color:#F0C218;
}

.english-block.second
{
	background-color:#2099D4;
}

.english-block.third
{
	background-color:#BF222F;
	padding-top:65px;
	border-radius:150px;
	height:300px;
	overflow:hidden;
	position:relative;
	top:-100px;
	margin-bottom:-80px;
	border:4px solid #FFF;
}

.english-block-caption
{
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	border-bottom:2px solid #fff;
	padding-bottom:5px;
}

.english-block-content
{
	text-align:justify;
	margin-top:5px;
	margin-bottom:70px;
	line-height: 20px;
}

.english-block.third .english-block-content
{
	text-align:center;
	margin-bottom:10px;
}

.english-block.third .english-block-caption
{
	margin-left:25px;
	margin-right:25px;
}

/* End English character */

/* English cerfiticate */
.english-cerfiticate
{
	background-image:url(../images/bg-english-2.jpg);
	background-position:center;
	background-size: cover;
    background-repeat: none;
	width:100%;
	padding-bottom:20px;
}

.english-cer
{
	/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(240, 246, 232);
    /* RGBa with 0.6 opacity */
    background-color: rgba(141, 194, 69, 0.1);
	
	text-align:center;
	padding:10px;
}

.english-cer-title
{
	font-family:"Androgyne", Arial;
	font-size:30px;
	line-height:40px;
	text-transform:uppercase;
	color:#5D5D5D;
	margin-bottom:15px;
	padding-bottom:10px;
}

.english-cer-title-content
{
	padding-bottom:10px;
	border-bottom:3px solid #5D5D5D;
}

.english-cer-number
{
	font-size:30px;
	color:#BF222F;
	font-weight:bold;
}

.english-cer-desc
{
	color:#717171;
	font-size:20px;
	line-height:28px;
}

/* End English cerfiticate */

.english-toeic-compare
{
	text-align:center;
	margin-top:20px;
}

.english-toeic-title
{
	font-family:"Androgyne", Arial;
	font-size:30px;
	color:#5D5D5D;
	margin-bottom:10px;
}

.english-toeic-desc
{
	font-size:22px;
	color:#2C2C2C;
	margin-top:10px;
	font-weight:bold;
	text-transform:uppercase;
}

.english-toeic-desc-focus
{
	font-size:22px;
	color:#BF222F;
}

.section-separate
{
	height:20px;
	position:relative;
	text-align:center;
	z-index:1000;
}

.section-separate .more
{
	width:84px;
	height:40px;
	margin: 0 auto;
	z-index:1000;
}

.section-separate-less
{
	border-bottom:1px solid #E5E5E5;
}

.section-separate-less .less
{
	width:84px;
	height:40px;
	margin: 0 auto;
	z-index:1000;
	position:relative;
	bottom:3px;
}

/*== End English section ==*/

/*== Start LMS section ==*/
/* LMS Overview */
.lms-overview
{
	background-image:url(../images/bg-lms-1.jpg);
	background-position:center;
	background-size: cover;
    background-repeat: none;
	width:100%;
	min-height:100px;
	color:#FFF;
}

.lms-title,
.lms-name-vn,
.lms-name-en
{
	text-transform:uppercase;
}

.lms-title
{
	font-family:"iCielGotham", Arial;
	font-size:66px;
	font-weight:bold;
	color:#FFF;
	padding-top:100px;
	padding-bottom:20px;
}

.lms-name-vn{
	font-size:16px;
	font-family:"icielPanton",Arial;
}
.lms-name-en{
	font-size:28px;
	line-height:40px;
	font-weight:bold;
}

.lms-desc
{
	font-family:"icielPanton", Arial;
	text-align:justify;
	padding:30px;
	font-size:16px;
	line-height: 28px;
}

.lms-left
{
	position:relative;
}

img.lms-img
{
	width:100%;
	height:auto;
	position:absolute;
	bottom:-50px;
	left:-100px;
}

.lms-customer-title
{
	text-transform:uppercase;
	text-align:center;
	color:#6C7D7D;
	font-weight:bold;
	font-size:24px;
	padding-top:30px;
	border-top:1px solid #c5c5c5;
}

.lms-feature img
{
	width:100%;
}

/* End LMS Overview */
/*== End LMS section ==*/

/*== Start Test section ==*/
/* Test Overview */
.test-overview
{
	background-image:url(../images/bg-test-1.jpg);
	background-position:center;
	background-size: cover;
    background-repeat: none;
	width:100%;
	min-height:100px;
	color:#FFF;
}

.test-title-1,
.test-title-2
{
	text-transform:uppercase;
}

.test-title-1
{
	font-family:"icielPanton",Arial;
	font-size:24px;
	padding-top:60px;
	line-height:34px;
}

.test-title-2{
	font-size:40px;
	line-height:52px;
	font-weight:bold;
}

.test-desc
{
	font-family:"icielPanton",Arial;
	text-align:justify;
	padding:30px 100px;
	font-size:16px;
	line-height: 26px;
}

.test-right
{
	position:relative;
}

img.test-img
{
	width:430px;
	position:absolute;
	bottom:-20px;
}

.test-feature img
{
	width:100%;
}

/* End Test Overview */

/* Start Test Customer */
.test-customer-title
{
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
	margin:30px;
	line-height:32px;
	text-align:center;
}

.test-customer-title-content
{
	border-bottom:solid 3px #BF222F;
}

.test-customer-desc
{
	text-align:justify;
	padding:20px;
	line-height:20px;
}

.customer-item
{
	width:240px;
	height:160px;
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
}

.customer-item.second
{
	border-bottom:none;
}

.customer-item .item
{
	width:240px;
	height:160px;
	display:inline-block;
	position:relative;
}

.customer-item-middle
{
	display: table;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align:center;
}

.customer-item-img
{
	display: table-cell;
	vertical-align: middle;
	max-width: 220px;
	max-height: 140px;
}

.customer-item-img img
{
	max-width: 90%;
	max-height: 140px;
}

.scrollable-v
{
	width:100%;
	overflow-x:hidden;
}

.scrollable-v-content
{
	/*width:1000px;*/
	margin:auto;
	text-align:center;
}

.scrollable-v-content .v-list
{
	display:table;
	margin:0 auto;
}

.scrollable-v-content .v-list li
{
	margin-right:0px;
	display:table-cell;
}
/* End Test Customer */

/*== End Test section ==*/

.share img
{
	width:40px;
	margin:10px;
}

/* Footer */
.footer-nav
{
	padding:10px;
	background-color:#272E41;
	color:#E5E5E4;
}

.nav-title
{
	font-family:Arial;
	font-size:15px;
	text-transform:uppercase;
	font-weight:bold;
	padding:15px 0px 0px 5px;
	padding-left:45px;
}

.footer-nav .cell
{
	border-right:1px solid #444046;
}

.footer-nav .cell:last-child
{
	border-right:none;
}

.footer-nav .cell a
{
	color:#939292;
}

.footer-info
{
	padding:20px;
	font-size:12px;
	line-height:20px;
	background-color:#272E41;
}

.footer-info-value
{
	color:#fff;
	font-style:italic;
}

.copyright-content
{
	font-family:"iCielGotham", Arial;
	font-weight:thin;
	text-align:center;
	font-size: 14px;
	padding:10px;
	color:#fff;
	background-color:#272E41;
	border-top:1px solid #444046;
}
/* End footer */

/* E-Course Detail Banner */
.ecourse-banner
{
	background-image:url(../images/ecourse-banner.jpg);
	background-position:center;
	background-size: cover;
    background-repeat: none;
	width:100%;
	min-height:100px;
	color:#FFF;
	position:relative;
}

.ecourse-banner-bound
{
	padding:100px 60px 60px 60px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.54);
}

.ecourse-banner-title
{
	font-size:45px;
	font-weight:bold;
	line-height:66px;
	text-align:center;
	border-bottom:2px solid #fff;
}

.ecourse-banner-desc
{
	font-size:16px;
	line-height:26px;
}
/* End E-Course Detail Banner */

/*Typical courses*/
.typical-courses
{
	padding:20px 0px;
}

.typical-courses-title
{
	text-align:center;
	text-transform:uppercase;
	margin-top:20px;
}

.typical-courses-title .row-1
{
	font-size:20px;
	line-height:30px;
	color:#000;
}

.typical-courses-title .row-2
{
	font-size:40px;
	line-height:56px;
	font-weight:bold;
	color:#BF222F;
}

.typical-courses-desc
{
	font-size:16px;
	line-height:26px;
	text-align:center;
	color:#2C2C2C;
}

.typical-course-list
{
	text-align:center;
	margin-top:40px;
}

.typical-course-block
{
	display:inline-block;
	padding:10px;
}

.typical-course-block  .typical-course-image img
{
	width:269px;
	height:143px;
}

.typical-course-block  .typical-course-action
{
	color:#B7B7B7;
	font-style:italic;
	padding:10px;
}

.design-method
{
	
}

.design-method-title
{
	background-color:#86B13F;
	color:#FFF;
	padding:30px 0px;
	font-size:30px;
	line-height:40px;
	text-transform:uppercase;
	text-align:center;
}

.design-method-title .row-1
{
	font-size:20px;
	line-height:30px;
}

.design-method-title .row-2
{
	font-size:40px;
	line-height:56px;
	font-weight:bold;
}

.design-method-img img
{
	width:100%;
	height:auto;
}


/*End E-course-criteria*/

/* Design process */
.process
{
	position:relative;
	background-image:url(../images/design-process.jpg);
	background-position:center;
	background-size: cover;
    background-repeat: none;
	width:100%;
	min-height:100px;
	margin-top:50px;
}

.process .process-title
{
	padding-top:100px;
	padding-bottom:50px;
	text-align:center;
	width:100%;
}
.process .process-title-bound
{
	text-transform:uppercase;
	font-size:28px;
	color:#FFF;
	background-color:#5D5D5D;
	background-color: rgb(93, 93, 93);
    /* RGBa with 0.6 opacity */
    background-color: rgba(93, 93, 93, 0.8);
	padding:5px 10px;
}
/* End Design process */

/* Start Customer */
.customer
{
	border-top:2px solid #c5c5c5; 
}

.customer .customer-title
{
	margin-top:20px;
	padding:10px;
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	color:#6C7D7D;
}

.m-menu.cust-list
{
	box-shadow:none;
}

.m-menu.cust-list li:hover
{
	background-color:transparent;
}
/* End Customer */

/*==== Ebooks ====*/
.ebooks{
	font-family:"icielPanton";
	margin-bottom:30px;
}

.ebooks-banner{
	background:url("../images/ebook-bg.png") no-repeat;
	text-align:center;
}

.ebooks-title{
	text-transform:uppercase;
	color:#fff;
	padding:40px 10px;
}

.ebooks-title  .ebooks-title-style1{
	font-size:25px;
}

.ebooks-title  .ebooks-title-style2{
	font-size:40px;
	font-weight:bold;
}

.ebooks-video-instance{
	cursor:pointer;
}

.overlay{
	display:none;
	text-align:center;
	background-color:rgba(0, 0, 0, 0.901961);
}

.cross{
	position: absolute;
    right: 30px;
    top: -8px;
    font-size: 60px;
    color: #fff;
    /*font-family: 'maven_pro_light200';*/
    cursor: pointer;
    z-index: 999999;
}

.ebooks-overview-title{
	font-size:35px;
	margin:40px 0px 30px 0px;
	text-align:center;
	text-transform:uppercase;
}

.ebooks-style1{
	color:#3D3732;
}

.ebooks-style2{
	color:#83C2E0;
}

.ebooks-overview-content{
	font-size:18px;
	line-height:28px;
	text-align:justify;
	color:#535353;
	display:table-cell;
	vertical-align:middle;
}

.ebooks-overview-content .focus{
	color:#2C2C2C;
}

.ebooks-overview-content-bound{
	height:100%;
	display:table;
}

.ebooks-content-platform{
	background-color:#97B643;
	color:#fff;
}

.ebooks-content-platform-content{
	text-align:justify;
}

.ebooks-content-platform-title, 
.ebooks-content-compatible-title,
.ebooks-content-report-title,
.ebooks-content-drm-title,
.ebooks-content-enrichment-title,
.ebooks-content-quiz-title{
	text-align:center;
	font-size:28px;
	line-height:36px;
	padding:10px;
	margin-bottom:30px;
}

.ebooks-content-platform, 
.ebooks-content-compatible, 
.ebooks-content-report,
.ebooks-content-drm,
.ebooks-content-enrichment,
.ebooks-content-quiz{
	padding:40px 0px;
	font-size:18px;
	line-height:26px;
	text-align:center;
	font-family:"icielPanton";
}

.ebooks-content-title-sub
{
	font-size:20px;
}

.ebooks-content-compatible-content,
.ebooks-content-report-content{
	padding-top:30px;
}

.ebooks-content-report{
	background-color:#0a93cf;
	color:#fff;
}

.ebooks-content-drm,
.ebooks-content-quiz{
	padding-bottom:0px;
}

.ebooks-content-drm-content,
.ebooks-content-quiz-content{
	color:#797A7A;
	padding-bottom:30px;
}

.ebooks-content-enrichment{
	background-color:#f79f46;
}

.ebooks-content-quiz{
	margin-bottom:-40px;
}

/*==== End Ebooks ====*/

/*==== Start General Intro ====*/
.general-intro-banner
{
}

.general-intro-banner img
{
	width:100%;
}

.introduction
{
	padding:30px 0px;
	text-align:center;
}

.introduction-title
{
	padding:10px 0px;
	font-size:36px;
	color:#565556;
	font-weight:bold;
}

.introduction-desc
{
	font-size:16px;
	line-height:26px;
	color:#918F8F;
	text-align:justify;
	margin-bottom:20px;
}

.key-value
{
	color:#FFF;
	text-align:justify;
	padding-top:20px;
	background-image:url(../images/bg-key-value.png);
	background-position:center;
	background-size: cover;
    background-repeat: none;
	background-color:#F6F6F6;
}

.key-value .key-value-content
{
	padding-bottom:100px;
}

.key-value-title
{
	text-transform:uppercase;
	text-align:center;
	font-size:16px;
	padding:10px 0px;
	font-weight:bold;
}

.key-value-desc
{
	font-size:14px;
	line-height:20px;
}

.key-value-block
{
	padding:15px;
	margin:10px 30px;
}

.key-value-block.green
{
	background-color:#149347;
}

.key-value-block.yellow
{
	background-color:#FBD913;
}

.key-value-block.orange
{
	background-color:#F05B24;
}

.key-value-block.grey
{
	background-color:#595959;
}

.key-value-block.violet
{
	background-color:#2F358F;
}

.key-value-center
{
	color:#565556;
	background-color:#FFF;
	font-size:34px;
	font-weight:bold;
	padding:8px 20px;
	border-radius:20px;
	border:2px solid #565556;
}

/*==== End General Intro ====*/

/*==== Start Partner ====*/
.partner
{
	padding:20px 0px;
	text-align:center;
}

.partner-title
{
	font-size:36px;
	font-weight:bold;
	padding:20px 0px;
}

.partner-list .partner-block
{
	margin:15px;
	padding:10px 20px;
	border:1px solid #F38E20;
	border-radius:15px;
}

.partner-list .partner-block .logo
{
	padding:10px 0px;
	border-bottom:3px solid #F38E20;
}

.partner-list .partner-block .logo img
{
	max-width:400px;
	max-height:100px;
}

.partner-list .partner-block .desc
{
	padding-top:20px;
	padding-bottom:10px;
	color:#5B5B5B;
	font-size:16px;
	line-height:24px;
	text-align:justify;
}

.main-customer
{
	padding:20px 0px;
	text-align:center;
}

.main-customer-title
{
	font-size:36px;
	font-weight:bold;
	padding:10px 0px;
}

.main-customer-list img
{
	width:100%;
}


/*==== End Partner ====*/

/*==== Start Contact ====*/

.contact-banner img
{
	width:100%;
}

.contact
{
	background-image:url(../images/bg-contact.png);
	background-position:center;
	background-size: cover;
    background-repeat: none;
	min-height:300px;
	padding:20px 0px;
}

.contact-title
{
	padding:10px 0px;
	margin-bottom:50px;
	font-size:36px;
	font-weight:bold;
	text-align:center;
}

.contact-block
{
	padding:20px;
	width:300px;
	margin:auto;
	text-align:left;
	font-size:14px;
	line-height:24px;
	background-color:#FFF;
	border:1px solid #F38E20;
	border-radius:15px;
	box-shadow: 5px 5px 5px #888888;
	position:relative;
}

.contact-block.item-1
{
	-ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Safari */
    transform: rotate(-20deg); /* Standard syntax */
	position:relative;
	left:-130px;
}

.contact-block.item-2
{
	-ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari */
    transform: rotate(10deg); /* Standard syntax */
	position:relative;
	right:-130px;
	top:-100px;
}

.contact-block .title
{
	font-size:22px;
	line-height:34px;
	font-weight:bold;
	text-transform:uppercase;
	color:#1057a4;
}

.contact-block .stick
{
	position:absolute;
	top:-50px;
	right:150px;
}
/*==== End Contact ====*/


/* Contact footer */
.contact-footer{
	background-image:url(../images/bg-contact-footer.jpg);
	background-position:center;
	background-size: cover;
    background-repeat: none;
	width:100%;
	min-height:400px;
}

.contact-footer-content{
	padding: 50px 0px;
	color:#fff;
	font-size:16px;
	line-height:24px;
}

.contact-footer-title{
	font-size:30px;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:20px;
}

.contact-footer-block{
	width:400px;
	padding:25px;
	margin:30px 0px;
	/*background-color:rgba(18,115,158,0.6);*/
	background-color:rgba(54,93,131,0.6);
}

.back-to-top{
	width:50px;
	height:50px;
	position:fixed;
	bottom: 10px;
	right:10px;
	cursor:pointer;
	display:none;
}

.process-detail
{
	text-align:center;
	padding:50px 0px;
}

.design-process-step
{
	padding:8px;
	border-radius:60px;
	height:120px;
	width:120px;
	margin: 100px 40px;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	font-size:72px;
	font-family:Arial;
	line-height:88px;
	font-weight:bold;
	display:inline-block;
	cursor:pointer;
	position:relative;
}

.design-process-step:hover
{
	/*border-radius:120px;
	height:240px;
	width:240px;*/
}

.design-process-step.upper
{
	position:relative;
	top:-60px;
}

.design-process-step.lowwer
{
	position:relative;
	bottom:-60px;
}

.design-process-step.step1,
.design-process-step-detail.step1
{
	background-color:#F0C218;
	border:8px solid #F8D975;
}

.design-process-step.step1:hover
{
	background-color:#F0C218;
	border:8px solid #DBA705;
}

.design-process-step.step2,
.design-process-step-detail.step2
{
	background-color:#2099D4;
	border:8px solid #52C2EF;
}

.design-process-step.step2:hover
{
	background-color:#2099D4;
	border:8px solid #0986B7;
}

.design-process-step.step3,
.design-process-step-detail.step3
{
	background-color:#BF222F;
	border:8px solid #E95769;
}

.design-process-step.step3:hover
{
	background-color:#BF222F;
	border:8px solid #990214;
}

.design-process-step.step4,
.design-process-step-detail.step4
{
	background-color:#8DC245;
	border:8px solid #B8D775;
}

.design-process-step.step4:hover
{
	background-color:#8DC245;
	border:8px solid #6FAA13;
}

.design-process-step.step5,
.design-process-step-detail.step5
{
	background-color:#E76C24;
	border:8px solid #F69463;
}

.design-process-step.step5:hover
{
	background-color:#E76C24;
	border:8px solid #D34C09;
}

.design-process-step-detail
{
	padding:35px;
	border-radius:130px;
	height:260px;
	width:260px;
	overflow:hidden;
	color:#FFF;
	text-align:justify;
	vertical-align:middle;
	font-size:14px;
	line-height:20px;
	display:none;
	position:absolute;
	font-weight:normal;
	cursor:auto;
}

/*==== Responsive ====*/
/* Desktop */
@media screen and (min-width: 800px) {
	img.lms-img
	{
		bottom:-20px;
		left:-60px;
	}
	
	.lms-title
	{
		padding-top:40px;
	}
}

@media screen and (min-width: 1024px) {
	img.lms-img
	{
		bottom:-40px;
		left:-100px;
	}
	
	.lms-title
	{
		padding-top:60px;
	}
}

/* Large desktop */
@media screen and (min-width: 1200px) {	
	img.lms-img
	{
		bottom:-40px;
		left:-100px;
	}
	.lms-desc
	{
		padding-left:50px;
		padding-right:50px;
	}
	.test-desc
	{
		padding-left:150px;
		padding-right:150px;
	}
}
/* Very Large desktop */
@media screen and (max-width: 1200px) {
	.app-bar.light .app-bar-menu > li, .app-bar.light .app-bar-menu > li > a{
		padding-left:8px;
		padding-right:8px;
	}
}
/* tablet landscape*/
@media only screen and (max-width: 1024px) {
	.about-us
	{
		margin-top:20px;
		margin-bottom:30px;
	}

	.test-desc
	{
		padding-left:50px;
		padding-right:50px;
	}
}
/* tablet portrait */
@media only screen and (max-width: 800px) {
	.about-us
	{
		margin-top:10px;
		margin-bottom:20px;
	}
	
	img.lms-img
	{
		bottom:-10px;
		left:-20px;
	}
	
	.lms-title
	{
		padding-top:30px;
	}

	.test-desc
	{
		padding-left:30px;
		padding-right:30px;
	}
	
	.test-title-1
	{
		padding-top:50px;
	}
	
	.course-list
	{
		bottom:40px;
	}
}
/* Phones landscape*/
@media only screen and (max-width: 640px) {
	.english-block
	{
		width:100%;
	}
	
	.english-block-content
	{
		margin-bottom:0px;
	}
	
	.english-block.third
	{
		padding-top:10px;
		border-radius:0px;
		height:auto;
		position:relative;
		top:0px;
		margin-bottom:10px;
		border:none;
	}
	
	.english-block.third .english-block-caption
	{
		margin-left:0px;
		margin-right:0px;
	}
	
	img.lms-img
	{
		display:none;
	}
	
	.lms-title
	{
		padding-top:30px;
	}
	
	img.test-img
	{
		display:none;
	}
	
	.test-title-1
	{
		padding-top:30px;
	}
	
	.e-course-title
	{
		
	}
	
	.e-course-content{
		display:none;
	}
	
	.course-list li a
	{
		margin:5px;
	}
}
/* Phones portrait*/
@media only screen and (max-width: 480px) {
	
}
@media only screen and (max-width: 360px) {
	
}
@media only screen and (max-width: 320px) {
	
}

/*==== Responsive ====*/
/* Desktop */
@media screen and (min-width: 800px) {
	.ecourse-banner-bound,
	.cb-slideshow{
		height:450px;
	}
	
	.e-course-title{
		padding:15px;
	}
	
	.e-course-content{
		top:120px;
	}
	
	.course-list{
		bottom:20px;
	}

	.ecourse-banner-title
	{
		right:30px;
		bottom:90px;
		font-size:40px;
	}
	
	.criteria-title .row-1
	{
		font-size:20px;
		line-height:30px;
	}

	.criteria-title .row-2
	{
		font-size:40px;
	}
	
	.process .process-title-bound
	{
		font-size:28px;
	}
}

@media screen and (min-width: 1024px) {
	.ecourse-banner-bound,
	.cb-slideshow{
		height:500px;
	}
	
	.e-course-title{
		padding:15px;
	}
	
	.e-course-content{
		top:120px;
	}
	
	.course-list{
		bottom:20px;
	}

	.ecourse-banner-title
	{
		right:70px;
		bottom:90px;
	}
}

/* Large desktop */
@media screen and (min-width: 1200px) {
	.ecourse-banner-bound,
	.cb-slideshow{
		height:600px;
	}
	
	.e-course-title{
		padding:30px;
	}
	
	.e-course-content{
		top:160px;
	}
	
	.course-list{
		bottom:30px;
	}
	
	.ecourse-banner-title
	{
		right:120px;
		bottom:130px;
	}
}
/* Very Large desktop */
@media screen and (min-width: 1366px) {
	.ecourse-banner-bound,
	.cb-slideshow{
		height:600px;
	}
	.ecourse-banner-title
	{
		font-size:60px;
		line-height:76px;
	}
	.ecourse-banner-desc
	{
		font-size:18px;
		line-height:28px;
	}
}
@media screen and (min-width: 1600px) {
	.ecourse-banner-bound,
	.cb-slideshow{
		height:600px;
	}
	.ecourse-banner-title
	{
		font-size:60px;
		line-height:76px;
	}
	.ecourse-banner-desc
	{
		font-size:18px;
		line-height:28px;
	}
	
	.lms-title
	{
		padding-top:140px;
		font-size:80px;
	}
	/*Kiennt*/
	.lms-name-vn
	{
		font-size:24px;
	}
	.lms-name-en
	{
		font-size:40px;
		line-height:52px;
	}
	.lms-desc
	{
		font-size:20px;
	}
	.about-us-content
	{
		font-size:17px;
		line-height:28px;
	}
	
	.typical-courses-title .row-1,
	.design-method-title .row-1
	{
		font-size:26px;
	}
	
	.typical-courses-title .row-2,
	.design-method-title .row-2
	{
		font-size:54px;
		line-height:70px;
	}
	
	.typical-courses-desc
	{
		font-size:20px;
	}
}
/* tablet landscape*/
@media only screen and (max-width: 1024px) {
	.ecourse-banner-bound,
	.cb-slideshow{
		height:500px;
	}
}
/* tablet portrait */
@media only screen and (max-width: 800px) {
	.ecourse-banner-bound,
	.cb-slideshow{
		height:450px;
	}
	
	.e-course-title{
		padding:15px;
	}
	
	.e-course-content{
		top:120px;
	}
	
	.course-list{
		bottom:20px;
	}
	
	.course-list img{
		width:50px;
		height:50px;
	}

	.ecourse-banner-title
	{
		right:30px;
		bottom:40px;
		font-size:34px;
	}
	
	.criteria-title .row-1
	{
		font-size:16px;
		line-height:24px;
	}

	.criteria-title .row-2
	{
		font-size:34px;
	}
	
	.process .process-title
	{
		top:50px;
	}
	
	.process .process-title-bound
	{
		font-size:20px;
	}
}
/* Phones landscape*/
@media only screen and (max-width: 640px) {
	.ecourse-banner-bound,
	.cb-slideshow{
		height:360px;
	}

	.ecourse-banner-title
	{
		right:20px;
		bottom:30px;
		font-size:30px;
		line-height:40px;
	}
	
	.contact-block.item-1
	{
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari */
		transform: rotate(0deg); /* Standard syntax */
		position:relative;
		margin:10px auto;
		left:0px;
	}
	
	.contact-block.item-2
	{
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari */
		transform: rotate(0deg); /* Standard syntax */
		position:relative;
		margin:10px auto;
		right:0px;
		top:0px;
	}
	
	.contact-block .stick
	{
		display:none;
	}
	
	.contact-title{
		margin-bottom:0px;
	}
}
/* Phones portrait*/
@media only screen and (max-width: 480px) {
	.ecourse-banner-bound,
	.cb-slideshow{
		height:270px;
	}

	.ecourse-banner-title
	{
		right:15px;
		bottom:20px;
		font-size:24px;
		line-height:30px;
	}
	
	.criteria-title .row-1
	{
		font-size:14px;
		line-height:20px;
	}

	.criteria-title .row-2
	{
		font-size:26px;
	}
	
	.process .process-title
	{
		top:30px;
	}
	
	.process .process-title-bound
	{
		font-size:16px;
	}
}
@media only screen and (max-width: 360px) {
	.ecourse-banner-bound,
	.cb-slideshow{
		height:200px;
	}

	.ecourse-banner-title
	{
		right:10px;
		bottom:10px;
		font-size:20px;
		line-height:26px;
	}
}
@media only screen and (max-width: 320px) {
	.ecourse-banner-bound,
	.cb-slideshow{
		height:180px;
	}
}