@import url('//fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Poppins:wght@400;500;600;700&display=swap');

:root {

    --ivt-light: #fff;
    --ivt-light2: #eff4fc;

    --ivt-navy: #1c2d5a;
    --ivt-pink: #f09192;
    --ivt-mediumpink:rgba(240,145,146,0.8);
    --ivt-lightpink: #fadede;
    --ivt-yellow: #fdb913;
    --ivt-mustard: #e3a103;
    --ivt-ivory: #230e42;
    --ivt-skyblue: #11a7ac;
    --ivt-lightblue: #d2eeef;
    --ivt-lightblue2: #edf3fc;
    --ivt-lightyellow: #fff1d1;
    --ivt-mediumyellow: #ffd27c;
    --ivt-darkblue: #4dbcbd;
    --ivt-darkyellow: #fdb913;
    --ivt-bruiseblack: #071c33;
    --ivt-purple: #6a678b;

    
    --ivt-font-header: 'Playfair Display', serif;
    --ivt-font-body: 'Poppins', sans-serif;
}

body {  
	background-color: var(--ivt-light); 
	font-family: var(--ivt-font-body);
	font-size:16px;
	color:var(--ivt-bruiseblack);
	font-weight:400;
}

/* -- AOS Settings -- */
.ive_designmode .aos-init {opacity:1!important;}
.ive_designmode [data-aos^=fade][data-aos^=fade].aos-animate {transform:none!important; opacity:1!important; }

.iveo_gencon {display:block;}

.ives_tab_kosong td {position:relative;}
.ives_tab_kosong.imgOnRight tr td:last-child {padding:0!important;}
.ives_tab_kosong.imgOnLeft tr td:first-child {padding:0!important;}
.ives_tab_kosong.imgOnRight tr td:first-child,.ives_tab_kosong.imgOnLeft tr td:last-child {padding:30px;}
.ives_tab_kosong.imgOnRight td IMG, .ives_tab_kosong.imgOnLeft td IMG {width:100%!important; height:100%!important; object-fit:cover;}

body:not(.ive_designmode) .testimonial-content-table tr {display:flex; flex-direction:row; flex-wrap:wrap;  justify-content: space-between;}
.testimonial-content-table tr td {width:30%; margin:10px 1em; padding:2em!important; border-radius:10px; box-shadow:-1px 11px 20px 2px rgba(72,8,135,0.1); position:relative;}
.testimonial-content-table tr td::before {
    content:"";
    background-image: url('/ivt/slot/u1500/style/sub/bg/quote.png'); 
    background-repeat:no-repeat;
    background-size:contain;
    width:64px;
    height:57px;
    position:absolute;
    bottom:0;
    left:0;
    transform:translate(30%,-140%);
    opacity:0.3;
}
.testimonial-content-table tr td:nth-child(1) { background-color: rgba(240,145,146,0.8);}
/* .testimonial-content-table tr td:nth-child(1):before {
    background-image: url('/ivt/slot/u1500/style/sub/bg/quote.png'); 
} */
.testimonial-content-table tr td:nth-child(2) { background-color:var(--ivt-mediumyellow);}
/* .testimonial-content-table tr td:nth-child(2):before {
    background-image: url('/ivt/slot/u1500/style/sub/bg/quote2.png'); 
} */
.testimonial-content-table tr td:nth-child(3) { background-color:rgba(32,171,173,0.7);}
/* .testimonial-content-table tr td:nth-child(3):before {
    background-image: url('/ivt/slot/u1500/style/sub/bg/quote3.png'); 
} */


/* --- Custom selectors --- */
.ivt-button {font-weight:600!important; padding:0.5em 1.5em; text-align:center; width:150px; box-sizing: border-box; transition:all 0.2s; font-size:16px;}

.btn-rounded {border-radius:20px;}
.btn-square:hover,.btn-rounded:hover  {text-decoration:none;}

.btn-inline {display:inline-block; margin:5px;}
.btn-block {display:block; margin:5px 5px 10px 5px;}

.text-left,.text-left * {text-align:left;}
.text-center,.text-center * {text-align:center;}
.text-right,.text-right * {text-align:right;}

.img-bgpink,.img-bgblue {position:relative;}
.img-bgpink IMG ,.img-bgblue IMG { }
.img-bgpink::after {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/admissions/calendar/pink-part.png') no-repeat;
    background-size:contain;
    position:absolute;
    top:50%;
    right:0;
    transform:translate(10%,-50%);
    width:100%;
    max-width:349px;
    height:65.9%;
    z-index:-1;
    pointer-events: none;
}
.img-bgblue::after {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/admissions/calendar/green-part.png') no-repeat;
    background-size:contain;
    position:absolute;
    top:50%;
    left:0;
    max-width:339px;
    transform:translate(0,-50%);
    width:100%;
    height:73.45%;
    z-index:-1;
    pointer-events: none;
}

.curriculum-photo-frame {
    background: url('/ivt/slot/u1500/style/sub/curriculum/curriculum/photo frame bg.png') no-repeat center;
    background-size:contain;
    width:100%;
    height:91%;
}

IMG.curriculum-frame {
    mask-image: url('/ivt/slot/u1500/style/sub/curriculum/curriculum/curriculum photo frame.png');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
      
      -webkit-mask-image: url('/ivt/slot/u1500/style/sub/curriculum/curriculum/curriculum photo frame.png');
     -webkit-mask-size: contain;
     -webkit-mask-repeat: no-repeat;
     -webkit-mask-position: center;
     position:relative;
}

IMG.polygon-frame {
    border-top-right-radius: 15%; border-bottom-left-radius: 15%; overflow:hidden; box-shadow:-1px 11px 20px 2px rgba(72,28,135,0.3);
}
IMG.circled-frame {
    border-radius:50%;
}
IMG.egg-frame {
    mask-image: url('/ivt/slot/u1500/style/sub/admissions/calendar/photo-frame.png');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
      
      -webkit-mask-image: url('/ivt/slot/u1500/style/sub/admissions/calendar/photo-frame.png');
     -webkit-mask-size: contain;
     -webkit-mask-repeat: no-repeat;
     -webkit-mask-position: center;
     position:relative;
}
IMG.overlapped-image {position:absolute; bottom:0; left:0; transform:translateX(25%);}



/* --- Decorative elements --- */
.circled-lightblue::before { content:""; position:absolute; top:0; left:25px;; width:60px; height:60px; border-radius:100%; background-color:var(--ivt-lightblue2);}


/* -- Branding color -- */
.ivt-navy {color:var(--ivt-navy); }
.ivt-lightblue {color:var(--ivt-lightblue)!important;}
.ivt-lightyellow { color:var(--ivt-lightyellow)!important;}
.ivt-skyblue { color:var(--ivt-skyblue)!important;}

.ivt-bg-lightblue {background-color:var(--ivt-lightblue)!important; color:var(--ivt-navy)!important;}
.ivt-bg-lightyellow { background-color:var(--ivt-lightyellow)!important; color:var(--ivt-navy)!important; }
.ivt-bg-darkblue {background-color:var(--ivt-darkblue)!important; color:var(--ivt-navy)!important;}
.ivt-bg-darkyellow { background-color:var(--ivt-darkyellow)!important; color:var(--ivt-navy)!important; }

.ivt-bg-mediumyellow { background-color:var(--ivt-mediumyellow)!important; color:var(--ivt-navy)!important; }
.ivt-bg-mediumpink { background-color:rgba(240,145,146,0.8)!important; color:var(--ivt-navy)!important; }
.ivt-bg-mediumblue {background-color:rgba(32,171,173,0.7)!important; color:var(--ivt-navy)!important;}


.ivt-bg-mediumyellow .iveo_pipe_pagetree_button .ct-simple-btn,.ivt-bg-mediumyellow .iveo_pipe_pagetree_button .ct-simple-btn:visited,
.ivt-bg-mediumpink .iveo_pipe_pagetree_button .ct-simple-btn,.ivt-bg-mediumpink .iveo_pipe_pagetree_button .ct-simple-btn:visited,
.ivt-bg-mediumblue .iveo_pipe_pagetree_button .ct-simple-btn,.ivt-bg-mediumblue .iveo_pipe_pagetree_button .ct-simple-btn:visited  {background-color:rgba(255,255,255,0.3)!important; color:var(--ivt-navt)!important; box-shadow:none!important; text-shadow: none!important; background-image:none!important; border-radius:50px!important; font-weight:500; font-size:15px!important; transition: all 0.2s ease-in-out;}
.ivt-bg-mediumyellow .iveo_pipe_pagetree_button .ct-simple-btn:hover,
.ivt-bg-mediumpink .iveo_pipe_pagetree_button .ct-simple-btn:hover,
.ivt-bg-mediumblue .iveo_pipe_pagetree_button .ct-simple-btn:hover {background-color:rgba(255,255,255,1)!important;}


.ivt-bg-yellow { background-color:var(--ivt-yellow)!important; color:var(--ivt-navy)!important; }
.ivt-bg-pink { background-color:var(--ivt-pink)!important; color:var(--ivt-navy)!important; }
.ivt-bg-lightpink { background-color:var(--ivt-lightpink)!important; color:var(--ivt-navy)!important; }
.ivt-bg-lightblue2 { background-color:var(--ivt-lightblue2)!important; color:var(--ivt-navy)!important; }

.ivt-registration {width:70%; min-width:450px; margin:1em auto;}
.ivt-registration-admin-panel {display:block; text-align:right; margin-bottom:1em;}
.ivt-registration-admin-panel .ive_eobj_right,.ivt-registration-admin-panel .ive_eobj_left {float:none;}
.iivt-registration-admin-panel::after {content:""; display:table; clear:both;}

.ivt-registration .inputs-row label {font-size:16px; margin-top:10px;}
.ivt-registration .inputs-row,.ivt-registration .inputs-row * {font-size:16px;}
.ivt-registration .inputs-row input[type="checkbox"]{ margin:10px 10px 10px 0;}
.ivt-registration select,.ivt-registration input[type="text"], .ivt-registration select, .ivt-registration textarea, .contact-form-wrapper textarea {
    padding: 5px;
    font-family: 'Poppins',sans-serif;
    box-sizing: border-box;
    background: var(--ivt-light);
    border: 1px solid var(--ivt-yellow);
    width:100%;
}
.ivt-registration input[type="button"], .ivt-registration input[type="submit"]:not(.button_), .ivt-registration a.edit_btn {
    font-family: 'Poppins',sans-serif;
    background-color: var(--ivt-yellow)!important;
    font-size: 16px;
    font-weight:600;
    border: var(--ivt-yellow);
    border-radius: 10px;
    min-width:120px;
    padding: 0.5em 1.5em!important;
    color: var(--ivt-navy)!important;
    margin-top: 1em;
    cursor: pointer;
    display: inline-block;
    -webkit-appearance: none;
    margin-right:10px;
}

 
.PTP103396 .ivt-registration input[type="button"],.PTP103396 .ivt-registration input[type="submit"]:not(.button_), .PTP103396 .ivt-registration a.edit_btn {min-width:0; text-align:center;}


.ivt-registration .inputs-radio span.input-radio {display:block;}
.ivt-registration .inputs-radio span.input-radio span { padding-left:10px;}
.ivt-registration #display_child_dob {width:calc(100% - 100px);}

.ivt-registration .privacy-policy { margin:1em 0; }
.ivt-registration .privacy-policy,.ivt-registration .privacy-policy * {font-size:14px;}

