@charset "utf-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);

@import url(https://fonts.googleapis.com/css?family=Anton);

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300);

@import url(https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed:300,400,700);

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');


button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    white-space: normal;
}


#navbg{

	background:#fff;

	height:7vw;

}

#logobar{

	/*background:url(../images/logobar.jpg) repeat-x 0 0 #29646d;*/

	background: rgba(2,45,57,1);

	background: -moz-linear-gradient(top, rgba(2,45,57,1) 0%, rgba(41,100,109,1) 100%);

	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(2,45,57,1)), color-stop(100%, rgba(41,100,109,1)));

	background: -webkit-linear-gradient(top, rgba(2,45,57,1) 0%, rgba(41,100,109,1) 100%);

	background: -o-linear-gradient(top, rgba(2,45,57,1) 0%, rgba(41,100,109,1) 100%);

	background: -ms-linear-gradient(top, rgba(2,45,57,1) 0%, rgba(41,100,109,1) 100%);

	background: linear-gradient(to bottom, rgba(2,45,57,1) 0%, rgba(41,100,109,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#022d39', endColorstr='#29646d', GradientType=0 );

	height:auto; padding:35px 0;

}

#logoarea{

	width:100%;

}

#logoarea h1{

	font-family: 'Roboto Condensed', sans-serif;

	/*font-family: 'Oswald', sans-serif;*/

	font-size:24px; color:#FFF; font-weight:100;

	text-align:center; text-shadow:#333 1px 1px 1px;

	margin:10px 0 15px 0;

	line-height:36px;

	text-transform:uppercase;

}

#logoarea h1 span{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:46px; color:#FFF; font-weight:bold;

	text-align:center; text-shadow:#333 1px 1px 1px;

	margin:20px 0 15px 0;

}

#logoarea h6{

	/*font-family: 'Roboto Condensed', sans-serif;*/

	font-family: 'Oswald', sans-serif;

	font-size:24px; color:#FFF; font-weight:100;

	text-align:center; text-shadow:#333 1px 1px 1px;

	margin:0;

}



#logoarea h4{

	font-family: 'Roboto Condensed', sans-serif;

	/*font-family: 'Oswald', sans-serif;*/

	font-size:18px; color:#FFF; font-weight:100;

	text-align:center; text-shadow:#333 1px 1px 1px;

	margin:0; text-transform:uppercase;

}



.seminarform{

	width: 100%;

	display: block;

}



.seminarform .form-group{

	margin: 8px auto ;

}



.seminarform input[type=text], .seminarform select, .seminarform input[type=tel], .seminarform input[type=date], .seminarform input[type=email] {

    width: 100%;

    border: 1px #1e878f solid;

    height: 45px;

    margin: 5px auto ;

    border-radius: 5px;

	padding: 0.375rem 2.25rem 0.375rem 0.75rem;

}



.seminarform input.fee{

	width: 100%;

	max-width: 350px;

    border-top: 0px ;

	border-right: 0px ;

	border-left: 0px ;

	border-bottom: 1px #1e878f solid;

	font-size: 18px;

	color: #E86B06;

	background: #ffffff;

	margin: 15px 0px; 

	border-radius: 0px;

}





.seminarform button[type=reset] {

    padding: 10px 27px;

    border-radius: 5px;

    text-transform: uppercase;

    font-weight: 600;

    transition: all 0.5s ease;

    border: 1px solid #1e878f;

    color: #1e878f;

    background: #ffffff;

    margin: 25px 8px 0 0;

    width: fit-content;

    width: -moz-fit-content;

}





.seminarform button[type=submit] {

    padding: 10px 27px;

    border-radius: 5px;

    text-transform: uppercase;

    font-weight: 600;

    transition: all 0.5s ease;

    border: 1px solid #1e878f;

    color: #fff;

    background: #1e878f;

    margin: 25px 0 0 0;

    width: fit-content;

    width: -moz-fit-content;

}









@media (max-width: 526px) {

#logoarea h1{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:22px; color:#FFF; font-weight:100;

	text-align:center; text-shadow:#333 1px 1px 1px;

	margin:10px 0 15px 0;

	line-height:35px;

}

#logoarea h1 span{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:30px; color:#FFF; font-weight:bold;

	text-align:center; text-shadow:#333 1px 1px 1px;

	margin:20px 0 15px 0;

}

#logoarea h6{

	/*font-family: 'Roboto Condensed', sans-serif;*/

	font-family: 'Oswald', sans-serif;

	font-size:18px; color:#FFF; font-weight:100;

	text-align:center; text-shadow:#333 1px 1px 1px;

	margin:0;

}



