*:focus {
    outline: -webkit-focus-ring-color solid 5px !important;
    /*outline-color: -webkit-focus-ring-color !important;*/
    outline-color: #007bff !important;
    outline-style: solid !important;
    outline-width: 2px !important;
}

body {
	font-family: 'Open Sans', sans-serif;
}

h1 {
	font-size: 2.5vw;
	font-weight: 600;
	font-style: italic;
	color: #ffffff;
}

h1 sup small,
i + sup small {
    padding-left: .3em;    
}

h1 strong {
	font-weight: 700;
	border-bottom: 4px solid #f7b524;
}

h2 {
	font-size: 2.4vw;
	font-weight: 600;
	color: #077f83;
}

h2 strong {
	font-weight: 700;
}

h3 {
	font-size: 2vw;
	font-weight: 700;
	font-style: italic;
	color: #077f83;
	margin: 0 0 2.2vw;
}

h3 span {
	display: block;
	font-weight: 600;
	margin-top: 15px;
	font-size: 1.38vw;
}

span.strong  {
	font-weight: 700;
}

section, main {
	overflow: hidden;
}

p {
	font-size: 1.45vw;
	font-weight: 400;
	color: #222222;
}

sup {
	font-style: normal;
}

.decoration-none {
	text-decoration: none !important;
}

.style-none {
	font-style: normal !important;
}

.navbar-fixed-top {
	padding-top: 90px;
}

.btn {
    font-size: 1rem;
    font-weight: bold;
    font-style: italic;
    padding: .532rem 2rem;
    border-radius: 0;
}

.btn:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-orange {
	background-color: #ef7000;
	border-color: #ef7000;
	color: #fff !important;
}
.btn-orange:focus {
	border-color: #ef7000;
}

.btn-white {
	background-color: #fff;
	border: none;
	color: #555 !important;
}

header,
header .bg-light {
	background-color: #fff !important;
}

header .navbar {
	padding: 1.25rem 1rem;
}

header .navbar-nav {
	align-items: center;
}

header .navbar-nav li + li {
	margin-left: 40px;
}

header .for-the-us{
	width: 12vw;
}

header .navbar-brand img{
  width: 15vw;
}

.line {
    width: 38.068vw;
    height: 19.62vw;
    position: absolute;
    top: 2vw;
    overflow: hidden;
    z-index: 2;
}

.line-left {
	left: 0;
}

.line-right {
	right: 0;
}

.line-content {
	width: 100%;
	height: 100%;
    position: relative;
	-webkit-transform: skewX(-14deg);
	-moz-transform: skewX(-14deg);
	transform: skewX(-14deg);
}

.line-left .line-content {
	left: -3vw;
}

.line-right .line-content {
	right: -3vw;
}

.line .top {
	width: 0;
	height: 4px;
	background-color: #f7b524;
	position: absolute;
	top: 0;
}

.line-left .top {
	right: 0;
}

.line-right .top {
	left: 0;
}


.line-left .right {
	width: 4px;
	height: 0;
	background-color: #f7b524;
	position: absolute;
	bottom: 0;
	right: 0;
}

.line-right .left {
	width: 4px;
	height: 0;
	background-color: #f7b524;
	position: absolute;
	bottom: 0;
	left: 0;
}

.line .bottom {
	width: 0;
	height: 4px;
	background-color: #f7b524;
	position: absolute;
	bottom: 0;
}

.line-left .bottom  {
	left: 0;
}

.line-right .bottom  {
	right: 0;
}

.module {
	margin: 0 0 4.5vw;
}

.hero {
	background-color: #077f83;
	position: relative;
	height: 37.702vw;
	margin: 0;
}

.hero .container,
.hero .row,
.hero [class*="col-"] {
	height: 100%;
}

.hero [class*="col-"] {
	-webkit-display: flex;
    display: flex;
    align-items: center;
}

.hero h1 {
	position: relative;
	top: 13.5vw;
	left: 11vw;
	width: 35vw;
	/*visibility: hidden;*/
}

.hero .hero-image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    /*visibility: hidden;*/
}

.hero .toefl-t {
    display: none;
}

.title-line {
	position: relative;
	z-index: 2;
}

.title-line .line {
	top: 0;
	width: 100%;
	height: 100%;
}

.module-image {
	background-color: #f7f8f9;
	position: relative;
	height: 46.702vw;
    display: flex;
    align-items: center;
}

.last-module{
	background-color: #ffffff;
}

.module-image .center {
	width: 100%;
}