.ivt-registration span.required {color:#c8102e;}
.ivt-registration .error,.ivt-registration .error * {color:#721c24;}
.ivt-registration .errs-box {background-color:#f8d7da; color:#721c24; padding:10px 1em; border-radius:10px; margin-bottom:1em;}

.margin-bottom-sm {margin-bottom:10px;}
.margin-bottom-md {margin-bottom:16px;}
.margin-bottom-lg {margin-bottom:20px;}

.input-col-2,.input-col-3,.input-col-4,.input-col-8 {margin-bottom:10px; box-sizing: border-box; display:inline-block;}
.input-col-1 {width:12.5%; }
.input-col-2 {width:25%; }
.input-col-3 {width:36.75%; }
.input-col-4 {width:49.5%!important; }
.input-col-6 {width:75%;}
.input-col-8 {width:99.25%; }

/* --- Image Frame --- */
.rocket-frame {position:relative;}
.rocket-frame IMG {
    mask-image: url('/ivt/slot/u1500/style/sub/resources/moving to sg/move to sg frame.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
      
      -webkit-mask-image: url('/ivt/slot/u1500/style/sub/resources/moving to sg/move to sg frame.svg');
     -webkit-mask-size: contain;
     -webkit-mask-repeat: no-repeat;
     -webkit-mask-position: center;
     position:relative;
}
.rocket-frame::before {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/pink-star.png') no-repeat;
    background-size:contain;
    width:47px;
    height:56px;
    position:absolute;
    right:0;
    top:0;
    transform:translate(-100%,50%);
    z-index:10;
    pointer-events: none;
}
.rocket-frame::after {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/rocket.png') no-repeat;
    background-size:contain;
    width:110px;
    height:111px;
    position:absolute;
    bottom:0;
    right:40px;
    z-index:10;
    pointer-events: none;
}

/* --- Star List --- */
UL.starred-list {}
UL.starred-list LI {list-style-type: none; list-style-image: url('/ivt/slot/u1500/style/sub/resources/moving to sg/star.png'); padding-left:5px; margin-bottom:5px;}

/* --- Nice Button --- */
.iveo_pipe_pagetree_button,.iveo_pipe_pagetree_button * {font-family:var(--ivt-font-body)!important;}

.iveo_pipe_pagetree_button .ct-aqua-btn {padding:1em 1.5em!important;}
.iveo_pipe_pagetree_button .ct-aqua-btn,.iveo_pipe_pagetree_button .ct-aqua-btn:visited {background-color:var(--ivt-lightblue)!important; color:var(--ivt-navy)!important; box-shadow:none!important; text-shadow: none!important; background-image:none!important; border-radius:0!important; font-weight:500;}
.iveo_pipe_pagetree_button .ct-aqua-btn::after {display:none!important;;}

.iveo_pipe_pagetree_button .ct-metro-btn,.iveo_pipe_pagetree_button .ct-metro-btn:visited {background-color:var(--ivt-navy)!important; color:var(--ivt-light)!important; box-shadow:none!important; text-shadow: none!important; background-image:none!important; border-radius:0!important; font-weight:500;}

.iveo_pipe_pagetree_button .ct-travel-btn,.iveo_pipe_pagetree_button .ct-travel-btn:visited {background-color:var(--ivt-yellow)!important; color:var(--ivt-navy)!important; box-shadow:none!important; text-shadow: none!important; background-image:none!important; border-radius:0!important; font-weight:500;}

.ivt-header-border-on-left h2,.ivt-header-border-on-top,.ivt-header-border-on-bottom {position:relative;}
.ivt-header-border-on-left {padding-left:2em!important;}
.ivt-header-border-on-left h2::before {
    content:"";
    background-color:var(--ivt-yellow);
    width:2px!important;
    height:calc(100% - 1em)!important;
    position:absolute;
    top:1em!important;
    left:-1em!important;
}
.ivt-header-border-on-top {padding-top:1em!important;}
.ivt-header-border-on-top::before {
    content:"";
    background-color:var(--ivt-yellow);
    width:50px!important;
    height:2px!important;
    position:absolute;
    top:0!important;
    left:50%!important;
    transform:translateX(-50%)!important;
}
.ivt-header-border-on-bottom {padding-bottom:1em!important;}
.ivt-header-border-on-bottom::before {
    content:"";
    background-color:var(--ivt-yellow);
    width:50px!important;
    height:2px!important;
    position:absolute!important;
    bottom:0!important;
    left:50%!important;
    transform:translateX(-50%)!important;
}

/* --- Circles bg --- */
.ivt-circles-bg {
    background: url('/ivt/slot/u1500/style/home/icon/phone-circle-1.png') no-repeat center;
    background-size:70% auto;
    width:100%;
    position:relative;
}
.ivt-circles-bg::before {
    content:"";
    background:url('/ivt/slot/u1500/style/home/icon/phone-circle2.png') no-repeat;
    background-size: contain;
    width: 153px;
    height: 153px;
    transform:  translate(-50%,-50%);
    position: absolute;
    top: 30%;
    left: 80%;
    z-index: -1;
}
.ivt-circles-bg::after {
    content:"";
    background:url('/ivt/slot/u1500/style/home/icon/phone-circle-3.png') no-repeat;
    background-size: contain;
    width: 59px;
    height: 59px;
    transform:  scale(0.9) translate(-50%,-50%);
    position: absolute;
    top: 80%;
    left: 0;
    z-index: -1;
}

.ivt-rocket {position:relative; padding-top:115px!important;}
.ivt-rocket::before {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/rocket.png') no-repeat;
    background-size:contain;
    width:110px;
    height:111px;
    position:absolute;
    top:0;
    right:1em;
    pointer-events: none;
}

/* --- Speech Bubble Bg --- */
.ivt-speechbubble-bg {
    width:90%;
    height:calc(100% - 100px);
    box-sizing: border-box;
    background: url('/ivt/slot/u1500/style/home/bg/parents-flower-bg.png') no-repeat right bottom var(--ivt-mediumyellow);
    background-size:385px 167px;
    padding:2em 4em;
    border-radius:20px;
    position:relative;
    margin:auto;
    border-bottom-left-radius: 0;
    box-shadow:-1px 11px 20px 2px rgba(72,28,135,0.3);
}
.ivt-speechbubble-bg::before {
    content:"";
    
}
/* .ivt-speechbubble-bg::after {
    content:"";
    width: 0;
    height: 0;
    border-top: 60px solid var(--ivt-yellow);
    border-right: 60px solid transparent;
    position:absolute;
    bottom:0;
    left:0;
    transform:translateY(100%);
    box-shadow:-1px 11px 20px 2px rgba(72,28,135,0.3);
} */
.ivt-speechbubble-bg::after {
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: var(--ivt-mediumyellow) transparent transparent transparent;
    -webkit-filter: drop-shadow(-6px 20px 10px rgba(72,28,135,0.3));
    filter: drop-shadow(-6px 20px 10px rgba(72,28,135,0.3));
    position:absolute;
    bottom:0;
    left:0;
    transform:translateY(100%);
}


/* --- Quotes bg --- */
.ivt-openquotes-bg {position:relative;}
.ivt-openquotes-bg::after {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/quote-icon.png') no-repeat center;
    background-size:contain;
    width:113px;
    height:50%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(0.8);
    pointer-events: none;
    z-index:-1;
}

/* --- Flower BG --- */
.ivt-flower-bg {position:relative;}
.ivt-flower-bg::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/about/ii and perse/flower1.png') no-repeat center;
    background-size:contain;
    width:100%;
    height:80%;
    display:block;
    position:absolute;
    bottom:10%;
    left:50%;
    transform:translate(-50%,0) scale(0.8);
    opacity:0.8;
    z-index:-1;
    animation: fadeInOpacity 0.5s ease-in;
    -webkit-animation: fadeInOpacity 0.5s ease-in;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

.plumeria-table  {border-radius:10px;}
.plumeria-table td {
    padding: 2.5em!important;
    position: relative;
    border-radius: 10px;
}

/* --- Plumeria Bg --- */
.ivt-plumeria-bg-1,.ivt-plumeria-bg-2 {
    position:relative;
}
.ivt-plumeria-bg-1::before {
    content:"";
    background: url('/ivt/slot/u1500/style/home/bg/flower2.png') no-repeat center bottom;
    background-size:contain;
    width:100%;
    height:80%;
    display:block;
    position:absolute;
    bottom:10%;
    left:50%;
    transform:translate(-50%,0);
    opacity:0.25;
    z-index:-1;
    animation: fadeInLowOpacity 0.5s ease-in;
    -webkit-animation: fadeInLowOpacity 0.5s ease-in;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

.ivt-plumeria-bg-2::before {
    content:"";
    background: url('/ivt/slot/u1500/style/home/bg/flower3.png') no-repeat center bottom;
    background-size:contain;
    width:100%;
    height:60%;
    display:block;
    position:absolute;
    bottom:10%;
    left:50%;
    transform:translate(-50%,0);
    opacity:0.3;
    z-index:-1;
    animation: fadeInLowOpacity 0.5s ease-in;
    -webkit-animation: fadeInLowOpacity 0.5s ease-in;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

.ivt-plumeria-director-bg-1,.ivt-plumeria-director-bg-2,.ivt-plumeria-director-bg-3 {
    position:relative;
}
.ivt-plumeria-director-bg-1::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/about/directors/director1.png') no-repeat center bottom;
    background-size:contain;
    width:100%;
    height:80%;
    display:block;
    position:absolute;
    bottom:10%;
    right:0;
    z-index:1;
    transform:scale(0.8);
    animation: fadeInOpacity 0.5s ease-in;
    -webkit-animation: fadeInOpacity 0.5s ease-in;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    pointer-events: none;
}
.ivt-plumeria-director-bg-2::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/about/directors/director2.png') no-repeat center bottom;
    background-size:contain;
    width:100%;
    height:80%;
    display:block;
    position:absolute;
    bottom:10%;
    right:0;
    z-index:1;
    transform:scale(0.8);
    animation: fadeInOpacity 0.5s ease-in;
    -webkit-animation: fadeInOpacity 0.5s ease-in;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    pointer-events: none;
}
.ivt-plumeria-director-bg-3::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/about/directors/director3.png') no-repeat center bottom;
    background-size:contain;
    width:100%;
    height:80%;
    display:block;
    position:absolute;
    bottom:10%;
    right:0;
    z-index:1;
    transform:scale(0.8);
    animation: fadeInOpacity 0.5s ease-in;
    -webkit-animation: fadeInOpacity 0.5s ease-in;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    pointer-events: none;
}

/* --- Plumeria Single bg --- */
.ivt-plumeria-single-bg-1,.ivt-plumeria-single-bg-2,.ivt-plumeria-single-bg-3 {position:relative;}
.ivt-plumeria-single-bg-1::after {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/curriculum/curriculum-bg-flower.png') no-repeat;
    background-size:contain;
    width:385px;
    height:167px;
    position:absolute;
    bottom:0;
    right:0;
}

/* --- Plumeria single bg --- */
.ivt-plumeria-single-bg-2::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/resources/moving to sg/flower-guide.png') no-repeat;
    background-size:contain;
    width:453px;
    height:297px;
    position:absolute;
    top:50%;
    left:50%;
    opacity:0.3;
    transform: translate(-50%,-50%) scale(0.8);
    animation: fadeInLowOpacity 0.5s ease-in;
    -webkit-animation: fadeInLowOpacity 0.5s ease-in;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    pointer-events: none;
}
.ivt-plumeria-single-bg-3::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/resources/moving to sg/flower-move-to-sg.png') no-repeat;
    background-size:contain;
    width:607px;
    height:248px;
    position:absolute;
    bottom:0;
    right:0;
}

/* --- Plumeria Double BG --- */
.ivt-plumeria-double-bg-1 {position:relative;}
.ivt-plumeria-double-bg-1::before {
    content:"";
      background: url('/ivt/slot/u1500/style/sub/bg/flower-1.png') no-repeat;
      background-size:contain;
      position:absolute;
      top:10px;
      left:10px;
      opacity:0.3;
      width:186px;
      height:139px;
      transform:scale(0.8);
      transform-origin: top left;
}

.ivt-plumeria-double-bg-1::after {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/bg/flower2.png') no-repeat;
    background-size:contain;
    position:absolute;
    bottom:0;
    right:0;
    opacity:0.3;
    width:385px;
    height:167px;
    transform:scale(0.8);
    transform-origin: right bottom;
}


/* --- Paint brush table --- */
.paint-brush-table {
    background: url('/ivt/slot/u1500/style/sub/admissions/enrolment/brush-bg-short.png') no-repeat center;
    background-size: 100% auto;
    min-height:10vw;
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    padding:40px 0;
    box-sizing: border-box;
    
}
.paint-brush-table td {vertical-align: middle;  font-weight:500; line-height:1.7; }

.paint-brush-table::after {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/paint-icon.png') no-repeat;
    background-size:contain;
    width:90px;
    height:87px;
    position:absolute;
    bottom:-40px;
    right:0;
    transform:translate(-100%,30%);
}

/* --- Calendar brush table --- */
.calendar-brush-table {
    background: url('/ivt/slot/u1500/style/sub/admissions/enrolment/brush-bg.png') no-repeat center;
    background-size: 100% auto;
    min-height:11vw;
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    padding:40px 0;
}
.calendar-brush-table td {vertical-align: middle; font-weight:500; line-height:1.7; max-width:550px;}

.calendar-brush-table::after {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/book-a-tour-icon.png') no-repeat;
    background-size:contain;
    width:90px;
    height:90px;
    position:absolute;
    bottom:-40px;
    right:0;
    transform:translate(-150%,0);
}

/* --- Programme table --- */
.programme-table {border-radius:10px; border:none!important; margin:1em 0;}
.programme-table::before,.programme-table::after {display:none;}
.programme-table thead th {text-align:center; border-top-left-radius: 10px; border-top-right-radius: 10px; font-weight:800;}
.programme-table tbody tr {background-color:var(--ivt-lightblue2);}
.programme-table tbody tr td {
    background: url('/ivt/slot/u1500/style/sub/curriculum/curriculum-bg-flower.png') no-repeat right bottom var(--ivt-lightblue2);
    padding:1.5em!important;
}
.programme-table tbody tr:last-child td {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.programme-table UL LI {list-style-type:none; padding-left:80px; position:relative; margin-bottom:30px;}
.programme-table UL LI.icon-time::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/curriculum/programmes/time.png') no-repeat;
    width:35px;
    height:35px;
    position:absolute;
    top:0;
    left:0;
} 
.programme-table UL LI.icon-calendar::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/curriculum/programmes/day.png') no-repeat;
    width:35px;
    height: 32px;
    position:absolute;
    top:0;
    left:0;
} 
.programme-table UL LI.icon-subsidy::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/curriculum/programmes/rate.png') no-repeat;
    width:37px;
    height:32px;
    position:absolute;
    top:0;
    left:0;
} 
.programme-table UL LI.icon-age::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/curriculum/programmes/kid.png') no-repeat;
    width:35px;
    height:35px;
    position:absolute;
    top:0;
    left:0;
} 


/* --- Introducing INVICTUS INTERNATIONAL PRESCHOOL and CHILDCARE --- */
#_ptoo_103404 .ive_ptod {position:relative;}
#_ptoo_103404 .ive_ptod::before {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/pink-star.png') no-repeat;
    background-size:contain;
    width:47px;
    height:56px;
    position:absolute;
    top:0;
    left:35%;
    transform:translateX(-60%);
}
#_ptoo_103404 .ive_ptod::after {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/green-star.png') no-repeat;
    background-size:contain;
    width:26px;
    height:32px;
    position:absolute;
    top:70%;
    left:-2em;
    transform:translateX(-50%);
}
#_ptoo_103404 .ive_ptod h2 { position:relative;  padding-right:50px; box-sizing: border-box;}
#_ptoo_103404 .ive_ptod h2::after {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/yellow-star.png') no-repeat;
    background-size:contain;
    width:47px;
    height:56px;
    position:absolute;
    bottom:0;
    right:0;
    transform:scale(0.7);
}

/* --- Jigsaw pieces --- */
#_ptoo_103405 {
    padding:5vw 0 0 0;
}

/* --- We're All about Learning --- */
#_ptoo_103406 {
    background: url('/ivt/slot/u1500/style/home/learning/leaning-bg.png') no-repeat center top;
    background-size:100% auto;
    padding-top:8vw;
    position:relative;
}
#_ptoo_103406::before {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/paint-icon.png') no-repeat;
    background-size:contain;
    width:100px;
    height:97px;
    position:absolute;
    top:calc(8vw - 80px);
    left:35%;
    z-index:100;
    pointer-events: none;
}
#_ptoo_103406 .article-image-only .iveo_pipe_articles_show .latest-widget {height:300px;}
td.article-image-only {padding-left:2em;}