#logoarea h4{

	/*font-family: 'Roboto Condensed', sans-serif;*/

	font-family: 'Oswald', sans-serif;

	font-size:18px; color:#FFF; font-weight:100;

	text-align:center; text-shadow:#333 1px 1px 1px;

	margin:0; text-transform:uppercase;

}

}

#devider{

	display:block;

	background:#FFF;

	width:50px; height:3px;

	margin:20px auto;

}



#newsbar{

	/*background:url(../images/newsbar.jpg) repeat-x 0 0 #FFF;*/

	background: rgba(41,100,109,1);

	background: -moz-linear-gradient(top, rgba(41,100,109,1) 0%, rgba(255,255,255,1) 100%);

	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(41,100,109,1)), color-stop(100%, rgba(255,255,255,1)));

	background: -webkit-linear-gradient(top, rgba(41,100,109,1) 0%, rgba(255,255,255,1) 100%);

	background: -o-linear-gradient(top, rgba(41,100,109,1) 0%, rgba(255,255,255,1) 100%);

	background: -ms-linear-gradient(top, rgba(41,100,109,1) 0%, rgba(255,255,255,1) 100%);

	background: linear-gradient(to bottom, rgba(41,100,109,1) 0%, rgba(255,255,255,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29646d', endColorstr='#ffffff', GradientType=0 ); 

	height:auto; padding:0 0 25px 0;

}

#newsarea{

	width:100%;

}



#newscolumn{

	display:block;

	background:#FFF;

	width:100%;

	padding:25px;

	height:400px;

}

@media (max-width: 992px) {

#newscolumn{

	display:block;

	background:#FFF;

	width:100%;

	padding:25px;

	height:auto;

}	

}

#newscolumn-devider{

	display:block;

	background:#03818d;

	width:30px; height:3px;

	margin:0 auto;

}

#newscolumn h2{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:20px; color:#03818d;

	font-weight:bold;

	text-align:center;

	text-transform:uppercase;

	margin:10px 0 25px 0;

}

ul.news{

	list-style-type:none;

	list-style-position:inside;	

	margin:0; padding:0

}

ul.news li{

	margin:0 0 20px 0;

	/*background:url(../images/arrowbull.png) no-repeat 0 50%;

	padding-left:20px;*/

}

/*ul.news li span{

	display:block;

	background:#02707b;

	width:50px; height:20px;

	text-align:center;

	font-size:10px;

	line-height:20px;

	color:#FFF;

}*/

ul.news li a{

	display:block;

	font-size:14px;

	color:#666;

	text-decoration:none;	

}

ul.news li a span{

	display:block;

	/*background:#92d8df;*/

	background:url(../images/datebg.jpg) repeat-x;

	width:50px; height:34px;

	text-align:center;

	font-size:11px;

	line-height:17px;

	color:#000;

	float:left;

	border-radius:3px;

	margin-right:10px;

}

ul.news li a:hover{

	color:#000;

}



#news-container{

	padding:0;

}



#news-container ul.notice{

	list-style-type:none;

	list-style-position:inside;	

	margin:0; padding:0

}

#news-container ul.notice li{

	margin:0 0 20px 0;

	

}

#news-container ul.notice li a{

	display:block;

	font-size:14px;

	color:#666;

	text-decoration:none;

	/*background:url(../images/arrowbull.png) no-repeat 0 50%;

	padding-left:15px;*/

}



#news-container ul.notice li a span{

	display:block;

	/*background:#92d8df;*/

	background:url(../images/datebg.jpg) repeat-x;

	width:50px; height:34px;

	text-align:center;

	font-size:11px;

	line-height:17px;

	color:#000;

	float:left;

	border-radius:3px;

	margin-right:10px;

}

#news-container ul.notice li a:hover{

	color:#000;

}







#newscolumn-bottom{

	background:#03818d;

	width:100%; height:50px;

}





a.newsmore{

	display:block;

	background:url(../images/downarrow.png) no-repeat 50% 100%;

	padding-top:15px; text-align:center; text-transform:uppercase;

	font-family: 'Roboto Condensed', sans-serif; color:#FFF;

	font-size:16px; font-weight:bold; text-decoration:none;	

	padding-bottom:25px;

}

a:hover.newsmore{

	display:block;

	color:#FFF;

	text-decoration:underline;

}



