/*
Theme Name: Mages Landing
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Mages Landing brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

@font-face {
    font-family: 'AvenirRoman';
    src: url('fonts/AvenirRoman.eot');
    src: url('fonts/AvenirRoman.eot') format('embedded-opentype'),
         url('fonts/AvenirRoman.woff2') format('woff2'),
         url('fonts/AvenirRoman.woff') format('woff'),
         url('fonts/AvenirRoman.ttf') format('truetype'),
         url('fonts/AvenirRoman.svg#AvenirRoman') format('svg');
}
@font-face {
    font-family: 'AvenirBlack';
    src: url('fonts/AvenirBlack.eot');
    src: url('fonts/AvenirBlack.eot') format('embedded-opentype'),
         url('fonts/AvenirBlack.woff2') format('woff2'),
         url('fonts/AvenirBlack.woff') format('woff'),
         url('fonts/AvenirBlack.ttf') format('truetype'),
         url('fonts/AvenirBlack.svg#AvenirBlack') format('svg');
}

* {
	margin: 0px;
	padding: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

.wrapper {
	width: 100%;
	padding: 0 15px;
	margin: 0px auto;
}

@media (min-width: 1200px) {
	.wrapper {
		width: 1170px;
		padding: 0px;
	}
}

a {
	outline: none;
	border: none;
	text-decoration:none;
}

.wrapper:before,
.wrapper:after ,.content-area:before,.content-area:after{
	content: " ";
	display: table;
}

.wrapper:after,.content-area:after{
	clear: both;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: 'AvenirRoman';
	background: #2c2c2c;
    color: #fff;
}

img {
	vertical-align: middle;
	max-width: 100%;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: normal
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}
.header {
	padding: 30px 0;
	background: #000;
    font-size: 0px;
}
.logo {
	display: inline-block;
	width: 30%;
    vertical-align: middle;
}
.header-right {
	display: inline-block;
	width: 70%;
	vertical-align: middle;
	text-align:right;
}
.language {
	display: inline-block;
	vertical-align: middle;
	background: #6e2f0a;
	border-radius: 45px;
	margin-left: 30px;
	overflow: hidden;
	font-size: 0;
}
.header-right .text-right {
	display: inline-block;
}
.language ul li {
	display: inline-block;
}
.language ul li a {
	font-size: 14px;
	display: block;
	padding: 10px 20px;
	color: #fff;
	opacity: 0.45;
}
.page-id-475 .language ul li:first-child a{
	opacity:1;
	background:#e96316;
}
.page-id-337 .language ul li:last-child a {
	opacity:1;
	background:#e96316;
}
.header-right a {
	color: #e96316;
	font-size: 20px;
	text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.header-right .icon {
	margin-right: 15px;
}
.call-us {
	display: inline-block;
	vertical-align: middle;
	padding: 0 35px 0 0;
}
.message-us {
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 35px;
	border-left: 1px solid #e96316;
}
.banner-image img {
	width: 100%;
}
.banner-image{
    position: relative;
}
.banner-text {
	position: absolute;
	left: 0;
	right: 0;
	top: 190px;
}
.banner-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.banner-bottom img {
	width: 100%;
}
.banner {
	position: relative;
}
.banner-text h1 {
	font-size: 48px;
	text-transform: uppercase;
	max-width: 490px;
    font-family: 'AvenirBlack';
}
.banner-text h1 span {
	color: #e96316;
	display: block;
}
.banner-text h4 {
	font-size: 24px;
	color: #f6f6f6;
	max-width:500px;
}
.banner-bottom-text {
	padding: 30px 0;
	background: #090a08;
    overflow: hidden;
}
.banner-bottom-text .wrapper {
	max-width: 940px;
}
.banner-bottom-text h2 {
	color: #fff;
	font-size: 35px;
	padding: 10px 0;
	background: #e96316;
    font-family: 'AvenirBlack';
    margin: 0 0 30px;
    position: relative;
}
.banner-bottom-text h2::before {
	content: "";
	background: #e96316;
	height: 100%;
	width: 5000px;
	position: absolute;
	right: 100%;
	top: 0;
}
.banner-bottom-text p {
	font-size: 16px;
	line-height: 25px;
}
.heading{font-size: 35px;font-family: 'AvenirBlack';margin: 0 0 35px;}
.module {
	padding: 30px 0;
	background: #090a08;
    position: relative;
	
}
.module .wrapper {
	max-width: 100%;
	position: relative;
    z-index: 1;
}
.number {
	display: inline-block;
	width: 133px;
	height: 133px;
	color: #fff;
	border: 3px solid #e96316;
	line-height: 127px;
	text-align: center;
	font-size: 40px;
	border-radius: 50%;
    font-family: 'AvenirBlack';
}
.top-content{
    text-align: center;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: none;
	max-width:150px;
}
.top-content h4 {
	font-size: 18.33px;
	margin: 15px 0;
    font-family: 'AvenirBlack';
    text-align: center
}
.top-content.current .number {
	background: #e96316;
}
.model-row {
	font-size: 0;
}
.model-list {
	min-height: 440px;
}
.model-column {
	display: inline-block;
	width: 33.3333%;
	vertical-align: top;
}
.text-content {
	display: inline-block;
	max-width: 480px;
	text-align: left;
}
.text-content p {
	font-size: 16px;
	line-height: 25px;
	margin-top: 10px;
}
.text-content h3{
    color: #e96316;
    font-size: 18.33px;
    margin: 15px 0 0;
}
.module-image {
	position: absolute;
	bottom: 40px;
}
.module-graphics {
	position: absolute;
	right: -50px;
	bottom: -30px;
}
.program-highlight .top-heading {
	padding: 90px 0 20px;
	background: #090a08;
}
.program-highlight-bottom {
	padding: 45px 0;
	background: #242424;
    font-size: 0px;
}
.highlight-column {
	width: 33.3333%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 0 55px;
	position: relative;
}
.program-highlight-bottom h4{
    font-size: 24px;
    margin: 0 0 20px;
}
.program-highlight-bottom .icon {
	height: 100px;
	margin: 0 0 20px;
}
.program-highlight p {
	
	font-size: 16px;
	line-height: 25px;
}
.highlight-column + .highlight-column::before {
	content: "";
	height: 100%;
	background: #d53039;
	width: 1px;
	position: absolute;
	left: 0;
}
.testimonial{
    background: #090a08;
    font-size: 0px;
}
.testimonial .user-image {
	width: 33.3333%;
    background-size: cover;
    background-color: #e96316;
    background-blend-mode: multiply;
    display: inline-block;
}
.user-image img {
	width: 100%;
	visibility: hidden;
}
.testimonial-text {
	width: 66.66666%;
	display: inline-block;
	vertical-align: middle;
	padding: 30px 55px 30px 95px;
}
.testimonial-text p {
	font-size: 16px;
	line-height: 25px;
}
.testimonial .heading {
	margin: 0 0 15px;
}
.testimonial-text p span{
    display: block;
    font-family: 'AvenirBlack';
    color: #e96316;
}
.company-hire {
	padding: 70px 0;
	background: #242424;
	text-align: center;
}
.company-hire .circle {
	display: inline-block;
	height: 254px;
	width: 254px;
	position: relative;
	border-radius: 50%;
	border: 4px solid #e96316;
	padding: 16px;
}
.flip-container {
	width: 213px;
	height: 213px;
	background: #fff;
	border-radius: 50%;
	display: inline-block;
    position: relative;
    line-height: 213px;
	
}
.front img {
	max-height: 135px;
    max-width: 155px;
	display:inline-block;
}


.visit-website a {
	color: #e96316;
	font-size: 18px;
	text-decoration: underline;
}
.visit-website {
	padding: 15px 0;
	border-top: 2px solid #e96316;
	border-bottom: 2px solid #e96316;
    font-family: 'AvenirBlack';
}

.right-footer {
	width: 25%;
	float: left;
}
.middle-footer {
	width: 50%;
	float: left;
}
.left-footer {
	width: 25%;
	float: left;
}
.footer-bottom {
	margin-top: 40px;
}
.footer-logo {
	display: inline-block;
	max-width: 150px;
	margin-bottom: 35px;
    margin-top: 35px;
}
.middle-footer p {
	font-size: 13px;
}
.left-footer p {
	font-size: 13px;
	color: #fff;
	margin: 0 0 15px;
}
.left-footer p a {
	color: inherit;
}
.left-footer li {
	display: inline-block;
}
.left-footer li + li {
	margin-left: 45px;
}
.right-content p {
	font-size: 9px;
	color: #fff;
	margin-top: 5px;
}
.visit-website .video {
	margin-left: 10px;
}
.right-content {
	display: inline-block;
}
.why-mages {
	background: #e96316;
	padding: 70px 30px;
    position: relative;
}
.why-mages::after {
	content: "";
	height: 70px;
	background: #090a08;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	transform: rotate(-2deg);
	bottom: -42px;
	/* transform-origin: center right; */
}
.why-mages::before {
	content: "";
	height: 70px;
	background: #242424;
	position: absolute;
	
	left: 0;
	right: -2;
	transform: rotate(2deg);
	top: -42px;
	
}
.why-mages::before {
	content: "";
	height: 70px;
	background: #242424;
	position: absolute;
	left: -2px;
	right: 0;
	transform: rotate(-2deg);
	top: -39px;
	
}
.why-icon {
	width: 91px;
	height: 91px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border: 4px solid #000;
	border-radius: 50%;
    padding: 8px;
}
.why-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    margin-left: 15px;
    max-width: calc(100% - 106px);
}
.why-icon .icon-outer {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #0d0923;
	position: relative;
}
.why-icon .icon-outer img {
	position: absolute;
	left: 50%;
	top: 50%;
	
	transform: translate(-50%,-50%);
}
.why-list {
	display: inline-block;
	/* width: 49%; */
	margin: 60px 0;
}
.why-mages{overflow: hidden}
.why-mages .wrapper {
	width: 100%;
}
.why-row {
	position: relative;
}
.why-mages .round {
	width: 423px;
	height: 423px;
	border-radius: 50%;
	border: 3px solid rgba(255,255,255,0.47);
	text-align: center;
	padding: 22px;
}
.why-mages .round-inner {
	width: 100%;
	height: 100%;
	position: relative;
	background: #0d0923;
	border-radius: 50%;
}
.why-mages .round-inner a {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	padding:0 20px;
}
.why-mages .round {
	width: 100%;
	height: 423px;
	border-radius: 50%;
	border: 3px solid rgba(255,255,255,0.47);
	text-align: center;
	padding: 22px;
	position: static;
	/* left: 50%; */
	margin-left: 0;
	display: inline-block;
}
.why-mages .wrapper {
	width: 100%;
	max-width: 1320px;
}