/* --- Learn more about us --- */
#_ptoo_103491 h2.ive_ptoh {padding-top:30px;}
#_ptoo_103491 h2.ive_ptoh, #_ptoo_103491 .ive_ptod { position:relative;}
#_ptoo_103491 h2.ive_ptoh::before {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/pink-star.png') no-repeat;
    background-size:contain;
    width:47px;
    height:56px;
    position:absolute;
    top:0;
    left:30%;
    transform:translate(-50%,-50%) scale(0.8);
}
#_ptoo_103491 .ive_ptod::before {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/yellow-star.png') no-repeat;
    background-size:contain;
    width:37px;
    height:45px;
    position:absolute;
    top:0;
    right:10%;
    transform:translate(-50%,-50%) scale(0.8);
}
#_ptoo_103491 .ive_ptod::after {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/green-star.png') no-repeat;
    background-size:contain;
    width:26px;
    height:32px;
    position:absolute;
    bottom:0;
    left:10%;
    transform:translate(-50%,-50%) scale(0.8);
}

/* --- Parents' Testimonials --- */
.ivt-testimonial {padding-bottom:80px!important;}

.app-logo {margin:5px;}

/* --- Start of Elements --- */
#netcontent {overflow:hidden; overflow-x:hidden;}
#lo_main {width:100%;}
.main_area {  }

/* --- Masthead --- */
.masthead_area {font-size:16px; padding:10px 0; position:fixed; top:0; left:0; width:100%; height:115px; z-index:1200; background-color:rgba(255,255,255,1); overflow:visible; box-sizing:border-box; box-shadow:0 0 10px rgba(28,45,90,0.3); transition:all 0.2s;}
.scroll .masthead_area {background-color:rgba(255,255,255,1); backdrop-filter: blur(3px);}
.ive_designmode .masthead_area {position:relative; min-height:100px; height:auto;} 
.masthead_area header {position:relative; width:100%; max-width:1200px; display:block; margin:auto;}

/* --- School Brand --- */
.masthead_area #sch-logo {
    background: url('/ivt/slot/u1500/style/header/logo.png') no-repeat center top;
    background-size:contain;
    text-indent:-9999px;
    width: 280px;
    height: 73px;
    display:inline-block;
    position:absolute;
    top:15px;
    left:0;
    z-index:1201;
}

/* --- Quick Link Button --- */
.masthead_area .header-button {
    position: absolute;
    right: 0;   
    top: 10px;
    z-index:1201;
}
.masthead_area .header-button .ivt-button:first-child {margin-right:1em;}


/* --- Navigation --- */
.sitemenu_area { 
    position: fixed;
    width: 100%;
    max-width: 800px;
    height: auto;
    right: calc((100% - 1200px)/2);
    top: 60px;
    z-index: 1201;
}
.ive_designmode .sitemenu_area {
    position: initial;
    max-width: 1200px;
    top: initial;
    left: initial;
    transform: none;
    margin: auto;
    display: table;
    right: initial;
}
UL.sitemenu {float:right; }
.ive_designmode UL.sitemenu {float:none; }
UL.sitemenu::after {content:""; display:table; clear:both;}
:not(.ive_designmode) .sitemenu li.first-item,:not(.ive_designmode) .mobile-menu li.first-item {display:none;}
.sitemenu li a.sitemenu {position:relative; padding:10px;}
.sitemenu li a.sitemenu,.sitemenu li a.sitemenu:visited { 
	font-family:var(--ivt-font-body);
	color:var(--ivt-purple);
    font-weight:600;
	font-size:18px;
}
.sitemenu li a.sitemenu:hover, .sitemenu li a.sitemenu.sitemenulit { 
	font-family:var(--ivt-font-body);
	color:var(--ivt-navy);
	font-size:18px;
	text-decoration:none;
}
.sitemenu li a.sitemenu:hover:after,.sitemenu li a.sitemenu.sitemenulit::after {
    content:"";
    background: url('/ivt/slot/u1500/style/header/star.png') no-repeat;
    background-size:contain;
    width:35px;
    height:35px;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    z-index:-1;
}
.focus {background-color:transparent;}

/* --- Book A Tour and Contact Us --- */
#PTID_103498,#PTID_103499 {display:none;}
.ive_designmode #PTID_103498,.ive_designmode #PTID_103499 {display:block;}

/* --- Standalone IVT landing page --- */
#PTID_103629 {display:none;}
.ive_designmode #PTID_103629 {display:block;}

/* --- Book A Tour Table --- */
.booktour-form-table .ivt-registration {width:100%;}
.booktour-form-table tr td {box-sizing: border-box; padding:2em!important;}
.booktour-form-table tr td:first-child {width:45%; padding-right:100px!important; background-color:rgba(255,255,255,0.75); }
.booktour-form-table tr td:last-child { background-color:#fff; }
.booktour-form-table tr td UL {margin-left:0; }
.booktour-form-table tr td UL LI {display:block; margin-bottom:1.5em;}
.booktour-form-table tr td h3 {font-family:var(--ivt-font-body); font-size:20px; color:var(--ivt-navy); position:relative; padding-bottom:10px;}
.booktour-form-table tr td h3::after {
    content:"";
    background-color:var(--ivt-yellow);
    width:50px;
    height:2px;
    position:absolute;
    bottom:0;
    left:0;
}

/* --- Dropdown menu --- */
table.dropmenu {border:none; outline:none; }
table.dropmenu A {padding:5px 1em;}
table.dropmenu A,table.dropmenu A:visited {
	font-family:var(--ivt-font-body);
	color:var(--ivt-purple);
    font-weight:500;
	font-size:16px;
}
table.dropmenu A:hover { background-color:var(--ivt-light2); color:var(--ivt-purple);}


/* --- Masthead 2 --- */
.masthead2_area {margin-top:115px;}
.ive_designmode .masthead2_area {margin-top:0;}

/* --- Subpage banner --- */
.PTP15000 .masthead2_area {
    background-image: url('/ivt/slot/u1500/style/sub/banner/about-us.jpg');
    background-position:center top;
    background-size:cover;
    position:relative;
    height:25.71vw;
    margin-bottom:3em;
    overflow:visible;
}
.PTP15000 .masthead2_area::after {
    content:"";
    width:100%;
    height:100%;
    background-image:linear-gradient(to right,rgba(35,14,66,0.4),transparent);
    position:absolute;
    top:0;
    left:0;
    display:block;
    
}
.PTP15000 .masthead2_area::before {
    content:"";
    width:100%;
    height:6vw;
    background: url('/ivt/slot/u1500/style/sub/banner/banner-frame.png') no-repeat center top;
    background-size:contain;
    position:absolute;
    bottom:-2px;
    left:0;
    z-index:10;
}

/* --- Section Title --- */
.PTP15000 .masthead2_area .section-title {
    font-family: var(--ivt-font-header);
    font-weight:900;
    font-size:40px;
    color:var(--ivt-light);
    text-shadow: 0 0 10px rgba(28,45,90,0.2);
    position:absolute;
    left:calc((100% - 1200px)/2);
    bottom:6vw;
    z-index:20;
    padding:80px 60px 20px 0;
    box-sizing: border-box;
    min-width:40%;
    max-width:50%;
}
.PTP15000 .masthead2_area .section-title span::after {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/icon/pink-star.png') no-repeat;
    background-size:contain;
    width: 47px;
    height: 56px;
    position: absolute;
    top: -100%;
    right: -10%;
    transform: translateY(-50%);
}
.PTP15000 .masthead2_area .section-title::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/icon/green-star.png') no-repeat;
    background-size: contain;
    width: 26px;
    height: 32px;
    position: absolute;
    bottom: -42%;
    left: 0;
    z-index: 100;
}
.PTP15000 .masthead2_area .section-title::after {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/icon/yellow-star.png') no-repeat;
    background-size:contain;
    width:37px;
    height:45px;
    position: absolute;
    bottom: 0;
    right: -20%;
    transform: translateY(50%);
}

.PTP15000 .masthead2_area .section-title span {position:relative; padding-top:10px;}
.PTP15000 .masthead2_area .section-title span::before {
    content:"";
    width:50%;
    height:2px;
    background-color:var(--ivt-yellow);
    position:absolute;
    top:0;
    left:0;
}

/* --- About Us --- */
.PTP103391 .masthead2_area {}

/* --- Our Schools --- */
.PTP103392 .masthead2_area {
    background-image: url('/ivt/slot/u1500/style/sub/banner/our-schools.jpg');
}

/* --- The Invictus Preschool Way --- */
.PTP103392 .masthead2_area {
    background-image: url('/ivt/slot/u1500/style/sub/banner/IP-way.jpg');
}

/* --- Admissions --- */
.PTP103394 .masthead2_area {
    background-image: url('/ivt/slot/u1500/style/sub/banner/admissions.jpg');
}

/* --- Resources --- */
.PTP103395 .masthead2_area {
    background-image: url('/ivt/slot/u1500/style/sub/banner/resources.jpg');
}

/* --- Iframe --- */
.ctjq_litebox_dialog {background-color:var(--ivt-light)!important;}
.litebox-area .masthead_area,.litebox-area .masthead2_area,.litebox-area .sitemenu_area,.litebox-area .path_box,.litebox-area .sidebar_area,.litebox-area .footer_area {display:none;}
.litebox-area .content_area {float:none; width:100%; clear:both;}
.litebox-area .lo_main_mid {padding:10px;}

/* --- Main Content --- */
.lo_main_mid {width:100%; max-width:1200px; margin:auto; padding-bottom:10vw;}
.layout-single_col .lo_main_mid {max-width:none;}
.layout-single_col .pageblock_box {margin:0;}
.layout-single_col .content_area {padding-left:0; padding-right:0;}

.layout-single_col .path_box, .layout-single_col .pagecontent_box .tools_box~h1, .layout-single_col .pagecontent_box .description, .layout-single_col .pageblock_box .ive_ptoh, .layout-single_col .pageblock_box .ive_ptod,.layout-single_col .sidebar_area {width:100%; max-width:1200px; margin:auto; padding:0 10px; box-sizing: border-box; display:block;}
.layout-single_col .sidebar_area { float:none!important; display:none;}
.ive_designmode .layout-single_col .sidebar_area {display:block;}

/* --- Breadcrumb --- */
.path_box {margin-top:10px; margin-bottom:10px;}
.path_box, .path_box * { color:var(--ivt-navy); font-size:16px; font-weight:400;}
A.path,A.path:visited {color:var(--ivt-navy);}
.path_box .current {color:var(--ivt-yellow);}


/* --- Content area --- */
.ive_content p,.ive_content div {line-height:1.7;}
.content_area { padding-left:10px; padding-bottom:20px; width:70%; }
.content_area h1 { Xdisplay:table; Xbackground:url(h1_icon.png) no-repeat; Xmargin:-10px 0 0 -45px; Xpadding:15px 0 15px 45px; }
.content_area h2 { Xdisplay:table; Xbackground:url(h2_icon.png) no-repeat; Xmargin:-10px 0 0 -60px; Xpadding:15px 0 15px 60px; padding-bottom:5px; }
.content_area_wide .mid { min-height:200px; }

.PTP15000 .content_area {box-sizing: border-box; }

