/*
Theme Name :lalala;
Theme URI : ;
Description : Theme JCS;
Author: Black FD;
Author URI :;
Version: 1;
*/

/* @import url ("assets/css/style.css"); */

@charset "utf-8";
/* CSS Document */

/* @font-face {
	  font-family: 'Gotham_Book';
	  src: url('../fonts/gotham_book.otf');  
}

@font-face {
	  font-family: 'Gotham_Bold';
	  src: url('../fonts/gotham_bold.otf');  
}

@font-face {
	  font-family: 'Gotham_Medium';
	  src: url('../fonts/gotham_medium.otf');  
}

@font-face {
	  font-family: 'Gotham_Light';
	  src: url('../fonts/gotham_light.otf');  
}

@font-face {
	  font-family: 'Gotham_Black';
	  src: url('../fonts/gotham_black.otf');  
}

@font-face {
	  font-family: 'Goldenbook_Bold';
	  src: url('../fonts/goldenbook_bold.ttf');  
}

@font-face {
	  font-family: 'Gotham_Light_Italic';
	  src: url('../fonts/gotham_light_italic.otf');  
} */

body, html { padding: 0; 
	         margin: 0; 
			 width: 100%;		 
} 

body { color: #636466; 
	   font-size: 15px; 
	   background-color: #1968b3;  
	   line-height: 32px; 
	   padding: 0; 
}

.top-menu-item { font-size: 13px; }


#sub-employment-2 { font-family: 'Gotham_Bold'; 
                    font-size: 20px; }


.tabel-academics { background-color: #1968b3; 
                   color: #ffcb08; 
				   border: 2px solid #ffcb08; 
				   border-collapse: collapse;
				   font-family: 'Gotham_Bold'; 
				   margin-top: 15px;
}

.tabel-academics tr { border: 2px solid #ffcb08; 
                      border-collapse: collapse;  
}

.tabel-academics td { border: 2px solid #ffcb08; 
                      border-collapse: collapse; 
					  text-align: center; 
}

#link-ke-lumut{ color: #fff; cursor: pointer; }
#link-ke-lumut:visited { color: #fff; }
#link-ke-lumut:hover { color: #fff; text-decoration: underline; }


a { text-decoration: none; }

ul { margin: 0; 
	 padding: 0; 
	 list-style: none;
}

ul li { margin: 0; 
        padding: 0; 
}

.ul-flush-left { list-style: disc; 
                 padding-left: 18px; 
}

.ol-flush-left { padding-left: 18px; }

textarea {
    resize: none;
}

label.error { color: red;  
              font-size: 10px; 
}

.content { width: 75%; 
           margin-left: auto; 
	       margin-right: auto;	
		   font-size: 20px;
		   color:  	; 
	       line-height: 32px;
		   font-family: sans-serif; 
}

.content p { margin-top: 0px; 
             margin-bottom: 34px;
} 

.p80 { width: 80%; }
.p35 { width: 45%; }

.col { display: inline-block; 
       margin-right: -4px; 
}

h1 { color:  	#0000FF; 
     font-weight: normal; 
	 font-family: sans-serif; 
	 font-size: 24px; 
	 margin-bottom: 30px;
} 

#container { background-color: #fff; }

#header .col-left { width: 25%;	
                    box-sizing: border-box; 
				    -webkit-box-sizing: border-box; 
					-moz-box-sizing: border-box; 
					-ms-box-sizing: border-box;	  
					min-width: 208px; 		
}

#header .col-right { width: 75%; 
                     box-sizing: border-box; 
				     -webkit-box-sizing: border-box; 
				     -moz-box-sizing: border-box; 
				     -ms-box-sizing: border-box;	
}

.menu-mobile { position: relative; 
               width: 100%; 
			   display: none; 
			   cursor: pointer;
}

.menu-mobile-bg.blue.open { width: 35px; 
                            height: 30px; 
						    position: absolute; 
						    top: 30px; 
						    right:0; 
						    background: url('../images/menu-mobile-blue-open.png'); 
						    background-repeat: no-repeat;
}

.menu-mobile-bg.blue.close { width: 35px; 
                             height: 30px; 
						     position: absolute; 
						     top: 30px; 
						     right:0; 
						     background: url('../images/menu-mobile-blue-close.png'); 
						     background-repeat: no-repeat; 
							 display: none;
}

.menu-mobile-bg.white.open { width: 35px; 
							 height: 30px; 
							 position: absolute; 
							 top: 30px; 
							 right:0; 
							 background: url('../images/menu-mobile-white-open.png'); 
							 background-repeat: no-repeat;
}

.menu-mobile-bg.white.close { width: 35px; 
							  height: 30px; 
							  position: absolute; 
							  top: 30px; 
							  right:0; 
							  background: url('../images/menu-mobile-white-close.png'); 
							  background-repeat: no-repeat;
							  display: none;
}

.top-menu { float: right; 
            font-family: 'Gotham_Book'; 
			margin-bottom: -5px; 
}

.slide { width: 100%; 
         position: relative;
}

.header-all { padding-top: 55px; 
              padding-bottom: 28px; 
		      height: 61px; 
			  font-size: 14px; 
			  box-sizing: content-box; 
			  -webkit-box-sizing: content-box; 
			  -moz-box-sizing: content-box; 
			  -ms-box-sizing: content-box;	
}

/* ------------------------- main menu ---------------------------*/
.header-all.pmain { background-color: #f6e465;
					/*background-image: url('../images/xfooterg.jpg');*/
					 }

/*#logo-main { background: url('../images/logo-main.png'); 
             background-repeat: no-repeat; 
		     width: 100%; 
			 min-height: 61px; 
}*/

.top-menu-main .top-menu-item { display: inline-block; 
                                margin-right: -4px; 
}

