@import url('https://fonts.googleapis.com/css?family=Arimo&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');


@font-face {
  font-family: "FontAwesome";
  src: url('../font-awesome/fonts/fontawesome-webfont.eot');
  src: url('../font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('eot'), url('../font-awesome/fonts/fontawesome-webfont.woff') format('woff'), url('../font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), url('../font-awesome/fonts/fontawesome-webfont.svg#FontAwesome')    format('svg');
  font-weight: normal;
  font-style: normal;
}



html,
body {
  height: 100%;
  width: 100%;
}



body 
{
font-size: 16px; 
overflow-x: hidden;
color:#1b1b1b;
/*font-family: 'Raleway', sans-serif;font-weight:200;*/
font-family: 'Montserrat', sans-serif;
margin:0px;
padding:0px;
letter-spacing:0px;
background:#ffffff;
}



.container
{
}

p {

    font-size: inherit;
    line-height: 145%;
}

p.large {
    font-size: 16px;
}


hr
{
border-color: #454545;
}


h1
{
font-size:300%;
letter-spacing:0px;
font-weight:400;
color:#FFFFFF;
padding:10px;
}

h2
{
font-size:250%;
font-weight:bold;
margin-bottom:15px;
}

h3{
font-size:200%;
font-weight:bold;
margin-bottom:15px;
}

h4
{
font-size:160%;
line-height:36px;
margin:10px 0px;
font-weight:500;
}

h5
{
font-size:140%;
margin-top:15px;
color:#a05d8e;
}

h6
{
font-size:110%;
margin:10px 0px;
font-weight:500;
}



/***column no gap***/
.nopadding > div[class^="col-"] {
    padding-right: 0;
    padding-left: 0;
}


/*****homepage top banner*******/
.top

{
	padding:20px 15px;
	position:relative;
	    background: url(../images/top-bg.jpg) repeat-x top right;
	
	}

.top-area
{
	padding:20px 0px 5px 0px;
	display:table;
	width:100%;
}

.top-area-left,
.top-area-right
{
	display:table-cell;
	vertical-align:middle;
}

.top-area-left
{

}

.top-area-right

{

}

.login-button

{

	position:absolute;

	top:0;

	width:90%;

	z-index:99;

}



a.btn-login:link,

a.btn-login:visited

{

	position:absolute;

	right:0;

	top:0;

	background-color:#b0903d;

	padding:7px 15px;

	color:#ffffff;

	-webkit-border-bottom-right-radius: 5px;

	-webkit-border-bottom-left-radius: 5px;

	-moz-border-radius-bottomright: 5px;

	-moz-border-radius-bottomleft: 5px;

	border-bottom-right-radius: 5px;

	border-bottom-left-radius: 5px;

	cursor:pointer;

	color:#ffffff;

}



.btn-login:hover

{

	color:#ffffff;

	background:#666666;

	text-decoration:none;

}

/*****homepage news highlight and slider*******/

.after-menu {
padding-top:0px;}

#top-banner{
background-image:url(../images/front-banner-bg.jpg);
height:270px;
padding-top:30px;
}

.news {
background-image:url(../images/news-bg.jpg);
height:520px;

}

.news-content {
padding:20px;}

.news-title {
color:#FFFFFF;
font-size:160%;
font-weight:bold;}

ul.news-listing
{
  list-style: none;
  padding: 0;
  margin:0;
  margin-top:10px;
}

ul.news-listing li

 {
  padding-left: 2em;
  margin:0px;
  border-bottom:1px solid #ffffff;
  padding:10px;
  color:#FFFFFF;
}

ul.news-listing strong
{
color:#3a5aa6;
font-size:110%;
}

ul.news-listing li:before 
{
  content: ""; /* FontAwesome Unicode */
}



/*****homepage content*******/

#homepage-content{
/*background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../images/content-bg.jpg) fixed center center;*/
background-color:#ffffff;
  background-size: cover;
height:auto;
padding:20px;
}

.text-to-right
{
text-align:right;
}

/***homepage buttons***/
.button-abstract
{
padding:10px;
background-color:#3a5aa6;
background-image:url(../images/button-bg.jpg);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top:20px;
text-align:center;
color:#000;
}