#welcomebar{

	background: rgba(4,128,139,1);

	background: -moz-linear-gradient(left, rgba(4,128,139,1) 0%, rgba(4,128,139,1) 50%, rgba(13,102,110,1) 52%, rgba(13,102,110,1) 100%);

	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4,128,139,1)), color-stop(50%, rgba(4,128,139,1)), color-stop(52%, rgba(13,102,110,1)), color-stop(100%, rgba(13,102,110,1)));

	background: -webkit-linear-gradient(left, rgba(4,128,139,1) 0%, rgba(4,128,139,1) 50%, rgba(13,102,110,1) 52%, rgba(13,102,110,1) 100%);

	background: -o-linear-gradient(left, rgba(4,128,139,1) 0%, rgba(4,128,139,1) 50%, rgba(13,102,110,1) 52%, rgba(13,102,110,1) 100%);

	background: -ms-linear-gradient(left, rgba(4,128,139,1) 0%, rgba(4,128,139,1) 50%, rgba(13,102,110,1) 52%, rgba(13,102,110,1) 100%);

	background: linear-gradient(to right, rgba(4,128,139,1) 0%, rgba(4,128,139,1) 50%, rgba(13,102,110,1) 52%, rgba(13,102,110,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04808b', endColorstr='#0d666e', GradientType=1 );

	padding:0;

}



/*#welcomebar{

	background:#016c78;

	background: rgba(3,129,141,1);

	background: -moz-linear-gradient(left, rgba(3,129,141,1) 0%, rgba(13,102,110,1) 100%);

	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3,129,141,1)), color-stop(100%, rgba(13,102,110,1)));

	background: -webkit-linear-gradient(left, rgba(3,129,141,1) 0%, rgba(13,102,110,1) 100%);

	background: -o-linear-gradient(left, rgba(3,129,141,1) 0%, rgba(13,102,110,1) 100%);

	background: -ms-linear-gradient(left, rgba(3,129,141,1) 0%, rgba(13,102,110,1) 100%);

	background: linear-gradient(to right, rgba(3,129,141,1) 0%, rgba(13,102,110,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03818d', endColorstr='#0d666e', GradientType=1 );

	padding:0;

}*/

/*#welcomearea{

	padding:0;

}

#welcomearea-devider{

	display:block;

	background:#FFF;

}*/



a.svcmres{

	display:block;

	background:url(../images/svcmres-lg.jpg) no-repeat 100% 0;

	height:383px; width:502px;

	right:0; position:absolute;

}

@media (max-width: 1400px) {

a.svcmres{

	display:block;

	background:url(../images/svcmres-md.png) no-repeat 100% 0;

	height:383px; width:100%;

	position:relative;

	background-size:contain;

}

}



@media (max-width: 991px) and (min-width: 527px){

a.svcmres{

	display:block;

	background:url(../images/svcmres-sm.jpg) no-repeat 100% 0;

	height:300px; width:100%;

	position:relative;

	background-size:contain;	

}	

}



@media (max-width: 526px) {

a.svcmres{

	display:block;

	background:url(../images/svcmres-md.png) no-repeat 100% 0;

	height:325px; width:100%;

	position:relative;

	background-size:contain;

}	

}



#hyphen{

	background:#FFF;

	height:3px; width:25px;

	margin:10px 0 0 0;

}

#hyphen-dark{

	background:#0d666e;

	height:3px; width:25px;

	margin:10px 0 0 0;

}



#mainprog{

	background:#0eb9cb;

	height:383px; width:100%;

	padding:25px 25px 30px 25px;

}





#mainprog h1{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:30px; color:#FFF;

	/*text-shadow:#666 1px 1px 3px;*/

	line-height:30px;

	font-weight:400;

}

@media (max-width: 1200px) {

#mainprog{

	background:#0eb9cb;

	height:auto; width:100%;

	padding:25px 25px 57px 25px;

}

#mainprog h1{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:28px; color:#FFF;

	/*text-shadow:#666 1px 1px 3px;*/

	line-height:36px;

	font-weight:400;

}	

}

#mainprog a#sub{

	font-size:18px;

	font-weight:bold;

	color:#FFF;

	text-decoration:none;

	line-height:18px;

	text-transform:uppercase;

	/*text-shadow:#666 1px 1px 2px;*/

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 1000ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

}

#mainprog a#sub span{

	font-size:15px;

	text-transform:none;

}

#mainprog a:hover#sub{

	color:#333;

	text-shadow:none;

}





