/*************************************
    1.FONT-FACE
*************************************/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

/*************************************
    2.RESET
*************************************/
html { -webkit-text-size-adjust: none; height: 100%; }
body { margin: 0; padding: 0; -webkit-overflow-scrolling: touch; min-height: 100%; background: url(img/page-background.jpg) repeat center top; overflow-x: hidden; }
div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
ol, ul { margin: 0; padding: 0; list-style: none; }
a { text-decoration: none; cursor: pointer; }
img { border: 0; }
a img { border: 0; }
input, textarea, button, select, a { outline: none; }
.clear { clear: both; }
input { -webkit-appearance: none; border-radius: 0; }
.fleft { float: left; }
.fright { float: right; }

/*************************************
    3.GLOBAL CLASSES
*************************************/
#page-container { width: 100%; min-width: 1170px; float: left; }
#page-container .inner-content { width: 1170px; margin: 0 auto; position: relative; }


/*************************************
    4.HEADER & FOOTER
*************************************/

#page-header { width: 100%; float: left; }
#page-header .top { width: 100%; height: 30px; float: left; position: relative; background: #25344b; z-index: 5; }
#page-header .top .left { width: 50%; }
#page-header .top .left a { height: 30px; float: left; font: 13px/30px 'Open Sans', sans-serif; color: #fff; padding: 0 8px 0 8px; text-align: center; }
#page-header .top .left a:hover { background: #101c2f; }
#page-header .top .right { width: 44%; }
#page-header .top .right a { height: 30px; float: left; font: 13px/30px 'Open Sans', sans-serif; color: #fff; padding: 0 8px 0 8px; text-align: center; }
#page-header .top .right a:hover { background: #101c2f; }
#page-header .top .right .lang-selector { float: right; }
#page-header .top .right .lang-selector span { height: 30px; float: left; font: 13px/30px 'Open Sans', sans-serif; color: #697d9c; padding: 0 8px 0 8px; text-align: center; }
#page-header .top .right .lang-selector ul { width: 100px; height: 30px; float: left; background: #25344b; overflow: hidden; }
#page-header .top .right .lang-selector ul li { width: 100%; float: left; padding: 0 7px 0 7px; }
#page-header .top .right .lang-selector ul li a { width: 65%; padding: 0 10px 0 30px; text-align: left; }
#page-header .top .right .lang-selector ul li a:hover { color: #FFF; }
#page-header .top .right .lang-selector ul li:nth-child(2) { background-color: #212f43; }
#page-header .top .right .lang-selector ul li:nth-child(3) { background-color: #1c2839; }
#page-header .top .right .lang-selector ul li:nth-child(4) { background-color: #192433; }
#page-header .top .right .lang-selector ul li a.tr { background: url(img/flag-sprite.png) no-repeat 0 6px; }
#page-header .top .right .lang-selector ul li a.en { background: url(img/flag-sprite.png) no-repeat 0 -25px; }
#page-header .top .right .lang-selector ul li a.rs { background: url(img/flag-sprite.png) no-repeat 0 -55px; }
#page-header .top .right .lang-selector ul li a.ar { background: url(img/flag-sprite.png) no-repeat 0 -89px; direction: ltr; }
#page-header .top .logo { width: 234px; height: 183px; position: absolute; top: 30px; left: 50%; margin: 0 0 0 -117px; background: url(img/header-center-background.png) no-repeat 0 0; z-index: 4; }
#page-header .top .logo a { width: 179px; height: 181px; float: left; margin: -23px 0 0 28px; }

#page-header .bottom { width: 100%; height: 100px; float: left; background: url(img/header-background.png) repeat-x 0 0; position: relative; z-index: 4; }
#page-header .bottom .respond-button { display: none; }
.desktop .bottom .navigation { display: block !important; }
#page-header .bottom .navigation { width: 100%; float: left; }
#page-header .bottom .navigation ul li { width: auto; height: 78px; float: left; margin: 0 10px 0 0; }
#page-header .bottom .navigation ul li a { color: #25344b; display: block; font: 600 14px/78px "Open Sans",sans-serif; padding: 0 3px; text-align: center; width: 100%; }
#page-header .bottom .navigation ul li a:hover { background: #e0e7e9; }

#page-footer { width: 100%; height: 265px; float: left; }
#page-footer .top { width: 100%; height: 240px; float: left; background: #25344b; }
#page-footer .top .infos { width: 280px; height: 200px; float: left; padding: 23px 0 20px 40px; background: url(img/footer-info-icons.png) no-repeat left 30px; }
#page-footer .top .infos .phone { font: 13px 'Open Sans', sans-serif; color: #FFF; }
#page-footer .top .infos .address { margin: 28px 0; font: 13px 'Open Sans', sans-serif; color: #FFF; }
#page-footer .top .infos .mail { font: 13px 'Open Sans', sans-serif; color: #FFF; }
#page-footer .top .menus { width: 270px; height: 260px; float: left; padding: 20px 0 0 0; }
#page-footer .top .menus h3 { font: bold 18px 'Open Sans', sans-serif; color: #FFF; }
#page-footer .top .menus ul { margin: 13px 0 0 0; }
#page-footer .top .menus ul li { margin: 0 0 12px 0; }
#page-footer .top .menus ul li a { font: 13px 'Open Sans', sans-serif; color: #FFF; }
#page-footer .top .menus ul li a:hover { color: #25344b; }