.top-menu-main .top-menu-item.active { color: #1968b3; }
.top-menu-main .top-menu-item a:link { color: #636466; }
.top-menu-main .top-menu-item a:visited { color: #636466; }
.top-menu-main .top-menu-item a:hover { color: #1968b3; }
.top-menu-main .top-menu-item .under-line { border-bottom: 1px solid #1968b3; 
								            width: 42px; 
								            text-align: center; 
								            margin-left: auto; 
								            margin-right: auto;
}
/* ------------------------- main menu -------------------------- */



/* ------------------------- employment menu ---------------------------*/
.header-all.pemployment { background-color: #fff; }

/*#logo-employment { background: url('../images/logo-main.png'); 
                   background-repeat: no-repeat; 
		           width: 100%; 
			       min-height: 61px; 
}*/

.top-menu-employment .top-menu-item { display: inline-block; 
                                      margin-right: -4px; 
}

.top-menu-employment .top-menu-item.active { color: #1968b3; }
.top-menu-employment .top-menu-item a:link { color: #636466; }
.top-menu-employment .top-menu-item a:visited { color: #636466; }
.top-menu-employment .top-menu-item a:hover { color: #1968b3; }
.top-menu-employment .top-menu-item .under-line { border-bottom: 1px solid #1968b3; 
								                  width: 42px; 
												  text-align: center; 
												  margin-left: auto; 
												  margin-right: auto;
}
/* ------------------------- employment menu -------------------------- */


/* ------------------------- community menu ---------------------------*/
.header-all.pcommunity { background-color: #1968b3; 
				        color: #fff; 
}

/*#logo-community { background: url('../images/logo-academics.png'); 
                  background-repeat: no-repeat; 
		          width: 100%; 
			      min-height: 61px; 
}*/

.top-menu-community .top-menu-item { display: inline-block; 
                                     margin-right: -4px; 
}

.top-menu-community .top-menu-item.active { color: #ffcb08; }
.top-menu-community .top-menu-item a:link { color: #fff; }
.top-menu-community .top-menu-item a:visited { color: #fff; }
.top-menu-community .top-menu-item a:hover { color: #ffcb08; }
.top-menu-community .top-menu-item .under-line { border-bottom: 1px solid #ffcb08; 
								                 width: 42px; 
								                 text-align: center; 
								                 margin-left: auto; 
								                 margin-right: auto;
}

#community-top-line-bg { background-color: #fff; 
					     height: 5px; 
					     width: 100%;
}
/* ------------------------- community menu -------------------------- */




/* ----------------------- about menu --------------------------- */
.header-all.paboutus { background-color: #333333; 
			           color: #fff;
} 

/*#logo-about { background: url('../images/logo-about.png'); 
              background-repeat: no-repeat; 
		      width: 100%; 
		      min-height: 61px;
}*/

.top-menu-about .top-menu-item { display: inline-block; 
                                 margin-right: -4px; 
}

.top-menu-about .top-menu-item.active { color: #ffcb08; }
.top-menu-about .top-menu-item a:link { color: #fff; }
.top-menu-about .top-menu-item a:visited { color: #fff; }
.top-menu-about .top-menu-item a:hover { color: #ffcb08; }
.top-menu-about .top-menu-item .under-line { border-bottom: 1px solid #ffcb08; 
								             width: 42px; 
								             text-align: center; 
								             margin-left: auto; 
								             margin-right: auto;
}

#about-top-line-bg { background: url('../images/top-line-bg.png'); 
					 background-repeat: repeat-x; 
					 height: 10px; 
					 margin-top: -5px; 
					 width: 100%;
}
/* ----------------------- about menu --------------------------- */


/* ----------------------- academics menu ----------------------- */
.header-all.pacademics { background-color: #1968b3; 
				        color: #fff;
}

/*#logo-academics { background: url('../images/logo-academics.png'); 
                  background-repeat: no-repeat; 
		          width: 100%; 
		          min-height: 61px;
}*/

.top-menu-academics .top-menu-item { display: inline-block; 
                                     margin-right: -4px; 
}

.top-menu-academics .top-menu-item.active { color: #ffcb08; }
.top-menu-academics .top-menu-item a:link { color: #fff; }
.top-menu-academics .top-menu-item a:visited { color: #fff; }
.top-menu-academics .top-menu-item a:hover { color: #ffcb08; }
.top-menu-academics .top-menu-item .under-line { border-bottom: 1px solid #ffcb08; 
								                 width: 42px; 
								                 text-align: center; 
								                 margin-left: auto; 
								                 margin-right: auto;
}

#academics-top-line-bg { background-color: #fff; 
					     height: 5px; 
					     width: 100%;
}
/* ----------------------- academics menu ----------------------- */


/* ----------------------- admissions menu ----------------------- */
.header-all.padmissions { background-color: #fff; }

/*#logo-admissions { background: url('../images/logo-main.png'); 
                   background-repeat: no-repeat; 
		           width: 100%; 
		           min-height: 61px;
}*/

.top-menu-admissions .top-menu-item { display: inline-block; 
                                      margin-right: -4px; 
}

.top-menu-admissions .top-menu-item.active { color: #1968b3; }
.top-menu-admissions .top-menu-item a:link { color: #636466; }
.top-menu-admissions .top-menu-item a:visited { color: #636466; }
.top-menu-admissions .top-menu-item a:hover { color: #1968b3; }
.top-menu-admissions .top-menu-item .under-line { border-bottom: 1px solid #1968b3; 
								                  width: 42px; 
								                  text-align: center; 
										          margin-left: auto; 
										          margin-right: auto;
}
/* ----------------------- admissions menu ----------------------- */


/* ----------------------- updates menu ----------------------- */
.header-all.pupdates { background-color: #ffcb08; 
				      color: #636466;
}

/*#logo-updates { background: url('../images/logo-updates.png'); 
                background-repeat: no-repeat; 
		        width: 100%; 
		        min-height: 61px;
}*/

.top-menu-updates .top-menu-item { display: inline-block; 
                                   margin-right: -4px; 
}

.top-menu-updates .top-menu-item.active { color: #1968b3; }
.top-menu-updates .top-menu-item a:link { color: #636466; }
.top-menu-updates .top-menu-item a:visited { color: #636466; }
.top-menu-updates .top-menu-item a:hover { color: #1968b3; }
.top-menu-updates .top-menu-item .under-line { border-bottom: 1px solid #1968b3; 
								               width: 42px; 
								               text-align: center; 
								               margin-left: auto; 
									           margin-right: auto;
}
#updates-top-line-bg { background: url('../images/top-line2-bg.png'); 
					   background-repeat: repeat-x; 
					   height: 10px; 
					   margin-top: -5px; 
					   width: 100%;
}
/* ----------------------- admissions menu ----------------------- */




/* ------------------------------------------------- main content ----------------------------------------------------------- */
#main-slide-master { background: url('../images/x0Home.jpeg'); /*background: url('../images/main-slide-master.jpg');*/
					 background-size: cover; 
		             background-position: center;
					 width: 100%; 
					 padding-bottom: 840px; 
					 height: 39%;
					 background-repeat: no-repeat;  
					 position: relative;  
}

#main-slide-master11{

	width: 100%; 
	padding-bottom: 27%; 
	height: 39%;
	background-repeat: no-repeat;  
	position: relative;  
}

#main-slide-roller { background-color: #fff; 
                     display: none;
}
#roller { position: absolute; 
          width: 100%; 
		  height: 100%;
		  overflow: hidden; 
		  z-index: 999999;
}

#nav-arrow-right.disable { opacity: 0.3;
                           filter: alpha(opacity=40); /* For IE8 and earlier */ 
}
#nav-arrow-left.disable { opacity: 0.3;
                           filter: alpha(opacity=40); /* For IE8 and earlier */ 
}


#roller .col3 { width: 100%; }

#roller .col-all { width: 100%; }
#roller .col-left { width: 62%; }
#roller .col-right { width: 38%; }


#roller .col-full { width: 100%; 
                    background: url('../images/roller/roller-img-2.jpg'); 
					background-repeat: no-repeat; 
					background-position: right bottom;
					background-size: cover; }

#main-slide-roller-inner { height: 100%; 
						   position: relative;
}

#btnCloseRoller { font-family: 'Gotham_Black'; 
                  font-size: 50px; 
				  color: #b2b2b2; 
				  float: right; 
				  margin-right: -57px; 
				  margin-top: 2%; 
				  cursor: pointer;
}

.cslide-prev-next { display: none; }
.cslide-prev.cslide-disabled { display: none; }
.cslide-next.cslide-disabled { display: none; }

.cslide-prev-next { position: absolute; 
                    width: 100%; 
}

#nav-close { position: absolute; 
             width: 100%; 
}

.cslide-prev { float: left; 
			   width:40px; 
			   margin-left: -63px; 
			   height: 118px; 
               background: url('../images/arrow-left.png'); 
			   background-repeat: no-repeat; 
			   cursor: pointer;
}

.cslide-next { float: right; 
			   width:40px; 
			   margin-right: -63px;
			   height: 118px; 
               background: url('../images/arrow-right.png'); 
			   background-repeat: no-repeat;
		       cursor: pointer;
}

.roller-title { font-family: 'Gotham_Bold'; 
                font-size: 33px; 
				color: #1968b3; 
				line-height: 38px;  
}

.roller-content p { margin-top: 34px; 
                    margin-bottom: 34px;
}

.content.main { padding-top: 70px; 
                padding-bottom: 50px; 
}

.content.main .col { vertical-align: top; } 

.content.main .col-left { width: 50%; 
						  box-sizing: border-box; 
						  -webkit-box-sizing: border-box; 
						  -moz-box-sizing: border-box; 
						  -ms-box-sizing: border-box;	
}

.content.main .col-right { width: 50%; 
						   color: #fff; 
}

#schedules { background-color: #ffec51; 
             min-height: 300px; 
		     width: 80%; 
			 float:right; 
			 box-sizing: border-box; 
			 -webkit-box-sizing: border-box; 
			 -moz-box-sizing: border-box; 
			 -ms-box-sizing: border-box;	
			 padding: 15px; 
			 padding-top: 35px; /* tambahan setelah di geser */ 
}

#schedules-nav li { border-bottom: 1.5px solid #fff; 
                    padding-left: 13px; 
					line-height:35px; 
					padding-bottom: 16px; /*12px;*/ 
					padding-top: 16px; /*12px;*/
}

#schedules-nav li:last-child { border-bottom: 0; }

#schedules-bg { padding-left: 2%; }

.schedules-date { font-family: 'Calibri'; 
                  font-size: 30px; 
}

.schedules-content { font-family: 'Calibri'; 
		             font-size: 20px; 
}

#slide-utama-title { text-align: center; 
                     font-family:'Gotham_Bold'; 
					 font-size: 47px; 
					 color: #fff; 
					 text-shadow: 1px 3px 6px #F5E2E2; top: 100px;
}

#slide-utama-find-us { text-align: center; 
                       top: 10px; 
					   font-family:'Gotham_Book'; 
					   position: relative; 
					   width:430px; 
					   margin-left: auto; 
					   margin-right: auto; 
					   cursor: pointer;
}

#slide-utama-find-us img { max-width: 100%; 
						   height: auto;
}

#slide-utama-find-us-text { position: absolute; 
                            top:10px; 
							left:0; 
							right:0; 
							margin: auto; 
							margin-right: 30px;
}

#slide-utama-video { text-align: center;  
					 color: #fff; 
					 font-family:'Gotham_Bold'; 
					 font-size: 23px; 
					 margin-left: auto; 
					 margin-right: auto; 
					 cursor: pointer; 
					 width: 146px;
					 position: absolute;  
					 bottom: 5%; 
					 left:0; 
					 right:0;
}

#slide-utama-video-text { position: absolute; 
                          left:0; 
						  right:0; 
						  margin: auto; 
						  top: 40px; 
						  line-height:24px; 
						  text-shadow: 1px 3px 6px #666;
}

#main-slide-master-inner { display: table; 
                           height: 100%;
						   width: 100%; 
}

#main-slide-master-inner-front { display: table-cell; 
								 vertical-align: middle;
								 padding-top: 2%;
}

#main-slide-master-inner-video { display: table-cell; 
								 vertical-align: middle; 
								 display: none; 
								 height: 100%; 
								 top: 20%;
}

#btnCloseVideo { position: absolute; 
                 /*top: 10px;*/ top: -10px; 
				 /*right: 10px;*/ right: -20px; 
				 color: #1968b3; 
				 font-size: 36px; 
				 font-family: 'Gotham_Black'; 
				 cursor: pointer; 
				 z-index: 9999999;
}

#white-box-video { display: table; 
                   position:relative; 
				   height: auto;
				   width: 55%;  
				   margin-left: auto; 
				   margin-right: auto; 
				   text-align: center;  
				   padding-top: 10px;
}

#container-video { width: 100%; 
                   margin-left: auto; 
				   margin-right: auto;
}

.js-video { height: 0; 
		    padding-bottom: 56%;
		    margin-bottom: 10px;
		    position: relative;
		    overflow: hidden; top: 0px; 
}
	
/*.js-video.vimeo { padding-top: 0; }*/
.js-video.widescreen { padding-bottom: 56%; }

.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0;
																	   left: 0;
																	   width: 100%;
																	   height: 100%;
																	   position: absolute; 
																	   margin: auto; 
																	   right: 0; 
}
/* ------------------------------------------------- main content ----------------------------------------------------------- */




/* ------------------------------------------------- about content ----------------------------------------------------------- */
#about-slide-master {  /*background: url('../images/about-slide-master.jpg'); */
		              background-size: cover; 
		             background-position: center;
					 width: 100%; 
					 padding-bottom: 2%; 
					 height: 39%;
					 background-repeat: no-repeat;  
					 position: relative; 

					/* background: url('../images/slide-1.jpg'); 
					 background-size: cover; 
		             background-position: center;
					 width: 100%; 
					 padding-bottom: 39%; 
					 height: 39%;
					 background-repeat: no-repeat;  
					 position: relative;  */
}