.button-abstract:hover
{
  color: #efcd0e;
  background-color: #0b1f4f;
}

.button-registration
{
padding:10px;
background-color:#41ade3;
background-image:url(../images/button-reg-bg.jpg);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top:20px;
text-align:center;
color:#000;
}

.button-registration:hover
{
  color: #efcd0e;
  background-color: #225c79;
}

.button-programme
{
padding:10px;
background-color:#70b962;
background-image:url(../images/button-prog-bg.jpg);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color:#ffffff;
margin-top:20px;
text-align:center;
color:#000;
}

.button-programme:hover
{
  color: #efcd0e;
  background-color: #3a6d31;
}

.button-announcement
{
padding:10px;
background-color:#a8cb5e;
background-image:url(../images/button-announcement-bg.jpg);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color:#ffffff;
margin-top:20px;
text-align:center;
color:#000;
}

.button-announcement:hover
{
  color: #efcd0e;
  background-color: #55760f;
}


.place_frame
{
display:block;
padding:30px 0px 10px 0px;
}



 .google-maps {

position: relative;

padding-bottom: 75%; // This is the aspect ratio

height: 0;

}



.google-maps iframe {

position: absolute;

top: 0;

left: 0;

width: 100% !important;

height: 95% !important;

border:1px solid #cccccc;

padding:5px;

}



.embedframe {

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

	border:1px solid #cccccc;

}



.embedframe iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}






	



section



{



padding:0px 0;



padding-left:30px;



padding-right:30px;



}







#intro



{



padding-bottom:0px;



}







#text-content



{



padding-bottom:0px;



}









.home-content



{



font-size: 18px; 



overflow-x: hidden;



color:#333333;



margin:0px;



padding:0px;



letter-spacing:0px;



background:#ffffff;



}







.small-text{



font-size:14px;}







#text-content > .container



{



	padding-left:30px;



}















.highlighter1



{



color:#333333;



}







.highlighter2



{



color:#0f5ea0;



}











.textinpurplebox



{



background-color:#35203B;



color:#ffffff;



display:block;



padding:10px;



margin-top:0px;



}







.redtext



{



color:#ec2427;



}







p



{



margin:20px 0px;



line-height:150%;



}







.no-gutters 



{



  margin-right: -10px;



   margin-left: -10px;



}



.no-gutters > [class^="col-"],



.no-gutters > [class*=" col-"] 



{







  padding-left:5px;



  padding-right:5px;



  margin-bottom:20px;



}



.grid img



{



-webkit-border-radius: 8px;



-moz-border-radius: 8px;



border-radius: 8px;



}







.grid img:hover



{



opacity: 0.5;



filter: alpha(opacity=50); /* For IE8 and earlier */



}











a, a:link, a:visited



{



	color:#efcd0e;



}







a:hover



{



text-decoration:none;



}











.for-mobile



{



display:none;



}











#terms-box



{



border:1px solid #999999;



background-color:#F4F4F4; 



height:300px;



padding:10px; 



overflow:auto; 



text-align:left;



font-size:90%;



}







#terms-box ol



{



padding:0px;



margin:20px;



margin-top:0px;



}







#terms-box li



{



margin-bottom:5px;



padding-left:10px;



}







strong, b



{







	



}







a.btn-primary,
a.btn-success,
a.btn-danger,
a.btn-info,
a.btn-warning
{
	color: #fff;
}

