/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b21628;
    color:#fff;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

input, textarea { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; }
select { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

.clearfix { height:0; clear:both; margin:0; padding:0; }
.iloading { position:absolute; z-index:99999999; top:-100px; left:0; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; margin:0px 0px 15px 0px; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width:930px; height:500px; max-width: 100%; min-height: 100%; border:none; }
.iframe-container { position:relative; margin:0px 0px 15px 0px; overflow:hidden; }
.iframe-container iframe { width:100%; height:100%; }

img { max-width:100%; height:auto; border:none; }

body { margin:0; padding:0px; font-family:'Poppins', arial, sans-serif; color:#424242; font-size:20px; font-weight: 300; line-height:30px;overflow-x:hidden; }
td, th { color:#424242; font-family:'Poppins', arial, sans-serif; font-size:20px; font-weight: 300; line-height:37px; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0px 0px 37px 0px; letter-spacing: 1px; }
p, div.page-content div { margin:0; padding:0px 0px 37px 0px; }
hr { margin:33px 0px 70px 0px; border:none; border-top:1px solid #d4d4d4; }
ul, ol { margin:0; padding:0px 0px 37px 20px; }
li { padding:0; }
.content table { margin-bottom:37px; }
.noborder { border:none!important; }

h1 { font-size:45px; line-height:60px; padding-bottom:12px; }
h2 { padding-bottom:18px; font-size:22px; line-height:37px; }

a { color:#e8252d; text-decoration: none; }
a.with-underline { text-decoration: underline; }
.clearfix { clear:both; }

.slidetitle { font-size:38px; font-weight:700; line-height:50px; padding-bottom:16px!important; letter-spacing: 1px; }
div.page-banner .slidetitle { padding-bottom:0!important; }
.discover { font-size:15px; line-height:27px; font-weight:700; color:#ce252d; letter-spacing: 1px;margin-top:15px; }
.font27 { font-size:27px; line-height:45px; }

ul.mission, ol.mission { display:table; list-style-type: none; margin:0 auto; padding:0; margin-bottom:37px; }
ul.mission>li, ol.mission>li { display:table-cell; width:270px; padding:24px 30px 0px 30px; text-align: center; }
ul.mission>li h3, ol.mission>li h3, ul.corevalues>li h3, ol.corevalues>li h3 { font-size:22px; line-height:37px; color:#e8252d; padding:40px 0px 12px 0px; }

ul.corevalues, ol.corevalues { display:table; max-width:880px; list-style-type: none; margin:0px auto 37px auto; padding:0;  }
ul.corevalues>li, ol.corevalues>li { display:table-cell; padding:0px 30px 0px 30px; text-align:left; }
ul.corevalues>li h3, ol.corevalues>li h3 { padding-top:25px; }
ul.corevalues ul, ul.corevalues ol, ol.corevalues ul, ol.corevalues ol { list-style-type: none; }
ul.corevalues ul>li, ul.corevalues ol>li, ol.corevalues ul>li, ol.corevalues ol>li { position: relative; }
ul.corevalues ul>li:before, ul.corevalues ol>li:before, ol.corevalues ul>li:before, ol.corevalues ol>li:before { content:'-'; display:block; position: absolute; left:-20px; top:0; }

.max495 { max-width:495px; margin:0 auto; }

.col6 { width:50%; float:left; }
.col6:after { content: ' '; display:block; height:100%; width:27px; float:right; }
table td, table th { vertical-align: top; text-align:left; }

.twoimage { margin-left:-15px;margin-right:0;  max-width:50%; float:left; }
.twoimage img { margin-left:15px; margin-right:0; width:90%; max-width:100%; height:auto; }
.nopaddingbottom { padding-bottom:0!important; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; margin:0px 0px 37px 0px; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width:100%; height:100%; }
.video-container>span:first-child { position: absolute; top:0; left:0; width:100%; height:100%; display:block; }

.dashedul { list-style-type: none; }
.dashedul>li { position: relative; }
.dashedul>li:before { content:'-'; display:block; position: absolute; top:2px; left:-18px; }

.m-b-0 { padding-bottom:0; }
div.row {  }
div.row:after { content:''; display:block; clear:left; }

.imageonleft { float:left; margin:0px 80px 80px 0px; }
.lighter { color:#bdbdbd; }

.gradetable { width:520px; margin:0 auto; }
.gradetable td, th { margin:0; padding:0; text-align:center; padding:3px 0px 3px 0px; font-size:18px; }
.gradetable tr td, .gradetable tr th { color:#000000; background:#f5f5f5; }
.gradetable tr:nth-child(2n+1) td, .gradetable tr:nth-child(2n+1) th { background:#eeeeee; }
.gradetable tr:first-child td, .gradetable tr:first-child th { background:#bdbdbd; color:#424242; font-weight:bold; }

.contacttable { display:table; max-width:960px; margin:0 auto 40px auto; }
.contacttable>div { display:table-cell; vertical-align: top; padding:0px 35px 0px 35px; }
.contacttable>div:first-child { text-align: center; }
.contacttable>div:nth-child(3) { padding-top:64px; padding-bottom:0; }
.contacttable h2 { font-size:20px; line-height:26px; padding-bottom:40px; }

.red45 { font-size:45px; line-height:50px; padding-bottom:48px; font-weight: bold; color:#e8252d; }
.bold22 { font-size:22px; font-weight: bold; }

.col2 { width:16.666%; float:left; }
.col6 { width:50%; float:left; }
.col6:after { content: ' '; display:block; height:100%; width:27px; float:right; }

.m-b-0 { padding-bottom:0!important; }

div.row {  }
div.row:after, div.grid:after { content:''; display:block; clear:both; }

input:focus, textarea:focus { outline:none; }
/*remarks by rp 20 dec 21 - div.wrapper { max-width:1140px; margin:0 auto; position:relative; }*/
div.wrapper { max-width:1240px; margin:0 auto; position:relative; }
#header { height:105px; position:fixed; width:100%; top:0; z-index:99999; background:#fff; }
#header>div.whitebg>div>div>p:first-child, #header>div.whitebg>div>div>h1:first-child { float:left; padding:0; }

.col2 { width:16.666%; float:left; }
.col3 { width:25%; float:left; }
.col4 { width:33.333%; float:left; }
.col5 { width: 41.666%; float:left; }
.col8 { width:66.666%; float:left; }

.mobile-only, .hide-desktop { display:none; }

#main-content { padding:105px 0px 0px 0px; position: relative; }


dl.dropdown dd, dl.dropdown dt, dl.dropdown ul { margin:0px; padding:0px; width:265px; }
dl.dropdown dd { position:relative; }
dl.dropdown dd a:hover, .dropdown dd a.current { color:#808080; background-color:#f2f2f2; }
dl.dropdown dt a { display:block; font-size:14px;font-weight:400; line-height:18px; padding:11px 25px 11px 25px; cursor:pointer; border:2px solid #fff; color:#fff; position:relative; }
dl.dropdown dt a:after { content:''; display:block; background:url(../images/assets.5.png) no-repeat -163px 0px; width:13px; height:9px; position: absolute; top:9px; right:9px; }
dl.dropdown dt a.onhover:after { background-position:-163px -9px; }
dl.dropdown dd ul { background:#fff; color:#808080; display:none; left:0px; position:absolute; top:0px; width:100%; list-style:none; z-index:1100; max-height:370px; overflow-y:auto; overflow-x:hidden; }
dl.dropdown span.value { display:none;}
dl.dropdown dd ul li a {  display:block; font-size:15px; line-height:18px; padding:11px 25px 11px 25px; cursor:pointer; color:#808080; }
dl.dropdown dd ul li a:hover { color:#000; }
dl.dropdown ul li { padding:0px; background:none; }
dl#dmonth, dl#dyear { display:inline-block; text-align:left; margin:0px 20px 0px 10px; }
dl#dyear { margin-right:0; margin-left:0; }
dl#dyear dt, dl#dmonth dt { width:120px; }
dl#dyear dd, dl#dyear ul, dl#dmonth dd, dl#dmonth ul { width:118px; }
dl#dyear ul { padding:5px 0px 5px 0px; }
dl#dyear dt a, dl#dmonth dt a { color:#b2b2b2; border:1px solid #cbcbcb; font-size:13px; font-weight: 400; font-family: 'Montserrat', arial, sans-serif; line-height:16px; font-weight: 300; padding:6px 25px 6px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
dl#dyear dd ul, dl#dmonth dd ul { border:1px solid #cbcbcb; border-top:none; margin-top:-2px; }
dl#dyear dd ul li a, dl#dmonth dd ul li a { font-size:13px; line-height:16px; padding:6px 25px 6px 9px; font-family: 'Montserrat', arial, sans-serif; font-weight: 400; color:#4c4c4c; }
dl#dyear dd ul li a:hover, dl#dyear dd ul li a.current { color:#ec1e24; background:none; }
dl#dyear dd ul { padding-top:8px; }

.noselect, label[for=remember], div.list-deliveries label {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
label[for=remember] { cursor: pointer; }


.startanimate { transition: all 200ms; transform:scale(0); -webkit-transform:scale(0); }
.startanimate.animate { transform: scale(1); -webkit-transform:scale(1); }
/*div.g-recaptcha { transform:scale(0.9);-webkit-transform:scale(0.9); transform-origin:0 0;-webkit-transform-origin:0 0; margin:0px 0px 12px 0px; }*/

div.sarea { position: relative; }
div.slideshow { height:475px; }
div.slideshow>div, div.page-banner { position: relative; }
div.slideshow>div, div.slideshow>div>div.bg, div.page-banner { width:100%; height:475px; background-repeat:no-repeat; background-position: center center; background-size:cover; }
div.slideshow>div>div.bg { position:absolute; top:0; left:0; overflow: hidden; }
div.slideshow>div>div.bg>video { width: auto; height: auto; min-height: 100%; min-width: 100%; max-width: none; max-height: none; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 0; }
div.slide-caption { width:100%; /*height:100vh;*/z-index:1000; display:table; position:absolute; left:0; bottom:0; background:url(../images/new-slide-bg.png) no-repeat center bottom; background-size:cover;}
div.slide-caption>div { display:table-cell; vertical-align:middle; text-align: left; }
div.slide-caption>div:first-child { width:61.85%; }
div.slide-caption>div:last-child>div { max-width:380px; padding-top:100px; padding-bottom:0; }
div.slide-caption>div:after { content:''; display:block; clear:both; }
div.slide-caption>div p:last-child { padding:0; }
div.slide-nav { height:0; position:absolute; bottom:0; width:100%; left:0; }
div.slidedotnav, div.slidedotnav1, div.pnav { position:absolute; z-index:99991; overflow: hidden; width:100%; height:14px; top:-30px; }
div.slidedotnav ul, div.slidedotnav1 ul, div.tweetnav ul, div.fnav ul, div.pnav ul { position: relative; left: 50%; float: left; padding:0; list-style-type: none; }
div.slidedotnav ul>li, div.slidedotnav1 ul>li, div.tweetnav ul>li, div.fnav ul>li, div.pnav ul>li { position: relative; right: 50%; float: left; padding:0px 5px 0px 5px; line-height:12px; }
div.slidedotnav a, div.slidedotnav1 a, div.tweetnav a, div.fnav a, div.pnav a { display:inline-block; width:12px; height:12px; background:#d5d5d5; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
div.fnav a { background:#fff; }
div.slidedotnav a>span, div.slidedotnav1 a>span,div.tweetnav a>span, div.fnav a>span, div.pnav a>span { display:none; }
div.slidedotnav li.activeSlide a, div.slidedotnav1 li.activeSlide a, div.tweetnav li.activeSlide a, div.fnav li.activeSlide a, div.pnav li.activeSlide a { background-color:#ce252d; }
div.tweetnav, div.fnav { width:100%; overflow:hidden; height:14px; }
div.fnav { position: absolute; bottom: 25px; z-index: 9999; }


#keyword { font-size:14px; font-weight: 300; line-height:18px; color:#9b9b9b; padding:10px 40px 8px 14px; height:18px; border:1px solid #cdcdcd; width:294px; }
div.search_form { display:none; float:right; position: relative; top:-14px; }
input.btnsearch { border:none; text-indent: -100px; overflow: hidden; width:18px; height:18px; background:url(../images/assets.png) no-repeat -10px 0px; position: absolute; top:10px; right:16px; }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
    color:#999;
}


label.error { color:#ec1e24; font-size:14px; line-height:20px; }


#frmContact input[type=text], #frmContact .btn_submit, #frmContact input[type=email], #frmContact textarea ,
{ color:#666666; font-size:13px; line-height:23px; padding:8px 17px 8px 17px; border:1px solid #c6c6c6; width:400px; display:block; }
span.selectedfile { white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }

div.hl { float:left; width:200px; padding:15px 0px 0px 0px; }

/*rp 20 dec 21 - div.hr { float:right; width:1000px; padding:47px 0px 40px 0px; }*/
div.hr { float:right; width:1000px; padding:47px 0px 40px 0px; }
a.asearch, a.amenu { float:right; font-size:16px; line-height:18px; width:18px; height:18px; vertical-align: middle; }
a.asearch.open { background-position:-10px -18px; margin-left:30px; }
a.asearch>span { display:none; }
a.asearch { display:block; background:url(../images/assets.png) no-repeat -10px 0px; position: relative; top:-2px; margin:0px 0px 0px 40px; }
a.asearch:hover { background-position:-28px 0px; }
a.asearch.open:hover { background-position:-28px -18px; }
#main-nav { float:right; }
#main-nav ul { width:auto; list-style-type: none; margin:0; padding:0; }
#main-nav ul>li { float:left; }
#main-nav ul>li>a { font-weight: bold; color:#848484; text-transform: uppercase; line-height:18px; padding:0px 18px 0px 19px;/*padding:0px 7px 0px 7px;*/ display:block; font-size:15px; letter-spacing: 0px; }
#main-nav ul>li>a:hover, #main-nav ul>li>a.current, #main-nav ul>li>a.onhover { color:#424242; }
#main-nav ul>li>a.hassub:after { display:inline-block; content:''; width:10px; height:6px; background:url(../images/assets.png) no-repeat 0px 0px; margin:0px 0px 0px 7px; vertical-align: top; position: relative; top:4px; }
#main-nav ul>li>a.hassub:hover:after, #main-nav ul>li>a.hassub.current:after, #main-nav ul>li>a.hassub.onhover:after { background-position:0px -6px; }
#main-nav ul div { display:none; width:100%; position:fixed; top:105px; left:0;  z-index:99999; text-align: center; overflow: hidden; }
#main-nav ul div>ul { margin:0 auto; }
#main-nav ul ul>li { display:list-item; float:none; width:240px;  vertical-align: top; }
#main-nav ul ul>li>a { padding:10px 0px; display:block; width:240px; position: relative; background: #dddddd;}
#main-nav ul ul>li>a>img { position: absolute; top:0; left:0; }
#main-nav ul ul>li>a>span { position: absolute; bottom:0; left:0; display:table; width:100%; line-height:19px; color:#fff; background:rgba(0, 0, 0, 0.7); font-size:13px; font-weight: bold; }
#main-nav ul ul>li>a:hover>span, #main-nav ul ul>li>a.current>span { background:#f5f5f5; color:#424242; }
#main-nav ul ul>li>a>span>span { display:table-cell; height:38px; line-height:19px; padding:12px 40px 12px 40px; vertical-align: middle; }
#main-nav a.nprev, #main-nav a.nnext { display:none; position: absolute; width:45px; height:250px; background:#eeeeee; position: absolute; left:0; top:0; }
#main-nav a.nnext { position: absolute; left:auto; right:0; display:table; }
#main-nav a.nprev>span, #main-nav a.nnext>span { display:table-cell; vertical-align: middle; }
#main-nav a.nprev>span>span { display:inline-block; border-right:8px solid #757575; border-top:8px solid transparent; border-bottom: 8px solid transparent; }
#main-nav a.nnext>span>span { display:inline-block; border-left:8px solid #757575; border-top:8px solid transparent; border-bottom: 8px solid transparent; }
#main-nav a.nprev:hover>span>span { border-right-color:#424242; }
#main-nav a.nnext:hover>span>span { border-left-color:#424242; }


#welcome>div.wrapper { padding:125px 0px 50px 0px; border-bottom: 1px solid #bababa; }
#hometestimonial { background-position: left bottom; background-repeat:repeat-x; position: relative; text-align: center; padding:65px 0px 180px 0px; }
#hometestimonial>* { position: relative; z-index:1; }
#hometestimonial:before { content:''; display:block; width:100%; height:100%; position: absolute; top:0; left:0; 
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 60%, rgba(255,255,255,0.3) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 60%,rgba(255,255,255,0.3) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 60%,rgba(255,255,255,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); 
    z-index:0;
}
#hometestimonial h2, div.hachi h2, #homearticles h2, #homefcats h2 { font-size:45px; color:#424242; line-height:60px; padding-bottom:43px; }
#hometestimonial figure { max-width:700px; margin:0 auto; }
#hometestimonial figure>img { -webkit-box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); -moz-box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); }
#hometestimonial figure>figcaption { padding:25px 0px 0px 0px; }
#hometestimonial figure>figcaption h3 { font-size:22px; color:#424242; line-height: 37px; padding-bottom:13px; }
#hometestimonial figure>figcaption blockquote { margin:0; padding:0px 0px 10px 0px; font-size:20px; }

#homeachievement { background-position:center bottom; background-repeat: no-repeat; padding:110px 0px 85px 0px; }
div.hachi { max-width:520px; padding:0px 0px 0px 55px; }
div.hachi h2 { line-height:50px; padding-bottom:18px; max-width:400px; }
div.hachi h3 { font-size:27px; color:#424242; line-height:37px; padding-bottom:8px; }
div.hachi h4 { font-size:20px; color:#424242; padding-bottom:8px; }
div.hachi p { padding-bottom:12px; }

#homearticles { background:#f8f8f8; text-align: center; padding:53px 0px 37px 0px; }
#homearticles h2 { padding-bottom:32px; }
#homearticles figure.article { margin:10px 9px 10px 9px; background:transparent; float:left; opacity: 0.5; filter: alpha(opacity=50); }
#homearticles figure.article>a>img { width:100%; height:auto; transition: all 200ms; -webkit-transition: all 200ms; }
#homearticles figure.article>figcaption { padding:29px 42px 9px 42px; transition: all 200ms; -webkit-transition: all 200ms; }
#homearticles figure.article h3 { font-size:22px; line-height:37px; padding-bottom:8px; color:#424242; white-space: nowrap; text-overflow: ellipsis; height:37px; overflow: hidden; font-family: Poppins, arial, sans-serif; }
#homearticles figure.article p { padding-bottom:16px; }
#homearticles figure.article p.desc { max-height:74px; overflow: hidden; padding-bottom:0; margin-bottom:16px; }
#homearticles div.thumb-wrapper:after { content:''; display:block; clear:left; }
#homearticles div.articlelist { overflow: hidden; position: relative; padding:0px 0px 40px 0px; }
#homearticles div.thumb-wrapper { position: absolute; top:0px; left:0px; }
div.slidedotnav1 { top:auto; bottom:0; }
#homearticles figure.article.active { opacity: 1; filter: alpha(opacity=100); background:#fff; -webkit-box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); -moz-box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); }

#homefcats { text-align: center; }
#homefcats>div.wrapper { padding:55px 0px 55px 0px; border-bottom: 1px solid #bababa; }
#homefcats h2 { padding-bottom:14px; }
div.fcat-nav { width:100%; padding:0px 0px 12px 0px; height:37px; overflow: hidden; }
div.fcat-nav ul { position: relative; left: 50%; float: left; padding: 0; list-style-type: none; }
div.fcat-nav ul>li { position: relative; right: 50%; float: left; padding: 0px 25px 0px 25px; }
div.fcat-nav a { font-size:16px; font-weight: bold; color:#9b9b9b; text-transform: uppercase; }
div.fcat-nav a:hover, div.fcat-nav a.current { color:#424242; }
div.cat-images>div { position: relative; display:none; }
div.cat-images>div>a { position: absolute; bottom:40px; left:50%; margin-left:-80px; display:block; width:160px; text-align: center; padding:5px 0px 5px 0px; font-size:15px; color:#fff; font-weight: bold; background:#e5252d; letter-spacing: 1px; }

#tweets { padding:55px 0px 50px 0px; }
div.tweetarea { max-width:735px; margin:0 auto; padding:0px 0px 0px 95px; position: relative; }
div.tweetarea:before { display:block; content:''; width:44px; height:44px; background:url(../images/assets.png) no-repeat 0px -36px; position: absolute; top:20px; left:0;   }
figure.tweet { margin:0; }
figure.tweet h2 { font-size:20px; line-height:37px; color:#424242; padding-bottom:0; }
figure.tweet h2>a { color:#424242; }
figure.tweet h2>a>span { color:#6d7685; font-weight: normal; font-family: 'Poppins', arial, sans-serif; font-size:17px; }
figure.tweet>a { width:80px; float:left; display:block; padding:10px 0px 0px 0px; }
figure.tweet>a>img { width:60px; height:auto; }
figure.tweet>figcaption { padding:0px 0px 0px 80px; font-family: 'Poppins', arial, sans-serif; }
figure.tweet:after { content:''; display:block; clear: left; }
#homemap { height:315px; width:100%; }
div.gm-style-iw p { padding-bottom:12px; }

#mcontent { border-bottom: 1px solid #bababa; }

article.about-page, div.facilities, article.achievement-page div.awrap, article.testimonial-page div.twrap, article.apply-page div.max920, article.scholarship-page div.max920, article.program-page div.awrap { padding:100px 0px 35px 0px; }

article.about-page>* { padding-left:55px; padding-right:55px; }
.max920 { max-width:920px; margin:0 auto; position: relative; }
article.about-page>div.max920>hr { width:1140px; margin-left:-110px; }
.max760 { max-width:760px; margin:0 auto; position: relative; }

div.facilities {  }
div.facilities div.fwrap { max-width:1020px; margin:0 auto; }
ul.fcats { margin:0; padding:16px 0px 24px 0px; list-style-type: none; }
ul.fcats:after { content:''; display:block; clear:left; }
ul.fcats>li { float:left; padding:0px 60px 0px 0px; }
ul.fcats>li:last-child { padding-right:0; }
ul.fcats a { text-transform: uppercase; font-size:19px; font-weight: bold; color:#7b7b7a; line-height: 37px; letter-spacing: 1px; }
ul.fcats a:hover, ul.fcats a.current { color:#ba252d; }
div.facility-tab h2 { color:#424242; font-size:18px; line-height: 37px; padding-bottom:35px; text-transform: uppercase; }
div.flist { margin-left:-60px; }
div.flist figure.facility { margin:0px 0px 70px 60px; }
figure.facility h3 { padding:0; display: table; width:100%; }
figure.facility h3>a { display:table-cell; vertical-align: middle; padding:18px 80px 15px 22px; position: relative; background:#eeeeee; color:#424242; font-size:17px; line-height:27px; height:54px; overflow:  }
figure.facility h3>a:after, a.fnext, a.fprev { content:'›'; display:block; width:19px; padding:0px 0px 0px 9px; height:28px; background:#ba252d; color:#fff; line-height:24px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; position: absolute; top:28px; right:15px; font-weight: normal; font-size:35px; font-weight:300; }
figure.facility.onhover h3>a { background:#fafafa; }
figure.facility.onhover { -webkit-box-shadow: 0px 0px 10px 5px rgba(231,231,231,1); -moz-box-shadow: 0px 0px 10px 5px rgba(231,231,231,1); box-shadow: 0px 0px 10px 5px rgba(231,231,231,1); }
div.facility-tab hr { margin:0px 0px 55px 0px; }
figure.facility-detail { max-width:760px; margin:0 auto; }
div.image-area { position: relative; width:760px; height:460px; overflow: hidden; }
div.image-area div.video-container, div.image-area div.video-container>iframe { width:760px; height:460px; }
div.image-area div.video-container { padding:0; }
div.image-area div.video-container>iframe { position: relative; }
a.fnext>span, a.fprev>span { display:none; }
a.fnext, a.fprev { position: absolute; top:50%; margin-top:-14px; left:35px; z-index:9999; }
a.fnext { left:auto; right:35px; }
a.fnext:after { content:'›'; }
a.fprev:after { content:'‹'; }
figure.facility-detail>figcaption { padding:55px 100px 30px 100px; }
figure.facility-detail>figcaption h2 { font-size:30px; color:#ba252d; line-height:37px; padding:0; }
figure.facility-detail>figcaption h3 { color:#7b7b7a; font-weight: 300; line-height: 37px; font-size: 20px; padding-bottom:25px; }
article.achievement-page div.awrap, article.program-page div.awrap { width:920px; margin:0 auto; position: relative; }
div.pager-info { float:right; text-align:right; color:#de252d; font-size:18px; font-weight: bold; position: absolute; right:0; top:100px; }
div.pcont div.pager-info { top:0; }
article.search div.pager-info { top:0; }
h1.atitle,h2.atitle { text-align:center; font-size: 22px; color:#424242; font-weight: bold; line-height: 37px; padding-bottom: 50px; }
h2.atitle.text-left { text-align: left; }
figure.achievement { margin:0px 0px 40px 0px; background:#eeeeee; display: table; width:100%; cursor: pointer; }
figure.achievement.onhover, figure.achievement.open { background:#fff; overflow: hidden; -webkit-box-shadow: 0px 0px 15px 7px rgba(219,219,219,1); -moz-box-shadow: 0px 0px 15px 7px rgba(219,219,219,1); box-shadow: 0px 0px 15px 7px rgba(219,219,219,1); }
figure.achievement>* { display:table-cell; vertical-align: top; }
figure.achievement>div { width:300px; }
figure.achievement>div>img { opacity: 0.7; filter: alpha(opacity=70); }
figure.achievement.onhover>div>img, figure.achievement.open>div>img { opacity: 1; filter: alpha(opacity=100); }
figure.achievement>figcaption { position: relative; padding:48px 70px 0px 20px; }
figure.achievement h2 { color:#424242; font-size: 22px; line-height: 37px; padding:0; /*height:37px; */overflow: hidden; }
figure.achievement h3 { font-size:22px; font-weight: 300; color:#424242; padding-bottom:32px; line-height: 37px; height:37px; overflow: hidden; }
figure.achievement div.acnt { display:none; }
figure.achievement>figcaption:after { content:'›'; display:block; width:24px; padding:0px 0px 0px 12px; height:36px; background:#ba252d; color:#fff; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; position: absolute; top:64px; right:30px; 
    font-weight: normal; font-size:45px; font-weight:300; line-height:32px;
    -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
figure.achievement.open div.acnt { display:block; }
figure.achievement.open figcaption:after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
figure.achievement.noclick { cursor: default; }
figure.achievement.noclick>figcaption:after { display:none; }
div.load-more { padding:40px 0px 40px 0px; text-align: center; }
div.load-more a { color:#de252d; font-size:15px; text-transform: uppercase; font-weight: bold; }
article.testimonial-page div.twrap { width:980px; margin:0 auto; position: relative; }
ul.ttnav { margin:0; padding:0px 0px 90px 0px; list-style-type: none; }
ul.ttnav:after { content:''; display:block; clear:left; }
ul.ttnav>li { float:left; padding:0px 37px 0px 37px; position: relative; }
ul.ttnav>li:first-child { padding-left:0; }
ul.ttnav>li:after { content:''; display:block; position:absolute; right:0; top:4px; height:28px; background:#c3c3c3; width:1px; }
ul.ttnav>li:last-child:after { display: none; }
ul.ttnav a { color:#999999; font-size:22px; line-height:37px; font-weight: bold; letter-spacing: 1px; }
ul.ttnav a.current { color:#424242; }
figure.testimonial { margin:0px 0px 60px 0px; display:table; width:100%; }
figure.testimonial>* { display:table-cell; vertical-align: top; }
figure.testimonial>div { width:320px; }
figure.testimonial>figcaption { vertical-align: middle; }
figure.testimonial h2 { font-size:22px; color:#424242; line-height: 37px; padding:0; }
figure.testimonial h3 { font-size:22px; color:#424242; line-height: 37px; padding-bottom:16px; font-weight: 300; }
figure.testimonial p { padding-bottom:16px; }
figure.testimonial p:last-child { padding-bottom: 0; }
h1.stitle { font-size:22px; color:#424242; line-height: 37px; padding-bottom:27px; }
article.about-page ul.ttnav { padding-bottom:77px; }
#admission-contact { padding:87px 0px 68px 0px; background-repeat:no-repeat; background-size: cover; }
#admission-contact div.cinfo { max-width:580px; }
#admission-contact div.cinfo p { padding-bottom:10px; }
#admission-contact div.cinfo h2 { font-size:45px; color:#424242; line-height:60px; padding-bottom: 14px; }
article.apply-page hr { margin:10px 0px 68px 0px; }
#aprogress { width:640px; margin:0 auto; }
#aprogress ul { margin:0; padding:0px 0px 50px 0px; list-style-type: none; }
#aprogress ul:after { content:''; display:block; clear:left; }
#aprogress ul>li { float:left; width:210px; text-align:center; border-top:1px solid #7e7e7e; }
#aprogress ul>li:first-child { width:110px; }
#aprogress ul>li:last-child { width:110px; }
#aprogress a { width:120px; text-align:center; margin-left:-60px; display:block; padding:56px 0px 0px 0px; color:#9e9e9e; font-size:22px; font-weight: bold; line-height:35px; position: relative; top:-20px; margin:0 auto; }
#aprogress a.current { color:#424242; }
#aprogress a:before { content:''; display:block; width:39px; height:39px; position: absolute; top:0; left:40px; background:url(../images/assets.png) no-repeat -46px -25px; }
#aprogress a.current:before { background-position:-85px -25px; }
#aprogress li:first-child a { margin-left:0; float:left; left:-60px; }
#aprogress li:last-child a  { margin-left:0; float:right; position: relative; right:-60px; }
div.download-area { text-align:center; padding:0px 0px 30px 0px; }
div.download-area h2 { font-size:45px; color:#424242; line-height:57px; padding-bottom:5px; }
div.apply-tabs, form.frmCareer { width:680px; margin:0 auto; }
div.apply-tabs h2 { font-size:22px; color:#424242; line-height:37px; padding-bottom:40px; text-align: center; }
#dclass, #dgrade { margin:0px 0px 37px 0px; }
#gender1, #gender2 { -webkit-appearance:radio; }

#first_name, #middle_name, #family_name, #nationality, #current_grade, #current_school,
#father_first_name, #father_middle_name, #father_family_name, #father_nationality, #father_email, #father_phone, #father_address,
#mother_first_name, #mother_middle_name, #mother_family_name, #mother_nationality, #mother_email, #mother_phone, #mother_address,
#dclass dt a, #dgrade dt a, #student_name, #student_email, #student_phone, #student_address, #student_pob, #student_dob_d, #student_dob_m, #student_dob_y,
#parent_name, #parent_email, #parent_phone, #parent_address, #parent_pob, #parent_dob_d, #parent_dob_m, #parent_dob_y, #frmScholarship #name, #frmScholarship #email, #frmScholarship #phone, #frmScholarship span.selectedfile,
#frmContact #name, #frmContact #email, #frmContact #phone, #frmContact #subject, #frmContact #message,
.frmCareer input[name=name], .frmCareer #email, .frmCareer #phone, .frmCareer span.selectedfile, .frmCareer #address, .frmCareer #education, .frmCareer #job_title, .frmCareer #birth_place, .frmCareer #dob_d, .frmCareer #dob_m, .frmCareer #dob_y, .frmCareer #message
    { font-size:18px; color:#424242; line-height:25px; background:#fafafa; padding:15px 40px 14px 20px; border:1px solid #b7b7b7; width:618px; position: relative; font-family: 'Poppins', arial, sans-serif; }

#first_name, #middle_name, #family_name, #father_first_name, #father_middle_name, #father_family_name, #mother_first_name, #mother_middle_name, #mother_family_name { width:150px; }
div.apply-tabs div.table { width:100%; }
div.apply-tabs div.table>div>div:nth-child(2) { padding:0px 21px; }

#dclass dt a:after, #dgrade dt a:after { content:'›'; display:block; width:24px; padding:1px 0px 0px 12px; height:35px; color:#424242; line-height:36px; position: absolute; top:8px; right:15px; font-weight: normal; font-size:55px; font-weight:300; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
dl#dclass dd ul, dl#dgrade dd ul { width:678px; border:1px solid  #b7b7b7; border-top:none; }
div.apply-tabs a.discover { margin:0 auto; display:block; text-align:center; width:120px; }
div.apply-tabs>div.tab { display:none; }
div.apply-tabs>div.tab.step1 { display:block; }
#student_name, #student_email, #student_phone, #student_address, #student_pob, #student_dob_d, #student_dob_m, #student_dob_y,
#parent_name, #parent_email, #parent_phone, #parent_address, #parent_pob, #parent_dob_d, #parent_dob_m, #parent_dob_y, 
#father_address, #mother_address
  { padding-right:20px; width:638px; }
#student_address, #parent_address, .frmCareer #message, #father_address, #mother_address { height:190px; }
.frmCareer #address { height:150px; }
.frmCareer #job_title { font-weight: bold; color:#424242; }
#student_pob, #parent_pob, .frmCareer #birth_place { width:193px; }
div.apply-tabs div.table, .frmCareer div.table { width:100%; margin-bottom:20px; }
div.apply-tabs div.table span, .frmCareer div.table span { line-height:56px; display:inline-block; padding:0px 10px 0px 10px; }
.frmCareer div.table>div>div:first-child { width:278px; }
div.apply-tabs p, .frmCareer p { padding-bottom:20px; }
#student_dob_d, #student_dob_m, #student_dob_y, #parent_dob_d, #parent_dob_m, #parent_dob_y, .frmCareer #dob_d, .frmCareer #dob_m, .frmCareer #dob_y { width:55px; text-align: center; padding-left:0; padding-right:0; }
#student_dob_y, #parent_dob_y, .frmCareer #dob_y { width:90px; }
div.apply-tabs div.g-recaptcha>div, #frmScholarship div.g-recaptcha>div, #frmContact div.g-recaptcha>div, .frmCareer div.g-recaptcha>div { margin:0 auto; margin-bottom: 20px; }
div.step4 h3 { font-size:22px; line-height: 37px; padding:16px 0px 25px 0px; color:#424242; }
div.step4 table { margin-bottom:70px; }
div.step4 p:last-child { padding-bottom:80px; }
div.step4 table td { font-size:20px; line-height: 37px; color:#424242; }
div.step4 table td:first-child { font-weight: bold; width:180px; }
div.step4 table td:nth-child(2) { width:70px; }
div.step4 table td:last-child { font-family: 'Poppins', arial, sans-serif; font-weight: 300; }
#frmAdmission input[type=submit], div.step4 a.downl { border:none; background:none; font-size:18px; font-weight: bold; color:#e8252d; text-transform: uppercase; margin:0px 80px 0px 0px; padding:0; }
div.step4 a.downl { color:#7b7b7a; }
div.admission-ty { max-width:800px; padding:100px 0px 50px 0px; margin:0 auto; }
article.scholarship-page div.max920 hr, article.program-page hr { width:1140px; margin-left:-110px; }
#frmScholarship, #frmContact { width:680px; margin:0 auto; }
#frmScholarship h2, #frmContact h2 { font-size: 22px; line-height: 37px; color:#424242; padding-bottom:28px; text-align: center; }
article.scholarship-page div.max920 { padding-bottom: 0; }
article.scholarship-page>hr { margin-top:0px; }
#frmScholarship p, #frmContact p, .frmCareer p { padding-bottom:20px; }
#frmScholarship span.inputfile, .frmCareer span.inputfile  { width:100%; display: block; }
#frmScholarship span.selectedfile, .frmCareer span.selectedfile { display:inline-block; border-right:none; width:497px; vertical-align: top; }
#frmScholarship span.handler, .frmCareer span.handler { position:absolute; top:0; right:0; display:inline-block; font-size: 18px; color: #fff; line-height: 25px; background: #e8242c; padding: 15px 0px 14px 0px; border: 1px solid #e8242c; width:120px; text-align: center; cursor: pointer; }
#frmScholarship input[type=submit], #frmContact input[type=submit], .frmCareer input[type=submit] { border:none; background:none; color:#e8252d; margin:0 auto; font-size:14px; font-weight: bold; text-transform: uppercase; margin-top:30px;  margin-bottom:50px; }
#frmContact textarea { height:190px; }
p.submitbtn { text-align:center; }
div.msg { text-align: center; color:#e8252d; font-size:14px; font-weight: bold; padding:0px 0px 20px 0px; }
div.pcont { position: relative; }
div.pc>img { float:right; margin:0px 0px 0px 70px; }
div.pc:after { content:''; display:block; clear:both; }
figure.program { margin:0px 0px 34px 0px; background:#eeeeee; display: table; width:100%; cursor: pointer; }
figure.program.onhover, figure.program.open { background:#fafafa; overflow: hidden; -webkit-box-shadow: 0px 0px 15px 7px rgba(219,219,219,1); -moz-box-shadow: 0px 0px 15px 7px rgba(219,219,219,1); box-shadow: 0px 0px 15px 7px rgba(219,219,219,1); }
figure.program.open h2 { border-bottom:1px solid #b8b8b8; }
figure.program h2 { color:#424242; font-size: 22px; line-height: 37px; padding:33px 75px 25px 40px; /*height:37px;*/ overflow: hidden; cursor: pointer; position: relative; }
figure.program div.pc { display:none; padding:40px 34px 45px 40px; }
figure.program div.pc p:last-child { padding-bottom: 0; }
figure.program h2:after { content:'›'; display:block; width:24px; padding:0px 0px 0px 12px; height:36px; background:#ba252d; color:#fff; line-height:32px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; position: absolute; top:30px; right:30px; font-weight: normal; font-size:45px; font-weight:300; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
figure.program.open div.pc { display:block; }
figure.program.open h2:after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
figure.program.noclick { cursor: default; }
figure.program.noclick h2:after { display:none; }
div.left-filter { position: absolute; left:0; top:0; }
dl#dyear, dl#dmonth { margin-top:-12px; margin-left:-25px; }
dl#dmonth { margin-left:15px; }
dl#dyear dt { width:160px; }
dl#dmonth dt { width:180px; }
dl#dyear dt a, dl#dmonth dt a { border:none; color:#424242; font-size: 22px; font-weight: bold; line-height: 37px; display:inline-block; width:90px; padding:12px 45px 8px 25px; position: relative; }
dl#dmonth dt a { width:110px; }
dl#dyear dt a:after, dl#dmonth dt a:after { content:'›'; display:block; width:24px; padding:1px 0px 0px 12px; height:35px; color:#e8252d; line-height:36px; position: absolute; top:10px; right:20px; font-weight: normal; font-size:40px; font-weight:400; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
dl#dyear.open dt a:after, dl#dmonth.open dt a:after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); right:28px; }
dl#dyear.open dt a, dl#dmonth.open dt a { border-bottom:2px solid #d9d9d9; }
dl#dyear.open, dl#dmonth.open { -webkit-box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); -moz-box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); }
dl#dyear dd ul, dl#dmonth dd ul { width:160px; border:none; -webkit-box-shadow: 0px 5px 10px 5px rgba(231,231,231,1); -moz-box-shadow: 0px 5px 10px 5px rgba(231,231,231,1); box-shadow: 0px 5px 10px 5px rgba(231,231,231,1); padding-top:20px; }
dl#dmonth dd ul { width:180px; }
dl#dyear dd ul li a, dl#dmonth dd ul li a { font-size:22px; line-height:37px; font-weight:bold; color:#424242; padding:0px 25px 0px 25px; }
dl#dyear dd ul li a.current, dl#dmonth dd ul li a.current, dl#dyear dd ul li a:hover, dl#dmonth dd ul li a:hover { background:none; color:#de252d; }
dl#dyear dd ul>li, dl#dmonth dd ul>li { padding:0px 0px 20px 0px; }
article.article-page div.pcont { padding:150px 0px 0px 0px; }
article.article-page div.left-filter { top:70px; }
article.article-page div.awrap { width:960px; margin:0 auto; }
article.article-page div.pcont div.pager-info { top:70px; }
figure.larticle { margin:0px 0px 35px 0px; display:table; width:100%; background:#eeeeee; cursor: pointer; }
figure.larticle>* { display:table-cell; vertical-align: top; }
figure.larticle>div { width:340px; }
figure.larticle>div>img { /*opacity: 0.7; filter: alpha(opacity=70);*/ }
figure.larticle.open>div>img, figure.larticle.onhover>div>img { opacity: 1; filter: alpha(opacity=100); }
figure.larticle>figcaption { vertical-align: middle; position: relative; max-width: 620px; padding:10px;}
figure.larticle h2 { font-size:22px; color:#424242; line-height: 37px; padding-bottom:9px; }
figure.larticle.onhover, figure.larticle.open { background:#fafafa; overflow: hidden; -webkit-box-shadow: 0px 0px 15px 7px rgba(219,219,219,1); -moz-box-shadow: 0px 0px 15px 7px rgba(219,219,219,1); box-shadow: 0px 0px 15px 7px rgba(219,219,219,1); }
figure.larticle p { padding-bottom:16px; }
figure.larticle p.m-b-0>b { letter-spacing: 1px; }
figure.larticle p:last-child { padding-bottom: 0; }
figure.larticle div.ac { max-height:121px; overflow: hidden; position: relative; margin:0px 20px 0px 0px;   }
figure.larticle div.ac:after { content:'…'; font-family: 'Poppins', arial, sans-serif; font-size:20px; display: inline-block; position: absolute; bottom:0; right:0; }
figure.larticle.open div.ac { max-height:4000px; }
figure.larticle.open>figcaption { padding:28px 0px 30px 10px; }
figure.larticle>figcaption:after { content:'›'; display:block; width:24px; padding:0px 0px 0px 12px; height:36px; background:#ba252d; color:#fff; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; position: absolute; top:30px; right:30px; font-weight: normal; 
    font-size:45px; font-weight:300; 
    line-height:32px;
    -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
figure.larticle.open figcaption:after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
figure.larticle.open div.ac:after { display:none; }
figure.larticle.noclick { cursor: default; }
figure.larticle.noclick>figcaption:after { display:none; }
figure.larticle.open p.edate { display:none; }
figure.larticle .dateinfo { display:none; }
figure.larticle.open .dateinfo { display:block; }
figure.larticle .dateinfo p:last-child { padding-bottom:16px; }
.dateinfo p>b { letter-spacing: 1px; }
a.fc-more { font-family: 'Poppins', arial, sans-serif; }
.fc-row:first-child table { margin:0; }
.fc-day-header { font-family: 'Poppins', arial, sans-serif; }
.fc .fc-button-group>*, .fc .fc-button { background:#f91520; color:#fff; }
.fc .fc-button-group>.fc-state-disabled { background:#958786; }
div.fc-view-container { margin-bottom:75px; }
/*tr:first-child>td>.fc-day-grid-event, .fc-event, .fc-event-dot { background-color:#f9b737!important; border-color:#f9b737!important; }*/

div.pcont-single { padding:100px 0px 75px 0px; }
div.at-resp-share-element { width:160px; }
div.addthis_inline_share_toolbox { display:inline-block; vertical-align: middle; display:none; }
.at-resp-share-element .at-share-btn, .at-resp-share-element .at-share-btn .at-label, .at-resp-share-element .at-share-btn:hover, .at-resp-share-element .at-share-btn:hover .at-label { transform:none!important; outline:none!important; background:none!important; }
span.at-icon-wrapper { opacity:0.5; }
a:hover span.at-icon-wrapper { opacity:1; }
.at-style-responsive .at-share-btn { padding:0px 6px 0px 6px!important; margin:0!important; }
#at-expanded-menu-host .at-expanded-menu-mask { background:rgba(0, 0, 0, 0.8)!important; }
#at-expanded-menu-host .at-expanded-menu-primary-action-btn { background-color:#d69426!important; }
a.ashare { display:inline-block; width:17px; height:19px; background:url(../images/assets.png) no-repeat -115px 0px; vertical-align: middle; margin:0px 10px 0px 0px; }
a.ashare>span { display:none; }
div.wrapper.nobanner { padding-top:85px; padding-bottom:100px; }
div.wrapper.nobanner>h1 { font-size: 45px; font-weight:bold; line-height:50px; color:#424242; padding-bottom:40px; }
ul.sitemap { margin:0; padding:0; list-style-type: none; width:45%; float:left; }
ul.sitemap>li { padding-bottom:22px; padding-top:0; }
ul.sitemap ul { margin:0; padding:0; list-style-type: none; padding-left:40px; }
ul.sitemap a { font-size:22px; line-height: 37px; color:#424242; font-weight: bold; }
ul.sitemap a:hover { color:#e8252d; }
article.search>div>h1 { padding-bottom:30px; }
article.search>div>h2 { font-size:22px; padding-bottom:14px; }
article.search div.pager-info1 { color:#424242; padding-bottom:20px; }
article.search hr { margin:0px 0px 65px 0px; }
ol.search-result { margin:0; padding:0; list-style-type: none; }
ol.search-result>li { padding-bottom:48px; padding-top:0; }
ol.search-result h3 { font-size: 20px; line-height: 37px; font-weight: bold; padding:0; }
ol.search-result h3>a { color:#424242; }
ol.search-result p { padding:0; }
ol.search-result p.url { font-size:0.8em; }
article.search div.load-more { padding-bottom:0; }

figure.activity { margin:0px 0px 34px 0px; background:#eeeeee; display: table; width:100%; }
figure.activity.onhover { background:#fafafa; overflow: hidden; -webkit-box-shadow: 0px 0px 15px 7px rgba(219,219,219,1); -moz-box-shadow: 0px 0px 15px 7px rgba(219,219,219,1); box-shadow: 0px 0px 15px 7px rgba(219,219,219,1); }
figure.activity h2 { font-size: 22px; line-height: 37px; padding:0; }
figure.activity h2>a { color:#424242; position: relative; display:block; text-align: left; }
figure.activity h2>a:after { content:'›'; display:block; width:24px; padding:0px 0px 0px 12px; height:36px; background:#ba252d; color:#fff; line-height:32px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; position: absolute; top:50%; margin-top:-18px; right:30px; font-weight: normal; font-size:45px; font-weight:300; }
figure.activity>* { display:table-cell; vertical-align: middle; }
figure.activity>a { width:300px; }
figure.activity>a>img { opacity: 0.7; filter: alpha(opacity=70); }
figure.activity.onhover>a>img { opacity: 1; filter: alpha(opacity=100); }

div.pslide-mt { padding:70px 0px 0px 0px; }
div.shadow-image { width:420px; height:420px; display:block; float:left; margin-top:22px; margin-left:-250px; margin-right:20px; overflow: hidden; position: relative; }
div.shadow-image img { opacity: 0.5; filter: alpha(opacity=50); position: absolute; top:0; }
div.pslide-area { position: relative; width:950px; float:left; }
div.pslides { height:460px; overflow: hidden; }
div.pnav { position: absolute; left:0; top:auto; bottom:-47px; width:460px; overflow: hidden; height:14px; }
div.m-t-100 { padding-top:100px; }
div.m-t-100 ul.ttnav { padding-bottom:50px; }
article.article-page div.m-t-100 div.pcont { padding-top:100px; }
article.article-page div.m-t-100 div.left-filter, article.article-page div.m-t-100 div.pager-info { top:10px; }
/*div.pslides figure { margin:0; padding:0; display:table; width:100%; }
div.pslides figure>* { display: table-cell; padding:10px; }
div.pslides figure>div { vertical-align: top; width:535px; }
div.pslides figure>div>img { -webkit-box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); -moz-box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); }
div.pslides figure>figcaption { vertical-align: middle; }
div.pslides figure>figcaption p:last-child { padding:0; }*/
div.pslides { width:460px; -webkit-box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); -moz-box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); }
div.pslides figure { margin:0; padding:0; width:460px; height:460px; }
div.pslides figure>figcaption { display:none; }
div.pcaption { width:420px; height:460px; position: absolute; top:0; right:0; display:table; }
#scaption { display:table-cell; vertical-align: middle; }
#scaption>div {  }
#scaption p:last-child { padding:0; }
figure.career { margin:0px 0px 36px 0px; background:#eeeeee; display: table; width:100%; cursor: pointer; }
figure.career.onhover, figure.career.open { background:#fafafa; overflow: hidden; -webkit-box-shadow: 0px 0px 15px 7px rgba(219,219,219,1); -moz-box-shadow: 0px 0px 15px 7px rgba(219,219,219,1); box-shadow: 0px 0px 15px 7px rgba(219,219,219,1); }
figure.career.open h2 { border-bottom:1px solid #b8b8b8; }
figure.career h2 { color:#424242; font-size: 22px; line-height: 37px; padding:33px 75px 25px 40px; height:37px; overflow: hidden; cursor: pointer; position: relative; }
figure.career div.pc { display:none; padding:40px 34px 45px 40px; }
figure.career div.pc p:last-child { padding-bottom: 0; }
figure.career h2:after { content:'›'; display:block; width:24px; padding:1px 0px 0px 12px; height:35px; background:#ba252d; color:#fff; line-height:30px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; position: absolute; top:30px; right:30px; font-weight: normal; font-size:50px; font-weight:300; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
figure.career.open div.pc { display:block; max-width:846px; }
figure.career.open h2:after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
figure.career.noclick { cursor: default; }
figure.career.noclick h2:after { display:none; }
figure.career div.pc p { padding-bottom:16px; }
a.aprint { width:22px; height:21px; display:inline-block; background:url(../images/assets.png) no-repeat -132px 0px; vertical-align: middle; margin-right:25px; margin-left:0; }
a.aprint>span { display:none; }
a.apply { color:#e8252d; font-weight: bold; font-size:14px; line-height:37px; vertical-align: middle; display:inline-block; margin:0px 20px 0px 0px; }
article.program-page div.career-form hr { width:920px; margin-left:-40px; }
figure.career div.career-form { display:none; }
figure.career.noclick div.career-form { display:block; }
div.career-form h3 { text-align: center; font-size:22px; padding-bottom:15px; }
div.career-form div.msg { text-align: left; font-family: 'Poppins', arial, sans-serif; }

ol.search-result { font-family: 'Poppins', arial, sans-serif; }

div.overlay, div.overlaym { background:rgba(33, 33, 33, 0.8); position: fixed; top:0; left:0; width:100%; height:100%; min-height:100vh;z-index:99995; }

#footerv { line-height:22px; font-size:14px; }
#footerv div.row1 { border-bottom:1px solid #bababa; padding:74px 10px 14px 55px; }
#footerv div.row1 h3 { font-size:14px; line-height:22px; }
#footerv div.row1 div.col1 { width:710px;float:left; margin:0px 35px 0px 0px; }
#footerv div.row1 div.col2 { width:130px; float:left; margin:0px 45px 0px 0px;text-align:center }
#footerv div.row1 div.col3 { width:240px; float:left; }
#footerv p, #footerv h1, #footerv h2, #footerv h3, #footerv h4, #footerv h5 { padding-bottom:22px; }
div.table { display:table; }
div.table>div { display:table-row; }
div.table>div>div { display:table-cell; vertical-align: top; }
#footerv div.row1 div.col3 div.table { /*width:100%;*/ text-align: center; width:600px; margin-left:-160px; }
#footerv div.row1 div.col3 div.table table { margin:0 auto; }
ul.social { margin:0; padding:0px 0px 22px 0px; list-style-type: none; }
ul.social>li { float:left; padding:0px 50px 0px 0px; }
ul.social>li:last-child { padding-right:0; }
ul.social a { display:block; width:23px; height:23px; background:url(../images/assets.png) no-repeat -46px 0px; }
ul.social a>span { display:none; }
ul.social a.fb { background-position:-51px 0px; width:18px; }
ul.social a.tw { background-position:-69px 0px; }
ul.social a.insta { background-position:-93px 0px; }
ul.social:after { content:''; display:block; clear:left; }
#footerv div.row2 { padding:35px 55px 30px 55px; font-size:12px; line-height:22px; font-weight: 300; }
#footerv div.row2 p { padding:0; }
#footerv div.row2 div.col1 { width:350px; float:left; }
#footerv div.row2 div.col2 { width:420px; text-align:center; float:left; }
#footerv div.row2 div.col3 { width:250px; float:right; text-align:right; }
ul.foot-nav { margin:0; padding:0; list-style-type: none; }
ul.foot-nav>li { float:left; padding:0px 50px 0px 0px; }
ul.foot-nav a { color:#212121; text-transform: uppercase; }
ul.foot-nav a:hover { color:#424242; }
p.powered_by a { display:inline-block; padding:0px 0px 0px 10px; }
#frmAdmission label.error { display:none!important; }
#frmAdmission input.error, #frmAdmission textarea.error { border-color:#ec1e24; }
div.scrollbar-inner { max-height:460px; overflow: hidden; padding:0px 15px 0px 0px!important; }
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
/*************** SIMPLE INNER SCROLLBAR ***************/
 
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
 
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }


div.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding:0;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #ec1e24;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
  z-index:999999999;
  padding:0;
}
/*
#welcome, #hometestimonial, #homeachievement, #homearticles, #homefcats, #tweets, #homemap, #footerv { position: relative; z-index:99; background-color:#fff; }
.video-background {
  background: #000;
  position: fixed;
  top:0; left:0;
  height:100%; width:100%;
  z-index:1;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:99;
}

@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}
*/
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1140px) {
  body { font-size:13px; line-height:23px; }
  div.container { overflow: hidden; }
  div.wrapper { max-width:648px }
  p, h1, h2, h3, h4, h5, h6, div.page-content div, .content table { padding-bottom:23px; }
  h2 { font-size:15px; line-height: 23px; }
  td, th { font-size:13px; line-height: 23px; }
  .font27 { font-size:18px; line-height:28px; }

  .desktop-only, #main-nav, a.amenu>span { display:none; }
  .hide-desktop { display:block; }

  #main-content { padding-top:95px; }
  div.hr { width:470px; padding-top: 39px; }
  #main-nav { display:none!important; }
  #header { height:95px; }
  a.logo>img { /*width:75px; */height:auto; }
  a.amenu { width:18px; height:18px; background:url(../images/assets.png) no-repeat -132px -27px; margin:0px 0px 0px 30px; }
  a.amenu.menu-open { background-position:-10px -18px; }
  a.amenu:hover { background-position:-132px -48px; }
  a.amenu.menu-open:hover { background-position:-28px -18px; }
  a.asearch { top:0; }
  div.mobile-menu { position:fixed; width:270px; height: 100vh; background:#fff; z-index: 99998; top:0; overflow: hidden; overflow-y: auto; }
  div.mobile-menu>div { margin:95px 0px 0px 0px; border-top:1px solid #d4d4d4; position: relative; }
  div.mobile-menu ul { margin:0; padding:0; list-style-type: none; }
  div.mobile-menu ul ul a>img { display:none; }
  a.aclosemenu { display:none; }
  div.mobile-menu>div>ul { padding:30px 0px 0px 0px; }
  div.mobile-menu>div>ul a { text-align:right; display:block; line-height: 24px; font-size: 14px; text-transform: uppercase; color:#939393; font-weight: bold; padding:0px 60px 0px 40px; position: relative; letter-spacing: 1px; }
  div.mobile-menu>div>ul a:hover, div.mobile-menu>div>ul a.current { color:#424242; }
  div.mobile-menu>div>ul li { padding:0px 0px 24px 0px; }
  div.mobile-menu>div>ul ul { padding:24px 0px 0px 0px; }
  div.mobile-menu>div>ul div { display:none; }
  div.mobile-menu>div>ul ul>li { background:#e6e6e6; }
  div.mobile-menu>div>ul ul>li:first-child { padding-top:24px; }
  div.mobile-menu>div>ul a.hassub:after { content:''; display:block; width:10px; height:6px; background:url(../images/assets.png) no-repeat -46px -68px; position: absolute; right:40px; top:50%; margin-top:-4px; }
  div.mobile-menu>div>ul a.hassub.current:after, div.mobile-menu>div>ul a.hassub:hover:after { background-position:-66px -68px; }
  div.mobile-menu>div>ul a.hassub.open:after { background-position: -56px -68px; }
  div.mobile-menu>div>ul a.hassub.open:hover:after { background-position:-76px -68px; }
  div.slidedotnav { top:-15px; }
  #keyword { padding-top:9px; padding-bottom:6px; width:254px; }
  div.search_form { top:-9px; }
  input.btnsearch { top:9px; }
  .slidetitle { font-size:25px; line-height: 30px; padding-bottom:3px!important; }
  div.slide-caption>div:last-child>div { max-width: 185px; padding-bottom:25px; }
  .discover { font-size: 11px; display:block; text-align: center; }
  div.slidedotnav a, div.slidedotnav1 a, div.tweetnav a, div.fnav a, div.pnav a { width:10px; height:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  border-radius: 5px; }
  div.slidedotnav ul>li, div.slidedotnav1 ul>li, div.tweetnav ul>li, div.fnav ul>li, div.pnav ul>li { padding:0px 6px 0px 6px; }
  #welcome>div.wrapper { padding:65px 0px 15px 0px; }
  #welcome .imageonleft { max-width:330px; height:auto; margin-right:40px; }
  #welcome h1 { font-size:25px; line-height:28px; padding-bottom:10px; }
  #hometestimonial h2, div.hachi h2, #homearticles h2, #homefcats h2 { font-size:25px; line-height: 29px; padding-bottom: 24px; }
  #hometestimonial { padding:37px 0px 90px 0px; background-size:1000px 165px; }
  #hometestimonial figure>img { max-width:165px; height:auto; }
  #hometestimonial figure>figcaption { padding-top:17px; }
  #hometestimonial figure>figcaption h3 { font-size:15px; line-height: 23px; padding-bottom:10px; }
  #hometestimonial figure>figcaption blockquote { font-size:13px; font-weight: 300; padding-bottom:6px; }
  #hometestimonial:before { background: -moz-linear-gradient(top, rgba(255,255,255,1) 70%, rgba(255,255,255,0.3) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 70%,rgba(255,255,255,0.3) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 70%,rgba(255,255,255,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );  }
  div.hachi h2 { padding-bottom:12px; max-width: 270px; }
  div.hachi h3 { font-size:16px; line-height:23px; }
  div.hachi h4 { font-size:13px; line-height:23px; }
  #homeachievement { padding:50px 0px 50px 0px; background-size:1200px 405px; }
  div.hachi p:last-child { padding-bottom:0; }
  div.hachi { max-width: 340px; }
  #homearticles { padding:30px 0px 30px 0px; }
  div.slidedotnav1 { bottom:10px; }
  #homearticles figure.article { margin:0px 7px 0px 7px; }
  #homearticles figure.article h3 { font-size:15px; line-height:23px; margin-bottom:8px; padding-bottom: 0; line-height: 23px; height:23px; }
  #homearticles figure.article>figcaption { padding:22px 35px 20px 35px; }
  #homearticles figure.article>figcaption p:last-child { padding-bottom: 0; }
  #homefcats h2 { padding-bottom: 8px; }
  ul.fcats a { font-size:12px; line-height:26px; }
  div.fcat-nav { padding-bottom:8px; height:26px; }
  div.cat-images>div>a { font-size: 11px; line-height:23px; padding-top:4px; padding-bottom:3px; width:100px; margin-left:-50px; }
  #homefcats>div.wrapper { padding:30px 0px 40px 0px; }
  div.tweetarea { max-width:475px; padding-left:60px; }
  div.tweetarea:before { transform:scale(0.75);-webkit-transform:scale(0.75); transform-origin:0 0;-webkit-transform-origin:0 0; top:14px; }
  figure.tweet h2 { font-size: 13px; line-height:23px; }
  figure.tweet h2>a>span { font-size:13px; }
  figure.tweet p { padding-bottom:12px; }
  #homemap { height:175px; }
  #tweets { padding:30px 0px 40px 0px; }
  #footerv div.row1 { padding:40px 0px 20px 0px; }
  #footerv div.row1 div.col2, #footerv div.row1 div.col3 { width:200px; margin:0px 0px 0px 0px; }
  #footerv p, #footerv h1, #footerv h2, #footerv h3, #footerv h4, #footerv h5 { padding-bottom:20px; }
  #footerv div.row2 { padding:30px 0px 30px 0px; }
  #footerv div.row2 div.col1 { width:100%; float:none; padding-bottom:14px; height:23px; }
  ul.foot-nav { position: relative; left: 50%; float: left; }
  ul.foot-nav>li { position: relative; right: 50%; float: left; padding:0px 22px 0px 22px; }
  #footerv div.row2 { font-size:11px; }
  #footerv div.row2 div.col2 { text-align: center; width:640px; }
  #footerv div.row2 div.col3 { width:230px; }
  p.powered_by img { max-width:83px; height:auto; }
  figure.tweet>a { width:50px; }
  figure.tweet>figcaption { padding-left:50px; }
  figure.tweet>a>img { width:40px; height:auto; }
  article.about-page, div.facilities, article.achievement-page div.awrap, article.testimonial-page div.twrap, article.apply-page div.max920, article.scholarship-page div.max920, article.program-page div.awrap { padding-top:50px; padding-bottom:20px; }
  hr { margin:15px 0px 35px 0px; }
  ul.mission>li h3, ol.mission>li h3, ul.corevalues>li h3, ol.corevalues>li h3 { font-size:15px; line-height:23px; padding-top:25px; padding-bottom: 12px; }
  ul.corevalues>li, ol.corevalues>li { padding:0px 20px 0px 20px; }
  ul.corevalues, ol.corevalues { margin-bottom:23px; }
  ul.corevalues ul, ul.corevalues ol, ol.corevalues ul, ol.corevalues ol { margin-bottom:0; padding-bottom:0; }
  article.about-page>* { padding-left:0; padding-right: 0; }
  ul.fcats { padding-top:0; padding-bottom:10px; }
  div.facility-tab h2 { font-size:12px; line-height:20px; padding-bottom:20px; }
  div.flist { margin-left:-40px; }
  div.flist figure.facility { margin:0px 0px 45px 40px; }
  figure.facility h3>a { font-size:12px; line-height:17px; height:34px; padding:12px 40px 10px 15px; }
  figure.facility h3>a:after, a.fnext, a.fprev { width:15px; height:24px; padding:0px 0px 0px 9px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; font-size: 30px; line-height: 22px; top:18px; }
  a.fprev { padding-left:7px; width:17px; }
  div.facility-tab hr { margin-bottom: 35px; }
  figure.facility-detail { max-width:470px; }
  div.image-area, div.image-area div.video-container, div.image-area div.video-container>iframe { width:470px; height:285px; }
  div.fnav { bottom:17px; }
  a.fnext, a.fprev { top:50%; margin-top:-12px; }
  a.fnext { right:20px; }
  a.fprev { left:20px; }
  figure.facility-detail>figcaption { padding:34px 60px 17px 60px; }
  figure.facility-detail>figcaption h2 { font-size:18px; line-height:23px; padding-bottom:0; }
  figure.facility-detail>figcaption h3 { font-size:13px; line-height: 23px; padding-bottom:15px; }
  article.achievement-page div.awrap, article.program-page div.awrap { width:100%; max-width:648px; }
  h1.atitle, h2.atitle { font-size:15px; line-height: 23px; padding-bottom:30px; }
  div.pager-info { top:50px; font-size:14px; }
  figure.achievement>div { width:210px; }
  figure.achievement>div img { max-width:170px; height:auto; }
  figure.achievement>figcaption { padding:35px 55px 0px 0px; }
  figure.achievement h2 { font-size:15px; line-height:23px; padding-bottom:5px; /*height:23px;*/ }
  figure.achievement h3 { font-size:15px; line-height: 23px;  padding-bottom:23px; height:23px; }
  figure.achievement>figcaption:after, figure.program h2:after, figure.larticle>figcaption:after,
  figure.activity h2>a:after, figure.career h2:after { width:18px; height:28px; padding:0px 0px 0px 10px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; font-size:40px; line-height:24px; top:45px; right:24px; }
  figure.achievement { margin-bottom:23px; }
  div.load-more a { font-size:12px; }
  div.load-more { padding:20px 0px 20px 0px; }
  article.testimonial-page div.twrap { width:100%; }
  ul.ttnav { padding-bottom:40px; }
  ul.ttnav a { font-size:15px; line-height:23px; }
  ul.ttnav>li { padding:0px 30px 0px 30px; }
  ul.ttnav>li:after { top:0; height:23px; }
  figure.testimonial { margin-bottom:45px; }
  figure.testimonial>div { width:210px; }
  figure.testimonial>div img { max-width:170px; height:auto; }
  figure.testimonial h2, figure.testimonial h3 { font-size:15px; line-height:23px; padding-bottom:1px; }
  figure.testimonial h3 { padding-bottom:12px; }
  article.about-page ul.ttnav { padding-bottom:40px; }
  h1.stitle { font-size:15px; line-height:23px; padding-bottom:15px; }
  article.about-page>div.max920 { padding-bottom: 20px; }
  #admission-contact { /*padding:40px 0px 37px 0px;*/ }
  #admission-contact>div.max920 { max-width:648px; }
  #admission-contact div.cinfo { max-width:375px; }
  #admission-contact div.cinfo h2 { font-size:25px; line-height:30px; padding-bottom:12px; }
  .gradetable td, th { font-size:12px; line-height:23px; }
  .gradetable { width:370px; }
  #aprogress { width:380px; }
  #aprogress ul { padding-bottom:0px; }
  #aprogress ul>li { width:120px; }
  #aprogress ul>li:first-child, #aprogress ul>li:last-child { width:70px; }
  article.apply-page div.max920 { padding-top:65px; }
  #aprogress a:before { transform:scale(0.77);-webkit-transform:scale(0.77); transform-origin:20px 20px;-webkit-transform-origin:20px 20px; left:27px; }
  #aprogress a { padding-top:40px; font-size:15px; line-height: 23px; width:90px; }
  #aprogress li:first-child a { margin-left:0; left:-45px; }
  #aprogress li:last-child a { right:-45px; }
  article.apply-page hr { margin:0px 0px 35px 0px; }
  div.apply-tabs h2 { font-size:15px; line-height: 23px; }
  div.apply-tabs, form.frmCareer { width:470px; }
  #dclass, #dgrade { margin-bottom: 23px; }
  #first_name, #middle_name, #family_name, #nationality, #current_grade, #current_school,
  #father_first_name, #father_middle_name, #father_family_name, #father_nationality, #father_email, #father_phone, #father_address,
  #mother_first_name, #mother_middle_name, #mother_family_name, #mother_nationality, #mother_email, #mother_phone, #mother_address,
  #dclass dt a, #dgrade dt a, #student_name, #student_email, #student_phone, #student_address, #student_pob, #student_dob_d, #student_dob_m, #student_dob_y, #parent_name, #parent_email, #parent_phone, #parent_address, #parent_pob, #parent_dob_d, #parent_dob_m, #parent_dob_y, #frmScholarship #name, #frmScholarship #email, #frmScholarship #phone, #frmScholarship span.selectedfile, #frmContact #name, #frmContact #email, #frmContact #phone, #frmContact #subject, #frmContact #message, .frmCareer input[name=name], .frmCareer #email, .frmCareer #phone, .frmCareer span.selectedfile, .frmCareer #address, .frmCareer #education, .frmCareer #job_title, .frmCareer #birth_place, .frmCareer #dob_d, .frmCareer #dob_m, .frmCareer #dob_y, .frmCareer #message 
    { font-size:13px; line-height:23px; padding:8px 32px 6px 14px; width:422px; }
  #first_name, #middle_name, #family_name, #father_first_name, #father_middle_name, #father_family_name, #mother_first_name, #mother_middle_name, #mother_family_name { width:95px; }
  #dclass dt a:after, #dgrade dt a:after { -webkit-transform: rotate(90deg) scale(1.7,1);
    -moz-transform: rotate(90deg) scale(1.7,1);
    -ms-transform: rotate(90deg) scale(1.7,1);
    -o-transform: rotate(90deg) scale(1.7,1);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);  
    width:30px; height:30px; padding:0; font-size:35px; top:20px; right:0px;
  }
  dl#dclass dd ul, dl#dgrade dd ul { width:468px; }
  div.download-area h2 { font-size:25px; line-height: 30px; }
  dl.dropdown dd ul li a { font-size:13px; padding-left:14px; }
  #student_pob, #parent_pob, .frmCareer #birth_place { width:135px; padding-right:14px; }
  #student_dob_d, #student_dob_m, #student_dob_y, #parent_dob_d, #parent_dob_m, #parent_dob_y, .frmCareer #dob_d, .frmCareer #dob_m, .frmCareer #dob_y { width:22px; padding-right:12px; padding-left:12px; }
  #student_dob_y, #parent_dob_y, .frmCareer #dob_y { width:34px; }
  div.apply-tabs div.table>div>div:first-child, .frmCareer div.table>div>div:first-child { width:190px; }
  div.apply-tabs div.table span, .frmCareer div.table span { padding:0px 5px 0px 5px; line-height:39px; }
  div.apply-tabs div.table>div>div:last-child, .frmCareer div.table>div>div:last-child { text-align: right; }
  div.step4 h3 { font-size:15px; line-height: 23px; padding-bottom:15px; }
  div.step4 table td { font-size:13px; line-height:25px; }
  div.step4 table { margin-bottom:45px; }
  div.step4 p:last-child { padding-bottom:55px; }
  #frmAdmission input[type=submit], div.step4 a.downl { font-size:11px; margin-right:50px; padding:0; }
  div.apply-tabs>div.tab.step4 { padding-bottom:25px; }
  div.admission-ty>p>img { max-width:60px; height:auto; }
  .red45 { font-size:25px; line-height:35px; padding-bottom: 20px; }
  div.admission-ty { max-width: 470px; padding:50px 0px 75px 0px; }
  .bold22 { font-size:15px; line-height: 23px; }
  #frmScholarship h2, #frmContact h2 { font-size:15px; line-height:23px; padding-bottom:30px; }
  #frmScholarship, #frmContact { width:470px; }
  #frmScholarship p, #frmContact p, .frmCareer p { padding-bottom:15px; }
  #frmScholarship span.handler, .frmCareer span.handler { font-size:13px; line-height:23px; padding:9px 0px 7px 0px; }
  #frmScholarship input[type=submit], #frmContact input[type=submit], .frmCareer input[type=submit] { margin-top:10px; margin-bottom:40px; font-size:13px; }
  div.shadow-image { width:230px; height:207px; margin-left:-135px; margin-top:11px; }
  div.pslide-area { width:530px; }
  div.pslides figure { width:230px; height:230px; }
  div.pslides { width:230px; height:230px; }
  div.pcaption { width:270px; height:230px; }
  div.pnav { bottom:-35px; width:230px; }
  article.program-page div.awrap { padding-top:70px; }
  figure.program h2 { font-size:15px; line-height:23px; height:23px; padding:24px 60px 21px 25px; }
  figure.program h2:after { top:20px; }
  div.pc>img { max-width: 285px; height:auto; margin-left:25px; }
  figure.program div.pc { padding:30px 24px 30px 25px; }
  figure.program { margin-bottom:25px; }
  article.article-page div.awrap { width:100%; }
  dl#dyear dt a, dl#dmonth dt a { font-size: 15px; line-height: 23px; padding:10px 25px 8px 10px; }
  dl#dyear dt a { width:70px; }
  dl#dyear, dl#dmonth { margin-left:-10px; margin-top:-10px; }
  dl#dyear, dl#dyear dt { width:105px; }
  dl#dyear dd ul { width:105px; padding-top:10px; }
  dl#dyear dd ul li a, dl#dmonth dd ul li a { font-size: 15px; line-height:23px; padding-left:10px; }
  dl#dyear dd ul>li, dl#dmonth dd ul>li { padding-bottom:10px; }
  dl#dyear dt a:after, dl#dmonth dt a:after { top:4px; font-size:30px; right:0; }
  dl#dmonth dt a { width:100px; }
  dl#dmonth, dl#dmonth dt { width:135px; }
  dl#dmonth dd ul { padding-top:10px; width:135px; }
  dl#dyear.open dt a:after, dl#dmonth.open dt a:after { right:7px; }
  div.m-t-100 { padding-top:60px; }
  div.m-t-100 ul.ttnav { padding-bottom:35px; }
  dl#dmonth { margin-left:10px; }
  article.article-page div.m-t-100 div.pcont { padding-top:60px; padding-bottom:20px; }
  figure.larticle { margin-bottom:24px; }
  figure.larticle>div { width:235px; }
  figure.larticle>div>img { /*max-width: 195px;  width:100%; */height:auto; }
  figure.larticle h2 { font-size:15px; line-height: 23px; padding-bottom:8px; }
  figure.larticle div.ac { max-height:69px; /* margin-right:125px; */ }
  figure.larticle>figcaption:after { top:75px; }
  article.program-page div.awrap .imageonleft { max-width:310px; height:auto; margin-right:60px; margin-bottom:23px; }
  article.scholarship-page div.max920 hr, article.program-page hr { width:100%; margin-left:0; }
  figure.activity>a { width:210px; }
  figure.activity>a>img { max-width: 170px; height:auto; }
  figure.activity h2 { font-size:15px; line-height: 23px; }
  figure.activity h2>a:after { top:15px; }
  div.pslide-mt { padding-top:50px; }
  figure.larticle.open>figcaption { padding-top:25px; }
  figure.career { margin-bottom: 24px; }
  figure.career h2 { font-size:15px; line-height: 23px; padding:23px 55px 19px 25px; height:23px; }
  figure.career h2:after { top:19px; }
  figure.career.open div.pc { padding:32px 25px 20px 25px; }
  a.apply { font-size: 12px; }
  figure.career.open div.pc { max-width:598px; }
  article.program-page div.career-form hr { width:648px; margin-left:-25px; }
  figure.career div.pc p { padding-bottom:15px; }
  figure.career div.pc p span.inputfile { display:block!important; }
  #student_address, #parent_address, .frmCareer #message, .frmCareer #address, #frmContact #message { height:130px; display:block; }
  div.g-recaptcha { transform:scale(0.8);-webkit-transform:scale(0.8); }
  div.contacttable>div:first-child img { max-width:115px; height:auto; }
  div.contacttable>div { padding:0px 23px 0px 23px; }
  .contacttable h2 { font-size:15px; height:23px; padding-bottom:23px; }
  .contacttable>div:nth-child(3) { padding-top:44px; }
  #keyword { font-size:13px; }
  #footerv { font-size:12px; }
  #footerv div.row1 h3 { font-size:12px; }
  #footerv div.row1 div.col3 div.table { width:100%; margin-left:0; }
  #footerv div.row1 div.col3 div.table>div>div { width:38%; }
  #footerv div.row1 div.col3 div.table>div>div:first-child { text-align: center; width:24%; }
  div.wrapper.nobanner { padding-top:50px; padding-bottom:40px; }
  div.wrapper.nobanner>h1 { font-size:18px; line-height:25px; padding-bottom:23px; }
  article.search>div>h2 { font-size:15px; line-height:23px; padding-bottom: 10px; }
  article.search hr { margin-bottom:25px; }
  ol.search-result h3 { font-size:14px; line-height: 23px; }
  ol.search-result>li { padding-bottom:24px; }
  article.search div.load-more { padding-top:10px; }
  ul.sitemap a { font-size:13px; line-height: 23px; }
  ul.sitemap>li { padding-bottom:14px; }
  ul.sitemap ul { padding-left:25px; }
  div.bg iframe { height:100%!important; }
  article.about-page div.max920 .imageonleft { max-width:50%; height:auto; margin:0px 60px 60px 0px; }
  article.about-page>div.max920>hr { width:100%; margin-left:0; }
  div.scrollbar-inner { max-height:230px; }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#footerv div.row1 div.col1 { width:170px;}
}
@media only screen and (max-width: 765px) {
  body { font-size:13px; line-height:23px; }
  div.wrapper { max-width:560px; min-width:280px; padding-left:20px; padding-right:20px; }
  ul, ol { padding-bottom:23px; }
  .mobile-only { display:block; }
  .imageonleft { margin:0px 0px 23px 0px; float:none; }
  div.hr { width:150px; }
  a.amenu { margin-left:25px; }
  div.mobile-menu { width:260px; }
  div.search_form { top:95px; position: fixed; left:0; width:100%; z-index:99999; background:#fff; border-top:1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
  #keyword { border:none; padding-left:0; padding-top:12px; padding-bottom:10px; width:240px; }
  #frmSearch { max-width: 280px; margin:0 auto; position: relative; }
  input.btnsearch { right:0; }
  div.slide-caption { /*background:none;*/ display:block; }
  div.slideshow div.slide-caption { background:none; }
  div.slide-caption>div { display:block; }
  div.slide-caption>div:first-child { display:none; }
  div.slide-caption>div { width:280px; margin:0 auto; }
  div.slide-caption>div:last-child>div { padding-top:20px; padding-bottom:0; }
  #welcome>div.wrapper { padding-top:50px; padding-left:20px; padding-right:20px; }
  #welcome>div.wrapper .imageonleft { float:none; margin:0px 0px 23px 0px; max-width: 100%; height:auto; }
  #hometestimonial figure>img { max-width: 200px; height:auto; }
  #hometestimonial figure { max-width: 280px; margin:0 auto; }
  #hometestimonial { padding-bottom:70px; }
  #homeachievement { padding-top:245px; background-position:-320px -60px; background-size:840px 284px; padding-bottom:30px; }
  div.hachi { padding:0; }
  #homearticles { padding-bottom:20px; }
  #homearticles div.articlelist { width:280px; margin:0 auto; overflow: hidden; }
  #homearticles figure.article { width:280px!important; margin:0; }
  #homearticles figure.article.active { -webkit-box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); -moz-box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); box-shadow: 0px 0px 12px 4px rgba(231,231,231,1); }
  #homearticles div.thumb-wrapper { height:340px; overflow: hidden; }
  div.slidedotnav1 { bottom:20px; }
  div.fcat-nav, div.facilities>div.fwrap, #tnav { height:auto; position: relative; padding:0px 0px 32px 0px; overflow: inherit; }
  div.fcat-nav a.fcat-mobile-nav, div.fwrap a.fcat-mobile-nav, #tnav a.fcat-mobile-nav { display:block; font-size:13px; line-height:23px; color:#424242; background:#fafafa; text-align: left; padding:4px 30px 4px 15px; border:1px solid #d0d0d0; position: relative; font-weight: 300; cursor:pointer; }
  a.fcat-mobile-nav:after { content:'›'; display:block; width:24px; padding:1px 0px 0px 12px; height:35px; color:#424242; line-height:36px; position: absolute; top:0px; right:5px; font-weight: normal; font-size:40px; font-weight:300; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
  div.fcat-nav ul, ul.fcats, #tnav ul { position: absolute; float:none; left:0; z-index:99999;  width:278px; background:#fafafa; border:1px solid #d0d0d0; border-top:none; padding:10px 0px 10px 0px; display:none; }
  div.fcat-nav ul>li, ul.fcats>li, #tnav ul>li { right:auto; float:none; padding:0; }
  div.fcat-nav ul a, ul.fcats a, #tnav ul a { font-size:13px; line-height:23px; color:#424242; text-align: left; display:block; padding:4px 30px 4px 15px; text-transform: none; font-weight:300; }
  #homefcats h2 { padding-bottom:20px; }
  div.tweetarea { width:280px; padding:0; }
  div.tweetarea:before { display:none; }
  figure.tweet:after { display: block; content: ''; width: 44px; height: 40px; background: url(../images/assets.png) no-repeat 0px -36px; position: absolute;left:auto; right:-5px; top:20px; transform: scale(0.5); -webkit-transform: scale(0.5); }
  figure.tweet { border:1px solid #d4d4d4; padding:0px 0px 0px 10px; }
  figure.tweet>figcaption { padding-left:0; }
  figure.tweet h2 { padding-top:5px; }
  div.tweetnav { margin-top:15px; }
  #footerv div.row1 div.col1, #footerv div.row1 div.col2, #footerv div.row1 div.col3 { float:none; width:100%; padding-right:0; padding-bottom:15px; }
  #footerv div.row1 h3 { line-height:17px; height:34px; letter-spacing: 0; }
  #footerv div.row1 div.col3 div.table>div>div { text-align: left; width:100%; display:block; }
  #footerv div.row1 div.col3 div.table>div>div:first-child { /*width:35%;*/ width:100%}
  #footerv div.row1 div.col3 h3 { display: table; }
  #footerv div.row1 div.col3 h3>span { display:table-cell; vertical-align: middle; text-align: left; }
  #footerv div.row1 div.col3 div.table table { margin-left:0; }
  #footerv div.row1 { padding-bottom:0; }
  ul.foot-nav>li { padding:0px 20px 0px 20px; }
  ul.foot-nav>li:first-child { padding-left:0; }
  ul.foot-nav>li:last-child { padding-right:0; }
  #footerv div.row2 { padding:25px 0px 25px 0px; }
  #footerv div.row2 div.col1 { padding-bottom:12px; }
  #footerv div.row2 div.col2, #footerv div.row2 div.col3 { width:100%; float:none; text-align: left; line-height:15px; }
  #footerv div.row2 p.copy { padding-bottom:12px; }
  ul.foot-nav { float:none; left:auto; }
  ul.foot-nav>li { float:left; right:auto; }
  /*div.slide-caption>div:last-child>div { padding-top:140px; }*/
  article.about-page, div.facilities, article.achievement-page div.awrap, article.testimonial-page div.twrap, article.apply-page div.max920, article.scholarship-page div.max920, article.program-page div.awrap { padding-top:30px; }
  ul.mission, ol.mission { display:block; }
  ul.mission>li, ol.mission>li { display:block; padding-left:0; padding-right:0; width:auto; }
  ul.mission>li h3, ol.mission>li h3, ul.corevalues>li h3, ol.corevalues>li h3 { padding-top:18px; padding-bottom:10px; }
  ul.corevalues, ol.corevalues { display:block; }
  ul.corevalues>li, ol.corevalues>li { display:block; padding:0; }
  ul.corevalues>li:first-child h3 { padding-top:0; }
  article.about-page>div.max920 { padding-bottom:0; }
  #footerv p, #footerv h1, #footerv h2, #footerv h3, #footerv h4, #footerv h5 { padding-bottom:15px; }
  h2.edu-core { text-align: left!important; }
  div.slide-caption>div:last-child>div { /*max-width:280px;*/ max-width:560px; width:auto; padding-left:20px; padding-right:20px; font-family: 'Poppins', arial, sans-serif; }
  div.slide-caption>div  { width:auto; }
  .page-banner .slidetitle { height:60px; overflow: hidden; /*text-overflow: ellipsis; white-space: nowrap;*/ }
  div.flist { margin-left:0; }
  .col4 { width:100%; float:none; }
  div.flist figure.facility { margin:0px 0px 25px 0px; }
  figure.facility-detail { width:100%; max-width: 1000px; }
  div.image-area, div.image-area div.video-container, div.image-area div.video-container>iframe { /*width:280px; height:220px;*/ width:100%; height:auto; }
  div.image-area div.video-container, div.image-area div.video-container>iframe { height:calc(100%); }
  .fancybox-close { top:10px!important; right:10px!important; }
  div.fancybox-wrap { width:100%!important; height:100vh!important; left:0!important; top:0!important; position: fixed!important; }
  .fancybox-opened .fancybox-skin, .fancybox-outer, .fancybox-inner { width:100%!important; height:100%!important; }
  figure.facility-detail>figcaption { width:88%; padding:30px 0px 30px 0px;  margin:0 auto;}
  .slidetitle { font-size:22px; }
  div.pager-info { display:none; }
  figure.achievement, figure.testimonial, figure.larticle, figure.activity { display:block; }
  figure.achievement>*, figure.testimonial>*, figure.larticle>*, figure.activity>* { display:block; }
  figure.achievement>div, figure.testimonial>div, figure.larticle>div, figure.activity>a { width:100%; }
  figure.achievement>div>img, figure.testimonial>div>img, figure.larticle>div>img, figure.activity>a>img { max-width:700px; height:auto; width:100%; opacity: 1; filter: alpha(opacity=100); }
  figure.achievement>figcaption, figure.larticle>figcaption, figure.larticle.open>figcaption, figure.activity>figcaption { /*padding:15px 20px 0px 20px;*/ padding:15px 40px 15px 20px }
  figure.larticle>figcaption, figure.larticle.open>figcaption { padding-bottom:20px; }
  figure.activity>figcaption { padding-bottom:15px; }
  figure.achievement h3 { padding-bottom:20px; height:auto; }
  figure.achievement>figcaption:after, figure.program h2:after, figure.larticle>figcaption:after, figure.activity h2>a:after, figure.career h2:after { top:40px; right:15px; }
  figure.testimonial>figcaption { padding:15px 0px 0px 0px; }
  figure.testimonial { margin-bottom:35px; }
  ul.ttnav>li:after { display:none; }
  .gradetable { width:280px; }
  #aprogress { width:200px; height:60px; }
  #aprogress a { width:40px; }
  #aprogress a>span { display:none; }
  /*#aprogress a.current>span { position: absolute; left:20px; width:200px; text-align:center; display:block; padding:5px 0px 15px 0px; }*/
  #aprogress a:before { transform: scale(0.65); -webkit-transform: scale(0.65); left:0; }
  #aprogress ul { position: relative; }
  #aprogress ul>li { width:65px; }
  #aprogress ul>li:first-child, #aprogress ul>li:last-child { width:35px; }
  #aprogress li:first-child a { left:-20px; }
  #aprogress li:last-child a { right:-20px; }
  article.apply-page div.max920 { padding-top:65px; }
  div.apply-tabs { width:280px; }
  div.apply-tabs h2 { padding-bottom:30px; }
  #first_name, #middle_name, #family_name, #nationality, #current_grade, #current_school,
  #father_first_name, #father_middle_name, #father_family_name, #father_nationality, #father_email, #father_phone, #father_address,
  #mother_first_name, #mother_middle_name, #mother_family_name, #mother_nationality, #mother_email, #mother_phone, #mother_address,
  #dclass dt a, #dgrade dt a, #student_name, #student_email, #student_phone, #student_address, #student_pob, #student_dob_d, #student_dob_m, #student_dob_y, #parent_name, #parent_email, #parent_phone, #parent_address, #parent_pob, #parent_dob_d, #parent_dob_m, #parent_dob_y, #frmScholarship #name, #frmScholarship #email, #frmScholarship #phone, #frmScholarship span.selectedfile, #frmContact #name, #frmContact #email, #frmContact #phone, #frmContact #subject, #frmContact #message, .frmCareer input[name=name], .frmCareer #email, .frmCareer #phone, .frmCareer span.selectedfile, .frmCareer #address, .frmCareer #education, .frmCareer #job_title, .frmCareer #birth_place, .frmCareer #dob_d, .frmCareer #dob_m, .frmCareer #dob_y, .frmCareer #message, 
  #first_name, #middle_name, #family_name, #father_first_name, #father_middle_name, #father_family_name, #mother_first_name, #mother_middle_name, #mother_family_name { width:232px; }
  #father_address, #mother_address { height:100px; }
  div.apply-tabs div.table>div>div:nth-child(2) { padding:0px 0px 20px 0px; }
  #dclass dt a:after, #dgrade dt a:after { font-size:35px; }
  dl#dclass dd ul, dl#dgrade dd ul { width:278px; }
  #student_pob, #parent_pob, .frmCareer #birth_place { padding-right:32px; }
  div.apply-tabs div.table, .frmCareer div.table, div.apply-tabs div.table>div, .frmCareer div.table>div, div.apply-tabs div.table>div>div, .frmCareer div.table>div>div { display:block; }
  #student_dob_d, #student_dob_m, #student_dob_y, #parent_dob_d, #parent_dob_m, #parent_dob_y, .frmCareer #dob_d, .frmCareer #dob_m, .frmCareer #dob_y { width:21px; }
  #student_dob_y, #parent_dob_y, .frmCareer #dob_y { width:34px; }
  div.apply-tabs div.table>div>div:first-child, .frmCareer div.table>div>div:first-child { width:100%;  padding-bottom:20px; }
  div.step4 table td:first-child { width:89px; }
  div.step4 table { margin-bottom: 25px; }
  div.step4 p:last-child { padding-bottom:30px; }
  #progress-detail { display: block; font-size: 15px; font-weight: bold; text-align: center; position: relative; top:-10px; }
  #frmScholarship, #frmContact { width:280px; }
  #frmScholarship span.inputfile, .frmCareer span.inputfile { display:block!important; }
  div.g-recaptcha { transform: scale(0.7); -webkit-transform: scale(0.7); }
  figure.program h2 { height:auto; }
  figure.program h2:after { top:20px; }
  div.pc>img { max-width: 100%; float:none; margin:0px 0px 23px 0px; }
  div.pslide-mt { padding-top:30px; }
  div.shadow-image { display:none; }
  div.pslide-area { width:280px; }
  div.pslides, div.pslides figure { width:280px; height:280px; }
  div.pcaption { width:280px; position: relative; margin-top:65px; height:auto; }
  div.pnav { width:280px; bottom:auto; top: 310px; }
  .fc-toolbar .fc-right { float:left!important; padding-top:10px; }
  .fc-toolbar .fc-center { text-align:left!important; float:none; display:block!important; clear:both; padding-top:10px; padding-bottom: 0; }
  .fc-toolbar .fc-center h2 { padding:0; margin:0; }
  figure.larticle div.ac { margin-right:0; }
  figure.larticle>figcaption:after { top:18px; }
  figure.program.open div.pc { padding:20px; }
  figure.program h2 { position: relative; }
  figure.program h2:after { top:50%; margin-top:-14px; }
  article.program-page div.awrap .imageonleft { max-width: 100%; margin:0px 0px 23px 0px; }
  div.left-filter { position: relative; text-align:center; padding-bottom:15px; }
  article.article-page div.m-t-100 div.left-filter { top:-15px; }
  article.article-page div.m-t-100 div.pcont { padding-top:30px; }
  article.program-page dl#dyear { margin:0 auto; }
  h2.atitle { clear:left; }
  figure.activity { margin-bottom:25px; }
  figure.activity h2>a:after { top:50%; margin-top:-14px; right:-30px; }
  article.program-page div.awrap { /*max-width: 280px;*/ max-width:600px; }
  article.article-page div.left-filter { top:0; }
  article.article-page div.pcont { padding-top:40px; }
  .contacttable { display:block; margin-bottom: 10px; }
  div.contacttable>div { padding:0; }
  .contacttable>div, .contacttable>div>div { display:block; }
  .contacttable>div:nth-child(3) { padding-top:0; }
  .contacttable>div:nth-child(3) a { display:inline-block; margin-top:2px; }
  figure.career h2 { height:auto; }
  figure.career h2:after { top:50%; margin-top:-14px; }
  article.program-page div.career-form hr { width:280px; margin-left:-25px; }
  figure.career.open div.pc { max-width:230px; }
  div.career-form h3 { font-size:15px; }
  form.frmCareer { width:230px; }
  figure.career div.pc p span.selectedfile { margin-bottom:15px; border-right: 1px solid #b7b7b7; }
  .frmCareer span.handler { width:100%; display:block; position: relative; }
  .frmCareer div.table>div>div:nth-child(2) { float:none; }
  .frmCareer div.table>div>div:nth-child(2) span { padding:0; }
  .frmCareer div.table>div>div:last-child { text-align:left; }
  .frmCareer div.table>div>div:first-child { padding-bottom:12px; }
  .frmCareer input[name=name], .frmCareer #email, .frmCareer #phone, .frmCareer span.selectedfile, .frmCareer #address, .frmCareer #education, .frmCareer #job_title, .frmCareer #birth_place, .frmCareer #message { width:200px; padding-right:14px; }
  /*.frmCareer div.table span { padding:0; }*/
  .frmCareer #dob_y { width:45px; }
  .frmCareer #dob_d, .frmCareer #dob_m { width:31px; }
  .frmCareer div.g-recaptcha { transform-origin:0 0;-webkit-transform-origin:0 0; }
  .frmCareer div.g-recaptcha>div { margin:0; }
  .frmCareer input[type=submit] { margin:5px 0px 10px 0px; }
  div.bg iframe { height:100%!important; position:relative; z-index:2; }
  ul.sitemap { width:100%; float:none; }
  #admission-contact>div.max920 { /*max-width:280px;*/ margin:0 auto; max-width:560px; padding-left:20px; padding-right:20px; }
  #admission-contact div.cinfo { max-width:100%; }
  #admission-contact { padding:0; height:195px; background-position: right top; /*margin-bottom:200px;*/ }
  #admission-contact div.cinfo { position: relative; /*top:230px;*/ border-bottom: 1px solid #d4d4d4; padding:0px 0px 15px 0px; }
  figure.career h2:after { line-height:14px; padding-top:7px; padding-bottom:7px; height:14px; }
  article.about-page div.max920 .imageonleft { max-width: 100%; width:100%; height:auto; margin-right:0; margin-bottom:30px; }
  div.step4 table, div.step4 tr, div.step4 td { display:block; }
  div.step4 table { padding-bottom:0; }
  div.step4 tr { padding-bottom:12px; }
  div.step4 tr>td:nth-child(2) { display:none; }
  div.step4 tr:last-child { padding-bottom:0; }
  .sc-social { text-align:center; }
  div.addthis_inline_share_toolbox { width:100px!important; }
  a.apply { margin-right:15px; }
  a.aprint { margin-right:20px; }
  div.fc-scroller { height:auto!important; overflow-y:hidden; max-width:500px; }
  div.pcont-single { padding-top:30px; padding-bottom:50px; }
  div.scrollbar-inner { max-height:700px; }
  div.slideshow>div>div.bg:before { content:''; display:block; width:100%; position:absolute; bottom:0; left:0; height:0px; padding:0; padding-bottom:30%; background-size:contain!important; /*background:url(../images/new-slide-bg.png) no-repeat center bottom;*/ z-index:10; }
  #homefcats>div.wrapper { padding-left:20px; padding-right:20px; }
}
   
@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}