@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
body {
	margin: 0;
	font-family: "Montserrat",Helvetica,Arial,sans-serif;
	overflow-x: hidden;
}

.row {
	margin: 0 !important;
}

.social-section {
  height: 40px;
  width: 100%;
  background-color: #19427c;
  display: block;
  padding: 10px 0;
  text-align: right;
  position:fixed;
  z-index:10;
  top:0px;
}

.social-section .google, .social-section .facebook, .social-section .youtube {
	display: inline-block;
	margin-right: 15px;
}
.social-section .hotline{
	display: inline-block;
	margin-right: 15px;
	border:1px solid #fff;
	color:#fff;
	padding:0px 5px;
	font-weight:bold;
}
.clock{
	display: inline-block;
	border:1px solid #19427C;
	color:#19427C;
	padding:0px 5px;
	font-weight:bold;
    font-size:30px;
}
.navbar-section {
	min-height: 70px;
	height: auto;
	background-color: #f07e22;
	display: block;
}

.navbar-section.navbar-section-fixed {
	position: fixed;
	z-index: 10;
	width: 100%;
    top:40px;
}

.navbar-section .navbar_logo, .navbar-section .navbar_menu {
	display: inline-block;
}

.navbar-section .navbar_logo {
	padding-top: 10px;
}

.navbar-section .navbar_menu {
	margin-left: 0px;
}

.navbar-section .navbar_menu .menu_group {
	display: inline-block;
	list-style-type: none;
	margin-bottom: 0 !important;
}

.navbar-section .navbar_menu .menu_group .menu_item.active {
	border-bottom: 4px solid #19427c;
	padding-bottom: 5px;
}

.navbar-section .navbar_menu .menu_group .menu_item {
	display: inline-block;
	padding-right: 24px;
}