#page-footer .bottom { width: 100%; height: 40px; float: left; background: #c7cbcd; }
#page-footer .bottom .copy { float: left; font: 14px/40px 'Open Sans', sans-serif; color: #25344b; }
#page-footer .bottom .social { width: 53px; /* old: 132px */ height: 22px; float: right; margin: 9px 0 0 0; background: url(img/social-background.png) no-repeat 0 0; }
#page-footer .bottom .social a { width: 22px; height: 22px; float: left; margin: 0 4px 0 0; }
#page-footer .bottom .ruby-badge { position: absolute; left: 50%; margin: 0 0 0 -15px; top: 7px; }
#page-footer .bottom .ruby-badge img { width:90px; }

/*************************************
    5.PAGES
*************************************/
#page-content { width: 100%; float: left; margin: -22px 0 0 0; }

/********** HOME PAGE **********/

/*Slider*/
#page-content .slider-container { width: 100%; float: left; position: relative; }
#page-content .slider-container .rslides { position: relative; list-style: none; overflow-x: hidden; width: 100%; padding: 0; margin: 0; }
#page-content .slider-container .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
#page-content .slider-container .rslides li:first-child { position: relative; display: block; float: left; }
#page-content .slider-container .rslides img { display: block; min-height: 400px; float: left; width: 100%; border: 0; }
#page-content .slider-container .rslides .slide-text { width: 100%; position: absolute; top: 0; left: 0; }
#page-content .slider-container .rslides .slide-text h4 { max-width: 300px; float: right; margin: 40px 0 0 0; padding: 0 1% 0 0; font: 600 45px 'Open Sans', sans-serif; color: #FFF; text-align: right; }
#page-content .slider-container .rslides .slide-text p { max-width: 300px; float: right; margin: 40px 0 0 0; padding: 0 1% 0 0; font: 17px 'Open Sans', sans-serif; color: #FFF; text-align: right; }
#page-content .slider-container .rslides_nav { width: 35px; height: 55px; position: absolute; z-index: 10; text-indent: -9999px; display: none; }
#page-content .slider-container .rslides_nav.next { top: 45%; right: 20px; left: auto; background: url(img/slider-arrow-next.png) no-repeat center top; }
#page-content .slider-container .rslides_nav.prev { top: 45%; left: 20px; right: auto; background: url(img/slider-arrow-prev.png) no-repeat center top; }
#page-content .slider-container .rslides_tabs { width:100%; position: absolute; bottom: 60px; left: 46%; z-index: 555; text-indent: -9999px; }
#page-content .slider-container .rslides_tabs li {width: 17px; height: 17px;  float: left;margin: 0 0 0 10px;  }
#page-content .slider-container .rslides_tabs li a { width: 17px; height: 17px; float: left; background: url(img/slider-bullets.png) no-repeat; }
#page-content .slider-container .rslides_tabs li.rslides_here a { background-position: -28px 0; }

/*Institues*/
#page-content .institutes { width: 100%; float: left; margin: -30px 0 25px 0; position: relative; z-index: 6; }
#page-content .institutes a { width: 19%; height: 63px; float: left; margin: 0 1%; padding: 15px 2%; font: 22px 'Open Sans', sans-serif; color: #fff; }
#page-content .institutes a b { width: 100%; float: left; }
#page-content .institutes a.color1 { background: #25344B; }
#page-content .institutes a.color2 { background: #25344B; }
#page-content .institutes a.color3 { background: #25344B; }
#page-content .institutes a.color4 { background: #25344B; }

/*Promo Video*/
#page-content .promo-video { width: 300px; height: 35px; position: absolute; top: 0; margin: 0 0 25px 0; background: #f3cd6c url(img/promo-video-background.png) no-repeat center top; z-index: 5; box-shadow: 3px 3px 0 #FFF; }
#page-content .promo-video a { width: 92%; height: 35px; float: left; padding: 0 4% 0 4%; font: 15px/35px 'Open Sans', sans-serif; color: #FFF; text-align: left; }