.ive_halo { border-color: #D5D9D1!important; }

td ol, td ul {margin-left:1.5em}
A IMG, IMG {border:none; outline:none;}

/* --- Heading --- */
h1, h2, h3, h4 { font-family:var(--ivt-font-body); font-weight:700; line-height:1.3; margin-bottom:10px;}
.main_area h1 { color:var(--ivt-navy); font-size:30px; font-family: var(--ivt-font-header); font-weight:600;}
.main_area h2 { color:var(--ivt-navy); font-size:26px; font-family: var(--ivt-font-header); font-weight:600;}
.main_area h3 { color:var(--ivt-skyblue); font-size:20px; font-weight:600; }
.main_area h4 { color:var(--ivt-bruiseblack); font-size:18px; font-weight:400; }

.pagecontent_box .tools_box~h1 {margin-bottom:10px;}
.layout-single_col .pagecontent_box h1 {font-size:48px;}

body:not(.pagelevel-1) .layout-single_col .pagecontent_box h1 {padding-bottom:50px!important; text-align:center; position:relative; margin-bottom:30px!important;}
body:not(.pagelevel-1) .layout-single_col .pagecontent_box h1::after {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/icon/airplane.png') no-repeat;
    background-size:contain;
    width:238px;
    height:82px;
    position:absolute;
    right: 0;
    bottom: 0;
    transform: translate(-50%,40%) scale(0.8);
    pointer-events: none;
}

/* --- Hyperlinks --- */
A,A:visited { color:var(--ivt-skyblue); text-decoration:none;}
A:hover {text-decoration:underline;}
.content_area A {word-break:break-all;}

/* --- Sidebar --- */
.sidebar_area { Xpadding-top:50px; width:28%;}
.layout-single_col .sidebar_area, .layout-default_wide_left .sidebar_area { padding-top:0!important; padding-left:10px; width:320px; }

/* --- Subpages --- */
.subpages_box {}
.subpages_box>UL {margin-left:0;}
.subpages_box LI {list-style-type:none; font-size:16px; }
.subpages_box LI A,.subpages_box LI B {padding:10px 0; display:block;}
.subpages_box LI A,.subpages_box LI A:visited { 
	display:block; 
	font-size:16px; 
	font-weight:400; 
	color:#000;
}
.subpages_box LI A:hover,.subpages_box B { font-weight:700; color:#000;  text-decoration:none;}

/* --- Noticeboard --- */
.noticeboard { }
.noticeboard_box .heading_ { background:url(nb_icon.png) no-repeat; padding:15px 0 15px 60px;  color:#a29970; font-size:150%; font-weight:bold;}
.noticeboard_box h2 { background:none; color:inherit; }
.noticeboard_box .content_ { Xborder:5px dashed #a29970; -moz-border-radius:6px; padding:10px; }
.noticeboard_box .jshowoff .controls_ { position:absolute; right:15px; bottom:10px; }
.noticeboard_box .jshowoff .slidelinks_ { position:absolute; left:20px; top:60px; }


/* --- Search Box --- */
.search_box { height:44px; }
.search_box .lpad_ { background-image:none; }
.search_box .rpad_ { background-image:none; }
.search_box .cpad_ { background-image:none; }
.search_box .input_ { margin:6px 0; color:#97a8c4; padding:10px; background-color:var(--ivt-light); box-sizing:border-box; font-size:14px; height:35px; border:none; border:1px solid #ccc; border-radius:5px; font-family: var(--ivt-font-body); font-weight:500;}
.search_box .button_ { background:none; width:50px; height:36px; margin:4px 3px 0 0;}
.search_box .button_:hover { background:none; }


/* --- Footer --- */
.footer_area {background-color:#1C355E;}
.footer_area table {width:1200px; margin:auto;}
.footer_area table td {padding:0;}
.footer_area,.footer_area * {
	color:var(--ivt-light);
	font-size:14px;
    font-family: var(--ivt-font-body);
    font-weight:400;
}
.footer_area UL { margin-bottom:0; margin-left:0;}
.footer_area UL LI {}
.footer_area A,.footer_area A:visited {color:var(--ivt-light);}
.footer_area A:hover {text-decoration:none; color:var(--ivt-yellow);}

.footer_area h3 {font-family: var(--ivt-font-header); font-weight:700; font-size:18px; color:var(--ivt-light); margin-bottom:1em;}

/* --- Branding --- */
.footer_area {padding-top:3em; position:relative;}
.footer_area::before {
    content:"";
    background: url('/ivt/slot/u1500/style/footer/footer-frame.png') no-repeat center top;
    width: 100%;
    height: 11vw;
    position: absolute;
    top: -6vw;
    left: 0;
    background-size: contain;
    pointer-events: none;
}
.footer_area .footer-logo {width:280px!important; height:initial!important;} 
.footer_area #footer-brand UL LI {display:block; position:relative; padding-left:20px; margin-bottom:5px;}
.footer_area #footer-brand UL LI span {display:inline-block; position:relative; padding:5px 15px 5px 0;}
.footer_area #footer-brand UL LI span::after {
    content:"|";
    color:var(--ivt-light);
    display:inline-block;
    position:absolute;
    top:5px;
    right:5px;
}
.footer_area #footer-brand UL LI span:last-child:after {display:none;}
.footer_area #footer-brand UL LI.icon-location::before {
    content:"";
    background: url('/ivt/slot/u1500/style/footer/location.png') no-repeat;
    background-size:contain;
    width:10px;
    height:15px;
    position:absolute;
    top:5px;
    left:0;
}
.footer_area #footer-brand UL LI.icon-phone::before {
    content:"";
    background: url('/ivt/slot/u1500/style/footer/phone.png') no-repeat;
    background-size:contain;
    width:15px;
    height:15px;
    position:absolute;
    top:2px;
    left:0;
}
.footer_area #footer-brand UL LI.icon-email::before {
    content:"";
    background: url('/ivt/slot/u1500/style/footer/email.png') no-repeat;
    background-size:contain;
    width:15px;
    height:11px;
    position:absolute;
    top:5px;
    left:0;
}

.footer_area #footer-buttons {width:220px; }
.footer_area #footer-buttons UL,.footer_area #footer-sm UL  {margin-left:0; }
.footer_area #footer-buttons UL LI {display:block;}
.footer_area .footer-search {margin-left:5px;}
.footer_area .footer-search input[type="text"] {padding:10px; color:#97a8c4; font-weight:500; background-color:var(--ivt-light); box-sizing:border-box; font-size:14px; height:35px; border:none;}

.footer_area #footer-links {padding-left:1em;}
.footer_area #footer-links LI {display:block; margin-bottom:10px;}
.footer_area #footer-sm {width:120px;}
.footer_area #footer-sm UL LI { display:inline-block; margin-right:5px;}
.footer_area #footer-sm UL LI.icon-fb A {
    display:block;
    text-indent:-9999px;
    background: url('/ivt/slot/u1500/style/footer/facebook.png') no-repeat;
    background-size:contain;
    width:30px;
    height:30px;
}
.footer_area #footer-sm UL LI.icon-fb A:hover {
    background: url('/ivt/slot/u1500/style/footer/facebook-hover.png') no-repeat;
}
.footer_area #footer-sm UL LI.icon-ig A {
    display:block;
    text-indent:-9999px;
    background: url('/ivt/slot/u1500/style/footer/ins.png') no-repeat;
    background-size:contain;
    width:30px;
    height:30px;
}
.footer_area #footer-sm UL LI.icon-ig A:hover {
    background: url('/ivt/slot/u1500/style/footer/ins-hover.png') no-repeat;
}
.footer_area #footer-sm UL LI.icon-yt A {
    display:block;
    text-indent:-9999px;
    background: url('/ivt/slot/u1500/style/footer/youtube.png') no-repeat;
    background-size:contain;
    width:30px;
    height:30px;
}
.footer_area #footer-sm UL LI.icon-yt A:hover {
    background: url('/ivt/slot/u1500/style/footer/youtube-hover.png') no-repeat;
}

.footer_area footer {border-top:1px solid rgba(255,255,255,0.7); padding:10px 0; margin-top:2em; padding-top:1em;}
.footer_area footer UL {float:right;}
.footer_area footer UL LI {display:inline-block; margin-left:10px;}
.footer_area footer UL LI::after {
    content:"|";
    display:inline-block;
}
.footer_area footer UL LI:last-child:after {display:none;}
.footer_area footer UL::after {content:""; display:block; clear:both;}

.footer_area #backtotop {
    background: url('/ivt/slot/u1500/style/footer/btt.png') no-repeat;
    background-size:contain;
    width:46px;
    height:45px;
    cursor:pointer;
    position:fixed;
    bottom:58px;
    right:calc((100% - 1200px)/2 - 1em);
    z-index:1000;
}

/* --- Custom Table --- */
.ives_tab_blue {border:none; border-collapse:collapse; position:relative; border:2px solid var(--ivt-navy);}

.content_area .ives_tab_blue::before {
    content:"";
    background: url('/ivt/slot/u1500/2022/The Invictus Preschool Way/IIP Programmes/form-flower2.png') no-repeat;
    background-size:contain;
    width:186px;
    height:139px;
    position:absolute;
    top:40px;
    left:10px;
    pointer-events: none;
}
.content_area .ives_tab_blue::after {
    content:"";
    background: url('/ivt/slot/u1500/2022/The Invictus Preschool Way/IIP Programmes/form-flower1.png') no-repeat;
    background-size:contain;
    width:385px;
    height:167px;
    position:absolute;
    bottom:0;
    right:0;
    transform:scale(0.9);
    pointer-events: none;
}