.navbar-section .navbar_menu .menu_group .menu_item a {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

.slider-section .slider_form {
	position: absolute;
	top: 120px;
	right: 30px;
	padding-top: 0px;
}

.slider-section .slider_form input {
	border: 2px solid #fff;
	margin-bottom: 10px;
	display: block;
	width: 300px;
	padding: 5px 15px;
	height: 40px;
	background-color: #171614;
	color: #fff;
	opacity: 0.7;
	font-weight: bold;
}

.slider-section .slider_form input::placeholder {
	color: #fff;
	font-weight: bold;
}

.slider-section .register_button {
	border: 2px solid #fff;
	margin-bottom: 15px;
	display: block;
	width: 300px;
	padding: 0;
	font-size: 25px;
	height: 50px;
	background-color: #171614;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #f07e22;
}

.intro-section {
	padding: 25px 50px;
}

.intro-section .title {
	font-size: 24px;
	color: #19427c;
	border-left: 8px solid #f07e22;
	padding-left: 6px;
	font-weight: bold;
	text-transform: uppercase;
}

.intro-section .description {
	font-size: 16px;
	text-align: justify;
	line-height: 26px;
}

.intro-section .intro_image_2 {
	padding-top: 10px;
}

.intro-section .intro_image_1 {
	position: absolute;
	top: 00px;
	left: 145px;
}

.intro-section .description:first-letter {
	text-align: text-transform: uppercase;
}
/*-end-*/
/*intro-selection1*/
.intro-section1 {
	padding: 40px 30px 0px 30px;
}

.intro-section1 .title {
	font-size: 24px;
	color: #19427c;
	border-left: 8px solid #f07e22;
	padding-left: 6px;
	font-weight: bold;
	text-transform: uppercase;
}

.intro-section1 .description {
	font-size: 16px;
	text-align: justify;
	line-height: 26px;
}

.intro-section1 .description:first-letter {
	text-align: text-transform: uppercase;
}

.school-section {
	padding: 0px;
}

.school-section .more{
	cursor:pointer;
	border-radius: 5px 5px 5px 5px;
	background-color:#004282;
	color:#fff;
	padding:5px 15px;
	vertical-align:middle;
}

.school-section .title {
	font-size: 24px;
	color: #19427c;
	border-left: 8px solid #f07e22;
	padding-left: 6px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.school-section .school_card {
	width: cacl(100vw/3);
	height: 340px;
	padding: 10px 5px;
	text-overflow: ellipsis;
	border:1px solid white;
}

.school-section .school_card .school_card_title {
	text-align: center;
	color: #fff;
	font-size: 24px;
	margin-bottom: 5px;
	display: none;
}

.school-section .school_card .school_card_desc {
	color: #fff;
	font-size: 14px;
	text-align:justify;
	display: none;
}

.school-section .school_card_1:hover, .school-section .school_card_3:hover, .school-section .school_card_4:hover, .school-section .school_card_5:hover, .school-section .school_card_6:hover {
	background-color: hsla(0,0%,2%,0.8);
	background-blend-mode: overlay;
	background-repeat: no-repeat;
}

.school-section .school_card_1.overlay, .school-section .school_card_3.overlay, .school-section .school_card_4.overlay, .school-section .school_card_5.overlay, .school-section .school_card_6.overlay {
	background-color: hsla(0,0%,26%,0.8);
	background-blend-mode: overlay;
	background-repeat: no-repeat;
}

.school-section .school_card:hover .school_card_title, .school-section .school_card:hover .school_card_desc {
	display: block;
}

.school-section .school_card_1 {
	background: url("images/Centennial_College.jpg")  no-repeat;
	background-size: cover;
	background-position: center;
}

.school-section .school_card_2 {
	background: url("images/atlantic_group.jpg")  no-repeat;
	background-size: cover;
	background-position: center;
}

.school-section .school_card_3 {
	background: url("images/Niagara_College.jpg")  no-repeat;
	background-size: cover;
	background-position: center;
}

.school-section .school_card_4 {
	background: url("images/Fleming_College.jpg")  no-repeat;
	background-size: cover;
	background-position: center;
}

.school-section .school_card_5 {
	background: url("images/Humber_College.jpg")  no-repeat;
	background-size: cover;
	background-position: center;
}

.school-section .school_card_6 {
	background: url("images/Douglas_College.jpg")  no-repeat;
	background-size: cover;
	background-position: center;
}

.advantage-section {
	padding: 25px 0;
}

.advantage-section .advantage_title {
	font-size: 24px;
	color: #19427c;
	border-left: 8px solid #f07e22;
	padding-left: 6px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.advantage-section ul {
	list-style-image: url('images/tick.png');
}

.advantage-section ul li {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 20px;
}

.cost-section {
	padding: 20px 0 60px 0;
	background: url("images/background_1.jpg")  no-repeat;
	background-size: cover;
	background-position: center;
	height: 520px;
	text-align: center;
}

.cost-section .cost_title {
	font-size: 24px;
	color: #fff;
	border-left: 8px solid #f07e22;
	padding-left: 6px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 50px;
	-ms-text-align-last: left;
	text-align: left;
}

.cost-section .cost_line {
	display: block;
	margin: auto;
}

.cost-section .cost_card {
	width: 170px;
	min-height: 210px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px;
}

.cost-section .cost_card .cost_card_detail {
	position: relative;
	bottom: -140px;
	font-size: 15px;
	color: #fff;
}

.intro-section2 {
	padding: 20px 0px 60px 0px;
	background: url("images/canada.png")  no-repeat;
	background-size: cover;
	background-position: center;
	height: 249px;
	color:#fff;
}

.intro-section2 .title {
	font-size: 24px;
	color: #fff;
	border-left: 8px solid #f07e22;
	padding-left: 6px;
	font-weight: bold;
	text-transform: uppercase;
}

.intro-section2 .description {
	padding-top: 20px;
	font-size: 18px;
	text-align: justify;
	line-height: 36px;
}

.intro-section2 .description:first-letter {
	text-align: text-transform: uppercase;
}

.intro-section3 {
	padding: 0px;
	color:#19427c;
}

.intro-section3 .title {
	font-size: 24px;
	color: #19427c;
	border-left: 8px solid #f07e22;
	padding-left: 6px;
	font-weight: bold;
	text-transform: uppercase;
}

.intro-section3 .description {
	font-size: 18px;
	text-align: justify;
	line-height: 36px;
	padding-bottom:15px;
}

.intro-section3 .description:first-letter {
	text-align: text-transform: uppercase;
}

.intro-section3 table{
	border-collapse:collapse;
    border:2px solid #fff;
	font-size:12px;
	line-height:16px;
}

.intro-section3 table th{
	color:#fff;
	text-align:center;
	font-size:14px;
	padding:5px 3px;
	border:2px solid #fff;
}

.intro-section3 table td{
	text-align:center;
	font-size:13px;
	padding:5px 3px;
	border:2px solid #fff;
}

.intro-section3 table .h1{
	background-color:#03b5ff;
}
.intro-section3 table .h2{
	background-color:#f07e22;
}

.intro-section3 table .h3{
	background-color:#19437d;
}

.intro-section3 table .h4{
	background-color:#e0020d;
}

.intro-section3 table .d1{
	background-color:#cdf0ff;
}

.intro-section3 table .d2{
	background-color:#fad8bc;
}

.intro-section3 table .d3{
	background-color:#d1d9e5;
}

.intro-section3 table .d4{
	background-color:#ffcccc;
}
.intro-section3 .thi-content{
	margin:0px 40px;
	background-color:#004282;
	color:#fff;
	font-size:18px;
	font-weight:bold

}	
.intro-section3 .hinhthucthi-content{
	padding:0px 60px;
	font-size:14px;
	line-height:24px
}
.intro-section3 .align-bottom{
	vertical-align:bottom;
	padding-top:55px;
}

.calender-section {
	padding: 20px 0px 0px 60px;
}

.calender-section .calender_title {
	font-size: 24px;
	color: #19427c;
	border-left: 8px solid #f07e22;
	padding-left: 6px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 20px;
}

.calender-section .calender_require {
	background-color: #19427c;
	width: 980px;
	height: 530px;
}

.calender-section .calender_require .calender_require_left img {
	position: relative;
	top: 30px;
	left: -20px;
	width: 458px;
	height: 448px;
}

.calender-section .calender_require .calender_require_left, .calender-section .calender_require .calender_require_right {
	display: inline-block;
}

.calender-section .calender_require .calender_require_right {
	padding: 0px;
	position: relative;
	top: 30px;
}

.calender-section .calender_require .calender_require_title {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}

.calender-section .calender_require_item {
	font-size: 15px;
	color: #fff;
}

.cost-section .cost_card_1 {
	background: url("images/fom_1.png")  no-repeat;
	background-size: cover;
	background-position: center;
}

.cost-section .cost_card_2 {
	background: url("images/fom_2.png")  no-repeat;
	background-size: cover;
	background-position: center;
}

.cost-section .cost_card_3 {
	background: url("images/fom_3.png")  no-repeat;
	background-size: cover;
	background-position: center;
}

.cost-section .cost_card_4 {
	background: url("images/fom_4.png")  no-repeat;
	background-size: cover;
	background-position: center;
}

.youtube-section {
	background: url("images/BackGrd1.png")  no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 40px 0;
	text-align: center;
	height:399px;
}

.youtube-section iframe {
	display: inline-block;
}
.embed-responsive-item{
	border:2px solid #fff;
}

.register-section {
	background: url("images/background_3.jpg")  no-repeat;
	background-position: center center;
	background-size: cover;
	padding-top: 40px;
}

.register-section .form-register {
	padding-top: 50px;
}

.register-section .form-register input {
	border: 2px solid #fff;
	margin-bottom: 15px;
	display: block;
	width: 100%;
	max-width: 450px;
	padding: 5px 25px;
	height: 40px;
	background-color: #171614;
	color: #fff;
	opacity: 0.7;
	font-weight: bold;
}

.register-section .form-register input::placeholder {
	color: #fff;
	font-weight: bold;
}

.register-section .register_button {
	border: 2px solid #fff;
	margin-bottom: 15px;
	display: block;
	width: 100%;
	max-width: 450px;
	padding: 15px 0;
	font-size: 30px;
	height: 80px;
	background-color: #171614;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #f07e22;
}

.footer-section {
	background-color: #fff;
	height: auto;
	padding: 30px 50px 30px 0px;
	font-size: 12px;
	color: #426a9a;
}
.footer-section .footer-left {
	text-align: center;
}

.footer-section .footer-right {
	text-align: left;
}

.footer-section .footer-right .logo_footer {
	margin-bottom: 25px;
}

.footer-section .footer-right .footer_row {
	margin-bottom: 10px;
}

.footer-section .footer_title{
	color:#f58634;
	font-weight:bold;
	font-size:16px;
	padding-bottom:0px;
}

.footer-section .footer_title1{
	width:1000px;
}
.footer-section .footer_title1 hr{
	border-top:2px solid #f58634;
	margin-bottom: 0px;
	margin-top: 11px;
}
.footer-section .footer-right .footer_row .footer_icon {
	width: 40px;
	display: inline-block;
}

.footer-section .footer-right .footer_row span {
	font-size: 24px;
	color: #fff;
	vertical-align: middle;
}
.bottom-section{width: 100%;background-color: #19427c;display: block;padding: 0px;font-size:8px;border-top:4px solid #f68220;}
.bottom-section1{width: 100%;background-color: #19427c;display: block;padding: 0px;font-size:8px;border-bottom:4px solid #f68220;}
/* HOLIDAY BELLS */
.b-head-decor { display:none; }
.b-page_newyear .b-head-decor { position:absolute; top:0; left:0; display:block; height:100px; width:100%; overflow:hidden; background:url('/holiday_bells/images/balls/b-head-decor_newyear.png') repeat-x 0 0;z-index: 10000;}
.b-page_newyear .b-head-decor__inner { position:absolute; top:0; left:0; height:115px; display:block; width:373px; }
.b-page_newyear .b-head-decor::before { content:''; display:block; position:absolute; top:-115px; left:0; z-index:3; height:115px; display:block; width:100%; }
.b-page_newyear .b-head-decor__inner_n2 { left:373px; }
.b-page_newyear .b-head-decor__inner_n3 { left:746px; }
.b-page_newyear .b-head-decor__inner_n4 { left:1119px; }
.b-page_newyear .b-head-decor__inner_n5 { left:1492px; }
.b-page_newyear .b-head-decor__inner_n6 { left:1865px; }
.b-page_newyear .b-head-decor__inner_n7 { left:2238px; }
.b-ball { position:absolute; }
.b-ball_n1 { top:0; left:3px; width:59px; height:83px; }
.b-ball_n2 { top:-19px; left:51px; width:55px; height:70px; }
.b-ball_n3 { top:9px; left:88px; width:49px; height:67px; }
.b-ball_n4 { top:0; left:133px; width:57px; height:102px; }
.b-ball_n5 { top:0; left:166px; width:49px; height:57px; }
.b-ball_n6 { top:6px; left:200px; width:54px; height:70px; }
.b-ball_n7 { top:0; left:240px; width:56px; height:67px; }
.b-ball_n8 { top:0; left:283px; width:54px; height:53px; }
.b-ball_n9 { top:10px; left:321px; width:49px; height:66px; }
.b-ball_n1 .b-ball__i { background:url('https://newocean.edu.vn//holiday_bells/images/balls/b-ball_n1.png') no-repeat; }
.b-ball_n2 .b-ball__i { background:url('https://newocean.edu.vn//holiday_bells/images/balls/b-ball_n2.png') no-repeat; }
.b-ball_n3 .b-ball__i { background:url('https://newocean.edu.vn//holiday_bells/images/balls/b-ball_n3.png') no-repeat; }
.b-ball_n4 .b-ball__i { background:url('https://newocean.edu.vn//holiday_bells/images/balls/b-ball_n4.png') no-repeat; }
.b-ball_n5 .b-ball__i { background:url('https://newocean.edu.vn//holiday_bells/images/balls/b-ball_n5.png') no-repeat; }
.b-ball_n6 .b-ball__i { background:url('https://newocean.edu.vn//holiday_bells/images/balls/b-ball_n6.png') no-repeat; }
.b-ball_n7 .b-ball__i { background:url('https://newocean.edu.vn//holiday_bells/images/balls/b-ball_n7.png') no-repeat; }
.b-ball_n8 .b-ball__i { background:url('https://newocean.edu.vn//holiday_bells/images/balls/b-ball_n8.png') no-repeat; }
.b-ball_n9 .b-ball__i { background:url('https://newocean.edu.vn//holiday_bells/images/balls/b-ball_n9.png') no-repeat; }
.b-ball_i1 .b-ball__i { background:url('https://newocean.edu.vn//holiday_bells/images/balls/b-ball_i1.png') no-repeat; }
.b-ball_i2 .b-ball__i { background:url('https://newocean.edu.vn//holiday_bells/images/balls/b-ball_i2.png') no-repeat; }
.b-ball_i3 .b-ball__i { background:url('https://newocean.edu.vn//holiday_bells/images/balls/b-ball_i3.png') no-repeat; }
.b-ball_i4 .b-ball__i { background:url('https://newocean.edu.vn//holiday_bells/images/balls/b-ball_i4.png') no-repeat; }
.b-ball_i5 .b-ball__i { background:url('https://newocean.edu.vn//holiday_bells/images/balls/b-ball_i5.png') no-repeat; }
.b-ball_i6 .b-ball__i { background:url('https://newocean.edu.vn//holiday_bells/images/balls/b-ball_i6.png') no-repeat; }
.b-ball_i1{top:0; left:0; width:25px; height:71px; }
.b-ball_i2{top:0; left:25px; width:61px; height:27px; }
.b-ball_i3{top:0; left:176px; width:29px; height:31px; }
.b-ball_i4{top:0; left:205px; width:50px; height:51px; }
.b-ball_i5{top:0; left:289px; width:78px; height:28px; }
.b-ball_i6{top:0; left:367px; width:6px; height:69px; }
.b-ball__i { position:absolute; width:100%; height:100%; -webkit-transform-origin:50% 0; -moz-transform-origin:50% 0; -o-transform-origin:50% 0; transform-origin:50% 0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; pointer-events:none; }
.b-ball_bounce .b-ball__right{position:absolute; top:0; right:0; left:50%; bottom:0; z-index:9; }
.b-ball_bounce:hover .b-ball__right{ display:none; }
.b-ball_bounce .b-ball__right:hover{ left:0; display:block!important; }
.b-ball_bounce.bounce>.b-ball__i{ -webkit-transform:rotate(-9deg); -moz-transform:rotate(-9deg); -o-transform:rotate(-9deg); transform:rotate(-9deg); }
.b-ball_bounce .b-ball__right.bounce+.b-ball__i { -webkit-transform:rotate(9deg); -moz-transform:rotate(9deg); -o-transform:rotate(9deg); transform:rotate(9deg); }
.b-ball_bounce.bounce1>.b-ball__i {-webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg); transform:rotate(6deg); }
.b-ball_bounce .b-ball__right.bounce1+.b-ball__i {-webkit-transform:rotate(-6deg); -moz-transform:rotate(-6deg); -o-transform:rotate(-6deg); transform:rotate(-6deg); }
.b-ball_bounce.bounce2>.b-ball__i{ -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); }
.b-ball_bounce .b-ball__right.bounce2+.b-ball__i{ -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); }
.b-ball_bounce.bounce3>.b-ball__i {-webkit-transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); transform:rotate(1.5deg); }
.b-ball_bounce .b-ball__right.bounce3+.b-ball__i { -webkit-transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); transform:rotate(-1.5deg); } 