.module-image .container,
.module-image .row,
.module-image [class*="col-"] {
	height: 100%;
	width: 100%;
}

.module-image .container {
	display: -webkit-flex;
	display: flex;
}

.module-image.module-image-left .container {
	justify-content: flex-end;
}

.module-image [class*="col-"] {
	-webkit-display: flex;
    display: flex;
    align-items: center;
}

.module-image h2 {
	width: 39vw;
	padding: 1.5vw 0;
	font-style: italic;
}

.module-image.module-image-left h2 {
	width: 32.7vw;
}

.module-image .image {
    position: absolute;
    top: 0;
    height: 100%;
    visibility: hidden;
}

.module-image.module-image-left .image {
	left: 0;
	padding: 4vw 0;
}

.module-image.module-image-right .image {
	 right: 0;
	 padding: 4vw 0;
}

.module-image .toefl-t {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 18.4vw;
	visibility: hidden;
}

.module-image .title-line {
	margin: 0 0 2vw;
}

.module-image .title-line .container {
	position: relative;
	z-index: 2;
}

.module-image .line {
	width: 55vw;
}

.module-image.module-image-left .line {
	width: 50vw;
}

.module-image .content {
	position: relative;
	z-index: 2;
}

.module-text {
	padding: 6vw 0;
}

.module-text h2 {
	text-align: center;
	font-style: italic;
	padding: 3.3vw 0;
	margin: 0;
}

.box {
	border: 4px solid #f7b524;
	-webkit-transform: skewX(-14deg);
	-moz-transform: skewX(-14deg);
	transform: skewX(-14deg);
}

.module-text .content {
	position: relative;
	margin: 0 0 2.2vw;
}

.module-text .box {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

#stand-out.module-image.module-image-left h2 {
	width: 35vw;
    position: relative;
    left: 1vw;
}

#us #stand-out.module-image.module-image-left h2 {
    width: 34vw;
}

#stand-out.module-image.module-image-left .image {
	/*padding-top: 0;*/
}

#us .module-text {
	padding-bottom: 2vw;
}

#success.module-image h2 {
	width: 36vw;
}

.module-annotations {
	margin: 0;
}

.module-annotations,
.module-annotations h2,
.module-annotations p {
	color: #fff;
	position: relative;
	z-index: 3;
}

.module-annotations {
	overflow: hidden;
}

.module-annotations a {
	color: #fff;
	text-decoration: underline;
}

.module-annotations .top {
	border-bottom: 0.73vw solid #fff;
}

.module-annotations .top,
.module-annotations .bottom {
	position: relative;
}

.module-annotations .top:before,
.module-annotations .top:after,
.module-annotations .bottom:before,
.module-annotations .bottom:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
}

.module-annotations .top:after,
.module-annotations .bottom:after {
	left: 50%;
}

.module-annotations .top:before,
.module-annotations .bottom:after {
	background-color: #077f83;
}

.module-annotations .top:after,
.module-annotations .bottom:before {
	background-color: #066a6e;
}

.module-annotations .row {
	position: relative;
	z-index: 2;
}

.module-annotations .top [class*="col-"]:first-child,
.module-annotations .bottom [class*="col-"]:last-child {
	background-color: #077f83;
}

.module-annotations .top [class*="col-"]:last-child,
.module-annotations .bottom [class*="col-"]:first-child {
	background-color: #066a6e;
}

.module-annotations .bottom [class*="col-"]:first-child:after {
    display: block;
    content: "";
    width: 0.67vw;
    height: 800%;
    position: absolute;
    bottom: -1vw;
    right: -1px;
    background: #fff;
    z-index: 11;
}

.module-annotations .diver {
	position: absolute;
	top: 0;
	left: 50%;
	width: 10px;
	height: 100%;
	background-color: #fff;
}

.module-annotations [class*="col-"] {
	padding: 4.5vw 0;
	-webkit-transform: skewX(-14deg);
	-moz-transform: skewX(-14deg);
	transform: skewX(-14deg);
}

.module-annotations [class*="col-"]:first-child {
	/*border-right: 0.73vw solid #fff;*/
	padding-right: 2.25vw;
}	

.module-annotations [class*="col-"]:last-child {
	padding-left: 6.5vw;
}

.module-annotations [class*="col-"] .content {
	-webkit-transform: skewX(14deg);
	-moz-transform: skewX(14deg);
	transform: skewX(14deg);
}

.module-annotations .top .row  {
	left: 3.45vw;
}

.module-annotations .bottom .row {
	right:  3.45vw;
}

