/* Common */
@font-face {
    font-family: 'BrandonGrotesque-Thin';
    src: url('fonts/BrandonGrotesque-Thin.eot?') format('eot'), 
         url('fonts/BrandonGrotesque-Thin.otf')  format('opentype'),
         url('fonts/BrandonGrotesque-Thin.woff') format('woff'), 
         url('fonts/BrandonGrotesque-Thin.ttf')  format('truetype'),
         url('fonts/BrandonGrotesque-Thin.svg#BrandonGrotesque-Thin') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: 'BrandonGrotesque-Medium';
    src: url('fonts/BrandonGrotesque-Medium.eot?') format('eot'), 
         url('fonts/BrandonGrotesque-Medium.otf')  format('opentype'),
         url('fonts/BrandonGrotesque-Medium.woff') format('woff'), 
         url('fonts/BrandonGrotesque-Medium.ttf')  format('truetype'),
         url('fonts/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');
    font-weight: normal;
}
@font-face { font-family: 'Brandon Grotesque Bold';
    src: url('fonts/brandon_grotesque_bold.eot?') format('eot'), 
         url('fonts/brandon_grotesque_bold.otf')  format('opentype'),
         url('fonts/brandon_grotesque_bold.woff') format('woff'), 
         url('fonts/brandon_grotesque_bold.ttf')  format('truetype'),
         url('fonts/brandon_grotesque_bold.svg#Brandon Grotesque Bold') format('svg');
    font-weight: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face { 
        font-family: 'BrandonGrotesque-Thin';
        src: url('fonts/BrandonGrotesque-Thin.svg#BrandonGrotesque-Thin') format('svg');        
    }
    @font-face {
        font-family: 'BrandonGrotesque-Medium';
        src: url('fonts/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');        
    }
    @font-face { 
        font-family: 'Brandon Grotesque Bold';
        src: url('fonts/brandon_grotesque_bold.svg#Brandon Grotesque Bold') format('svg');        
    }
}