@media (max-width: 992px) {
	.container{
		padding:0px;
	}
	.social-section {
		text-align: center;
	}

	.intro-section, .calender-section, .intro-section1, .intro-section2, .intro-section3, .footer-section{
		padding: 20px 0;
	}
	.intro-section3 .thi-content{
		margin:0px;
		padding:0px;
	}
	.intro-section3 .hinhthucthi-content{
		margin:0px;
		padding:0px;		
	}
	.navbar-section .navbar_menu {
		margin-left: 0;
		padding-top: 10px;
		width: 100%;
	}
	.fa-ul{
		margin-left:10px;
	}
	.navbar-section .navbar_menu .menu_group {
		margin-bottom: 0;
	}

	.navbar-section .navbar_menu .menu_group .menu_item {
		margin-bottom: 10px;
	}

	.cost-section, .intro-section2, .youtube-section{
		height: auto;
	}
	
	.cost-section .cost_line {
		display: none;
	}
	
	.cost-section .cost_card_1, .cost-section .cost_card_2, .cost-section .cost_card_3, .cost-section .cost_card_4 {
		width: 250px;
		background-size: contain;
		margin-bottom: 20px;
	}

	.calender-section .calender_require {
		width: calc(90vw);
		height: auto;
	}

	.calender-section .calender_require .calender_require_right {
		top: 0px;
		padding: 20px;
	}

	.cost-section .cost_card .cost_card_detail {
		bottom: -155px;
		font-size: 12px;
	}


	.register-section {
		padding: 30px calc((100vw - 450px)/2);
	}

	.register-section .form-register {
		padding-top: 0;
	}

	.footer-section .footer-left {
		margin-bottom: 30px;
	}

	.footer-section .footer-left img {
		width: 200px;
	}

	.footer-section .footer-right {
		text-align: center;
	}

	.footer-section .footer-right .logo_footer {
		width: 150px;
	}

	.footer-section .footer-right .footer_row {
		text-align: left;
	}

	.footer-section .footer-right .footer_row img {
		height: 16px;
	}

	.footer-section .footer-right .footer_row span {
		font-size: 14px;
	}
}