/*News*/
#page-content .news-area { width: 568px; height: 298px; float: left; margin: 0 30px 0 0; position: relative; background: #FFF; border: 1px solid #dbe0e3; }
#page-content .news-area .slider-title { width: 250px; height: 34px; padding: 6px 0 0 50px; position: absolute; top: 0; left: 0; background: #4fc6f8 url(img/news-slider-title-background.png) no-repeat left top; font: 21px 'Open Sans', sans-serif; color: #FFF; }
#page-content .news-area .slider-title b { margin: 0 2px 0 0; }
#page-content .news-area .news-slider { width: 100%; float: left; }
#page-content .news-area .news-slider > div { width: 100%; float: left; }
#page-content .news-area .news-slider .slide-content { width: 244px; height: 238px; float: left; padding: 50px 15px 10px 40px; }
#page-content .news-area .news-slider .slide-content .title { width: 100%; float: left; font: bold 21px 'Open Sans', sans-serif; color: #475055; }
#page-content .news-area .news-slider .slide-content .date { width: 100%; float: left; margin: 5px 0; font: 15px 'Open Sans', sans-serif; color: #a3abaf; }
#page-content .news-area .news-slider .slide-content .description { width: 100%; float: left; margin: 5px 0; font: 14px 'Open Sans', sans-serif; color: #475055; }
#page-content .news-area .news-slider .slide-content .description p { width: 100%; float: left; }
#page-content .news-area .news-slider .slide-content .description a { float: left; margin: 5px 0 0 0; font: 14px 'Open Sans', sans-serif; color: #ea6060; }
#page-content .news-area .news-slider .slide-img { width: 269px; height: 298px; float: right; overflow: hidden; }
#page-content .news-area .news-slider .slide-img > img { width: 100%; }
#page-content .news-area .rslides_tabs { position: absolute; top: 50px; left: 5px; z-index: 5; text-indent: -9999px; width: 14px; }
#page-content .news-area .rslides_tabs li a { width: 11px; height: 11px; float: left; margin: 8px 0 1px 10px; background: url(img/news-slider-bullets.png) no-repeat; }
#page-content .news-area .rslides_tabs li.rslides_here a { background-position: 0 -18px; }

/* Quick Access */
#page-content .quick-access { width: 270px; float: left; background: #FFF url(img/opacity.png) repeat center top; z-index: 44; border: 1px solid #dbe0e3; }
#page-content .quick-access .module-title { width: 260px; height: 34px; padding: 6px 0 0 10px; float: left; background: #ea6060; font: 21px 'Open Sans', sans-serif; color: #FFF; }
#page-content .quick-access .module-title b { margin: 0 2px 0 0; }
#page-content .quick-access ul { margin: 40px 0 0 0; }
#page-content .quick-access ul li { width: 100%; float: left; margin: 0; border-bottom: 1px solid #eee; }
#page-content .quick-access ul li:last-child { border-bottom: none; }
#page-content .quick-access ul li a { width: 225px; padding: 9px 10px 8px 35px; float: left; font: 14px 'Open Sans', sans-serif; color: #25344b; background: url(img/arrow-quick-access.png) no-repeat 10px 11px; }
#page-content .quick-access ul li a:hover { background: #EFEFEF url(img/arrow-quick-access.png) no-repeat 10px 11px; }

/*Events*/
#page-content .events-area { width: 264px; height: 300px; float: right; position: relative; background: #FFF; overflow: hidden; border: 1px solid #dbe0e3; }
#page-content .events-area .slider-title { width: 258px; height: 34px; padding: 6px 0 0 10px; position: absolute; top: 0; left: 0; background: #ea6060; font: 21px 'Open Sans', sans-serif; color: #FFF; }
#page-content .events-area .slider-title b { margin: 0 2px 0 0; }
#page-content .events-area .events-slider { width: 100%; float: left; }
#page-content .events-area .events-slider > div { width: 100%; float: left; padding: 55px 0 0 0; }
#page-content .events-area .events-slider .item { width: 100%; float: left; margin: 0 0 17px 0; }
#page-content .events-area .events-slider .slide-img { width: 65px; height: 65px; float: left; margin: 0 5px; overflow: hidden; }
#page-content .events-area .events-slider .slide-img > img { width: 100%; }
#page-content .events-area .events-slider .slide-content { width: 185px; height: 65px; float: left; overflow: hidden; }
#page-content .events-area .events-slider .slide-content a:hover p { color: #475055 !important; text-decoration: underline; }
#page-content .events-area .events-slider .slide-content .date { width: 100%; float: left; margin: 0 0 0 0; font: 12px 'Open Sans', sans-serif; color: #a3abaf; }
#page-content .events-area .events-slider .slide-content .description { width: 100%; float: left; margin: 5px 0; font: 13px 'Open Sans', sans-serif; color: #475055; }
#page-content .events-area .events-slider .slide-content .description p { width: 100%; float: left; }
#page-content .events-area .events-slider .slide-content .description a { float: left; margin: 5px 0 0 0; font: 14px 'Open Sans', sans-serif; color: #ea6060; }
#page-content .events-area .rslides_tabs { position: absolute; top: 2px; right: 10px; z-index: 5; font-size:0; }
#page-content .events-area .rslides_tabs li { width: 11px; height: 11px;  float: left;margin: 14px 0 1px 6px;  }
#page-content .events-area .rslides_tabs li a {width: 11px; height: 11px;  float: left;margin: 0 0 1px 6px; background: url(img/events-slider-bullets.png) no-repeat -16px 0; }
#page-content .events-area .rslides_tabs li.rslides_here a { background-position: 0 0; }