* {margin: 0;padding: 0;outline: none;}
html,body { font-family: 'Lato', sans-serif;-webkit-font-smoothing: antialiased; background: #f5f5f5}
a,a:hover {color: #f06b00}
h1,h2,h3,h4,h5,h6 { font-weight: 700}

li > ul { list-style-type: disc;}
li li > ul { list-style-type: circle;}
ul > li { margin-bottom: 5px;}
.list-1 {
    margin: 0 0 20px 20px;
}
.text16 { font-size: 16px;}
#wrapper {position: relative; overflow-x:hidden; background: #fff; max-width: 1300px; margin: 0 auto;}
.btn:focus, .btn:active:focus, .btn.active:focus {outline: none;}
.btn:active, .btn.active{-webkit-box-shadow:none;box-shadow:none;}
.floatleft {float: left}
.floatright {float: right}
.pos-rev {position: relative;}
.pos-abs {position: absolute;}
.upper {text-transform: uppercase;}
.text-darkgrey {color: #666;}
.text-grey,
.text-grey:hover {color: #999;}
.text-lightgrey {color: #bfbfbf;}
.text-white {color: #fff;}
.text-orange,.text-orange:hover {color: #f06b00;}
.light {font-weight: 300;}
.bold {font-weight: 700;}
.border.bottom {border-bottom: solid 5px transparent}
.border.purple {border-color: #bc3ea4}
.border.brown {border-color: #a96e32}
.border.pink {border-color: #e3168f}
.border.red {border-color: #ee3442}
.border.grey {border-color: #999}
.nowrap {white-space: nowrap;}
.bg-darkyellow {background-color: #d4d42a}
.bg-orange {background-color: #f06b00 }
.bg-grey {background-color: #eee;}
.bg-white {background-color: #fff !important;}
.break {width: 100%;height: 1px;margin: 10px auto;}
.btn-orange {background-color: #f06b00; color: #fff}
.btn-orange:focus,
.btn-orange:hover {color: #fff;}
.btn-flat{ border-radius: 0}
.pad-30 {padding: 30px;}
.small {font-size: 75%;}
.title.big {text-indent: -8px; font-size: 36px; height: 30px; line-height: 30px; font-family: 'Brandon Grotesque Bold'; text-transform: uppercase;margin: 0;}
.row.no-gutter {margin-left: 0; margin-right: 0;}
.list-arrow {margin: 0;}
.list-arrow li {margin-top: 18px; font-weight: 700;list-style: none; line-height: 20px;vertical-align: top;position: relative;padding-left: 15px}
.list-arrow.left li:before { content: ''; display: inline-block; background: url(../timages/icon.png) -16px  -166px no-repeat scroll transparent; width: 20px; height: 20px; position: absolute; left: 0; top: 0;}
.arrow-left {position: relative; padding-left: 15px;}
.arrow-left:before {content: '';display: inline-block; background: url(../timages/icon.png) -16px  -166px no-repeat scroll transparent; width: 20px; height: 20px; position: absolute; left: 0; top: 0;}
.list-arrow li > a {color: #333;}
.list-arrow .active {color: #999;}
.list-arrow li:first-child {margin-top: 0}
.breadcrum a { color: #333;}
.video-item {position: relative; padding: 5px; margin-top: 30px;}
.video-item .img {box-shadow: 0 0 5px rgba(0,0,0,0.15)}
.video-item .img img {display: block; max-width: 100%; width: 100%;}
.video-item .info {width: 100%;padding: 10px;box-shadow: 0 2px 2px rgba(0,0,0,0.2);}
.video-item .info h4 { margin: 15px 0px 0px; font-size: 14px; line-height: 14px; font-weight: 700} 
.video-item .info p { margin-bottom: 5px; font-size: 12px;}
.video-item .info .ico-play { float: left; margin-right: 30px;}
.box-slide-video .bx-controls {height: 0}

.box-slide-project .item .img { border: solid 5px #eee; height: 175px; overflow: hidden;}
.box-slide-project .item .img img{display: block; width: 100%; min-height: 170px}
.box-slide-project .video-item.item .img img { max-width: 100%; width: auto;}
.box-slide-project .video-item.item { padding: 0; margin-top: 0; cursor: pointer;}
/*.box-slide-project .item {position: relative; padding: 5px; background: #e7e7e7; margin-top: 10px;}
.box-slide-project .item .img {box-shadow: 0 0 5px rgba(0,0,0,0.15)}
.box-slide-project .item .img img{display: block; max-width: 100%; width: 100%;}
.box-slide-project .item .info { position: absolute;left: 15px;top: 10px;}
.box-slide-project .item .info h4 { margin: 0px; font-size: 14px; line-height: 14px; font-weight: 700} 
.box-slide-project .item .info p { margin-bottom: 5px; font-size: 12px;}
.box-slide-project .item .info .ico-play { background-position: 0 -111px; background-size: 500px 500px; width: 50px; height: 50px; margin-left: 25px;}*/
.box-slide-video .bx-controls {height: 0}

.block-enquiry h3 { font-size: 20px;}

footer {background: #e7e7e7; padding: 20px 0;}
footer .footer-nav { margin: 0; padding: 0; list-style: none; font-size: 0; white-space: nowrap; text-align: center;}
footer .footer-nav li {display: inline-block; vertical-align: top; padding: 5px 10px;}
footer .footer-nav a { font-weight: 700; font-size: 12px; color: #333}
footer p {padding: 0; margin: 0; font-size: 12px;}
footer .copyright { margin-top:20px;}
footer .footer-logo {line-height: 72px; vertical-align: middle; font-size: 0; white-space: nowrap;}
footer .footer-logo a {display: inline-block; vertical-align: middle; width: 50%;}
footer .footer-logo a img {max-width: 100%; width: auto;}

.ico {background: url('../timages/icon.png') no-repeat 0 0 scroll transparent; display: inline-block;}
.ico-menu {top: -10px; background-position: -110px -45px; width: 26px; height: 20px;background-size: 500px 500px;}
.ico-fb {background-position: -80px -80px; width: 52px; height: 52px;background-size: 500px 500px;}
.ico-instagram {background-position: -134px -80px; width: 52px; height: 52px;background-size: 500px 500px;}
.ico-twitter{background-position: -187px -80px; width: 52px; height: 52px;background-size: 500px 500px;}
.ico-youtube {background-position: -240px -80px; width: 52px; height: 52px;background-size: 500px 500px;}
.ico-linked{background-position: -293px -80px; width: 52px; height: 52px;background-size: 500px 500px;}
.ico-search{background-position: 0px 0px; width: 42px; height: 42px;}
.ico-mynafa{background-position: -49px 0px; width: 71px; height: 71px;}
.ico-like {background-position: -4px -132px; width: 25px; height: 30px;}
.ico-open {background-position: -40px -130px; width: 40px; height: 30px;}
.ico-print {background-position: -80px -130px; width: 40px; height: 30px;}
.ico-play {height: 50px; width: 50px; background-position: 0 -111px; background-size: 500px 500px;}
.ico-calendar {width: 52px !important; height: 52px; background-position: -220px 0px;}
.ico-calendar-sm {width: 22px; height: 23px; background-position: -234px -59px;}
.ico-plus { width: 30px; height: 30px; background: url('../timages/icon.png') no-repeat -124px -324px scroll transparent; cursor: pointer;}
.ico-help {width: 40px; height: 40px; background-position: -170px -360px;}
.ico-location {width: 30px; height: 40px; background-position: -320px -6px;}
.ico-feature {width: 30px; height: 30px; background-position: -420px 0px;}


.open .ico-plus { background-position: -45px -362px;}
.resize-v { resize: vertical;}
/* Overdrive widget */
.item .likebtn-wrapper {line-height: 30px; }
.item.lb-like, .item .lb-dislike { height: auto;}
.item .lb-like .lb-a, .item .lb-dislike .lb-a,
.page-staff .info .lb-like .lb-a,
.page-staff .info .lb-dislike .lb-a{ top: 0; float: right;}
.lb-style-transparent .lb-like-icon {background: url('../timages/icon.png') no-repeat -4px -132px scroll transparent !important; width: 25px; height: 30px;}
.lb-voted .lb-like-icon, .lb-voted .lb-a:hover .lb-like-icon, .lb-style-gray .lb-voted .lb-like-icon, .lb-style-gray .lb-voted .lb-a:hover .lb-like-icon, .lb-style-white .lb-voted .lb-like-icon, .lb-style-white .lb-voted .lb-a:hover .lb-like-icon, .lb-style-black .lb-voted .lb-like-icon, .lb-style-black .lb-voted .lb-a:hover .lb-like-icon, .lb-style-padded .lb-voted .lb-like-icon, .lb-style-padded .lb-voted .lb-a:hover .lb-like-icon, .lb-style-drop .lb-voted .lb-like-icon, .lb-style-drop .lb-voted .lb-a:hover .lb-like-icon, .lb-style-lightgray .lb-voted .lb-like-icon, .lb-style-lightgray .lb-voted .lb-a:hover .lb-like-icon, .lb-style-transparent .lb-voted .lb-like-icon, .lb-style-transparent .lb-voted .lb-a:hover .lb-like-icon { background: url('../timages/icon.png') no-repeat -4px -132px scroll transparent !important; width: 25px; height: 30px;}
.item .lb-count,
.page-staff .info .lb-count {line-height: 30px; height: 32px; top: 0; font-size: 12px; }


header .logo {display: inline-block; position: relative; top:0px; left: 0px;}

.box-banner {position: relative; margin: 10px auto;}
.box-banner + .box-banner { margin-top: 20px;}
.box-banner .invisible-link {position: absolute; font-size: 0; left: 0; top: 0; bottom: 0; right: 0; z-index: 10;}
.box-apply {margin-bottom: 20px;}
.banner-text {padding: 30px 0px; margin-bottom: 20px;}
.banner-text h2{font-family: 'BrandonGrotesque-Thin'; font-size: 60px; margin: 0}
.banner-text h3{font-family: 'BrandonGrotesque-Medium'; font-size: 38px; margin: 0}

.help-group { position: relative;}
.help-group .ico-help { position: absolute; right: 0px; top: 50%; margin-top: -20px;}
.help-group .help-text { bottom: 100%; right: 0; opacity: 0; visibility: hidden; position: absolute; width: 270px; padding: 15px; background: #eee; -webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;transition:opacity 0.3s ease;}
.help-text p {font-size: 14px; color: #666; margin-bottom: 0}
.help-group .ico-help:hover + .help-text {opacity: 1; visibility: visible;}

/* Mobile */
nav { background: #231f20;}
nav .nav-top { position: absolute; left: 100%; top: 0; width: 100%; min-height: 100%; height: auto; background: #231f20;}
.menu-mode #wrapper {position: relative; min-height: 100%; overflow-x: hidden;}
.open nav .nav-top {left: 54px; z-index: 10;}
.open nav .nav-top > .nav-menu {visibility: visible; height: 100%; overflow: visible;}

nav .nav-menu {visibility: hidden; font-size: 0; padding: 0; overflow: hidden; height: 0;}
nav .nav-menu.level1 > li:hover,
nav .nav-menu.level1 > li.hover {background: #f06b00}
nav .nav-menu.active { display: block;}
nav .nav-menu.level1 {white-space: nowrap; margin: 0 0 0 -15px;}
nav .nav-menu.level1 li {display: block; position: relative;border-bottom: solid 1px #464344;}

nav .nav-menu a { font-size: 14px; text-transform: uppercase; font-weight: 700; color: #fff; display: block;padding: 15px 22px;}
nav .nav-menu a:hover {text-decoration: none;}

.no-touch nav .nav-menu li:hover > ul,
.no-touch nav .nav-link:hover + ul,
nav .nav-menu li.hover > ul,
.no-touch nav ul:hover { visibility: visible; height: auto;}
nav .nav-menu.level2 {position: relative; left: 0; background: #333; }
nav .nav-menu.level2 li { display: block; border-bottom: none; padding-right: 90px;}
nav .nav-menu.level2 li:hover {background: #47392e}
nav .nav-menu.level2 li > a {white-space: normal; position: relative; padding-left: 34px; padding-top: 0; padding-bottom: 0; height: 50px; vertical-align: middle; color: #ccc; display: table-cell;}
nav .nav-menu.level2 li > a:before {content: ''; display: inline-block; background: url(../timages/icon.png) -8px  -97px no-repeat scroll transparent; width: 10px; height: 10px; position: absolute; left: 22px; top: 20px; background-size: 500px 500px}

nav .nav-menu.level3 {position: relative; left: 0; background: #666;}
nav .nav-menu.level3 li { display: block; border-bottom: none;}

.header-content {background: #fff; position: relative; height: 90px; z-index: 4}
.open .header-content {position: fixed; width: 100%; height: 100%; z-index: 9; left: 0; top: 0;}
.open .header-content #btnTopMenu {position: absolute; left: 6px; top: 22px;}
.open .header-content .logo {display: none;}
.header-content .ico {position: relative;}

.dropdown-search {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background: rgba(0,0,0,0.9);width: 100%;height: 100%;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;position: absolute;z-index: 10000;top: 64px;margin: 0;padding: 0; border: none;}
.dropdown-search > div {padding: 15px;}
.dropdown-search label {display: block; padding: 25px 0px; font-weight: 700; font-size: 14px;}
.dropdown-search .btn {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; text-transform: uppercase; width: 82%; margin: 28px 9%; height: 40px; line-height: 40px; padding: 0; font-weight: 700;}
.dropdown-search .text-box {height: 48px; padding: 0 15px; width: 100%; border-radius: 0;-webkit-border-radius:0; color: #666;}

.read-more,
.read-less {color: #f06b00 !important; text-transform: uppercase; font-size: 12px; margin-bottom: 40px; display: inline-block; position: relative;}
.read-detail { text-transform: uppercase; font-size: 12px; position: relative;}
.read-more:hover,
.read-less:hover {color: #f06b00}
.read-more:before { content: '';background: url('../timages/icon.png') no-repeat -136px -143px scroll transparent; display: inline-block;width: 8px; height: 8px; position: absolute;right: -14px;top: 5px;}
.read-less:before { content: '';background: url('../timages/icon.png') no-repeat -136px -244px scroll transparent; display: inline-block;width: 8px; height: 8px; position: absolute;right: -14px;top: 5px;}
.read-detail:before { content: ''; display: inline-block; background: url(../timages/icon.png) -8px  -97px no-repeat scroll transparent; width: 10px; height: 10px; position: absolute; right: -18px; top: 4px; background-size: 500px 500px}


.list-news-wrapper .item {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; background: #fff;-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);-moz--box-shadow: 0 2px 5px rgba(0,0,0,0.15);box-shadow: 0 2px 5px rgba(0,0,0,0.15);}
.list-news-wrapper .item .info,
.list-news-wrapper .item .status {padding: 10px;}
.list-news-wrapper .item .status {position: relative; height: 68px; background: #f5f5f5; margin-top: 25px;}
.list-news-wrapper .item .status .text-right {position: absolute; bottom: 0px; left: 10px; right: 10px;line-height: 30px}
.list-news-wrapper .item .status .text-right .ico {float: right;}
.list-news-wrapper .item .status .text-right .ico-feature { float: left;}
.list-news-wrapper .item .title,
.list-news-wrapper .item .category-title {display: block; margin: 0; font-weight: 700; color: #333; line-height: 1.1;}
.list-news-wrapper .item .title { margin-bottom: 25px; font-size: 18px;}
.list-news-wrapper .item .title span { display: block;}
.list-news-wrapper .item .img img {width: 100%; max-width: none;}

.item .artist-title { font-size: 18px; color: #666; text-decoration: none}

.page-showcase .list-news-wrapper .item .info,
.page-showcase .list-news-wrapper .item .status {padding-top: 15px;}

.bx-viewport a { min-height: 1px; min-width: 1px; }
#homeBanner { margin-bottom: 26px;}
#homeBanner div a {display: block;}
#homeBanner img {max-width: none; width: 100%;}
#homeBanner .bx-controls { height: 26px; margin-top: -26px; text-align: center;}
#homeBanner .bx-controls a {position: relative;z-index: 2; -webkit-transition:border-color 400ms;-moz-transition:border-color 400ms;transition:border-color 400ms;}
#homeBanner .bx-pager {line-height: 26px;}
#homeBanner .bx-pager-item { color: transparent; font-size: 0; text-align:center; display: inline-block; margin: 0px 5px;}
#homeBanner .bx-pager-item a { display: block; width: 10px; height: 10px; border-radius: 5px; background: #fff;}
#homeBanner .bx-pager-item .active { background: #999; background: rgba(255,255,255,0.5)}
#homeBanner .bx-controls-direction {display: none;}

.banner-bx-wrapper div a {display: block;}
.banner-bx-wrapper img {max-width: none; width: 100%;}
.banner-bx-wrapper .portrait { display: inline-block; border: solid 1px #ccc}
.banner-bx-wrapper .portrait img {max-width: 100%; width: auto;}
.banner-bx-wrapper .banner-item {position: relative;}
.banner-bx-wrapper .banner-item .caption {background: rgba(0,0,0,0.7);color: #fff;position: absolute;padding: 15px 20px;left: 0;right: 0;bottom: 0;font-size: 14px; opacity: 0; filter:alpha(opacity=0); -webkit-transition: opacity 0.3s linear;transition: opacity 0.3s linear}
.banner-bx-wrapper .banner-item:hover .caption {opacity: 1; filter:alpha(opacity=100);} 
.banner-bx-wrapper .banner-item .caption h4 {font-weight: 700;margin: 0 0 5px 0;}

.banner-bx-wrapper .bx-controls { height: 26px; margin-top: -26px; text-align: center;}
.banner-bx-wrapper .bx-controls a {position: relative;z-index: 2; -webkit-transition:border-color 400ms;-moz-transition:border-color 400ms;transition:border-color 400ms;}
.banner-bx-wrapper .bx-pager {line-height: 26px;}
.banner-bx-wrapper .bx-pager-item { color: transparent; font-size: 0; text-align:center; display: inline-block; margin: 0px 5px;}
.banner-bx-wrapper .bx-pager-item a { display: block; width: 10px; height: 10px; border-radius: 5px; background: #fff;}
.banner-bx-wrapper .bx-pager-item .active { background: #999; background: rgba(255,255,255,0.5)}
.banner-bx-wrapper .bx-controls-direction {display: none;}


.box-news {padding-left: 0px;}
.box-news h2 {font-size: 48px; font-family: 'BrandonGrotesque-Medium'; color: #f06b00;}
.box-news h2 a,
.box-news h2 a:hover { text-decoration: none;}
.box-news ul li {list-style: none; margin-top: 30px; border-left: solid 3px #f06b00; padding-left: 20px}
.box-news ul li:first-child {margin-top: 0;}
.box-news .time {color: #666; text-transform: uppercase; font-size: 12px; line-height: 10px;}
.box-news .title { font-weight: 700; margin: 5px 0px; color: #333; text-decoration: none; display: block; line-height: 1.1; font-size: 18px;}
.box-news p {margin-bottom: 0; line-height: 18px; text-align: left !important;}
.box-news .read-more {margin: 10px auto; text-align: center; }

.page-staff .title.big {font-size: 36px; height: auto; text-indent: 0; line-height: 30px;}
.page-staff .img img { max-width: 100%;}
.staff-dropdown .btn {-webkit-border-radius:0;border-radius:0; display: block;width: 100%; padding: 10px 10px; text-align: left; font-size: 18px; color: #666; background: #eee; position: relative;}
.staff-dropdown .btn .caret {margin-left: 25px; border: none; background: url('../timages/icon.png') -54px -172px no-repeat scroll transparent; width: 14px; height: 10px;right: 15px;top: 50%; margin-top: -5px; position: absolute;}
.staff-dropdown .btn:active, .staff-dropdown .btn.active {-webkit-box-shadow:none;box-shadow: none;}

.block-filter .staff-dropdown .btn { padding: 10px 20px; line-height: 24px;}


.page-staff .right-nav {margin-bottom: 20px;}
.page-staff .avatar { text-align: center;padding: 0; margin-bottom: 20px;}
.page-staff .avatar img { width: auto; max-width: 100%; margin: 0 auto;}
.page-staff .introduce { margin-bottom: 40px;}
.page-staff .intro {padding-left: 0}
.page-staff .summary h1 {margin-top: 0; margin-bottom: 30px }
.page-staff .summary h4 {margin-bottom: 5px;font-weight: 700;}
.page-staff .summary p {font-size: 18px; font-weight: 400; line-height: 22px; margin-bottom: 0;}
.page-staff .summary .list-arrow a { /*text-transform: capitalize;*/}
.page-staff .content h2 {text-transform: uppercase; font-size: 20px; font-weight: 700}
.page-staff .summary .list-arrow li {margin-top: 5px;}


.list-staff {font-size: 0;margin:30px 0 0 0;}
.list-staff li {text-align: left; white-space: normal; display: inline-block; vertical-align: top; margin-right: 30px;margin-bottom: 20px; -webkit-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);width: 165px; min-height: 225px;}
.list-staff li .img {display: block; overflow: hidden;}
.list-staff li .img img { max-width: 100%;}
.list-staff .intro {padding: 10px 10px 6px 10px;}
.list-staff .intro h5 {font-size: 14px; font-weight: 700; margin: 0;}
.list-staff .intro p {font-size: 12px; line-height: 14px;}

.list-alumni {font-size: 0;margin:30px 0 0 0;}
.list-alumni li {text-align: left; white-space: normal; display: inline-block; vertical-align: top; margin-right: 30px;margin-bottom: 20px; -webkit-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);width: 165px; min-height: 225px;}
.list-alumni li .img {display: block; overflow: hidden;}
.list-alumni li .img img { max-width: 100%;}
.list-alumni .intro {padding: 10px 10px 6px 10px;}
.list-alumni .intro h5 {font-size: 14px; font-weight: 700; margin: 0;}
.list-alumni .intro p {font-size: 12px; line-height: 14px;}

.page-courses h1.title {margin: 0 0 24px 0; font-size: 28px; line-height: 28px; font-weight: 700}
.page-courses h2.title { font-size: 28px; margin-left: 15px;}
.page-courses.page-school h2.title { font-size: 28px; margin-left: 0px;}
.page-courses h2.title a {color: #333; text-decoration: none;}
.panel-group .panel.flat { border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; border: none;}
.panel-orange .panel-heading {padding: 0}
.panel-orange .panel-heading a { color: #333; font-size: 14px; font-weight: 700; display: block;padding: 15px 0px 15px 15px;background: #eee}
.panel-orange .panel-heading a:hover {text-decoration: none;}
.panel-orange .panel-heading .active {color: #fff; background: #f06b00 }
.panel-group .panel-heading + .panel-collapse .panel-body {border-top: none;}
.page-courses .list-arrow li { margin-bottom: 15px; font-weight: 700}
.page-courses .list-arrow li a { color: #333}
.page-courses .panel-body ul,
.page-courses .panel-body ol {margin-left: 15px;}
.page-courses .block-courses h5 {padding: 10px 15px; margin: 0 0 3px 0; background: #eee; font-size: 16px; font-weight: bold;}
.page-courses .panel-body h2 { font-size: 20px;}
.page-courses .panel-body h3 { font-size: 18px;}
.page-courses .panel-body h4 { font-size: 16px;}
.block-courses a {color: #333;}
.box-group h2.title {margin-top: 0; font-size: 36px; font-weight: 300}
.box-group > div + div {margin-top: 10px;}

.banner-img-wrapper {padding: 0;border-bottom: solid 6px #8b8a8f;}
.banner-img-wrapper.light { border-color: #eee}
.banner-img-wrapper img {width: 100%; max-width: none;}
.banner-bx-wrapper { padding: 0;}
.page-dept .read-more,
.page-dept .read-less {margin-bottom: 20px;}
.page-dept h2.title.big {white-space: nowrap; text-indent: 0; margin: 0 15px 10px; font-size: 24px; line-height: 28px;}
.page-dept .block-instagram h2.title { margin-left: 0}
.page-dept .no-gutter h2.title.big {margin-left: 0;}
.page-dept h2.title.big {font-family: 'Lato';}
.page-dept .block-des p {margin: 0;padding: 16px 0;overflow: hidden;line-height: 20px;}
.block-des .full-text {display: none;}
.block-des .show .full-text {display: block;}
.block-des .show .excerpt {display: none;}
.page-dept .block-courses {margin-bottom: 20px;}
.page-dept .block-courses h5 {padding: 10px 15px; margin: 0 0 3px 0; background: #eee; font-size: 16px; font-weight: bold;}
.page-dept .block-courses a {color: #333;}
/*.page-dept .block-showcase .box {display: none;}*/
.page-dept .block-showcase .box:nth-of-type(1) {display: block;}
.page-dept .block-showcase .item {padding:0; margin: 0px -15px 20px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);-moz--box-shadow: 0 2px 5px rgba(0,0,0,0.15);box-shadow: 0 2px 5px rgba(0,0,0,0.15);}
.page-dept .block-showcase .img { display: block;}
.page-dept .block-showcase .img img {width: 100%;}
.page-dept .block-showcase .info,
.page-dept .block-showcase .status {padding: 0px 10px;}
.page-dept .block-showcase .info .title {margin: 10px 0px; color: #333; display: block; line-height: 1.1; font-weight: 500; font-size: 18px;}
.page-dept .block-showcase .status p {margin-bottom: 0;}
.page-dept .block-showcase .status .ico {float: right;}
.page-dept .block-showcase .status .text-right {line-height: 30px; height: 30px;}
.page-dept .list-staff {margin-top: 0;}
.page-dept .list-alumni {margin-top: 0;}
.page-dept .block-facilities .item {padding:0; margin: 0px -15px 20px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);-moz--box-shadow: 0 2px 5px rgba(0,0,0,0.15);box-shadow: 0 2px 5px rgba(0,0,0,0.15);}
/*.page-dept .block-facilities .box {display: none;}*/
.page-dept .block-facilities .box:nth-of-type(1) {display: block;}
.page-dept .block-facilities .img img {width: 100%;}
.page-dept .block-facilities .info {padding: 0px 10px;height: 58px;display: table-cell;vertical-align: middle;}
.page-dept .block-facilities .info h4 {font-weight: 700}
.page-dept .block-facilities .info h4 a { color: #333}
.page-dept .block-testimonials .item {padding:0; margin: 0px -15px 20px; position: relative; font-size: 0}
/*.page-dept .block-testimonials .box {display: none;}*/
.page-dept .block-testimonials .box:nth-of-type(1) {display: block;}
.page-dept .block-testimonials .item .info { width: 100%; padding: 10px 10px 5px; box-shadow: 0 2px 2px rgba(0,0,0,0.2)}
.page-dept .block-testimonials .item .info .ico { float: left; margin-right: 10px;}
.page-dept .block-testimonials .item .info h4 { text-align: left; margin: 5px 0 0 0px; font-size: 16px; font-weight: 700}
.page-dept .block-testimonials .item .info p {text-align: left; font-size: 16px; margin-left: 64px;}
.page-dept .block-testimonials .img img {width: 100%;}

.page-dept h2.title.big small {text-transform: lowercase; font-weight: 400; font-family: 'Lato'}
.page-dept .block-instagram .grid-sizer { width: 50%;}
.page-dept .block-instagram .gutter-sizer { width: 0;}
.page-dept .block-instagram .item {margin-bottom: 20px; width: 100%}
.page-dept .block-instagram .item2 { width: 48%}
.page-dept .block-instagram .img {display: block;}
.page-dept .block-instagram .img img {width: 100%;}



























.page-dept .block-addref {margin-bottom: 20px;}
.block-addref .content {padding: 0;}
.page-dept .block-addref h5 {text-align: center; padding: 10px 15px; background: #eee; font-size: 16px; font-weight: bold; display: table-cell; width: 1000px; height: 54px; vertical-align: middle; border-bottom: solid 3px #fff;}
.page-dept .block-addref h5 a {color: #333}

.block-courses ul { list-style: none;}
.courses-item { box-shadow: 0 4px 4px 0px rgba(0,0,0,0.15); margin-bottom: 12px}
.courses-item .img { display: block; overflow: hidden;}
.courses-item .img img{ max-width: 100%; width: 100%}
.courses-item .title { font-weight: 700; height: 70px; display: table-cell; padding: 10px; font-size: 18px; vertical-align: middle;}

.page-whynafa {padding-bottom: 30px;}
.page-whynafa h1.title {margin: 24px 0; font-size: 28px; line-height: 28px; font-weight: 700}
.page-whynafa .row > h2.title { margin-left: 15px; font-size: 18px; font-weight: 700}
.right-nav h3.title { font-size: 18px; font-weight: 700}
.right-nav h4.title { font-size: 14px;}
.box-side .img {display: block; margin-bottom: 15px;}
.box-side .img img {width: 100%; max-width: 100%}
.box-slide-video,
.box-slide-project { padding: 10px; margin: 0px auto 20px; max-width: 490px; float: none;}
.box-slide-video .bx-viewport,
.box-slide-project .bx-viewport { height: auto !important;}
.box-slide-video .bx-controls,
.box-slide-project .bx-controls { text-align: center;}
.box-slide-video .bx-controls a {position: relative;z-index: 2; -webkit-transition:border-color 400ms;-moz-transition:border-color 400ms;transition:border-color 400ms;}
.box-slide-video .bx-pager,
.box-slide-project .bx-controls a,
.box-slide-project .bx-pager { position: relative; top: 10px; line-height: 0}
.box-slide-video .bx-pager-item,
.box-slide-project .bx-pager-item { color: transparent; font-size: 0; text-align:center; display: inline-block; margin: 0px 5px;}
.box-slide-video .bx-pager-item a,
.box-slide-project .bx-pager-item a { display: block; width: 10px; height: 10px; border-radius: 5px; background: #999;}
.box-slide-video .bx-pager-item .active,
.box-slide-project .bx-pager-item .active { background: #666;}
.box-slide-video .bx-controls-direction,
.box-slide-project .bx-controls-direction {display: none;}
.box-slide-video .video-item.active:before,
.box-slide-project .item.active:before { display: block; width: 0; height: 0; border-left: solid 10px transparent; border-right: solid 10px transparent; border-bottom: solid 10px #e7e7e7; position: absolute; left: 50%; margin-left: -10px; top: -10px;}

.box-slide-project .bx-controls a.disabled,
.box-slide-video .bx-controls a.disabled { display: none;}


.list-partners {padding-top: 60px;}
.partner-item { margin-bottom: 30px;}
.partner-item h2 { font-weight: 700}
.partner-item a { font-weight: 700; color: #333;}
.partner-item img { width: 100%; max-width: 100%}

.block-potential .staff-dropdown { margin: 0 15px;}
.block-potential .staff-dropdown .dropdown-menu { display: block; z-index: 98; background: none; box-shadow: none; border: none; border-radius: 0; float: none; min-width: 100% !important}
.block-potential .staff-dropdown.open .dropdown-menu { top: 0;}
.block-potential .staff-dropdown .slimScrollDiv { visibility: hidden; display: block; background: #fff; border-radius: 4px; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); position: absolute !important; top: 100%; min-width: 100% !important; z-index: 1; margin-top: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.block-potential .staff-dropdown.open .slimScrollDiv { display: block; visibility: visible;}
.label-filter { margin: 30px 0px 20px;}
.label-filter label { position: relative; padding: 0px 20px; margin-top: 10px;}
.label-filter label:before {content: '';display: inline-block;background: url(../timages/icon.png) -16px -166px no-repeat scroll transparent;width: 20px;height: 20px;position: absolute;left: 0;top: 0;}
.label-filter span { display: block;}
.list-potential {margin: 0 0 0 15px;}
.list-potential li { width: 100%; padding: 5px 0px;}
.list-potential li a {color: #333; display: block; font-size: 14px;}
.panel-orange-grey .panel-heading {padding: 0}
.panel-orange-grey .panel-heading a {position: relative; text-transform: none; color: #333; font-size: 14px; font-weight: 700; display: block;padding: 15px 50px 15px 15px;background: #eee}
.panel-orange-grey .panel-heading a:hover {text-decoration: none;}
.panel-orange-grey .panel-heading .active {color: #fff; background: #f06b00 }
.panel-orange-grey .panel-heading a:before { content: '';background: url('../timages/icon.png') no-repeat -120px -320px scroll transparent; display: inline-block;width: 40px; height: 40px; position: absolute;right: 10px;top: 50%;margin-top: -20px;}
.panel-orange-grey .panel-heading a.active:before {background-position: -120px -360px;}

#accordionpage .panel-orange-grey .panel-heading a:before {background-position: -120px -360px;}
#accordionpage .panel-orange-grey .panel-heading a.collapsed:before {background-position: -120px -320px;}

.toggle-collapse {display: inline-block; margin: 30px 0 20px;}
.toggle-collapse {text-transform: uppercase; position: relative; padding-right: 40px; text-decoration: none;}
.toggle-collapse:before {content: ''; background: url('../timages/icon.png') no-repeat -40px -192px scroll transparent; display: inline-block;width: 40px; height: 24px; position: absolute;right: 0px;top: 50%;margin-top: -12px;}
.toggle-collapse.expand:before {background-position: -40px -166px}

.page-events .staff-dropdown { margin: 30px 0 24px;}
.page-events h1 + .info { padding-bottom: 30px;}

.page-events .info .location { line-height: 40px;}
.page-events .info .location a { display: block; font-size: 14px; line-height: 18px;}
.page-home .info p,
.page-events .info p { font-size: 12px} { font-size: 12px}
.page-events.page-event-detail .info p { font-size: 16px}
.page-events .info .status { float: left; margin-right: 10px;}
.page-events .info .ico,
.page-events .info .addthis_toolbox { float: left;}
.page-events .status hr { border-top-color: transparent; margin: 2px auto;}
.page-events .content {padding: 30px 0;}
.page-events .description { margin: 25px 0px;}
.page-events .panel-body .note {font-size: 11px;}
.page-events .panel-body ul.list-arrow {margin-bottom: 20px;}
.page-events .panel-body ul.list-arrow li {margin-top: 10px;}
.page-event-detail .timespan { font-size: 14px;}
.page-event-detail .timespan small { font-size: 12px;}
.page-event-detail .timespan .date,
.page-event-detail .timespan .time,
.page-event-detail .timespan .timeoff { display: block; width: 60%}
.page-event-detail .bookstatus { float: right;}
.page-event-detail .bookstatus .ico { float: right;}

.page-life .title.bold span {font-weight: normal; font-size: 80%; text-transform: lowercase;}


.page-showcase .staff-dropdown { margin: 30px 0 24px;}
.page-showcase .block-filter .staff-dropdown { margin: 5px 0 0;}
.page-showcase .block-filter .staff-dropdown .dropdown-menu { max-height: 250px; overflow-y:auto;}
.page-showcase .block-filter { margin: 20px 0 40px;}

.page-admissions {padding-bottom: 30px;}

.page-gird-items h1.title {margin: 0 0 24px 0; font-size: 28px; line-height: 28px;}


.box-label {text-align: center;}
.box-label h2.title {font-weight: 400; margin: 20px auto;}
#mainVideo {box-shadow: 0 0 5px rgba(0,0,0,0.25); font-size: 0;}

.page-student .content h2 {font-size: 28px;}
#mainSlide {margin-top: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.25); font-size: 0; position: relative;}
#mainSlide .caption { background: rgb(0,0,0);background: rgba(0,0,0,0.7); color: #fff; position: absolute; padding:10px; left: 0; right: 0; bottom: -1px; font-size: 14px; opacity: 0; filter:alpha(opacity=0);}
#mainSlide:hover .caption {opacity: 1; filter:alpha(opacity=90);}
#mainSlide .caption h4 {font-weight: 700; margin: 0 0 5px 0;}
#mainSlide .img img {width: 100%; max-width: none}

/*a[href^="mailto"] {font-weight: 700}*/
.addthis_toolbox  {display: inline-block;}
.at15t_compact {visibility: hidden;}

.result-item {margin-bottom: 35px;border-left: solid 3px #f06b00;padding-left: 20px;}
.result-item .title {color: #333; font-size: 18px; line-height: 12px;}
.result-item p {margin: 10px 0px;}
.result-item .title > span {color: #f06b00; font-weight: 700}
.result-item .arrow-left {color: #333; font-weight: 700;display: block;word-break: break-word;}

.pagination>li>a, .pagination>li>span {border:none; background: #eee; color: #333;}
.pagination>li>a,
.pagination>li>span{ margin-right: 16px; width: 40px; height: 40px; padding: 0px; text-align: center; line-height: 40px;}
.pagination .disabled { display: none;}
.pagination>li:last-child>a, .pagination>li:last-child>span {border-radius: 0;}
.pagination>li:first-child>a, .pagination>li:first-child>span {border-radius: 0;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {background: #ff6600}

.pagination>li>.prev {background: url(../timages/icon.png) no-repeat -84px -156px scroll transparent; margin-right: 0;}
.pagination>li>.next {background: url(../timages/icon.png) no-repeat 0px -156px scroll transparent; margin-right: 0; margin-left: -16px;}

/* Calendar */
.dropdown-datepicker {background: none;box-shadow: none; border: none;}
.dropdown-datepicker .row { margin: -1px;}
.dropdown-datepicker .row > div {padding: 0 2px;}
.dropdown-datepicker select.form-control {background: #eee; border: none; height: 40px;}
.dropdown-datepicker select.form-control:focus,
.dropdown-datepicker select.form-control:active,
.dropdown-datepicker select.form-control:hover { box-shadow: none; -webkit-box-shadow:none;}
.datepicker {position: relative; margin-top:5px;padding:0px;background: none;box-shadow: none; border: none;}
.datepicker > div {display:none;}
.datepicker table {width:100%;margin:0; border-collapse: separate; border-spacing: 0px; background: #fff;}
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td { border: solid 1px #fff;}
.datepicker td,.datepicker th {text-align:center;width:40px;height:40px; background: #eee;}
.datepicker td.day:hover {background:#ff6600;cursor:pointer; color: #fff}
.datepicker td.day.disabled {color:#fff;}
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background: #ff6600;}
.datepicker td span {display:block;width:40px;height:40px;line-height:40px;float:left;cursor:pointer;margin:2px;}
.datepicker thead tr:first-child {display: none;}
.datepicker thead tr:first-child th {cursor:pointer;}
.datepicker td.old,.datepicker td.new,.datepicker td span.old,
.datepicker td.old:hover,.datepicker td.new:hover,.datepicker td span.old:hover {background: #d6d6d6;color: #d6d6d6}
.datepicker td.active,.datepicker td.active:hover,.datepicker td span.active {background-color:#ff6600;color:#fff;}

/* Form */
label.caption {display: block; font-size: 18px;}
.form-control {border-radius: 0;-webkit-box-shadow: none; box-shadow: none; height: 52px; font-size: 18px}
input[type="text"].form-control,
input[type="email"].form-control,
input[type="password"].form-control {-webkit-appearance: none;}
select.form-control { background: #fff;-webkit-appearance: menu;}
select.form-control option { text-transform: capitalize;}
/*select.form-control:before { content: ''; position: absolute; width: 40px; height: 30px; display: block; right: 0px; top: 50%; margin-top: -15px; background: url('../timages/icon.png') no-repeat -40px -160px scroll #fff;}*/
.form-control:focus {border-color: #ff6600;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,102,0,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,102,0,.6);}
.btn-gray {border-radius: 0; background: #eee; height: 37px;}
.fake-checkbox { position: relative; padding-left: 20px; line-height: 40px; color: #666; margin-right: 30px;}
.fake-checkbox input {opacity: 0; filter:alpha(opacity=0); width: 0; height: 0; position: absolute;}
.fake-checkbox > span { position: absolute; display: inline-block; width: 14px; height: 14px; background: #eee; left: 0; top: 50%; margin-top: -7px;}
.fake-checkbox input:checked + span {background: #ff6600;}

.page-subscribe {padding-bottom: 45px;}
.page-subscribe .btn-gray + .btn-gray {float: right;}
.page-subscribe .ico-calendar {margin-right: 15px; cursor: pointer;padding: 0;}
.page-open-house .ico-calendar { position: absolute; top: 30px; right: 10px; margin-right: 0;}
.page-subscribe label sup { font-size: 100%;top: -5px;}
.mess-error {line-height: 0; font-size: 14px; display: block; color: #ff6600; visibility: hidden; opacity: 0;-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;transition:opacity 0.3s linear;}
.has-error .mess-error {opacity: 1; visibility: visible; line-height: 14px;}
.has-error .form-control {border-color: #ff6600}
.has-error sup {color: #ff6600}
select.small-select { width: auto; min-width: 150px;}
.ico-calendar > input { opacity: 0; filter:alpha(opacity=0);}
.page-thankyou {padding: 50px 0px;}

.block-likes .img { height: 150px }
.block-likes .courses-item .info { padding: 10px;}
.block-likes .courses-item .info .title { padding: 0; margin-top: 0; height: auto; display: block; line-height: 100%; margin-bottom: 20px; font-size: 17px; min-height: 34px;}
.block-likes .courses-item .info p { margin-bottom: 0px;}
.block-likes .courses-item .status { background: #f5f5f5; padding: 10px 10px 8px;}
.block-likes .courses-item .status .category-title {font-weight: 700}
.block-likes .courses-item .status p { margin-bottom: 0}
.page-art-gallery .courses-item { margin-bottom: 20px;}

.page-staff h1.title { margin-top: 0;}

.block-message {margin: 40px 0;}
.block-message .btn { color: #333; line-height: 40px;}
.seemorepanel {display:inline;margin-right:20px;}
.page-school { padding-bottom: 30px;}


.banner-item iframe { width: 100%;}

.page-showcase-detail { padding-top: 20px; padding-bottom: 20px;}
.page-showcase-detail .intro .title { margin-top: 0;}
.page-showcase-detail .summary .avatar { width: 105px; float: left;}
.page-showcase-detail .avatar .img img {max-width: 100%}
.page-showcase-detail .avatar .info { padding-top: 5px;}
.page-showcase-detail .summary .intro { display: block; margin-left: 120px; line-height: 16px;}
.page-showcase-detail .summary .intro .title.big { height: auto; font-size: 19px; text-indent: 0; line-height: 22px; margin: 0 0 15px;}
.page-showcase-detail .summary .intro h4,
.page-showcase-detail .summary .intro p { font-size: 14px; margin: 0;}

.page-showcase-detail .social { font-size: 0; white-space: nowrap; float: left; width: 100%; padding-top: 10px; border-top: solid 1px #ff6600}
.page-showcase-detail .social .ico { display: inline-block; vertical-align: top; width: 32px; height: 32px; margin-right: 10px;}
.page-showcase-detail .social .ico-semail { background-position: -420px 0;}
.page-showcase-detail .social .ico-slinkedin { background-position: -462px 0;}
.page-showcase-detail .social .ico-sfb { background-position: -504px 0;}
.page-showcase-detail .social .ico-sinstagram { background-position: -546px 0;}
.page-showcase-detail .tab-area { padding-top: 40px;}
.page-showcase-detail .list-news-wrapper .item .img a { display: block; padding: 0; margin: 0;}


.tab-area { position: relative;}
.tab-area .tab-nav { display: table; border-spacing: 3px 0px; margin: 0 -3px 30px; width: 100%}
.tab-area .tab-nav a { display: table-cell; vertical-align: middle; background: #eee; color: #333; font-size: 12px; text-align: center; position: relative; padding: 10px 5px; font-weight: 700}
.tab-area .tab-nav a:before { content: ''; display: none; border-top: solid 5px #fa8f15; border-left: solid 5px transparent; border-right: solid 5px transparent; position: absolute; left: 50%; margin-left: -5px; bottom: -5px;}
.tab-area .tab-nav a.active { background: #fa8f15; color: #fff;}
.tab-area .tab-nav a.active:before { display: block;}

.tab-area .tab-nav.tab-4 a { width: 25%;}
.tab-area .tab-nav.tab-3 a { width: 33.33%;}
.tab-area .tab-nav.tab-2 a { width: 50%;}
.tab-area .tab-nav.tab-1 { display: none;}

.tab-area .tab-content { display: none;}
.tab-area .tab-content.active { display: block;}
.tab-content .list-news-wrapper .video-item:before {content: '';width: 54px; height: 54px; background: url('../timages/btn_play.png') no-repeat 0 0 scroll transparent; position: absolute; top: 50%; left: 50%; margin-top: -27px; margin-left: -27px; z-index: 1;}    
.tab-area .tab-content h4.title { font-size: 28px; text-transform: uppercase;}
.tab-area .tab-content ul { margin-left: 20px;}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;color:#fff;text-shadow:none}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{background:none}.fancybox-inner,.fancybox-outer{position:relative;background:#fff}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-next span,.fancybox-prev span{background-image:url(../timages/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(../timages/fancybox_loading.gif) center center no-repeat}.fancybox-close{background:url(../timages/fancybox_sprite.png) no-repeat left top;position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:url(../timages/blank.gif);-webkit-tap-highlight-color:transparent;z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(../timages/fancybox_overlay.png) repeat 0 0 transparent}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:hidden;overflow-y:scroll}.fancybox-title{visibility:hidden;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;left: 0; right: 0; z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:block;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8); color:#fff;font-weight:700;line-height:24px;min-height: 24px;}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(../timages/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(../timages/fancybox_loading@2x.gif);background-size:24px 24px}}
.fancybox-opened .fancybox-title { width: auto !important;}
.fancybox-title-float-wrap .child { font-size: 14px; background: url('../timages/fancybox_caption.png') repeat 0 0 scroll transparent; text-align: left; color: #fff;}
.fancybox-title-float-wrap .child a { color: #fff;}

.fancybox-next span, .fancybox-prev span { visibility: visible; width: 61px; height: 122px; background: url('../timages/prevnext4.png') repeat 0 0 scroll transparent; margin-top: -30px;}
.fancybox-next span { background-position: -61px 0;}
.fancybox-prev span { background-position: 0 0;}
.fancybox-nav { width: 100px; display: block;}
.fancybox-prev { left: -150px}
.fancybox-next { right: -150px}
.fancybox-close { display: none;}

/* Student Profile Upload Portal Pages */
header.border { border-bottom: solid 6px #eee;}
header.border .header-content { background: none;}
.page-border { height: 6px; background: #eee; width: 100%;}

.btn-input-file { position: relative; overflow: hidden; color: #333; font-size: 16px; font-weight: 700}
.btn-input-file input { opacity: 0; position: absolute; left: 0; right: 0;}
.drap-item { display: inline-block; cursor: move; margin-right: 18px;}
.img-preview { position: relative; width: 140px; height: 140px; margin: 15px 0;}
.img-preview img { max-width: 100%;}
.img-preview .img { display: block;}
.img-preview .caption { color: #fff; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; position: absolute; bottom: 0; left: 0; right: 0; background: url('../timages/fancybox_caption.png') repeat 0 0 scroll transparent; margin: 0; padding: 5px 10px;}
.photo-main .img-preview { width: 120px; height: 120px;}
.photo-main  .btn-input-file { width: 120px;}
.drap-item .btn-input-file { width: 140px;}

.ico-drap { display: block; width: 24px; height: 24px; background: url('../timages/ico_drap.jpg') repeat 0 0 scroll transparent;}
.img-preview .ico-drap { position: absolute; z-index: 1; top: 10px; right: 10px;}

.drap-area-container { font-size: 0; margin-right: -18px;}
/*.drap-area-container .drap-item + .drap-item { margin-left: 18px;}*/
.page-student-upload .read-more { margin: 30px auto 40px;}
.page-login .btn-submit,
.page-student-upload .btn-submit,
.page-student-upload .btn-reject { width: 164px; height: 50px; line-height: 50px; font-size: 16px; font-weight: 700; padding: 0;}
.page-student-upload .btn-reject { margin-left: 30px;}
.page-student-upload textarea { min-height: 168px;}
.page-student-upload textarea + p { margin-top: 10px;}
.page-student-upload label.caption { margin-bottom: 0;}
.page-student-upload .from-group { margin-bottom: 20px;}
.page-student-upload input[disabled] { width: 100%; border: none; background: none; font-size: 16px; color: #ff6600}

.page-nav { text-align: left; font-size: 0; z-index: 1000;}
.page-nav a { text-decoration: none; font-size: 14px; line-height: 14px; color: #333; text-transform: uppercase; display: inline-block; margin-right: 30px; padding: 15px 5px; border-bottom: solid 2px transparent}
.page-nav a.active { border-bottom-color: #ff6600}

.course-choicelist { padding-bottom: 10px;}
.course-choicelist .btn { height: auto; padding: 10px 30px; margin-right: 30px; line-height: 16px; font-size: 16px; font-weight: 700; color: #333; margin-bottom: 20px;}
.course-choicelist .btn.active { color: #fff; background-color: #ff6600}

.block-upload { padding-bottom: 20px;}

.page-login .form-login { margin-top: 60px;}
.block-login { background: #eee; padding: 20px;margin-bottom: 20px;}
.block-login .title { margin: 0 0 40px;}
.center-block { float: none;}
.page-nav .btn-logout { color: #999}

/* Student Profile Upload Portal Pages END */

.page-common { padding-bottom:50px;}
.page-common .block-links { margin-bottom:30px;}
.page-common .list-arrow li {font-weight:400}


@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 991px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 991px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 991px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 991px),
only screen and (                min-resolution: 192dpi) and (max-width: 991px),
only screen and (                min-resolution: 2dppx)  and (max-width: 991px) { 

    
    
}

@media screen and (max-width:480px){
    .list-staff li { width: 144px; margin-right: 10px; overflow: hidden;}
    .list-staff li .img img {width: 100%;}
    .list-staff li:nth-child(even) { margin-right: 0px;}

    .list-alumni li { width: 144px; margin-right: 10px; overflow: hidden;}
    .list-alumni li .img img {width: 100%;}
    .list-alumni li:nth-child(even) { margin-right: 0px;}

    .page-life .list-instagram .item { margin-bottom: 12px !important;}
}

/* Tablet */
@media screen and (max-width:991px){
    section.container {background: #fff; position: relative; z-index: 1}
    .mobile-over-hidden {overflow: hidden; height: 0;}
    footer .footer-logo {margin: 0 6.8965%}
    footer .footer-logo a {margin: 0; }
    footer .footer-logo + .row { margin-bottom: 20px; margin-left: 6.8965%;}
    footer .footer-logo + .row .col-xs-12,
    footer .footer-logo + .row .col-sm-12 {padding-left: 0;}
    footer .footer-logo + .row .nowrap {display: block;}
    footer .copyright {text-align: center; margin: 20px -15px 0px;}
    footer .copyright p,footer p {font-size: 9px}
    footer .footer-nav {margin-left: -10px;}
    header.header {border-bottom: solid 4px #eee;}
    header .logo {width: 101px;}
    header .logo img {width: 100%;}
    .header-content {height: 64px; padding-top: 12px;}
    .header-content .ico {margin-left: 7px;}
    nav {overflow: hidden;}
    nav .nav-top {overflow-y:scroll; background: rgba(0,0,0,0.95); -webkit-transition:left 0.3s ease;transition:left 0.3s ease}
    .nav-social {margin-left: -15px; margin-right: -15px; font-size: 0}
    .nav-social .ico { margin-right: 2px;}
    .page-home .title.big {text-indent: -4px; letter-spacing: -4px; line-height: 36px; height: 30px;}

    .box-news .read-more {left: 50%;margin-left: -35px;}
    .list-news-wrapper .item {position: static !important; margin: 0 auto 12px; width: 100%;}  
    .list-news-wrapper .item .info {padding: 10px 0px 10px 10px}

    .list-news-wrapper .item .info .likebtn-wrapper {margin-bottom: 10px;}
    .list-news-wrapper .item .status {margin-top: 8px;}  
    .list-news-wrapper .item .title { font-size: 17px; line-height: 22px;letter-spacing: -0.3px; margin-bottom: 20px;}
    .list-news-wrapper .item p {font-size: 14px; margin: 0;}
    .ico-mynafa{background-position: -60px 0px; background-size: 500px 500px; width: 40px; height: 40px;}
    .box-apply { padding: 10px 0px 10px; text-align: center; margin: 0 0 20px 0;}
    .box-apply p { margin: 24px 0;text-align: left;}
    .circle-text {font-family: 'BrandonGrotesque-Medium'; width: 120px; height: 120px; border: solid 10px #f6f6d4; margin: 10px auto;border-radius: 100px;font-size: 27px; text-transform: uppercase;padding-top: 24px;}

    .left-nav .title {font-size: 17px; font-weight: 700;}
    .page-staff {padding-top: 24px;}
    .page-staff .title.big {height: auto; text-indent: 0; margin-bottom: 16px;}
    .staff-dropdown .btn .caret {margin-left: 10px;}
    .list-staff li {width: 46%; margin-right: 4%; height: auto;}
    .list-staff li:nth-child(even) {width: 46%; margin-right: 0%; margin-left: 4%}
    .list-staff li img {max-width: none; width: 100%;}
    .list-staff .intro p {padding-right: 20px;}
    .list-alumni li {width: 46%; margin-right: 4%; height: auto;}
    .list-alumni li:nth-child(even) {width: 46%; margin-right: 0%; margin-left: 4%}
    .list-alumni li img {max-width: none; width: 100%;}
    .list-alumni .intro p {padding-right: 20px;}

    .page-courses {padding-top: 24px;}
    .page-courses h2.title {margin-top: 0}
    .page-courses .read-more,
    .page-courses .read-less { margin-bottom: 20px;}
    .page-courses .ico-open {margin: 0px -15px 15px auto;}
    .page-courses .panel-group {margin: 0px -15px 20px;}
    .page-courses .left-nav { margin-bottom: 26px;}
    .panel-group .panel+.panel {margin-top: 3px;}
    .panel-orange .panel-heading a {position: relative; text-transform: capitalize;}
    .panel-orange .panel-heading a:before { content: '';background: url('../timages/icon.png') no-repeat -64px -79px scroll transparent; display: inline-block;width: 12px; height: 12px; position: absolute;right: 30px;top: 50%;margin-top: -6px; background-size: 500px 500px}
    .panel-orange .panel-heading a.active:before {background-position: -64px -97px;}
    .block-courses > ul { width: 100%;}
    .page-courses .panel-group .panel-collapse.collapsing { top:  0!important}


    .block-courses > ul li:first-child {display: block;}
    .courses-item .img img { max-width: none;}
    .courses-item .title { display: block; height: auto;}
    .block-box-banner { margin-top: 20px;}

    .page-dept .block-instagram .item2 + .item2 {margin: 0 0 0 2%}
    /*.page-dept .list-staff li {display: none}
    .page-dept .list-staff li:nth-child(1),
    .page-dept .list-staff li:nth-child(2) {display: inline-block;}*/
    /* Force table to not be like tables anymore */
    .responsive-table {margin-bottom: 30px;}
    table.responsive-table,
    .responsive-table thead,
    .responsive-table tbody,
    .responsive-table th,
    .responsive-table td,
    .responsive-table tr { display: block; }
    /* Hide table headers (but not display: none;, for accessibility) */
    .responsive-table thead tr { position: absolute;top: -9999px;left: -9999px;}  
    .responsive-table tr { margin-bottom: 10px;}
    .responsive-table td { border: none;position: relative;padding-left: 30%; min-height: 20px;}
    .responsive-table td:before {position: absolute;top: 0px;left: 0px;width: 30%; padding-right: 10px; white-space: nowrap;font-weight: 700;}
    .responsive-table.acc-table td:last-child { display: none;}
    .responsive-table.acc-table .content td { display: block;}
    .responsive-table.acc-table .content td:before { display: none;}
    .hidden-m{display: none;}
    .mobile-right { text-align: right;}

    .responsive-table.no-heading td { padding-left: 0; text-align: left !important;}

    .responsive-table.force-row tr { margin-bottom: 25px;}
    .responsive-table.force-row td { padding-left: 0; text-align: left !important;}
    .responsive-table.force-row td:before { display: block; position: relative;}

    .acc-table { width: 100%;}
    .acc-table tr.open { border-bottom-color: #fff;}
    .acc-table tr.content { border-bottom: none;}
    .acc-table tr.content td { display: none;}
    .acc-table .open + tr.content {border-bottom: solid 2px #ccc;}
    .acc-table .open + tr.content td { display: table-cell; padding-top: 0}
    .acc-table { width: 100%;}
    .acc-table tr {border-bottom: solid 2px #ccc;}
    .acc-table td { padding: 20px 30px 20px 0px;}
    .acc-table tbody tr:first-child td { padding: 0px;}

    .responsive-table.acc-table tbody tr:first-child td,
    .responsive-table.acc-table td { padding: 0 0 0 30%}


    .page-life .list-instagram {margin-top: 30px;}
    .page-life .list-instagram .img {margin: 0; overflow: hidden;}
    .page-life .list-instagram .img img {width: 100%}
    .page-life .list-instagram .grid-sizer { width: 31%; }
    .page-life .list-instagram .gutter-sizer { width: 3%; }
    .page-life .list-instagram .item {width: 31%;margin-bottom: 24px;}

    .page-whynafa .box-slide-project {padding-left: 0; padding-right: 0}
    .page-showcase {padding-top: 24px;}
    #mainSlide .caption p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0;}
    .page-subscribe .form-group > .col-xs-12 {margin-bottom: 5px;}
    .page-subscribe .dropdown-datepicker {border-radius: 0; float: none; background-clip: initial; width: 320px; left: 50%; margin-left: -160px; background: rgba(0,0,0,0.8);-webkit-box-shadow: 0 0 0 10000px rgba(0,0,0,0.8); box-shadow: 0 0 0 10000px rgba(0,0,0,0.8)}
    .datepicker table {background: none;}
    .dropdown-datepicker a.btn-close {display: block; position: absolute; width: 20px; height: 20px; background: url(../timages/icon.png) no-repeat -136px 0px scroll transparent; background-size: 500px 500px; right: 0; top: -20px;}
    .dropdown-datepicker button { width: 42%;}
    .block-enquiry { margin-bottom: 30px;}
    .page-life .staff-dropdown .dropdown-menu { width: 100%}
    #accordionpage .panel-orange-grey .panel-heading a.collapsed:before { background-position: -64px -98px}
    #accordionpage .panel-orange-grey .panel-heading a:before { background-position: -64px -79px}
    .likebtn-wrapper .lb-share-active .lb-a .lb-tt.lb-share-tt { left: auto !important; right: -2px;}
    .lb-tt-a { left: auto !important; right: 8px;}
    .likebtn-wrapper .lb-a:hover .lb-tt { left: auto !important; right: -2px;}
    .touch .likebtn-wrapper .lb-a:hover .lb-tt { display: none;}
    .page-events .staff-dropdown .dropdown-menu { width: 100%;}

    nav .nav-menu.levelfix > li:hover,
    nav .nav-menu.levelfix > li.hover {background: #f06b00}
    nav .nav-menu.levelfix { white-space: nowrap; margin: 0 0 0 -15px;}
    nav .nav-menu.levelfix li { display: block; position: relative;border-bottom: solid 1px #464344;}
    nav .nav-menu.levelfix li a { font-size: 12px; color: #cacaca;}



}

/* Tablet */
@media screen and (min-width:768px){
    .page-staff .avatar {padding-left: 0; padding-right: 45px;}
    .page-staff .avatar img {width: 100%;}
}


/* Desktop */
@media screen and (min-width:992px){
    p,.panel-body,ul li { font-size: 16px;}
    .ico-menu {top: 0px; background-position: -170px -90px; width: 40px; height: 40px;background-size: 1000px 1000px;}
    .nav-social .ico {background-size: 1000px 1000px;}
    .ico-fb {background-position: -0px -90px; width: 40px; height: 40px;}
    .ico-instagram {background-position: -40px -90px; width: 40px; height: 40px;}
    .ico-twitter{background-position: -80px -90px; width: 40px; height: 40px;}
    .ico-youtube{background-position: -120px -90px; width: 40px; height: 40px;}
    .ico-linked{background-position: -312px -90px; width: 40px; height: 40px;}
    .ico-play { width: 54px; height: 54px; background: url('../timages/btn_play.png') no-repeat 0 0 scroll transparent;}
    .ico-play.pause { background-image: url('../timages/btn_pause.png')}
    /*.box-slide-project .item .info .ico-play,
    .box-slide-video .item .info .ico-play {background-image: url('../timages/icon.png')}
    */

    header { position: fixed; height: 100px; width: 100%; background: #fff; max-width: 1300px; margin: 0 auto; left: 0; right: 0; top: 0; z-index: 1000;}
    #homeBanner,
    .breadcrum,
    .banner-img-wrapper,
    .banner-bx-wrapper { margin-top: 100px;}

    nav { max-width: 1300px; margin: 0 auto;}
    nav .nav-top {position: relative;width: 970px;left: 0;}
    header.open { height: 210px;}
    .open-menu-level-2 header.open { height: 320px;}

    .open-menu-level-1 #homeBanner,
    .open-menu-level-1 .breadcrum,
    .open-menu-level-1 .banner-img-wrapper,
    .open-menu-level-1 .banner-bx-wrapper { margin-top: 210px;}

    .open-menu-level-2 #homeBanner,
    .open-menu-level-2 .breadcrum,
    .open-menu-level-2 .banner-img-wrapper,
    .open-menu-level-2 .banner-bx-wrapper { margin-top: 320px;}

    .banner-bx-wrapper + .breadcrum,
    .banner-img-wrapper + .breadcrum,
    .open-menu-level-1 .banner-bx-wrapper + .breadcrum,
    .open-menu-level-2 .banner-bx-wrapper + .breadcrum,
    .open-menu-level-1 .banner-img-wrapper + .breadcrum,
    .open-menu-level-2 .banner-img-wrapper + .breadcrum,
    section .banner-bx-wrapper { margin-top: 0}

    .open nav .nav-top {position: relative; left: 0;}
    .header-content { position: relative; height: 90px;}
    .header-content .logo { margin-left: 70px; position: relative; top:20px;}
    #btnTopMenu,
    .open .header-content #btnTopMenu {position: absolute; display: block; width: 50px; height: 50px; left: 15px; top: 20px;}
    .header-content .ico-search {position: absolute; right: 310px; top: 25px;}
    .header-content .ico-mynafa {position: absolute; right: 15px; top: 9px;}
    .open .header-content {position: relative; width: 970px; height: 90px;}
    .open .header-content .logo {display: inline-block;}
    .dropdown-search { background: none;position: absolute;top: 30px;height: 30px;width: 310px;right: 370px;left: auto;}
    .dropdown-search > div {padding: 0;}
    .dropdown-search .text-box {height: 30px; padding: 0 15px;border: 0;width: 310px;text-align: right;line-height: 30px;font-size: 24px;font-weight: 700;-webkit-border-radius: 0;border-radius: 0;}
    .dropdown-search:before {content: '';width: 1px;height: 24px; position: absolute;right: 0px; top: 3px;background: #ccc;}
    .dropdown-search .text-box::-webkit-input-placeholder { color:#cecece; }
    .dropdown-search .text-box::-moz-placeholder { color:#cecece; } /* firefox 19+ */
    .dropdown-search .text-box:-ms-input-placeholder { color:#cecece; } /* ie */
    .dropdown-search .text-box:-moz-placeholder { color:#cecece; }
    .dropdown-search .placeholder { color: #cecece; }
    header,
    nav .nav-top > .nav-menu {-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
    .open nav .nav-top > .nav-menu {height: 110px;}
    nav .nav-menu a {padding: 0;}
    nav .nav-menu li:hover {background: #333}
    nav .nav-menu.level1 {margin: 0;}
    .open .nav-menu.level1 {padding-top: 60px;}
    nav .nav-menu.level1 li {padding: 10px 15px; border-bottom: none; display: inline-block; margin-right: 33px;}
    nav .nav-menu.level1 > li {border-top: solid 3px transparent; -webkit-transition: border-top 0.3s linear;-moz-transition: border-top 0.3s linear;transition: border-top 0.3s linear; backface-visibility: hidden;-webkit-backface-visibility:hidden;}
    nav .nav-menu.level1 .active,
    nav .nav-menu.level1 > li:hover,
    nav .nav-menu.level1 > li.hover {border-top: solid 3px #fa8f15; background: transparent;}
    nav .nav-menu.level2 {position: absolute; left: 0; top: 40px; background: #231f20; z-index: 100;}
    nav .nav-menu.level2 li { display: block;}

    nav .nav-menu.level3 {position: absolute; left: 100%; top: 0px; background: #231f20; z-index: 100;}
    nav .nav-menu.level3 li { display: block;}

    .nav-menu-ul {margin: 0;background: #333; padding-bottom: 10px;}

    .nav-social {position: absolute; right: 95px; top: 25px; z-index: 11;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
    .open .nav-top .nav-social {top: 130px;}
    /* Top menu action */
    .nav-menu-ul ul {font-size: 0; height: 0; visibility: hidden; opacity: 0; padding-top: 0;padding-bottom: 0; margin: 0 auto; overflow: hidden; -webkit-transition: opacity 0.3s linear;-moz-transition: opacity 0.3s linear;transition: opacity 0.3s linear;}
    .nav-menu-ul ul li {list-style: none;font-size: 14px; padding: 5px 15px;}
    .nav-menu-ul ul li:hover {background: #47392e;}
    .nav-menu-ul a {color: #c9c9c9; text-transform: uppercase; display: block;}
    .nav-menu-ul a:hover {text-decoration: none;}
    /* open nav level 2*/
    .open .nav-menu-ul.open-0 ul[data-rel="0"] { opacity: 1; height: 110px; visibility: visible;padding-top: 10px;padding-bottom: 10px;}
    .open .nav-menu-ul.open-1 ul[data-rel="1"] { opacity: 1; height: 110px; visibility: visible;padding-top: 10px;padding-bottom: 10px;}
    .open .nav-menu-ul.open-2 ul[data-rel="2"] { opacity: 1; height: 110px; visibility: visible;padding-top: 10px;padding-bottom: 10px;}
    .open .nav-menu-ul.open-3 ul[data-rel="3"] { opacity: 1; height: 110px; visibility: visible;padding-top: 10px;padding-bottom: 10px;}
    .open .nav-menu-ul.open-4 ul[data-rel="4"] { opacity: 1; height: 110px; visibility: visible;padding-top: 10px;padding-bottom: 10px;}
    .open .nav-menu-ul.open-5 ul[data-rel="5"] { opacity: 1; height: 110px; visibility: visible;padding-top: 10px;padding-bottom: 10px;}
    .open .nav-menu-ul.open-6 ul[data-rel="6"] { opacity: 1; height: 110px; visibility: visible;padding-top: 10px;padding-bottom: 10px;}
    .open .nav-menu-ul.open-7 ul[data-rel="7"] { opacity: 1; height: 110px; visibility: visible;padding-top: 10px;padding-bottom: 10px;}

    .nav-menu-ul .one-col {white-space: nowrap;}
    .nav-menu-ul .one-col li {display: table; width: auto;}

    .nav-menu-ul .two-col {float: left; width: 50%;}
    .nav-menu-ul .three-col {float: left; width: 30%;}
    .nav-menu-ul .four-col {float: left; width: 25%;}
    /* Breadcrum */
    .breadcrum { font-size: 0; padding: 20px 0px; background:#eee;margin-bottom: 34px; }
    .breadcrum a, 
    .breadcrum span span, 
    .breadcrum a+span { float: left; display: inline-block;font-size: 24px; line-height: 37px; margin-right: 3px; letter-spacing: -1px;}
    .breadcrum a { position: relative; margin-right: 20px; text-decoration: none;border-bottom: solid 1px #eee;}
    .breadcrum a:hover { border-bottom: solid 1px #333;}
    .breadcrum a:before {content: '/'; position: absolute; top: 0; right: -15px; margin-left: 5px;text-decoration: none;}
    .breadcrum.bg-white {background: #fff;}
    /* widget */
    .box-apply { padding: 20px 0px 12px; text-align: center; margin: 0 0 20px}
    .box-apply p { margin: 0 -10px; line-height: 15px;}
    .circle-text {font-family: 'BrandonGrotesque-Medium';width: 180px; height: 180px; border: solid 15px #f6f6d4; margin: 10px auto;border-radius: 100px;font-size: 36px; text-transform: uppercase;padding-top: 40px;}
    .box-news {padding-left: 20px; padding-right: 20px;}
    .box-news .read-more {margin-left: 23px; text-align: left; }
    .title.big {font-size: 82px;line-height: 60px;height: 60px;}
    .title.big.thinner {letter-spacing: -8px;}
    .left-nav {position: static;}
    .left-nav .title {font-size: 20px; font-weight: 700;}  
    .right-nav h3.title { font-size: 20px;}
    .right-nav h4.title { font-size: 16px;}
    .block-whynafa-nav {margin-bottom: 30px;}
    .read-detail:before { background-position: -16px -194px; width: 20px; height: 20px; right: -30px; top: -2px; background-size: 1000px 1000px}

    /* Home */
    .list-news-wrapper {margin-right: -2px; background: #bfbfbf;}
    .list-news-wrapper .item {margin:0 0 22px 0; width: 263px; }
    .list-news-wrapper .item p { margin: 0;}
    .list-news-wrapper .item .status {height: 90px;}
    .list-news-wrapper .item .title { font-size: 18px;}
    .list-news-wrapper .item .category-title { font-size: 14px; color: #666}

    #homeBanner { margin-bottom: 52px;}
    #homeBanner .bx-wrapper {margin: 0 auto; position: relative;}
    #homeBanner .bx-controls { height: 52px; margin-top: -52px}
    #homeBanner .bx-pager {display: none;}
    #homeBanner .bx-controls-direction {display: block;}
    #homeBanner .bx-controls-direction a {display: block; font-size: 0; color: transparent; position: absolute; height: 209px; width: 105px; top: 50%; background: url(../timages/prevnext.png) no-repeat 0 0 scroll transparent; margin-top: -105px;}
    #homeBanner .bx-controls-direction .bx-prev { background-position: 0 0; left: 48px;}
    #homeBanner .bx-controls-direction .bx-next { background-position: -105px 0; right: 48px;}
    
    .banner-bx-wrapper .bx-wrapper {margin: 0 auto; position: relative;}
    .banner-bx-wrapper .bx-controls { height: 52px; margin-top: -52px}
    .banner-bx-wrapper .bx-pager {display: none;}
    .banner-bx-wrapper .bx-controls-direction {display: block;}
    .banner-bx-wrapper .bx-controls-direction a {display: block; font-size: 0; color: transparent; position: absolute; height: 106px; width: 69px; top: 50%; background: url(../timages/prevnext2.png) no-repeat 0 0 scroll transparent; margin-top: -53px;}
    .banner-bx-wrapper .bx-controls-direction .bx-prev { background-position: 0 0; left: 48px;}
    .banner-bx-wrapper .bx-controls-direction .bx-next { background-position: -69px 0; right: 48px;}
      
    .staff-dropdown .btn  {display: inline-block;width: auto; padding-right: 100px}    
    
    .list-staff {margin:60px -40px 0 0;}
    .page-school .list-staff { margin-top: 30px;}
    .list-staff li {margin-bottom: 30px; margin-right: 30px; height: 240px !important;}    

    .list-alumni {margin:60px -40px 0 0;}
    .page-school .list-alumni { margin-top: 30px;}
    .list-alumni li {margin-bottom: 30px; margin-right: 30px; height: 240px !important;}    

    .page-staff .introduce {font-size: 16px;}
    .page-staff .avatar {padding-left: 0; padding-right: 45px;}
    .page-staff .avatar img {width: 100%;}
    .page-staff .right-nav {padding-right: 30px;}
    .page-staff .right-nav .list-arrow { padding-right: 24px;}
    .page-staff .right-nav .title {margin: 0;}
    .page-staff .summary .info { margin-top: 10px;}
    .page-staff .summary .addthis_toolbox { margin-left: 10px;}

    .panel-body .list-staff { margin: 10px -15px 0px 0px;}
    .panel-body .list-staff li {margin-right: 15px; margin-bottom: 20px}

    .panel-body .list-alumni { margin: 10px -15px 0px 0px;}
    .panel-body .list-alumni li {margin-right: 15px; margin-bottom: 20px}

    .page-courses .left-nav {padding-right: 40px;}
    .page-courses {position: relative;padding-bottom: 100px;}
    .page-courses .top-command {position: absolute; right: 0; top: -55px; padding: 0;}
    .page-courses h1.title {font-size: 36px; font-weight: 700;line-height: 36px; margin-top: -5px}
    .panel-orange .panel-heading a {padding: 12px 0 12px 12px; font-size: 18px; font-weight: 700; line-height: 24px; background: none;border-bottom: solid 1px #ccc;}
    #accordionpage .panel-title { background: #eee}
    #accordionpage .panel-body { padding-top: 20px;}
    .panel-orange .panel-heading .active {border-bottom-color: transparent;}
    .page-courses .panel-group {margin-left: 5px;}
    .page-courses #accordion .panel {border: none;}
    .page-courses .panel-group .panel+.panel {margin-top: 0;}
    .page-courses #accordion .panel-collapse {position: absolute; left: 25%; top: 100px; padding-left: 15px; right: 0}
    .page-courses #accordion .collapsing{-webkit-transition: none;transition: none;}
    .page-courses .panel-body {padding: 0; font-size: 16px;}
    .page-courses .panel-body ul,
    .page-courses .panel-body ol {margin-left: 22px;}
    .page-courses .panel-body li {margin-bottom: 5px;}
    .page-courses .panel-body p { margin-bottom: 20px;}
    .page-courses .panel-body ul ul,
    .page-courses .panel-body ol ol,
    .page-courses .panel-body ul ol,
    .page-courses .panel-body ol ul { margin-top: 5px; margin-bottom: 15px;}

    .page-courses #accordionpage .panel-collapse {position: static;}
    .box-group > div + div {margin-top: 0;}
    .banner-img-wrapper {padding: 0;border-bottom: solid 12px #8b8a8f;max-width: 1300px;}
    .banner-img-wrapper .banner-item {max-width: 1300px; margin: 0 auto;}
    .banner-bx-wrapper .banner-item {margin: 0 auto; max-width: 1300px;}
    .banner-bx-wrapper .banner-item.portrait { max-width: 750px;}
    .banner-bx-wrapper .bx-viewport .banner-item { max-width: none;}
    .banner-item .border { border-width: 12px; font-size: 0;}
    .page-courses h2.title { font-size: 28px; font-weight: 700;}
    .page-courses.page-school h2.title { font-size: 36px }
    .page-courses .block-courses .col-table {display: table; border-spacing: 0px 10px}
    .page-courses .block-courses h5 {display: table-cell; width: 100%; height: 60px; text-align: center; vertical-align: middle;}
    .page-courses .block-box-banner { position: absolute; right: 0; top: 0;}
    .courses-item { position: relative; margin-bottom: 0}
    .courses-item .title { height: 90px; padding: 0 0 0 10px;}
    .block-courses > ul {margin-bottom: 0; width: 100%;}
    .block-courses > ul li.hidden-d {display: none;}
    .block-courses > ul > li { padding-bottom: 30px;}
    .page-dept h2.title.big {font-size: 36px; line-height: 36px; margin: 45px 15px 25px; height: auto;}
    .page-dept .row.no-gutter {margin-left: -15px; margin-right: -15px;}
    .page-dept.page-school .row.no-gutter { margin-left: 0;}
    .page-dept .no-gutter h2.title.big {margin-left: 15px;}
    .page-dept .block-des p { padding-top: 0}
    .page-dept .block-courses h2.title.big {margin-bottom: 15px;}
    .page-dept .block-courses > div {display: table; border-spacing: 0px 10px}
    .page-dept .block-courses h5 {display: table-cell; width: 100%; height: 60px; text-align: center; vertical-align: middle;}
    .page-dept .block-showcase .box,
    .page-dept .block-facilities .box,
    .page-dept .block-testimonials .box  {display: block;}

    .page-dept .block-showcase .item,
    .page-dept .block-facilities .item,
    .page-dept .block-testimonials .item {display: block; margin-left: 0; margin-right: 0;}


    .page-dept .block-showcase .img { min-height: 122px; overflow: hidden; height: auto;}
    .page-schooltype .block-showcase .img { min-height: 0;}
    .page-dept .right-nav {position: relative;top: -80px;}
    .page-dept .list-staff {margin-left: 15px;}
    .page-dept .list-alumni {margin-left: 15px;}    
    .page-dept.page-school .list-staff {margin-left: 0px;}
    .page-dept.page-school .list-alumni {margin-left: 0px;}





    .page-dept .block-instagram .img {margin: 0}
    .page-dept .block-instagram .grid-sizer { width: 165px; }
    .page-dept .block-instagram .gutter-sizer { width: 30px; }
    .page-dept .block-instagram .item {width: 359px}
    .page-dept .block-instagram .item.item2 { width: 165px; margin-bottom: 30px;}    
    .page-dept .block-testimonials .item .info h4 {font-size: 18px; }
    .page-dept .block-testimonials .item .info p {font-size: 18px;}



    .page-whynafa h1.title {font-size: 36px; font-weight: 700;line-height: 36px; margin-top: 0}
    .page-whynafa .row > h2.title {font-size: 28px;}
    .page-whynafa .right-nav {padding-right: 30px;}
    .page-whynafa .right-nav .list-arrow { padding-right: 24px;}
    .page-whynafa .right-nav .title {margin: 0;}

    table.responsive-table { width: 100%; border-collapse: collapse;border: none;margin: 30px 0px;}    
    .responsive-table th {border-bottom: solid 12px #ccc;}
    .responsive-table td,
    .responsive-table th { padding: 10px 30px 5px 0px; text-align: left; }
    .responsive-table tr {border-bottom: solid 2px #ccc;}
    .responsive-table.acc-table td { padding: 20px 30px 20px 0px;}
    .acc-table tr.open { border-bottom-color: #fff;}
    .acc-table tr.content { border-bottom: none;}
    .acc-table tr.content td { display: none;}
    .acc-table .open + tr.content {border-bottom: solid 2px #ccc;}
    .acc-table .open + tr.content td { display: table-cell; padding-top: 0}
    .acc-table { width: 100%;}
    .acc-table tr {border-bottom: solid 2px #ccc;}
    .acc-table td { padding: 20px 30px 20px 0px;}
    .acc-table tbody tr:first-child td { padding: 0px;}

    .box-slide-video {background: none; margin-top: 0}
    .box-slide-video .bx-wrapper {margin: 0 -10px 0 0; position: relative;}
    .box-slide-video .bx-viewport {height: auto !important;}
    .box-slide-video .bx-controls {}
    .box-slide-video .bx-pager {display: none;}
    .box-slide-video .bx-controls-direction {display: block;}
    .box-slide-video .bx-controls-direction a {display: block; font-size: 0; color: transparent; position: absolute; height: 20px; width: 22px; top: 50%; background: url(../timages/icon.png) no-repeat 0 0 scroll transparent; margin-top: 10px;}
    .box-slide-video .bx-controls-direction .bx-prev { background-position: -91px -166px; left: -38px;}
    .box-slide-video .bx-controls-direction .bx-next { background-position: -9px -166px; right: -28px;}
    .partner-item h2 {margin-top: 0}
    .box-side {margin-bottom: 30px;}

    .block-potential h2.title { margin: 0 15px 0 0; line-height: 48px; vertical-align: middle;}    
    .block-potential .staff-dropdown  {float: left;}
    .label-filter { margin: 40px 0px; font-size: 16px; font-weight: 700; line-height: 20px;}
    .label-filter label { margin-left: 10px;}
    .label-filter span {display: inline;}
    .list-potential li { padding: 5px 0px; }
    .panel-orange-grey .panel-heading a { font-size: 18px; padding: 20px 50px 20px 15px}
    .panel-group .panel.panel-orange-grey +.panel.panel-orange-grey { margin-top: 10px;}

    .page-events { padding-top: 20px;}
    .page-events h1.title {font-size: 36px;font-weight: 700;line-height: 36px;margin-top: 0;}
    .page-events .right-nav {margin-top: 5px;padding-right: 0}
    .page-events .staff-dropdown { margin: 25px 0 60px; display: inline-block;}
    .page-events .staff-dropdown + .staff-dropdown { margin-left: 30px;}    

    footer { padding: 25px 0;}
    footer .footer-nav {text-align: left;}
    footer .footer-nav li { padding: 5px 40px 0 0;}
    footer .footer-nav li a { font-size: 14px; font-weight: 700}
    footer .footer-nav.small li a {font-size: 12px; font-weight: 400}
    footer .copyright { margin-top:30px;}

    .hidden-d{display: none;}

    .page-life .list-instagram {margin-top: 60px;}
    .page-life .list-instagram .img {margin: 0; overflow: hidden;}
    .page-life .list-instagram .img img {width: 100%}
    .page-life .list-instagram .grid-sizer { width: 262px; }
    .page-life .list-instagram .gutter-sizer { width: 30px; }
    .page-life .list-instagram .item {width: 262px;margin-bottom: 30px;}
    .page-life .list-instagram .item.item2 { width: 554px;}   

    .page-showcase .staff-dropdown { margin: 25px 0 60px;}

    .page-showcase .block-filter { margin: 40px 0 50px;}    
    .page-showcase .block-filter .staff-dropdown { display: table-cell; vertical-align: top;}
    .block-filter .staff-dropdown .btn { min-width: 164px; padding: 16px 70px 16px 20px; line-height: 24px; margin-right: 30px; white-space: normal;}

    .box-slide-project {background: none; margin-top: 0; margin-bottom: 40px;}
    .box-slide-project .bx-wrapper {margin: 0 -10px 0 0; position: relative;}
    .box-slide-project .bx-viewport {height: auto !important;}
    .box-slide-project .bx-controls {}
    .box-slide-project .bx-pager {display: none;}
    .box-slide-project .bx-controls-direction {display: block;}
    .box-slide-project .bx-controls-direction a {display: block; font-size: 0; color: transparent; position: absolute; height: 104px; width: 69px; top: 50%; background: url(../timages/prevnext3.png) no-repeat 0 0 scroll transparent; margin-top: -34px;}
    .box-slide-project .bx-controls-direction .bx-prev { background-position: -0px -0px; left: -64px;}
    .box-slide-project .bx-controls-direction .bx-next { background-position: -72px -0px; right: -64px;}    


    .page-admissions {padding-bottom: 60px;}

    .page-gird-items h1.title {font-size: 36px; line-height: 36px; margin-top: -5px; margin-bottom: 45px;}
    #mainSlide .caption {background: rgba(0,0,0,0.7); color: #fff; position: absolute; padding:15px 20px; left: 0; right: 0; bottom: 0; font-size: 14px;}

    .box-slide-project .item,
    .box-slide-project .video-item.item {margin-top: 30px;}

    .box-slide-video .video-item.active:before,
    .box-slide-project .item.active:before {border-left: solid 20px transparent; border-right: solid 20px transparent; border-bottom: solid 20px #e7e7e7; margin-left: -20px; top: -20px;}

    .result-item {margin-bottom: 50px;}
    .pagination>li>a,
    .pagination>li>span{ margin-right: 16px; width: 32px; height: 32px; padding: 0px; text-align: center; line-height: 32px;}
    .pagination>li>.prev {background: url(../timages/icon.png) no-repeat -87px -160px scroll transparent; margin-right: 0;}
    .pagination>li>.next {background: url(../timages/icon.png) no-repeat -3px -160px scroll transparent; margin-right: 0; margin-left: -16px;}

    .page-subscribe {padding-bottom: 90px;}
    .page-subscribe h1 {margin-top: 0}
    .page-subscribe .description {font-size: 18px}
    .page-subscribe .action { margin-top: 40px;}
    .page-subscribe .btn-gray { height: 52px; font-size: 18px;}
    .page-subscribe .btn-gray + .btn-gray {float: none; margin-left: 30px;}
    .page-subscribe .dropdown-datepicker {left: 100%; margin-left: -62px; width: 300px;}
    .page-open-house .dropdown-datepicker {left: 100%; margin-left: 0px; background: #fff; padding: 5px; border-radius: 0;}
    .page-open-house .ico-calendar { right: -50px;}
    .page-subscribe label.caption {white-space: nowrap;}
    .mess-error {display: inline-block; text-indent: 15px;}
    .dropdown-datepicker .btn-close {display: none;}
    #modal-thank,.modal-message {text-align: center;}
    #modal-thank .modal-dialog, .modal-message .modal-dialog{height: 100%; margin: 0 auto;}
    #modal-thank .modal-content,.modal-message .modal-content { top: 50%; height: 280px; margin-top: -140px; background: #eee; border-radius: 0px; -webkit-box-shadow:none; box-shadow: none; border: none;}
    #modal-thank .modal-header,.modal-message .modal-header {border-bottom: none;}
    #modal-thank .close,.modal-message .close {position: absolute;right: 0px;top: -30px;background: #eee;opacity: 1;color: #666;display: block;width: 30px;height: 30px;line-height: 20px;margin: 0;}
    #modal-thank .modal-body,.modal-message .modal-body {padding: 40px 20px;}



    .modal-backdrop.in {opacity: .75;filter: alpha(opacity=75);}    
    .page-dept .block-addref h5 { margin-bottom: 15px;}

    .courses-item .img { height: 124px;}
    .page-art-gallery h2.title { font-size: 36px; line-height: 100%; margin-bottom: 30px;}
    .page-art-gallery .block-des p { font-size: 18px;}    
    .block-likes .courses-item .img img { height: auto; max-width: none; width: auto;}
    .block-likes .courses-item { padding-bottom: 62px; margin-bottom: 0}
    .block-likes .courses-item.item { padding-bottom: 0px; margin-bottom: 0}
    .block-likes .courses-item .status { position: absolute; left: 0; right: 0; bottom: 0;}
    .page-staff .title.big { width: 180%;}

    .help-group .ico-help { right: -40px}
    .help-group .help-text { bottom: auto; top: 100%; right: -280px;}
    /*Hack for real site*/
    #courseDetailsPlaceHolder_C004 + div { overflow: hidden;}

    nav .nav-menu.levelfix { position: absolute; right: 10px; list-style: none; font-size: 0; height: auto !important; top: 20px;}
    nav .nav-menu.levelfix li { display: inline-block;padding: 5px 15px;border-bottom: none}
    nav .nav-menu.levelfix li a { font-size: 12px; color: #cacaca;}

    .page-showcase-detail { padding-top: 50px; padding-bottom: 50px;}
    .page-showcase-detail .summary .avatar { width: 120px;}    
    .page-showcase-detail .summary .intro { margin-left: 30px; padding-bottom: 10px; border-bottom: solid 1px #ff6600; display: inline-block;}
    .page-showcase-detail .summary .intro .title.big { margin: 0 0 25px; font-size: 36px;}
    .page-showcase-detail .summary .intro h4,
    .page-showcase-detail .summary .intro p { font-size: 18px; line-height: 22px;}    

    .page-showcase-detail .social { border-top: none; margin-left: 150px; width: auto; float: none;}    
    
    .tab-area .tab-nav { display: block; font-size: 0; width: 100%; border-spacing: 10px 0; margin-left: -5px; margin-right: -5px; white-space: nowrap;}
    .tab-area .tab-nav a { border-left: solid 5px #fff; border-right: solid 5px #fff; font-size: 16px; padding: 18px 10px; line-height: 16px; display: inline-block; vertical-align: top; white-space: normal;}
    .tab-area .tab-content h4.title { font-size: 28px;}

    /* Student Profile Upload Portal Pages */
    header.border { border-bottom: solid 12px #eee;}


    .page-student-upload,
    .page-admin-upload,
    .page-login { margin-top: 100px;}
    .page-student-upload h1 { line-height: 36px; margin: 40px 0 35px;}
    .page-student-upload .row-caption { padding-right: 54px;}
    .page-student-upload .block-title { font-size: 21px; margin: 0;}
    .page-student-upload p { font-size: 14px;}
    .header-content .logo.noleft { margin-left: 0;}
    .page-border { height: 12px; margin-top: 100px;}

    .page-nav { position: fixed; right: 0; left: 0; top: 56px; text-align: right; font-size: 0; z-index: 1000;}
    .page-nav .container { position: relative;}
    .page-nav a { margin-left: 30px; margin-right: 0; padding: 0 5px 15px; border-bottom: solid 3px transparent}
    .page-nav a.active { border-bottom-color: #ff6600}

    .page-nav .need-help { position: absolute; right: 15px; top: -35px;color:#999;}
    .page-nav .need-help p { font-size: 14px;}
    .page-nav .need-help a {color:#999; text-transform: none; margin: 0; padding: 0; font-size: 14px; text-decoration: underline;}


    .course-choicelist { padding-bottom: 50px;}
    .course-choicelist .btn { padding: 20px 50px; margin-right: 30px;}    

    .block-upload,
    .block-date { padding-bottom: 40px;}

    .page-admin-upload .dropdown-datepicker { left: 100%;margin-left: -62px;width: 300px;}
    .page-admin-upload .right-nav { height: 0;}
    .page-admin-upload .block-controls { padding-top: 50px;}
    .page-admin-upload .form-group-search { position: relative;}
    .page-admin-upload .form-group-search .ico-search { display: block; position: absolute; top: 5px; right: 10px;}

    .block-login {padding: 40px;}


    /* Student Profile Upload Portal Pages END */


    /* update event detail */
    .page-event-detail .timespan {font-size: 16px; }
    .page-event-detail .timespan .date,
    .page-event-detail .timespan .time { display: inline-block; width: 40%; white-space: nowrap;}
    .page-event-detail .timespan .time { text-transform: uppercase;}
    .page-event-detail .timespan .timeoff { display: block; width: 100%}
    .page-event-detail .timespan small { font-size: 14px;}
    .page-events .info .location a { line-height: 40px; font-size: 16px;}
    .ico-location { background-position: -320px -2px}

}

/* Large Desktop */
@media screen and (min-width:1200px){
    .nav-menu-ul .two-col {width: 40%;}
    nav .nav-top,
    .open nav .nav-top,
    .open .header-content { width: 1170px; left: 0;}
    nav .nav-menu.level1 li {padding: 12px 15px 10px; margin-right: 68px;}
    nav .nav-menu.levelfix { position: absolute; right: 10px; list-style: none; font-size: 0; height: auto !important; top: 20px;}
    nav .nav-menu.levelfix li { display: inline-block;padding: 5px 15px;border-bottom: none}
    nav .nav-menu.levelfix li a { font-size: 12px; color: #cacaca;}
    .page-courses #accordion .panel-collapse {top: 50px;}
    .page-student .right-nav .list-arrow {padding-right: 0}
    .page-whynafa .right-nav .list-arrow p {margin-right: -80px}
    .box-slide-video,
    .box-slide-project { max-width: 710px;}
    .courses-item .img { height: 153px;}
    .block-likes .courses-item .img img { max-width: 100%; width: 100%;}
    .page-dept .block-showcase .img { min-height: 152px; height: auto; }
    .page-schooltype .block-showcase .img { min-height: 0;}
    .courses-item .title { height: 90px; padding: 0px 10px;}
}
.ico-download {width: 21px; height: 21px; background-position: -394px -32px; margin: 2px 0 0 18px;}
.page-open-house .ico-like{background-position: -12px -136px; width: 18px; height: 16px; margin: 5px 0 0 5px}
.page-open-house .info .location{margin-bottom: 15px;}
.highlight-block{margin: 50px 0 0 0;}
.page-open-house .title{margin: 0 0 30px 0;}
.showcase-block .title{margin: 0 0 20px 0;}
.highlight-block{margin-bottom: 50px;}
.highlight-block h4, 
.highlight-block h5,
.highlight-block p{margin: 0;}
.highlight-block .hightlights-item{margin-bottom: 30px;}
.highlight-block .hightlights-item:last-child{margin: 0;}
.page-open-house .toggle-collapse{margin: 0 0 5px 0;}
.page-open-house .row.no-gutter, .page-open-house .no-gutter h2.title.big{margin-left: 0;}
.page-open-house .register-block h1.title{margin: 80px 0 15px 0px;}
.page-open-house .register-block .box-grey { background: #eee; padding: 15px 15px 30px; margin-left: -15px; margin-right: -15px;}
.page-open-house .action{margin-top: 20px;}
.page-open-house .register-block .panel-orange-grey .panel-heading a.active:before{background-position: -120px -395px;}

.page-open-house .register-block .active{background: #eee; font-size: 18px; color: #333;}
.page-open-house .register-block .panel-body .ask{font-size: 14px; color: #333; padding-bottom: 30px;}
.page-open-house .register-block .panel-body .fake-checkbox {font-size: 18px; font-weight: normal; margin-right: 0; line-height: 22px;}
.page-open-house .register-block .note{font-size: 14px; color: #333; margin:-8px 0 8px 0; display: block;}
.page-open-house .register-block .panel-body h4{font-size: 21px; color: #333; text-transform: uppercase; margin-bottom: 20px;}
.page-open-house .register-block .panel-body h4.border-top{border-top: 1px solid #fff; margin: 35px 0 0 0; padding: 45px 0 30px 0;}
.page-open-house .fake-checkbox > span { background: #fff; top: 4px; margin-top: 0;}
.page-open-house .block-instagram >h3{font-size: 24px; color: #333; text-transform: uppercase; font-weight: normal;}
.page-open-house h2.title.big{margin-top: 0;}
.block-instagram{margin-left: -15px;}
.page-open-house .visit-us-block .title{margin-bottom: 15px;}
.page-open-house .right-nav{top: 0; margin: -5px 0 0 0;}


.page-open-house .right-nav .box-text h3{ color: #f06b00; text-transform: uppercase; font-size: 20px; font-weight: normal; border-bottom: 1px solid #f06b00; padding-bottom: 8px; font-weight: 700}
.page-open-house .right-nav .box-text p, 
.page-open-house .right-nav .box-text span{ color: #333;}
.page-open-house .right-nav .box-text p{padding: 0 0 10px 0}
.page-open-house .right-nav .box-text span{display: block; padding: 0 0 13px 0;}

.page-open-house .right-nav .box-text ul li{list-style-type: none; position: relative; line-height: 20px; vertical-align: top; padding-left: 15px;}
.page-open-house .right-nav .box-text ul li:before{position: absolute; top: 0; left: 0; display: inline-block; width: 20px; height: 20px; content:''; background: url(../timages/icon.png) -16px -166px no-repeat scroll transparent}
.page-open-house .right-nav .box-text ul li a{color: #333;}
.page-open-house .right-nav .box-banner{margin: 0 auto 45px;}
.right-nav .box-banner iframe { max-width: 100%;}
.circle-box{margin-bottom: 45px; text-align: center;}
#map-canvas{ width:100%; height:340px !important; margin-bottom: 55px;}
#map-canvas img{max-width: none;}
.small-panel-body + .small-panel-body { margin-top: 20px; padding-top: 20px; border-top: 1px solid #999}
.small-panel-body h4 { margin-bottom: 5px;}
.box-text-2 { font-size: 16px; font-weight: 700; margin-top: 40px;}

@media screen and (max-width: 480px) { 
    .page-open-house .col-xs-6{width: 100%;}
    .page-404 p{padding: 0;}
}

@media screen and (max-width: 991px) { 
    .page-open-house .right-nav .box-text-1 h3{width: 100%;}
    .page-open-house .right-nav{margin-top: 40px;}
    .page-404 .bg{margin-top: 0;} 
    .page-404 .logo{width: 101px; display: block;}
    .page-404 .logo img{width: 100%;}
    .page-404 .logo-wrapper{padding-top:12px; margin-bottom: 12px;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) { 
    .select .col-md-4 { width: 40%;}
}

@media screen and (min-width: 320px) and (max-width: 1023px) { 
    .select .col-md-4 { width: 40%;}
    .popover { max-width: inherit; left: 30px !important; right: 30px !important;}
}

.fb-frame { border: 1px solid #aaa;border-color: #3b5998; padding: 0}
.fb-frame label { display: block;padding: 5px 0 0 10px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}
.list-attending { margin: 0; list-style: none; font-size: 0; padding: 10px;}
.list-attending li { display: inline-block;margin: 3px 3px 0 0;}
.fb-frame .box-header {background-color: #edeff4;border: 1px solid #d8dfea; padding: 10px;}
.fb-frame .box-header h3 { font-size: 13px; color: #3b5998; margin: 0;}
.fb-frame .box-header h3 a { color: #3b5998}


/* Tooltip */
.tooltip  { min-width: 200px; width: auto;}
.tooltip-inner { color: #333; font-size: 16px; background: #eee;}
.tooltip.right .tooltip-arrow { border-right-color: #eee;}
.tooltip.in { opacity: 1; -webkit-opacity: 1;}

.popover {border-radius: 2px; }

.page-404 {position: relative;}
.page-404 .logo-wrapper{position: relative; padding-top: 20px;}
.bg{margin-top: -70px;}
.text-uppercase {text-transform: uppercase;}
.page-404 .content{margin: 35px auto 65px; float: none;}
.page-404 .break {margin:20px auto;}
.page-404 p{text-align: center; padding: 0 20px; font-size: 18px;}
.page-404 ul{float: left;}
.page-404 li {font-size: 14px;}
.page-404 .links{margin: 0 20%; position: relative; float: none;}
.page-404 ul.last{position: absolute; top:0; right: 0;}
@media screen and (max-width: 320px) {
    .page-404 .links{margin: 0 15%;}
}