.module-annotations .top .content{
	margin-left: -2.3vw;
}

.module-annotations .bottom .content {
	margin-left: 4.6vw;
}

.module-annotations .box {
    position: absolute;
    right: 0;
    top: 0;
    width: 9999vw;
    height: 100%;
    z-index: 3;
}

.module-annotations h2 {
	padding: 30px 0;
    /*margin-left: -3px;*/
}

.module-annotations p {
	width: 28.187vw;
}

.module-annotations [class*="col-"] {
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.module-annotations .trace:before {
	display: inline-block;
	content: "";
	width: 7vw;
	height: 4px;
	background-color: #f7b524;
	margin-bottom: 20px;
}

.module-story {
	padding: 5.86vw 0;
	margin: 0;
}

.module-story p {
	color: #222222;
}

.module-story p strong {
	font-weight: 800;
	font-style: italic;
}

.module-story p a {
	font-weight: 600;
	text-decoration: underline;
	color: #ef7000;
}

.module-story iframe {
	width: 100%;
	height: 30vw;
}

.module-story [class*="col-"] {
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.module-register {
	background-color: #ef7000;
	padding: 5.13vw 0;
	text-align: center;
	margin: 0;
}

.module-register h2 {
	color: #fff;
	font-size: 2vw;
	font-style: italic;
	margin: 0 0 20px;
}

.module-register .btn-white {
	color: #ef7000 !important;
}

.module-register .btn-register {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transform: skewX(-14deg);
	-moz-transform: skewX(-14deg);
	transform: skewX(-14deg);
}

.module-register .btn-register > div {
	display: block;
	width: 3px;
	height: 43px;
	background-color: #fff;
}	

.module-register .btn-register > div:nth-child(1),
.module-register .btn-register > div:nth-child(2) {
	width: 2px;
	margin-right: 2px;
}

.module-register .btn-register > div:nth-child(3) {
	width: 3px;
	margin-right: 2px;
}

.module-register .btn-register .btn {
	padding-left: 25px;
	padding-right: 25px;
}

.module-register .btn-register span {
	-webkit-transform: skewX(14deg);
	-moz-transform: skewX(14deg);
	transform: skewX(14deg);
	display: inline-block;
	text-transform: uppercase;
}

.module-full-text {
	position: relative;
    padding-bottom: 9vw;
}

.module-full-text .fade-in-left {
	position: relative;
	z-index: 2;
}

.module-full-text h2 {
	font-size: 3vw;
	font-style: italic;
	margin: 0;
	color: #fff;
}

.module-full-text h2 strong {
	font-size: 4.4vw;
}

.module-full-text h3 {
	font-size: 2vw;
	color: #222222;
	margin: 0 0 2.2vw;
}

.module-full-text .left {
    background-color: #077f83;
    padding: 5vw 0;
    width: 50%;
    position: absolute;
    top: 0;
    left: -7vw;
	-webkit-transform: skewX(-14deg);
	-moz-transform: skewX(-14deg);
	transform: skewX(-14deg);
}

.module-full-text .title-line {
	-webkit-transform: skewX(14deg);
	-moz-transform: skewX(14deg);
	transform: skewX(14deg);
}

.module-full-text h2 {
	padding: 4vw 0 4vw 14vw;
}

.module-full-text .title-line {
	top: -0.5vw;
}

#advantage {
    margin-bottom: 0;
}


footer {
	padding: 2.197vw 0 4.759vw;
	text-align: center;
}

footer p {
	font-size: 1.025vw;
}

footer .note p {
	text-align: center;
	color: #222222;
	font-weight: 400;
}

footer .legal {
	color: #000000;
	text-align: justify;
}

footer .logo {
	width: 215px;
}

.skipNav {
    position: fixed;
    top: -60px;
    left: 0;
    display: block;
    z-index: 99999;
    padding: 13px;
    background: #3f203b;
    color: #fff;
    font-family: "Open Sans",Helvetica,sans-serif;
    font-weight: 700;
    font-style: normal;
    -webkit-transition: top 0.5s ease-out,background 0.5s linear;
    transition: top 0.5s ease-out,background 0.5s linear;
    text-decoration: none;
}

@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
		max-width: 86.667vw;
	}
}

@media (max-width: 1024px) {
	header .for-the-us{
		width: 16vw !important;
	}
}