.btn-primary {
  color: #fff;
  background-color: #07354c;
  border-color: #07354c;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #00736c;
  border-color: #00736c;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}



.btn-primary.disabled,



.btn-primary[disabled],



fieldset[disabled] .btn-primary,



.btn-primary.disabled:hover,



.btn-primary[disabled]:hover,



fieldset[disabled] .btn-primary:hover,



.btn-primary.disabled:focus,



.btn-primary[disabled]:focus,



fieldset[disabled] .btn-primary:focus,



.btn-primary.disabled.focus,



.btn-primary[disabled].focus,



fieldset[disabled] .btn-primary.focus,



.btn-primary.disabled:active,



.btn-primary[disabled]:active,



fieldset[disabled] .btn-primary:active,



.btn-primary.disabled.active,



.btn-primary[disabled].active,



fieldset[disabled] .btn-primary.active {



  background-color: #00736c;



  border-color: #00736c;



}



.btn-primary .badge {



  color: #00736c;



  background-color: #fff;



}







/* ===========================



         TABS



============================ */







.tab-container



{



border:1px solid #27a29a;



border-top:8px solid #27a29a;



-webkit-border-radius: 7px;



-moz-border-radius: 7px;



border-radius: 7px;



}







.nav-tabs



{



color: #fff;



background-color: #27a29a;



border-color: transparent;



}







ul.nav-tabs



{



border-left:10px solid #27a29a;



}







.nav-tabs > li > a,



.nav-tabs > li > a:hover,



.nav-tabs > li > a:focus 



{



color: #fff;



cursor:pointer;



}















.nav-tabs > li > a:hover



{



	color: #ffffff;



	background-color: #025651;



	border-color: #025651;



	border-bottom-color: transparent;



}







.tab-content



{



padding:20px 15px;



}











/* ===========================



         BREADCRUMB



============================ */







#step-container



{



display:inline-block;



background-color:#43aee2;



color:#ffffff;



margin-bottom:10px;



-webkit-border-radius: 3px;



-moz-border-radius: 3px;



border-radius: 3px;







}







#step-container ul,



#step-container li



{



list-style:none;



padding:0px;



margin:0px;



margin-left:-6px;







}







#step-container li



{



display:block;



float:left;



padding:10px 25px;



}







#step-container li.selected



{



background-color:#248ec2;



}







#step-container li.selected2



{



background-color:#43aee2;



color:#004c71;







}







#step-container li.selected3



{



background-color:#096c9c;



color:#2b86b3;







}



















/* ===========================



         TABLE



============================ */







.table



{



border-bottom:1px solid #cccccc;



margin-top:20px;



}











.table tr



{



border-radius:0px;



}







.table tr.highlights td



{



background-color:#005346;



}







.table td



{



border-radius:0px;



}







.table > tbody > tr > td {



     vertical-align: middle;



}







.table tr:nth-child(odd)



{



background-color:#f5f5f5;



}







.table



{



margin-bottom:10px;



}











.table-rates



{



	



}







.table-rates td



{



padding:auto 5px;



border-bottom:1px solid #ec2427;



color:#111111;



vertical-align:middle;



}







.table-rates tr.highlights td



{



background-color:#000000;



color:#ffffff;







}







.table-rates tr.highlights2 td



{



background-color:#ec2427;



color:#ffffff;



}







.table-rates tr.highlights3 td



{



background-color:#0099CC;



color:#ffffff;



}







.table-program



{



margin-top:20px;



border-top:3px solid #48605f;



border-bottom:3px solid #48605f;



background-color:#ffffff;



}







.table-program td



{



padding:15px 30px;



border-bottom:1px solid #999999;



}







.table-program tr td:first-child



{



background-color:#eeeeee;



font-weight:600;



padding-left:20px;



}















.table-program tr.highlight td



{



background-color:#48605f;



color:#ffffff;



border:1px solid #93a3a2;



}







.table-program td.cell



{



background-color:#f3e9f0;



border-left:1px solid #111;



}











.table-program tr.grandtotalrow td



{



background-color:#0099CC;



color:#ffffff;



}







.table-program tr.subtotalrow td



{



background-color:#fbf3b1;



}







/**table reg & fee**/



.table-reg-fee



{



margin-top:20px;



border-top:3px solid #48605f;



border-bottom:3px solid #48605f;



border-left:3px solid #48605f;



border-right:3px solid #48605f;



background-color:#ffffff;



font-family:Arial, Helvetica, sans-serif;



font-size:14px;



}







.table-reg-fee tr.highlights1 {



    background-color: #000000;



    color: #ffffff;



    font-weight: bold;



	font-size:16px;



}







.table-reg-fee td



{



padding:15px 30px;



border-bottom:1px solid #999999;



border-right:1px solid #999999;



}







.table-reg-fee tr td:first-childs



{



background-color:#eeeeee;



font-weight:600;



padding-left:20px;



}















.table-reg-fee tr.highlight td



{



background-color:#48605f;



color:#ffffff;



border:1px solid #93a3a2;



}







.table-reg-fee td.cell



{



background-color:#f3e9f0;



border-left:1px solid #111;



}











.table-reg-fee tr.grandtotalrow td



{



background-color:#0099CC;



color:#ffffff;



}







.table-reg-fee tr.subtotalrow td



{



background-color:#fbf3b1;



}











/**important date**/



.table-dates



{



padding:50px;



color:#454545;



margin-bottom:20px;



padding-bottom:10px;



margin-top:50px;







}



.table-dates td.highlights 



{



background-color:#000000;



color:#ffffff;



padding:15px;



}



.table-dates td.selected {



	padding: 15px;



	border-bottom: 2px solid #011a42;



	font-size:20px;



	color:#000000;



}







.table-dates ul,



.table-dates li



{



list-style:none;



padding:0px;



margin:0px;



}







.table-dates ul li



{



padding:7px 12px;



border-top:1px solid #666666;



line-height:125%;



}



.table-dates h3



{



font-family: 'Noto Serif SC', serif;



color:#ffffff;



margin:0px;



font-size:26px;



font-weight:500;



}







.table-dates h4



{



color:#5b242f;



margin:0px;



font-size:22px;



font-weight:500;



}







.table-dates strong



{



color:#fffd73;



text-transform:uppercase;



}







.important-date-text{



font-size:18px;



}







.custom



{



border-top:3px solid #4BB5C1;



}











.custom td



{



padding: 10px 8px;



border-bottom:2px solid #4BB5C1;



}







.custom td.selected



{



background-color:#4BB5C1;



color:#ffffff;



border-bottom:2px solid #3098a4;



border-right:5px solid #3098a4;



}







.custom2



{



border:3px solid #88A825;



}







.custom2 td



{



padding:10px;



}







.custom2 td.cell



{



background-color:#88A825;



font-weight:bold;



color:#ffffff;



}







.author-table td



{



padding:2px 5px;



}







.author-table tr.highlight td



{



background-color:#5C832F;



color:#ffffff;



font-weight:bold;



padding:8px 5px;



margin-bottom:10px;



}















/* ===========================



    TOP LOGO & BANNER



============================ */



.banner-area



{



	



}







#box1 {







  text-align:left;



  height:250px;



  







  



}