/*Word of the Day*/
#page-content .word-of-the-day { width: 1130px; height: 100px; float: left; margin: 30px 0; padding: 0 20px 0 20px; background: #25344b url(img/word-of-the-day-background.png) no-repeat left 29px; font: italic 24px/97px 'Open Sans', sans-serif; font-weight: 300; color: #fff; text-align: center; }

/********** SUB PAGES **********/
#page-content .breadcrumb { width: 100%; height: 62px; float: left; background: #25344b; font: bold 22px/62px 'Open Sans', sans-serif; color: #FFF; }

#page-content .left-col { width: 75%; float: left; padding: 30px 0; }
#page-content .right-col { width: 25%; float: left; padding: 30px 0; }
#page-content .right-col .quick-access { float: right; margin: 0 0 20px 0; }
#page-content .right-col .events-area { width: 270px; float: right; margin: 0 0 20px 0; }
#page-content .right-col .events-area .slider-title { width: 100%; }

/* Faculties */
#page-content .faculties-page { width: 100%; float: left; }
#page-content .faculties-page ul li { width: 100%; float: left; margin: 0 0 20px 0; }
#page-content .faculties-page ul li .faculties-name { width: 26%; color:#fff; height: 110px; float: left; padding: 10px 2%; font: 20px 'Open Sans', sans-serif; color: #FFF; }
#page-content .faculties-page ul li .faculties-name a{color:inherit; display:block; width:100%; height:100%;}
#page-content .faculties-page ul li .color1 { background: #25344b; }
#page-content .faculties-page ul li .color2 { background: #25344b; }
#page-content .faculties-page ul li .color3 { background: #25344b; }
#page-content .faculties-page ul li .color4 { background: #25344b; }
#page-content .faculties-page ul li .faculties-content { width: 70%; height: 130px; float: left; position: relative; }
#page-content .faculties-page ul li .faculties-content .img-content { width: 100%; height: 100%; float: left; overflow: hidden; }
#page-content .faculties-page ul li .faculties-content .img-content img { width: 100%; }
#page-content .faculties-page ul li .faculties-content .desc-content { width: 100%; height: 93px !important; padding: 3% 0; position: absolute; top: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; display: none; }
#page-content .faculties-page ul li .faculties-content .desc-content > div { width: 44%; float: left; padding: 1% 2%; }
#page-content .faculties-page ul li .faculties-content .desc-content a { font: 15px 'Open Sans', sans-serif; color: #FFF; overflow: hidden; }
#page-content .faculties-page ul li .faculties-content .desc-content a:hover { text-decoration: underline; }

/* Faculties Detail */
#page-content .faculties-page .faculties-page-image { width: 100%; float: left; }
#page-content .faculties-page .faculties-page-image img { width: 100%; }
#page-content .faculties-page .faculties-detail-content { width: 96%; float: left; margin: 20px 0 0 0; padding: 0 2%; }
#page-content .faculties-page .faculties-detail-content p { width: 100%; float: left; margin: 0 0 20px 0; font: 15px 'Open Sans', sans-serif; }
#page-content .faculties-page .faculties-detail-content p strong.lead { width: 100%; float: left; margin: 0 0 10px 0; }

/* Application Requirement */
#page-content .application-requirement { width: 100%; float: left; }
#page-content .application-requirement ul li { width: 100%; float: left; }
#page-content .application-requirement ul li > a { width: 90%; height: 33px; float: left; padding: 0 3% 0 7%; margin: 0 0 15px 0; border: 1px solid #ededed; background: #fff url(img/grid-icon.png) no-repeat left top; font: 15px/33px 'Open Sans', sans-serif; color: #25344b; }
#page-content .application-requirement ul li > a.selected { background: #dfbe67 url(img/grid-icon.png) no-repeat left top; color: #FFF; }
#page-content .application-requirement ul li .description { display: none; }
#page-content .application-requirement ul li .description p { width: 100%; float: left; margin: 0 0 20px 0; font: 14px 'Open Sans', sans-serif; }
#page-content .application-requirement ul li .description p strong.lead { width: 100%; float: left; margin: 0 0 10px 0; }

/* Social Activities */
#page-content .social-activities { width: 100%; float: left; padding: 10px 0 0 0; }
#page-content .social-activities p { width: 100%; float: left; margin: 0 0 20px 0; font: 14px 'Open Sans', sans-serif; }
#page-content .social-activities .activities { width: 100%; float: left; margin: 10px 0 0 0; }
#page-content .social-activities .activities .item { width: 170px; height: 102px; float: left; margin: 0 15px 15px 0; position: relative; }
#page-content .social-activities .activities .item .item-img { width: 170px; height: 102px; float: left; }
#page-content .social-activities .activities .item .item-img img { width: 100%; }
#page-content .social-activities .activities .item .item-desc { width: 90%; padding: 5%; position: absolute; bottom: 0; left: 0; background: #101c2f; font: 15px 'Open Sans', sans-serif; color: #FFF; display: none; }