.ives_tab_blue th { background-color:#1a2e5a; color:var(--ivt-light); padding:10px 15px; font-weight:500;}
.ives_tab_blue tr:nth-child(odd) {background-color:var(--ivt-light)5de;}
.ives_tab_blue tr:nth-child(even) {background-color:#e5eff9;}
.ives_tab_blue td {background-color:transparent; color:var(--ivt-navy); padding:10px 15px!important;}

.ives_tab th,.ives_tab td,.ives_tab_kosong th,.ives_tab_kosong td {box-sizing: border-box;}

table.img-on-right tr td:first-child {padding-right:40px!important;}
table.img-on-left tr td:last-child {padding-left:40px!important;}

.content_area .padding-table th,.content_area .padding-table td {padding:1em 2em 1.5em 2em;}

/* --- Calendar --- */
table.event {border:none!important;}
table.event td.cal_holiday_label {
  background:#2c884f!important;
  color: var(--ivt-light)!important;
  font-family:'Raleway',sans-serif;
  font-weight:700;
}
table.event td.cal_weekday_label {
  background:#0c29a7!important;
  color: var(--ivt-light)!important;
   font-family:'Raleway',sans-serif;
  font-weight:700;
}
.cal_holiday { background: #ddebe2!important; color:#222222!important; padding-left:5px;}
.cal_weekday { background: #e5e7f3!important; color:#222222!important; padding-left:5px;}
.cal_holiday_today ,.cal_weekday_today { background-color: #ff9400!important; color:var(--ivt-light)!important; font-weight:700; padding-left:5px;}
.cal_holiday_today font,.cal_weekday_today font {color:#222!important;}
.got_events {
 color:#0c29a7!important;
 font-weight:700;
}

/* -- Homepage -- */
.pagelevel-1 .lo_main_mid {max-width:none; width:100%;}
.pagelevel-1 .content_area {width:100%; margin:0; padding:0;}
.pagelevel-1 .pagecontent_box {font-size:1px; padding:0; margin:0;}
.pagelevel-1 .pagecontent_box .description {font-size:16px; max-width:none;}
.pagelevel-1 .pageblock_box {width:100%; position:relative; padding-top:2vw; padding-bottom:20px; margin-left:0; box-sizing: border-box;}
.pagelevel-1 .pageblock_box .ive_ptod {max-width:1200px; display:block; margin:auto; color:var(--ivt-navy); }
.pagelevel-1 .sidebar0_box,.pagelevel-1 .sidebar1_box {padding:0; margin:0; }
.pagelevel-1 .sidebar_area {display:none;}

.pagelevel-1 .pageblock_box h2 {color:var(--ivt-navy); font-weight:900; font-size:30px; position:relative; padding-top:20px;}
.pagelevel-1 .pageblock_box h2::before {
    content:"";
    width:100px;
    height:2px;
    background-color:var(--ivt-yellow);
    position:absolute;
    top:0;
    left:0;
}
.pagelevel-1 .pageblock_box h2.ive_ptoh {text-align:center; padding-bottom:20px; padding-top:0; margin-bottom:10px;}
.pagelevel-1 .pageblock_box h2.ive_ptoh::before {display:none;}
.pagelevel-1 .pageblock_box h2.ive_ptoh::after {
    content:"";
    width:100px;
    height:2px;
    background-color:var(--ivt-yellow);
    position:absolute;
    bottom:5px;
    left:50%;
    transform:translateX(-50%);
}

.scroll-for-more {
    width: 40px;
    height: 95px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 120;
    padding-top: 40px;
    cursor:pointer;
}
.scroll-for-more::before {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/mouse.png') no-repeat;
    background-size: contain;
    width: 21px;
    height: 35px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.scroll-for-more span {
    text-indent: -9999px;
    top: calc(50% + 30px);
    left: calc(50% - 30px);
    height: 2px;
    position: absolute;
    overflow: hidden;
    width: 60px;
    transform: rotate(90deg) translateX(-50%);
    transform-origin: 50% 50%;
}

.scroll-for-more span::before,
.scroll-for-more span::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: ""
}

.scroll-for-more span:before {
	background: transparent;
}

.scroll-for-more span::after {
	background: var(--ivt-yellow);
	animation: scrolldown 3s infinite;
}

@keyframes scrolldown {
	0% {
		transform: translate3d(-200%, 0, 0)
	}
	60% {
		transform: translate3d(100%, 0, 0)
	}
	100% {
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fadeIn { 
    0% {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}

@keyframes fadeInOpacity { 
    0% {
      opacity: 0;
  }
  to {
      opacity: 0.6;
  }
  }
  @-webkit-keyframes fadeInOpacity {
    0% {
      opacity: 0;
  }
  to {
      opacity: 0.6;
  }
}

@keyframes fadeInLowOpacity { 
    0% {
      opacity: 0;
  }
  to {
      opacity: 0.25;
  }
  }
  @-webkit-keyframes fadeInLowOpacity {
    0% {
      opacity: 0;
  }
  to {
      opacity: 0.25;
  }
}


/* --- Subpage Single Column --- */
.PTP15000 .layout-single_col .pageblock_box  {padding-top:1em; padding-bottom:1em; margin-top: 40px; margin-bottom: 40px;}
.PTP15000 .layout-single_col .pageblock_box .ive_ptoh {margin-bottom:1em;}

/* .PTP15000 .layout-single_col .lo_main_mid {max-width:none;}
.PTP15000 .layout-single_col .content_area {padding-left:0; box-sizing: border-box;}
.PTP15000 .layout-single_col .pagecontent_box,.PTP15000 .layout-single_col .pageblock_box {padding:0; margin:0;}

.PTP15000 .layout-single_col .path_box,.PTP15000 .layout-single_col .pagecontent_box .tools_box~h1,.PTP15000 .layout-single_col .pagecontent_box .description,
.PTP15000 .layout-single_col .pageblock_box .ive_ptoh ,.PTP15000 .layout-single_col .pageblock_box .ive_ptod,.PTP15000 .layout-single_col .sidebar_area {max-width:1200px; display:block; margin:auto; padding:10px; box-sizing: border-box;}
.PTP15000 .layout-single_col .sidebar_area {float:none!important;} */



/* --- Jigsaw Pieces --- */
.jigsaw-map {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top:3vw;
}
.jigsaw-piece {
    transition: all 0.2s;
    box-sizing: border-box;
    padding: 2em;
    font-size: 14px;
    font-weight: 400;
    color: var(--ivt-navy);
    line-height: 24px;
    position: relative;
    text-align: center;
    cursor:pointer;
    /* width: 30%;
    height: auto;
    min-height: calc(0.3 * 1200px);
    min-width: 380px; */
}
.jigsaw-piece:hover {
    /* box-shadow:0 0 10px rgba(72,28,135,0.3); */
}
.jigsaw-piece h3, .jigsaw-piece h3 A,.jigsaw-piece h3 A:hover {color:var(--ivt-navy); font-size:16px; font-family: var(--ivt-font-body); font-weight:700; text-align: center; margin-bottom:10px; text-decoration: none;}
.jigsaw-1 {
    background-image: url('/ivt/slot/u1500/style/home/puzzle/puzzle1-blue.png');
    background-repeat:no-repeat;
    background-size: 100% 100%;
    width: 462px;
    height: 462px;
    padding: 130px 105px 30px 45px;
}
.jigsaw-2 {
    background-image: url('/ivt/slot/u1500/style/home/puzzle/puzzle2-blue.png');
    background-repeat:no-repeat;
    background-size:contain;
    padding:200px 115px 50px 90px;
    width:469px;
    height:462px;
    margin-top:-50px;
}
.jigsaw-3 {
    background-image: url('/ivt/slot/u1500/style/home/puzzle/puzzle3-blue.png');
    background-repeat:no-repeat;
    background-size:contain;
    width:398px;
    height:456px;
    padding:140px 50px 100px 95px;
}

.jigsaw-1:hover {
    background-image: url('/ivt/slot/u1500/style/home/puzzle/puzzle1-yellow.png');
    margin-top:-20px;
}
.jigsaw-2:hover {
    background-image: url('/ivt/slot/u1500/style/home/puzzle/puzzle2-yellow.png');
    margin-top:-80px;
}
.jigsaw-3:hover {
    background-image: url('/ivt/slot/u1500/style/home/puzzle/puzzle3-yellow.png');
    margin-top:-20px;
}

/* --- Two Layers Jigsaw in Subpage --- */
.jigsaw-sub-table tr {display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-between; align-items: center;}
.jigsaw-sub-table .jigsaw-piece {
    background-size:contain;
    background-repeat:no-repeat!important;
    background-position:center top;
    margin:2px 10px;
    transition:all 0.2s;
    display:flex!important;
    align-items:center;
}
.jigsaw-sub-table .jigsaw-piece A {word-break: break-word;}
.jigsaw-sub-table .jigsaw-piece:hover {margin-top:-10px;}

.jigsaw-sub-table .jigsaw-piece .jigsaw-content p {opacity:0; visibility: hidden; transition: opacity 0.5s ease-in; height:0;}
.ive_designmode .jigsaw-sub-table .jigsaw-piece .jigsaw-content p, .jigsaw-sub-table .jigsaw-piece:hover .jigsaw-content p,.jigsaw-sub-table .jigsaw-piece.active .jigsaw-content p  {opacity:1; visibility: visible; height:auto;  }

/* ---- Top Row --- */
.content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-top-left {
    background-image: url('/ivt/slot/u1500/style/sub/puzzle/puzzle1-blue.png');
    width:376px;
    height:376px;
    padding:40px 105px 120px 50px!important;
}
.content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-top-left:hover {
    background-image: url('/ivt/slot/u1500/style/sub/puzzle/puzzle1-yellow.png');
    width:376px;
    height:376px;
}
.content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-top-middle {
    background-image: url('/ivt/slot/u1500/style/sub/puzzle/puzzle2-blue.png');
    width:381px;
    height:376px;
    padding:50px 100px 120px 80px!important;
}
.content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-top-middle:hover {
    background-image: url('/ivt/slot/u1500/style/sub/puzzle/puzzle2-yellow.png');
    width:376px;
    height:376px;
}
.content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-top-right {
    background-image: url('/ivt/slot/u1500/style/sub/puzzle/puzzle3-blue.png');
    width:325px;
    height:370px;
    padding:40px 80px 120px 95px!important;
}
.content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-top-right:hover {
    background-image: url('/ivt/slot/u1500/style/sub/puzzle/puzzle3-yellow.png');
    width:325px;
    height:370px;
}

/* --- Bottom Row --- */
.content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-bottom-left {
    background-image: url('/ivt/slot/u1500/style/sub/puzzle/puzzle4-blue.png');
    width:370px;
    height:325px;
    padding:90px 100px 75px 45px!important;
}
.content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-bottom-left:hover {
    background-image: url('/ivt/slot/u1500/style/sub/puzzle/puzzle4-yellow.png');
    width:370px;
    height:325px;
}
.content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-bottom-middle {
    background-image: url('/ivt/slot/u1500/style/sub/puzzle/puzzle5-blue.png');
    width:327px;
    height:329px;
    padding:85px 92px 65px 82px!important;
}
.content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-bottom-middle:hover {
    background-image: url('/ivt/slot/u1500/style/sub/puzzle/puzzle5-yellow.png');
    width:327px;
    height:329px;
}
.content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-bottom-right {
    background-image: url('/ivt/slot/u1500/style/sub/puzzle/puzzle6-blue.png');
    width:370px;
    height:325px;
    padding:90px 50px 65px 85px!important;
}
.content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-bottom-right:hover {
    background-image: url('/ivt/slot/u1500/style/sub/puzzle/puzzle6-yellow.png');
    width:370px;
    height:325px;
}

.icon-bookatour::before {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/book-a-tour-icon.png') no-repeat;
    background-size:contain;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 40px;
    left: calc(50% - 1.5em);
    transform: translateX(-50%);
}
.icon-campus::before {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/campuse-icon.png') no-repeat;
    background-size:contain;
    width:80px;
    height:80px;
    position: absolute;
    top: 98px;
    left: calc(50% - 2em);
    transform: translateX(-50%);
}
.icon-learning::before {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/learn-icon.png') no-repeat;
    background-size:contain;
    width:80px;
    height:80px;
    position: absolute;
    top: 44px;
    left: calc(50% + 1.5em);
    transform: translateX(-50%);
}

/* --- Banner Slider --- */
div.wrap {
    width: 100%;
    height: calc(100vh - 115px);
    display:block;
    margin:auto;
    position:relative;
}
/* body:not(.ive_designmode) .scroll div.wrap {height:auto;} */
.ive_designmode div.wrap {width:100%; height:auto;}
div.wrap::after {
    content:"";
    background: url('/ivt/slot/u1500/style/home/banner/banner-frame.png') no-repeat center top;
    background-size:contain;
    width:100%;
    height:6.29vw;
    position:absolute;
    bottom:-2px;
    left:0;
    z-index:100;
    pointer-events: none;
}
  div#slide-holder {
    z-index: 40;
    height: 100%;
    position: relative;
    left: 0;
    width : 100%;
    overflow:hidden;
  }
  div#slide-holder:after {
    content:'';
    clear:both;
    display:block;
    padding-top:60.36%;
  }
  div#slide-holder div#slide-client {
    display:none;
  }
  div#slide-holder div#slide-runner {
    top : 0px;
    left : 0px;
    right:0px;
    width : 100%;
    height : 100%;
    overflow : hidden;
    position : absolute;
    display:block;
    margin: 0;
  }
  div#slide-holder div#slide-runner::after {
      content:"";
      width:100%;
      height:100%;
      background: linear-gradient(to right,transparent,rgba(35,14,66,0.45));
      position:absolute;
      top:0;
      left:0;
      z-index:30;
  }
  
  div#slide-holder div#slide-runner A {display:block;}
  
  div#slide-holder img {
    width :100%;
    height : 100%;
    margin : 0;
    display : none;
    position : absolute;
    object-fit:cover;
    object-position:top;
  }
  
  #slide-holder IMG {
    z-index: 8;
  }
  #slide-holder IMG.active {
    display: block;
    z-index: 10;
  }
  #slide-holder IMG.last-active {
    z-index: 9;
  }
  
  div#slide-holder div#slide-controls {
    width: 20px;
    height: auto;
    position: absolute;
    bottom: 10px;
    left: 20px;
    z-index: 45;
    transform: translateY(-50%);
  }
  
  #slide-content-holder  {
      width:100%;
      height:100%;
      position:absolute;
      top:0;
      left:0;
  }
  #slide-content-holder .slide-content {
      width:auto;
      min-width:30%;
      max-width:50%;
      padding:60px 1em 2em 1em;
      box-sizing: border-box;
      position:absolute;
      top:45%;
      transform:translate(-50%,-50%);
      left:75%;
      z-index:0;
      opacity:0;
      visibility: hidden;
      transition: opacity 1.5s ease;
      -webkit-transition: opacity 1.5s ease;
     -moz-transition: opacity 1.5s ease;
      -o-transition: opacity 1.5s ease;
  }
  #slide-content-holder .slide-content::before {
      content:"";
      background: url('/ivt/slot/u1500/style/home/icon/sun.png') no-repeat;
      background-size:contain;
      width:52px;
      height:53px;
      position:absolute;
      top:-5px;
      right:20%;
  }
  #slide-content-holder .slide-content.active { z-index:100; opacity:1; visibility: visible;}

  #slide-content-holder .slide-content-title {
    font-family: var(--ivt-font-header);
      font-weight:900;
      color:var(--ivt-light);
      font-size:40px;
      line-height:1.1;
      margin-bottom:10px;
      text-shadow:0 0 10px rgba(28,45,90,0.2);
      padding-left: 20px;
      padding-bottom: 60px;
      box-sizing: border-box;
      display:none;
  }

  #slide-content-holder .slide-content-desc .banner-tagline {
      width:100%;
        font-family: var(--ivt-font-header);
      font-weight:900;
      color:var(--ivt-light);
      font-size:40px;
      line-height:1.1;
      margin-bottom:10px;
      text-shadow:0 0 10px rgba(28,45,90,0.2);
      padding-left: 40px;
      padding-bottom: 50px;
      box-sizing: border-box;
      position:relative;
      left:-1.5em;
      transition: left 1.5s ease;
      -webkit-transition: left 1.5s ease;
     -moz-transition: left 1.5s ease;
      -o-transition: left 1.5s ease;
  }
  #slide-content-holder .slide-content.active .slide-content-desc .banner-tagline {left:0;}
  #slide-content-holder .slide-content-desc .banner-tagline span {display:block; padding-bottom:10px;}
  #slide-content-holder .slide-content-desc .banner-tagline::before {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/star.png') no-repeat;
    background-size:contain;
    width:32px;
    height:48px;
    position:absolute;
    top:0;
    left:0;
  }
  #slide-content-holder .slide-content-desc .banner-tagline::after {
    content:"";
    background: url('/ivt/slot/u1500/style/home/icon/airplane.png') no-repeat;
    background-size:contain;
    width:110px;
    height:85px;
    position:absolute;
    bottom:-20px;
    right:0;
}
#slide-content-holder .slide-content-desc .banner-cta {
    margin-top:1em; 
    padding-left: 30px;
    position:relative;
    left:-1.5em;
    transition-delay:2s;
    transition: left 1.5s ease;
    -webkit-transition: left 1.5s ease;
    -moz-transition: left 1.5s ease;
    -o-transition: left 1.5s ease;
}
#slide-content-holder .slide-content.active .slide-content-desc .banner-cta {left:0;}