#box1-left



{



float:left;



}







#box1-right



{



float:right;



background:url(../images/right-banner.png) no-repeat right top;



height:200px;



}



/**important date**/
ul.home-listing

{

  list-style: none;

  padding: 0;

  margin:0;

  margin-top:10px;

}

ul.home-listing li

 {

  padding-left: 2em;

  margin:0px;

  border-bottom:1px solid #490055;

  padding:10px;

  

}



ul.home-listing strong

{

color:#3a5aa6;

font-size:110%;

}



ul.home-listing li:before 

{

  content: ""; /* FontAwesome Unicode */



}












/* ===========================



        PHOTO FRAME



============================ */







.photo-frame,



.photo-frame-left,



.photo-frame-right



{



padding:7px;



margin-bottom:5px;



 -moz-box-shadow:    1px 3px 3px 3px #ccc;



  -webkit-box-shadow: 1px 3px 3px 3px #ccc;



  box-shadow:         1px 3px 3px 3px #ccc;



}







.photo-frame



{







margin-bottom:10px;







}











.photo-frame-left



{



margin-left:20px;



}







.photo-frame-right



{



margin-right:20px;



}







/* ===========================



         BREADCRUMB



============================ */







#step-container



{



display:inline-block;



background-color:#43aee2;



color:#ffffff;



margin-bottom:10px;







}







#step-container ul,



#step-container li



{



list-style:none;



padding:0px;



margin:0px;



margin-left:-6px;







}







#step-container li



{



display:block;



float:left;



padding:10px 25px;



}







#step-container li.selected



{



background-color:#248ec2;



}







#step-container li.selected2



{



background-color:#43aee2;



color:#004c71;







}







#step-container li.selected3



{



background-color:#096c9c;



color:#2b86b3;







}







/* ===========================



        PHHOTO ARRANGEMENT



============================ */



#photo-arrangement



{



margin-top:20px;



}







#photo-arrangement .row