/* Academic Calendar */
#page-content .academic-calendar { width: 100%; float: left; padding: 10px 0 0 0; }
#page-content .academic-calendar .form-col { float: left; padding: 0 30px 0 0; }
#page-content .academic-calendar .form-col label { /*min-width: 105px;*/ float: left; padding: 0 15px 0 0; font: 14px/32px 'Open Sans', sans-serif; color: #25344b; }
#page-content .academic-calendar .form-col input[type="submit"] { width: auto; height: 35px; float: left; padding: 0 15px; border: 1px solid #cdcdcd; background: #101c2f; color: #FFF; cursor: pointer; font: 14px 'Open Sans', sans-serif; }
#page-content .academic-calendar .results { width: 100%; float: left; margin: 40px 0 0 0; }
#page-content .academic-calendar .results .item { width: 100%; float: left; margin: 0 0 30px 0; }
#page-content .academic-calendar .results .item .month-year { font: bold 17px 'Open Sans', sans-serif; color: #ce2929; }
#page-content .academic-calendar .results .item ul li { padding: 4px 0; font: 15px 'Open Sans', sans-serif; }
#page-content .academic-calendar .results .item ul li strong { min-width: 170px; float: left; }

/* News */
#page-content .news { width: 100%; float: left; padding: 10px 0 0 0; }
#page-content .news ul li { width: 100%; float: left; margin: 0 0 30px 0; }
#page-content .news ul li .module-image { width: 150px; height: 150px; float: left; background: #ea6060; }
#page-content .news ul li .module-image img { width: 100%; }
#page-content .news ul li .module-content { width: 710px; float: right; height: 150px; overflow: hidden; position: relative; }
#page-content .news ul li .module-content .content-title { padding: 0 0 10px 0; font: bold 17px 'Open Sans', sans-serif; color: #25344b; }
#page-content .news ul li .module-content .content-desc { font: 15px 'Open Sans', sans-serif; color: #25344b; }
#page-content .news ul li .module-content .content-desc a { position: absolute; bottom: 0; left: 0; color: #ea6060; }
#page-content .news ul li .module-content .content-desc a:hover { text-decoration: underline; }
#page-content .news h4 { font: bold 20px 'Open Sans', sans-serif; color: #25344b; padding: 0 0 20px 0; }
#page-content .news strong { font: bold 14px 'Open Sans', sans-serif; color: #25344b; }
#page-content .news p { font: 14px 'Open Sans', sans-serif; color: #25344b; }

/* Events */
#page-content .events  { width:100%; float:left; padding:10px 0 0 0; }
#page-content .events .item { width:30%; height:275px; float:left; padding:0 3% 1% 0; }
#page-content .events .item .ev-top { width:100%; float:left; }
#page-content .events .item .ev-top .image { width:68%; height:130px; float:left; background:#ea6060; }
#page-content .events .item .ev-top .image img { width:100%; }
#page-content .events .item .ev-top .date { width:30%; height:100px; float:left; padding:30px 0 0 0; background:#101c2f; font: bold 16px 'Open Sans', sans-serif; color: #FFF; text-align:center; }
#page-content .events .item .ev-bottom { width:100%; float:left; border-bottom:5px solid #e6c263; }
#page-content .events .item .ev-bottom p { padding:5px 0 10px 0; font: 13px 'Open Sans', sans-serif; color: #25344b; }
#page-content .events .item .ev-bottom p strong { display:block; }

/* Contact */
#page-content .contact-page { width:100%; float:left; padding:0; }
#page-content .contact-page #map { width:100%; height:370px; float:left; }
#page-content .contact-form { width:49%; min-height:260px; float:left; padding:20px 0 0 0; position:relative; }
#page-content .contact-form .formTitle { width:100%; float:left; padding:0 0 15px 0; font:bold 20px 'Open Sans', sans-serif; color: #25344b; } 
#page-content .contact-form .form-col { width:100%; float:left; margin:0 0 15px 0; }
#page-content .contact-form .form-col input[type="text"] { width:250px; height:30px; padding:0 10px; border:1px solid #dedede; font: 13px 'Open Sans', sans-serif; color: #25344b;  }
#page-content .contact-form .message-col { position:absolute; top:63px; right:0; }
#page-content .contact-form .message-col textarea { width:250px; height:105px; padding:10px; font: 13px 'Open Sans', sans-serif; color: #25344b; resize:none; border:1px solid #dedede; }
#page-content .contact-form .message-col input[type="submit"] { width:100px; height:33px; position:absolute; bottom:-47px; right:0; text-align:center; font:bold 15px/30px 'Open Sans', sans-serif; color: #FFF; background:#101c2f; border:0 none; cursor:pointer; }

