:root{
  /*-- default*/
  --fontsize1: .8rem; /*header-info*/
  --fontsize2: .7rem; /*page > block text*/
  --color1: #f4ad02; /*header-info bg; btn - success, outline success*/
  --color1-hover: #f4ad02; /*hover - btn - success, outline success*/
  --color2: #80002c; /*h1-6; nav-item*/
  --color2-2: #754c24; /*home - title line*/
  --color3: #f48402; /*btn - dark*/
  --color3-hover: #cc6805; /*hover - btn - dark*/
  --color4: #c7ffc2; /*home - section title*/
  --color5-1: #98f0f0; /*home - fivecomponents #1 bg*/
  --color5-1-2: #ccf8f8; /*home - fivecomponents #1 caption bg*/
  --color5-2: #c3ffaf; /*home - fivecomponents #2 bg*/
  --color5-2-2: #e1ffd7; /*home - fivecomponents #2 caption bg*/
  --color5-3: #fff47c; /*home - fivecomponents #3 bg*/
  --color5-3-2: #fffabe; /*home - fivecomponents #3 caption bg*/
  --color5-4: #ffbeed; /*home - fivecomponents #4 bg*/
  --color5-4-2: #ffdff6; /*home - fivecomponents #4 caption bg*/
  --color5-5: #a491ff; /*home - fivecomponents #5 bg*/
  --color5-5-2: #d2c8ff; /*home - fivecomponents #5 caption bg*/
  --color5-6: #44210b; /*home - fivecomponenets subtitle*/
  --color6: #000065;
  --color7: #eb5a24; /*carousel - dot active*/
  --color7-1: 245, 86, 42; /*carousel - subtitle left color*/
  --color7-2: 255,180, 29; /*carousel - subtitle right color*/
  --color7-3: 255,205,74; /*carousel - subtitle outer glow*/
  --color8: #42210b;
  --color9: #05916a;
  --color10: #36d867;
  --color11: #ffe254;
  --color12: #001f42;
  --color13: #f09431; /*page - subtitle*/
  --color14: #42210b; /*page - subtitle span; contact*/
  --color15: #1a1363; /*page - enrollment title*/
  --color16: #ffffff; /*page - enrollment btn text; r/e-mode subtitle*/
  --color17: #bb272d; /*page - mamapapa subtitle*/
  --color18: #ff1868; /*page - contact-msg > Address*/
  --color19: #f08002; /*page - contact-form > button*/
  --color19-text: #ffffff; /*page - contact-form > button text*/
  --color20: #f4901e; /*page - contact-msg > phone, email*/
  --color21: #001827; /*page - banner h1*/
  --color22: #00365b; /*page - banner h1 @ events, gallery*/
  --color23: #002e40; /*home - awards > year*/
  --color23-1: #42210b; /*home - awards > caption*/
  --color24: #6013ff; /*footer - subtitle*/
  --color25: 255,49,0; /*home - we offer > caption bg*/
  --color26: #bb272d;
  --color27: #7090e6; /*block-enrollment btn-warning*/
  --color28-1: 251, 132, 110; /*page (about) - banner*/
  --color28-1-text: var(--white); /*page (about) - banner > h1*/
  --color28-2: 255, 178, 0; /*page (program) - banner*/
  --color28-2-text: var(--white); /*page (program) - banner > h1*/
  --color28-3: 255,255,105; /*page (products) - banner*/
  --color28-3-2: 255,255,105; /*page (products) - banner line3*/
  --color28-3-text: #992e00; /*page (products) - banner > h1*/
  --color28-4: 87, 255, 178; /*page (news) - banner*/
  --color28-4-text: #003e55; /*page (news) - banner > h1*/
  --color28-5: 95, 248, 254; /*page (events) - banner*/
  --color28-5-text: #003e55; /*page (events) - banner > h1*/
  --color28-6: 37, 155, 255; /*page (gallery) - banner*/
  --color28-6-text: var(--white); /*page (gallery) - banner > h1*/
  --radius1: .75rem;
  --radius2: 1.2rem;
  --radius3: 1.5rem;
  --radius4: 2rem;
  --shadow1: 0px 11px 11px -1px rgba(0,0,0,0.4);
  --shadow2: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  --shadow3: #2cff00;
  --shadow4: 0px 5px 10px 1px rgba(0,0,0,0.6);
  --opacity1: 20%;
  --body-gradient: linear-gradient(0deg, rgba(255,205,74,1) 0%, rgba(255,255,225,1) 100%);
  --body-bg-position: bottom center;
  --page-banner-left-path: polygon( 103.181% 78.727%,103.181% 78.727%,102.505% 79.895%,100.489% 82.909%,97.151% 87.035%,92.512% 91.539%,86.59% 95.688%,79.404% 98.747%,70.973% 99.982%,61.316% 98.661%,50.452% 94.047%,38.401% 85.409%,38.401% 85.409%,30.089% 79.618%,22.01% 76.47%,14.28% 75.6%,7.011% 76.644%,0.319% 79.238%,-5.683% 83.017%,-10.881% 87.617%,-15.161% 92.674%,-18.408% 97.823%,-20.509% 102.7%,-20.567% -8.428%,103.181% -8.428%,103.181% 78.727% );
  --page-banner-right-path: polygon( -4.397% 78.727%,-4.397% 78.727%,-3.721% 79.895%,-1.704% 82.909%,1.633% 87.035%,6.272% 91.539%,12.195% 95.688%,19.381% 98.747%,27.812% 99.982%,37.468% 98.661%,48.332% 94.047%,60.383% 85.409%,60.383% 85.409%,68.696% 79.618%,76.774% 76.47%,84.505% 75.6%,91.773% 76.644%,98.466% 79.238%,104.468% 83.017%,109.666% 87.617%,113.945% 92.674%,117.193% 97.823%,119.293% 102.7%,119.352% -8.428%,-4.397% -8.428%,-4.397% 78.727% );
  --banner-line1-height: 100%;
  --footer-bg-display: none;
  --footer-bg: rgba(34,116,150,0.57);
  --footer-bg-gradient: linear-gradient(to top,black 10%, rgba(0,0,0,0.8) 50%, transparent 100%);
  --footer-text: #2e318c;
  --block-fivecomponents-icon-top: -100%;
  --block-fivecomponents-icon-left: calc(-1*0.59em*7);
  --welcome-bg: url('/img/todd/welcome/bg.jpg');
  --welcome-top: url('/img/todd/welcome/top.jpg');
  --welcome-left: url('/img/todd/welcome/left.jpg');
  --welcome-right: url('/img/todd/welcome/right.jpg');
  --welcome-banner-text: 255,165,0;
  --welcome-banner-btn: #d40000;
  --welcome-btn: rgba(255,146,0, 0.7);
  --banner: url('/img/todd/banner.png');
  --smm-experiential: url('/img/todd/smm-experiential.jpg');
  --smm-intelligent: url('/img/todd/smm-intelligent.jpg');
  --testimonial-bg: url('/img/todd/testimonial-bg.png');
  --testimonial-title: url('/img/todd/testimonial-title.png');
  --testimonial-title-width: 460px;
  --testimonial-title-height: 117px;
  --awards-item: url('/img/todd/awards-border.png');
  --about-bg: url('/img/todd/about-msg.png');
  --about-width: 446px; /*600*/
  --about-height: 401px; /*642*/
  --about-padding: 147px 117px 94px 37px; 
  --programme-details-width: 523px; /*700px*/
  --programme-details-height: 597px; /*751px*/
  --programme-details-padding: 34px 60px 120px 117px;
  --programme-details2-padding: 114px 47px 119px 29px;
  --programme-details2-width: 541px; /*617px*/
  --programme-details2-height: 414px; /*647px*/
  
  --contact-form-bg: url('/img/todd/contact-form.png');
  --contact-msg-icon-top: calc(0.59em*4);
  --contact-form-width: 551px; /*700*/
  --contact-form-height: 494px; /*644*/
  --contact-form-padding: 108px 121px 42px 28px;
  --contact-form-icon-top: calc(-0.59em*6);
  --contact-form-icon-right: calc(-0.59em*5);
  --contact-msg-bg: url('/img/todd/contact-msg.png');
  --contact-msg-width: 259px; /*324*/
  --contact-msg-height: 356px; /*422*/
  --contact-msg-padding: 27px 38px 39px 27px;
  --contact-msg-icon-right: 52px;
  --subtitle-height: 88px;
  --subtitle-padding: 0 0 0 40px;
  --enrollment-title: url('/img/todd/enrollment-title.png');
  --enrollment-content-bg: url('/img/todd/enrollment-img.png');
  --prevarrow: url('/img/todd/prevarrow.png');
  --nextarrow: url('/img/todd/nextarrow.png');
  --prevarrow-active: url('/img/todd/prevarrow-active.png');
  --nextarrow-active: url('/img/todd/nextarrow-active.png');
  --programme-details-content1: url('/img/todd/programme-details-msg.png');
  --programme-details-content2: url('/img/todd/programme-details-msg2.png');
  --material-subtitle1: url('/img/todd/material/subtitle1.png');
  --material-subtitle1-text: #29527e;
  --material-subtitle2: url('/img/todd/material/subtitle2.png');
  --material-subtitle2-text: #284a31;

  /*-- extra --*/
  --nav-item-active: white;
  --banner-text: #eb5a24;
  --body-wrapper-btm: url('/img/todd/bg-light-btm.png') center bottom repeat-x;
  --body-wrapper-bg: url('/img/todd/bg-light.png') center bottom repeat-x, url('/img/todd/bg-light-top.png') center top repeat-x;
  --body-wrapper-homebg: url('/img/todd/bg-light.png') center bottom repeat-x;
  --gallery-caption: #42210b;
  --caption-slider-item: #42210b;
}