.about { padding-top: 100px; 
         padding-bottom: 50px; 
         margin-top: 0px;
}

#history { margin-bottom: 64px; }
/*#history .title { margin-bottom: 70px; }*/

#mission { margin-bottom: 60px; }

#facilities { margin-bottom: 60px; }

.facilities-subtitle { font-size: 18px; 
                       font-family: 'Gotham_Medium'; 
}

.mission-subtitle { font-size: 18px; 
                    font-family: 'Gotham_Medium'; 
}

/*#facilities .title { margin-bottom: 65px; }*/
/*#facilities-img { margin-bottom: 45px; }*/
/*#facilities-img .col.col-left { width: 50%; 
                                text-align:center; 
}
#facilities-img .col.col-right { width: 50%; 
                                text-align:center; 
}
#facilities .subtitle { color: #636466; 
                        font-family: 'Gotham_Medium'; 
					    font-size: 18px; 
					    margin-bottom: 35px; 
}*/

/*#team .title { margin-top: 60px; 
               margin-bottom: 10px;
}*/
#team h1 { color: #424242; 
           font-weight: normal;
		   font-family: 'Gotham_Bold'; 
		   font-size: 24px; 
		   margin-bottom: 6px; 
		   margin-top: 60px;
}

#sub-employment-2 { font-family: 'Gotham_Bold'; 
                    font-size: 18px; }