#page-content .contact-info { width:41%; float:left; padding:20px 0 0 10%; }
#page-content .contact-info .infoTitle { width:100%; float:left; padding:0 0 15px 0; font:bold 20px 'Open Sans', sans-serif; color: #25344b; } 
#page-content .contact-info .infos { width: 280px; height: 200px; float: left; padding: 10px 0 20px 40px; background: url(img/contact-info-icons.png) no-repeat left 20px; }
#page-content .contact-info .infos .phone { font: 13px 'Open Sans', sans-serif; color: #101c2f; }
#page-content .contact-info .infos .address { margin: 28px 0; font: 13px 'Open Sans', sans-serif; color: #101c2f; }
#page-content .contact-info .infos .mail { font: 13px 'Open Sans', sans-serif; color: #101c2f; }

/* Tablet */
@media screen and (max-width:1051px) {
    #page-container { width: 100%; min-width: 640px; }
    #page-container .inner-content { width: 640px; }

    /* Header & Footer */
    #page-header .top { z-index: 25; }
    #page-header .top .left { display: none; }
    #page-header .top .right > a { display: none; }
    #page-header .top .right .lang-selector { float: right; z-index: 110; position: relative; }
    #page-header .top .logo { height: 130px; top: 30px; left: 0; margin: 0; background: url(img/header-center-background-tablet.png) no-repeat center 10px; }
    #page-header .top .logo a { width: 130px; height: 110px; margin: -17px 0 0 52px; }
    #page-header .top .logo a img { width: 100%; }
    #page-header .bottom .respond-button { width: 50px; height: 40px; position: absolute; top: 10px; right: 13px; background: url(img/respond-background.png) no-repeat center top; display: block; z-index: 102; }
    #page-header .bottom { width: 100%; height: 58px; float: left; background: url(img/header-background.png) repeat-x 0 0; position: relative; z-index: 20; }
    #page-header .bottom .navigation { margin: 58px 0 0 0; z-index: 105; position: relative; display: none; }
    #page-header .bottom .navigation .left { width: 330px; background: #FFF; float: right; }
    #page-header .bottom .navigation .right { width: 330px; margin: 0 0 0 0; background: #fff; float: right; box-shadow: 3px 3px 0px #CCC; }
    #page-header .bottom .navigation ul li { width: 100%; height: 50px; float: left; margin: 0 10px 0 0; border-top: 1px solid #CCC; }
    #page-header .bottom .navigation ul li a { width: 95%; padding: 0 0 0 5%; font: 600 15px/50px 'Open Sans', sans-serif; }

    #page-footer { height: auto; }
    #page-footer .top { height: auto; }
    #page-footer .top .infos { width: 44%; height: auto; padding: 23px 0 20px 6%; }

    #page-footer .top .menus { width: 50%; height: auto; }
    #page-footer .top .menus h3 { font: bold 18px 'Open Sans', sans-serif; color: #FFF; }
    #page-footer .top .menus ul { margin: 13px 0 0 0; }
    #page-footer .top .menus ul li { margin: 0 0 12px 0; }
    #page-footer .top .menus ul li a { font: 13px 'Open Sans', sans-serif; color: #FFF; }
    #page-footer .top .menus ul li a:hover { color: #25344b; }

    #page-footer .bottom { width: 100%; height: 40px; float: left; background: #c7cbcd; }
    #page-footer .bottom .copy { float: left; font: 14px/40px 'Open Sans', sans-serif; color: #25344b; }
    #page-footer .bottom .social { width: 132px; height: 22px; float: right; margin: 9px 0 0 0; background: url(img/social-background.png) no-repeat 0 0; }
    #page-footer .bottom .social a { width: 22px; height: 22px; float: left; margin: 0 4px 0 0; }
    #page-footer .bottom .ruby-badge { display:none !important;}


    #page-content { margin: 0; }

    /********** HOME PAGE **********/

    /* Slider */
    #page-content .slider-container { z-index: 10; }
    #page-content .slider-container .rslides img { height: auto; min-height: 100px; }
    #page-content .slider-container .rslides_tabs { bottom: 20px; left: 13px; }
    #page-content .slider-container .rslides .slide-text { display: none; }

    /*Promo Video*/
    #page-content .promo-video { top: 0px; right: 2%; }

    /* Institues */
    #page-content .institutes { width: 100%; float: left; margin: 20px 0 10px 0; position: relative; z-index: 6; }
    #page-content .institutes a { width: 44%; height: 63px; float: left; margin: 0 1% 2% 1%; padding: 15px 2%; font: 22px 'Open Sans', sans-serif; color: #fff; }
    #page-content .institutes a b { width: 100%; float: left; }

    /*News*/
    #page-content .news-area { width: 100%; margin: 0 0 20px 0; }
    #page-content .news-area .slider-title { width: 320px; padding: 6px 0 0 8%; }
    #page-content .news-area .news-slider { width: 100%; }
    #page-content .news-area .news-slider .slide-content { width: 284px; }

    /* Quick Access */
    #page-content .quick-access { width: 310px; }
    #page-content .quick-access .module-title { width: 300px; }
    #page-content .quick-access ul li a { width: 265px; }

    /*Events*/
    #page-content .events-area { width: 310px; height: 300px; float: right; position: relative; background: #FFF; overflow: hidden; border: 1px solid #dbe0e3; }
    #page-content .events-area .slider-title { width: 304px; height: 34px; padding: 6px 0 0 10px; position: absolute; top: 0; left: 0; background: #ea6060; font: 21px 'Open Sans', sans-serif; color: #FFF; }

    /* Word of the Day */
    #page-content .word-of-the-day { width: 94%; height: auto; padding: 20px 3% 25px 3%; line-height: normal; }


    /********** SUB PAGES **********/

    #page-content .breadcrumb { text-align: right; }
    #page-content .breadcrumb h5 { padding: 0 2% 0 0; }
    #page-content .left-col { width: 100%; padding-bottom: 0; }
    #page-content .right-col { width: 100%; padding-top: 0; }
    #page-content .right-col .events-area { width: 320px; float: left; margin: 0 0 20px 0; }
    #page-content .right-col .events-area .slider-title { width: 100%; }

    /* Faculties */
    #page-content .faculties-page { width: 100%; }
    #page-content .faculties-page ul li { width: 100%; margin: 0 0 20px 0; }
    #page-content .faculties-page ul li .faculties-name { width: 94%; height: 70px; padding: 10px 3%; }
    #page-content .faculties-page ul li .faculties-content { width: 100%; height: auto !important; float: left; }
    #page-content .faculties-page ul li .faculties-content .img-content { display: none; }
    #page-content .faculties-page ul li .faculties-content .desc-content { width: 100%; height: auto !important; float: left; position: static; }
    #page-content .faculties-page ul li .faculties-content .desc-content > div { width: 100%; float: left; padding: 1% 2%; }
    #page-content .faculties-page ul li .faculties-content .desc-content a { font: 15px 'Open Sans', sans-serif; color: #FFF; overflow: hidden; }
    #page-content .faculties-page ul li .faculties-content .desc-content a:hover { text-decoration: underline; }

    /* Social Activities */
    #page-content .social-activities .activities { margin: 0 0 15px 0; }
    #page-content .social-activities .activities .item { width: 150px; height: 91px; float: left; margin: 7px 10px 7px 0; position: relative; }
    #page-content .social-activities .activities .item .item-img { width: 150px; height: auto; float: left; }
    #page-content .social-activities .activities .item .item-img img { width: 100%; }
    #page-content .social-activities .activities .item .item-desc { width: 90%; padding: 5%; display: none; }

    /* News */
    #page-content .news { width: 100%; float: left; padding: 10px 0 0 0; }
    #page-content .news ul li { width: 100%; float: left; margin: 0 0 30px 0; }
    #page-content .news ul li .module-image { width: 130px; height: 130px; float: left; background: #ea6060; }
    #page-content .news ul li .module-content { width: 490px; float: right; height: auto; overflow: visible; position: relative; padding: 0 0 30px 0; }
    #page-content .news ul li .module-content .content-title { padding: 0 0 10px 0; font: bold 17px 'Open Sans', sans-serif; color: #25344b; }
    #page-content .news ul li .module-content .content-desc { font: 15px 'Open Sans', sans-serif; color: #25344b; }

    /* Events */
    #page-content .events .item { width:47%; height:auto; float:left; padding:0 3% 3% 0; }

    /* Contact */
    #page-content .contact-form { width:49%; min-height:260px; float:left; padding:20px 0 0 0; position:relative; }
    #page-content .contact-form .form-col input[type="text"] { width:250px; height:30px; padding:0 10px; border:1px solid #dedede; font: 13px 'Open Sans', sans-serif; color: #25344b;  }
    #page-content .contact-form .message-col { position:static; top:0; right:0; float:left; }
    #page-content .contact-form .message-col input[type="submit"] { float:right; margin:10px 42px 20px 0; position:static; bottom:0; right:0; }

    #page-content .contact-info { width:41%; float:left; padding:20px 0 0 10%; }
}

