/* HOME */
/* Main Rules */
@import 'vdc-buttons.css';

html { scroll-behavior: smooth; overflow-x: hidden; }
body {overflow-x: hidden;}
.vdc-wrap { max-width:1640px; width:90%; clear:both; margin:0 auto; }
.vdc-wrap-02 { width:1364px; clear:both; margin:0 auto; }

.vdc-mt-10 { margin-top:10px; }
.vdc-mt-20 { margin-top:20px; }
.vdc-mt-30 { margin-top:30px; }
.vdc-mt-40 { margin-top:40px; }
.vdc-mt-50 { margin-top:50px; }

.vdc-mh-700 { min-height: 700px !important; }
.vdc-op-50  { opacity:0.5; }
.vdc-op-30  { opacity:0.3; }



/* -- Header -- */
div.vdc-loading { position:fixed; width:100%; height: 100%; background:#FFF url(../img/loading-02.gif) center center no-repeat; z-index: 9999; background-size:10%; transition: all ease 0.5s;}
div.vdc-loading.loaded { visibility: hidden; opacity: 0; transition: all ease 0.5s; }
div.vdc-header { width:100%; height: 114px; background:#FFFFFF; box-shadow:0px 0px 20px rgba(0,0,0,0.1); }
div.vdc-header span.vdc-header-top-border { display:block; width:100%; height: 4px; background:#C6043D; }
a.vdc-logo-link { width:100%; height: 54px; background:transparent; display:block; text-indent:-9999px; margin-top:24px; }
a.vdc-logo-link div.vdc-logo { width:100%; height:100%; background:transparent url(../img/logo-10.png) no-repeat left top; background-size:contain; }
.uk-offcanvas-bar { background:#FFF !important; border-top:4px solid #C6043D; padding:0px !important; }
.vdc-mainnav { height: 110px; }
.vdc-mainnav ul { padding: 0px; margin:0px; text-align: right; list-style: none; }
.vdc-mainnav ul li { display: inline-block; padding:0; margin: 35px 0px 0px 0px; }
.vdc-mainnav ul li a { font-size:12px; text-transform: uppercase; line-height:40px; background:transparent; display: block; padding:0 20px; float: left; margin: 0px; font-family: 'Source Sans Pro'; font-weight: 600; color:#171A2C; }
.vdc-mainnav ul li a:hover { color:#C6043D; transition:color ease 0.3s; text-decoration: none; }
.vdc-right-menu-toggle,
.vdc-search-toggle { background:transparent; float: right; display:block; line-height: 40px; height:40px; margin:35px 0 0 0; }
.vdc-right-menu-toggle { margin-left:35px; width:36px; }
.vdc-right-menu-toggle img,
.vdc-right-menu-toggle svg,
.vdc-search-toggle img { display: inline-block; }
.vdc-search-toggle,
.vdc-search-toggle img,
.vdc-search-toggle svg { fill:#171A2C !important; color:#171A2C !important; display: none; }
.vdc-right-menu-toggle,
.vdc-right-menu-toggle img,
.vdc-right-menu-toggle svg { fill:#C6043D !important; color:#C6043D !important; }
.vdc-menu-close-wrapper { width:100%; background:transparent; display: block; height: 110px; min-height:110px; }
.vdc-menu-close-wrapper a { display: block; width: 20px; height: 20px; padding:5px; float: right; margin: 18px 10px 0px 0px;  }
.vdc-menu-close-wrapper a img { display:block; }
.vdc-right-nav { display: block; }
.vdc-right-nav ul { padding:0px; margin:0px; list-style: none; }
.vdc-right-nav ul li { border-top:1px solid #E5E5E5; }
.vdc-right-nav ul li a, .vdc-right-nav ul li span { color:#171A2C; text-transform: uppercase; font-size: 12px; font-family: 'Source Sans Pro';font-weight:700; line-height: 44px; }
.vdc-right-nav ul li a:hover { color:#C6043D; transition:color ease 0.3s; text-decoration: none; }
.vdc-right-nav ul li a img,
.vdc-right-nav ul li span img,
.vdc-right-nav ul li span svg,
.vdc-right-nav ul li a svg { float: left; display: inline-block; margin:16px 15px 0 30px; padding:0px; }
.vdc-social-nav { display: block; border-top:1px solid #E5E5E5; padding:10px 0 0 0; }
.vdc-social-nav ul { padding:0px; margin:0px; list-style: none; }
.vdc-social-nav ul li { border-top:none;}
.vdc-social-nav ul li a { color:#171A2C; text-transform: uppercase; font-size: 11px; font-family: 'Source Sans Pro';font-weight:400; line-height: 36px; }
.vdc-social-nav ul li a:hover { color:#C6043D; transition:color ease 0.3s; text-decoration: none; }
.vdc-social-nav ul li a img,
.vdc-social-nav ul li a svg { float: left; display: inline-block; margin:10px 11px 0 30px; padding:0px; }


/* -- INSET -- */
section.vdc-inset { width:100%; padding-bottom:50px; max-height:800px; background:#ECEFF2 url(../img/vdc-main-inset-bg.png) repeat-y center top; }
.vdc-slider-content { background:transparent; padding: 210px 0 0 0; width:25%; float: left; }
.vdc-slider-content span { background:#C6043D; color:#FFF; border-radius: 5px; font-family: 'Source Sans Pro';font-weight:700; font-size: 20px; display:inline-block; line-height: 30px; height: 30px; padding: 0px 8px; margin:0px; }
.vdc-slider-content h1   { color:#0251A0; font-family: 'Source Sans Pro';font-weight:700; font-size: 42px; line-height: 50px; }
.vdc-slider-content p    { color:#171A2C; font-size: 16px; font-family: 'Source Sans Pro';font-weight:400; line-height: 20px; }
.vdc-slider-content a    { display: inline-block; }
.vdc-slider-image { height: 700px; width:calc(75% - 30px); float: left; margin: 50px 0 0 30px; background-repeat:no-repeat !important;background-size:contain !important}

/* -- Announcement Counter -- */
section.vdc-event-announcement { width:100%; background:#4C5B6A; height: 200px; position:relative }
section.vdc-event-announcement span.flash { display:block; position:absolute; left:0px; top:0px; width:844px; height: 200px; background: transparent url(../img/vdc-announcement-flash.png) no-repeat right top; z-index: 1; }
section.vdc-event-announcement span.vea-right-img { display:block; position:absolute; left:0px; top:0px; background:#F3F6F9 url(../img/vea-bg.jpg) no-repeat left top; background-size:100%; width:700px; height:200px; z-index: 2; }
.vdc-pos-rel { position: relative; }
section.vdc-event-announcement .uk-grid { position: relative; z-index: 5; }
span.vdc-border-white { display: inline-block; border:1px solid #FFF; line-height: 24px; color:#FFF; font-family: 'Source Sans Pro';font-weight:400; font-size:12px; padding: 0 10px; margin:40px 0 0 0; border-radius: 4px; }
span.vdc-border-gray { display: inline-block; border:1px solid #ABADBA; line-height: 24px; color:#ABADBA; font-family: 'Source Sans Pro';font-weight:400; font-size:12px; padding: 0 10px; margin:110px 0 0 0; border-radius: 4px; }
section.vdc-event-announcement h2 { color:#FFFFFF; font-family: 'Source Sans Pro';font-weight:700; font-size:24px; text-transform: uppercase; padding: 0px; margin:15px 0px 0px 0px; font-weight: 300; }
section.vdc-event-announcement p  { color:#FFFFFF; font-family: 'Source Sans Pro';font-weight:400; font-size:14px; margin: 10px 0px 0px 0px; padding:0px; max-width:80%; }
section.vdc-event-announcement .vdc-content-left { float:left; width:55%;  }
section.vdc-event-announcement .vdc-content-right { float:left; width:40%; padding-right:5%; }
section.vdc-event-announcement .vdc-content-right a { margin-top:75px; float:right; margin-right: 10px; }
section.vdc-event-announcement .vdc-countdown { position: relative; z-index: 6; }
section.vdc-event-announcement .vdc-countdown span.uk-countdown-number { font-size:48px; text-align:center; color:#FFF; width:25%; float: left; display:block; font-family: 'Source Sans Pro';font-weight:700; margin:70px 0px 0px 0px; }
section.vdc-event-announcement .vdc-countdown p { display: block; width:25%; margin:10px 0px 0px 0px; float: left; text-align: center; font-size:12px; }

section.vdc-edu { width:100%; min-height: 700px; height: auto; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(236,239,242,1) 100%); }
section.vdc-edu .vdc-edu-slide-item { padding-left:10%; }
section.vdc-edu h2 { font-family: 'Source Sans Pro';font-weight:400; font-size:36px; text-transform: uppercase; line-height: 42px; margin: 110px 0 0 0; }
section.vdc-edu h3 { font-family: 'Source Sans Pro';font-weight:700; font-size:28px; color:#171A2C; text-transform:uppercase; line-height: 35px; }
section.vdc-edu h3 img,
section.vdc-edu h3 svg { display: inline-block; margin: 4px 10px 0 0 ; float: left; }
section.vdc-edu p  { color:#171A2C; font-size: 14px; font-family: 'Source Sans Pro';font-weight:400; line-height: 20px; }
section.vdc-edu a.vdc-edu-title { display:block; background:#4C5B6A url('../img/vdc-announcement-flash.png') no-repeat left top; border-radius: 6px; margin:0 0 10px 0;color:#FFF; line-height: 86px; padding:0 40px; text-decoration: none; width:calc(100% - 80px); height: 86px; }
section.vdc-edu a.vdc-edu-title p { line-height:86px; font-family: 'Source Sans Pro';font-weight:700; font-size:14px; color:#FFF; float: left; display:block; width:calc(32% - 40px); padding:0px; margin:0px; }
section.vdc-edu a.vdc-edu-title span { float: left; display:block; font-family: 'Source Sans Pro';font-weight:400; opacity:.3; transition:all ease 0.2s; width:calc(70% - 40px); text-align:right; }
section.vdc-edu a.vdc-edu-title:hover span { margin-right:10px; transition:all ease 0.2s; }
section.vdc-edu a.vdc-edu-title img,
section.vdc-edu a.vdc-edu-title svg { display: block; float: right; margin:27px 0 0 20px; transition:all ease 0.2s; }
section.vdc-edu a.vdc-edu-title:hover img,
section.vdc-edu a.vdc-edu-title:hover svg { transform: rotate(90deg); transition:all ease 0.2s; }
section.vdc-edu .vet-01 { background-position:-370px 0 !important; transition:all ease 0.2s; }
section.vdc-edu .vet-02 { background-position:-420px 0 !important; transition:all ease 0.2s; }
section.vdc-edu .vet-03 { background-position:-470px 0 !important; transition:all ease 0.2s; }
section.vdc-edu .vet-01:hover { background-position:-470px 0 !important; background-color:#263443; transition:all ease 0.2s; }
section.vdc-edu .vet-02:hover { background-position:-520px 0 !important; background-color:#263443; transition:all ease 0.2s; }
section.vdc-edu .vet-03:hover { background-position:-570px 0 !important; background-color:#263443; transition:all ease 0.2s; }
section.vdc-edu .vdc-button-03,
section.vdc-edu .vdc-button-04 { float: left; margin:10px 10px 0 0; }

section.vdc-about { background:#F3F6F9; width:100%; min-height: 800px; }
section.vdc-about .vdc-about-left { position: relative; }
section.vdc-about .vdc-about-left-bg { position:absolute; width:600px; height: 800px; right:0px; top:0px; background:#DDD url(../img/vdc-about-bg.png) no-repeat right -100px; background-size:120%; z-index: 3; }
section.vdc-about .vdc-tablist { position: relative; z-index: 10; width:calc(100% - 120px); background:#FFF; margin: 144px 0 0 40px; border-radius: 12px 0 0 12px; padding:48px 0 48px 80px; }
section.vdc-about .vdc-tablist ul::before { border:0px !important; }
section.vdc-about .vdc-tablist .uk-tab-left a { color:#171A2C; text-align: right; border-width:0 0 1px 0; border-style:solid; border-color: #E2E5EA; line-height: 60px; padding:0px 40px 0px 0px; font-family: 'Source Sans Pro';font-weight:700; font-size:14px; transition: all ease 0.4s; }
section.vdc-about .vdc-tablist .uk-tab-left .uk-active a,
section.vdc-about .vdc-tablist .uk-tab-left  a:hover { color:#C6043D; transition: all ease 0.4s; }
section.vdc-about .vdc-tablist .uk-tab-left li:last-child a { border:0px !important; }
section.vdc-about .vdc-tablist .uk-tab-left a img,
section.vdc-about .vdc-tablist .uk-tab-left a svg { opacity:0; margin:0 20px 0 0; transition: all ease 0.2s; }
section.vdc-about .vdc-tablist .uk-tab-left .uk-active a img,
section.vdc-about .vdc-tablist .uk-tab-left .uk-active a svg { opacity:1; margin:0 10px 0 0; transition: all ease 0.2s; }
section.vdc-about h2 { font-family: 'Source Sans Pro';font-weight:400; font-size:36px; text-transform: uppercase; line-height: 42px; margin-top:100px; }
section.vdc-about p  { color:#1E1E1D; font-size: 14px; font-family: 'Source Sans Pro';font-weight:400; line-height: 20px; }
section.vdc-about .vdc-about-right li.vdc-switcher-item { margin:44px 10.5% 0; }
section.vdc-about .vdc-for-mob-tab { background:red url(../img/vdc-about-bg.png) no-repeat center top; background-size:100%; }
section.vdc-about .vha-select { width:calc(100% - 60px); line-height: 46px; height: 46px; margin:30px ; font-size:16px; border:0; background:#FFF; padding: 0 20px; border-radius: 6px; }

div.vdc-numbers,
div.vdc-people {width:100%;}
div.vdc-people { margin-top:40px; display:block; }
div.vdc-numbers div.vdc-number-item      { display:block; width:25%; float: left; margin-top:80px; }
div.vdc-numbers div.vdc-number-item span { color:#171A2C; font-family: 'Source Sans Pro';font-weight:700; font-size:36px; text-align: center; display:block; }
div.vdc-numbers div.vdc-number-item p    { color:#171A2C; font-family: 'Source Sans Pro';font-weight:400; font-size:12px; text-align: center; width:50%; margin:0 auto; display:block; }
div.vdc-people div.vdc-people-item                    { width:25%; min-height:200px; margin:10px 0; display: block; float: left; }
div.vdc-people div.vdc-people-item div.vpi-wrap       { width:80%;  border-radius: 50%; margin: 0px auto ; transition:all ease 0.2s; position: relative;  }
div.vdc-people div.vdc-people-item img.vpi-go,
div.vdc-people div.vdc-people-item svg.vpi-go         { position:absolute; right:0px; bottom:10px; transition:all ease 0.2s; }
div.vdc-people div.vdc-people-item:hover img.vpi-go,
div.vdc-people div.vdc-people-item:hover svg.vpi-go   { right:-5px; }
div.vdc-people div.vdc-people-item img.vpi-img        { border-radius:50%; border:2px solid #4C5B6A; box-shadow:0 0 0px 5px rgba(76,91,106,0.1); transition:all ease 0.2s; }
div.vdc-people div.vdc-people-item:hover img.vpi-img  { transition:all ease 0.2s; border-color:#0251A0; box-shadow:0 0 0px 10px rgba(76,91,106,0.15); }
div.vdc-people div.vdc-people-item h3 { font-size:13px; color:#171A2C; font-family: 'Source Sans Pro';font-weight:600; text-align: center; padding:0px; margin: 16px 0px 20px 0px; transition:all ease 0.2s; }
div.vdc-people div.vdc-people-item:hover h3 { color:#C6043D; transition:all ease 0.2s; text-decoration: none; }
div.vdc-people div.vdc-people-item a { text-decoration: none; }

section.vdc-home-targets { width:100%; height: auto; min-height: 800px; background: rgb(236,239,242); background: linear-gradient(0deg, rgba(236,239,242,1) 0%, rgba(255,255,255,1) 100%); }
section.vdc-home-targets h2  { width:100%; height: 50px; color:#171A2C; font-family: 'Source Sans Pro';font-weight:400; font-size:36px; text-transform: uppercase; text-align: center; margin:80px 0 0 0; }
section.vdc-home-targets h3  { width:100%; height: 30px; color:#C6043D; font-family: 'Source Sans Pro';font-weight:700; font-size:14px; text-transform: uppercase; text-align: center; margin:40px 0 0 0; }
section.vdc-home-targets p.vht-content { width:100%; line-height: 18px; font-size:14px; font-family: 'Source Sans Pro';font-weight:400; color:#171A2C; text-align:center; padding:0px; margin:0px 0px 20px 0px; }
section.vdc-home-targets div.vht-item { text-align: center; padding:40px 20px 20px; border-radius: 12px; transition:all ease 0.5s; }
section.vdc-home-targets div.vht-item:hover { background:#FFF; transition:all ease 0.5s; box-shadow: 0px 15px 10px rgba(0,0,0,0.05); }
section.vdc-home-targets img.vht-main  { border-radius: 50%; width:240px; border:8px solid #FFF; box-shadow: 12px 12px 0px rgb(233,234,240); margin:50px auto 0; display:block; filter:grayscale(0.5); transition:all ease 0.5s; }
section.vdc-home-targets div.vht-item:hover img.vht-main,
section.vdc-home-targets img.vht-main:hover {  filter:grayscale(0); transform: rotate(5deg); box-shadow: 12px 12px 20px rgba(233,234,240,0.4); transition:all ease 1s; }

section.vdc-cef-tv { width:100%; height: auto; min-height: 800px; }
section.vdc-cef-tv .vdc-cef-tv-bg-wrapper { position:relative; }
section.vdc-cef-tv .vct-bg { position:absolute; right:0px; top:0px; width:700px; height:100%; min-height: 800px; background:#FFF url(../img/vdc-cef-tv-bg.jpg) no-repeat right top; background-size:120%; }
section.vdc-cef-tv .vdc-cef-tv-right { min-height:200px; padding-left:100px; padding-top:50px; }
section.vdc-cef-tv .vdc-cef-tv-right a.vdc-cef-tv-buttons { float: right; margin:0 0 0 10px; }
section.vdc-cef-tv .vct-header { margin-bottom:20px; }
section.vdc-cef-tv .vct-header img,
section.vdc-cef-tv .vct-header svg { font-family:'Source Sans Pro' !important;font-weight:700}
section.vdc-cef-tv .vdc-cef-tv-right h3 { font-family: 'Source Sans Pro';font-weight:700; font-size:12px; color: #C6043D; margin-top:20px; }
section.vdc-cef-tv .vct-item { background:#F3F6F9; width:calc(50% - 8px); float: left; border-radius: 5px; overflow: hidden; }
section.vdc-cef-tv .vct-item-half { height: 82px; margin-bottom:16px;}
section.vdc-cef-tv .vct-item-full { height: 180px; margin-left:16px; float:right; position: relative; }
section.vdc-cef-tv .vct-item img  { min-width:100%; min-height: 100%; }
section.vdc-cef-tv .vct-item-full p { position:absolute; width:100%; height: 100%; background:rgba(0,0,0,0.7); text-align: center; color:#FFFFFF; line-height: 180px; font-size:24px; font-family: 'Source Sans Pro';font-weight:700; }
section.vdc-cef-tv .vct-link { width:100%; clear: both; border-top:1px solid #C9C9C9; display:block; font-size:14px; font-family: 'Source Sans Pro';font-weight:600; color:#171A2C; padding:10px 0 0 24px; text-decoration: none; }
section.vdc-cef-tv .vct-link .vct-bullet { display:block; background:#FFFFFF; width:24px; margin:0 0 0 -24px; height: 40px; float: left; transition:all ease 0.2s; }
section.vdc-cef-tv .vct-link:hover .vct-bullet { margin-right:10px; transition:all ease 0.2s; }

section.vdc-home-teachers { width:100%; height: auto; min-height: 800px; background:#f3f6f9; }
section.vdc-home-teachers h2 { font-family: 'Source Sans Pro';font-weight:400; font-size:36px; text-transform: uppercase; line-height: 42px; margin: 370px 0 0 0; }
section.vdc-home-teachers p  { color:#171A2C; font-size: 14px; font-family: 'Source Sans Pro';font-weight:400; line-height: 18px; margin:20px 0px 0px 0px; padding:0px; }
section.vdc-home-teachers .vht2-right { margin-top:170px; margin-left:100px; position: relative; }
section.vdc-home-teachers .vht2-right img { border-radius:12px; }
section.vdc-home-teachers .vht2-right h3 { color:#0251A0; font-size:24px; font-family: 'Source Sans Pro';font-weight:700; text-transform: uppercase; margin:0px; padding:0px; }
section.vdc-home-teachers .vht2-right h4 { color:#C6043D; font-size:14px; font-family: 'Source Sans Pro';font-weight:700; margin:0px; padding:0px; }
section.vdc-home-teachers .vht2-right p  { color:#171A2C; font-size: 14px; font-family: 'Source Sans Pro';font-weight:400; line-height: 18px; margin:20px 0px 0px 0px; padding:0px; }
section.vdc-home-teachers .vht2-right a  { margin:20px 0 0 0; }
section.vdc-home-teachers .vht2-right .vht2-control { position:absolute; left: -80px;  }
section.vdc-home-teachers .vht2-right .vht2-prev { top:155px; }
section.vdc-home-teachers .vht2-right .vht2-next { top:225px; }
section.vdc-home-teachers .vht2-right .vht2-next img,
section.vdc-home-teachers .vht2-right .vht2-next svg { transform:rotate(180deg); }
section.vdc-home-teachers .vht2-right .vht2-content {padding-top:100px;}

div.vdc-footer { width:100%; height: 120px; background:transparent url(../img/vdc-footer-bg.png) no-repeat left top; }
div.vdc-footer a.vdc-footer-link { font-family: 'Source Sans Pro';font-weight:600; font-size:16px; color:#FFFFFF; font-size:14px; margin:40px 40px 0 0; display: inline-block; }
div.vdc-footer p { font-family: 'Source Sans Pro';font-weight:400; font-size:12px; color:#FFFFFF; padding:0px; margin:6px 0px 0px 0px; }
div.vdc-footer img.vdc-footer-right { float: right; margin:10px 50px 0 0; }




@media (max-width: 1600px) and (min-width: 1367px) {.vdc-mainnav ul li a { padding:0 10px; }}
@media (max-width: 1366px) and (min-width: 1251px) {.vdc-mainnav ul li a { padding:0 5px; }section.vdc-inset { background-position:-500px top; }}
@media (max-width: 1250px) and (min-width: 1024px) {.vdc-mainnav ul li a { padding:0 3px; }}
@media (max-width: 1300px) and (min-width: 1200px) {
    section.vdc-event-announcement .vdc-content-left { width:calc(95% - 160px); }
    section.vdc-event-announcement .vdc-content-right { width:160px; }
    section.vdc-event-announcement .vdc-content-right a { margin-top:10px; }
    section.vdc-event-announcement .vdc-content-right a:first-child { margin-top:50px; }
 }


/* XLarge Devices */
@media (min-width: 1600px) {
    .vdc-mainnav ul li a { padding:0 15px; }
    .vdc-right-menu-toggle { margin-left:16px; }
}
/* Large Devices */
@media (max-width: 1599px) and (min-width: 1200px) {
    .vdc-right-menu-toggle { margin-left:10px; }
    section.vdc-about .vdc-tablist { width: calc(100% - 70px); padding: 48px 0 48px 30px; }
    div.vdc-footer { background-position:-70px top; }
    section.vdc-inset { background-position:-500px top; }
}
/* Medium Devices */
@media (max-width: 1199px) and (min-width: 960px)  {
    section.vdc-edu .vdc-edu-slide-item { padding-left: 0; }
    .vdc-event-announcement {height: 400px;}
    section.vdc-event-announcement .vdc-content-left { float:left; width:60%;  }
    section.vdc-event-announcement .vdc-content-right { float:left; width:35%; padding-right:5%; }
    .vdc-wrap-02 { width:auto !important; padding:0 60px; }
    section.vdc-edu h2 { margin: 50px 0 0 0; font-size:24px; }
    section.vdc-edu h3 { font-size:24px; margin: 20px 0; }
    span.vdc-border-gray { margin:50px 0 0 0; }
    .vdc-slider-content h1 { font-size: 30px; line-height: 36px; }
    section.vdc-inset { background-position:-600px top; }
    .vdc-slider-content { padding-top:120px; }
    .vdc-slider-image { background-size: 125% !important; }
    .vea-left { height: 200px; }
    section.vdc-event-announcement { padding-bottom:200px; }
    section.vdc-about .vdc-tablist { margin: 100px 0 0 0px !important; padding: 48px 0 48px 60px; width: calc(100% - 60px); }
    section.vdc-home-targets { padding-bottom:50px; }
    section.vdc-cef-tv .vdc-cef-tv-right { padding-left:0px; }
    section.vdc-home-targets h2 { font-size:24px; }
    section.vdc-home-teachers h2 { font-size:24px; margin: 60px 0 0 0; text-align: center; }
    section.vdc-home-teachers p  { margin: 10px 0px 0px 0px; text-align: center; }
    section.vdc-home-teachers .vht2-right { margin-top: 0px; }
    section.vdc-home-teachers .vht2-right .vht2-content { padding-top: 70px; }
    section.vdc-home-teachers .vht2-right .vht2-content p { text-align:left; }
    section.vdc-home-teachers { min-height: 600px; }
    div.vdc-footer { background-position:-421px top; }
}
/* Small Devices */
@media (max-width: 959px) and (min-width: 640px)   {
    section.vdc-edu .vdc-edu-slide-item { padding-left: 0; }
    .vdc-event-announcement {height: 400px;}
    section.vdc-event-announcement .vdc-content-left { float:left; width:60%; }
    section.vdc-event-announcement .vdc-content-right { float:left; width:35%; padding-right:5%; }
    .vdc-wrap-02 { width:auto !important; padding:0 30px; }
    section.vdc-edu h2 { margin: 50px 0 0 0; font-size:24px; }
    section.vdc-edu h3 { font-size:24px; margin: 20px 0; }
    section.vdc-edu a.vdc-edu-title span { font-size:13px; }
    span.vdc-border-gray { margin:50px 0 0 0; }
    .vdc-slider-content h1 { font-size: 30px; line-height: 36px; margin:10px 0 0 0; }
    .vdc-slider-content p { margin:10px 0px 15px; }
    section.vdc-event-announcement .vdc-content-right a { margin-top:10px; }
    section.vdc-event-announcement .vdc-content-right a:first-child { margin-top:50px; }
    section.vdc-event-announcement p { max-width:100%; }
    section.vdc-inset { background:#ECEFF2 url(../img/vdc-main-inset-bg-mobile.png) repeat-x center -780px; height: 700px; }
    .vdc-slider-content { padding-top:0px; width:100% !important; padding-bottom:50px; margin-top:70px; }
    .vdc-slider-image { background-size: 125% !important; width:100% !important; margin:50px 0px 0px ; height:400px; }
    .vea-left { height: 200px; }
    section.vdc-event-announcement { padding-bottom:200px; }
    section.vdc-about .vdc-wrap { width:100% !important; }
    section.vdc-about .vdc-tablist { margin: 100px 0 0 0px !important; padding: 48px 0 48px 60px; width: calc(100% - 60px); }
    section.vdc-home-targets { padding-bottom:50px; }
    section.vdc-cef-tv .vdc-cef-tv-right { padding-left:0px; }
    section.vdc-home-targets h2 { font-size:24px; }
    section.vdc-home-teachers h2 { font-size:24px; margin: 60px 0 0 0; text-align: center; }
    section.vdc-home-teachers p  { margin: 10px 0px 0px 0px; text-align: center; }
    section.vdc-home-teachers .vht2-right { margin-top: 0px; }
    section.vdc-home-teachers .vht2-right .vht2-content { padding-top: 70px; }
    section.vdc-home-teachers .vht2-right .vht2-content p { text-align:left; }
    section.vdc-home-teachers { min-height: 600px; }
    div.vdc-footer { background-position:-540px top; }
    section.vdc-inset .uk-slideshow-items>* { position: relative; }
    section.vdc-cef-tv .vct-item-half { height: 52px; }
    section.vdc-cef-tv .vct-item-full { height: 120px; }
    section.vdc-cef-tv .vct-item-full p { line-height: 120px;}

}
/* XSmall Devices */
@media (max-width: 639px)  {
    .vdc-event-announcement {height: 600px;}
    .vea-left { height: 300px; }
    section.vdc-event-announcement .vdc-content-left { float:left; width:100%; }
    section.vdc-event-announcement .vdc-content-right { float:left; width:100%; padding:0; }
    section.vdc-event-announcement h2 { font-size:18px; }
    section.vdc-event-announcement p { font-size:13px; max-width:100%; }
    section.vdc-event-announcement .vdc-content-right a { float:left; margin-top:10px; width:100%; }
    section.vdc-event-announcement .vdc-content-right a:first-child { margin-top:20px; }
    section.vdc-event-announcement span.flash { display:none; }
    section.vdc-event-announcement { padding-bottom:300px; }

    section.vdc-edu .vdc-edu-slide-item { padding-left: 0; }
    section.vdc-edu .vdc-wrap-02 { width:auto !important; padding:0 30px; }
    section.vdc-edu h2 { margin: 30px 0 0 0; font-size:24px; text-align:center; }
    section.vdc-edu .vdc-link-type-01 { display:none; }
    section.vdc-edu h3 { font-size:20px; margin: 20px 0 10px; text-align:center; line-height:28px; }
    section.vdc-edu h3 img { display:block; clear: both; float:none; margin:0 auto 10px; }
    section.vdc-edu p  { text-align:center; font-size:13px; line-height:18px; margin:0 0 15px 0; }
    section.vdc-edu a.vdc-edu-title { padding: 0 15px; line-height:24px; height:86px; width: calc(100% - 30px); }
    section.vdc-edu a.vdc-edu-title p { width:calc(100% - 42px); text-align:left; font-size:14px; line-height:18px; margin:25px 0 0 0; }
    section.vdc-edu a.vdc-edu-title img, section.vdc-edu a.vdc-edu-title svg { margin-left:10px; }
    section.vdc-edu a.vdc-edu-title span { display:block; float:left; width:calc(100% - 62px); font-size:12px; line-height:18px; text-align:left; margin:5px 0 0 0; }
    section.vdc-edu .vet-01 { background-position: -600px 0 !important; }
    section.vdc-edu .vet-02 { background-position: -650px 0 !important; }
    section.vdc-edu .vet-03 { background-position: -700px 0 !important; }
    section.vdc-edu .vdc-edu-slide-item a.vdc-button-03 { width:calc(100% - 2px); }
    section.vdc-edu .vdc-edu-slide-item a.vdc-button-04 { width:100%; }
    section.vdc-edu span.vdc-border-gray { margin:20px auto 0; display:block; width:30%;  }

    .vdc-slider-content h1 { font-size: 24px; line-height: 30px; margin:10px 0 0 0; }
    .vdc-slider-content p { margin:10px 0px 15px; font-size:13px; line-height:18px;}
    .vdc-slider-content a { width:100%; }
    section.vdc-inset { background:#ECEFF2 url(../img/vdc-main-inset-bg-mobile.png) repeat-x center -1040px; height: 444px; }
    section.vdc-inset .uk-slidenav { display:none; }
    section.vdc-inset .uk-slideshow-items>* { position: relative; }
    section.vdc-inset .vdc-slider-content { padding-top:0px; width:100% !important; padding-bottom:50px; margin-top:35px; }
    section.vdc-inset .vdc-slider-content span { font-size:12px; height:20px; line-height:20px; border-radius:0px; }
    section.vdc-inset .vdc-slider-image { background-size: 100% !important; width:100% !important; margin:13px 0px 0px ; height:216px; }

    section.vdc-about .vdc-wrap { width:100% !important; }
    section.vdc-about .vdc-tablist { margin: 100px 0 0 0px !important; padding: 48px 0 48px 60px; width: calc(100% - 60px); }
    section.vdc-about div.vdc-numbers div.vdc-number-item { width:50%; margin-top:40px; }
    section.vdc-about .vdc-about-right li.vdc-switcher-item { margin-top:0px; }
    section.vdc-about h2 { margin-top:40px; font-size:24px; text-align:center; }
    section.vdc-about p  { margin:15px 0; text-align:center; font-size:13px; line-height:18px; }
    section.vdc-about div.vdc-people div.vdc-people-item { width:50%; }
    section.vdc-about div.vdc-people div.vdc-people-item img.vpi-go, section.vdc-about div.vdc-people div.vdc-people-item svg.vpi-go { width:30%; bottom:0px; }
    section.vdc-about div.vdc-people div.vdc-people-item h3 { padding: 0 10px; }
    section.vdc-about .vdc-about-right { padding-bottom:50px; }

    section.vdc-home-targets { padding-bottom:50px; }
    section.vdc-home-targets h2 { font-size:24px; margin-top:50px; }
    section.vdc-home-targets img.vht-main { width:190px; margin:0 auto; }

    section.vdc-home-teachers h2 { font-size:22px; margin: 60px 0 0 0; text-align: center; }
    section.vdc-home-teachers h4 { font-size:13px !important; font-weight:500; }
    section.vdc-home-teachers p  { margin: 10px 0px 0px 0px; text-align: center; font-size:13px; }
    section.vdc-home-teachers .vht2-right { margin: 0px; }
    section.vdc-home-teachers .vht2-right img { width:100%; margin-bottom:20px; }
    section.vdc-home-teachers .vht2-right .vht2-content { padding-top: 40px; }
    section.vdc-home-teachers .vht2-right .vht2-content p { text-align:left; }
    section.vdc-home-teachers { min-height: 600px; }
    section.vdc-home-teachers .uk-slideshow-items { height:750px; }

    section.vdc-cef-tv { padding-bottom:40px; }
    section.vdc-cef-tv .vdc-cef-tv-right { padding-left:0px; }
    section.vdc-cef-tv .vct-item-half { height: 52px; }
    section.vdc-cef-tv .vct-item-full { height: 120px; }
    section.vdc-cef-tv .vct-item-full p { line-height: 120px; }
    section.vdc-cef-tv .vdc-cef-tv-buttons { width:100%; margin:40px 0px 0px 0px !important; }
    section.vdc-cef-tv .vdc-cef-tv-buttons:last-child { width:calc(100% - 2px); margin-top:10px !important; }
    section.vdc-event-announcement span.vea-right-img { background-size:130%; }

    div.vdc-footer { background-position:-500px top; height:240px; }
    div.vdc-footer .vdc-wrap-02 { max-width:90%; margin:0 auto; text-align:center; }
    div.vdc-footer a.vdc-footer-link { display:inline-block; margin:30px 13px 0 0; }
    div.vdc-footer p { text-align:center; margin-bottom:20px !important; }
    div.vdc-footer img.vdc-footer-right { margin-right:20px; }
    div.vdc-people div.vdc-people-item {width:33%}
}