/*#community-desc h1 { color: #424242; 
				     font-weight: normal;
				     font-family: 'Gotham_Bold'; 
				     font-size: 24px; 
				     margin-bottom: 6px; 
				     margin-top: 60px;
}*/

#staff { margin-top: 70px; }

.staff-people .col { vertical-align: top; }

.staff-people .col.col-left { width: 30%;  
                              text-align:center;  
							  box-sizing: border-box; 
							  -webkit-box-sizing: border-box; 
							  -moz-box-sizing: border-box; 
							  -ms-box-sizing: border-box;	 
}

.staff-people .col.col-middle { width: 40%; 
                                vertical-align: top; 
								text-align:center;  
								box-sizing: border-box; 
								-webkit-box-sizing: border-box; 
								-moz-box-sizing: border-box; 
								-ms-box-sizing: border-box;	
								padding-left: 5%; 
								padding-right: 5%;
}

.staff-people .col.col-right { width: 30%; 
                               vertical-align: top; 
							   text-align:center; 
							   box-sizing: border-box; 
							   -webkit-box-sizing: border-box; 
							   -moz-box-sizing: border-box; 
							   -ms-box-sizing: border-box;	
}
							  
.staff-title { font-family: 'Gotham_Bold'; 
			   font-size: 14px; 
			   color: #424242; 
			   line-height: 18px;
			   height: 80px; 
			   width: 100%; 
			   display: table;
}
 
.staff-title-inner { display: table-cell; 
                     vertical-align: middle; 
					 text-align: center;
}

.staff-desc { text-align: left; }

.staff-img img { width: 90%; 
                 height: auto; 
			     max-width: 260px; 
				 min-width: 150px;
				 
}
/* ------------------------------------------------- about content ----------------------------------------------------------- */




/* ---------------------------------------------- academics content ---------------------------------------------------------- */

#academics-slide-master { background: url('../images/slide.php?var=3'); /*background: url('../images/academics-slide-master.jpg');*/ 
		                  background-size: cover; 
		                  background-position: center;
					      width: 100%; 
					      padding-bottom: 39%; 
					      background-repeat: no-repeat; 
}

.academics  { padding-top: 70px;
              padding-bottom: 50px;  
}

#accreditation { margin-bottom: 55px; }
#organization { margin-bottom: 90px; }
#organization h1 { padding-top: 22px; 
                   margin-bottom: 40px; 
}

#program-1 { margin-bottom: 50px; }
#program-1 .col { vertical-align: top; }
#program-1 .col.col-left { width: 30%;  
                           text-align:center;  
						   box-sizing: border-box; 
						   -webkit-box-sizing: border-box; 
						   -moz-box-sizing: border-box; 
						   -ms-box-sizing: border-box;	
}
#program-1 .col.col-middle { width: 40%; 
                             vertical-align: top; 
						     text-align:center;  
							 box-sizing: border-box; 
							 -webkit-box-sizing: border-box; 
							 -moz-box-sizing: border-box; 
							 -ms-box-sizing: border-box;	
							 padding-left: 5%; 
							 padding-right: 5%;
}
#program-1 .col.col-right { width: 30%; 
                            vertical-align: top; 
							text-align:center; 
							box-sizing: border-box; 
						    -webkit-box-sizing: border-box; 
						    -moz-box-sizing: border-box; 
						    -ms-box-sizing: border-box;	
}
#program-1 .program-title { font-family: 'Goldenbook_Bold'; 
							font-size: 49px; 
							color: #424242; 
							margin-top: 18px; 
							margin-bottom: 26px;
}
#program-1 .program-desc { text-align: left; }
#program-1 .program-img img { width: 90% ; 
                              height: auto; 
							  max-width: 217px; 
							  min-width: 120px;  
}

.program-detail h1 { margin-top: 40px; }

/*#program-2 .program-title { color: #424242; 
                            font-family: 'Gotham_Bold'; 
			                font-size: 24px;
							margin-top: 40px; 
							margin-bottom: 25px;
}*/

.program-desc .program-subtitle { font-family: 'Gotham_Medium'; 
			                      font-size: 18px;  
}

/* ---------------------------------------------- academics content ---------------------------------------------------------- */



/* ---------------------------------------------- admissions content ---------------------------------------------------------- */
#admissions-slide-master { background: url('../images/slide.php?var=4'); /*background: url('../images/admissions-slide-master.jpg');*/ 
		                   background-size: cover; 
		                   background-position: center;
					       width: 100%; 
					       padding-bottom: 44.6%; 
						   background-repeat: no-repeat; 
}

.content.admissions  { padding-top: 10px;
                       padding-bottom: 50px;  
                       margin-left: 15px;
}

#pembuka { margin-bottom: 44px; }

#age { margin-bottom: 70px; }

.admissions .strong { font-family:'Gotham_Medium' }
.admissions .italic { font-style:italic; }

#enrollment { margin-bottom: 100px; }
#enrollment-table { margin-top: 7px; 
                    margin-bottom: 20px; }
#enrollment-table tr { line-height: 30px; }
#enrollment-table th { text-align: left; 
                       font-weight:100;
					   font-family:'Gotham_Medium';
}
#enrollment-table td { vertical-align: top; }

#application .title { margin-bottom: 40px; }