.dotted-line h2 {
	font-size: 70px;
}
.dotted-line h2 span{font-size: 100px}
.dotted-line {
	margin: 0 0 30px;
	position: relative;
    text-align: center;
}
.dotted-line::before {
	content: "";
	border: 2px dashed #fff;
	height: 0;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -1px;
    left: 0;
}
.dotted-line h2{
    padding: 0 30px;
    display: inline-block;
    background: #e96316;
    position: relative;
    z-index: 1;
}
.student-artwork {
	padding-top: 130px;
	background: #090a08;
}
.gallery-item {
	position: relative;
	margin: 0 !important;
	width: 25%;
	transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	float: left;
}
.gallery-info {
	display: none;
	position: absolute;
	text-align: center;
	height: auto;
	top: 50%;
	left: 0;
	right: 0;
	padding: 0 10%;
	margin: auto;
	z-index: 99;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.gallery-info a {
	width: 96px;
	border: 1px solid #ff0000;
	line-height: 26px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
	border-radius: 45px;
}
.gallery-item img {
	width: 100%;
	height: auto;
}
.gallery-row {
	display: inline-block;
	width: 100%;
}
.bottom-content {
	display: none;
}
.form-outer {
	display: inline-block;
	text-align: left;
	margin-bottom:20px;
}
.form-outer h3 {
	padding: 20px;
	text-align: center;
	font-size: 24px;
	color: #f39800;
	text-transform: uppercase;
    font-family: 'AvenirBlack';
}
.contact-form {
	position: absolute;
	right: 0;
	top: 45px;
	left: 0;
}
.form-outer li,._form-content > div {
	padding: 0 25px;
	list-style: none;
	display: inline-block;
	width: 100%;
	margin: 0 0 15px;
}
.text-field,._field-wrapper input,._field-wrapper select,._field-wrapper textarea {
	display: inline-block;
	width: 100%;
	background: no-repeat;
	border: none;
	border-bottom: 1px solid #f39800;
	padding: 10px 0;
	font-size: 14px;
	color: #fff;
	font-family: 'AvenirRoman';
	outline:none;
}
.btn,._submit {
	display: inline-block;
	width: 100%;
	background: #e96316;
	border: none;
	font-size: 18px;
	color: #fff;
	line-height: 54px;
	margin-top: 50px;
    cursor: pointer;
    -webkit-appearance:none;
	appearance:none;
	-moz-appearance:none;
}
.social-column {
	display: inline-block;
	vertical-align: middle;
	width: 33.3333%;
}
.social {
	position: relative;
	font-size: 0;
	padding: 20px 45px;
}
textarea.text-field,._field-wrapper textarea {
	height: 45px;
	resize: none;
	overflow: auto;
	font-family: inherit;
}

.new-header{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: none;
    z-index: 1;
}
.banner-new .banner-text {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.banner-new .left-side {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
    padding-right: 15px;
}
.banner-new .right-side {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
    padding-left: 15px;
}
.banner-new .banner-text{font-size: 0}
.banner-new .banner-text h1{
    max-width: 100%;
}
.skew {
	position: relative;
	-webkit-transform: skewX(-30deg);
	-moz-transform: skewX(-30deg);
	-ms-transform: skewX(-30deg);
	transform: skewX(-30deg);
    height: 190px;
    cursor: pointer;
}
.skew h3 {
	-webkit-transform: skewX(30deg) translateY(-50%);
	-moz-transform: skewX(30deg) translateY(-50%);
	-ms-transform: skewX(30deg) translateY(-50%);
    transform: skewX(30deg) translateY(-50%);;
	text-align: center;
	font-size: 35px;
    position: absolute;
    top: 50%;
    padding: 0 20px;
    margin-left: 60px;
    left: 0;
    right: 0;
}
.course-column {
	width: 33.33333%;
	float: left;
    background: #7e002a;
}
.course .wrapper {
	width: 100%;
	padding: 0;
}
.course {
	overflow: hidden;
}
.course-column:nth-child(2) .skew {
	background: #57021c;
}
.course-column:nth-child(3) .skew,.course-column:nth-child(3) {
	background: #ea353f;
}
.course-bottom {
	padding: 90px 50px 180px;
	background: #090a08;
	float: left;
	
	text-align: right;
}
.course-bottom h2 {
	font-size: 47px;
	color: #fff;
	margin: 0 0 60px;
}

.course-bottom p {
	font-size: 16px;
	line-height: 25px;
}
.highlight-new {
	border-bottom: 12px solid #ea353f;
}
.highlight-new .wrapper {
	padding: 0;
	width: 100%;
}
.highlight-new h2 {
	font-size: 40px;
	line-height: 87px;
	position: relative;
	text-align: center;
	background: #ea353f;
	font-family: 'AvenirBlack';
}
.hight-light-content {
	padding: 15px 25px;
	background: #3a3941;
	min-height: 235px;
    padding-right: 85px;
    position: relative;
	text-align:left;
}
.highligh-row {
	font-size: 0px;
	text-align: center;
}

.col-4 {
	float: left;
	width: 25%;
}
.highligh-row .col-4 {
	float: none;
	display: inline-block;
	vertical-align:top; 
}
.col-4:nth-child(2n+1) .hight-light-content {
	background: #0d0923;
}
.hight-light-content p {
	font-size: 16px;
	line-height: 25px;
	margin-top: 15px;
}
.hight-light-content .icon {
	display: block;
	min-height: 70px;
}
.course-module {
	padding: 110px 0 35px;
	background: #090a08;
}
.course-module .wrapper {
	width: 1260px;
}
.course-model-column {
	display: inline-block;
	width: 25%;
	padding: 75px 30px;
	vertical-align:top;
}
.course-model-content .text {
	min-height: 45px;
}
.course-model-content {
	width: 100%;
	padding: 5px 40px;
	border: 2px solid #ea353f;
	font-size: 16px;
	border-radius: 20px;
	position: relative;
}
.round-number {
	font-size: 34px;
	line-height: 67px;
	width: 67px;
	background: #ea353f;
	border-radius: 50%;
	height: 67px;
	position: absolute;
	left: -33.5px;
	top: -7px;
}
.course-module-row {
	display: inline-block;
	text-align: center;
	font-size: 0;
}
.hight-light-content::before {
	content: "";
	border-left: 32px solid transparent;
	border-right: 32px solid transparent;
	border-top: 24px solid #ea353f;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -32px;
}
.unversity-image img {
	width: 100%;
}
.width-50 {
	width: 50%;
	float: left;
    position: relative;
}
.afflication {
	position: relative;
}
.afflication h2 {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 90px;
    z-index: 1;
	max-width:50%;
}
.unversity-logo {
	position: absolute;
	left: 0;
	right: 0;
	top: 190px;
	width: 274px;
	text-align: center;
}
.academy .unversity-logo {
	right: 120px;
	left: inherit;
}
.aberty .unversity-logo{
     left:120px;
}
.round-div {
	display: inline-block;
	width: 274px;
	height: 274px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	line-height: 274px;
}
.unversity-logo h3 {
	font-size: 30px;
	margin-top: 20px;
    font-family: 'AvenirBlack';
}
.afflication .transparent {
	/* padding: 70px 0; */
	background: rgba(13,9,35,0.72);
	text-align: center;
	padding: 35px 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 12;
    font-size: 24px;
    color: #e54545;
    line-height: 36px;
    font-family: 'AvenirBlack';
}
.afflication .wrapper{
    padding: 0px;
    width: 100%;
}
.get-a-degree .wrapper {
	width: 100%;
	text-align: center;
	padding: 0px;
}
.get-a-degree .heading {
	padding: 25px 0 35px;
	background: #ea353f;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 60px;
    margin: 0px;
    position: relative;
}
.get-content {
	width: 335px;
	border: 3px solid #ea353f;
	border-radius: 5px;
	padding: 22px 20px;
	font-size: 28px;
	line-height: 36px;
	position: relative;
    height: 126px;
}
.get-column {
	margin: 0 30px;
	display: inline-block;
	vertical-align: middle;
}

.get-row {
	position: absolute;
	font-size: 0;
	padding: 30px 0;
	background: rgba(13, 9, 35,0.72);
	left: 0;
	bottom: 0;
	right: 0;
}
.get-a-degree .heading span{font-size: 72px;}
.get-content span {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.get-column + .get-column .get-content::before {
	content: url(images/dot-point.png);
	left: -72px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.get-a-degree .heading::before {
	border-left: 59px solid transparent;
	border-right: 59px solid transparent;
	border-top: 46px solid #ea353f;
	content: "";
	position: absolute;
	bottom: -45px;
	left: 50%;
	margin-left: -59px;
	z-index: 12;
}
.carrier-opportunites .wrapper {
	text-align: center;
	width: 100%;
}
.carrier-opportunites {
	padding-bottom: 40px;
	border-bottom: 10px solid #ea353f;
    background: #090a08;
}
.carrier-opportunites h2 {
	font-size: 40px;
	line-height: 42px;
	text-transform: uppercase;
	background: #ea353f;
	padding: 15px 0;
	margin-bottom: 35px;
	font-family: 'AvenirBlack';
}
.carrier-column {
	display: inline-block;
	font-size: 28px;
	width: 20%;
	vertical-align: middle;
	padding-top: 60px;
	position: relative;
	padding-bottom: 60px;
}
.carrier-column + .carrier-column::before {
	content: "";
	background: url(images/carrier-shadow.png);
	width: 2px;
	height: 100%;
	position: absolute;
	left: -1px;
	top: 0;
	background-repeat: no-repeat;
}
.carrier-row {
	display: table;
	width: 100%;
	font-size:0px;
}
.testimonial-new {
	padding: 60px 0;
	background: #090a08;
}
.testimonial-new .wrapper{
    width: 100%;
    padding: 0px;
}
.testimonial-new .heading {
	background: #ea353f;
	display: inline-block;
	width: 100%;
	line-height: 55px;
	text-align: center;
    max-width: 100%;
    margin: 0px;
	text-transform:uppercase;
}
.testimonial-row {
	font-size: 0px;
	text-align: center;
}
.testimonail-column {
	display: inline-block;
	width: 33.33333%;
	padding: 0 5px;
    vertical-align: top;
	text-align:left;
}
.user-image-new img {
	width: 100%;
}
.testimonial-row {
	
	width: 100%;
	font-size: 0px;
}
.testimonail-column h5 {
	font-size: 16px;
    font-family: 'AvenirBlack';
    padding: 30px 30px 0;
}
.testimonail-column p{font-size: 14px;padding: 0 30px 10px;}
.why-mages-new{
    padding: 80px 0 390px;
    background-image: url(images/why-mages-background.jpg);
    background-position: center center;
    background-size: cover;
}
.why-mages-new .heading{
    margin-bottom: 90px;
    font-size: 100px;
}
.bottom-why-mages .wrapper {
	width: 100%;
}
.why-content {
	padding: 20px;
}
.why-content {
	padding: 20px;
	background: rgba(36,36,36,0.72);
    min-height: 150px;
}
.icon-why {
	display: inline-block;
	vertical-align: middle;
}
.box-inner {
	display: inline-block;
	text-align: left;
}
.box-4 {
	background: rgba(66, 52, 38,0.72);
}
.box-1 {
	background: rgba(20, 18, 17,0.72);
}
.box-2 {
	background: rgba(33, 33, 31,0.72);
}
.box-3 {
	background: rgba(9, 29, 28,0.72);
}
.box-inner {
	display: inline-block;
	text-align: left;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width:100%;
	max-width:450px;
}
.box-1 .box-inner,.box-3 .box-inner {
	left: inherit;
	right: 50px;
}
.box-2 .box-inner,.box-4 .box-inner {
	right: inherit;
	left: 100px;
}
.hide {
	display: none;
}
.course-bottom p + p {
	margin-top: 25px;
}
.show-1 {
	text-align: left;
}
.active .skew::after {
	content: "";
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #7e002a;
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: skewX(30deg);
	-webkit-transform: skewX(30deg);
	-moz-transform: skewX(30deg);
	margin-left: 0;
}
.course-column:nth-child(2).active .skew::after{
	border-top: 30px solid #57021c;
}
.course-column:nth-child(3).active .skew::after{
	border-top: 30px solid #ea353f;
}
.banner-new .form-outer {
	background: none;
}
.banner-new .form-outer h3 {
	background: rgba(0,0,0,0.8);
	color: #fff;
}
.banner-new .wpcf7-form {
	background: rgba(0,0,0,0.8);
	padding: 25px;
}
.banner-new .text-field,._field-wrapper input,._field-wrapper textarea,._field-wrapper select{border-bottom-color:#fff;}
._form-content ._button-wrapper{margin-top:30px;}
.banner-new .btn,._submit{margin:0px; background:#e96316;}
.banner-new .form-outer li:last-child{
	margin:0px;
}
._form-content {
	padding: 25px;
	background: rgba(0,0,0,0.8);
}
._field-wrapper {
	font-size: 12px;
}
._error-inner {
	margin-top: 5px;
}
.shape-btoom {
	display: inline-block;
	height: 1px;
	background-image: url(images/button-before.png);
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}
.banner-new span.ajax-loader{
	position:absolute;
}
.banner-new .form-outer li.btn-container {
	margin-top: 30px;
}
div.wpcf7-response-output{font-size:14px;}
.two-column .course-column {
	width: 50%;
	
}
.two-column .course-column:last-child{
	background:#57021c;
}
.two-column .course-column:first-child .skew{
	background:#7e002a;
}
.form-outer li{position:relative;}
.form-outer .wpcf7-not-valid-tip,.say-hello .wpcf7-not-valid-tip {
	color: #ed2525;
	width: 30px;
	height: 25px;
	margin-top: 0px;
	text-align: center;
	position: absolute;
	top: -20px;
	right: 0;
	font-size: 0px;
	z-index: 2;
}
.form-outer .wpcf7-not-valid-tip::after,.say-hello .wpcf7-not-valid-tip::after {
	content: '\f128';
	font-family: "Ionicons";
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 16px;
}
.form-outer .wpcf7-not-valid-tip::after,.say-hello .wpcf7-not-valid-tip::after {
	content: '\f128';
	font-family: "Ionicons";
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 16px;
}
.center-div{font-size:0px;}
.center-div .width-30 {
	width: 33.3333%;
	display:inline-block;
	vertical-align:middle;
}
.center-div .width-40 {
	display:inline-block;
	width: 33.33333%;
	text-align: center;
	vertical-align:middle;
padding:0 20px;	
}
.sticky-bar {
	position: fixed;
	top: 50%;
	right: 0px;
	width: 200px;
	height: 0px;
	text-align: right;
	z-index: 99;
	margin-top: 0;
}
.sticky-bar a {
	background: #fb2a00;
	font-size: 17px;
	color: white;
	padding: 0 15px;
	outline: none;
	text-decoration: none;
	position: absolute;
	right: 0;
	height: 40px;
	line-height: 41px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	border-radius: 5px 5px 0 0;
	position: absolute;
	right: 0;
	top: 0;
	margin-top: -135px;
}
.whats-us {
	position: fixed;
	right: 2px;
	top: 50%;
	width: 35px;
	height: auto;
	z-index: 1234;
	margin-top: 45px;
}
.white-popup-block {
	background: #FFF;
	padding: 20px 30px;
	text-align: left;
	max-width: 80%;
	margin: 40px auto;
	position: relative;
}
.say-hello h2 {
	color: #fff;
	margin: 0 0 30px;
	letter-spacing: 0.32em;
}
#popup-contact h2 {
	margin: 0 0 15px;
}
#popup-contact {
	background: #555558;
	max-width: 500px;
}
.popup-modal-dismiss {
	position: absolute;
	right: 10px;
	top: 10px;
}
.mfp-close {
	display: none !important;
}
.say-hello ul li {
	list-style: none;
	margin: 20px 0 0;
}
.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;

}

	.flip-container:hover .flipper,  
  .flip-container.hover .flipper {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 213px;
	height: 213px;
	border-radius: 50%;
}

.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
  
  -o-transition: 0.6s;
	-o-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

.front {
	height:213px;
	width:213px;
	line-height:213px;
}

.back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
	transform: rotateY(180deg);

	background: #fff;
}
.middle-verticle h5 {
	font-size: 18px;
	margin: 0 0 5px;
	font-family: 'AvenirBlack';
}
.middle-verticle p {
	font-size: 16px;
	line-height:1.5em;
}
.back {
	padding: 20px;
	color: #000;
	font-size: 20px;
	line-height:1.4em;
}
.middle-verticle * {
	color: #000;
}
.middle-verticle {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	padding: 0 20px;
	right:0;
}
.front {
	height: 213px;
	width: 213px;
	line-height: 213px;
	border-radius: 50%;
	padding: 0 20px;
}
.admission-column.have-text {
	float: right;
}
.company-row .slick-arrow {
	position: absolute;
	width: 11px;
	height: 13px;
	top: 50%;
	transform: translateY(-50%);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	font-size: 0px;
	background-color: transparent;
	border: none;
	cursor: pointer;
	z-index: 1;
}
.company-row .slick-next {
	background-image: url(images/right-small-row.png);
	right: -30px;
}
.company-row .slick-prev {
	background-image: url(images/left-small-arrow.png);
	left: -30px;
}
.intro .wrapper {
	padding: 0;
	width: 100%;
}
.intro {
	padding: 10px 0;
	background: #090a08;
}
.intro h2 {
	font-size: 24px;
	text-transform: uppercase;
	color: #f39800;
	padding: 18px;
	font-family: 'AvenirBlack';
}
.left-intro h2 {
	background: #1a1918;
	padding-left: 85px;
}
.left-intro .intro-bottom {
	padding: 85px;
	background: #373534;
}
.right-intro {
	padding-left: 20px;
	position:relative;
}
.right-intro h2 {
	text-align: center;
	background: #111111;
}
.right-intro .intro-bottom {
	padding: 0 85px;
	background: #242424;
}
.right-intro .form-outer li{
	margin:20px 0 0;
}
.ajax-loader {
	position: absolute;
}
.right-intro .btn{margin-top:0px;}
.right-intro .form-outer .wpcf7-not-valid-tip::after, .say-hello .wpcf7-not-valid-tip::after{top:15px;}
.right-intro .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
	position: absolute;
	display: none !important;
}
.left-intro {
	position: relative;
	z-index: 1;
}
.right-intro::before {
	background: #373534;
	position: absolute;
	right: 100%;
	height: 100%;
	content: "";
	top: 0;
	width: 100%;
}
.form-outer li.hide{
	display:none;
}
#og-grid {
	font-size: 0;
	text-align: center;
	position:relative;
}
.og-grid a {
	text-decoration: none;
	color: #fff;
}
.og-grid li {
	display: inline-block;
	width: 20%;
	vertical-align: top;
}
.bottom-content {
    display: none;
    font-size: 20px;
    position: absolute;
    
    width: 100%;
    left: 0;
}
.module-content-inner{padding-top:20px;}
.our-faculty .wrapper {
	padding: 0px;
	width: 100%;
}
.our-faculty .user-image {
	float: right;
}
.our-faculty h5 {
	font-size: 16px;
	margin: 0 0 20px;
}
.banner-text .form-outer{max-width:400px}
.form-outer .width-80 {
	width: 75%;
	display: inline-block;
	padding-left: 15px;
}
.form-outer .width-20 {
	display: inline-block;
	width: 25%;
}
.banner-text .form-outer .width-80,.contact-us-popup .width-80{width:70%;display:inline-block;padding-left:15px;}
.banner-text .form-outer .width-20,.contact-us-popup .width-20{width:30%;display:inline-block;}
.active .skew h3 {
	font-family: 'AvenirBlack';
}
.intro-bottom p {
	font-size:16px;
	line-height: 1.6em;
}
.intro-bottom p + p{margin-top:15px;}
.banner-icon {
	position: absolute;
	right: 50px;
	top: 30px;
	width: 200px;
}