#slide-content-holder .slide-content-desc .banner-cta .ivt-button {width:auto; min-width:150px;}
  
  #slide-nav a {
    display: block;
    border:1px solid var(--ivt-light);
    border-radius: 15px;
    background-color: transparent;
    width: 6px;
    height: 6px;
    margin: 10px 0;
    text-decoration: none;
  }
  #slide-nav a.on { border:1px solid var(--ivt-yellow); background-color:var(--ivt-yellow);}

  /* --- Articles App --- */
  .iveo_pipe_articles_fullapp .article {padding:1em 0; border-bottom: 1px solid #ececec; }
  .iveo_pipe_articles_fullapp .article::after {
      content:"";
      display:block;
      clear:both;
  }

  .iveo_pipe_articles_show .slidelinks_ {
    position: absolute;
    bottom: 0;
    z-index: 100;
    right: 1em;
    transform: translateY(-50%);
    display:none;
  }
  .iveo_pipe_articles_show .slidelinks_ div {
      text-indent:-9999px;
      width:8px;
      height:8px;
      border-radius:20px;
      background-color:var(--ivt-yellow);
      transition: width 0.2s ease;
      display:inline-block; 
      margin-right:8px;
      cursor:pointer;
      box-shadow: 0 0 10px rgba(0,0,0,0.2);
  }
  .iveo_pipe_articles_show .slidelinks_ div.active_ {
      background-color:var(--ivt-pink);
      width:20px;
  }

  /* --- Image Only --- */
  .article-image-only .iveo_pipe_articles_show .latest-widget {height:350px;}
    .article-image-only .iveo_pipe_articles_show .article-image { border-top-right-radius: 15%; border-bottom-left-radius: 15%; overflow:hidden; box-shadow:-1px 11px 20px 2px rgba(72,28,135,0.3); line-height:0; }
    .article-image-only .iveo_pipe_articles_show .article-image IMG {width:100%; height:100%; object-fit:contain;}

    .article-image-only .iveo_pipe_articles_show .article-title,.article-image-only .iveo_pipe_articles_show .article-prop,.article-image-only .iveo_pipe_articles_show .article-readmore {display:none;}

 /* --- Testimonial only --- */
 .ivt-testimonial .iveo_pipe_articles_show .article-item-body { 
     display:flex; 
     flex-direction:row;
     flex: 0 0 100%;
     flex-wrap:wrap;
}
 .ivt-testimonial .iveo_pipe_articles_show .article-image {width:70px; height:70px; display:inline-block; order:2; flex: 0 0 100px;}
 .ivt-testimonial .iveo_pipe_articles_show .article-title {font-size:16px; font-weight:700; color:var(--ivt-navy); position:relative; padding-top:1em; display:inline-block; text-transform: uppercase; display:flex; order:3; flex: 0 0 calc(100% - 120px); }
 .ivt-testimonial .iveo_pipe_articles_show .article-title::before {content:""; background-color:var(--ivt-yellow); height:2px; width:50px; position:absolute;top:0; left:0;}
 .ivt-testimonial .iveo_pipe_articles_show .article-prop {margin-bottom:1em;}
 .ivt-testimonial .iveo_pipe_articles_show .article-prop,.ivt-testimonial .iveo_pipe_articles_show .article-prop * {
     color:var(--ivt-navy);
     font-size:16px;
     font-weight:400;
     line-height:24px;
 }

  /* --- Controls --- */
  .iveo_pipe_articles_show  .controls_ {
    position: absolute;
    bottom: 0;
    z-index: 100;
    right: 10px;
    transform: translateY(-50%);
  }
  .iveo_pipe_articles_show  .controls_ .btn_ {display:inline-block; text-indent: -9999px; cursor:pointer; transition:opacity 0.2s ease-in-out;}
  .iveo_pipe_articles_show  .controls_ .btn_.play_,.iveo_pipe_articles_show  .controls_ .pageno_ {display:none;} 
  .iveo_pipe_articles_show  .controls_ .btn_.prev_ {
      background: url('/ivt/slot/u1500/style/home/icon/left-arrow-white.png') no-repeat;
      background-size:contain;
      width:19px;
      height:21px;
      opacity:0.7;
      margin-right:10px;
  }
  .iveo_pipe_articles_show  .controls_ .btn_.next_ {
    background: url('/ivt/slot/u1500/style/home/icon/right-arrow-white.png') no-repeat;
    background-size:contain;
    width:19px;
    height:21px;
    opacity:0.7;
}
.iveo_pipe_articles_show  .controls_ .btn_.prev_:hover,.iveo_pipe_articles_show  .controls_ .btn_.next_:hover {opacity:1;}

.article-image-only .iveo_pipe_articles_show  .controls_ {
    width:100%;
    height:49px;
    top:50%;
    bottom:initial;
    left:0;
    transform:translateY(-50%);
}

.article-image-only .iveo_pipe_articles_show  .controls_ .btn_.prev_ {
    background: url('/ivt/slot/u1500/style/sub/our school/campus/left-arrow.png') no-repeat;
    background-size:contain;
    width:49px;
    height:49px;
    margin-right:10px;
    position:absolute;
    left:0;
    top:0;
    opacity:0.7;
}
.article-image-only .iveo_pipe_articles_show  .controls_ .btn_.next_ {
  background: url('/ivt/slot/u1500/style/sub/our school/campus/right-arrow.png') no-repeat;
  background-size:contain;
  width:49px;
  height:49px;
  position:absolute;
  top:0;
  right:0;
  opacity:0.7;
}
.article-image-only .iveo_pipe_articles_show  .controls_ .btn_.prev_:hover {
    background: url('/ivt/slot/u1500/style/sub/our school/campus/left-arrow-hover.png') no-repeat;
    opacity:1;
    background-size:contain;
  width:49px;
  height:49px;
}
.article-image-only .iveo_pipe_articles_show  .controls_ .btn_.next_:hover {
  background: url('/ivt/slot/u1500/style/sub/our school/campus/right-arrow-hover.png') no-repeat;
  opacity:1;
  background-size:contain;
  width:49px;
  height:49px;
}


 /* --- IVTMEDIA Slider (Image / Video) --- */

 .im-item-info {display:flex; flex-direction:row; align-items: center; padding:10px; border-bottom:1px solid #ccc;}
 .im-item-detail {margin-left:1em; margin-right:1em;}
 .im-item-detail .im-item-title {font-weight:700;}

 .ivtmedia-slider-wrapper {margin:20px 0; padding:40px 0 60px 0;}
 .ivtmedia-slider .slick-list { 
    /* padding:45px 60px !important;
    margin-left:30px !important; */
  }
 .ivtmedia-slider .ivtmedia-slide {
    box-sizing:border-box;
    width:30%;
    height:260px;
    margin:1em;
    transform:scale(0.7);
    transition:all ease-in-out 0.3s;
  }

  .ivtmedia-slider .ivtmedia-slide .ivtmedia-media {position:relative; width:100%; height:100%;}
  .ivtmedia-slider .ivtmedia-slide .ivtmedia-media::after {
    content:"";
    width:100%;
    height:100%;
    background-color:rgba(44,16,79,0.45);
    position:absolute;
    top:0;
    left:0;
  }
  /* .ivtmedia-slider .ivtmedia-slide.slick-active .ivtmedia-media::after {
    background-color:rgba(44,16,79,0.45);
  } */

  /* .ivtmedia-slider .ivtmedia-slide.slick-center {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    transform: scale(1.4);
} */
    .ivtmedia-slider .ivtmedia-slide.slick-center {  transform: scale(1.3);}

.ivtmedia-slider .ivtmedia-slide.slick-center iframe {transform:scale(0.9);}

  .ivtmedia-slider .ivtmedia-slide.slick-center .ivtmedia-media::after {display:none;}


  .ivtmedia-slider .ivtmedia-media img,.ivtmedia-slider .ivtmedia-media video {width:100%!important; height:100%!important; object-fit:cover!important;}

.ivtmedia-slider .ivtmedia-detail {display:none;}

.ivtmedia-slider .slick-dots {margin-top:2em; }
.ivtmedia-slider .slick-dots LI {display:inline-block; margin:10px 5px;}
.ivtmedia-slider .slick-dots LI button {background-color:#f2a221; width:10px; height:10px; border-radius:10px; opacity:0.4;}
.ivtmedia-slider .slick-dots LI.slick-active button {opacity:1;}
.ivtmedia-slider .slick-dots li.slick-active button:before {display:none;}

.ivtmedia-slider .slick-prev {
	background-image: url('/ivt/slot/u1500/style/home/icon/left-arrow.png');
	background-repeat:no-repeat;
	background-size:contain;
	width:25px;
	height:46px;
	text-indent: -9999px;
    left:20%;
    cursor: pointer;
    z-index:100;
    opacity:0.8;
}
.ivtmedia-slider .slick-next {
	background-image: url('/ivt/slot/u1500/style/home/icon/right-arrow.png');
	background-repeat:no-repeat;
	background-size:contain;
	width:25px;
	height:46px;
	text-indent: -9999px;
    right:20%;
    cursor: pointer;
    z-index:100;
    opacity:0.8;
}
.ivtmedia-slider .slick-prev:hover,.ivtmedia-slider .slick-prev:focus  {
	background: url('/ivt/slot/u1500/style/home/icon/left-arrow.png') no-repeat;
	background-size:contain;
	width:25px;
	height:46px;
    opacity:1;
}
.ivtmedia-slider .slick-next:hover,.ivtmedia-slider .slick-next:focus {
	background: url('/ivt/slot/u1500/style/home/icon/right-arrow.png') no-repeat;
	background-size:contain;
	width:25px;
	height:46px;
    opacity:1;
}

  .content_area .iveo_pipe_pagetree_pinup {
    width: 29%!important;
    margin: 2% auto;
    float: none;
    cursor: pointer;
  }
  .content_area table td .iveo_pipe_pagetree_pinup {width:100%!important; max-width:400px; float:none; cursor: pointer;}

  /* --- Reveal Caption --- */
  .iveo_pipe_pagetree_pinup .fx_revealcaption_ .picture_::after {
      content:"";
      width:100%;
      height:50%;
      background-image: linear-gradient(to bottom,transparent,rgba(28,45,90,0.85));
      position:absolute;
      bottom:0;
      left:0;
      transition:all 0.2s;
  }
  .iveo_pipe_pagetree_pinup:hover .fx_revealcaption_ .picture_::after {
      height:100%;
    background: rgba(18,33,60,0.75)!important;
  }
  .iveo_pipe_pagetree_pinup .fx_revealcaption_ .text_ {
      position:absolute;
      bottom:0;
      left:0;
      text-align: center;
      width:100%;
      height:100%;
      display:flex;
      flex-direction: column;
      justify-content: flex-end;
      padding:2em!important;
      box-sizing: border-box;
  }
  .iveo_pipe_pagetree_pinup:hover .fx_revealcaption_ .text_ {justify-content: center;}
  .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box.fx_revealcaption_  {background-color:transparent!important;}
  .iveo_pipe_pagetree_pinup .fx_revealcaption_ .title_ {
   font-weight:500!important;
    text-transform:uppercase!important;
    color:var(--ivt-light)!important;
    font-size:22px!important;
    font-family:var(--ivt-font-body)!important;
    width:100%!important;
    margin:0!important;
    box-sizing: border-box;
    padding:10px 10px 25px 10px!important;
  }
  
  .iveo_pipe_pagetree_pinup:hover .fx_revealcaption_ .title_::after {
    content:"";
    background-color:var(--ivt-yellow);
    height:2px;
    width:100px;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    
  }
  
  .iveo_pipe_pagetree_pinup .fx_revealcaption_ .caption_ {
   color:var(--ivt-light)!important;
   text-align:center!important;
    font-weight:400!important;
    font-size:18px!important;
    margin:0!important;
    width:100%!important;
    line-height:30px!important;
  }
  
  .iveo_pipe_pagetree_pinup .fx_revealcaption_ .link_  {opacity:0; visibility: hidden; margin:0!important; position:absolute!important; width:100%!important;  height:0!important;}
  .iveo_pipe_pagetree_pinup:hover .fx_revealcaption_ .link_ A,.iveo_pipe_pagetree_pinup:hover .fx_revealcaption_ .link_ A:visited {
  color:var(--ivt-yellow)!important;
    font-size:18px!important;
    background-color:transparent!important
  } 
  .iveo_pipe_pagetree_pinup:hover .fx_revealcaption_ .link_ {background-color:transparent!important}

  .iveo_pipe_pagetree_pinup:hover .fx_revealcaption_ .bg_ {opacity:0!important;}
.iveo_pipe_pagetree_pinup:hover .fx_revealcaption_ .picture_ { opacity:1!important; visibility: visible; } 
.iveo_pipe_pagetree_pinup:hover .fx_revealcaption_ .title_ { opacity:1!important;  color:var(--ivt-light)!important; visibility: visible; position:relative!important; margin-bottom:1em!important} 
.iveo_pipe_pagetree_pinup:hover .fx_revealcaption_ .caption_ { opacity:1; top:initial!important; width:90%;  color:var(--ivt-light)!important; visibility: visible;  position:relative!important; margin-bottom:1em!important; } 
.iveo_pipe_pagetree_pinup:hover .fx_revealcaption_ .link_ { opacity:1;   color:var(--ivt-light)!important; background-color:transparent!important; visibility: visible;  position:relative!important; margin-bottom:10px!important; } 
.iveo_pipe_pagetree_pinup:hover .fx_revealcaption_  { background-color: rgba(18,33,60,0.75)!important; } 

/* --- None Effect --- */
.iveo_pipe_pagetree_pinup .fx_none_ .text_ {
    text-align: center;
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    padding:1em!important;
    box-sizing: border-box;
}
.iveo_pipe_pagetree_pinup .fx_none {transition:all 0.2s ease; box-shadow: none;}
.iveo_pipe_pagetree_pinup .fx_none_:hover {box-shadow:-1px 11px 20px 2px rgba(0,0,0,0.3);}
.iveo_pipe_pagetree_pinup .fx_none_ .text_ .title_ {font-size:20px!important;}
.iveo_pipe_pagetree_pinup:hover .fx_none_ .text_ {justify-content: center;}
.iveo_pipe_pagetree_pinup .ct-box.ct-simple-box.fx_none_  {background-color:var(--ivt-light2)!important;}
.iveo_pipe_pagetree_pinup .fx_none_ .caption_ {
 color:var(--ivt-navy)!important;
 text-align:center!important;
  margin:0!important;
  width:100%!important;
  line-height:30px!important;
}

.iveo_pipe_pagetree_pinup .fx_none_ .link_  {display:block; margin-top:1em!important; }
.iveo_pipe_pagetree_pinup .fx_none_ .link_ A {display:inline-block;}
.iveo_pipe_pagetree_pinup .fx_none_ .link_ A,.iveo_pipe_pagetree_pinup .fx_none_ .link_ A:hover, .iveo_pipe_pagetree_pinup:hover .fx_none_ .link_ A,.iveo_pipe_pagetree_pinup:hover .fx_none_ .link_ A:visited {
    background-color:var(--ivt-yellow)!important; color:var(--ivt-navy)!important;
    font-weight:500!important;
    padding:1em 2em!important;
    box-shadow: none!important;
    text-shadow: none!important;
    background-image: none!important;
    border-radius: 0!important;
    font-size:16px!important;
} 
.iveo_pipe_pagetree_pinup:hover .fx_none_ .link_ {background-color:transparent!important}


/* --- Contact Us --- */
.contact-tbl tbody tr {display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-between;}
.contact-tbl tbody tr td {
    width: 31%;
    padding: 1em 20px;
    margin: 40px 10px 60px 10px;
}
.contact-tbl tbody tr td A {display:block; word-break:break-all;}
.contact-tbl h3.location-header { font-family:var(--ivt-font-header); color:var(--ivt-navy); font-size:20px; font-weight:700; position:relative; padding-top:10px; padding-left:10px; }
.contact-tbl UL {margin-left:10px;}
.contact-tbl UL LI {list-style-type: none; display:block; margin-bottom:10px; margin-left:0;}
.contact-tbl UL LI {padding-left:25px; position:relative;}
.contact-tbl LI.icon-location::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/icon/location1.png') no-repeat left center;
    background-size:contain;
    width:15px;
    height:15px;
    position:absolute;
    top:5px;
    left:0;
}
.contact-tbl LI.icon-phone::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/icon/phone.png') no-repeat left center;
    background-size:contain;
    width:15px;
    height:15px;
    position:absolute;
    top:5px;
    left:0;
}
.contact-tbl LI.icon-mail::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/icon/email.png') no-repeat left center;
    background-size:contain;
    width:15px;
    height:15px;
    position:absolute;
    top:5px;
    left:0;
}

.ives_tab_kosong.contact-tbl tr td.location-card {
    position:relative;
    border-radius:10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    padding-top:40px!important;
}
.card-pink::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/contact/location-pink.png') no-repeat;
    background-size:contain;
    width:60px;
    height:60px;
    position:absolute;
    top:0;
    left:50%;
    transform: translate(-50%,-50%);
}
.card-yellow::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/contact/location-yellow.png') no-repeat;
    background-size:contain;
    width:60px;
    height:60px;
    position:absolute;
    top:0;
    left:50%;
    transform: translate(-50%,-50%);
}
.card-blue::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/contact/location-green.png') no-repeat;
    background-size:contain;
    width:60px;
    height:60px;
    position:absolute;
    top:0;
    left:50%;
    transform: translate(-50%,-50%);
}

/* --- Campus contact table --- */
.campus-map-tbl  {margin-top:1em;}
.campus-map-tbl UL LI {padding-left:25px; position:relative; list-style-type: none;
    display: block;
margin:10px 0 1em 0;
}
.campus-map-tbl LI.icon-location::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/icon/location1.png') no-repeat left center;
    background-size:contain;
    width:15px;
    height:15px;
    position:absolute;
    top:5px;
    left:0;
}
.campus-map-tbl LI.icon-phone::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/icon/phone.png') no-repeat left center;
    background-size:contain;
    width:15px;
    height:15px;
    position:absolute;
    top:5px;
    left:0;
}
.campus-map-tbl LI.icon-mail::before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/icon/email.png') no-repeat left center;
    background-size:contain;
    width:15px;
    height:15px;
    position:absolute;
    top:5px;
    left:0;
}
.campus-map-tbl iframe {
    position: relative;
    top: -2em;
    left: 2em;
    z-index:10;
}
.campus-map-tbl tr td:last-child {padding-left:180px; width:60%;}