a.download { color: #636466; 
             text-decoration: underline; 
			 font-weight: 100; 
			 font-family: 'Gotham_Medium';
}
a.download:link { color: #636466; }
a.download:visited { color: #636466; }
a.download:hover { color: #1968b3; }


a.download1 { color: #fff; 
              text-decoration: none; 
			  /*font-weight: 100; 
			  font-family: 'Gotham_Medium';*/
}
a.download1:link { color: #fff; }
a.download1:visited { color: #fff; }
a.download1:hover { color: #fff; }

/*#tuition-fee .subtitle { color: #424242; 
                         font-family: 'Gotham_Bold'; 
			             font-size: 24px; 
			             margin-bottom: 6px;  
}*/
/* ---------------------------------------------- admissions content ---------------------------------------------------------- */



/* ---------------------------------------------- updates content ------------------------------------------------------------- */
#updates-slide-master { background: url('../images/slide.php?var=5'); /*background: url('../images/updates-slide-master.jpg');*/
		                background-size: cover; 
		                background-position: center;
					    width: 100%; 
					    padding-bottom: 45%; 
					    background-repeat: no-repeat; 
}

.content.updates  { padding-top: 70px; 
                    padding-bottom: 80px;  
}

#updates-table { margin-top: 70px; }

#updates-table .col { vertical-align: top; }

#updates-table .col.col-left { width: 45%; }

#updates-table .col.col-middle { width: 10%; }

#updates-table .col.col-right { width: 45%; }

.updates-title { font-family: 'Gotham_Medium'; 
			     font-size: 15px;
				 margin-bottom: 30px;  
}

.updates-break { border-top: 1px solid #636466; 
                 width: 100%; 
				 margin-top: 20px; 
				 margin-bottom: 20px; 
}

.updates-break-group { border-top: 1px solid #636466; 
					   width: 100%; 
					   margin-top: 20px; 
					   margin-bottom: 20px;
					   display: none; 
}

.updates-img img { margin-right: 20px; 
                   margin-bottom: 3px; 
				   /*width: 100%;*/ 
				   height: auto; 
				   /*max-width: 320px;*/ 
				   float: left 
}

.updates-img { display:inline-block; 
               width: 30%; 
			   margin-right: -4px; 
			   vertical-align: top; 
}

.updates-desc { display:inline-block; 
                width: 70%; 
				margin-right: -4px; 
				vertical-align: top; 
				margin-top: -8px; 
}

.updates-desc2 { width: 100%;
				 margin-top: -8px; 
}


/* ---------------------------------------------- updates content ------------------------------------------------------------- */


/* ---------------------------------------------- community content ---------------------------------------------------------- */
#community-slide-master { background: url('../images/slide.php?var=6'); /*background: url('../images/community-slide-master.jpg');*/ 
		                  background-size: cover; 
		                  background-position: center;
					      width: 100%; 
					      padding-bottom: 44.6%; 
						  background-repeat: no-repeat; 
}

.community  { padding-top: 10px;
              padding-bottom: 50px;  
}

.community-desc h1 { color: #424242; 
				     font-weight: normal;
				     font-family: 'Gotham_Bold'; 
				     font-size: 24px; 
				     margin-bottom: 6px; 
}

.community-desc, .community-img { margin-bottom: 30px; }


/* ---------------------------------------------- community content ---------------------------------------------------------- */



/* ---------------------------------------------- employment content ---------------------------------------------------------- */
#employment-slide-master { background: url('../images/slide.php?var=7'); /*background: url('../images/employment-slide-master.jpg');*/ 
		                   background-size: cover; 
		                   background-position: center;
					       width: 100%; 
					       padding-bottom: 40%; 
						   background-repeat: no-repeat; 
}

.content.employment  { padding-top: 10px;
                       padding-bottom: 50px;  
                       margin-left: 15px;
}
/* ---------------------------------------------- employment content ---------------------------------------------------------- */









 



/* --------------------------------------------------- footer ----------------------------------------------------------------- */

#part-sending { text-align: center; 
                margin-top: 80px; 
				display: none; 
}

#part-result { display: none; 
               text-align: center; 
			   font-size: 30px; 
			   margin-top: 40px;
}

#part-contact { line-height: 20px; }

#footer { background-image: url(../images/xfooterg.jpg);
          min-height: 200px; 
		  color: #000;
		  font-family: 'Gotham_Book'; 
}

#footer-content { padding-top: 52px; 
                  padding-bottom: 45px; 
}

#footer-content .col-left { width: 62%;	
                            box-sizing: border-box; 
						    -webkit-box-sizing: border-box; 
						    -moz-box-sizing: border-box; 
						    -ms-box-sizing: border-box;			
}

#footer-content .col { vertical-align: top;  }

#footer-content .col-right { width: 38%; 
                             box-sizing: border-box; 
						  	 -webkit-box-sizing: border-box; 
						     -moz-box-sizing: border-box; 
						     -ms-box-sizing: border-box;	
					         font-family: 'Gotham_Light'; 
					         font-size: 16px; 
							 padding-top: 20px; 
}

#footer-address { background-image: url('../images/footer-img-address.png'); 
                  background-repeat: no-repeat; 
				  padding-left: 30px; 
				  margin-top: 10px; 
				  line-height: 20px; 	  
}

#footer-phone { background-image: url('../images/footer-img-phone.png'); 
                background-repeat: no-repeat; 
				padding-left: 30px; 
				padding-top: 3px; 
				margin-right: 6px; 
}

#footer-email { background-image: url('../images/footer-img-email.png'); 
                background-repeat: no-repeat; 
				padding-left: 30px; 
				padding-top: 0px;
				margin-right: 6px; 
}

#footer-fax { background-image: url('../images/footer-img-fax.png'); 
              background-repeat: no-repeat; 
			  padding-left: 30px; 
			  padding-top: 3px;  
}

#footer-rss { line-height: 19px; 
              background-image: url('../images/footer-img-rss.png'); 
			  background-repeat: no-repeat; 
			  padding-left: 45px; 
			  margin-bottom: 18px; 
			  margin-top: 15px; 
}

#footer-like { background-image: url('../images/footer-img-like.png'); 
			   background-repeat: no-repeat; 
			   padding-left: 31px; 
			   cursor: pointer;  
}
.footer-like-bold { font-size: 16px; 
                    font-family: 'Gotham_Bold'; 
}

#footer-ig { /*line-height: 19px; */
             background-image: url('../images/footer-img-ig.png');
			 background-repeat: no-repeat; 
			 padding-left: 31px;  
			 cursor: pointer;
}

#form-contact { margin-top: 7px; }
#form-contact .field { margin-bottom: 10px; }
#form-contact .field input.textbox { width: 100%; 
                                     height: 26px; 
									 border: none; 
									 padding-left: 5px;
									 background-color: #fff;
}
#form-contact .field textarea.textbox { width: 100%; 
									    border: none; 
									    padding-left: 5px;
									    background-color: #fff;
}

