@font-face { font-family: "yingheiw5"; src: url("../assets/webfonts/MYingHeiPRC-W5.woff2") format("woff2"), url("../assets/webfonts/MYingHeiPRC-W5.woff") format("woff"), url("../assets/webfonts/MYingHeiPRC-W5.ttf") format("truetype"); } @font-face { font-family: "yingheiw7"; src: url("../assets/webfonts/MYingHeiPRC-W7.woff2") format("woff2"), url("../assets/webfonts/MYingHeiPRC-W7.woff") format("woff"), url("../assets/webfonts/MYingHeiPRC-W7.ttf") format("truetype"); } @font-face { font-family: "yingheiw8"; src: url("../assets/webfonts/MYingHeiPRC-W8.woff2") format("woff2"), url("../assets/webfonts/MYingHeiPRC-W8.woff") format("woff"), url("../assets/webfonts/MYingHeiPRC-W8.ttf") format("truetype"); } body { /* overflow-x: hidden;*/ } html { font-size: 14px; font-family: "yingheiw7"; } .container { max-width: 100%; font-family: "yingheiw7"; } .heroimage { background: url("../assets/images/cover_bg3.png") no-repeat; /*linear-gradient(transparent, rgba(11,47,89,1)), url("../assets/images/cover_bg2.png") center top no-repeat;*/ background-size: 200% auto; background-color: #0B2F59; } .heroimageheader { padding-top: 5rem; padding-bottom: 5rem; color: white; } .font-blue {color: #0B2F59!important;} .font-h-blue, .font-h-blue a { transition: 0.4s; } .font-h-blue:hover, .font-h-blue:focus, .font-h-blue a:hover, .font-h-blue a:focus { transition: 0.4s; color: #0b2f59!important; } .font-07r { font-size: 0.7rem!important; } .font-09r { font-size: 0.9rem!important; } .font-1r { font-size: 1rem!important; } .font-12r { font-size: 1.2rem!important; } .font-14r { font-size: 1.4rem!important; } .font-16r { font-size: 1.6rem!important; } .font-18r { font-size: 1.8rem!important; } .font-28r { font-size: 2.8rem!important; } .font-3r { font-size: 3rem!important; } .font-4r { font-size: 4rem!important; } .font-title { font-size: 3rem!important; } @media (min-width: 576px) {.font-title { font-size: 4rem!important;}} @media (min-width: 576px) {.font-sm-16r { font-size: 1.6rem!important;}} @media (min-width: 576px) {.font-sm-4r { font-size: 4rem!important;}} .font13 { font-size: 1.6rem; } .font16 { font-size: 1.7rem; } .font20 { font-size: 1.82rem; } .font48 { font-size: 3.4rem; } .font64 { font-size: 3rem; } .font100{ font-size: 9.1rem; } .boldunderline { text-decoration: underline; font-weight: bold; } .stepimage { width: 5.0rem } .stepdiv{ padding: 0.5rem 0.5rem; } .roundedcard { border-radius: 1.45rem!important; height: 23rem; overflow: hidden; } .card { border: none; } .owl-one .card { border: none; } .testimonial-avatar { width: 45px!important; height: 45px!important; display: none; } .px-15 { padding-left: 15px; padding-right: 15px; } @media (min-width: 360px) { .testimonial-avatar { display: inline-block; } } @media (min-width: 425px) { .testimonial-avatar { width: 90px!important; height: 90px!important; } } .owl-two .card { background: #0b2f59; color: #fff; border: none; } .owl-two .card i { color: #fff!important; } @media (min-width: 1200px) { .owl-two .card { background: #fff; color: #98AABF; } .owl-two .card i { color: #0b2f59!important; } } .card-line { width: 100%; height: 0.4rem; position: absolute; bottom: 0; } .card-img-text { top: 0; left: 0; right: 0; bottom: 0; } .roundedcardtestimonial { border-radius: 1.8rem!important; overflow: hidden; } .roundedtestimonialimagedimension{ border: 0px; overflow:hidden; } .roundedtestimonialimage{ border-top-left-radius: 1.45rem; border-bottom-left-radius: 1.45rem; object-fit: cover; } .bottom-text { position:fixed; bottom:7.1rem; } .testimonial-title { text-align: center; } .overseaspadding { padding-left: 1rem; padding-right: 1rem; } @media (min-width: 576px) { .stepimage { width: 10.0rem; } .heroimage { background-size: 100% auto; } } @media (min-width: 768px) { .stepdiv{ padding: 0.5rem 3rem; } .stepimage { width: 10.0rem } .font-3r { font-size: 3rem !important; } .font-4r { font-size: 4rem !important; } .font64 { font-size: 5.5rem; } .overseaspadding { padding-left: 3.63rem; padding-right: 3.63rem; } } @media (min-width: 992px) { .stepimage { width: 5.0rem } .font13 { font-size: 1.2rem; } .font16 { font-size: 1.45rem; } .font20 { font-size: 1.82rem; } .font48 { font-size: 4.36rem; } .font64 { font-size: 5.82rem; } .heroimageheader { padding-top: 15rem; padding-bottom: 15rem; color: white; } } @media (min-width: 1200px) { .roundedcard { border-radius: 1.45rem; } .container { max-width: 1170px; font-family: "yingheiw7"; } } .container-mw-normal { max-width: 1170px!important; } @media (min-width: 1600px) { .container { max-width: 1500px!important; font-family: "yingheiw7"; } html { font-size: 16px; font-family: "yingheiw7"; } } @media (min-width: 2000px) { .container { max-width: 80%!important; font-family: "yingheiw7"; } html { font-size: 16px; font-family: "yingheiw7"; } } @media (min-width: 2400px) { html { font-size: 22px; font-family: "yingheiw7"; } } .yhw5 { font-family: "yingheiw5"; } .yhw7 { font-family: "yingheiw7"; } .yhw8 { font-family: "yingheiw8"; } .ssblue { color: #0B2F59!important; } .ssbluebg { background-color: #0B2F59; } .ssbluer{ color: #4C94FF; } .ssbluerbg { background-color: #4C94FF; } .ssoffwhitebg, .offwhite { background-color: #F7FBFF; } .sslightblue { color: #CCE4FF; } .ssanotherblue { color: #90B9E8; } .ssgrey, .ssgrey a { color: #98AABF!important; } .white{ color: #ffffff; } .transparentbg{ background-color: transparent; } .ssheader { height: 3.64rem; } .fullwidth { width: 100%; } .navbar { padding: 1rem 0rem 1rem 0rem; } .nav-item{ font-family: "yingheiw7"; font-size: 1.2rem; padding-left: 0.8rem; padding-right: 0.8rem; color: #98AABF; } .nav-item a{ transition: 0.4s; color: #98AABF; } .nav-item a:hover, .nav-item a:focus { transition: 0.4s; color: #0B2F59; } .nav-tabs .nav-link, .nav-tabs .nav-link.active { border: none; } .logo { height: 3.45rem; } .dropdown-menu-main { top: 0!important; border-radius: 1.8rem!important; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3); border: none!important; overflow: hidden; } .dropdown-close-icon { position: absolute; top: 30px; right: 30px; } .dropdown-item-secondary { border-top: 1px solid #fff!important; background-color: #F7FBFF!important; } .dropdown-item-dark { background-color: #4C94FF!important; } .dropdown-item-secondary i, .dropdown-item-dark i { line-height: inherit; } a.nohoveroffwhite:hover { color: #90B9E8; text-decoration: none; } .navbar-ss { color: #98AABF; } .navbar-ss { color: #98AABF; } .centerwrapper { height:100%; display:flex; align-items:center; justify-content: center; } .centerendwrapper { height:100%; display:flex; align-items:center; justify-content: end; } .text-mw-250 { max-width: 250px; } .arrow { transition: 0.4s; width: 40px; } .arrow-left { transform: rotate(180deg); } .arrow-left:hover { transition: 0.4s; transform: rotate(180deg) translateX(10px); } .arrow-right:hover { transition: 0.4s; transform: translateX(10px); } .owl-theme .owl-nav [class*='owl-']:hover { background: unset!important; } .icon-arrow-right { width: 20px; height: 20px; background-color: #aaaaaa; background-image: url('../assets/images/Icons/arrow_ic.svg'); } .squircle-top{ background: #ffffff; border-top-left-radius: 1.45rem; border-top-right-radius: 1.45rem; } .squircle-bottom{ background-color: #F7FBFF; border-bottom-left-radius: 1.45rem; border-bottom-right-radius: 1.45rem; } .squircle-button-left{ border-radius: 0.9rem; border: none; width: 16.98rem; height: 4.45rem; text-align: center; font-family: "yingheiw7"; text-decoration: none; position: relative; transition: all 0.4s ease 0s; } .squircle-button-left:hover, .squircle-button-left:focus { color: #ffffff !important; background: #2E81E5; transition: all 0.4s ease 0s; } .squircle-button-right { border-radius: 0.9rem; border: 2px solid #98AABF; background-color: transparent; width: 16.91rem; height: 4.36rem; text-align: center; color: #98AABF; font-family: "yingheiw7"; text-decoration: none; overflow: hidden; transition: 0.4s; } .squircle-button-right:hover, .squircle-button-right:focus { color: #fff; background-color: #0B2F59; border: 2px solid #0B2F59; transition: 0.4s; } .active h5{ color : #0B2F59; } .tag-country-img { color: #0B2F59; border-radius: 15px; background-color: #61EFB6; } .countrybutton { border-bottom-right-radius: 1.45rem; transition: 0.4s; } .countrybutton:hover, .countrybutton:focus { color: #ffffff !important; background: #2E81E5; transition: 0.4s; } .countrydesc { height: 30rem; } .noborder { border: none!important; } .tabhead{ text-align: center; padding-top: 2rem; padding-bottom: 2rem; position: relative; } .tabhead a { transition: 0.4s; } .tabhead a:hover { transition: 0.4s; color: #0B2F59; } .toggletab{ color: #98AABF; text-decoration: none; } .toggletab:hover, .toggletab:focus { text-decoration: none; } .activatedtab:hover{ color: #98AABF; text-decoration: none; } .activatedhead a, .activatedhead a:hover, .activatedhead a:focus { color: #0B2F59; } .activatedhead .tab-line { width: 50%; } .tab-line { transition: 0.4s; width: 0px; height: 5px; bottom: 0px; left: 0px; right: 0px; background-color: #4c94ff; } .tabhead:hover .tab-line { transition: 0.4s; width: 50%; } .testGrab1 { background-image: linear-gradient(#0B2F59, rgba(52, 60, 65, 0.75)), url("../assets/images/Study Tour Packages/Tour_1.jpg") !important; background-repeat: no-repeat; background-size: cover; text-align: center; } .testGrab2 { background-image: linear-gradient(#0B2F59, rgba(52, 60, 65, 0.75)), url("../assets/images/Study Tour Packages/Tour_2.jpg") !important; background-repeat: no-repeat; background-size: cover; text-align: center; } .testGrab3 { background-image: linear-gradient(#0B2F59, rgba(52, 60, 65, 0.75)), url("../assets/images/Study Tour Packages/Tour_3.jpg") !important; background-repeat: no-repeat; background-size: cover; text-align: center; } .testGrab4 { background-image: linear-gradient(#0B2F59, rgba(52, 60, 65, 0.75)), url("../assets/images/Study Tour Packages/Tour_4.jpg") !important; background-repeat: no-repeat; background-size: cover; text-align: center; } @media (min-width: 992px) { .testGrab1 { background-image: linear-gradient(to left, transparent, #0B2F59, #0B2F59), url("../assets/images/Study Tour Packages/Tour_1.jpg") !important; background-repeat: no-repeat; background-size: 100% auto; text-align: left; } .testGrab2 { background-image: linear-gradient(to left, transparent, #0B2F59, #0B2F59), url("../assets/images/Study Tour Packages/Tour_2.jpg") !important; background-repeat: no-repeat; background-size: 100% auto; text-align: left; } .testGrab3 { background-image: linear-gradient(to left, transparent, #0B2F59, #0B2F59), url("../assets/images/Study Tour Packages/Tour_3.jpg") !important; background-repeat: no-repeat; background-size: 100% auto; text-align: left; } .testGrab4 { background-image: linear-gradient(to left, transparent, #0B2F59, #0B2F59), url("../assets/images/Study Tour Packages/Tour_4.jpg") !important; background-repeat: no-repeat; background-size: 100% auto; text-align: left; } } .contact-tour-buttons { transition: 0.4s; border-radius: 0.9rem; border: 1px solid #98AABF; width: 16.91rem; height: 4.36rem; text-align: center; font-family: "yingheiw7"; text-decoration: none; } .contact-tour-buttons:hover, .contact-tour-buttons:focus { color: #ffffff; background: #2E81E5; transition: 0.4s; } /* temp stuff */ .whiteheader{ text-align: center; font-size: 60px; color: #FFFFFF; font-weight: bold; padding-top: 75px; padding-bottom: 50px; } .p-kickstart { padding-bottom: 75px; } .blueheader{ text-align: center; font-size: 24px; color: #4b92fc; padding-top: 50px; } .blackheader{ text-align: center; font-size: 60px; color: #000000; padding-top: 20px; padding-bottom: 50px; } .contents{ font-family: yingheiw5; display: block; margin-left: auto; margin-right: auto; width: 100%; padding-bottom: 50px; } .about{ background-color:#f7faff; } .staff{ background-color:#0c2f59; } .owl-team { } .card-team { border-radius: 1.8rem; overflow: hidden; min-height: 320px; min-width: 250px; } .card-team:hover .card-team-overlay { transition: 0.4s; top: 0; } .card-team .row { height: 100%!important; } .card-team img { } .card-team-position { bottom: 15px; right: 15px; } .card-team-overlay { transition: 0.4s; width: 100%; height: 100%; position: absolute; top: 100%; background: rgba(255,255,255,0.95); text-align: center; } .testimonial { background: #0b2f59; } @media (min-width: 1200px) { .container-testimonial { background: linear-gradient(0deg, #ffffff 50%, #0b2f59 50%); } .testimonial { background: linear-gradient(0deg, #ffffff 50%, #0b2f59 50%); min-height: 46.3rem; } .testimonial-title { text-align: left; } } .footer{ text-align: center; background-color:#FFFFFF; } .footer-image { text-align: center; } @media (min-width: 768px) { .logo { height: 4.45rem; } .footer{ text-align: unset; } .footer-image { text-align: right; } } .footer a:link { text-decoration:none; } .footer a:hover { text-decoration: none; } .intro { position: relative; display: inline-block; border-radius : 18px; } .intro img { vertical-align: bottom; } .intro .person-title { position: absolute; right: 25; bottom: 25; margin: 0; padding: 15px; color: #fff; text-align: left; } #countries img { min-height: 320px; object-fit: cover; } .card-img-top-responsive { border-top-left-radius: unset; border-top-right-radius: unset; overflow: hidden; border: 0; } @media (min-width: 992px) { .card-img-top-responsive { border-top-left-radius: 1.8rem; border-top-right-radius: 1.8rem; } } .flip { -webkit-perspective: 800; perspective: 800; position: relative; text-align: center; } .flip .intro.flipped { -webkit-transform: rotatey(-180deg); transform: rotatey(-180deg); } .flip .intro { width: 24.2rem; height: 30.8rem; border-radius : 1.8rem; -webkit-transform-style: preserve-3d; -webkit-transition: 0.5s; transform-style: preserve-3d; transition: 0.5s; background-color: transparent; } .flip .card .face { -webkit-backface-visibility: hidden ; backface-visibility: hidden ; z-index: 2; } .flip .intro .front { position: absolute; z-index: 1; width: 100%; height: 100%; } .flip .intro .front img{ width: 100%; height: 100%; border-radius: 1.8rem; } .flip .intro .img { z-index: 1; border: 2px solid #000; } .flip .intro .back { width: 100%; height: 100%; border-radius : 1.8rem; -webkit-transform: rotatey(-180deg); transform: rotatey(-180deg); position: absolute; background-color: #fff; } .inner{ margin:0px !important; } .backtext { width: 100%; height: 100%; border-radius: 1.8rem; padding: 2rem; } #cu-btm{ transition: 0.4s; background-color: white; border: 8px; border-radius: 12px; color: #0a2f59; padding: 0px 32px; text-align: center; text-decoration: none; display: inline-block; margin: 0px 2px; cursor: pointer; height: 4.36rem; width: 100%; } #cu-btm:hover{ transition: 0.4s; background-color: #eef2f7; } #cu-btm2{ transition: 0.4s; background-color: #4c94ff; border: 1px solid white; border-radius: 12px; color: white; padding: 0px 32px; text-align: center; text-decoration: none; display: inline-block; margin: 0px 2px; cursor: pointer; height: 4.36rem; width: 100%; } #cu-btm2:hover{ transition: 0.4s; background-color: #438dfb; } p.cu-btm2{ color:white; float:right; } .tab-pane .card { border-radius: 1.8rem; border: none; } .kickstartbtn{ } .sslogo { } .kickstart{ background-color:#4c94ff; padding-bottom: 0rem; position: relative; } .kickstart::after { content: ""; background: url("../assets/images/SixEdu_Star_tilted.svg") no-repeat bottom right; opacity: 0.2; top: 0; left: 0; bottom: 0; right: 0; position: absolute; background-size: auto 80%; } @media (min-width: 992px) { .kickstart { background-image: url("../assets/images/SixEdu_Star_tilted.svg"); background-position: right bottom; /*Positioning*/ background-repeat: no-repeat; /*Prevent showing multiple background images*/ background-size: auto 80%; } } .blendpartner{ background-size: 100%; background-image: url("../assets/images/Partners.png"); background-color: #f7faff; background-blend-mode: multiply; background-repeat: no-repeat; }