/* --- Contact Form Table --- */
.contact-form-table .ivt-registration {width:100%;}
.contact-form-table tr td {box-sizing: border-box; padding:2em!important;}
.contact-form-table tr td:first-child {width:45%; padding-right:100px!important; background-color:rgba(255,255,255,0.75); }
.contact-form-table tr td:last-child { background-color:#fff; }
.contact-form-table tr td UL {margin-left:0; margin-top:1em;}
.contact-form-table tr td UL LI {display:block; margin-bottom:1.5em;}
.contact-form-table tr td h3 {font-family:var(--ivt-font-body); font-size:20px; color:var(--ivt-navy); position:relative; padding-bottom:5px;}

.contact-form-table tr td LI h3::after {display:none;}

.contact-form-table .icon-sm { text-indent:-9999px; display:inline-block; margin:5px; background-size:contain;}
.contact-form-table .icon-fb {
    background: url('/ivt/slot/u1500/style/sub/icon/facebook-blue.png') no-repeat center;
    width:30px;
    height:30px;
}
.contact-form-table .icon-fb:hover {
    background: url('/ivt/slot/u1500/style/footer/facebook-hover.png') no-repeat center;
    width:30px;
    height:30px;
}
.contact-form-table .icon-ig {
    background: url('/ivt/slot/u1500/style/sub/icon/ins-blue.png') no-repeat center;
    width:30px;
    height:30px;
}
.contact-form-table .icon-ig:hover {
    background: url('/ivt/slot/u1500/style/footer/ins-hover.png') no-repeat center;
    width:30px;
    height:30px;
}
.contact-form-table .icon-yt {
    background: url('/ivt/slot/u1500/style/sub/icon/youtube-blue.png') no-repeat center;
    width:30px;
    height:30px;
}
.contact-form-table .icon-yt:hover {
    background: url('/ivt/slot/u1500/style/footer/youtube-hover.png') no-repeat center;
    width:30px;
    height:30px;
}

.contact-form-table .ivt-registration select, .contact-form-table .ivt-registration input[type="text"], .contact-form-table .ivt-registration select, .contact-form-table .contact-form-wrapper textarea {border-color:var(--ivt-yellow);}

.contact-form-table.blue-transparent tr td:first-child {
    width:35%;; background-color:var(--ivt-lightblue2); clip-path:polygon(0 0,0 90%,100% 100%,100% 0);  
    position: relative;
    top: -100px;
    padding-bottom: 5%!important; padding-right:30px!important;}
.contact-form-table.blue-transparent tr td:last-child { background-color:transparent;  padding-left:100px!important}
.contact-form-table.blue-transparent .ivt-registration .privacy-policy {color:#fff;}

/* --- Testimonial --- */
.testimonial-table {}
.testimonial-table tr {}
.testimonial-table tr td {vertical-align: middle;}
.testimonial-table tr td {
    line-height:30px;
    color:#1c2d5a;
    font-size:16px;
    font-weight:400;
}
.testimonial-table tr td IMG {box-shadow:-1px 11px 20px 2px rgba(72,28,135,0.3); width:324px; height:262px; object-fit:contain; position:relative; transform:translateX(-20%);}
.testimonial-table tr td h3 {
    color:#1c2d5a;
    font-weight:700;
    font-size:16px;
    padding-top:20px;
    margin-top:10px;
    position:relative;
}
.testimonial-table tr td h3::before {
    content:"";
    background-color:var(--ivt-yellow);
    width:50px;
    height:2px;
    position:absolute;
    top:0;
    left:0;
}
.testimonial-table tr td:last-child {
    position:relative;
    padding:30px 20px;
    box-sizing:border-box;
}
/* .testimonial-table tr td:last-child:before {
    content:"";
    background: url('/ivt/slot/u1500/style/sub/testimonials/quote.png') no-repeat;
    background-size:contain;
    width:51px;
    height:46px;
    position:absolute;
    right:0;
    top:10px;
} */


/* --- Card Table --- */
.content_area .ives_tab_kosong.card-table {}
.content_area .ives_tab_kosong.card-table tr {display:flex; flex-direction:row; flex-wrap:wrap; justify-content: center; align-items: top;}
.content_area .ives_tab_kosong.card-table tr td {
    padding:30px 30px 20px 30px!important;
    border-radius:10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    width:30%;
    margin:1%;
    box-sizing: border-box;
}

/* --- Mobile Menu --- */
/* -- Hamburger -- */
#hamburger {
    width: 33px;
    height: 24px;
    position: absolute;
    top: 47px;
    right: 1em;
    z-index: 1201;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
    cursor: pointer;
    display: none;
    border-radius: 36px;
}
.ive_designmode #hamburger {
    display: none;
}

#hamburger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 35px;
    background: var(--ivt-navy);
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in;
    -moz-transition: 0.25s ease-in;
    -o-transition: 0.25s ease-in;
    transition: 0.25s ease-in;
}

#hamburger span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#hamburger span:nth-child(2) {
    top: 8px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#hamburger span:nth-child(3) {
    top: 16px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#hamburger.open span {
    background-color: var(--ivt-navy);
}
#hamburger.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    right: 0;
    left: 0;
}

#hamburger.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

#hamburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 21px;
    right: 0;
    left: 0;
}

.mobile-menu {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    padding: 0.5em 0;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}