{



text-align:center;



}







/* ===========================



        GRID SIDEBAR



============================ */



.grid-sidebar



{



	padding-right:10px;	



}







.grid-sidebar h2



{



	font-weight:400;



}







.grid-sidebar h3



{



	padding:0;



	margin:0;



	padding-bottom:15px;



	font-size:180%;



}















.grid-sidebar a



{



	display:block;



	background-color:#eeeeee;



	padding:20px 10px;



	margin-bottom:10px;



	-webkit-border-radius:8px;



	-moz-border-radius:8px;



	border-radius:8px;



}







.grid-sidebar a:hover



{



background-color:#cccccc;



}







.grid-sidebar a.grid-bg01



{



	background-color:#77b741;



}







.grid-sidebar a.grid-bg02



{



	background-color:#ed9f3b;



}







.grid-sidebar a.grid-bg03



{



	background-color:#0AB3D8;



}











.grid-sidebar a.grid-bg04



{



	background-color:#c53998;



}











.grid-sidebar a.grid-bg01:hover



{



	background-color:#3c7d04;



}







.grid-sidebar a.grid-bg02:hover



{



	background-color:#e47b00;



}







.grid-sidebar a.grid-bg03:hover



{



	background-color:#0096b7;



}







.grid-sidebar a.grid-bg04:hover



{



	background-color:#ac2481;



}







.grid-sidebar h4,



.grid-sidebar h5



{



	text-transform:uppercase;



	text-align:center;



	padding:0;



	margin:0;



}







.grid-sidebar h4



{



	border-bottom:1px solid #ffffff;



	padding:5px 0px;



	font-size:180%;



	letter-spacing:0px;



	color:#ffffff;



}







.grid-sidebar h5



{



	padding:5px 0px;



	font-weight:300;



	font-size:140%;



	letter-spacing:1px;



	color:#ffffff;



}











.grid-sidebar a.grid-bg01 h4



{



	border-bottom:1px solid #96e156;



	color:#d0ff85;



}







.grid-sidebar a.grid-bg02 h4



{



	border-bottom:1px solid #ffb960;



	color:#ffedb7;



}







.grid-sidebar a.grid-bg03 h4



{



	border-bottom:1px solid #b2ecf9;



	color:#cff6ff;



}



.grid-sidebar a.grid-bg04 h4



{



	border-bottom:1px solid #e493ca;



	color:#ffc9ee;



}







.grid-sidebar [class^="col"]



{



	 padding-left:5px;



	 padding-right:5px;



}







/* ===========================



        FORMS



============================ */







label.error {	



	text-align: left;



	width: auto;



	padding: 5px 0 0 20px;



	clear: none;



	display: block;



	color: #b92a45;



	font-size: 12px;



	font-weight:normal;



	border: none;



	background:url(../images/required.png) no-repeat left center;



}











.higher



{



height:200px;



}







form h3



{



margin:10px 0px;



color:#333333;



padding-bottom:10px;



}







.well



{



padding-bottom:30px;



}











.divider



{



border-bottom:1px solid #cccccc;



margin-bottom:20px;



}











/* ===========================



        CAROUSEL



============================ */



#myCarousel



{



position:relative;	



margin-bottom:15px;



}







.dateline-box



{



	background:url(../images/captionbg.png) repeat;



	position:absolute;



	z-index:10;



	left:20px;



	top:30px;



}











.carousel img



{ 











}



.carousel-control { background-image:none !important; }







.carousel-indicators



{



z-index:1;



}







.carousel-indicators li



{



z-index:1;



}











.carousel-control .fa-angle-right,



.carousel-control .fa-angle-left {



  position: absolute;



  top: 45%;



  z-index: 5;



  font-size:250%;



  font-weight:300;



  display: inline-block;



}







.carousel-control .fa-angle-left {



  left: 45%;



  margin-left: -20px;



}











.carousel-control .fa-angle-right {



  right: 45%;



  margin-right: -20px;



}























.btn-default



{



background-color:#0f5ea0;



color:#ffffff;



border:0px;



}







.btn-default:hover



{



background-color:#333333;



color:#ffffff;







}















#news-box



