.top-banner {
padding: 30px 0 35px;
}
.top-banner .ast-row {
display: flex;
position: relative;
}
.banner-content {
height: 100%;
background-color: #E45555;
color: #fff;
padding: 40px;
border-radius: 26px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.top-banner .banner-image {
background-position: center !important;
background-size: cover !important;
border-radius: 26px;
height: 100%;
width: 100%;
}
.banner-content .section-heading {
color: #fff;
margin-bottom: 0px;
text-align: left;
font-size: 2rem;
font-weight: 700;
}
.top-banner .img-col {
min-height: 300px;
}
.online-teaching-platform {
margin-top: 40px; display: flex;
align-items: center;
height: 633px;
}
.online-teaching-platform .section-heading {
text-align: left;
margin-bottom: 40px;
}
.online-teaching-platform img {
margin-bottom: 30px;
}
.online-teaching-platform p {
font-weight: 400;
font-size: 1.12rem;
line-height: 1.53rem;
}
.world-of-guide {
padding: 120px 0 70px;
}
.world-of-guide .section-heading {
text-align: left;
}
.world-of-guide .img-col {
padding: 0;
text-align: center;
}
.world-of-guide img { margin: 0 auto;
}
.world-of-guide .img-col img {
text-align: center;
margin-bottom: 30px;
}
.world-of-guide .ast-row {
display: flex;
align-items: center;
}
.teaching-resources .section-heading {
border-top: 1px dashed #999;
padding-top: 60px;
margin-bottom: 70px;
}
.guide-item {
max-width: 90%;
margin: 0 auto;
}
.teaching-resources .guide-title {
font-size: 1.2rem;
}
.guide-item a {
font-size: 0.95rem;
}
.teaching-resources .guide-title {
margin: 20px 0;
}
.teaching-resources a {
border-top: 1px dashed #999;
padding-top: 16px;
display: flex;
justify-content: space-between;
align-items: center;
}
.country-guide {
padding: 130px 0 110px;
margin-top: 80px;
background-size: cover !important;
}
.country-guide .section-heading {
margin-bottom: 70px;
}
.country-guide-item {
margin-bottom: 50px;
}
.country-guide-item .ptefl-button {
background-color: #028288; font-size: 1.2rem;
display: flex !important;
justify-content: space-between;
}
.country-guide-title {
font-size: 1.2rem;
margin: 15px 0 20px;
}
.more-inspiration {
padding: 70px 0;
}
.more-inspiration .section-heading {
margin-bottom: 60px;
}
.tour-place-item {
box-shadow: 4px 4px 0px 0px #e3d9d1;
padding: 25px 25px 20px;
margin-bottom: 40px;
text-align: center;
}
.tour-place-title {
margin-top: 15px;
text-align: center;
font-size: 1.42rem;
}
iframe {
width: 100%;
border-radius: 30px;
}
.image-box {
position: relative;
min-height: 315px;
background-position: center !important;
background-size: cover !important;
border-radius: 30px;
}
.get-tefl-consultation .title {
margin-bottom: 20px;
}
.get-tefl-consultation h3 {
margin: 20px 0;
}
.image-box img {
position: absolute;
max-width: 78px;
left: calc(50% - 39px);
top: calc(50% - 39px);
cursor: pointer;
}
.join-mailing-list {
padding: 60px 0;
display: none;
}
.join-mailing-list .ast-row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.top-line {
border-top: 1px dashed #999;
margin-bottom: 70px;
}
.join-mailing-list .section-heading {
text-align: left;
margin-bottom: 30px;
line-height: 1.4;
}
.join-mailing-list img {
max-width: 80%;
}
.join-mailing-list .ast-col-md-6.img-col {
text-align: center;
}
.country-guide-item img {
height: 250px;
object-fit: cover;
width: 100%;
}
post-col .post-row {
display: flex;
margin-bottom: 40px;
}
.post-col:nth-child(even) .post-image-col {
order: 1;
}
.post-col:first-child .post-content-div {
background-color: #65BE9F;
}
.post-col:nth-child(2) .post-content-div {
background-color: #E7AF2E;
}
.post-image-col,
.post-content-div {
border-radius: 30px;
}
.post-image {
width: 100%;
height: 100%;
border-radius: 30px;
background-size: cover !important;
background-position: center center;
}
.post-content-col {
color: #fff;
}
.post-content-div {
padding: 40px;
}
.title-div .title {
font-size: 1.65rem;
margin-bottom: 0;
}
.title-div .title span {
font-weight: 700;
}
.title-div {
border-bottom: 1px solid #fff;
margin-bottom: 50px;
padding-bottom: 20px;
}
.post-col .post-row {
display: flex;
margin-bottom: 40px;
}
@media (max-width: 768px) {
.guide-item {
max-width: 100%;
margin-bottom: 40px;
}
.join-mailing-list img {
max-width: 100%;
}
.world-of-guide img {
max-width: 80%;
}
}
@media (max-width: 767px) {
.top-banner .ast-row {
display: block;
}
.top-banner .ast-col-md-6.img-col {
display: none;
}
.online-teaching-platform {
background-position: top !important;
padding: 50px 0 50px;
background-repeat: repeat-y !important;
background-size: cover !important;
height: auto !important;
}
.world-of-guide {
padding: 70px 0 70px;
}
.world-of-guide .ast-row {
display: block;
}
.world-of-guide .ast-col-md-6.img-col {
padding: 0 20px;
}
.world-of-guide .ast-col-md-6.img-col img {
max-width: 100%;
}
.country-guide {
padding: 100px 0 50px;
margin-top: 0px;
background-position: top !important;
background-repeat: repeat-y !important;
background-size: cover!important;
}
.tour-place-item img {
width: 100%;
}
.get-tefl-consultation .ast-col-md-6 {
margin-bottom: 40px;
}
.join-mailing-list .ast-row {
display: block;
}
.join-mailing-list {
padding: 40px 0;
}
.join-mailing-list .ast-col-md-6.img-col {
margin-bottom: 40px;
}
section.more-inspiration .ast-row>div {
width: 50%;
}
section.more-inspiration .ast-row {
display: flex;
flex-wrap: wrap;
}
.tour-place-item {
padding: 15px;
}
.country-guide-item {
display: flex;
}
.country-guide-item>div {
flex: 1;
}
.country-guide-item img {
height: 120px;
}
.country-guide-title {
margin-top: 0px;
}
.country-guide-content .ptefl-button {
margin-bottom: 0px !important;
}
.country-guide-img {
margin-right: 15px;
}
.get-tefl-consultation iframe {
height: 200px;
}
.get-tefl-consultation .image-box {
min-height: 200px;
}
.world-of-guide .img-col {
display: flex;
}
.world-of-guide .img-col>img {
width: 50%;
}
}