/* Mobile */
@media screen and (max-width:600px) {
    #page-container { width: 100%; min-width: 320px; overflow: hidden; }
    #page-container .inner-content { width: 320px; }

    /* Header & Footer */
    #page-header .top { z-index: 25; }
    #page-header .top .left { display: none; }
    #page-header .top .right > a { display: none; }
    #page-header .top .right .lang-selector { float: right; z-index: 110; position: relative; }
    #page-header .top .logo { width: 90px; height: 79px; top: 30px; left: 0; margin: 0; background: url(img/header-center-background-phone.png) no-repeat center 5px; }
    #page-header .top .logo a { width: 70px; height: 70px; margin: -5px 0 0 10px; }
    #page-header .top .logo a img { width: 100%; }
    #page-header .bottom .respond-button { width: 50px; height: 40px; position: absolute; top: 10px; right: 13px; background: url(img/respond-background.png) no-repeat center top; display: block; z-index: 102; }
    #page-header .bottom { width: 100%; height: 58px; float: left; background: url(img/header-background.png) repeat-x 0 0; position: relative; z-index: 20; }


    #page-footer { height: auto; }
    #page-footer .top { height: auto; }
    #page-footer .top .infos { width: 85%; height: auto; padding: 23px 0 20px 13%; margin: 0 0 0 2%; }

    #page-footer .top .menus { width: 98%; height: auto; padding: 0 0 20px 0; margin: 0 0 0 2%; }

    #page-footer .bottom { width: 100%; height: auto; }
    #page-footer .bottom .copy { float: left; font: 12px/60px 'Open Sans', sans-serif; color: #25344b; height: 60px; overflow: hidden; text-align: center; }
    #page-footer .bottom .social { width: 132px; height: 40px; overflow: hidden; float: none; margin: 9px auto 0 auto; background: url(img/social-background.png) no-repeat 0 0; }
    #page-footer .bottom .social a { width: 22px; height: 22px; float: left; margin: 0 4px 0 0; }

    /* Slider */
    #page-content .slider-container .rslides img { width: auto !important; height: 200px; }

    /*Promo Video*/
    #page-content .promo-video { top: 200px; width: 100%; right: 0; padding: 0 0 0 0; background-position: right; }
    #page-content .promo-video a { width: 92%; padding: 0 4% 0 4%; }


    /* Institues */
    #page-content .institutes { width: 100%; float: left; margin: 50px 0 10px 0; position: relative; z-index: 6; }
    #page-content .institutes a { width: 94%; height: 63px; float: left; margin: 0 0 2% 0; padding: 15px 2% 15px 4%; font: 22px 'Open Sans', sans-serif; color: #fff; }

    /*News*/
    #page-content .news-area { width: 100%; height: auto; margin: 0 0 20px 0; border: 0 none; }
    #page-content .news-area .slider-title { width: 85%; padding: 6px 0 0 15%; }
    #page-content .news-area .news-slider { width: 100%; }
    #page-content .news-area .news-slider .slide-content { width: 255px; }
    #page-content .news-area .news-slider .slide-img { width: 320px; }
    #page-content .news-area .news-slider .slide-img img { width: 100%; }

    /* Quick Access */
    #page-content .quick-access { width: 320px; margin: 0 0 20px 0; border: 0 none; }
    #page-content .quick-access .module-title { width: 310px; }
    #page-content .quick-access ul li a { width: 275px; }

    /*Events*/
    #page-content .events-area { width: 320px; height: 300px; margin: 0; border: 0 none; }
    #page-content .events-area .slider-title { width: 310px; height: 34px; padding: 6px 0 0 10px; position: absolute; top: 0; left: 0; background: #ea6060; font: 21px 'Open Sans', sans-serif; color: #FFF; }

    /* Word of the Day */
    #page-content .word-of-the-day { width: 86%; height: auto; padding: 20px 7% 25px 7%; line-height: normal; font-size: 23px; }

    /********** SUB PAGES **********/

    #page-content .breadcrumb { text-align: left; }
    #page-content .breadcrumb h5 { padding: 0 0 0 2%; }

    /* Application Requirement */
    #page-content .application-requirement { width: 100%; float: left; }
    #page-content .application-requirement ul li { width: 100%; float: left; }
    #page-content .application-requirement ul li > a { width: 82%; padding: 0 2% 0 16%; overflow: hidden; }

    /* Academic Calendar */
    #page-content .academic-calendar { width: 96%; padding: 0 2%; }
    #page-content .academic-calendar .form-col { margin: 0 0 10px 0; }
    #page-content .academic-calendar .form-col label { min-width: 105px; }
    #page-content .academic-calendar .results { margin: 20px 0 0 0; }

    /* News */
    #page-content .news { width: 96%; float: left; padding: 0 2%; }
    #page-content .news ul li { width: 100%; float: left; margin: 0 0 30px 0; }
    #page-content .news ul li .module-image { width: 100%; height: 300px; margin-bottom: 15px; }
    #page-content .news ul li .module-content { width: 100%; float: right; height: auto; overflow: visible; position: relative; padding: 0 0 30px 0; }
    #page-content .news ul li .module-content .content-title { padding: 0 0 10px 0; font: bold 17px 'Open Sans', sans-serif; color: #25344b; }
    #page-content .news ul li .module-content .content-desc { font: 15px 'Open Sans', sans-serif; color: #25344b; }

    /* Events */
    #page-content .events .item { width:100%; padding:0 0 20px 0; }

    /* Contact */
    #page-content .contact-form { width:100%; min-height:260px; float:left; padding:20px 0 0 0; position:relative; }
    #page-content .contact-form .form-col input[type="text"] { width:250px; height:30px; padding:0 10px; border:1px solid #dedede; font: 13px 'Open Sans', sans-serif; color: #25344b;  }
    #page-content .contact-form .message-col { position:static; top:0; right:0; float:left; }
    #page-content .contact-form .message-col input[type="submit"] { float:right; margin:10px 48px 20px 0; position:static; bottom:0; right:0; }

    #page-content .contact-info { width:100%; float:left; padding:0 0 0 0; }
}