/*fonts*/
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url('https://fonts.googleapis.com/css?family=Work+Sans');
@import url('https://fonts.googleapis.com/css?family=Oswald');
/*----------*/

/*.ftx {transition: all .5s ease-in-out;}
.ftx:hover{ padding-left: 10px;}*/

body {background-color: #edf8fd !important;}

/*header top*/
.clr{background-color: #f9fafb/*#edf8fd*/; /*position:fixed;*/ top:0px; z-index:100; box-shadow: 2px 13px 24px -15px rgba(140,209,253,0.50); padding-bottom: 20px;}
.header .top{width:545px;}
.header .top i{float:left; padding-left:10px; padding-right:8px; padding-top:8px; color:#009fea;}
.header .top p{float:left; padding-top:5px;font-family: 'Titillium Web', sans-serif; padding-right:5px; font-size:14px; color:#2176b0; margin-bottom:0px;}
.he{display:none !important; visibility:hidden !important;}
.pt1{padding-top:10px;}
/*----------*/


/*gotop*/
.goTop{width:50px; height:50px; position:fixed; right:10px; bottom:10px; background-color:rgba(0,0,0,0.5); transform:translate(80px, 0px); transition:all .3s ease-in; display:flex !important; flex-direction:column; align-items:center; justify-content:center; border-radius: 25px;}
.goTop:hover{background-color:#2176b0;}
.goTop i{ color:rgba(255,255,255,1.00);}
.show_s{transform:translate(0px, 0px) !important;}
/*----------*/


/*logo*/
.logo{font-size:27px; font-family: Oswald; padding-left:10px; font-weight:600; padding-top:10px; color:#1e6d91; margin-bottom: 0; text-transform: uppercase;}
.logo-p{padding-left:10px; color:#096792; margin-bottom: 0; text-transform: uppercase; font-size: 1.1rem;}
.logo-p2{padding-left:10px; color:#7f8284; font-size: .9rem;}
.logo-btn1{padding:7px 15px 7px 15px; background-color:#2176b0; border-radius:20px; color:#FFFFFF; border:none; margin-top:40px; float:left;}
.logo-btn2{padding:5px 18px 5px 18px; background-color:#126798; border-radius:20px; color:#FFFFFF; border:none; margin-top:10px; float:right;   box-shadow:0px 0px 10px 0px rgba(0,0,0, .5); font-size: .75rem; text-transform: uppercase;}
/*----------*/



/*MAIN MENU*/
.menubar{display:block;}
.menubar-ul{ padding:0px; margin-bottom:0px;}
.menubar ul { list-style-type: none;}
.menubar>ul>li { display: inline-block;}
.menubar ul li a { font-family: 'Titillium Web', sans-serif; font-size: 1rem; text-decoration: none; color: rgba(255,255,255,.7); display: inline-block; padding:15px 37px 15px 37px /*15px 26px 15px 26px*/; border-right: solid 1px #3e8cc1; transition:all .4s ease-in-out; }
.menubar>ul>li a:hover {  transition:all .4s ease-in-out; background-color: #0c5282 }
/*./MAIN MENU*/


/*sidenav*/
.sidenav {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0; background-color: #111;overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
.sidenav a { padding: 14px 8px 14px 32px; text-decoration: none; font-size: 22px; color: #818181; display: block; transition: 0.3s;}
.sidenav a:hover {color: #f1f1f1;}
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}

@media (min-width: 0px) and (max-width: 400px) { 
    .copyright p {font-size: .75rem !important;}
    .abt-h {font-size: 2rem; line-height: 20px;}
    
}

@media (min-width: 0px) and (max-width: 320px) {
    .copyright p {font-size: .6rem !important;}
.ef {padding-left: 0 !important;}
}

@media (min-width: 321px) and (max-width: 380px) {
    .copyright p {font-size: .73rem !important;}
.ef {padding-left: 33px !important;}
}



@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.menu{font-size:43px;cursor:pointer; display:none; color:#2176b0; float:left;padding-left: 25px;padding-top: 16px;}
/*----------*/


.banner_top { padding-top: 226px; }


/*scrolling marquee*/
.topScrollNews {width: 100%; overflow: hidden; background-color: #166499; color: rgba(255,255,255,.7); padding: 8px; box-sizing: border-box; font-size: 16px; font-weight: 400; font-family: 'Titillium Web', sans-serif; height: 39px; margin-top:190px;}
/*----------*/


.list-group-item {     background-color:transparent !important; 
    border: 1px solid rgb(211, 225, 234) !important; }

.lft_list {margin-left: 2rem !important;}

/*menus*/
.abt-h{font-family: 'Titillium Web', sans-serif; font-weight:600; color:#00528a; padding-top:40px; padding-bottom:20px; line-height:50px; text-shadow: 3px 1px 3px #9ebad2, 0 -2px 1px #fff;}

.abt-ph{font-family: 'Titillium Web', sans-serif; font-weight:600; color:#00528a; padding-top:32px; padding-bottom:0px;font-size: 1rem;}
.clr2{background-color:#edf8fd;}
.abt-p{font-family: 'Titillium Web', sans-serif; color:#00528a; line-height:30px; text-align: justify;}
/* Effect 4: bottom border enlarge */
.cl-effect-4 a {padding: 0 0 10px;}
.cl-effect-4 a::after {position: absolute;top: 100%;left: 0;width: 100%;height: 1px;background: #fff;content: '';opacity: 0;transition: height 0.3s, opacity 0.3s, transform 0.3s;transform: translateY(-10px);}
.cl-effect-4 a:hover::after,.cl-effect-4 a:focus::after {height: 5px;opacity: 1;transform: translateY(0px);}
.color-1{background: #435a6b;}.color-2{background: #f39c12;}.color-3{background: #2ac56c;}.color-4{background: #0e83cd;}.color-5{background: #cd4436;}
.color-6{background: #f19f0f;}.color-7{background: #2176b0;}.color-8{background: #ecf0f1;}.color-9{background: #9e487f;}.color-10{background: #16a085;}
.color-11{background: #aab7b7;}
nav a {font-family: 'Titillium Web', sans-serif;position: relative;display: inline-block;margin: 15px 25px;outline: none;color: #fff;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;font-weight: 400;text-shadow: 0 0 1px rgba(255,255,255,0.3);font-size: 1em;}
nav a:hover,nav a:focus {outline: none; color:#FFFFFF; text-decoration:none;}
/* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */
.cl-effect-2 a {line-height: 44px;perspective: 1000px;}
.cl-effect-2 a span {position: relative;display: inline-block;padding: 0 14px;background: #2195de;transition: transform 0.3s;transform-origin: 50% 0;
transform-style: preserve-3d;}
.csstransforms3d .cl-effect-2 a span::before {position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background: #0965a0;content: attr(data-hover);transition: background 0.3s;transform: rotateX(-90deg);transform-origin: 50% 0;}
.cl-effect-2 a:hover span,.cl-effect-2 a:focus span {transform: rotateX(90deg) translateY(-22px);}
.csstransforms3d .cl-effect-2 a:hover span::before,.csstransforms3d .cl-effect-2 a:focus span::before {background: #28a2ee;}
.slider-btn{padding:8px 15px 8px 15px; background-color:#2176b0; border:none; color:#FFFFFF; border-radius:3px;}
/*----------*/




/*parallax*/
.parallax {
  /* The image used */
  background-image: url(../img/students.jpg);
  /* Set a specific height */
  min-height: 500px; 
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.par-h{font-family: 'Titillium Web', sans-serif; font-weight:600; color:#fff; padding-top:100px; padding-bottom:20px; line-height:50px;}
.par-p{font-family: 'Titillium Web', sans-serif; font-size:24px; color:#fff; line-height:35px; padding:20px 120px 10px 120px;}
.cur-p{font-family: 'Titillium Web', sans-serif; font-size:24px; color:#00528a; line-height:35px; padding:10px 00px 10px 00px;}
.table-container {width:52%; /* Total width of visible columns + border widths */height:130px;overflow:hidden; position:relative;}
.sliding-window {width:1600px; /* Total width of all columns in sliding-window + border widths */height:130px;overflow:hidden;}
.sliding-window div {float:left;width:200px;height:130px;}
.ne{ color:rgba(0,0,0,1.00); background-color:transparent; position:absolute; right:20% ;top:80%; border:none; }
.pr{ color:rgba(0,0,0,1.00); background-color:transparent; position:absolute; left:20% ;top:80%; border:none; }
/*----------*/



/*  ABOUT PAGE -START */

.abt-banner-head{ position:relative; margin-top: 15px; }
.abt-banner-top{ position:absolute; top:0; left:0; background-color:rgba(0,0,0,.6); width:100%; height:100%;}
.abt-banner-top h1{ font-size:2rem; font-family: 'Titillium Web', sans-serif; color:#fff; font-weight:bold; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-shadow:  -1px -1px 1px #111, 2px 2px 1px #363636; }

	/* Parallax*/
	
	.parallax-2 {
		/* The image used */
		background-image: url(../images/about-banner.jpg);
	
		/* Set a specific height */
		min-height: 150px;
	
		/* Create the parallax scrolling effect */
		background-attachment: scroll;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
        margin: -15px;
	}
	
	/*  Parallax-end */


/*published*/

ul{list-style-type: none;}
.publish_a {text-decoration: none !important; display: inline-block; width: 90%; min-width: 150px; padding-bottom: 10px; padding-top: 10px; padding-left: 12px; /* border-bottom: solid #ccc 1px; */ /* box-shadow:0px 0px 5px rgba(0,0,0,0.5);*/ transition: all .5s ease-in-out; color: rgba(0,0,0,1.00);}

.vol  {color: #007bff; background-image: url('../img/icon_clip.png'); background-repeat: no-repeat; background-position: 3px 15px; font-weight: 500; padding-left: 32px;}
.publish_a:hover {background-color:none; padding-left: 26px;}

.issue_dwn { background-color: rgb(195 228 255); border: solid #ccc 1px !important; color: black !important; font-size: .90rem !important; min-width: 98px; padding: 2px 15px; margin-left: -5px;}

.issue_dwn:hover { background-color: rgb(228 237 245); }

.download_item:hover { text-decoration:none !important;}


._showTable {
    border: 1px dotted #9ebad2;
}

/*modal*/
.usr { border: solid #ccc 1px; width: 100%; height: 40px; outline: none; padding-left: 15px;}
.usr2 { border: solid #ccc 1px; width: 100%; height: 40px; outline: none; padding-left: 15px;}
.pwd { border: solid #ccc 1px; width: 100%;  height: 40px; margin-top: 15px; outline: none; padding-left: 15px;}
.cusbtn {  width: 100%;  height: 40px; margin-top: 15px; outline: none; background-color: #0a498e !important; }
.cusbtn2 {  width: 100%;  height: 40px; margin-top: 15px; outline: none; background-color: #0a498e !important; }

/*modal Ends*/



/*contact*/
.contact-h1{font-family: 'Titillium Web', sans-serif; font-weight:600; color:#00528a; padding-bottom:20px; line-height:50px;}
.contact-p{padding-left:10px; color:#00528a; font-family: 'Titillium Web', sans-serif; line-height:30px;}
.contact label{color:#00528a;font-family: 'Titillium Web', sans-serif; font-size:20px; font-weight:600; padding-top:8px;}
.contact input{padding:10px 20px 10px 20px; width: 100%; color:#00528a !important; border:1px solid #aee6ff; border-radius:10px;}
::placeholder{color:#5BA4C4;font-family: 'Titillium Web', sans-serif; font-size:16px;}
.contact textarea{padding:10px 20px 10px 20px; color:#00528a !important; border:1px solid #aee6ff; border-radius:10px; width: 100%;}
.contact button{padding:8px 22px 8px 22px; background-color: #2176b0; border:none; color:#FFFFFF; border-radius:20px; font-size:16px;font-family: 'Titillium Web', sans-serif; float: right;}
/*----------*/




/*footer*/
.footer-h1{font-family: 'Titillium Web', sans-serif; font-weight:600; color:#fff; padding-bottom:10px; line-height:50px; font-size:20px;}
.clr3{background-color:#497593;}
.footer ul li a{color:#FFFFFF;font-family: 'Titillium Web', sans-serif; font-size:17px;}
.footer ul{padding:0px; padding-left:20px; color:#FFFFFF;}
.clr4{background-color: #0c426f /*#2e5876*/; margin-top: 15px;}
.copyright p{color:#b4d9f3; padding-top:10px; padding-bottom:10px; margin-bottom:0px;}
/*----------*/



.v1 { padding-bottom: 7px; border-bottom:double #e9701e 3px;}
.logimgs {padding-bottom: 10px; padding-top: 15px;}
.nslog { padding-left: 50px;}
.cus-footer1 {text-align: left; font-size: .81rem;}
.cus-footer2 {text-align: right; font-size: .91rem;}

.carousel-control-next, .carousel-control-prev {top:185px;}
.ns_em {float: right;}
.vis { font-size:.8rem; font-weight: 600; float: right; margin-top: 0px !important; margin-bottom: 0; margin-right: 24px; padding: 2px 10px; color: rgba(255,255,255,.7); }

/* Extra small devices (portrait phones, less than 576px) col-12*/
@media (max-width: 575px) { 

    .abt-banner-head{  margin-top: 0px; }
    .border-double {  border-bottom: double #e9701e 5px !important; border-top: double #e9701e 5px; margin-top: 23px !important;}
    .parallax-2 {min-height: 100px;background-attachment: scroll;}
    .copyright p {padding-bottom: 5px;}
    .no_top {padding-top: 0 !important; padding-bottom: 15px !important;}
    .cf {font-size: 1.6rem !important;}
    .publish_a {width: 100%;}
    .issue_dwn {float: right; margin-bottom: 30px;}
.cus-footer1 {text-align: center; font-size: .81rem;}
.cus-footer2 {text-align: center; font-size: .96rem;}
	.ns_em {float: right; margin: 0 auto; display: block;}
	.carousel-control-next, .carousel-control-prev {top:185px;}
.nslog { padding-left: 0px; padding-left: 20px; padding-right: 10px;}	
.logo-mt1{margin-top:10px;}
	.ef {padding-left: 58px;}
	.logimg {padding-bottom: 0;}
.v1{display:none !important; visibility:hidden !important; border-bottom: solid rgba(212, 212, 212, 0.5) 1px;}
.top { width: 340px;}
.logo{padding-left:54px; font-size: 33px;}
.logo-btn1{margin-bottom: 15px; margin-top:20px;}
.logo-btn2{margin-bottom: 15px; margin-top:4px; margin-right: 43px; padding: 5px 45px 6px 45px; }
.menu{ display:block !important; padding-left: 17px;
    padding-top: 8px;}
.menubar{display:none !important;}
.par-p{padding: 0 20px 10px 20px;}
.contact input{padding:10px 120px 10px 20px;}
.contact textarea{padding:10px 120px 10px 20px;}
.topScrollNews {margin-top:235px;}


.logo-p {padding-left: 54px; font-size: 1.1;}
.logo-p2 {padding-left: 54px; font-size:.87rem;}
	/*
	.logimg {    padding-left: 11px;
    padding-top: 11px;}*/

	
.banner_top {padding-top: 0px;}
.bnr_img {height: 400px; object-fit: cover;}
.abt-p {text-align: justify; font-size: 1rem; line-height: 30px;}
	.clr{ position:relative; }	
    
    .vis { font-size:.8rem; font-weight: 600; margin-top: 0px !important; margin-bottom: 0; margin-right: -15px; padding: 2px 10px; color: rgba(255,255,255,.7); padding-top: 0 !important; padding-left: 20px;}
	
 }
/*Small devices (landscape phones, 576px and up) col-sm*/
@media (min-width: 576px) and (max-width: 767px) { 
.logo-mt1{margin-top:15px;}
.logo{padding-left:40px;}	
.logo-p{padding-left:40px;}
.logo-btn1{margin-bottom: 15px; margin-top:20px;}
.logo-btn2{margin-bottom: 15px; margin-top:20px;}
.menu{ display:block;}
.menubar{display:none;}
    
 }

/*Medium devices (tablets, 768px and up) col-md*/
@media (min-width: 768px) and (max-width: 991px) {
.logo-mt1{margin-top:10px;}
.logo-btn1 {padding: 7px 7px 7px 7px; margin-top: 30px;}
.logo{padding-left:35px;}
.logo-p{padding-left:35px;}
.menu{ display:none;}
.menubar ul li a{padding: 13px 18px 13px 18px; font-size: .9rem;}
.logo-btn2 {
    padding: 7px 20px 7px 20px;
    margin-top: 20px;
    margin-left: 5px;}
    .issue_dwn {float: right; margin-bottom: 10px;}
     .abt-h {font-size: 2rem; line-height: 37px;}
/*.menubar{display:none;}*/
 }

/*Large devices (desktops, 992px and up) col-lg*/
@media (min-width: 992px) and (max-width: 1199px) { 

.logo{padding-left:20px;}	
.logo-p{padding-left:20px;}
.menubar ul li a{padding: 15px 34px 12px 34px;}
    .abt-h {font-size: 2rem; line-height: 37px;}
 }

/*Extra large devices (large desktops, 1200px and up) col-xl*/
@media (min-width: 1600px) and (max-width:2500px) { 
	.fullwidth_img { 
	    width: 100%;
	}
	
 }