/* style for vietnam landing page */
.banner-vietnam .form-outer {
	background: #242424cc;
}
.banner-vietnam .banner-text{
	top:0;
}
.banner-vietnam .form-outer .wpcf7-not-valid-tip::after{top:20px;}
.banner-vietnam .btn{margin-top:0px;}
.banner-vietnam .form-outer h3{
	background:#010101;
	margin-bottom:30px;
}
.banner-vietnam .banner-text h1{
	color:#e96316;
}
.banner-vietnam .left-side {
	float: left;
	margin-top: 150px;
}
.who-we-are {
	background: #111111;
	padding: 10px 0 30px;
}
.who-we-are p {
	font-size: 18px;
	line-height: 30px;
	margin: 0 0 30px;
}
.who-we-are .heading {
	margin-top: 30px;
	position: relative;
	margin-bottom: 30px;
}
.testimonial-vietnam .wrapper {
	padding: 0;
	width: 100%;
}
.testimonial-vietnam-column {
	width: 50%;
	float: left;
	position:relative;
}
.testimonial-vietnam-content {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #e96316;
	background-blend-mode: multiply;
}
.testimonial-vietnam-content img {
	visibility: hidden;
}
.testimonial-vietnam-text {
	position: absolute;
	bottom: 0;
	padding: 0 0px 20px;
}
.testimonial-vietnam-text p {
	font-size: 16px;
	line-height: 20px;
	padding:0 35px;
	min-height:100px;
}
.testimonial-vietnam-text h4 {
	font-size: 16px;
	font-family: 'AvenirBlack';
	padding: 0 35px;
	margin: 0 0 20px;
	line-height: 48px;
	background: rgba(17,17,17,0.6);
}
.small-heading {
	font-size: 35px;
	font-family: 'AvenirBlack';
}
.testimonial-vietnam {
	position: relative;
}
.testimonial-vietnam .small-heading {
	position: absolute;
	left: 35px;
	top: 35px;
	z-index: 1;
}
.various-path {
	padding: 60px 0 0;
	overflow:hidden;
	background:#242424
}
.various-path .wrapper{width:100%;padding:0px;}
.various-column {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	text-align: center;
	padding:0 2px;
}
.various-row {
	margin: 0 -20px;
	font-size:0px;
}
.various-circle-inner {
	display: inline-block;
	position: relative;
	width: 218px;
	height: 218px;
	border: 4px solid #fff;
	background: #cd8815;
	border-radius: 50%;
}
.various-content h5 {
	color: #fff;
	background: #d45b14;
	font-size: 24px;
	line-height: 56px;
	margin-top: 25px;
	font-family: 'AvenirBlack';
}
.various-circle-outer {
	display: inline-block;
	background: #c97f03;
	border-radius: 50%;
	height: 255px;
width: 255px;
padding-top: 18px;
padding-bottom: 18px;
	font-family: 'AvenirBlack';
}
.various-circle-inner h4 {
	font-size: 16px;
	line-height: 2em;
	font-family: 'AvenirBlack';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.various-path .small-heading {
	margin-bottom: 40px;
	
}
.from-diploma-degree {
	padding: 60px 0;
	background: #090a08;
}
.round-unversity {
	background: #fff;
	line-height: 236px;
	height: 256px;
	text-align: center;
	width: 256px;
	padding: 0 20px;
	border-radius: 50%;
	border: 10px solid #ff1400;
}.unversity-image-round {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin:0 12px;
	text-align:center;
}
.country-name {
	background: #ff1400;
	border-radius: 45px;
	line-height: 51px;
	font-size: 35px;
	width: 162px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -81px;
	font-family: 'AvenirBlack';
}

.left-degree {
	float: left;
	width: 50%;
	padding-right: 40px;
	
}
.left-degree p {
	font-size: 18px;
	line-height: 28px;
}
.right-unversity {
	float: left;
	width: 50%;
	text-align: center;
}
.from-diploma-degree .small-heading{margin-bottom:30px;}
.unversity-pathway {
	margin-top: 100px;
	display: inline-block;
	width: 100%;
}
.unversity-pathway-inner h5 {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.unversity-pathway-inner {
	height: 120px;
	color: #fff;
	font-size: 30px;
	width: 100%;
	border: 2px solid #f40437;
	border-radius: 20px;
	position: relative;
	font-family: 'AvenirBlack';
}
.unversity-pathway-column {
	width: 33.3333%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 0 30px;
	position: relative;
}
.unversity-pathway-column + .unversity-pathway-column::before {
	content: url(images/arrow-white.png);
	position: absolute;
	left: -13px;
	top: 50%;
	margin-top: -18px;
}
.start-journay .left-content {
	padding: 15px;
	background: rgba(9,10,8,0.85);
	width: 470px;
	position: absolute;
	top: 0;
	left: 35px;
	top: 90px;
	z-index:1;
}
.start-journay {
	background: #090a08;
	padding: 0 0 50px;
	position:relative;
}
.left-content p {
	font-size: 18px;
	line-height: 30px;
	font-family: 'AvenirBlack';
}
.start-journay span{
	color:#bd0000;
}
.start-journay .small-heading {
	margin: 0 0 20px;
}
.start-journay .feedback-image {
	margin: 170px 0 55px;
}
.take-step {
	padding: 70px 0;
	background: #090a08;
}
.take-step .wrapper{width:100%;}
.take-step .small-heading{margin:0 0 75px}
.step-column h4 {
	font-size: 24px;
	color: #ce1a1c;
	font-family: 'AvenirBlack';
}
.step-column h3{
	font-size: 24px;
	line-height:29px;
	font-family: 'AvenirBlack';
}
.step-column h3 a{text-decoration:none;color:inherit}
.step-image {
	margin: 20px 0 40px;
}
.step-column {
	display: inline-block;
	vertical-align: top;
	width: 25%;
}
.faq-section .wrapper {
	max-width: 860px;
}
.faq-section .small-heading {
	font-size: 48px;
	text-decoration: underline;
	text-align: center;
	color: #e96316;
	margin: 0 0 60px;
}
.faq-section {
	padding: 30px 0 0;
	background: #090a08;
}
.heading-row h4 {
	color: #e96316;
	line-height: 40px;
	font-size: 18px;
	position: relative;
	font-family: 'AvenirBlack';
	cursor:pointer;
	padding-right:20px;
	text-decoration:underline;
}
.section-content p {
	font-size: 18px;
	line-height: 30px;
}
.section-content {
	display: none;
}
.question-row:nth-child(2n+1) .heading-row {
	background: #272826;
}
.section-content p + p{margin-top:30px;}
.heading-row h4:after {
	content: "+";
	position: absolute;
	right: 0;
}
.section-content-inner{padding:15px 0}
.heading-row h4.heading-active:after{
	content: "-";
}
.company-hire .small-heading {
	margin: 0 0 80px;
}
.company-vietnam{background:#090a08;}
.mages-why {
	padding: 133px 0 0;
	background: #282828;
	position:relative;
	overflow:hidden;
}
.mages-why .heading {
	margin: 65px 0;
	font-size: 60px;
}
.heading .large {
	font-size: 100px;
}
.heading .small{
	font-size:48px;
}
.mages-why .wrapper {
	width: 100%;
	padding:0px;
}
.mages-why::before {
	content: "";
	height: 70px;
	background: #090a08;
	position: absolute;
	left: -2px;
	right: 0;
	transform: rotate(-2deg);
	top: -39px;
}
.why-column {
	display: inline-block;
	width: 25%;
	vertical-align: top;
	margin:0 0 40px;
	padding:0 2px;
}
.why-content-new p {
	font-size: 18px;
	padding: 0 25px;
	text-align: justify;
}
.why-content-new h4 {
	font-size: 24px;
	padding: 25px;
	color: #e96316;
	font-family: 'AvenirBlack';
}
.why-content-new img {
	width: 100%;
}
.step-row {
	font-size: 0;
}
.why-row-new{position:relative;margin:0 -2px;overflow:hidden;font-size:0px;}
.why-row-new::before {
	content: "";
	height: 70px;
	background: #282828;
	position: absolute;
	left: -2px;
	right: 0;
	transform: rotate(-2deg);
	top: -39px;
}
.great-connection {
	background: #090a08;
	padding: 70px 0 0;
}
.great-connection .wrapper{width:100%;padding:0px;}
.great-connection .heading {
	font-size: 48px;
	margin: 0 0 30px;
	padding-left: 35px;
}
.event-image img {
	width: 100%;
}
.events-row {
	margin: 30px 0 0;
	position: relative;
}
.event-slider {
	padding: 40px;
	font-size: 18px;
	line-height: 28px;
	max-width: 80%;
}
.slick-slide{outline:none;}
.event-image .slick-dots {
	position: absolute;
	bottom: 60px;
	margin-top: -9px;
	z-index: 1;
	left:80%;
}
.unversity-pathway-row{font-size:0px;}
.event-image .slick-dots li {
	margin:0 5px;
    font-size: 0px;
    display: inline-block;

}
.event-image .slick-dots button {
	
	border: none;
	font-size: 0px;
	width: 18px;
	height: 18px;
	background: #500d06;
	border-radius: 50%;
	cursor: pointer;
}
.event-image .slick-dots .slick-active button {
	background: #ff1400;
}
.section-content-inner a {
	color: #e96316;
}
.section-content-inner ul {
	margin-top: 30px;
	margin-left: 17px;
	margin-bottom: 30px;
}
.section-content-inner ul li {
	font-size: 18px;
	line-height: 30px;
}
.section-content-inner table {
	border: 1px solid #e96316;
	margin-top: 30px;
	border-spacing: 0;
}
.section-content-inner table td {
	font-size: 16px;
	line-height: 20px;
	padding: 10px 20px;
	border-bottom: 1px solid #e96316;
}
.section-content-inner table td:first-child {
	
	border-right: 1px solid #e96316;
}
.section-content-inner table tr:last-child td {
	border-bottom: none;
}
.event-slide-text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	padding: 30px 0;
	background: rgba(15,16,23,0.85);
	opacity: 0;
	transition: all 0.6s;
}
.events-row h3 {
	font-size: 24px;
	color: #fff;
	margin: 0 0 33px;
	font-family: 'AvenirBlack';
	padding-left:35px;
}
.great-connection h2 + p {
	font-size: 20px;
	padding: 0 60px 0 35px;
	max-width: 1070px;
}
.events-row:hover .event-slide-text{
	opacity:1;
}

.languagepicker {
	background-color: #FFF;
	display: inline-block;
	padding: 0;
	height: 40px;
	overflow: hidden;
	transition: all .3s ease;
	margin: 0 50px 10px 0;
	vertical-align: top;
	float: left;
}
.languagepicker:hover {
	height: 81px;
}
.languagepicker a {
	color: #000;
	text-decoration: none;
}
.languagepicker li {
	display: block;
	padding: 0px 20px;
	line-height: 40px;
	border-top: 1px solid #EEE;
}
.languagepicker a:first-child li {
	border: none;
	background: #FFF !important;
}
.languagepicker li img {
	margin-right: 5px;
}
.footer {
	position: relative;
	background: #3a3a3b;
}
.footer .wrapper {
	padding: 0px;
	width: 100%;
}
.table{display: table;width:100%}
.table-cell{display: table-cell;float:none;}
.verticle-bottom{vertical-align: bottom}
.footer .verticle-top{vertical-align: middle}
.width-50 {
	width: 50%;
}
.say-hello {
	padding: 30px 60px;
	background: #555558;
}

.address-left{
    background: #3a3a3b;
}
.say-hello h2 {
	color: #fff;
	margin: 0 0 30px;
	letter-spacing: 0.32em;
}
.form li {
	display: inline-block;
	width: 100%;
	font-size: 0;
    margin: 0 0 10px;
    position: relative;
}
.form li:last-child {
	margin: 0px;
}
.text-field-new {
	width: 100%;
	background: no-repeat;
	border: none;
	border-bottom: 1px solid #fff;
	padding: 15px 0px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    color: #fff;
    font-size: 14px;
    outline: none;
	font-family:'AvenirRoman';
    
}
.btn.submit {
	width: 147px;
	line-height: 34px;
	border: none;
	background: no-repeat;
	border: 1px solid #fff;
	font-size: 14px;
	-moz-appearance: none;
     appearance:none;
    -webkit-appearance:none;
	border-radius:45px;
}
.form li label {
	font-size: 14px;
	position: absolute;
	left: -1px;
	top: 13px;
	font-size: 14px;
	color: #fff;
    position: absolute;
    pointer-events: none;
    transition: all 0.3s;
    text-transform: uppercase;
}
.form li .text-field:focus + label,.form li.fill label{
    font-size: 12px;
    top:0px;
}
.hidden{display:none;}
.address p {
	font-size: 16px;
	line-height: 27px;
	color: #fff;
}
.say-hello ul{font-size:0px}
.address img {
	margin-bottom: 0;
	float: right;
	display: block;
	float: none;
	margin-bottom: 9px;
}
.educare-logo {
	font-size: 8px;
	color: #fff;
	float: right;
	display: inline-block;
	vertical-align: bottom;
	/* text-align: right; */
}
.address h5 {
	font-family: 'AvenirBlack';
	font-size: 18px;
	color: #ea353f;
	margin: 0 0 10px;
}
.bottom-phone {
	margin: 30px 0 0;
}
.bottom-phone p{
    margin: 10px 0 0;
}
.registration {
	margin: 30px 0 0;
}
.registration p {
	display: inline-block;
	vertical-align: bottom;
	margin-top: 21px;
}
.address p a{text-decoration: none;color: #fff;}
.copyright {
	padding: 35px 0;
	background: #0f1017;
}
.copyright p {
	font-size: 14px;
	color: #ea353f;
	margin: 0px;
}
.say-hello ul li:first-child {
	margin-top: 0;
}
body{overflow-x:hidden}
.right-intro .form-outer ul {
	font-size: 0;
}
select.text-field ,._field-wrapper select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	background-image: url(images/drop-down-arrow.svg);
	background-position: right center;
	background-size: 16px;
	background-position: 100% center;
	padding-right:30px;
	background-color:#555558;
}
.form .width-20 {
	display: inline-block;
	width: 25%;
}
.form .width-80 {
	width: 75%;
	display: inline-block;
	padding-left: 15px;
}
.social-column img{width:auto}
.notes {
	padding: 30px 0;
}
.notes h3 {
	font-size: 20px;
	margin: 0 0 15px;
	font-family: 'AvenirBlack';
	color:#e96316;
}
.home .banner-icon,.page-id-448 .banner-icon {
	position: absolute;
	right: 50px;
	top: 30px;
	width: 200px;
	left: 42%;
	margin-left: -100px;
}
.page-id-61 .notes{display:none;}
.footer ._form-content,#popup-contact ._form-content {
	padding: 0;
	background: none;
}
.footer ._form-content > div,#popup-contact ._form-content > div{
	padding:0px;
}
._form-content > div:last-child {
	margin: 0;
}
._form-content ._button-wrapper{margin-bottom:0px;}
.banner-vietnam ._form-content{padding:0px;background:none;}