@media (max-width: 991px) {
	h2 {
		font-size: 2.2vw;
	}
	.module-image h2,
	#success.module-image h2 {
	   width: 32vw;
	}

	#us #stand-out.module-image.module-image-left h2 {
	    width: 32vw;
	    left: 6vw;
	}

	#aus #advantage h2 {
	    width: 30vw;
	}

	#aus #success.module-image h2 {
		width: 26vw;
	}
}

@media (max-width: 767px) {

	h1 {
		font-size: 6.3vw;
	}

	h2 {
		font-size: 5.3vw;
	}

	h3 {
		font-size: 4.7vw;
	}

	h3 span {
		font-size: 3.45vw;
	}

	p {
		font-size: 4.3vw;
		margin-bottom: 1.75rem;
	}

	.container {
		max-width: 100%;
		padding-right: 30px !important;
		padding-left: 30px !important;
	}

	.btn {
		font-size: 4vw;
		padding: 3.205vw 6vw;
	}

	header .navbar {
	    padding: 1.582rem 0;
	}
	header .navbar-brand img {
		width: 31.25vw;
	}
	header .btn-nav-register {
		padding: 5.5vw 2vw 4.7vw;
		font-size: 4.4vw;
	}
	header .for-the-us {
		width: 39vw !important; 
	}
	header .btn-nav-register {
		position: absolute;
		top: 100%;
	}

	.navbar-fixed-top {
	    padding-top: 31vw;
	}

	.hero {
		height: 79.689vw;
	}

	.hero h1 {
	    width: 60vw;
	    top: 20vw;
	    left: 23vw;
	}

	.hero .toefl-t {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 38.596vw;
        /*visibility: hidden;*/
	}

	.module {
		padding: 12.5vw 0 12.5vw;
		margin: 0;
	}

	.module-image {
		flex-flow: column;
		height: auto;
	}

	.module-image .image {
	    position: initial;
	    top: initial;
	    height: initial;
	    right: initial;
	    width: 100%;
	}

	.module-image.module-image-right .image {
		right: initial;
	}

	.module-image .btn {
		max-width: 100%;
	}

	.module-image .title-line {
	    margin: 0 0 4.7vw;
	}

	.module-image-right .content,
	.module-image-left img,
	#success img {
		margin-bottom: 9.375vw;
	}

	.module-image h2 {
		width: 100%;
		padding-right: 7vw;
	}

	.module-image .line,
	.module-image.module-image-left .line {
		width: -webkit-calc(100% - 5vw);
	    width: calc(100% - 5vw);
	}

	.line-left .line-content {
	    position: absolute;
	    right: 4vw;
	    left: initial;
	}

	.module-text h2 {
	    margin: 0 auto;
	    width: 72vw;
	    padding: 5.7vw 0;
	}

	.module-text .box {
	    width: -webkit-calc(100% - 8vw);
	    width: -moz-calc(100% - 8vw);
	    width: -ms-calc(100% - 8vw);
	    width: calc(100% - 8vw);
	    left: 50%;
	    -webkit-transform: skewX(-14deg) translateX(-50%);
	    -moz-transform: skewX(-14deg) translateX(-50%);
	    -ms-transform: skewX(-14deg) translateX(-50%);
	    transform: skewX(-14deg) translateX(-50%);
	}

	.module-text .content {
	    margin: 0 0 7.8125vw;
	}

	#stand-out.module-image.module-image-left h2 {
		width: 100%;
		left: 0;
		padding-right: 10vw;
	}

	#stand-out .line-left .line-content {
		right: 4vw;
	}

	#stand-out h2 {
		padding-right: 1vw;
	}    

	#success.module-image h2 {
		width: 100%;
		padding-right: 12vw;
	}

	#success .line-left .line-content {
		right: 4vw;
	}

	#success.module-image .content {
		margin-bottom: 0;
	}

	#annotations {
		margin: 0;
		padding: 0;
	}

	.module-annotations [class*="col-"],
	.module-annotations [class*="col-"] .content {
	    -webkit-transform: skewX(0) !important;
	    -moz-transform: skewX(0) !important;
	    transform: skewX(0) !important;
	}

	.module-annotations .top {
		border: none;
	}

	.module-annotations .top .row {
		left: 0;
	}

	.module-annotations .bottom .row {
		right: 0;
	}

	.module-annotations .top:before,
	.module-annotations .top:after,
	.module-annotations .bottom:before,
	.module-annotations .bottom:after {
		display: none;
	}

	.container {
	    padding-right: 4.6875vw !important;
	    padding-left: 4.6875vw !important;
	}

	.module-annotations .row {
	    margin-right: -4.6875vw;
	    margin-left: -4.6875vw;
	}

	.module-annotations [class*="col-"] {
		padding: 11vw 4.6875vw !important;
		border-bottom: 0.939vw solid #fff !important;
	}

	.module-annotations [class*="col-"]:first-child {
		border: none;
	}

	.module-annotations .top .content,
	.module-annotations .bottom .content {
		margin: 0;
	}

	.module-annotations h2 {
	    padding: 25px 20vw 25px 0;
	}

	.module-annotations p {
		width: 100%;
		font-size: 4.87vw;
		margin: 0;
	}

	.module-annotations .box {
		right: 5.5vw;
	}

	.module-annotations .top [class*="col-"]:first-child, .module-annotations .bottom [class*="col-"]:first-child {
		background-color: #077f83;
	}

	.module-annotations .top [class*="col-"]:last-child, .module-annotations .bottom [class*="col-"]:last-child {
		background-color: #066a6e;
	}

	.module-annotations .trace:before {
		width: 135px;
	}

	.module-story .bb {
		display: none !important;
	}

	.module-story .mob {
		display: block !important;
	}

	.module-story h3 {
	    margin: 0 0 8.75vw;
	}

	.module-story iframe {
		height: 50.6vw;
		margin: 0 0 9.4vw;
	}

	.module-story p {
		font-size: 4.2vw;
	}

	.module-register h2 {
	    font-size: 4.3vw;
		margin: 0 0 4.7vw;
	}

	.module-register .btn-register > div {
		height: 12.345vw;
	}

	.module-full-text .left {
	    position: relative;
	    top: 0;
	    left: -11vw;
	    width: 100%;
	    padding: 11vw 0;
	}

	.module-full-text h2 {
	    font-size: 6vw;
	    width: 75vw;
	    margin: 0 auto;
	    padding: 8vw 0 8vw 14vw;
	}

	.module-full-text h2 strong {
	    font-size: 9vw;
	}

	.module-full-text .line-left .line-content {
		right: 6vw;
	}

	.module-full-text .center {
	    padding-top: 5vw;
	}

	.module-full-text h3 {
		font-size: 5vw;
		margin: 0 0 5vw;
	}

	footer {
	    padding: 2.197vw 0 21vw;
	}

	footer p {
	    font-size: 4.2vw;
	}

	footer .note p {
	    margin: 0 0 4.6vw;
	}

	footer .legal {
		text-align: left;
	}

	footer .legal p {
		margin: 0;
	}

	footer .logo {
		width: 55vw;
	}

	#advantage.module-image h2 {
	    padding-right: 4vw;
	    font-size: 5.3vw;
	}

	#aus #advantage.module-image h2 {
		padding-right: 5vw;
	}

	#us #stand-out.module-image.module-image-left h2 {
	    width: 100%;
	}

	#aus #success .content .container,
	#aus #success .row,
	#aus #success [class*="col-"],
	#us #stand-out .content .container,
	#us #stand-out .row,
	#us #stand-out [class*="col-"] {
		padding-left: 0 !important;
	}

	.module-annotations .bottom [class*="col-"]:first-child:after {
		display: none;
	}

	.module-annotations .top .row {
	    left: 0 !important;
	}

	#us #stand-out.module-image.module-image-left h2 {
	    left: 0;
	}

	#scores {
	    padding-bottom: 10vw !important;
	}
}

@media (max-width: 440px) {

	h2 {
		font-size: 5.4vw;
	}

	.module-image h2 {
	    padding: 5vw 0;
	    margin-bottom: 0px;
	}

	.navbar-fixed-top {
		padding-top: 65px;
	}

	header .navbar {
		padding: 0.582rem 0;
	}

	header .btn-nav-register {
		padding: 2.5vw 2vw 2.7vw;
		font-size: 4.4vw;
	}

	.navbar-fixed-top {
	    padding-top: 25vw;
	}
}


/*only ie*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   sup small {
   	vertical-align: text-top;
   	position: relative;
   	top: 0.1vw;
   }
}

/* iPad in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.module-image .line {
		width: 55vw !important;
	}

  header .navbar-brand img{
    width: 20vw;
  }
}

/* iPad in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.module-image .line {
		width: 66vw !important;
	}
	.module-image .line.fix-secon-line{
		width: 70vw !important;
	}
	#aus #success.module-image h2 {
		width: 33vw;
	}
	#us #stand-out.module-image.module-image-left h2 {
    width: 33vw;
    left: 0vw;
	}
  header .navbar-brand img{
    width: 27vw;
  }
}