{



background:url(../images/news-box.png) repeat-x top center;



padding:5px 25px;



-webkit-border-top-left-radius: 8px;



-webkit-border-top-right-radius: 8px;



-moz-border-radius-topleft: 8px;



-moz-border-radius-topright: 8px;



border-top-left-radius: 8px;



border-top-right-radius: 8px;



}











#news-box2



{



background:url(../images/news-box2.png) repeat-x top center;



padding:5px 25px;



-webkit-border-top-left-radius: 8px;



-webkit-border-top-right-radius: 8px;



-moz-border-radius-topleft: 8px;



-moz-border-radius-topright: 8px;



border-top-left-radius: 8px;



border-top-right-radius: 8px;



}







/* ===========================



         LISTING



============================ */







ul.listing



{



}







ul.listing li



{



margin:8px 0px;



}







ul.listing-bullet



{



margin:8px 0px;



padding:0px;



}











ul.listing-bullet li



{



list-style:none;



margin:0px;



padding:0px;



padding:7px 0px;



border-top:1px dotted #999999;



}







ul.listing-bullet a, ul.listing-bullet a:link, ul.listing-bullet a:visited



{



color:#454545;



}







ul.listing-bullet a:hover



{



color:#005696;



}











ul.listing-bullet li:before {    



font-family: 'FontAwesome';



content: '\f138';



margin:0 5px 0 0px;



color: #666666;



}







/* ===========================

         NAVIGATION

============================ */

.navbar-default

{

z-index:1000;

}



header

{

/*position: fixed;*/

width: 100%;

text-align: center;

color: #111111;

z-index:1000;

}



nav

{

padding-left:0px;

margin-bottom:0px;

padding-bottom:0px;

}



/* navbar */

.navbar-default {

font-family: 'Montserrat', sans-serif;
background-color:#012b23;

border:0px;

z-index:50;

margin-bottom:0px;

padding-bottom:0px;

-webkit-border-radius:0px;

-moz-border-radius:0px;

border-radius:0px;

}


.navbar-default .navbar-text {

  color: #ffffff;

}



.navbar-default .navbar-nav > li > a {

  color: #031b44;

  z-index: 10000;

  line-height:120%;

  padding:15px 17px;

  font-size:16px;

 color: #ffffff;

}



.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

  color: #012b23;

  background-color:#f8941e;

}







.navbar-default .navbar-nav > li > .dropdown-menu {

  background-color: #f8941e;

  border-radius:0px;

  border:0px;

}



.navbar-default .navbar-nav > li > .dropdown-menu > li > a {

  color: #ffffff;

  padding:12px 15px;

  line-height:100%;

  text-transform:capitalize;

  font-size:16px;

  font-weight:300;

}



.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,

.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {

  color: #012b23;

  /*background-color: #95b2b1;*/

}



.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {

  background-color: #f8941e;

}



.navbar-default .navbar-nav > .active > a, 

.navbar-default .navbar-nav > .active > a:hover, 

.navbar-default .navbar-nav > .active > a:focus 

{



  color: #ffffff;

}



.navbar-default .navbar-nav > .open > a, 

.navbar-default .navbar-nav > .open > a:hover, 

.navbar-default .navbar-nav > .open > a:focus 

{



  color: #454545;



}

.navbar-default .navbar-nav>.active>a,

.navbar-default .navbar-nav>.active>a:hover,

.navbar-default .navbar-nav>.active>a:focus {

    color: #ffffff;

    background-color: #f8941e;

}



.navbar-default .navbar-toggle > a

{

	color:#ffffff;

	padding:8px 10px;

	background-color:#f8941e;

	border:0px;

	margin-top:35px;

}



.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus 

{

    background-color: #f8941e;

	color:#ffffff;

}





.navbar-default ul li:hover a { 



    background: #f8941e;



	color:#ffffff;



}