#associatedprog{

	background:#f2b950;

	height:383px; width:100%;

	padding:25px 25px 30px 25px;

}





#associatedprog h1{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:30px; color:#FFF;

	/*text-shadow:#666 1px 1px 3px;*/

	line-height:30px;

	font-weight:400;

}

@media (max-width: 1200px) {

#associatedprog{

	background:#f2b950;

	height:100%; width:100%;

	padding:25px 25px 30px 25px;

}

#associatedprog h1{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:28px; color:#FFF;

	/*text-shadow:#666 1px 1px 3px;*/

	line-height:36px;

	font-weight:400;

}	

}

#associatedprog a#sub2{

	font-size:18px;

	font-weight:bold;

	color:#FFF;

	text-decoration:none;

	line-height:18px;

	/*text-transform:uppercase;

	text-shadow:#666 1px 1px 2px;*/		

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 1000ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

}

#associatedprog a#sub2 span{

	font-size:15px;

	text-transform:none;

}

#associatedprog a:hover#sub2{

	color:#333;

	text-shadow:none;

}



#associatedprog p{

	font-size:16px;

	font-weight:normal;

	line-height:18px;	

	color:#FFF;

	/*text-shadow:#666 1px 1px 2px;*/

}





#impolinkbg{	

	height:383px; width:100%;

	padding:25px 25px 30px 25px;

	background:#0d666e;

}

#impolinkbg h1{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:30px; color:#FFF;

	/*text-shadow:#666 1px 1px 3px;*/

	line-height:30px;

	font-weight:400;

}

@media (max-width: 1200px) {

#impolinkbg{	

	height:100%; width:100%;

	padding:25px 25px 30px 25px;

	background:#0d666e;	

}

#impolinkbg h1{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:28px; color:#FFF;

	/*text-shadow:#666 1px 1px 3px;*/

	line-height:36px;

	font-weight:400;

}	

}



#impolinkbg ul{

	margin:25px 0 0 0;

	padding:0;

	list-style-type:none;

	list-style-position:inside;

}

#impolinkbg ul li{

	margin:7px 0 0 0;

	float:none;

}

#impolinkbg ul li a{

	font-size:12px;

	font-weight:bold;

	color:#FFF;

	text-decoration:none;

	line-height:10px;

	text-transform:none;

	/*text-shadow:#666 1px 1px 2px;*/

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 1000ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

}

#impolinkbg ul li a:hover{

	color:#f2b950;

	text-shadow:none;

}



/* SPLASH */

#splashbg{

	background:#0d666e;

	padding:60px 0;

}

#splashbg h1{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:42px; color:#FFF;

	text-shadow:#666 1px 1px 3px;

	line-height:46px;

	font-weight:400;

	text-transform:uppercase;

}

@media (max-width: 526px) {

#splashbg h1{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:30px; color:#FFF;

	text-shadow:#666 1px 1px 3px;

	line-height:46px;

	font-weight:400;

	text-transform:uppercase;

}

#splashbg h2{	

	font-size:16px; color:#f2b950;

	text-shadow:#666 1px 1px 3px;

	line-height:36px;

	font-weight:bolder;

	text-align:right;

}

}

#splashbg h2{	

	font-size:25px; color:#f2b950;

	text-shadow:#666 1px 1px 3px;

	line-height:36px;

	font-weight:bolder;

	text-align:right;

}

#splashbg h5{	

	font-size:16px; color:#f2b950;

	text-shadow:#666 1px 1px 3px;

	line-height:24px;

	font-weight:bold;		

}

#splashbg h6{	

	font-size:16px; color:#FFF;

	text-shadow:#666 1px 1px 3px;

	line-height:24px;

	font-weight:100;	

}

a#readmore{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:16px; font-weight:bold;

	color:#FFF; text-transform:uppercase;

}



a.eventcalendar{

	display:block;

	opacity:.7;

	margin-top:15px;

	margin-bottom:15px;

}

a:hover.eventcalendar{

	display:block;

	opacity:1;

}



a.faculty{

	display:block;

	opacity:.7;

	margin-top:15px;

	margin-bottom:15px;

}

a:hover.faculty{

	display:block;

	opacity:1;

}



a.convocation{

	display:block;

	opacity:.7;

	margin-top:15px;

	margin-bottom:15px;

}

a:hover.convocation{

	display:block;

	opacity:1;

}



a.alumni{

	display:block;

	opacity:.7;

	margin-top:15px;

	margin-bottom:15px;

}

a:hover.alumni{

	display:block;

	opacity:1;

}



