@charset "utf-8";
/* CSS Document */
@font-face {
    font-family:MyriadProRegular;
    src:url(https://www.youthcomputer.org/css/fonts/MyriadProRegular.otf);
}
*{
	font-family:MyriadProRegular;	
}
.p-0px{padding:0px;}

.p-10px{padding:10px;}
.p-t-10px{padding-top:10px;}
.p-b-10px{padding-bottom:10px;}
.p-l-10px{padding-left:10px;}
.p-r-10px{padding-right:10px;}
.p-tb-10px{padding:10px 0px;}
.p-lr-10px{padding:0px 10px;}

.p-15px{padding:15px;}
.p-t-15px{padding-top:15px;}
.p-b-15px{padding-bottom:15px;}
.p-l-15px{padding-left:15px;}
.p-r-15px{padding-right:15px;}
.p-tb-15px{padding:15px 0px;}
.p-lr-15px{padding:0px 15px;}

.p-20px{padding:20px;}
.p-t-20px{padding-top:20px;}
.p-b-20px{padding-bottom:20px;}
.p-l-20px{padding-left:20px;}
.p-r-20px{padding-right:20px;}
.p-tb-20px{padding:20px 0px;}
.p-lr-20px{padding:0px 20px;}

.p-30px{padding:30px;}
.p-t-30px{padding-top:30px;}
.p-b-30px{padding-bottom:30px;}
.p-l-30px{padding-left:30px;}
.p-r-30px{padding-right:30px;}
.p-tb-30px{padding:30px 0px;}
.p-lr-30px{padding:0px 30px;}

.p-40px{padding:40px;}
.p-t-40px{padding-top:40px;}
.p-b-40px{padding-bottom:40px;}
.p-l-40px{padding-left:40px;}
.p-r-40px{padding-right:40px;}
.p-tb-40px{padding:40px 0px;}
.p-lr-40px{padding:0px 40px;}

.p-50px{padding:50px;}
.p-t-50px{padding-top:50px;}
.p-b-50px{padding-bottom:50px;}
.p-l-50px{padding-left:50px;}
.p-r-50px{padding-right:50px;}
.p-tb-50px{padding:50px 0px;}
.p-lr-50px{padding:0px 50px;}

.p-60px{padding:60px;}
.p-t-60px{padding-top:60px;}
.p-b-60px{padding-bottom:60px;}
.p-l-60px{padding-left:60px;}
.p-r-60px{padding-right:60px;}
.p-tb-60px{padding:60px 0px;}
.p-lr-60px{padding:0px 60px;}

.m-10px{margin:0px;}

.m-10px{margin:10px;}
.m-t-10px{margin-top:10px;}
.m-b-10px{margin-bottom:10px;}
.m-l-10px{margin-left:10px;}
.m-r-10px{margin-right:10px;}
.m-tb-10px{margin:10px 0px;}
.m-lr-10px{margin:0px 10px;}

.m-20px{margin:20px;}
.m-t-20px{margin-top:20px;}
.m-b-20px{margin-bottom:20px;}
.m-l-20px{margin-left:20px;}
.m-r-20px{margin-right:20px;}
.m-tb-20px{margin:20px 0px;}
.m-lr-20px{margin:0px 20px;}

.m-30px{margin:30px;}
.m-t-30px{margin-top:30px;}
.m-b-30px{margin-bottom:30px;}
.m-l-30px{margin-left:30px;}
.m-r-30px{margin-right:30px;}
.m-tb-30px{margin:30px 0px;}
.m-lr-30px{margin:0px 30px;}

.m-40px{margin:40px;}
.m-t-40px{margin-top:40px;}
.m-b-40px{margin-bottom:40px;}
.m-l-40px{margin-left:40px;}
.m-r-40px{margin-right:40px;}
.m-tb-40px{margin:40px 0px;}
.m-lr-40px{margin:0px 40px;}

.m-50px{margin:50px;}
.m-t-50px{margin-top:50px;}
.m-b-50px{margin-bottom:50px;}
.m-l-50px{margin-left:50px;}
.m-r-50px{margin-right:50px;}
.m-tb-50px{margin:50px 0px;}
.m-lr-50px{margin:0px 50px;}

.m-60px{margin:60px;}
.m-t-60px{margin-top:60px;}
.m-b-60px{margin-bottom:60px;}
.m-l-60px{margin-left:60px;}
.m-r-60px{margin-right:60px;}
.m-tb-60px{margin:60px 0px;}
.m-lr-60px{margin:0px 60px;}

.r-h-100px{min-height:100px;}
.r-h-150px{min-height:150px;}
.r-h-200px{min-height:200px;}
.r-h-250px{min-height:250px;}
.r-h-300px{min-height:300px;}
.r-h-350px{min-height:350px;}
.r-h-400px{min-height:400px;}
.r-h-450px{min-height:450px;}
.r-h-500px{min-height:500px;}
.r-h-550px{min-height:550px;}
.r-h-600px{min-height:600px;}
.r-h-650px{min-height:650px;}


.t-a-left{text-align:left;}
.t-a-center{text-align:center;}
.t-a-right{text-align:right;}
.t-a-justify{text-align:justify;}

.t-w-bold{font-weight:bold;}
.t-w-100{font-weight:100;}
.t-w-300{font-weight:300;}

.f-10px{font-size:10px;}
.f-15px{font-size:15px;}
.f-20px{font-size:20px;}
.f-25px{font-size:25px;}
.f-30px{font-size:30px;}
.f-35px{font-size:35px;}
.f-40px{font-size:40px;}
.f-45px{font-size:45px;}
.f-50px{font-size:50px;}
.f-55px{font-size:55px;}
.f-60px{font-size:60px;}

.t-c-white{color:white;}

.bg-ccc{background-color:#ccc;}
.bg-f2f2f2{background-color:#f2f2f2;}
.bg-07c8ff{background-color:#4CD7FF;}
.bg-e7ff9f{background-color:#e7ff9f;}
.bg-f1f1f1{background-color:#f1f1f1;}
.bg-efefef{background-color:#efefef;}

.bg-ourcourse
{
background:url(https://www.youthcomputer.org/images/coursebg.jpg) repeat-x;
background-size: cover;
}
.bg-jobopp
{
background:url(https://www.youthcomputer.org/images/jobopp.jpg) no-repeat center top;
background-size: cover;
}
.bg-testimonial
{
background:url(https://www.youthcomputer.org/images/testimonial.jpg) no-repeat center top fixed;
background-size: cover;
}
.lt-space
{
 letter-spacing:1px;
}

#mymenu
{
  background-color:#042778;
  border:0px;
  border-radius:0px;
  min-height:50px;
  line-height:50px;
  color:white;  
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px; 
  width:80%;
  margin-bottom:0px;
  border-bottom:5px solid cyan;  
  margin: 0 auto;
}
#mymenu a
{
  color:#fff; 
  text-align:center; 
  font-size:18px; 
}
/*#mymenu li:hover
{
  border-bottom:4px solid cyan;
}*/
#mymenu .dropdown-menu
{
  background-color:#042778;   
}
#mymenu .dropdown-menu li a
{
  color:#fff;  
  min-height:50px;
  line-height:50px;
  margin:0px;
  font-size:18px;
  background-color:#042778; 
}
#mymenu .dropdown li a:hover,
#mymenu .dropdown li a:focus,
#mymenu .dropdown li a:active
{
  background-color:#042778;
}
#mymenu #myNavbar
{
  width:86%;
  margin:0 auto;
}
#mymenu .dropdown-submenu {
  position: relative;
}
#mymenu .dropdown-submenu .dropdown-menu 
{
  top: 0;
  left: 100%;
  margin-top: -1px;
}

#lefttext
{
background-color:#f4f4f4;
}
#lefttext #mytable
{ 
 padding:5px 20px 0px 20px;
 font-size:20px;
 line-height:35px;
 width:100%;
}
#lefttext #mytable tr,
#lefttext #mytable2 tr
{
 border-bottom:1px solid #e4e4e4;
}
#lefttext #mytable #tdhead,
#lefttext #mytable2 #tdhead
{ 
 background-color:#042778;
 color:#f4f4f4;
 font-weight:bold;
 text-align:center;
}
#lefttext #mytable #td,
#lefttext #mytable2 #td
{
 width:120px;
 padding-left:5px;
}
#lefttext #mytable #tdcourse,
#lefttext #mytable2 #tdcourse
{
 width:65px;
 letter-spacing:2px;
 text-align:center;
 background-color:#337ab7;
 color:#f4f4f4;
 font-weight:bold;
 padding:0px 2px;
}
#lefttext #mytable .btn
{
  width:250px;	 
}
#lefttext #mytable .btn-primary
{
  border-radius:0px;
  background:#042778;
}
#lefttext #mytable .btn:hover
{
  border-radius:0px;
  background:#042778;	 	
}
#lefttext #mytable .btn-primary:hover
{
  border-radius:0px;
  background:#337ab7;	 
}

#lefttext #mytable2
{
 padding:5px 20px 0px 20px;
 font-size:20px;
 line-height:25px; 
}
#lefttext #mytable2 table
{
 width:100%;	
}

#lefttext #mystucorner
{
 font-size:16px;
}
#lefttext #mystucorner #press1
{
 margin: 25px 40px 25px 40px;
 padding:20px 30px 50px 20px; 
 background-color:#e4e4e4;
}
#lefttext #mystucorner #press1 .btn
{
 	width:180px;
	border-radius:0px;
	float:right;
}

#lefttext #mypressrelease
{
 font-size:20px;
}
#lefttext #mypressrelease #press1
{
 margin: 25px 40px 25px 40px;
 padding:10px; 
 background-color:#e4e4e4;
}
#lefttext #mypressrelease #press1 .btn
{
 	width:300px;
	border-radius:0px;
	float:right;
}
#lefttext h2
{
padding:5px 20px 0px 40px;
/*font-size:36px;*/
}
#lefttext #p2
{
padding:5px 20px 0px 40px;
font-size:20px;
line-height:25px;
}

#lefttext #myimggallery #press1
{
 margin: 25px 40px 25px 40px;
 padding:0px; 
}
#lefttext #myimggallery #press1 img
{
  border:4px solid #666;
  border-radius:4px;	
  margin:4px;
  /*-webkit-transition: width 2s; /* Safari */
  /*transition: width 2s;*/
}
#lefttext #myimggallery #press1 img:hover
{
 cursor:pointer;
 opacity:0.7;	  
}

.footer {
	background-color:#e4e4e4;
	text-align:center;
	color:#444444;
	padding:10px 0px;
	font-size:10px;
}
#back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	background-color: #00a194;
	border-radius:0px;
}

.myaccordion .panel
{
	border:0px;	
	background-color:#e4e4e4;
}
.myaccordion .panel-heading
{
	padding:0px;
	line-height:25px;
}
.myaccordion .panel-title a
{
    text-decoration:none;
}
.myaccordion .spantext
{
   text-align:center;
   padding:0px auto;
   margin:0px auto;
   font-size:16px;
}

.myaccordion .glyphicon
{
	padding:7px;
	top:0px;
	background-color:#042778;
	color:#fff;
	margin-right:10px;
}
.notice
{
 background-color:#e4e4e4;	
 border:1px solid #ccc;
 width:100%;
 padding:1%;
}
.notice .head
{
	font-size:20px;
	margin-bottom:15px;
}
.notice .body
{	
    height:120px;
	font-size:15px;    
    overflow:auto;
	padding:0 1%;	
	background-color:#fff;
	text-align:justify;
	
}
.notice .body .heading
{
  text-align:center;
  text-decoration:underline;
  font-size:20px;	
}

.notice .body p
{
  border-bottom:1px solid #ccc;
}

@media only screen and (max-width: 768px) 
{
	#lefttext h1
	{
	padding:5px 20px 0px 40px;
	font-size:20px;
	}	
	#lefttext #p2
	{
	padding:5px 20px 0px 40px;
	font-size:14px;
	}
	#lefttext #mytable #td
	{
	 width:80px;
	 padding-left:5px;
	}
	#lefttext #mytable
	{ 
	 padding:5px 20px 0px 20px;
	 font-size:12px;
	 line-height:25px;
	}
	#mymenu #myNavbar	
	{
	  width:100%;
	  margin:0 auto;
	}	
	#mymenu
	{
	  width:100%;
	  border-bottom-left-radius: 0px; 
      border-bottom-right-radius: 0px; 
	  border-bottom: 0px solid cyan; 
	}
}


.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}