::-webkit-input-placeholder { color: #636466; font-size: 12px; font-family: 'Gotham_Light_Italic'; } /* for chrome */
:-moz-placeholder { color: #636466; font-size: 12px; font-family: 'Gotham_Light_Italic'; } /* Firefox 18- */
::-moz-placeholder { color: #000; font-size: 12px; font-family: 'Gotham_Light_Italic'; } /* Firefox 19+ */
:-ms-input-placeholder {color: #636466; font-size: 12px; font-family: 'Gotham_Light_Italic'; }

.button { float: right; 
          border: none; 
		  padding: 3px 22px; 
		  font-size: 14px; 
          font-family: 'Gotham_Light'; 
		  background-color: #fff; 
		  box-shadow: 0px 2px 4px #000; 
		  cursor: pointer;
}

#footer-end { padding-top: 45px; }

.copyright.left { float: left; 
                  font-size: 12px; 
				  font-family: 'Gotham_Light_Italic'; 
}

.copyright.right { float: right; 
                   font-size: 12px; 
				   font-family: 'Gotham_Light'; 
}
/* --------------------------------------------------- footer ----------------------------------------------------------------- */


p.left img { float: left; 
             margin-right: 23px;
			 height: auto; 
			 max-width: 260px; 
			 min-width: 150px;
			 width: 27%;
}

p.right img { float: right; 
              margin-left: 23px; 
			  height: auto; 
			  max-width: 260px; 
			  min-width: 150px;
			  width: 27%;
}

/* tidak usah */
img.bullet.left { float: left; 
                  margin-right: 23px; 
}
img.bullet.right { float: right; 
		           margin-left: 23px;
}
img.bullet { height: auto; 
			 max-width: 260px; 
			 min-width: 150px;
}
img.bullet.width27 { width: 27%; }




img.bullet.width54 { width: 54%; }
img.bullet.width90 { width: 90%; }

ul.menu-mobile-dropdown { font-family: 'Gotham_Book'; 
                          font-size: 16px; 
						  width: 100%;   
						  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.2); 
						  display: none;
}
ul.menu-mobile-dropdown.blue { color: #fff; 
							   background-color: #1968b3;
}
ul.menu-mobile-dropdown.black { color: #fff; 
							    background-color: #515151;   
}
ul.menu-mobile-dropdown.yellow { color: #1968b3; 
							     background-color: #ffcb08;   
}

ul.menu-mobile-dropdown li { padding-bottom: 5px; }
ul.menu-mobile-dropdown li:first-child { padding-top: 7px; }

ul.menu-mobile-dropdown li a { display: block; }


ul.menu-mobile-dropdown.blue li div.active { color: #fff; background-color: #1d5e9b; }
ul.menu-mobile-dropdown.blue li a:link { color: #fff; } 
ul.menu-mobile-dropdown.blue li a:visited { color: #fff; }
ul.menu-mobile-dropdown.blue li a:hover { background-color: #1d5e9b; }

ul.menu-mobile-dropdown.black li div.active { color: #fff; background-color: #5c5c5c; }
ul.menu-mobile-dropdown.black li a:link { color: #fff; } 
ul.menu-mobile-dropdown.black li a:visited { color: #fff; }
ul.menu-mobile-dropdown.black li a:hover { background-color: #5c5c5c; }

ul.menu-mobile-dropdown.yellow li div.active { color: #1968b3; background-color: #ffd435; }
ul.menu-mobile-dropdown.yellow li a:link { color: #1968b3; } 
ul.menu-mobile-dropdown.yellow li a:visited { color: #1968b3; }
ul.menu-mobile-dropdown.yellow li a:hover { background-color: #ffd435; }

.scrollToTop { width:65px; 
			   height:auto; 
			   position:fixed;
			   right:0px; 
			   display: none; 
			   cursor: pointer;
			   /*background: url('arrow_up.png') no-repeat 0px 20px;*/
}

.scrollToTop:hover { text-decoration:none; }

.cslide1 { background: url('../images/roller/roller-img-1.png'); 
           background-repeat: no-repeat; 
		   background-position: center right; 
		   background-size: 43% auto; 
}

.cslide3 { background: url('../images/roller/roller-img-3.png'); 
           background-repeat: no-repeat; 
		   background-position: center right; 
		   background-size: 43% auto; 
}


@media screen and (max-width : 1360px)
{
	.img-logo-main { height: auto; 
	                 width: 90%; 
	}
	
	.roller-title { font-size: 22px /*30px*/; 
				    line-height: 26px /*33px*/;  
				    /*text-shadow: 1px 2px 5px #666;*/
	}
	
	
}

@media screen and (max-width : 1280px)
{
	
	
	.roller-title { font-size: 22px /*30px*/; 
				    line-height: 26px /*33px*/;  
				    /*text-shadow: 1px 2px 5px #666;*/
	}
	
	/*#footer-content .col-left { width: 60%;			
								margin-bottom: 50px;
	}
	#footer-content .col-middle { width: 40%; }
	#footer-content .col-right { width: 100%; }*/
}

@media screen and (max-width : 1150px)
{   
	

	ul.top-menu { display: none; }
	.header-all { padding-top: 16px; 
	              padding-bottom: 18px; 
	}
	.menu-mobile { display: block; }
	#about-top-line-bg { display: none; }
	#updates-top-line-bg { display: none; }
}

@media screen and (max-width : 1100px)
{   
	
	
	
	.roller-title { font-size: 22px /*30px*/; 
				    line-height: 26px /*33px*/;  
				    /*text-shadow: 1px 2px 5px #666;*/
	}
	.roller-content p { margin-top: 14px; 
                        margin-bottom: 14px; 
						line-height: 25px; /*line-height: 30px;*/
	}
	/*#footer-content .col-left { width: 60%;			
								margin-bottom: 50px;
	}
	#footer-content .col-middle { width: 40%; }
	#footer-content .col-right { width: 100%; }*/
	#program-2 .program-desc { margin-bottom: 60px; }
	#program-2 .program-title { font-size: 18px; 
								margin-bottom: 12px; 
								line-height: 22px;
								height: 72px; 
	}
	#program-1 .program-title { font-family: 'Goldenbook_Bold'; 
							    font-size: 39px;  
							    margin-top: 18px; /*18px;*/ 
							    margin-bottom: 26px; /*26px;*/
	}
	#schedules { width: 90%; }
	.cslide-prev { margin-left: -45px; }
	.cslide-next { margin-right: -45px; }
	#btnCloseRoller { margin-right: -39px; 
	                  font-size: 38px; 
	}
	#roller .col-left { width: 65%; }
	#roller .col-right { width: 35%; }
	
	
	.col.col-all .col.col-right img { margin-top: 50px; } 
	.col.col3 .col.col-right img { margin-top: 50px; } 
	.col.col4 .col.col-right img { margin-top: 15px; } 
	
	
}

@media screen and (max-width: 900px)
{   
	/*p.left img {  float: none }*/
 	/* Force table to not be like tables anymore */
	/*#enrollment-table { font-size: 12px; }*/
		
	#footer-content .col-left { width: 100%; 
	                            margin-bottom: 40px; 
	}
	#footer-content .col-right { width: 100%; }
	
	.content { width: 80%; }
	
	ul.top-menu { display: none; }
	.header-all { padding-top: 16px; 
	              padding-bottom: 18px; 
	}
	.menu-mobile { display: block; }
	#about-top-line-bg { display: none; }
	#updates-top-line-bg { display: none; }
	
	
	.content.main .col-left { width: 100%; }
	.content.main .col-right { width: 100%; }
	#schedules { width: 100%; 
	             float: left; 
				 margin-bottom: 20px; 
	}
	
	#roller .col-left { width: 65%; }
	#roller .col-right { width: 35%; }
	
	.roller-title { font-size: 21px /*30px*/; 
				    line-height: 26px /*33px*/;  
				    /*text-shadow: 1px 2px 5px #666;*/
	}
	
	.roller-content p { margin-top: 14px; 
                        margin-bottom: 14px; 
						line-height: 25px;
	}
	
	#main-slide-master { background: url('../images/x0Home.jpeg'); /*background: url('../images/main-slide-master.jpg');*/
						 background-size: cover; 
		                 background-position: center;
					     width: 100%; 
						 padding-bottom: 56%; 
						 background-repeat: no-repeat;  
	}
	#about-slide-master { background: url('');
		                  background-size: cover; 
		                  background-position: center;
					      width: 100%; 
					      padding-bottom: 2%;
						  background-repeat: no-repeat; 
	}
	#academics-slide-master { background: url('../images/slide.php?var=3');
		                      background-size: cover; 
		                      background-position: center;
					          width: 100%; 
					          padding-bottom: 56%;
						      background-repeat: no-repeat; 
	}
	#admissions-slide-master { background: url('../images/slide.php?var=4');
		                       background-size: cover; 
		                       background-position: center;
					           width: 100%; 
					           padding-bottom: 56%;
						       background-repeat: no-repeat; 
	}
	#updates-slide-master { background: url('../images/slide.php?var=5');
		                    background-size: cover; 
		                    background-position: center;
					        width: 100%; 
					        padding-bottom: 56%; 
					        background-repeat: no-repeat; 
	}	
	#community-slide-master { background: url('../images/slide.php?var=6');
		                      background-size: cover; 
		                      background-position: center;
					          width: 100%; 
					          padding-bottom: 56%; 
					          background-repeat: no-repeat; 
	}	
	#employment-slide-master { background: url('../images/slide.php?var=7');
		                       background-size: cover; 
		                       background-position: center;
					           width: 100%; 
					           padding-bottom: 40%; 
					           background-repeat: no-repeat; 
	}	
}

@media screen and (max-width : 768px)
{
	
	.updates-img { display: block; 
	               width: 100%; 
	}
	.updates-img img { max-width: 280px; }
	.updates-desc { display: block; 
	                width: 100%; 
					margin-top: 15px; 
	}
	
	.tabel-academics { font-size: 13px; }
	.updates-img img { float: none; }
	.content { width: 85%; }
	.roller-title { font-size: 21px; 
				    line-height: 26px;  
				    /*text-shadow: 1px 2px 5px #666;*/
	}
	.roller-content p { margin-top: 12px; 
                        margin-bottom: 12px; 
						line-height: 24px;
	}
	
	#roller .col-all { width: 100%; }
	#roller .col-full { background: none; } 
	.roller-content p.p80, .roller-content p.p35  { width: 100% };
	#roller .col-right { display: none; 
	                     width: 0%; 
	}
	#roller .col-right img { display: none; }
	#roller .col-left { width: 100%; 
	                    display: block; 
	}
	
	.cslide1, .cslide3 { background-image: none; }
	
	.cslide-prev { background-image: url('../images/arrow-left-middle.png'); 
	               height: 91px; 
				   width: 31px; 
				   margin-left: -35px; 
					 
	}
	.cslide-next { background-image: url('../images/arrow-right-middle.png'); 
	               height: 91px; 
				   width: 31px; 
				   margin-right: -35px; 
					 
	}
	#btnCloseRoller { margin-right: -26px; 
	                  font-size: 33px; 
	}
	body { font-size: 14px; }
	.content { font-size: 14px; 
	           line-height: 30px; 
	}
	.content p { margin-bottom: 30px; }
	/*.title { font-size: 42px; }*/
	.facilities-subtitle { font-size: 17px; }
	.mission-subtitle { font-size: 17px; }
	
	h1 { font-size: 20px; }
	.program-desc .program-subtitle { font-size: 15px; }
	#team h1 { margin-top: 35px; font-size: 21px; }
	.community-desc h1 { font-size: 21px; }
	#sub-employment-2 { font-family: 'Gotham_Bold'; 
                        font-size: 16px; }

	.staff-title { font-size: 12px; 
	               line-height: 16px; 
				   height: 74px; 
	}
	.footer-like-bold { font-size: 15px; } 
	#footer-content .col-right { font-size: 16px; }
	.copyright.left { display: block; 
	                  width: 100%; 
					  text-align: center;
					  font-size: 10px; 
	}
	.copyright.right { display: block; 
					   width: 100%; 
					   text-align: center;
					   font-size: 10px;  
	}
	
	.updates-img img { float: none; }
	
	/*#footer-content .col-left { width: 100%;			
								margin-bottom: 40px;
	}
	#footer-content .col-middle { width: 100%;
								  margin-bottom: 60px;
    }
	#footer-content .col-right { width: 100%; } */
	
	.content.main, .about, .academics, .content.admissions, .content.updates, .community, .content.employment { padding-top: 50px; 
	                                                                                                            padding-bottom: 50px; 
	}
	#history .title { margin-bottom: 0.7em; }
	/*#updates-table .col.col-left { width: 100%; }
	#updates-table .col.col-middle { width: 0%; }
	#updates-table .col.col-right { width: 100%; }
	.updates-break-group { display: block; }*/
	.updates-title { font-size: 14px; }
	#main-slide-master { background: url('../images/x0Home.jpeg'); /*background: url('../images/main-slide-master.jpg');*/
		                 background-size: cover; 
		                 background-position: center;
					     width: 100%; 
						 padding-bottom: 56%; 
						 background-repeat: no-repeat;  
	}
	#about-slide-master { background: url(''); 
		                  background-size: cover; 
		                  background-position: center;
					      width: 100%; 
					      padding-bottom: 2%;
						  background-repeat: no-repeat; 
	}
	#academics-slide-master { background: url('');
		                      background-size: cover; 
		                      background-position: center;
					          width: 100%; 
					          padding-bottom: 56%;
						      background-repeat: no-repeat; 
	}
	#admissions-slide-master { background: url('');
		                       background-size: cover; 
		                       background-position: center;
					           width: 100%; 
					           padding-bottom: 56%;
						       background-repeat: no-repeat; 
	}
	#updates-slide-master { background: url('');
		                    background-size: cover; 
		                    background-position: center;
					        width: 100%; 
					        padding-bottom: 56%; 
					        background-repeat: no-repeat; 
	}
	#community-slide-master { background: url('');
		                      background-size: cover; 
		                      background-position: center;
					          width: 100%; 
					          padding-bottom: 56%; 
					          background-repeat: no-repeat; 
	}
	#employment-slide-master { background: url('');
		                       background-size: cover; 
		                       background-position: center;
					           width: 100%; 
					           padding-bottom: 40%; 
					           background-repeat: no-repeat; 
	}
	#program-1 .program-title { font-size: 35px;
                                margin-top: 15px;
                                margin-bottom: 20px; 
	}
	#program-2 .program-title { font-size: 16px; 
	                            line-height: 20px; 
								margin-bottom: 10px;
								height: 70px;
	}
	#main-slide-master-inner-front { padding-top: 5%; }
	#slide-utama-title { font-size: 33px; 
					     text-shadow: 1px 3px 6px #666;
	}
	#slide-utama-find-us { width:340px;  
						   font-size: 12px;
	}
	#slide-utama-find-us-text { top:4px; 
								margin-right: 26px;
	}
	#slide-utama-video { font-size: 20px; 
					     width: 120px;
	}
	#slide-utama-video-text { line-height: 18px;
						      top: 37px;
	}
	/*.download { font-size: 18px; }*/
	/*#tuition-fee .subtitle { font-size: 20px; }*/
	#enrollment-table { font-size: 13px; }
	/*#main-slide-master-video*/ #white-box-video { width: 70%; }
	#btnCloseVideo { top: -10px; 
					 right: -20px;
	}