a.publication{

	display:block;

	opacity:.7;

	margin-top:15px;

	margin-bottom:15px;

}

a:hover.publication{

	display:block;

	opacity:1;

}



a.library{

	display:block;

	opacity:.7;

	margin-top:15px;

	margin-bottom:15px;

}

a:hover.library{

	display:block;

	opacity:1;

}



a.fsd{

	display:block;

	/*background:url(../images/fsd.png) no-repeat 50% 0;

	height:146px; width:100%;*/

	margin-top:15px;

	margin-bottom:15px;

	opacity:.7;

}

a:hover.fsd{

	display:block;

	opacity:1;

}



a.fpd{

	display:block;

	/*background:url(../images/fpd.png) no-repeat 50% 0;

	height:146px; width:100%;*/

	margin-top:15px;

	margin-bottom:15px;

	opacity:.7;

}

a:hover.fpd{

	display:block;

	opacity:1;

}



a.los{

	display:block;

	/*background:url(../images/los.png) no-repeat 50% 0;

	height:100%; max-width:100%;

	background-size:cover;*/

	margin-top:15px;

	margin-bottom:15px;

	opacity:.7;

}

a:hover.los{

	display:block;

	opacity:1;

	/*background:url(../images/los-hover.png) no-repeat 50% 0;

	height:auto; max-width:100%;*/

}

/* SPLASH */





/* QUOTE/GALLERY */

#quotegallerybg{

	background:#1e878f;

	padding:60px 0;

}

#quotegallerybg h1{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:36px; color:#FFF;

	/*text-shadow:#666 1px 1px 3px;*/

	line-height:30px;

	font-weight:400;

	text-transform:uppercase;

}



#quoteblock{

	background:url(../images/quoteblockbg.jpg) no-repeat 50% 0;

	height:auto; padding-top:175px;

}

#quoteblockquote{

	background:url(../images/quotemark.png) no-repeat 0 0;

	height:auto; padding:0 30px 10px 40px;

	font-size:14px; color:#FFF;

	line-height:24px; font-weight:normal;

	/*text-align:center;*/

}

	

/* QUOTE/GALLERY */





/* FOOTER TOP */

#footertopbg{

	background:#0a545f;

	padding:70px 0;

}

#footertopbg h1{

	font-family: 'Roboto Condensed', sans-serif;

	/*font-family: 'Oswald', sans-serif;*/

	font-size:18px; color:#069da8; font-weight:600;

	text-align:center; /*text-shadow:#333 1px 1px 1px;*/

	margin:0 0 0 0;

	line-height:26px;

	text-transform:uppercase;

}

#footertopbg h1 span{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:24px; color:#069da8; font-weight:bold;

	text-align:center; /*text-shadow:#333 1px 1px 1px;*/

	margin:20px 0 0 0;

}

#footertopbg p{

	font-family: 'Roboto Condensed', sans-serif;

	/*font-family: 'Oswald', sans-serif;*/

	font-size:14px; color:#069da8; font-weight:600;

	text-align:center; /*text-shadow:#333 1px 1px 1px;*/

	margin:0 0 5px 0;

	line-height:26px;	

}

#footertopbg a{

	color:#069da8;

	text-decoration:none;

}

#footertopbg a:hover{

	color:#05b8c6;

	text-decoration:none;

}



@media (max-width: 526px) {

#footertopbg h1{

	font-family: 'Roboto Condensed', sans-serif;

	/*font-family: 'Oswald', sans-serif;*/

	font-size:16px; color:#069da8; font-weight:600;

	text-align:center; /*text-shadow:#333 1px 1px 1px;*/

	margin:0 0 0 0;

	line-height:26px;

	text-transform:uppercase;

}

#footertopbg h1 span{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:20px; color:#069da8; font-weight:bold;

	text-align:center; /*text-shadow:#333 1px 1px 1px;*/

	margin:20px 0 0 0;

}

#footertopbg p{

	font-family: 'Roboto Condensed', sans-serif;

	/*font-family: 'Oswald', sans-serif;*/

	font-size:12px; color:#069da8; font-weight:600;

	text-align:center; /*text-shadow:#333 1px 1px 1px;*/

	margin:0 0 5px 0;

	line-height:26px;	

}

}



#footertopbg h2{

	font-family: 'Roboto Condensed', sans-serif;

	/*font-family: 'Oswald', sans-serif;*/

	font-size:16px; color:#fff; font-weight:bold;

	/*text-shadow:#333 1px 1px 1px;*/

	text-transform:uppercase;		

}



