@charset "utf-8";
/* CSS Document */
@font-face {
    font-family:MyriadProRegular;
    src:url(../resources/font/MyriadProRegular.otf);
}

@keyframes menuborder 
{
  from {border-bottom: 1px solid #fff;}
  to {border-bottom:1px solid #fff;}
}
*{
	font-family:Arial, Helvetica, sans-serif;
}
.p-0px{padding:0px;}

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


.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;}

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

.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-4f1722{background-color:#4f1722;}
.bg-c9e6ca{background-color:#c9e6ca;}
.bg-135547{background-color:#135547;}
.bg-f15522{background-color:#f15522;}
.bg-3e505c{background-color:#3e505c;}
.bg-53616c{background-color:#53616c;}
.bg-ebebeb{background-color:#ebebeb;}

.bg-banner
{
 background:url(../images/banner.jpg) no-repeat fixed;
 background-size:100% 100%;
}
.bg-course
{
 background:url(../images/course.jpg) no-repeat center center fixed;
 background-size:cover;   
}
.bg-getintouch
{
 background:url(../images/getintouch.jpg) no-repeat center center fixed;
 background-size:cover;   
}
.bg-inner1
{
	background:url(../images/ip1.jpg) no-repeat fixed; 
	background-size:100% 60%;
}
.bg-inner2
{
	background:url(../images/ip2.jpg) no-repeat fixed; 
	background-size:100% 60%;
}
.bg-inner3
{
	background:url(../images/ip3.jpg) no-repeat fixed; 
	background-size:100% 60%;
}
.bg-inner4
{
	background:url(../images/ip4.jpg) no-repeat fixed; 
	background-size:100% 60%;
}
.bg-inner5
{
	background:url(../images/ip5.jpg) no-repeat fixed; 
	background-size:100% 60%;
}
.bg-inner6
{
	background:url(../images/ip6.jpg) no-repeat fixed; 
	background-size:100% 60%;
}

.header1wrap
{   
 border-radius:0px;
 opacitiy:0.5;
 z-index:99999;
 background-color:#53616c;
}
.header1
{
  
}
.affix
{
 position:fixed;
 top:0;
 width:100%;
 padding:0 auto;
 margin:0 auto;
 z-index:999999999;	 
 -webkit-box-shadow: 2px 0 10px 2px rgba(0, 0, 0, 0.4);
 box-shadow: 2px 0 10px 2px rgba(0, 0, 0, 0.4);
 background-color:#fff;
}
#banner 
{
 text-align:center;
 font-size:20px;
}
#banner .text #p1
{ 
 /*font-size:60px;*/
 font-size:50px;
 /*font-weight:bold;*/
 color:#fff;
 margin-top:10%;
 margin-left:3%; 
 /*letter-spacing:3px;*/
}
#banner .text #p2
{
 font-size:25px;
 font-weight:100;
 color:white;
 margin:1% 15% 0 15% ;
 /*margin-bottom:7%;*/
}
#banner .text #p3 a
{
 margin-top:5%;
 font-size:20px;
 color:#fff;
 text-decoration:none;  
}
#banner .text1 #p1
{
 font-size:50px;
 color:#fff;
 margin:3% auto;
}
#banner .text1 #p2
{
 font-size:50px;
 color:#fff;
 margin-top:2% auto; 
}

.programme .heading1
{
 background:url(../images/whoweare.png) no-repeat center center;
 background-size:26%;	
}
.ourpartners .heading1
{
 background:url(../images/ouracc.png) no-repeat center center;
 background-size:45%;		
}


.programme h2
{
  color:#000; 
  padding-bottom:10px;     
  text-align:center;
  padding:5px 0 5px 0;
  margin:0 auto 2% auto;   
  font-weight:bold;
}

.ourpartners
{
	
}
.ourpartners h2
{
  color:#fff; 
  padding-bottom:10px;   
  width:40%;
  text-align:center;
  padding:5px 0 5px 0;
  margin:0 auto 2% auto; 
  min-height:48px;  
}
#getintouch
{
 background-color:#3e505c;	
}
#getintouch h2
{
  color:#fff;
  display:block;
  text-align:center;
  margin:5% 33% 7% 33%;
  border-bottom:1px solid #fff;
  padding-bottom:15px;
}
#getintouch input[type="text"],
#getintouch input[type="email"],
#getintouch textarea
{
  border-radius:0px;
  border:1px solid #fff;
  background-color:transparent;
  color:#fff;
  padding:10%;  
}
#getintouch #txtcourse
{
  border-radius:0px;
  border:1px solid #fff;
  background-color:transparent;
  color:#998983; 
  /*padding:5%;*/
}
#getintouch button
{
  border-radius:0px;
  border:0px solid #fff;  
  width:150px;
  height:45px;
  background-color:#04ad86; 
  font-size:20px;
  color:#fff; 
  /*margin-top:20px; */
}
#getintouch button:hover
{
  background-color:#ccc; 
  color:#000; 
}
#getintouch .getintouchbtn
{
	padding:6%;
	background-color:#f15522;
	font-size:40px;
	color:#fff;
	text-align:center;
	box-shadow:rgba(0, 0, 0, 0.6) 0px 4px 8px 0px; 
}
#getintouch #p1
{
	color:#fff;
	text-align:right;
	font-size:30px;
	font-weight:bold;
	padding:7% 6% 2% 0;
}
#getintouch #p2
{
	color:#fff;
	text-align:right;
	font-size:16px;
	padding:0 6% 0 30%;
}
#getintouch #p3
{
	color:#fff;	
	font-size:18px;
	padding:2% 0;
	
}
#getintouchmap
{
 padding:0%;	
}
.lt-space
{
 letter-spacing:1px;
}
.lt-space2
{
 letter-spacing:2px;
}
.lt-space3
{
 letter-spacing:3px;
}
.mymenu
{ 
  width:60%;
  font-size:15px;
  background-color:transparent;
  margin:0 auto;  
}
#mainNavBar
{
 border:0px; 
 border-color:#fff;
 background-color:transparent;	
 margin-bottom:0;
 min-height:40px;
}
.mymenu .navbar-brand
{
  padding-left:50px;	
  margin-top:-15px;
}
.mymenu .navbar-header,
.mymenu .navbar-collapse
{
  background-color:#fff;
  border:0px;
  /*padding-right:80px;*/
}
.mymenu .navbar-nav>li>a
{ 
 padding:10px 15px;
 /*margin-right:5px;	 */
}
#nav_btn_primary 
{
  background-color:#fadba5;
  color:#fff;
  margin:5px 5px 5px 0px;
  padding:9px 15px;
}
#nav_btn_primary:hover
{
 border-bottom:0px solid #fff;	
}
.navbar-inverse .mymenu .navbar-nav>li>a {
   color:#000;
}
.navbar-inverse .mymenu .navbar-nav .active a,
.navbar-inverse .mymenu .navbar-nav .focus a
{	
   
   border-bottom:1px solid #000;  
   background-color:#255d44;
}
.navbar-inverse .mymenu .navbar-nav>.active>a:focus
{
    background-color:#255d44;
}
.navbar-inverse .mymenu .navbar-nav>li>a:hover,
.navbar-inverse .mymenu .navbar-nav>li>a:focus,
.navbar-inverse .mymenu .navbar-nav>li>a:active
{
  color:#fff;
  background-color:#ccc;
}

.aboutus
{
 color:#000;	
}
.aboutus .heading
{
	font-size:30px;
	text-align:center;
	font-weight:bold;	
}
.aboutus #p1
{
  	font-size:22px;
	font-weight:bold;
}
.aboutus #p2
{
  	font-size:16px;
}
.programme .row .thumbnail
{
  margin:0%;	
}
#thumbnail_wrap
{
 
}
#thumbnail_wrap .img
{
 z-index:-9999999;	
 position:relative;  
}
#thumbnail_wrap .caption
{
 background-color:#ececec;
 z-index:9999999;
 margin:0 25px 0 25px;	 
 /*position:absolute;*/
 padding:0 0 10px 0;
 min-height:200px;
 color:#000;
}

#thumbnail_wrap .caption h3
{
  margin:0;	
  font-size:16px;	
  padding:0px 25px 5px 25px;
  font-weight:bold;
  text-align:center;
}
#thumbnail_wrap .caption #p2
{
  text-align:center;
  padding:0 20px;	
}
#thumbnail_wrap .caption #p3
{
  text-align:center;
}
#thumbnail_wrap .caption #p3 a
{
  padding:7px 10px;
  background-color:transparent
  text-decoration:none;
  color:#000; 
  border:1px solid #03ad89;  
}
#thumbnail_wrap .caption #p3 a:hover,
#thumbnail_wrap .caption #p3 a:active,
#thumbnail_wrap .caption #p3 a:focus
{
  text-decoration:none;
  background-color:#03ad89;
  color:#fff;
}

#course .box
{
 text-align:center;
 color:#fff; 
 font-weight:bold; 
 line-height:30px; 
 font-size:18px;
}
.row .thumbnail
{
  border-radius:0px;
  /*box-shadow:rgba(0, 0, 0, 0.6) 0px 4px 8px 0px;*/ 
  margin:0%; 
  padding:0px;
  border:0px solid red;
  text-align:justify;
}

#material .course_wrap
{
	background:url(../images/strip.jpg) no-repeat;
	background-size:100%;	
	font-size:20px;
	color:#fff;
	margin:10px 0;
}
#material .course_wrap #left_c
{
	float:left;
	width:50%;
	padding:7px 0 7px 20px;		
}
#material .course_wrap #right_c
{
	display:inline block;
	text-align:right;
	padding:7px 20px 7px 0;
}
#material #p1
{
    font-size:20px;
    margin:0;
}
#material .left table,
#material .right table
{
 width:100%;
 border:3px solid black;
}
#material .left table th,
#material .right table th
{
 background-color:black;	
 color:#fff;
 font-size:24px;
 padding-left:10px;
}
#material .left table td
{
 padding-left:10px;
 font-size:15px;	
 padding-top:7px;
 padding-bottom:7px;
}
#material .right table td
{
 padding-left:10px;
 font-size:18px;
}
#material .right table td
{

}
.footer1
{
 background-color:#fffff;	
 text-align:center;
 color:#595959; 
 line-height:40px;
 font-size:12px;
}
#back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 15px;
    right: 15px;
    display:none;
	background-color:red;
	border-radius:4px;
	border:1px solid red;
	padding:5px 5px;
}
.modalcourseclose
{
  padding:10px 20px 0px 0px;  
}
.modalcourseclose button .close
{
  padding:2px 4px;
  background-color:red;	
}
.modalcourse
{
  padding:30px;	
  font-size:16px;  
  color:#FF0;
  font-size:20px;  
}
.modalcourse li
{

}




@media only screen and (max-width: 768px)
{
	.aboutus .heading
	{
	 	font-size:24px;
	}
	.aboutus #p1
	{
	    font-size: 16px;	
		text-align:justify;		
	}
	.aboutus #p2
	{
        font-size: 14px;	
		text-align:justify;
	}
	.programme .heading1
	{
	 background:url(../images/whoweare.png) no-repeat center center;
	 background-size:100%;	
	}
	.ourpartners .heading1
	{
	 background:url(../images/ouracc.png) no-repeat center center;
	 background-size:100%;		
	}		
	.programme h2
	{
	  color:#000; 
	  padding-bottom:10px;   
	  width:100%;
	  text-align:centre;
	  padding:0 0 0 0;
	  margin:0 auto 0 auto; 
	  min-height:30px; 
	  font-size:20px;	  
	}
	.ourpartners
	{
		
	}
	.ourpartners h2
	{
	  color:#fff; 
	  padding-bottom:10px;   
	  width:100%;
	  text-align:center;
	  padding:5px 0 5px 0;
	  margin:0 auto 2% auto; 
	  min-height:38px; 
	  font-size:20px; 
	}
	#banner 
	{
	 text-align:center;
	 font-size:12px;
	}
	#banner .text
	{
	 padding:25% 0;	
	}
	#banner .text #p1
	{
	 font-size:25px;
	 font-weight:bold;	
	 margin-left:0%;   
	}
	#banner .text #p2
	{
	 font-size:20px;
	 color:white;	
	 line-height:30px;
	 margin-bottom:10%;	 
	}
	#banner .text #p3	
	{	 
	 font-size:14px;
	 color:#000;
	 text-decoration:none; 
	 margin-top:5%;
	 margin-bottom:10%;	 
	}
	#banner .text #p3 a
	{
	 font-size:14px;	
	}
	#banner .text1 #p1
	{
	 font-size:25px;
	 color:#fff;
	 margin:0 auto;
	}
	#banner .text1 #p2
	{
	 font-size:20px;
	 color:#fff;
	 margin-top:2% auto; 
	}
	#getintouch #p1
	{
      text-align:left;
	  marign:0;
	  padding:0;
	}
	#getintouch #p2
	{
      text-align:left;
	  marign:2% 0;
	  padding:2% 0;
	}	
	#getintouch #p3
	{
      text-align:left;
	  marign:2% 0;
	  padding:2% 0;
	}	
	#getintouch
	{
	 padding:0 0 0 0;	
	}
	#getintouch h2
	{
	  color:#fff;
	  display:block;
	  text-align:center;	  
	  border-bottom:1px solid #fff;
	  padding-bottom:15px;
	  margin:0 20%;
	  padding:2% 0;
	  margin-bottom:5%;	    	  
	}
	#getintouch input[type="text"],
	#getintouch input[type="email"],
	#getintouch #txtcourse
	{
	  margin:2% 0 0 0;	
	}
	.header1
	{
		text-align:center;
		border-radius:0px;
	}
	.header1 a
	{
		margin:0 auto;
		padding:0 10px;
	}	
	.mymenu
	{ 
	  width:100%;
	  font-size:15px;
	  background-color:transparent;
	  margin:0 auto;
	}
	.mymenu .navbar-header
	{
	  background-color:#ccc;
	  border:0px;	   	  	
	  padding:0;
	}
	.mymenu .navbar-collapse
	{
	  background-color:#ccc;
	  border:0px;
	  min-height:85px;
	}
	.mymenu .navbar-brand
	{
	  padding-left:5px;	
	  margin-top:-15px;	  
	}
	.navbar-inverse .mymenu .navbar-nav>li>a 
	{
        color:#3e5aae;
		line-height:30px;
		padding:0 0 0 15px;
	}	
	.bg-banner
	{
	 background:url(../images/banner.jpg) no-repeat centre centre fixed ;
	 background-size:cover;   
	}
	.bg-getintouch
	{
	 background:url(../images/getintouch.jpg) no-repeat center center fixed;
	 background-size:cover;   
	}
	#course .box
	{
	 padding:5% 0;
	 border:none;	
	}
	.affix
    {
		opacity:1;
	}
	
	#material .course_wrap
	{
		background:url(../images/strip.jpg) no-repeat;
		background-size:100%;	
		font-size:12px;
		color:#fff;
		margin:5px 0;
	}
	#material .course_wrap #left_c
	{
		float:left;
		width:50%;
		padding:7px 0 7px 10px;		
	}
	#material .course_wrap #right_c
	{
		display:inline block;
		text-align:right;
		padding:7px 10px 7px 0;
		font-size:12px;
	}
	#material #p1
    {
      font-size:12px;
	  margin:0;
	}
	#thumbnail_wrap
	{
	  padding:3% 0; 	
	}
	
	/*------------------
	#banner .bg-inner1
	{
	 background:url(../images/ip1.jpg) no-repeat centre centre fixed ;
	 background-size:cover;   
	 background:url(../images/ip1.jpg) no-repeat fixed;
	 background-size:100% 100%;
	}*/
	
	#material .left table,
	#material .right table
	{
	 width:100%;
	 border:3px solid black;
	}
	#material .left table th,
	#material .right table th
	{
	 background-color:black;	
	 color:#fff;
	 font-size:16px;
	 padding-left:10px;
	}
	#material .left table td
	{
	 padding-left:10px;
	 font-size:12px;	
	 padding-top:7px;
	 padding-bottom:7px;
	}
	#material .right table td
	{
	 padding-left:10px;
	 font-size:12px;
	}
	#material .right table td
	{
	
	}
	
	#banner .bg-inner1
	{
		background:url(../images/ip1.jpg) no-repeat; 
		background-size:cover;
	}
	.bg-inner2
	{
		background:url(../images/ip2.jpg) no-repeat fixed; 
		background-size:cover;
	}
	.bg-inner3
	{
		background:url(../images/ip3.jpg) no-repeat fixed; 
		background-size:cover;
	}
	.bg-inner4
	{
		background:url(../images/ip4.jpg) no-repeat fixed; 
		background-size:cover;
	}
	.bg-inner5
	{
		background:url(../images/ip5.jpg) no-repeat fixed; 
		background-size:cover;
	}
	.bg-inner6
	{
		background:url(../images/ip6.jpg) no-repeat fixed; 
		background-size:cover;
	}

}