@media screen and (max-width : 620px)
{
	
	/*#organization .title { line-height: 30px; 
	                       padding-top: 10px;
	} */
	
	.roller-content p { margin-top: 8px; 
                        margin-bottom: 8px; 
						line-height: 20px;
	}
	.roller-title { font-size: 18px; 
				    line-height: 20px;  
				    /*text-shadow: 1px 2px 5px #666;*/
	}
}


@media screen and (max-width : 550px)
{
	
	.tabel-academics { font-size: 11.5px; }
	h1 { font-size: 17px; }
	.cslide-prev { background-image: url('../images/arrow-left-small.png'); 
	               height: 58px; 
				   width: 20px; 
				   margin-left: -22px; 
	}
	.cslide-next { background-image: url('../images/arrow-right-small.png'); 
	               height: 58px; 
				   width: 20px; 
				   margin-right: -22px; 
	}
	#btnCloseRoller { margin-right: -22px; 
	                  font-size: 28px; 
	}
	.staff-people .col.col-left { width: 100%; }
	.staff-people .col.col-middle { width: 100%;  
									padding-left: 0%; 
									padding-right: 0%;
	}
	.staff-people .col.col-right { width: 100%; }
	.staff-img img { width: 33%; }
	.staff-title { height: 50px; }
	.staff-desc { margin-bottom: 50px; }
	/*#program-2 .col.col-left { width: 100%; }
	#program-2 .col.col-middle { width: 100%; 
								 padding-left: 0%; 
								 padding-right: 0%;
	}*/
	/*#program-2 .col.col-right { width: 100%; }*/
	#program-1 .program-img img { width: 45%; }
	/*#program-2 .program-img img { width: 33%; }*/
	#program-1 .col.col-left { width: 100%; }
	#program-1 .col.col-middle { width: 100%;  
								 padding-left: 0%; 
								 padding-right: 0%;
	}
	#program-1 .col.col-right { width: 100%; }
	/*.show-text img { width: 10%; }
	.hide-text img { width: 10%; }*/
	/*#organization .title { line-height: 28px; 
	                       padding-top: 6px; 
	}*/
	
}