#footertopbg ul.fl{

	margin:0;

	list-style-type:none;

	list-style-position:inside;

	padding:0;

}



#footertopbg ul.fl li{

	margin:10px 0 0 0;

	padding:0;

}

#footertopbg ul.fl li a{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:14px;

	color:#00b8c6;

	font-weight:normal;

	text-decoration:none;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

	text-transform:uppercase;

}

#footertopbg ul.fl li a:hover{

	color:#ffd588;

	/*text-decoration:underline;*/

}

	

/* FOOTER TOP */





/* FOOTER */

#footerbg{

	/*background:url(../images/footerbg.png) repeat;*/

	background:#022d39;

	padding:45px 0 25px 0;

}

#footerbg p{

	font-size:12px;

	color:#1e878f;

	text-align:center;

	margin-top:10px;

}

#footerbg a{

	font-size:14px;

	color:#1e878f;

	text-decoration:none;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}

#footerbg a:hover{

	color:#FFF;

}

/* FOOTER */









/* --------------------------------------------------------------------------INNER PAGES--------------------------------------------------------------------------------- */



#logobar2{

	/*background:url(../images/logobar.jpg) repeat-x 0 0 #29646d;*/

	background: rgba(2,45,57,1);

	background: -moz-linear-gradient(top, rgba(2,45,57,1) 0%, rgba(41,100,109,1) 100%);

	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(2,45,57,1)), color-stop(100%, rgba(41,100,109,1)));

	background: -webkit-linear-gradient(top, rgba(2,45,57,1) 0%, rgba(41,100,109,1) 100%);

	background: -o-linear-gradient(top, rgba(2,45,57,1) 0%, rgba(41,100,109,1) 100%);

	background: -ms-linear-gradient(top, rgba(2,45,57,1) 0%, rgba(41,100,109,1) 100%);

	background: linear-gradient(to bottom, rgba(2,45,57,1) 0%, rgba(41,100,109,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#022d39', endColorstr='#29646d', GradientType=0 );

	height:auto; padding:15px 0;

}



#logoareainner{

	width:100%;

}



#logoareainner h1{

	font-family: 'Roboto Condensed', sans-serif;

	/*font-family: 'Oswald', sans-serif;*/

	font-size:18px; color:#FFF; font-weight:100;

	text-align:center; text-shadow:#333 1px 1px 1px;

	margin:0 0 0 0;

	line-height:36px;

	text-transform:uppercase;

}

#logoareainner h1 span{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:36px; color:#FFF; font-weight:bold;

	text-align:center; text-shadow:#333 1px 1px 1px;

	margin:20px 0 15px 0;

}

@media (max-width: 526px) {

#logoareainner h1{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:16px; color:#FFF; font-weight:100;

	text-align:center; text-shadow:#333 1px 1px 1px;

	margin:10px 0 15px 0;

	line-height:35px;

}

#logoareainner h1 span{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:30px; color:#FFF; font-weight:bold;

	text-align:center; text-shadow:#333 1px 1px 1px;

	margin:20px 0 15px 0;

}

}



#contentbodybg{

	background:#FFF;

	padding:40px 0;

}



#contentbodybg h1{

	font-family: 'Roboto Condensed', sans-serif;

	font-size:30px; color:#1e878f;	

	line-height:30px;

	font-weight:800;

	text-transform:uppercase;

}

#contentbodybg p{	

	font-size:16px; color:#444444;	

	line-height:20px;

	font-weight:100;	

}

	

/* --------------------------------------------------------------------------INNER PAGES--------------------------------------------------------------------------------- */





/* Pritom CSS for the menu bar */

@media (min-width: 1200px) {

    .container {

        width: 1366px;

    }

}



.container.navbar-collapse.collapse {

    display: flex !important;

	justify-content: center !important;

	align-items: center !important;

}



.container.ps {

    display: flex !important;

	justify-content: center !important;

	align-items: center !important;

}





/* Popup Notice */

.alert.alert-danger.alert-dismissible {

    display: none;

}

@media (max-width: 767px) {

	#logobar
	{
		padding:100px 0 30px;
	}

    .container.ps {

        display: block !important;

	width: auto; 

    }

	table.table-responsive.other-infrastructure td {
		display: inline-block;
		width: 100% !important;
		padding: 10px;
	}

	table.table-responsive.other-infrastructure td a {
		display: inline-block;
		vertical-align: top;
	}

}