body.index .navbar-default .navbar-nav > li > a.home:hover{



color:#FFFFFF;}





body.index .navbar-default .navbar-nav > li > a.home,

body.menu01 .navbar-default .navbar-nav > li > a.mm01,

body.menu02 .navbar-default .navbar-nav > li > a.mm02,

body.menu03 .navbar-default .navbar-nav > li > a.mm03,

body.menu04 .navbar-default .navbar-nav > li > a.mm04,

body.menu05 .navbar-default .navbar-nav > li > a.mm05,

body.menu06 .navbar-default .navbar-nav > li > a.mm06,

body.menu07 .navbar-default .navbar-nav > li > a.mm07,

body.menu08 .navbar-default .navbar-nav > li > a.mm08,

body.menu09 .navbar-default .navbar-nav > li > a.mm09

{

color:#031a43;

background-color:#f8941e;

}



.navbar-default .navbar-nav > li > a.extra-padding



{



margin-top:0px;



padding-top:10px;



padding-bottom:7px;



}







.navbar-default .navbar-nav > li > a.extra-padding2



{



margin-top:0px;



padding-top:20px;



padding-bottom:18px;



}




/* ===========================

   RELATED AGENCIES & SOCIAL

============================ */



.related-agencies

{

text-align:center;
padding:30px 0px;
background-image:url(../images/footer-bg.png);

}



.related-agencies h4

{

font-weight:300;

padding:0px;

padding-bottom:20px;

margin:0;

font-size:140%;
color:#07354c;
}



.related-agencies h4.morespace

{

padding:15px 0px;

}



.related-agencies ul,

.related-agencies li

{

list-style:none;

padding:0;

margin:0;

}



.related-agencies ul

{

text-align:center;

}



.related-agencies li

{

display:inline-block;

padding:0px;

}



#page-area .related-agencies ul li img

{

height:10px;

width:auto;

}






/* ===========================



--- Footer



============================ */







#before-footer



{



font-size:95%;



border-top:1px solid #cccccc;



padding:15px 0px 0px 10px;



line-height:125%;



margin-bottom:-10px;



}







#before-footer img



{



	height:150px;



}





#important-date {
  background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../images/important-date-bg.jpg) fixed center center;
  background-size: cover;
  padding: 60px 0;
}





footer {
/*background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../images/front-banner-bg.jpg) fixed center center;*/
background-color:#333333;
  background-size: cover;
	line-height:125%;
	color:#ffffff;
	font-size:12px;
	padding-top:30px;
	padding-bottom:30px;
}







footer p {



	color: #f8f8f8;



}















footer hr



{



border-color:#cccccc;



}











footer a,



footer a:link,



footer a:visited



{



	color:#c5c5c5;



}







/**whats to display in desktop/mobile**/



#slider-mobile{



display:none;}







#slider-web{



display:block;}







#header-mobile{



display:none;}







#header-desktop{



display:block;}







#early-bird-mobile{



display:none;}







#early-bird-desktop



{



display:block;}











@media only screen and (min-width : 991px) {



    /* Make Navigation Toggle on Desktop Hover */



    .dropdown:hover .dropdown-menu {



        display: block;



    }



}











@media (max-width: 1280px) {











.navbar-default .navbar-nav > li > a 



{







  padding-left:10px;



  padding-right:10px;



  font-size:100%;



}



















.menu-width01



{



width:140px;



font-size:80%;



}







.menu-width02



{



width:125px;



}















}







@media (max-width: 1024px) {







body 



{



background:none;



}



















}







@media (max-width: 990px) {







body



{



background:none;



}







#before-footer



{



text-align:center;



}























#box1-left



{



float:none;



}







#box1-right



{



float:none;



background:url(../images/date-bg.jpg) no-repeat top center;



min-height:50px;



} 















footer,



.text-to-right



 {



	text-align:center;



		



}











nav



{



margin-left:0px;



}







.dropdown-toggle .fa



{



font-family: 'FontAwesome';



content: '\f067';



display:inlie-block;



line-height:25px;



position:absolute;



right:10px;



color:#ffffff;



}











   .navbar-header {



        float: none;



    }



    .navbar-left,.navbar-right {



        float: none !important;



    }



    .navbar-toggle {



        display: block;



    }



    .navbar-collapse {



        border-top: 1px solid transparent;



        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);



		z-index:10;



		



    }



    .navbar-fixed-top {



		top: 0;



		border-width: 0 0 1px;



	}



    .navbar-collapse.collapse {



        display: none!important;



    }



    .navbar-nav {



        float: none!important;



		margin-top: 7.5px;



	}



	.navbar-nav>li {



        float: none;



    }



    .navbar-nav>li>a {



        padding-top: 10px;



        padding-bottom: 10px;



		



    }



	