.right-intro .intro-bottom ._form-content{
	padding: 0;
	background: none;
}
.right-intro .intro-bottom ._form-content > div{
	padding:0px;
}
.right-side form {
	max-width: 100%;
	padding: 0 !important;
	margin: 0 !important;
	width:100% !important;
}
#popup-contact form {
	max-width: 100%;
	padding: 0;
	width:100% !important;
}
.form form {
	margin: 0 !important;
	padding: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}
.pathway {
	padding: 30px 0;
	background: #090a08;
}
.pathway .heading {
	margin: 0 0 15px;
}
.pathway p{
	font-size:18px;
	margin:0 0 60px;
}
.module-new li{
	list-style:none;
}
.module-new .bottom-content{position:static}
.module-new .top-content{
	max-width:200px;
}
.module .sub-heading{
	font-family:'AvenirBlack';
	font-size:20px;
	margin:0 0 20px;
}
.module-new ul {
	font-size: 0;
}
.top-module li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	text-align: center;
}
.module-new a {
	color: #fff;
}
.module-new .bottom-content {
	position: static;
	width: 100%;
}
.bottom-module {
	margin-top: 30px;
}
.module h4.sub-heading {
	font-size: 18px;
}
.bottom-module li {
	display: inline-block;
	width: 33.3333%;
	vertical-align: top;
}