.mobile-menu UL.mobmenu {
    float: none;
    margin: initial;
    position: relative;
    top: 100px;
    width: 100%;
    height: calc(100vh - 180px);
    overflow:hidden;
    overflow-y: auto;
    text-align:center;
}
.mobile-menu UL.mobmenu::-webkit-scrollbar-track { background:transparent; }
.mobile-menu UL.mobmenu::-webkit-scrollbar-thumb { background:#CCCCCC; }
.mobile-menu UL.mobmenu::-webkit-scrollbar { width:6px; }
.mobile-menu UL.mobmenu LI {
    list-style-type: none;
    margin-left: 0;
    height: auto;
    float: none;
    border: none;
    display: block;
    margin:0 2em;
}

.mobile-menu UL.mobmenu LI .show_menu {display:none;}

.mobile-menu LI {
    position: relative;
}
.mobile-menu LI a.sitemenu {
    padding: 8px 22px 8px 10px;
    margin: 2px 0;
    font-family:var(--ivt-font-body);
}

.mobile-menu LI a.sitemenu,
.mobile-menu LI a.sitemenu:visited {
    color: var(--ivt-purple);
    font-weight: 600;
    font-size: 18px;
}
.mobile-menu li a.sitemenu:hover,
.mobile-menu li a.sitemenu.sitemenulit {
    color: var(--ivt-navy);
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
}

.mobile-menu li a.sitemenu:hover:after,.mobile-menu li a.sitemenu.sitemenulit::after {
    content:"";
    background: url('/ivt/slot/u1500/style/header/star.png') no-repeat;
    background-size:contain;
    width:35px;
    height:35px;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    z-index:-1;
}

.mobile-menu .mob_submenu {
    display: none;
}
.mobile-menu .mob_submenu.active {
    display: block;
    padding-bottom: 10px;
}
.mobile-menu .mob_submenu td {
    width: 100vw !important;
}
.mobile-menu .mob_submenu A,
.mobile-menu .mob_submenu A:visited,
.mob_submenu .drop_right_ A,
.mob_submenu .drop_right_ A:visited {
    font-family:var(--ivt-font-body);
    color:var(--ivt-purple);
    font-weight: 500;
    font-size: 16px;
    padding: 5px 2em;
    display: block;
    font-style:italic;
}
.mobile-menu .mob_submenu h3 {
    font-family:var(--ivt-font-body);
    font-size: 17px;
    padding: 5px 5px 5px 2em;
}
.mobile-menu .mob_submenu A:hover,
.mob_submenu .drop_right_ A:hover {
    text-decoration: none;
    background-color: var(--ivt-light2);
    color:var(--ivt-purple);
    font-weight: 500;
}



body:not(.ive_designmode) .floating-content {width:80%!important; max-width:500px!important;}

/* --- Selective Tabs Content --- */
.tabs-full-wrapper {max-width:1200px; display:block; margin:auto;}
.tabs-full-wrapper.tabs-top UL {
    margin:2em 20px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    margin-bottom:0;
    
  }
  .tabs-full-wrapper.tabs-top UL LI {
  width: 20%;
    list-style-type: none;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: var(--ivt-mediumyellow);
    color: var(--ivt-navy);
    font-weight: 500;
    cursor:pointer;
    transition:all 0.2s;
  }
  .tabs-full-wrapper.tabs-top UL LI:hover,  .tabs-full-wrapper.tabs-top UL LI.active {
  background-color: var(--ivt-lightblue);
    color: var(--ivt-navy);
  }
  
  .tabbody.pageblock_box {display:none; padding:50px!important; margin:0; background-color:var(--ivt-lightblue2); margin:0 20px!important;}
.tabbody .ive_ptoh {display:none!important;}
.ive_designmode .tabbody, .ive_designmode .tabbody .ive_ptoh {display:block!important; }
  
  body:not(.ive_designmode) .tabbody.active {background-color:var(--ivt-lightblue); display:block!important; border-bottom-left-radius:30px; border-bottom-right-radius:30px;}
  body:not(.ive_designmode)  .tabbody.active ,body:not(.ive_designmode)  .tabbody.active * {color:var(--ivt-navy)!important;}


 


/* --- Slidebox --- */
.iveo_pipe_mydocs_slidebox .gv_panelNavPrev { width:59px; height:59px; background: url('/ivt/slot/u1500/style/sub/our school/campus/left-arrow.png') no-repeat; background-size:contain;}
.iveo_pipe_mydocs_slidebox .gv_panelNavPrev:hover { width:59px; height:59px; background: url('/ivt/slot/u1500/style/sub/our school/campus/left-arrow-hover.png') no-repeat; background-size:contain;}
.iveo_pipe_mydocs_slidebox .gv_panelNavNext { width:59px; height:59px; background: url('/ivt/slot/u1500/style/sub/our school/campus/right-arrow.png') no-repeat; background-size:contain;}
.iveo_pipe_mydocs_slidebox .gv_panelNavNext:hover { width:59px; height:59px; background: url('/ivt/slot/u1500/style/sub/our school/campus/right-arrow-hover.png') no-repeat; background-size:contain;}

@media only screen and (max-device-width:1300px), only screen and (max-width:1300px){
    #slide-content-holder .slide-content { min-width:45%;}

    .footer_area #backtotop {right:1em;}
  }

  @media only screen and (max-device-width:1200px), only screen and (max-width:1200px){

    .PTP15000 .layout-single_col .path_box,.PTP15000 .layout-single_col .pagecontent_box .tools_box~h1,.PTP15000 .layout-single_col .pagecontent_box .description,
    /* .PTP15000 .layout-single_col .pageblock_box .ive_ptoh ,.PTP15000 .layout-single_col .pageblock_box .ive_ptod,.PTP15000 .layout-single_col .sidebar_area {padding:10px 20px;} */

    .masthead_area .header-button {right:10px;}
    .sitemenu_area {right:10px;}
    .sitemenu li a.sitemenu {padding:10px 5px;}
    #slide-content-holder .slide-content { min-width:45%;}

    .masthead_area #sch-logo {left:1em;}
    .PTP15000 .masthead2_area .section-title {left:1em;}
    .footer_area table {width:100%;}

    .jigsaw-sub-table tbody {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    .jigsaw-sub-table tr {flex-wrap:wrap; justify-content: center; align-items: flex-start;}
    .jigsaw-map {flex-wrap:wrap; justify-content: center;}
    .jigsaw-piece {font-size:13px;}
    .jigsaw-piece h3, .jigsaw-piece h3 A, .jigsaw-piece h3 A:hover {font-size:15px;}
    .icon-bookatour::before,.icon-campus::before, .icon-learning::before{
        content:"";
        width: 50px;
        height: 50px;
    }
    .icon-campus::before {top:85px;}
    .icon-learning::before{ top: 30px;}
    .jigsaw-1 {padding-top:100px;}
    .jigsaw-2 {padding-top:150px;}
    .jigsaw-3 {padding-top:90px;}

  }

  @media only screen and (max-device-width:1024px), only screen and (max-width:1024px){

    .sitemenu_area,.sitemenu_area UL.sitemenu {display:none;}
    #hamburger {display:block;}
    .mobile-menu.active {opacity:1; visibility: visible; z-index:1200;}

    .masthead_area .header-button { top:35px; right:70px; }

    #slide-content-holder .slide-content .slide-content-desc .banner-tagline {font-size:34px;}

    .img-bgpink::after,.img-bgblue::after {transform:translate(30%,-50%);}

    /* .jigsaw-sub-table tbody {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
    }
    .jigsaw-sub-table tr {
        flex-direction: row;
    } */

    .content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-piece {padding-right:30px!important; position:relative; }
    /* .content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-piece::after {
        content:"";
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid var(--ivt-navy);
        position:absolute;
        right:10px;
        top:50%;
        transform:translateY(-50%);
    } */
    .content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-piece.active::after {
        content:"";
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
       border-left: 10px solid var(--ivt-navy);
       border-bottom: 10px solid transparent;
        position:absolute;
        right:10px;
        top:50%;
        transform:translateY(-50%);
    }
    .content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-piece {background:none!important; background-color:var(--ivt-lightblue2)!important; width:100%!important; height:auto!important; padding:2em!important; flex-direction:column;}
    .content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-piece:hover,.content_area .ives_tab_kosong.jigsaw-sub-table td.jigsaw-piece.active {background-image:none!important; background-color:var(--ivt-mediumyellow)!important;}

}

@media only screen and (max-device-width:900px), only screen and (max-width:900px){

    .ivt-circles-bg {background-size:360px 360px;}

    .content_area .ives_tab_kosong.contact-tbl tbody tr{
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }
    .content_area .ives_tab_kosong.contact-tbl tbody tr td {width:45%!important; display: flex!important; align-items: center; flex-direction:column;}
    
    .content_area .ives_tab_kosong td img.ive_eobj_left,.content_area .ives_tab_kosong td img.ive_eobj_right { float:none; margin:10px auto; display:block;}

    .content_area .iveo_pipe_pagetree_pinup {width:45%!important;}
    .PTP15000 .content_area {box-sizing: border-box; padding:10px;} 
    .PTP15000 .layout-single_col .content_area { padding-right:0; padding-left:0;} 

    .ivt-rocket {padding-top:80px!important;}
    .ivt-rocket::before {transform:scale(0.8) translateY(-100%);}
    
    .ivt-speechbubble-bg {width:100%;}

    .content_area .ives_tab_kosong:not(.contact-form-table) td,.content_area .ives_tab_kosong:not(.jigsaw-sub-table) td {display:inline-block; width:100%!important; box-sizing: border-box; padding:1em!important;}
    .content_area .ives_tab_kosong.jigsaw-sub-table td {width:330px!important;}

    body:not(.ive_designmode) .content_area .col-4-img-table tr {display:flex; flex-direction:row; flex-wrap:wrap;}
    body:not(.ive_designmode) .content_area .col-4-img-table tr td {}
    body:not(.ive_designmode) .content_area .col-4-img-table tr td:nth-child(1),body:not(.ive_designmode) .content_area .col-4-img-table tr td:nth-child(3) { width:150px!important; } 
    body:not(.ive_designmode) .content_area .col-4-img-table tr td:nth-child(2),body:not(.ive_designmode) .content_area .col-4-img-table tr td:nth-child(4) { width:calc(100% - 150px)!important; } 

    .contact-form-table tr td:first-child {padding-right:1em;}
    .article-image-only .iveo_pipe_articles_show {max-width:400px!important; margin:auto;}

    .jigsaw-map {flex-direction:column; align-items:center; justify-content: center;}

    table.img-on-right tr td:first-child,table.img-on-right td {padding:1em!important;}

    .rwd-img-onleft tr {display:flex; flex-direction:column-reverse;}

    #slide-content-holder .slide-content {width:100%; min-width:400px; max-width:none; padding:1em; left:-100px; bottom:10vw; transform:translate(-50%,-50%); padding:1em 60px 2em 1em;}
    #slide-content-holder .slide-content-desc .banner-tagline::after {
        transform:scale(0.8);
        right:-20px;
    }
    #slide-content-holder .slide-content .slide-content-desc .banner-tagline {font-size:30px; width:100%; padding-bottom:20px;}
    #slide-content-holder .slide-content.active {left:50%;}
    #slide-content-holder .slide-content.active .slide-content-desc .banner-tagline {left:0;}
    #slide-content-holder .slide-content .ivt-button {font-size:14px;}
    #slide-content-holder .slide-content::before { right:5%; transform:scale(0.8)}
    div#slide-holder div#slide-runner::after {background:rgba(35,14,66,0.45);}
    div#slide-holder div#slide-controls {right:20px; left:initial;}

    div.wrap {height:70vh;}
    div#slide-holder img {height:100%!important; object-fit:center;}

    .scroll-for-more {display:none;}

    .article-image-only .iveo_pipe_articles_show .latest-widget {height:350px;}
    

    .footer_area {padding:1em 2em;}
    .footer_area .footer-logo {margin-bottom:1em;}
    .footer_area table {width:100%!important; padding:2.5em 0 1em 0}
    .footer_area tr td {display:block; width:100%!important; padding:0; box-sizing: border-box; margin-top:1em; padding-bottom:15px;}
    .footer_area tr td#footer-links,.footer_area tr td#footer-sm { display:inline-block; padding-right:25px;}
    .footer_area tr td#footer-links {width:60%!important;}
    .footer_area tr td#footer-sm {width:40%!important;}
    .footer_area tr td:first-child {margin-top:0;}
    .footer_area tr td,.footer_area tr td * {text-align:left!important;}
    .footer_area UL LI:first-child {margin-left:0;}

    .footer_area #footer-buttons {width:100%;}
    .footer_area #footer-buttons UL LI {display:inline-block;}
    .footer_area .ivt-button.btn-block {text-align:center!important;}
    
    .footer_area footer tr td {padding-top:5px; padding-bottom:0; margin-top:0;}
    .footer_area footer UL {float:none;}
    

    .contact-form-table.blue-transparent tr td:first-child {background-color:rgba(255,255,255,0.75); top:0; transform:none; clip-path:none;}
    .contact-form-table.blue-transparent tr td:last-child {padding-left:20px!important; background-color:#fff;}
    .contact-form-table.blue-transparent .ivt-registration .privacy-policy {color:var(--ivt-navy)!important;}
    .contact-form-table.blue-transparent .ivt-registration .captcha-field .footnote {color:var(--ivt-navy)!important;}

    .campus-map-tbl iframe {width:100%!important; left:0; top:0; }
    .campus-map-tbl tr td:last-child {padding-top:1em; padding-bottom:1em;}

    .iveo_pipe_mydocs_slidebox[style] {width:100%!important;}
    .iveo_pipe_mydocs_slidebox .gv_galleryWrap,.iveo_pipe_mydocs_slidebox .gv_gallery,.iveo_pipe_mydocs_slidebox .gv_panelWrap,.iveo_pipe_mydocs_slidebox .gv_panel, .iveo_pipe_mydocs_slidebox .gv_overlay {width:100%!important; }
    .iveo_pipe_mydocs_slidebox .gv_panel IMG {width:100%!important; height:100%!important; object-fit:contain; left:50%!important; transform:translateX(-50%);}
    
    .icon-bookatour::before, .icon-campus::before, .icon-learning::before {
        content: "";
        width: 50px;
        height: 50px;
        top: 10px!important;
        left: 50%!important;
    }
     .content_area .jigsaw-map .jigsaw-piece {padding-right:30px!important; position:relative; margin-top:0; }
     .content_area .jigsaw-map .jigsaw-piece.active::after {
        content:"";
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
       border-left: 10px solid var(--ivt-navy);
       border-bottom: 10px solid transparent;
        position:absolute;
        right:10px;
        top:50%;
        transform:translateY(-50%);
    }
    .content_area .jigsaw-map .jigsaw-piece {background:none!important; background-color:var(--ivt-lightblue2)!important; width:100%!important; height:auto!important; max-width:500px;
        padding: 80px 2em 2em 2em!important;
        flex-direction: column;
        margin-bottom: 1em;}
    .content_area .jigsaw-map .jigsaw-piece:hover,.content_area .jigsaw-map .jigsaw-piece.active {background-image:none!important; background-color:var(--ivt-mediumyellow)!important;}

    #_ptoo_103406 {margin-top:80px;}
    #_ptoo_103406::before {transform:scale(0.8);}
}

@media only screen and (max-device-width:768px), only screen and (max-width:768px){

    .ives_tab_blue {width:100%!important;}
  
    .jigsaw-sub-table tbody {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
    }

    .content_area .ives_tab_kosong.contact-tbl tbody tr {
        flex-wrap: wrap;
        justify-content: center;
    }
    .content_area .ives_tab_kosong.contact-tbl tbody tr td {width:100%!important; max-width:350px!important;}

    .content_area .iveo_pipe_pagetree_pinup {width:100%!important; max-width:350px!important; margin-bottom:1em;} 
    .mobile-menu UL.mobmenu {top:120px;}
    .masthead_area .header-button .ivt-button {font-size:15px;}
    .masthead_area .header-button .ivt-button:first-child {margin-right:10px;}
    .masthead_area #sch-logo {width:250px; height:64px;}
    .content_area iframe,.content_area embed {width:100%!important;}

    .PTP15000 .masthead2_area { background-image: url('/ivt/slot/u1500/style/rwd/sub/banner/about-us.jpg'); height:49.55vw;}
    .PTP15000 .masthead2_area::after {background:rgba(35,14,66,0.4);}
    .PTP15000 .masthead2_area .section-title {font-size:30px; width:calc(100% - 1em); min-width:0; max-width:none; padding:20px 20px 20px 0;}

    /* --- Our Schools --- */
    .PTP103392 .masthead2_area {
        background-image: url('/ivt/slot/u1500/style/rwd/sub/banner/our-schools.jpg');
    }

    /* --- The Invictus Preschool Way --- */
    .PTP103392 .masthead2_area {
        background-image: url('/ivt/slot/u1500/style/rwd/sub/banner/IP-way.jpg');
    }

    /* --- Admissions --- */
    .PTP103394 .masthead2_area {
        background-image: url('/ivt/slot/u1500/style/rwd/sub/banner/admissions.jpg');
    }

    /* --- Resources --- */
    .PTP103395 .masthead2_area {
        background-image: url('/ivt/slot/u1500/style/rwd/sub/banner/resources.jpg');
    }

    .path_box, .path_box * {font-size:15px;}
    body:not(.pagelevel-1) .pagecontent_box h1::after {
        right: 0;
        transform: translate(0,50%) scale(0.6);
        bottom: 0;
        transform-origin: bottom right;
    }
    .layout-single_col .pagecontent_box h1 {font-size:36px;}
    
    .input-col-4 {width:100%!important;}

    .ivt-registration {min-width:0; width:100%; padding:1em; box-sizing: border-box;}
    .jigsaw-sub-table .jigsaw-piece:hover {margin-top:10px;}

    .footer_area footer span {display:block;}
    .footer_area footer,.footer_area footer *,.footer_area footer td,.footer_area footer td * {text-align:center!important;}

    .tabs-full-wrapper.tabs-top UL {display:none;}
    .tabbody .ive_ptoh {display:block!important;}
    body:not(.ive_designmode) .tabbody, body:not(.ive_designmode) .tabbody.active {display:block!important; padding:0!important; margin:10px!important; border-radius:0!important;}
    body:not(.ive_designmode) .tabbody,body:not(.ive_designmode) .tabbody *  { color:var(--ivt-navy)!important;}
    body:not(.ive_designmode) .tabbody.active,body:not(.ive_designmode) .tabbody.active * {  color:var(--ivt-navy)!important;}
    body:not(.ive_designmode) .tabbody {background-color:var(--ivt-lightyellow)!important; cursor: pointer; }
    body:not(.ive_designmode) .tabbody .ive_ptoh { padding:10px 1em!important; position:relative; padding-right:30px!important;}
    body:not(.ive_designmode) .tabbody .ive_ptoh::after { content:"+"; font-size:30px;  position:absolute; top:50%; right:20px; transform:translateY(-50%); font-weight:700;}
    body:not(.ive_designmode) .tabbody.exopen .ive_ptoh::after {content:"-";}
    body:not(.ive_designmode) .tabbody .ive_ptod {display:none!important; padding:0 1em!important; box-sizing: border-box;}
    body:not(.ive_designmode) .tabbody.exopen, body:not(.ive_designmode) .tabbody.exopen *  { background-color:var(--ivt-lightblue)!important; color:var(--ivt-navy)!important;}
    body:not(.ive_designmode) .tabbody.exopen .ive_ptod {display:block!important; padding:20px!important;}

    .calendar-brush-table::after,.paint-brush-table::after {bottom:-10px; right:-10px; transform:scale(0.8);}
    .img-bgpink::after ,.img-bgblue::after {transform:translate(20%,-50%);}
    .img-bgpink IMG,.img-bgblue IMG  { width:90%; max-width:400px;}
    .img-bgblue::after {transform:translate(50%,-50%);}


    .iveo_pipe_articles_show  .controls_ {
        width: 100%;
        height: 21px;
        bottom:initial;
        left:0;
        right:initial;
        top:50%;
        transform: translateY(-50%);
      }
      .iveo_pipe_articles_show  .controls_ .btn_.prev_ {
          position:absolute;
          top:0;
          left:-10px;
          margin-right:0;
        transform:translateX(-150%);
        z-index:100;
      }
      .iveo_pipe_articles_show  .controls_ .btn_.next_ {
        position:absolute;
        top:0;
        right:-10px;
        transform:translateX(150%);
        z-index:100;
    }

    .article-image-only .iveo_pipe_articles_show  .controls_  {height:39px;}
    .article-image-only .iveo_pipe_articles_show  .controls_ .btn_.prev_ {
        background-size:contain;
        width:39px;
        height:39px;
        left:0;
        top:0;
        opacity:0.7;
        transform:none;
    }
    .article-image-only .iveo_pipe_articles_show  .controls_ .btn_.next_ {
      background-size:contain;
      width:39px;
      height:39px;
      top:0;
      right:0;
      transform:none;
    }
    .article-image-only .iveo_pipe_articles_show  .controls_ .btn_.prev_:hover,.article-image-only .iveo_pipe_articles_show  .controls_ .btn_.next_:hover { background-size:contain; width:39px; height:39px;}

    .ivtmedia-slider .ivtmedia-slide.slick-active .ivtmedia-media::after { background-color:transparent; }
    .ivtmedia-slider .slick-next,.ivtmedia-slider .slick-prev,.ivtmedia-slider .slick-next:hover,.ivtmedia-slider .slick-prev:hover { height:33px;}
  
  .ivtmedia-slider .ivtmedia-slide {transform:scale(1);}
  .ivtmedia-slider .slick-prev {left:10%;}
  .ivtmedia-slider .slick-next {right:10%;}
}

@media only screen and (max-device-width:625px), only screen and (max-width:625px){
    #hamburger {top:30px;}

    .masthead_area {height:80px; }
    .masthead2_area {margin-top:80px;}

    .footer_area .ivt-button.btn-block {display:inline-block; margin-right:10px;}
    .footer_area #footer-buttons LI:last-child {display:block;}
    .footer_area .footer-search input[type="text"] {width:100%;}
    .masthead_area #sch-logo {
        width: 230px;
        height: 58px;
        top:0;
    }
    .masthead_area .header-button {
        width:100%; 
        text-align:center;
        top: 80px;
        right: initial;
        left: 50%;
        transform: translateX(-50%);
        opacity:0;
        visibility:hidden;
        z-index:0;
    }
    .mm_active .masthead_area .header-button {opacity:1; visibility: visible; z-index:1201;}

    body:not(.ive_designmode) .content_area .col-4-img-table tr {flex-direction:column;}
    body:not(.ive_designmode) .content_area .col-4-img-table tr td:nth-child(1),body:not(.ive_designmode) .content_area .col-4-img-table tr td:nth-child(3),body:not(.ive_designmode) .content_area .col-4-img-table tr td:nth-child(2),body:not(.ive_designmode) .content_area .col-4-img-table tr td:nth-child(4) { width:100%!important; } 

    .ivt-plumeria-director-bg-1::before {
        transform:scale(0.6);
    }
    .ivt-plumeria-director-bg-2::before {
        transform:scale(0.6);
    }
    .ivt-plumeria-director-bg-3::before {
        transform:scale(0.6);
    }
    .ivt-plumeria-single-bg-1::after {
        transform:scale(0.6);
    }
    
    /* --- Plumeria single bg --- */
    .ivt-plumeria-single-bg-2::before {
        transform: translate(-50%,-50%) scale(0.6);
    }
    
    .ivt-plumeria-double-bg-1::before {
          transform:scale(0.6);
    }
    
    .ivt-plumeria-double-bg-1::after {
        transform:scale(0.6);
    }
  }
  

@media only screen and (max-device-width:450px), only screen and (max-width:450px){

    .ives_tab_kosong {border:none;}
  .ive_ptod {padding-right:0;}
}