.navbar-default .navbar-nav > li > a



{



text-align:left;



}







    .collapse.in{



  		display:block !important;



	}



    .navbar-collapse.in {



        overflow-y: auto !important;



    }



	.navbar-nav .open .dropdown-menu {



        position: static;



        float: none;



        width: auto;



        margin-top: 0;



        background-color: #885233;



        border: 0;



        box-shadow: none;



		



    }



    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {



        padding: 5px 15px 5px 25px;



		



    }



    .navbar-default .navbar-nav .open .dropdown-menu>li>a {



        color:#ffffff;



		background-color:#07354c;



		font-size:100%;



    }



    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, 



    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {



        color: #ddcc68;



        background-color: #07354c;



    }



















#box1 img



{



height:150px;



}















#box1



{



text-align:center;



margin:auto;



height:285px;



}























}











@media (max-width:768px) 



{



.grid-sidebar



{



	padding-right:0px;	



}	



	



.tab-container



{



	margin-bottom:20px;



	margin-left:-20px;



	margin-right:-20px;



	margin-top:-20px;



}











.for-mobile



{



display:block;



padding:10px 20px;



background-color:#fff496;



margin-bottom:15px;



text-align:center;



-webkit-border-radius: 5px;



-moz-border-radius: 5px;



border-radius: 5px;



}







.text-to-center,



.text-to-center img



{



text-align:center;



}











.table-responsive



{



    overflow-x: auto;



}







#box1-right



{



float:none;



background:url(../images/date-bg.jpg) no-repeat top center;



min-height:30px;



}















#intro



{



padding-left:20px;



padding-right:20px;



}











#sidebar



{



padding:10px 0px;



}







.table-dates



{



margin-top:30px;



}











#myCarousel



{



margin-left:-20px;



margin-right:-20px;



position:relative;



margin-bottom:15px;



}







.dateline-box



{



position:relative;



display:block;



left:0;



top:0;



}







.carousel-control .fa-angle-right,



.carousel-control .fa-angle-left 



{



  position: absolute;



  top: 20%;



  font-size:200%;



}







}















@media (max-width:480px)



{







h1



{



font-size:26px;



padding-top:1px;



padding-bottom:0;



}







h2



{



font-size:22px;



}

.title
{
font-size:160%;}

/*****homepage top banner*******/

#top-banner{

background-image:url(../images/front-banner-bg.jpg);

height:100px;

padding-top:20px;

}







#text-content > .container



{



}







.dropdown-toggle .fa



{



color:#031b44;



}







#box1



{



height:270px;



}







.carousel-control .fa-angle-right,



.carousel-control .fa-angle-left 



{



  position: absolute;



  top: 10%;



  font-size:200%;



}











#box1-right



{



float:none;



background:url(../images/date-bg.jpg) no-repeat top center;



background-size:100%;



min-height:30px;



} 







.grid-sidebar h4



{



	font-size:125%;



}







.grid-sidebar h5



{



	font-size:85%;



}







.home-content



{



font-size: 14px; 



overflow-x: hidden;



color:#454545;



font-family: 'Raleway', sans-serif;font-weight:200;



margin:0px;



padding:0px;



font-weight:200;



letter-spacing:0px;



background:#ffffff;



}








#slider-mobile{



display:block;



}







#header-mobile{



display:block;}







#header-desktop{



display:none;}











.navbar-default .navbar-nav > li > a {



  color: #031b44;



  z-index: 10000;



  line-height:120%;



  padding:15px 13px;



  font-size:14px;



}







.navbar-brand{



width:250px;



margin-left:-20px;



}







.navbar-toggle 
{
	color:#ffffff;
	padding:5px;
	background-color:#454545;
	border:0px;
	font-size:14px;
}

.navbar-default .navbar-nav > li > a {
  color: #031b44;
  z-index: 10000;
  line-height:120%;
  padding:15px 17px;
  font-size:16px;
 color: #ffffff;
}





#early-bird-mobile{



display:block;



padding-top:10px;



}



#early-bird-desktop



{



display:none;}







}