.module h3.sub-heading {
	color: #e96316;
}
.page-template-page-professional-new .gallery-item{
	width:33.3333%;
}
.page-template-page-professional-new .student-artwork{
	padding-bottom:70px;
}
/* landing indonesia page changes */
.banner-indonesia .banner-text h1{max-width:100%;font-size: 45px;
color: #ff7120;
font-family: 'AvenirBlack';
text-transform: uppercase;}
.banner-top h2 {
	font-size: 45px;
	font-family: 'AvenirBlack';
	text-transform: uppercase;
}
.student {
	padding: 0 0 50px;
	background: #090a08;
}

.scholership-bottom p {
	font-size: 25px;
	color: #222222;
	font-family: 'AvenirBlack';
	margin: 0 0 14px;
}
.scholership-bottom {
	position: relative;
}
.scholership-bottom .wrapper {
	position: absolute;
	left: 60px;
	top: 50px;
	width: 100%;
}
.student .wrapper {
	width: 100%;
}
.top-row {
	padding: 0 25px;
	margin-bottom: 50px;
	margin-top: 50px;
}
.middle-heading {
	font-size: 35px;
	margin: 80px 0 0;
	font-family: 'AvenirBlack';
}
.student .wrapper {
	width: 100%;
}
.top-row h2 {
	font-size: 35px;
	margin: 0 0 50px;
	font-family: 'AvenirBlack';
	text-align: center;
}
.top-row-inner {
	font-size: 0;
}
.top-column {
	display: inline-block;
	vertical-align: top;
	width: 33.3333%;
	padding: 0 25px;
}
.icon-top {
	display: inline-block;
	vertical-align: top;
}
.icon-text {
	display: inline-block;
	padding-left: 35px;
	padding-top: 10px;
	font-size: 14px;
	max-width: calc(100% - 47px);
}
.icon-text h3 {
	font-size: 30px;
	color: #d9d9d9;
	margin: 0 0 20px;
	font-family: 'AvenirBlack';
}
.icon-text p {
	font-size: 18px;
	line-height: 29px;
	max-width: 240px;
}
.page-template-landing-indonesia .afflication h2 {
	font-size: 18px;
	padding-left: 30px;
	max-width: 820px;
	position:static;
	text-align:left;
}
.left-afflication {
	float: left;
	width: 53%;
}
.right-afflication {
	float: right;
}
.right-afflication {
	float: right;
}
.page-template-landing-indonesia .afflication,.page-template-landing-vietnam-new .afflication {
	position: relative;
	background: #090a08;
}
.page-template-landing-indonesia .who-we-are,.page-template-landing-vietnam-new .who-we-are {
	background: #090a08;
	
}
.page-template-landing-indonesia .various-circle-outer,.page-template-landing-vietnam-new .various-circle-outer{
	background:#94161d
}
.page-template-landing-indonesia .various-content h5,.page-template-landing-vietnam-new .various-content h5{
	background:#94161d
}
.page-template-landing-indonesia .various-circle-inner,..page-template-landing-vietnam-new .various-circle-inner{
	background:#94161d
}
.page-template-landing-indonesia .various-path,.page-template-landing-vietnam-new .various-path{
	background:#090a08;
}
.page-template-landing-indonesia .various-path .small-heading{
	text-transform:uppercase;
}
.page-template-landing-indonesia .mages-why .heading{margin:0 0 30px;}
.study-under-experience {
	padding: 100px 0;
	text-align: center;
	background:#090a08;
}
.top-text {
	display: inline-block;
	text-align: left;
}
.study-under-experience h2 {
	font-size: 35px;
	margin: 0 0 30px;
	text-transform: uppercase;
	font-family: 'AvenirBlack';
}
.study-under-experience p {
	font-size: 22px;
}
.bottom-text {
	font-size: 30px;
	float: right;
	margin-right: -40px;
}
.year {
	display: inline-block;
	font-size: 200px;
	vertical-align: middle;
	font-family: 'AvenirBlack';
	line-height: 160px;
}
.year-text {
	display: inline-block;
	vertical-align: middle;
}
.faculty-row {
	font-size: 0;
	text-align:center;
}
.faculity {
	padding: 0 0 50px;
	background:#090a08;
}
.faculity h2 {
	font-size: 40px;
	line-height: 42px;
	text-transform: uppercase;
	background: #ea353f;
	padding: 15px 0;
	margin-bottom: 35px;
	font-family: 'AvenirBlack';
	text-align:center;
}
.faculty-column {
	display: inline-block;
	width: 33.3333%;
	font-size: 18px;
	text-align:center;
}
.faculty-image {
	display: inline-block;
	position: relative;
}
.faculty-image a {
	position: absolute;
	top: 50%;
	margin-left: -13px;
	margin-top: -13.5px;
	left: 50%;
}
.faculty-column h4 {
	font-size: 30px;
	margin-top: 30px;
	font-family: 'AvenirBlack';
}
.faculity-modal {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	background: #fff;
	z-index: 12;
	padding: 75px;
	max-width: 800px;
}
.model-content h3 {
	font-size: 36px;
	color: #ea353f;
	margin: 0 0 20px;
}
.faculity-modal h4 {
	font-size: 24px;
	color: #777;
	margin: 0 0 20px;
}
.model-content p {
	font-size: 14px;
	text-align: justify;
	color: #000;
}
.page-template-landing-indonesia .mfp-close{
	display: block !important;
}
.we-provide {
	padding: 80px 0;
	background-image: url(images/tool_background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 0;
}
.we-provide .wrapper {
	width: 100%;
}
.we-provide-left {
	font-size: 16px;
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	background: #7b1218;
	padding: 30px;
}
.title {
	padding: 30px;
	background: #be1923;
	margin: -30px -30px 30px;
}
.we-provide li {
	font-size: 20px;
	line-height: normal;
	padding: 15px 0;
	list-style: none;
	padding-left: 20px;
	position: relative;
}
.we-provide li::before {
	content: url(images/list-arrow.png);
	position: absolute;
	left: 0;
}
.we-provide h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-family: 'AvenirBlack';
}
.we-provide-right {
	font-size: 16px;
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	background: #be1923;
	padding: 30px;
}
.affordable {
	padding: 50px 0;
	background:#090a08;
}
.rounded-box {
	border: 5px solid #b00f0f;
	border-radius: 30px;
	padding: 30px 80px;
	text-align: left;
	display: inline-block;
	width: 870px;
}
.rounded-box p {
	font-size: 20px;
	margin: 0 0 15px;
	font-family: 'AvenirBlack';
}
.rounded-box ul {
	margin-left: 15px;
	margin-bottom: 15px;
}
.rounded-box li {
	font-size: 20px;
	
}
.page-id-687 .language ul li:first-child a,.page-id-722 .language ul li:first-child a,.page-id-740 .language ul li:first-child a,.page-id-750 .language ul li:first-child a,.page-id-756 .language ul li:first-child a,.page-id-888 .language ul li:first-child a,.page-id-898 .language ul li:first-child a,.page-id-892 .language ul li:first-child a,.page-id-896 .language ul li:first-child a,.page-id-902 .language ul li:first-child a,.page-id-931 .language ul li:first-child a,.page-id-927 .language ul li:first-child a,.page-id-933 .language ul li:first-child a,.page-id-929 .language ul li:first-child a,.page-id-916 .language ul li:first-child a {
	opacity: 1;
	background: #e96316;
}
.page-id-882 .language ul li:last-child a,.page-id-694 .language ul li:last-child a,.page-id-736 .language ul li:last-child a,.page-id-746 .language ul li:last-child a,.page-id-753 .language ul li:last-child a,.page-id-886 .language ul li:last-child a,.page-id-904 .language ul li:last-child a,.page-id-894 .language ul li:last-child a,.page-id-890 .language ul li:last-child a,.page-id-900 .language ul li:last-child a,.page-id-923 .language ul li:last-child a,.page-id-919 .language ul li:last-child a,.page-id-925 .language ul li:last-child a,.page-id-921 .language ul li:last-child a,.page-id-914 .language ul li:last-child a {
	opacity: 1;
	background: #e96316;
}
.page-template-landing-indonesia .various-path .wrapper{max-width:1170px;}
.image-round {
	background-color: #e8353f;
	width: 270px;
	height: 270px;
	border-radius: 50%;
	background-blend-mode: multiply;
	background-position: center center;
	background-size:cover;
	display:inline-block;
}
.faculty-column:first-child .image-round {
	background-color: #5d9acc;
}
.faculty-column:nth-child(5) .image-round{
	background-color: #5f1b92;
}
.various-content a {
	color: #fff;
}
.page-id-943 .language{display:none;}
.page-template-landing-indonesia .banner-top img,.page-template-landing-vietnam-new .banner-top img,.page-template-landing-malaysia .banner-top img {
	
	position: absolute;
	left: 0;
	top: 0;
}
.banner-top {
	position: relative;
}
.say-hello h3 {
	margin: 0 0 15px;
	font-size: 18px;
}
.say-hello h3 a{color:inherit;}
#whiteDIv {
	background: #0f1017;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#whiteDIv .center-div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	text-align: center;
	color: #fff;
	font-size: 17px;
}
#whiteDIv .logo-image {
	width: 200px;
	line-height: 194px;
	border: 3px solid #fff;
	border-radius: 50%;
	height: 200px;
}
#whiteDIv .logo-image img {
	max-width: 150px;
}
#whiteDIv .bottom-text {
	margin-top: 20px;
	font-size: 16px;
	display: block;
	width: 100%;
	float: none;
}
.page-id-1133 .course-row{display:none}
.banner-new-text {
	position: absolute;
	left: 0;
	bottom: 50px;
	right: 0;
	text-align: center;
} 
.banner-new-text h1 {
	font-size: 60px;
	text-transform: uppercase;
	text-shadow: 0 3px 7px rgba(0,0,0,0.77);
	 font-family: 'AvenirBlack';
}
.background-text {
	display: inline-block;
	background: #f40437;
	padding: 10px 40px;
	position:relative;
}
.background-text h3 {
	font-size: 30px;
}
.background-text p {
	font-size: 25px;
}
.background-text::before {
	content: "";
	position: absolute;
	border-right: 10px solid #f40437;
	border-top: 96px solid transparent;
	left: -10px;
	top: 0;
}
.background-text::after {
	content: "";
	position: absolute;
	border-left: 10px solid #f40437;
	border-bottom: 96px solid transparent;
	right: -10px;
	top: 0;
}
.company-image {
	display: inline-block;
	width: 192px;
	background: #fff;
	height: 96px;
	line-height: 97px;
	margin: 10px;
}
.company-list {
	font-size: 0;
}
.company-image img {
	max-height: 80%;
	max-width: 80%;
}
.new-company-hire .wrapper {
	width: 100%;
	padding: 0 20px;
}
.new-company-hire h2{text-transform:uppercase}
.page-template-verticle-landing-new .header {
	padding: 15px 0;
	background: rgba(0,0,0,0.9);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1;
}
.course-bottom-new{padding:40px 50px 30px}
.course-module-new{padding:40px 0 35px}
.course-model-column-new{padding:30px 30px}
.course-module-new .wrapper {
	width: 100%;
	padding: 0 50px;
}
.scholarship .heading {
	margin: 0;
	background: #f40437;
	text-transform: uppercase;
	padding: 10px 0;
}
.scholarship-column img {
	width: 100%;
}
.scholarship-image-row {
	font-size: 0;
}
.scholarship-column {
	width: 33.33333%;
	display: inline-block;
}
.why-mages-landing-new .wrapper {
	width: 100%;
	padding: 75px 40px 120px;
	
}
.why-mages-landing-new {
	background-image: url(images/why-mages-background-new.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.why-mages-row {
	padding: 150px 0;
}
.why-mages-row p{
	max-width:630px;
	display:inline-block;
	margin:5px 0 0;
}
.why-mages-row h2 {
	font-size: 45px;
	font-family: 'AvenirBlack';
}
.why-mages-landing-new .text-right {
	padding-bottom: 150px;
}
.testimonial-row-new {
	
	padding: 50px 40px 0;
}
.testimonial-row-new .testimonail-column h5{padding-left:0px;padding-right:0px;}
.testimonial-row-new .testimonail-column p{padding-left:0px;padding-right:0px;text-align:justify}
.testimonial-row-new .testimonail-column{padding:0 10px;}
.testimonial-new-landing{padding-top:0px;}
.testimonial-new-landing .heading{padding:10px 0}
.student-artwork-new{padding-top:0px;padding-left:30px;padding-right:30px;padding-bottom:30px;}
.get-row-new {
	position: static;
	background: #090a08;
	padding: 40px 0;
	padding-top:85px;
}
.gallery-item-new {
	padding: 10px;
}
.get-degree-heading .heading {
	width: 100%;
	max-width: 100%;
	top: 0;
	margin-bottom: 0px;
	padding: 15px 0;
}

.faculty-image-new{
	width: 280px;
	height: 265px;
	background-size: cover;
	background-color: #fff;
	background-blend-mode: multiply;
	transition: .3s all .3s ease;
	-webkit-transition: .3s all .3s ease;
	-moz-transition: .3s all .3s ease;
}
.about-faculity-new {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.view-more-new {
	position: absolute;
	bottom: 20px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-size: 20px;
	left: 50%;
	transform: translate(-50%,50px);
	transition: .3s all .3s ease;
	-webkit-transition: .3s all .3s ease;
	-moz-transition: .3s all .3s ease;
	opacity: 1;
}
.faculty-content-new {
	position: relative;
	height: 100%;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}
.faculty-content-new:hover .about-faculity-new p, .faculty-content-new:hover .about-faculity-new h3 {
	opacity: 1;
}
.about-faculity-new h3 {
	left: 0;
	right: 0;
	padding: 0 20px;
	font-size: 20px;
	color: #fff;
	margin-top: -30px;
	transition: .3s all .3s ease;
	-webkit-transition: .3s all .3s ease;
	-moz-transition: .3s all .3s ease;
	opacity: 0;
	font-family: 'AvenirBlack';
}
.faculty-content-new:hover .about-faculity-new h3 {
	margin-top: 0;
}
.about-faculity-new p {
	font-size: 14px;
	left: 0;
	right: 0;
	padding: 0 20px;
	top: 50%;
	transition: .3s all .3s ease;
	-webkit-transition: .3s all .3s ease;
	-moz-transition: .3s all .3s ease;
	opacity: 0;
	color: #fff;
	margin: 5px 0 0;
}
.faculty-content-new:hover .about-faculity-new p, .faculty-content-new:hover .about-faculity-new h3 {
	opacity: 1;
}
.faculty-content-new:hover .view-more-new {
	transform: translate(-50%,0px);
	opacity: 1;
}
.faculty-column-new {
	display: inline-block;
	width: 280px;
	font-size: 18px;
	text-align: center;
}
.faculty-content-new:hover .faculty-image-new{
	background-color: #e8353f;
}
.close-modal {
	position: absolute;
	right: 15px;
	top: 15px;
	cursor:pointer;
}
.faculity-new .wrapper {
	width: 900px;
}
.header-right .enquire-now {
	color: #fff;
	background: #f40437;
	padding: 12px 20px;
	border-radius: 4px;
}
.form-outer ._form_element ._html-code p {
	font-size: 12px !important;
	opacity: 0.6;
}
#popup-contact ._field-wrapper select {
	background-color: #555558 !important;
}
@media(max-width:960px){
    .header{padding: 15px 0}
    .logo{width: 100%;text-align: center;margin: 0 0 15px;}
    .logo img {
	max-width: 150px;
}
    .message-us{padding-left: 10px;}   
    .header-right .icon{margin-right: 10px;}
    .header-right img {
	max-width: 20px;
	max-height: 15px;
}
    .call-us{padding-right: 10px;}
    .header-right{width: 100%;text-align:center}
    .header-right a{font-size: 14px;}
    .text-right{text-align: center;}
    .banner-text h1{font-size: 24px !important;}
    .banner-text{padding: 15px 0}
    .banner-text h4{font-size: 18px !important;}
    .banner-text{position: static;text-align: center;}
    .banner-bottom-text h2::before{right: -15px;}
    .banner-bottom-text h2{font-size: 24px;z-index: 1;}
    .banner-bottom-text h2::before {
    right: -15px;
        z-index: -1;
}
    .banner-bottom-text{padding: 15px 0}
    .model-column{width: 100%;}
    .model-content {
	text-align: center;
}
    .bottom-content{text-align: center;}
    .text-content{text-align: center;width: 100%;}
    .module-graphics{right: 0;bottom: 0;}
    .module-image {
	position: static;
	bottom: 0;
	text-align: center;
}
    .heading{font-size: 24px;margin: 0 0 30px}
    .banner-bottom-text{text-align: center}
    .highlight-column{width: 100%;}
    .highlight-column{padding: 20px 0}
    .highlight-column + .highlight-column::before{height: 1px;width: 100%;top: 0;}
    .testimonial .user-image{width: 100%;}
    .testimonial-text{padding: 20px 0;text-align: center}
    .dotted-line h2 span{font-size: 40px;}
    .dotted-line h2{font-size: 30px;padding: 0 15px;}
    .circle-outer{width: 100%;padding: 15px 0}
    .why-text{width: 100%;}
    .why-list{margin: 15px 0;width:100%;}
    .gallery-item{width: 100%;}
    .why-row{text-align: center}
    .why-mages .round-inner a{padding:0 20px;}
    .why-mages{padding:70px 0}
    .why-mages .round{position: static;width: 300px;height: 300px; display: inline-block}
    .student-artwork{padding-top: 50px;}
    .visit-website{padding: 15px;}
    .visit-website .video{margin-left: 0px;margin-top: 15px;}
    .left-footer{width: 100%;text-align: center}
    .middle-footer{width: 100%;text-align: center;}
    .right-footer{width: 100%;}
    .right-footer .text-left{margin-top: 20px;text-align: center}
    .why-mages .round{margin-left: 0px;}
    .why-text{font-size: 18px;text-align:center;width:100%;max-width:100%;margin-top:15px;}
   
    .testimonial-text{width: 100%;padding: 20px 15px;} 
.contact-form{margin:15px 0;position:static}
.contact-form .wrapper{
	padding:0px;
}	
.course-column,.col-4,.testimonail-column{width: 100%;}
    .wrapper{max-width: 100%;}
    .course-model-column{padding: 15px 45px;width: 100%;}
    .testimonail-column{margin-bottom: 15px;}
    .carrier-column{width: 100%;display: block;padding: 20px 0}
    .carrier-column + .carrier-column::before{content: none;}
    .carrier-column + .carrier-column{border-top: 1px solid #64a6dc}
    .carrier-column br{display: none}
    .get-a-degree .heading{font-size: 24px;}
    .get-content{width: 100%;}
    .get-row{padding: 40px 15px;}
    .get-column + .get-column .get-content::before {
	content: url(images/dot-point.png);
	left: 50%;
	position: absolute;
	top: -50px;
	transform: none;
	transform: rotate(90deg);
	margin-left: -40px;
}
    .get-row{padding: 40px 15px;}
    .get-column{width: 100%;margin: 30px 0}
    .carrier-opportunites .wrapper {
	padding: 0px;
}
    .carrier-row{padding: 0 15px;}
    .skew{transform: none;padding: 20px 0;height: auto}
    .skew h3{transform: none;position: relative;margin: 0px;font-size: 18px;text-align:left;padding-right:45px;}
	.skew h3::after {
	content: "";
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	right: 15px;
	top: 7px;
}
    .width-50{width: 100%;display:block;}
    .afflication .transparent{position: static;padding: 20px 15px;display: inline-block;}
    .afflication h2{top: 20px;}
    .aberty .unversity-logo{left: 0;top: 70px}
    .academy .unversity-logo {
	right: 20px;
	left: inherit;
	top: 80px;
	width: auto;
}
    .round-div{width: 220px;height: 220px;line-height: 220px;overflow: hidden}
    .bottom-why-mages .wrapper{padding: 0px;}
    .box-1 .box-inner, .box-3 .box-inner{right: 20px;left: 20px;text-align: center}
    .box-2 .box-inner, .box-4 .box-inner {
	right: 20px;
	left: 20px;
	text-align: center;
}
    .box-inner{position: static;transform: none;width: 100%;}
    .why-mages-new{padding: 80px 0}
    .why-mages-new .heading{font-size: 40px;}
    .heading img {
	max-width: 150px;
}
    .course-bottom{padding: 40px 15px;text-align: left}
    .course-bottom h2{margin: 0 0 20px;}
    .banner-new .banner-text {
	font-size: 0;
	position: static;
	transform: none;
}
    .banner-new .left-side{padding: 0 0 15px;width: 100%}
    .banner-new .right-side{padding: 0; width: 100%;}
    .course-bottom h2{font-size: 24px;}
	.center-div .width-30{width:100%;}
	.center-div .width-40{width:100%;padding:20px 0}
	.get-row{position:static;}
	.academy .unversity-logo{right: 0;left: 0;}
	.aberty .unversity-logo {left: 0;top: 70px;right: 0;margin: auto;}
	
	.banner-new .left-side{padding:0 15px 15px}
	.two-column .course-column{width:100%;}
	.active .skew::after{content:none;}
	.hight-light-content{padding-top:50px;padding-left:15px;padding-right:15px;padding-bottom:15px}
	.course-model-column {
    padding: 15px 0px 15px 30px;
	}
	.afflication h2{padding:0 15px;}
	.academy .unversity-logo{top:90px}
	.left-intro h2{padding-left:15px;padding-right:15px;text-align:center;}
	.left-intro .intro-bottom{padding:20px 15px;text-align:left;}
	#form-container {
	padding: 0 20px;
}
	.right-intro::before{content:none;}
	.right-intro{padding-left:0px;}
	.right-intro .intro-bottom{padding:0px;}
	.og-grid li{height:auto !important;width:100% !important;}
	.bottom-content{position:static;padding:0 0 15px}
	.company-row .slick-next{right:0}
	.company-row .slick-prev{left:0}
	.banner-icon{width:100px;}
	.banner-vietnam .left-side {
	padding: 0 15px 15px;
	margin: 0px;
	text-align: center;
	width: 100%;
}
.who-we-are .heading{margin-top:0px;}
.testimonial-vietnam-column{width:100%;}
.testimonial-vietnam-text{position:static;}
.testimonial-vietnam-content img{display:block;}
.testimonial-vietnam-text{padding-top:0px;}

.testimonial-vietnam .small-heading{top:15px;}
.various-column{margin:30px 0 0;width:100%;}
.left-degree {
	width: 100%;
	padding-right: 0;
	padding-top: 0;
	text-align: center;
	margin-bottom: 30px;
}
.right-unversity,.unversity-image-round{width:100%;}
.round-unversity{display:inline-block}
.unversity-image-round{margin:15px 0}
.unversity-pathway-column{width:100%;padding:30px 0}
.unversity-pathway-column + .unversity-pathway-column::before {
	content: url(images/arrow-white.png);
	position: absolute;
	top: -17px;
	margin-top: 0;
	left: 50%;
	transform: rotate(90deg);
	margin-left: -10.5px;
}
.great-connection{padding:0px;}
.great-connection .heading{font-size:24px;}
.event-image .slick-dots {
    bottom: 10px;
    left: 70%;
}
.event-slider{max-width:100%;padding:20px}
.start-journay .left-content{position:static;width:100%;}
.start-journay .feedback-image{margin:30px 0}
.mages-why .heading{font-size:34px;}
.heading .large{font-size:44px;}
.heading .small{font-size:24px;}
.why-column{width:100%;}
.why-image::before {
	content: "";
	height: 70px;
	background: #282828;
	position: absolute;
	left: -2px;
	right: 0;
	transform: rotate(-2deg);
	top: -39px;
}
.why-image{position:relative}
.take-step{padding:35px 0}
.step-column{width:100%;}
.step-column{margin:15px 0}
.faq-section .small-heading{font-size:24px;}
.say-hello{padding:30px 20px;}
.btn.submit{margin-top:20px;float:left}
.home .banner-icon, .page-id-448 .banner-icon{margin-left:0px;left:20px;width:100px}
.great-connection h2 + p{padding:0 35px 0 35px}
.language{margin:15px 0 0}
.testimonial-vietnam-content{background-size:100% auto;background-position:top center}
.mobile-padding{padding:0 20px;}
.top-module li,.bottom-module li{width:100%;}
.detail-content.dektop { 
	display: none;
}
.page-template-page-professional-new .gallery-item{width:100%}
.page-template-page-professional-new .student-artwork{padding-bottom:30px;}
.scholership-bottom p {
	font-size: 18px;
	color: #fff;
}
.scholership-bottom .wrapper {
	position: static;
	margin-top: 15px;
	left: 6px;
	top: 10px;
	width: auto;
}
h2{font-size:22px !important}
.top-column {
	width: 100%;
	padding: 7.5px 0;
}
.top-row{padding:0px;}
.icon-text {
	padding-top: 0px;
	padding-left: 20px;
	max-width: calc(100% - 34px);
}
.icon-text h3 {
	font-size: 24px;
	margin: 0 0 20px;
}
.icon-text p {
	font-size: 16px;
}
.icon-top img {
	max-height: 30px;
}
.page-template-landing-indonesia .afflication h2 {
	padding-left: 15px;
	padding-right:15px;
}
.study-under-experience{padding:30px 0}
.faculty-column {
	width: 100%;
}
.faculty-column h4 {
	font-size: 20px;
	margin: 20px 0;
}
.faculity-modal {
	padding: 20px;
	left:15px;
	right:15px;
	transform: translate(0 , -50%);
	-webkit-transform: translate(0 , -50%);
}
.model-content h3 {
	font-size: 26px;
	margin: 0 0 15px;
}
.faculity-modal h4 {
	font-size: 18px;
}
.we-provide{padding:30px 0}
.we-provide-left {
	width: 100%;
}
.we-provide-left {
	padding: 20px;
}
.title {
	padding: 20px;
	margin: -20px -20px 20px;
}
.we-provide li {
	padding: 10px 0;
	padding-left: 25px;
}
.we-provide li {
	font-size: 16px;
}
.we-provide-right {
	width: 100%;
	padding: 20px;
}
.rounded-box{width:100%;padding:15px;}
.affordable{padding:30px 0 0}
.icon-text p{max-width:100%;}
.page-template-landing-indonesia .banner-top img, .page-template-landing-vietnam-new .banner-top img, .page-template-landing-malaysia .banner-top img{position:static;}
.left-afflication{width:100%;}
.afflication h2{max-width:100%}
#_form_5CA23E40E5700_,form{width:100% !important}
.page-template-verticle-landing-new .logo{margin:0px;width:60%;text-align:left}
.page-template-verticle-landing-new .header-right{width:40%;text-align:right}
.banner-new-text{padding:20px;position:static;}
.banner-new-text h1{font-size:30px;margin:0 0 30px;}
.background-text{padding:20px;}
.background-text::before,.background-text::after{content:none;}
.background-text h3{font-size:20px;}
.background-text p{font-size:16px;}
.scholarship-column{width:50%;}
.why-mages-row{padding:30px 0}
.why-mages-landing-new .wrapper{padding:40px 20px 40px}
.why-mages-landing-new .text-right{text-align:left;padding-bottom:0px;}
.testimonial-row-new{padding:40px 10px 0}
.student-artwork{padding-top:0px;}
.student-artwork-new{padding-left:10px;padding-right:10px;}
.page-template-verticle-landing-new .banner {
	margin-top: 77px;
}
}