.body-wrapper{
  position: relative;
  z-index: 10;
  background: var(--body-wrapper-btm);
  background-size: contain;
}
.body-wrapper::before{
  content: ' ';
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--body-wrapper-bg);
  z-index: -1;
}
body:not(.no-page) .body-wrapper::before{  background: var(--body-wrapper-homebg);}
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus{
  box-shadow: 0 0 0 0.2rem rgba(244,173,2,.5);
}
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
  background-color: var(--color1);
  border-color: var(--color1);
}
.banner-about .line2, .banner-about .line3{ display: none; }



.nav-item.active a{ color: var(--nav-item-active); }
.banner h1{ float: right; color: var(--banner-text); text-align: right;}
.banner p{ float: right; color: var(--banner-text);}
.banner-content{  float: right; }
.banner-btn{  text-align: right; }
h2.title.text-white{
  color: var(--color2) !important;
}
h2.text-white .title-line, h2.text-white .title-line::before, h2.text-white .title-line::after{ background: var(--color2-2) !important; }
.block-awards-star1{
  left: 0;
  top: -120px;
}
.block-gallery-caption{ color: var(--gallery-caption); }
.about-img2{  bottom: -20px; }
footer, footer a, footer a.text-white, .copyright{ color: var(--footer-text) !important; }
.subtitle1{ color: var(--material-subtitle1-text); }
.subtitle2{ color: var(--material-subtitle2-text); }
.caption-slider-item{ color: var(--caption-slider-item); }
.block-material, .block-material .text-white{ color:#42210b !important; }
.contact-msg-icon{ max-width:50px; }
body.page-contact .page-banner{ height: unset; }
.contact-form-icon{ opacity:0; }