[class*="_fullcontainer"] { width: calc(100% - 90px); margin:0px auto; } [class*="_largecontainer"] { width:100%; margin:0px auto; max-width:1280px; } [class*="_container"] { width:100%; margin:0px auto; max-width:1180px; } [class*="_medcontainer"] { width:100%; margin:0px auto; max-width:1000px; } [class*="_smallcontainer"] { width:100%; margin:0px auto; max-width:960px; } [class*="_narrowcontainer"] { width:100%; margin:0px auto; max-width:750px; } .fancybox__container {width: 100%;max-width: 100%;} .fancybox__thumbs {display: none !important;} .fancybox__toolbar__items.fancybox__toolbar__items--left {display: none !important;} button.carousel__button.fancybox__button--zoom, button.carousel__button.fancybox__button--slideshow, button.carousel__button.fancybox__button--thumbs {display:none !important;} h1, h2, h3, h4, h5, h6, div, p, a, body { font-family: 'Raleway', Arial, sans-serif;letter-spacing:0.5px;} #vtc2023 h5 {font-size: 1.25rem; font-weight:700;} #vtc2023 h2 {font-size: 2.5rem; line-height:1.2em;font-weight:700;color:#002378;text-transform: uppercase;margin-bottom: 5%;} #vtc2023 p {color:#3e3e3e;line-height: 1.4;margin-bottom:20px;} #vtc2023 .white {color:#ffffff;} #vtc2023 .blue {color:#002378;} #vtc2023 .green {color:#22BAC5;} #vtc2023 .bluegreen {color:#22BAC5;} #vtc2023 .greybg {background-color:#f1f1f1;} #vtc2023 .tbpad5 {padding-top:5%;padding-bottom:5%;} #vtc2023 .tbpad10 {padding-top:10%;padding-bottom:10%;} #vtc2023 .padtb35 {padding-top:35px;padding-bottom:35px;} #vtc2023 .marb1r {margin-bottom:1rem;} #vtc2023 .marb0 {margin-bottom:0;} #vtc2023 .marb30 {margin-bottom:30px;} #vtc2023 .marb40 {margin-bottom:40px;} #vtc2023 .textcenter {text-align:center;} #vtc2023 .mobileonly {display:none;} #vtc2023 p.small {font-size: 0.85rem;} #vtc2023 p.bold {font-weight: 700;color:#002378;} #vtc2023 .disclaim {font-style: italic;} /*--special added for menu---*/ /*-- Main Logo --*/ :root { --color-darkblue: #002378; --color-white: #ffffff; --color-red: #FF0040; } #vtc2023 {position:relative;overflow-x:hidden;} #header {position: fixed;margin-top:0px;width:100%;z-index: 1000;background-color:white;border-bottom: 1px solid #efefef;} .main-logo {max-width:200px;} .main-logo img {display:block;max-width: 170px;padding-top: 10px;padding-bottom: 10px;} ul.main-nav {display: flex;align-items: center;justify-content: flex-end;list-style:none;margin-left:0px;margin-bottom: 0px;} ul.main-nav li {position:relative;margin-left:0px;margin-right:0px;} ul.main-nav li:after {content: ' ';position: absolute;width: 0px;height: 4px;background-color: #ff0040;left: 0;bottom: 0;transition:0.5s;} ul.main-nav li.active:after, ul.main-nav li:hover:after, ul.main-nav li.current_page_item:after {width: 100%;transition:0.5s;} ul.main-nav li a {color:var(--color-darkblue);padding: 15px 13px;position:relative;font-size:12px;letter-spacing:1px;display: block; font-weight:600; } ul.main-nav li a i {position: absolute;right: 15px;top: 50%;transform: translate(0%,-50%);font-size: 12px;color: #CCCCCC;} ul.main-nav li.active a, ul.main-nav li.current_page_item a {color:var(--color-red);} ul.main-nav li a:hover {color:var(--color-red);} ul.main-nav li.parent {margin-right: 20px;} ul.main-nav li.parent i {color:var(--color-darkblue);} ul.main-nav li.parent:after {display:none;} .main-cta-top-right {display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: baseline;} .main-cta-top-right .main-cta:not(:last-child) {margin-right: 15px;} .main-cta {color:var(--color-darkblue);} .main-cta:hover {color:var(--color-red);} .main-cta-small-menu, a.main-cta-small-menu-toggle {cursor:pointer;} .main-cta-small-menu:hover a.main-cta-small-menu-toggle {color:var(--color-red);} .main-cta-small-menu {position:relative;padding-top: 10px;padding-bottom: 10px;} .main-cta-small-menu-dropdown {position: absolute;right: 0;top: 40px;background-color: #ffffff;width: 165px;padding: 15px;text-align: center;border-radius: 15px;display:none;} .main-cta-small-menu:hover .main-cta-small-menu-dropdown {display:block;} .main-cta-small-menu-dropdown .main-cta {color:var(--color-darkblue) !important;} .main-cta-small-menu-dropdown .main-cta:hover {color:var(--color-red) !important;} .main-cta-register {background-color:var(--color-yellow);color:var(--color-darkblue);font-size:14px;font-weight: 600;letter-spacing:1px;padding:10px 20px;border-top-left-radius: 10px;border-top-right-radius: 0px;border-bottom-right-radius: 10px;border-bottom-left-radius: 0px;width: fit-content;width: -moz-fit-content;display:block;text-transform:uppercase;text-align:center;transition:0.5s;} .main-cta-register:hover {color:var(--color-white);background-color:var(--color-red);} /*-- Mobile Menu --*/ .mobile-menu-title {padding-left: 10px;border-left: 1px solid #e0e0e0;} .mobile-menu-title .small-title {font-size: 12px;color: var(--color-red);} .mobile-menu-title .large-title {font-size: 16px;line-height: 18px;margin-bottom: 5px;color: var(--color-darkblue);} .mm-menu a {color: var(--color-darkblue) !important;} .mburger {color: #000000;width: 36px;height: 36px;--mb-bar-height: 2px;--mb-bar-spacing: 9px;--mb-bar-width: 0.5;} .mm-menu_position-right {z-index: 10000;} #vtc2023 .btn {display:inline-block;text-align:center; font-size: 0.9rem; letter-spacing: 0.5px;padding:10px 25px; clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);/*transition-duration:0.5s;*/font-weight:700; text-align: center; min-width: 220px;} #vtc2023 .yellow-solid-btn { background-color:#FFD13A; color:#002378; position: relative; z-index: 1; transition: all .3s;} #vtc2023 .yellow-solid-btn:before {content: ""; width: 0%;height: 100%; background-color: #E80F69; top: 0; left: 0; position: absolute; clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);z-index: -1;transition-duration:0.5s; } #vtc2023 .yellow-solid-btn:after {content: ""; width: 100%;height: 100%; background-color: #FFD13A; top: 0; left: 0; position: absolute; transition: all .3s; clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%); z-index: -2; } #vtc2023 .yellow-solid-btn:hover:before {width:100%;transition-duration:0.5s;} #vtc2023 .yellow-solid-btn:hover {color:white;background-color:transparent;} #vtc2023 .main-button { display: inline-block;z-index: 2; position: relative; text-align: center; font-size: 1em; font-weight: 700; margin-bottom: 0; background: transparent; border: 3px solid #FFB200; border-radius: 2rem; padding: 0.35rem 2rem; color: #FFB200; box-shadow: 0px 0px 12px 1px #ffb20052; transition:all .3s ease;} #vtc2023 .main-button:hover { background: #FFB200; color:#ffffff; box-shadow: 0px 0px 12px 1px #ffb200; } #vtc2023 .main-button.red { background: #ff0040; border: 3px solid #ff0040; box-shadow:none !important;color:#ffffff !important;} #vtc2023 .link-txt-yellow { text-decoration:underline; color:#FFB200; transition:all .3s ease; } #vtc2023 .link-txt-yellow:hover { color:#0AA3CC; } /*color code*/ #vtc2023 .lightBlue { color:#0038ff; } #vtc2023 .darkblue { color:#141461; } #vtc2023 .yellow2022 { color:#FFB200; } #vtc2023 .orange {color:#F5B43F;} /*slider*/ /*---#vtc2023 .vtc2022-slider {position:relative;z-index:10;padding-bottom: 3%; background-size:cover; background-position:center; background-repeat:no-repeat; min-height: 600px;padding-top: 3rem;}---*/ #vtc2023 .vtc2022-slider {position:relative;z-index:10;padding-top: 5rem;padding-bottom: 6rem;min-height: 600px;overflow:hidden;} #vtc2023 .vtc2022-slider .top-main-bg { width: 100%; height: 100%; animation: zoominbgloop 30s infinite; animation-fill-mode: forwards; background-position: center center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; } #vtc2023 .slider-txt {margin:3% 0 5% 0; text-shadow: 0 0 5px #fff;} #vtc2023 .slider-txt p {margin-bottom:0;} #vtc2023 .slider-overlay {position:absolute;bottom:-1px;left:0; z-index:1;} #vtc2023 .slider-left {position:absolute;top: 0; left: 0; max-width: 380px;} #vtc2023 .slider-right {position:absolute; bottom: 0; right: 0; min-width: 300px; width: 33%;} /*slider bg zoom animation*/ @keyframes zoominbgloop { 0% { transform: scale(1); } 50% { transform: scale(1.15); } 100% { transform: scale(1); } } /*topHero*/ #vtc2023 .vtc2022-prize-tag-top { width: 100%; max-width: 360px;display: block; margin: auto;} #vtc2023 .vtc2022-logo-main { width: 100%; max-width: 470px; display: block; margin: auto;} #vtc2023 .period-txt-small { font-size: 1.1em; font-weight: 600; color:#ffffff; margin-bottom: 0;} #vtc2023 .period-txt-date { font-size: 1.3em; font-weight: 600; color: #ffffff;} @media only screen and (max-width:767px) { #vtc2023 .vtc2022-prize-tag-top { max-width: 260px;} #vtc2023 .period-txt-small { font-size: 1em; } #vtc2023 .period-txt-date { font-size: 1em; } } /*intro*/ #vtc2023 .vtc2022-intro {position:relative;padding-top: 20px;} #vtc2023 .vtc2022-intro .row {position:relative;z-index:1;} #vtc2023 .vtc2022-intro .intro-texture-left {width:15%; position:absolute; left:0; bottom:0%; z-index:8;} #vtc2023 .vtc2022-intro .intro-texture-right {width:15%; position:absolute; right:0; top:0;} /*#vtc2023 .intro-overlay {position:absolute;bottom:-1;left:0;}*/ #vtc2023 .category-table-intro { display: flex; margin-bottom:2rem; margin-top:1rem;} #vtc2023 .category-table-intro .category-table-intro-box {width: 48%; margin: 1%; position:relative; margin-bottom:2rem;} #vtc2023 .category-table-intro .category-table-intro-box.category-table-intro-individual:after { content:""; background-image:url(../img/category-table-btm-line.png); display:block; width:8rem; height:1.3rem; background-size:100%; position:absolute; bottom:-2rem; left:0; background-repeat:no-repeat; } #vtc2023 .category-table-intro .category-table-intro-box.category-table-intro-university:after { content:""; background-image:url(../img/category-table-btm-line-2.png); display:block; width:8rem; height:1.3rem; background-size:100%; position:absolute; bottom:-2rem; right:0; background-repeat:no-repeat; } #vtc2023 .category-table-intro .category-table-intro-box .top-cate { clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%); font-size: 1.4em; font-weight: 600; padding: 0.3rem; color: #ffffff;} #vtc2023 .category-table-intro .category-table-intro-box.category-table-intro-university .top-cate { clip-path: polygon(0% 0%, 92% 0%, 100% 100%, 0% 100%); font-size: 1.4em; font-weight: 600; padding: 0.3rem; color: #ffffff;} #vtc2023 .category-table-intro .category-table-intro-box .cate-text-box { border: 1px solid; border-top:0px; height: 200px; width:100%; display: inline-flex; align-items: center; padding: 1rem;} #vtc2023 .category-table-intro .category-table-intro-box .cate-text-box p { margin-bottom:0;} #vtc2023 .category-table-intro .category-table-intro-box.category-table-intro-individual .cate-text-box p { font-size:1.2em; } /*Countdown*/ #vtc2023 .countdown-event {display: flex;justify-content: center;align-items: center;} #vtc2023 .simply-section {position:relative;text-align: center;flex-basis: 190px;color:#FFB200;} #vtc2023 .simply-section .simply-amount {display: block;font-size: 8em;line-height: 1em;} #vtc2023 .simply-section .simply-word {text-transform: uppercase;font-size: 20px;color:#002378; margin-top: 1.3rem; display: inline-block;} #vtc2023 .simply-section:not(:last-child):after {content: ':';position: absolute;right: -6%;top: -12%;font-size: 100px;} /*winner list*/ #vtc2023 .prize-highlight-container {border: 1px solid #22BAC5; padding: 5% 0; overflow: hidden; position:relative;margin-bottom: 10px;} #vtc2023 .prize-highlight-container .prize-amount{position: absolute; top:0;right:0;max-width:30%;} /* #vtc2023 .prize-highlight-container:before { position: absolute; background-color: #22BAC5; padding: 8px 55px 5px 55px; top: 15%; right: -14%; transform: rotate(45deg); color: white; font-weight: 600; font-size: 1em;-webkit-transform: rotate(45deg);} #vtc2023 .prize-highlight-container.prize1:before {content: "RM7,000"; } #vtc2023 .prize-highlight-container.prize2:before {content: "RM5,000"; } #vtc2023 .prize-highlight-container.prize3:before {content: "RM3,000"; } #vtc2023 .prize-highlight-container.prize4:before {content: "RM2,000"; } #vtc2023 .prize-highlight-container.prize5:before {content: "RM1,000"; }*/ #vtc2023 .prize-highlight-container .winner-prize{font-weight: 400; color:#E80F69; margin-bottom: 1rem;} #vtc2023 .prize-highlight-container .winner-name{ font-weight: 500;margin-bottom: 0; line-height: 1; color:#002378; font-size: 1.25em;} #vtc2023 .prize-highlight-container .winner-contact{color:#002378;margin-bottom: 0;} #vtc2023 .winner-list-container {color: #002378; padding: 8px 5px; border-bottom: 1px solid #22BAC5;} /*#vtc2023 .winner-info div, #vtc2023 .prize-figure div{display: inline-block;}*/ #vtc2023 .winner-info .prize {color:#E80F69; } #vtc2023 .winner-info .name {font-weight:600; margin-right:10px;} #vtc2023 .prize-figure {text-align:right;} #vtc2023 .prize-figure .tng {color: #b7b7b7; font-size: 0.7em;} #vtc2023 .prize-figure .amount {color:#E80F69; font-weight:600;} @media screen and (max-width:1023px) and (min-width:768px) { #vtc2023 .vtc2022-intro ._narrowcontainer, #vtc2023 .vtc2022-intro ._smallcontainer { padding-left: 5rem; padding-right: 5rem;} #vtc2023 .prize-highlight-container.prize1:before { right: -8%;} #vtc2023 .prize-highlight-container:before { right: -22%;} #vtc2023 .category-table-intro .category-table-intro-box .cate-text-box { height: 240px; } #vtc2023 .vtc2022-cta { background-attachment:scroll; } #vtc2023 .webinars-container:before { top: 0.3rem; left: 0.3rem; } #vtc2023 .webinars-container:after { bottom: 0.3rem; right: 0.3rem; } #vtc2023 .webinars-container .inner .content-box .text-box { min-height: 320px; } } @media only screen and (max-width:767px) { #vtc2023 .winner-list-container {font-size: 0.8em;} #vtc2023 .vtc2022-intro .intro-texture-left {bottom:0%;} #vtc2023 .category-table-intro .category-table-intro-box {width: 100%;flex-basis:100%;} #vtc2023 .category-table-intro .category-table-intro-box.category-table-intro-university .top-cate { font-size: 1.15em; } #vtc2023 .category-table-intro .category-table-intro-box .top-cate { font-size: 1.15em; } #vtc2023 .category-table-intro .category-table-intro-box .cate-text-box {height: initial;padding: 25px; } #vtc2023 .intro-overlay { margin-top: 5rem;} #vtc2023 .winner-info, #vtc2023 .prize-figure {padding:0;} #vtc2023 .winner-info .name {margin-right: 0; /*font-size: 0.8em;*/} #vtc2023 .prize-figure .tng {line-height: 1;} } /*steps*/ #vtc2023 .vtc2022-step {position:relative; background-size:cover; background-position:top center; background-repeat:no-repeat;margin-top: -1px;padding-bottom:5%; padding-top: 12vw;} #vtc2023 .how-to-participate-top-cut { position:absolute;top:0; left:0; width:100%; } #vtc2023 .vtc-product-list {display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap: 25px;margin-top:20px;margin-bottom:20px;} #vtc2023 .vtc-product-list a {display:flex;flex-wrap:wrap;align-items: flex-start;flex-basis:170px;transition:0.5s;opacity:1;text-align:left;} #vtc2023 .vtc-product-list a:hover {opacity:0.8;transition:0.5s;} #vtc2023 .vtc-product-list a .product-name-arrow {max-width:20px;margin-right: 10px;margin-top: 2px;} #vtc2023 .vtc-product-list .product-name-title {display:block;font-weight:700;color:#FF0040;} #vtc2023 .vtc-product-list .product-name-desc {display:block;color:#ffffff;font-size: 18px;line-height: 22px;} #vtc2023 .vtc-steps-list {position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap: 25px;} #vtc2023 .vtc-steps-list .vtc-steps-box {flex-basis:200px;color:#ffffff;position:relative;z-index:2;} #vtc2023 .vtc-steps-list .vtc-steps-box h6 {font-weight:600;} #vtc2023 .vtc-steps-list .vtc-steps-box a {text-decoration:underline;color:#FFD13A;} #vtc2023 .vtc-steps-list .vtc-steps-box img {max-width:135px;margin:auto;display:block;margin-bottom:10px;} #vtc2023 .vtc-steps-list-line {position:absolute;top:100px;border-top:2px solid #FFD13A;width:calc(100% - 150px);left:50%;transform:translate(-50%,0px);z-index:1;} /*benefits*/ #vtc2023 .vtc2022-benefit {position:relative;padding: 5% 0; background-size: 50%; background-repeat: no-repeat;} #vtc2023 .benefit-content {width:80%;margin:auto;} #vtc2023 .benefit-detail-container {margin-bottom: 5%;} #vtc2023 .benefit-detail-container:last-child {margin-bottom: 0;} #vtc2023 .benefit-img {position:relative;z-index:1;padding:0 3%;} #vtc2023 .benefit-detail { width: 89%; display: inline-block; vertical-align: top;padding:0 10px;} #vtc2023 .benefit-icon {width: 10%; display: inline-block; vertical-align: top; } #vtc2023 .benefit-overlay {position:absolute;left:0;bottom:-1px;width:50%;} /*prizes*/ #vtc2023 .vtc2022-prize {position:relative;padding: 8% 0; background-size:cover; background-position:top center; background-repeat:no-repeat;} #vtc2023 .prize-headline { width:50%; padding:0rem 2rem; margin-bottom:3rem; } #vtc2023 .prize-category-header p { text-align: center; font-size: 1.4em; font-weight: 700; color: #FFB200!important; border-bottom: 1px solid #ffffff; padding-bottom: .5rem; } #vtc2023 .prize-icon-container {display:flex;align-items: center;padding-top: .5rem; padding-bottom: 1rem;max-width:300px;margin:0px auto 0px auto;} #vtc2023 .prize-icon {margin-bottom:5px; width: 100%; max-width:120px;margin-left: auto; margin-right: auto; display: block;} #vtc2023 .rm-unit {margin-bottom:0;} #vtc2023 .amount {font-weight: 700; margin-bottom: 0px; font-size: 1.8em;} #vtc2023 .prize-list-container h4 { width: 50%; display: inline-block; text-align: right; margin-bottom:0;font-weight: 700; font-size: 1.2em; vertical-align: text-top; line-height: .9;} #vtc2023 .prize-list-container h5 { width: 48%; display: inline-block; margin-bottom:0; font-weight: 400; font-size: 1.2em; vertical-align: text-top;} #vtc2023 .prize-list-container span {font-size: 0.7em; font-weight: 400;} #vtc2023 .prize-list-container { width: 100%; padding: 1.1rem 0; border-bottom: 1px solid white; vertical-align: text-top;} #vtc2023 .prize-list-container:last-child {border-bottom:0px;} #vtc2023 .vtc2022-prize .row {position:relative;z-index:1;} #vtc2023 .vtc2022-prize:after {content: ""; background: linear-gradient(0deg, rgba(1,31,110,1) 0%, rgba(1,31,110,0.5) 35%, rgba(1,31,110,0) 100%); width: 100%; height: 80%; position: absolute; bottom: 0; left: 0;} /*webinars*/ #vtc2023 .vtc2022-webinars {position:relative;padding:10% 0 0 0;} #vtc2023 .webinars-overlay {position:absolute;top:0;right:0; width:60%; z-index:-1;} #vtc2023 .webinars-container { position:relative; margin-bottom:2rem;} /* #vtc2023 .webinars-container:before { content:''; width:8%; height:8%; position:absolute; background: #0CD3FA; clip-path: polygon(0% 0%, 0% 0%, 100% 0, 0% 100%, 90% 100%, 0% 100%, 0% 100%, 0% 0%); top: 0rem; left: .75rem;} #vtc2023 .webinars-container:after { content:''; width:8%; height:8%; position:absolute; background: #0CD3FA; clip-path: polygon(0% 100%, 100% 0%, 0% 0%, 0% 100%, 0% 0%, 100% 0%, 100% 100%, 100% 100%); bottom: 0rem; right: .75rem;} #vtc2023 .webinars-container .inner { background: #1A317F; padding:10%; clip-path: polygon(10% 0%, 90% 0%, 100% 0, 100% 90%, 90% 100%, 0 100%, 0% 90%, 0% 10%); position:relative; } */ #vtc2023 .webinars-container:before { content:''; width:54px; height:54px; position:absolute; background: #0CD3FA; clip-path: polygon(0% 0%, 0% 0%, 100% 0, 0% 100%, 90% 100%, 0% 100%, 0% 100%, 0% 0%); top: 0rem; left: 0rem;} #vtc2023 .webinars-container:after { content:''; width:54px; height:54px; position:absolute; background: #0CD3FA; clip-path: polygon(0% 100%, 100% 0%, 0% 0%, 0% 100%, 0% 0%, 100% 0%, 100% 100%, 100% 100%); bottom: 0rem; right: 0rem;} #vtc2023 .webinars-container .inner { background: #1A317F; padding:10%; clip-path: polygon(70px 0%, 100% 0%, 100% 0, 100% calc(100% - 70px), calc(100% - 70px) 100%, 0 100%, 0% 100%, 0% 70px); position:relative; } #vtc2023 .webinars-container .inner .content-box img { width:100%; } #vtc2023 .webinars-container .inner .content-box .text-box { background:#ffffff; padding:15px 15px 80px 15px; font-size:1em;position:relative; color:#707070; font-weight: 700;} #vtc2023 .webinars-container .inner .content-box .text-box p {font-size:1.2em;margin-bottom:10px;color:#1A317F; } #vtc2023 .webinars-container .inner .content-box .text-box li {font-size:0.9em;line-height:1.2em;margin-bottom:10px;} #vtc2023 .webinars-container .inner .content-box .text-box li ul, #vtc2023 .webinars-container .inner .content-box .text-box li ol {margin-top: 6px;margin-bottom: 15px;margin-left: 10px;font-size: 12px;} #vtc2023 .webinars-container .inner .content-box .text-box li ul li, #vtc2023 .webinars-container .inner .content-box .text-box li ol li{margin-bottom:5px;} #vtc2023 .webinars-container .inner .content-box .text-box .webinar-button { display: inline-block; z-index: 2; position: absolute; text-align: right; font-size: 1em; font-weight: 700; margin-bottom: 0;background: transparent;border: 3px solid #FFB200; border-radius: 2rem; padding: 0.35rem 1rem; color: #FFB200; position:absolute; right:.75rem; bottom:1.5rem; z-index:2; box-shadow: 0px 0px 12px 1px #ffb20052; transition:all .3s ease;} #vtc2023 .webinars-container .inner .content-box .text-box .webinar-button:hover { background: #FFB200; color:#ffffff; box-shadow: 0px 0px 12px 1px #ffb200; } #vtc2023 .webinars-group-container {background: rgb(29,36,115); background: linear-gradient(0deg, rgba(232,15,105,1) 0%, rgba(29,36,115,1) 100%); padding:10% 10% 15% 10%; /*min-height: 775px;*/} #vtc2023 .webinars-group-container.left {clip-path: polygon(10% 0%, 90% 0%, 100% 0, 100% 90%, 90% 100%, 0 100%, 0% 90%, 0% 10%);} #vtc2023 .webinars-group-container.right {clip-path: polygon(0 0, 90% 0%, 100% 10%, 100% 90%, 100% 100%, 10% 100%, 0% 90%, 0% 10%);} #vtc2023 .webinars-group-container .group-logo {width:50%; margin:auto;display: block; margin-bottom:5%;} #vtc2023 .webinar-session {padding: 5%; background-color: white; /*box-shadow: 0px 0px 10px 0px #00000030; */} #vtc2023 .webinar-thumb {width: 100%; /* min-height: 180px; */position: relative;} /*#vtc2023 .webinar-thumb:after {content:""; width: 100%; height:100%; background-color:black; opacity:0.3;position:absolute; top:0; left:0;}*/ #vtc2023 .trainer-logo {width: 60%; /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);*/z-index: 1; margin: auto; position:relative;} #vtc2023 .webinar-detail { padding: 15px 0;} #vtc2023 .webinar-detail h5 {text-transform:uppercase;color:#22BAC5;min-height:56px;} .webinar-session {padding-bottom: 0px !important;} #vtc2023 .webinar-detail .webinar-content {font-size: 0.8em;line-height: 1.25;color:#707070;} #vtc2023 .webinar-detail .webinar-cta {text-align:center;margin-top: 5%;} #vtc2023 .webinar-detail .detail-icon, #vtc2023 .webinar-detail p {display:inline-block;vertical-align:middle; margin-bottom:0;} #vtc2023 .webinar-detail .detail-icon {margin-right:10px;} #vtc2023 .webinar-detail .webinar-date {margin-bottom:5px;} #vtc2023 .webinar-slider.slick-slider {margin-bottom: 0;} #vtc2023 .webinar-slider .slick-next {background: url(../img/next.png); background-size: contain; background-repeat: no-repeat;background-position: right;} #vtc2023 .webinar-slider .slick-prev {background: url(../img/prev.png); background-size: contain; background-repeat: no-repeat;} #vtc2023 .webinar-slider .slick-next:before, #vtc2023 .webinar-slider .slick-prev:before {content:'';} #vtc2023 .trainer-language { background-color: #FFD13A; position: absolute; top: 0; left: 0; z-index: 1; font-weight: 600; padding: 5px; line-height: 1; color: #002378;font-size: 0.75em; } #vtc2023 .webinar-video {position: relative;overflow: hidden;width: 100%;padding-top: 56.25%;} #vtc2023 .webinar-video iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;} /*partners*/ #vtc2023 .vtc2022-partner {padding:10% 0; background-repeat: no-repeat; background-size: 30%; background-position: 0% 50%;} #vtc2023 .partner-group {margin-bottom: 5%; } #vtc2023 .tutorial-container {margin-bottom:5%;} #vtc2023 .partner-grid-1 { display:flex;flex-wrap:wrap;justify-content:center;align-items:middle; } #vtc2023 .partner-grid-1 a { flex-basis:25%; } #vtc2023 .partner-grid-1 a img { max-width:80%; } #vtc2023 .partner-grid-2 {display:flex;flex-wrap:wrap;justify-content:center;align-items:middle;} #vtc2023 .partner-grid-2 a {flex-basis:50%;} #vtc2023 .partner-grid-3 {display:flex;flex-wrap:wrap;justify-content:center;align-items:middle;} #vtc2023 .partner-grid-4 {display:flex;flex-wrap:wrap;align-items:middle;} /*-- #vtc2023 .partner-grid-3 {display:flex;flex-wrap:wrap;justify-content:center;align-items:middle;} #vtc2023 .partner-grid-3 a, #vtc2023 .partner-grid-3 div {flex-basis:33%;text-align:center;} --*/ /*gallery*/ #vtc2023 .vtc2022-gallery { position:relative; margin-top: 5rem;} #vtc2023 .vtc2022-gallery h2 { text-align:center; margin-bottom: 2rem;} #vtc2023 .vtc2022-gallery .gallery-tab-content-wrap {margin-bottom:60px;} #vtc2023 .vtc2022-gallery .gallery-tab-content .swiper-slide img { width:100%; } #vtc2023 .vtc2022-gallery .gallery-swiper-button { position: absolute; left: 50%; bottom: -12%; transform: translate(-50%, 0%);} #vtc2023 .vtc2022-gallery .gallery-swiper-button .gallery-arrow-prev { left: -3.1rem; right: unset; border: 1px solid;border-radius: 2rem;width: 2.8rem;height: 2.8rem; color:#FFB200; } #vtc2023 .vtc2022-gallery .gallery-swiper-button .gallery-arrow-prev:after{ font-size: 1.35em;} #vtc2023 .vtc2022-gallery .gallery-swiper-button .gallery-arrow-next { right: -3.1rem; left: unset; border: 1px solid;border-radius: 2rem;width: 2.8rem;height: 2.8rem; color:#FFB200;} #vtc2023 .vtc2022-gallery .gallery-swiper-button .gallery-arrow-next:after{ font-size: 1.35em;} #vtc2023 .vtc2022-gallery .gallery-tab-container { display: flex; justify-content: center; align-items: center; margin-bottom:1.5rem; } #vtc2023 .vtc2022-gallery .gallery-tab-container .single-gallery-tab { margin: 0 1rem; cursor:pointer; transition:all .3s ease; font-size:1.3em; transition:all .3s ease; border-bottom:0px solid #FFB200;} #vtc2023 .vtc2022-gallery .gallery-tab-container .single-gallery-tab.active { font-weight:600; color:#FFB200!important; border-bottom:1px solid; } #vtc2023 .vtc2022-gallery .gallery-tab-container .single-gallery-tab:hover { color:#FFB200!important; border-bottom:1px solid; font-weight:600;} #vtc2023 .gallery-tab-content {visibility:hidden;height:0;} #vtc2023 .gallery-tab-content.active {visibility:visible;height:initial;} #vtc2023 .vtc2022-gallery .gallery-2022-swiper .swiper-slide img { width:100%; } /*cta*/ #vtc2023 .copyright {font-size: 0.75em;text-align: center;padding-bottom: 2rem;padding-top: 2rem;border-top: 1px solid #C1C1C1;} #vtc2023 .cta-overlay {margin-top:-1px;position:relative;} #vtc2023 .cta-overlay-ele {position:absolute;top:0;left:0;} #vtc2023 .vtc2022-link {text-decoration:underline;color:#FFD13A;} #vtc2023 .vtc2022-cta .vtc2022-logo {width:45%;} #vtc2023 .vtc2022-cta {padding-bottom: 3%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment:fixed;} #vtc2023 .vtc2022-cta .main-button { margin:10px;} /*past winners*/ #vtc2023 .passWinner-timeline-box-gallery {padding-left: 15px;padding-right: 15px;} #vtc2023 .passWinner-swiper {overflow: visible;} #vtc2023 .passWinner-timeline-box-winner-list {margin-top:40px;margin-bottom:40px;} #vtc2023 .passWinner-timeline-box {padding-right:40px;} #vtc2023 .passWinner-timeline-box .winners-type-title {font-weight:700;margin-bottom:10px;} #vtc2023 .passWinner-timeline-box-header h4 {font-size: 26px;line-height: 26px;margin-bottom: 25px;font-weight: 700;color:#0038ff;} #vtc2023 .passWinner-timeline-box-header .timeline-dot-line {margin-bottom:35px;position:relative;} #vtc2023 .passWinner-timeline-box-header .timeline-dot-line .timeline-dot {width: 16px;height: 16px;border-radius: 100%;background-color: #FFB200;} #vtc2023 .passWinner-timeline-box-header .timeline-dot-line .timeline-line {position: absolute;left: 0px;top: 8px;width: calc(100% + 40px);height: 1px;background-color: #ffb201;} #vtc2023 .swiper-slide:last-child .passWinner-timeline-box-header .timeline-dot-line .timeline-line {width:0px;} .swiper-slide.swiper-slide-active .passWinner-timeline-box-header h4 {color:#1A317F !important;} #vtc2023 .swiper-slide .passWinner-timeline-box .passWinner-timeline-box-gallery, #vtc2023 .swiper-slide .passWinner-timeline-box .passWinner-timeline-box-winner-list {visibility:hidden;opacity: 0;transition:1.2s;} #vtc2023 .swiper-slide.swiper-slide-active .passWinner-timeline-box .passWinner-timeline-box-gallery, #vtc2023 .swiper-slide.swiper-slide-active .passWinner-timeline-box .passWinner-timeline-box-winner-list {visibility:visible;opacity: 1;transition:1.2s;} #vtc2023 .passWinner-button-next, #vtc2023 .passWinner-button-prev {top: 22px;} #vtc2023 .passWinner-button-next, #vtc2023 .passWinner-button-prev {width:54px;height:54px;background-color:#0038ff;color:#ffffff;border-radius:100%;} #vtc2023 .passWinner-button-next:after, #vtc2023 .passWinner-button-prev:after {font-size:24px;} #vtc2023 .passWinner-button-prev {left: initial;right: 82px;} #vtc2023 .passWinner-button-next {right: 20px;} #vtc2023 .gallery-arrow-next, #vtc2023 .gallery-arrow-prev {width:40px;height:40px;background-color:#F5B43F;color:#ffffff;border-radius:100%;} #vtc2023 .gallery-arrow-next:after, #vtc2023 .gallery-arrow-prev:after {font-size: 20px;} #vtc2023 .winners-table {border:0px;} #vtc2023 .winners-table.blue-theme thead {background: #0AA3CC;} #vtc2023 .winners-table.blue-theme thead td {color: #ffffff;font-weight:700;} #vtc2023 .winners-table.orange-theme thead {background: #F5B43F;} #vtc2023 .winners-table.orange-theme thead td {color: #ffffff;font-weight:700;} #vtc2023 .winners-table tbody tr:nth-child(even) {background-color: #EDEDED;} #vtc2023 .winners-table tr td {color:#000000;font-size: 14px;line-height: 16px;padding: 13px;font-weight:500;} #vtc2023 .winners-table tr td span.uni-small {font-style: italic;font-size: 10px;line-height: 16px;} #vtc2023 .winners-table.blue-theme tbody tr.consolation-col {background-color: #C1DEE5;color: #002731;} #vtc2023 .winners-table.blue-theme tbody tr td[colspan="2"] {text-align: right;} #vtc2023 .winners-table.blue-theme tbody tr td[colspan="2"] span {max-width: 190px;display: block;margin-left: auto;} #vtc2023 .winners-table.orange-theme tbody tr.consolation-col {background-color: #FCCE7D;color: #855500;} #vtc2023 .winners-table.orange-theme tbody tr td[colspan="2"] {text-align: right;} #vtc2023 .winners-table.orange-theme tbody tr td[colspan="2"] span {max-width: 190px;display: block;margin-left: auto;} #vtc2023 .winners-table tr td:first-child {width: 150px;} #vtc2023 .winners-table tr td:last-child {width: 115px;} #vtc2023 .white-box {background: #ffffff;padding: 15px;font-size: 1em;position: relative;color: #707070;font-weight: 700;} #vtc2023 .white-box p{margin-bottom:0px;color: #002378;} /*Scroll Down Animation*/ @keyframes scrolldown { 0%{ transform: translateY(20%) rotate(45deg); opacity: 0.7; } 50%{ transform: translateY(0%) rotate(45deg); opacity: 0.2; } 100%{ transform: translateY(20%) rotate(45deg); opacity: 0.7; } } #vtc2023 .scroll-down-container { text-align:center;display: inline-block; max-height: 100px; margin-top: 1rem;} #vtc2023 .scroll-down-container p { color:#ffffff; text-decoration:underline; font-weight: 700; } #vtc2023 .scroll-down-container .scroll-down-arrow { left: 50%; transform: translateY(0%) rotate(45deg); opacity: 0; position: relative; left: 42%; } #vtc2023 .scroll-down-container .scroll-down-arrow:nth-of-type(1) { width: 2em; height: 2em; background-color: transparent; z-index: 80; bottom: 25px; border-width: 0 0.15em 0.15em 0; border-style: solid; border-color: #ffffff; animation: scrolldown 1.2s ease-in-out infinite 0.15s; } #vtc2023 .scroll-down-container .scroll-down-arrow:nth-of-type(2) { width: 2em; height: 2em; background-color: transparent; z-index: 80; bottom: 42px; border-width: 0 0.15em 0.15em 0; border-style: solid; border-color: #ffffff; animation: scrolldown 1.2s ease-in-out infinite 0.12s; } #vtc2023 .scroll-down-container .scroll-down-arrow:nth-of-type(3) { width: 2em; height: 2em; background-color: transparent; z-index: 80; bottom: 60px; border-width: 0 0.15em 0.15em 0; border-style: solid; border-color: #ffffff; animation: scrolldown 1.2s ease-in-out infinite; } @media only screen and (max-width:1450px) { #vtc2023 .vtc-steps-list {max-width:800px;margin:auto;} } @media only screen and (min-width:1024px) { /* #vtc2023 .vtc2022-key-visual {width:80%; margin:auto;}*/ #vtc2023 .vtc2022-logo {width:90%;} } @media only screen and (max-width:1132px) { [class*="_fullcontainer"] {width: 100%;} #vtc2023 .vtc-steps-list-line {display:none;} #vtc2023 h5 { font-size: 1rem;} #vtc2023 .vtc2022-slider { padding: 5% 5% 10% 5%;} #vtc2023 .benefit-content { width: 100%;} #vtc2023 .benefit-icon { width: 20%; margin-bottom: 5%;} #vtc2023 .benefit-detail {width: 78%; vertical-align: top;} #vtc2023 .vtc2022-benefit { background-position: 0% 50%;} #vtc2023 h1.amount { font-size: 2rem;} #vtc2023 .webinars-container {padding:5px;} /*#vtc2023 .webinars-group-container {min-height: 820px;}*/ #vtc2023 .webinars-group-container.left {clip-path: polygon(10% 0%, 90% 0%, 100% 0, 100% 90%, 90% 100%, 0 100%, 0% 85%, 0% 10%);} #vtc2023 .webinars-group-container.right {clip-path: polygon(0 0, 90% 0%, 100% 10%, 100% 90%, 100% 100%, 10% 100%, 0% 90%, 0% 10%);} /*#vtc2023 .webinar-thumb { min-height: 140px;}*/ } @media only screen and (max-width:959px) { #vtc2023 .simply-section {flex-basis:90px;} #vtc2023 .simply-section .simply-amount {font-size: 4em;} #vtc2023 .simply-section .simply-word {font-size: 13px;} #vtc2023 .simply-section:not(:last-child):after {right: -5%;top: 0%;font-size: 40px;} } @media only screen and (min-width:991px) { .hidefollowgridindesktop {display:none;} } @media only screen and (max-width:991px) { .hidefollowgridindesktop {display:block;} .hidefollowgridinmobile {display:none;} .passWinner-timeline-box-winner-list .col-xs-12 {padding-left: 0px;padding-right: 0px;} #vtc2023 p.small {font-size: 0.75rem;} #vtc2023 .webinars-container .inner {padding: 35px 20px;} #vtc2023 .passWinner-timeline-box-gallery {padding-left: 0px;padding-right: 0px;} } @media only screen and (max-width:767px) { #vtc2023 .desktoponly {display:none;} #vtc2023 .mobileonly {display:block;} #vtc2023 .vtc2022-intro .intro-texture-right {top:-3%;} #vtc2023 .winners-table tr td:first-child {width: 110px;} #vtc2023 .category-table-intro {flex-wrap:wrap;} #vtc2023 .webinars-container .inner .content-box .text-box ul {margin-left: 15px;} #vtc2023 .passWinner-button-next, #vtc2023 .passWinner-button-prev {width:40px;height:40px;} #vtc2023 .passWinner-button-next, #vtc2023 .passWinner-button-prev {top: 28px;} #vtc2023 .passWinner-button-prev {left: initial;right: 70px;} #vtc2023 h2 { font-size: 2rem;} #vtc2023 .slider-left { max-width: 180px;} #vtc2023 .vtc2022-slider ._medcontainer { flex-direction: column-reverse;} #vtc2023 .vtc2022-slider { padding: 23% 5% 10% 5%; min-height: 580px; text-align: center;} #vtc2023 .slider-left { top: 35px; } #vtc2023 .slider-right { min-width: 200px;} #vtc2023 .vtc2022-intro { padding-top: 15%; padding-bottom: 10%;} #vtc2023 .vtc2022-intro ._smallcontainer { z-index:1;} #vtc2023 .vtc2022-step { padding-top: 5rem; } #vtc2023 .vtc2022-benefit { background-position: 0% 0%; background-size: 100%; padding-bottom: 15%;} /*#vtc2023 .vtc2022-intro .intro-texture-left {bottom:5%;}*/ #vtc2023 .benefit-content { padding: 5% 0;} #vtc2023 .vtc2022-prize .prize-headline { width:100%;margin-bottom: 20px;} #vtc2023 .vtc2022-prize .univer-table { margin-top:0px; } #vtc2023 h1.amount { font-size: 2rem; } #vtc2023 .webinars-overlay { width: 100%;position: relative;} #vtc2023 .vtc2022-webinars { padding: 0;} #vtc2023 .webinars-container .inner .content-box .text-box { padding-bottom: 4.5rem; } #vtc2023 .webinars-container:before { top: 0.3rem; left: 0.3rem; } #vtc2023 .webinars-container:after { bottom: 0.3rem; right: 0.3rem; } #vtc2023 .webinars-group-container { padding: 10%;min-height: auto;} #vtc2023 .webinars-group-container.left {clip-path: polygon(5% 0%, 95% 0%, 100% 0, 100% 95%, 95% 100%, 0 100%, 0% 95%, 0% 5%);} #vtc2023 .webinars-group-container.right {clip-path: polygon(0 0, 95% 0%, 100% 5%, 100% 95%, 100% 100%, 10% 100%, 0% 95%, 0% 5%);} #vtc2023 .partner-grid-1 a {flex-basis: 50%;margin-bottom: 2rem;} #vtc2023 .partner-grid-3 a img {max-width: 65%!important;} #vtc2023 .partner-grid-4 a img {max-width: 70%!important;} #vtc2023 .vtc2022-cta { background-attachment:scroll; } #vtc2023 .vtc2022-cta .yellow-solid-btn { margin-bottom: 5%;} #vtc2023 .vtc2022-cta .vtc2022-logo {width: 100%;} /* #vtc2023 .webinars-group-container.right {clip-path: polygon(10% 0%, 90% 0%, 100% 0, 100% 90%, 90% 100%, 0 100%, 0% 85%, 0% 10%);}*/ #vtc2023 .vtc2022-key-visual, #vtc2023 .vtc2022-logo, #vtc2023 img.mobileonly {max-width: 380px; margin: auto; display: block;} #vtc2023 .benefit-img {max-width: 480px; display: block; margin: auto;} #vtc2023 .benefit-icon img {max-width:80px;display:block;margin:auto;} #vtc2023 .vtc2022-past-winners { padding-bottom: 2rem!important; } #vtc2023 .vtc-steps-list .vtc-steps-box {flex-basis:160px;} #vtc2023 .vtc2022-gallery .gallery-tab-content-wrap {margin-bottom: 120px;} } @media (min-width: 768px) and (max-width: 1024px) { #vtc2023 .vtc2022-prize { min-height: 55rem;} #vtc2023 .webinars-container .inner .content-box .text-box { min-height: 320px; } #vtc2023 .webinars-container:before { top: 0.3rem; left: 0.3rem;} #vtc2023 .webinars-container:after {bottom: 0.3rem; right: 0.3rem;} } @media only screen and (max-width:750px) { } #vtc2023-popup, #workshopPopup { opacity: 0; visibility: hidden; } #vtc2023-popup.active, #workshopPopup.active { opacity: 1; visibility: visible; } .vtc2022-backdrop { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.75); z-index: 30000; } .vtc2022-popup-content { background: #fff; border-radius: 15px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 35px 25px; z-index: 30001; width: 100%; max-width: 500px; box-sizing: border-box; transition: all .2s; text-align: center; } .vtc2022-redirect-button-container { display: flex; flex-wrap: nowrap; margin-top: 30px; justify-content:center; } .vtc2022-redirect-question h5, .vtc2022-category-question h5 {margin-bottom:20px;} .redirect-button-style { padding: 10px 20px; color: #ccc; border: 3px #ccc solid; border-radius: 32px; margin: 0 15px; box-sizing: border-box; transition: all .2s; cursor: pointer; font-weight:700; min-width:130px; display:block; } .category-style { margin: 0px auto 15px auto; max-width: 290px; color:#002378; background-color:#ffffff; border: 3px solid #002378; transition:0.5s; } .category-style:hover { color:#ffffff; background-color: #FFB200; border: 3px solid #FFB200; transition:0.5s; } .redirect-stay {color:#ccc;} .redirect-stay:hover {color:#ccc;} .vtc2022-redirect-button.alt a { color: #fff; background: #073f83; border: 3px #073f83 solid; } #vtc2023 .show-challenge-0, #vtc2023 .show-challenge-1, #vtc2023 .show-challenge-2, #vtc2023 .btn.show-challenge-0, #vtc2023 .btn.show-challenge-1, #vtc2023 .btn.show-challenge-2{ display: none; } #workshopPopup { text-align:left; } #workshopPopup .vtc2022-popup-content { padding:30px; max-width:730px; text-align:left; max-height:90vh; overflow:scroll; } #workshopPopup .vtc2022-popup-content p { font-size: 0.8rem; } .popup-close-toggle { background-color:#E2E0E0; width:28px; height:28px; border-radius:100%; } .popup-close-toggle span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-weight: 700; color: #141461; } /*----FAQ-----*/ #vtc2023 .faq-link {color:#FFB200;text-decoration: underline;font-weight:700;} #vtc2023 .faq-question {color:#00AAE0;border-bottom: 1px solid #e7e7e7; cursor:pointer; transition-duration:0.3s;font-size: 1.1em;line-height: 1.25;letter-spacing:0px;font-weight: 700;padding-left: 20px;padding-bottom: 10px;margin-bottom: 15px;position: relative;} #vtc2023 .faq-question:hover {color:#002378;} #vtc2023 .faq-question.active {color:#002378;} #vtc2023 .faq-question:before {content: "+";font-size: 1.25em; position: absolute;top: 0;left: 0;line-height: 1;} #vtc2023 .faq-question.active:before {content: "-";} #vtc2023 .faq-answer, #vtc2023 .faq-answer p { letter-spacing:0;} #vtc2023 .faq-answer {display:none; padding-bottom:15px;} #vtc2023 .faq-answer.active {padding-bottom:50px;} #vtc2023 .faq-answer.open-default {display:block;} #vtc2023 .faq-table td {padding:15px;} #vtc2023 .faq-table td p {margin-bottom:0px;} #vtc2023 .faq-table td a {font-weight:700;} @media only screen and (max-width:767px) { #vtc2023 .faq-question {font-size: 1.1em;} #vtc2023 .passWinner-timeline-box {padding-right: 0px;} #vtc2023 .passWinner-timeline-box-header .timeline-dot-line .timeline-line {width:100%;} #vtc2023 .vtc-product-list a {flex-basis:150px;} #workshopPopup .vtc2022-popup-content {max-height:80vh;} } #vtc2023 .vtc2022-past-winners { padding-top:5rem; padding-bottom:5rem; } /*---Add on popup tooltips---*/ .popup-tooltips-style { position: absolute; right: -7px; top: -20px; background-color: #ffffff; border-radius: 100%; width: 24px; height: 24px; text-align: center; font-weight: 700; color: #141461; font-size: 17px; }