/*@media screen and (max-width : 490px)
{ 
	body { color: red; }
}*/



/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width : 480px)
{ 
	
	.content { width: 87%; }
	#main-slide-master { background: url('../images/x0Home.jpeg'); /*background: url('../images/main-slide-master.jpg');*/
		                 background-size: cover; 
		                 background-position: center;
					     width: 100%; 
						 padding-bottom: 87%; 
						 background-repeat: no-repeat;  
	}
	#about-slide-master { background: url('');
		                  background-size: cover; 
		                  background-position: center;
					      width: 100%; 
					      padding-bottom:2%;
						  background-repeat: no-repeat; 
	}
	#about-slide-master { background: url('');
		                  background-size: cover; 
		                  background-position: center;
					      width: 100%; 
					      padding-bottom:2%;
						  background-repeat: no-repeat; 
	}
	#admissions-slide-master { background: url('');
		                       background-size: cover; 
		                       background-position: center;
					           width: 100%; 
					           padding-bottom:75%;
						       background-repeat: no-repeat; 
	}
	#updates-slide-master { background: url('');
		                    background-size: cover; 
		                    background-position: center;
					        width: 100%; 
					        padding-bottom: 75%; 
					        background-repeat: no-repeat; 
	}
	#community-slide-master { background: url('');
		                      background-size: cover; 
		                      background-position: center;
					          width: 100%; 
					          padding-bottom: 75%; 
					          background-repeat: no-repeat; 
	}
	#employment-slide-master { background: url('');
		                       background-size: cover; 
		                       background-position: center;
					           width: 100%; 
					           padding-bottom: 40%; 
					           background-repeat: no-repeat; 
	}
	
	#enrollment-table { font-size: 11px; }
	/*.title { font-size: 34px; }*/
	.mission-subtitle { font-size: 15px; }
	.facilities-subtitle { font-size: 15px; }
	/*h1 { font-size: 18px; }*/
	#team h1 { margin-top: 30px; font-size: 17px; }
	.community-desc h1 { font-size: 17px; }
	#sub-employment-2 { font-family: 'Gotham_Bold'; 
                    font-size: 15px; }
	
	
	.content.main, .about, .academics, .content.admissions, .content.updates { padding-top: 40px; 
	                                                                           padding-bottom: 40px; 
	}
	/*#tuition-fee .subtitle { font-size: 18px; }*/
	#program-1 .program-title { font-size: 35px;
                                margin-top: 15px;
                                margin-bottom: 20px; 
	}
	#program-2 .program-title { font-size: 16px; 
	                            line-height: 20px; 
								margin-bottom: 0px;
								height: 70px;
	}
    #white-box-video { width: 85%; }
	
	.roller-content p { margin-top: 8px; 
                        margin-bottom: 8px; 
						line-height: 19px; 
						font-size: 12.5px; padding: 0.3px;
	}
	.roller-title { font-size: 16px; 
				    line-height: 19px;  
	}
	
	#footer-content { font-size: 13px; }
	
	#footer-logo img { width: 98%; height: auto; }
	
	
}


@media screen and (max-width : 440px)
{
	.tabel-academics { font-size: 10px; }
	#organization h1 { line-height: 24px; 
	                   padding-top: 12px; 
	}
}

@media screen and (max-width : 400px)
{
	.tabel-academics { font-size: 8.5px; }
}