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


body{
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 1.42857143;
    color: #4C4C4C;
	max-width: 100%;
	background-color: #fff;
}
a{
    color:  #4570c0;
	text-decoration: none;
}
a:hover , a:focus{
    color:  #000;
	text-decoration: none;
}

input:focus, input:active {

	outline: : none;
}
 /*same height*/

   .flex-row.row {
	 display: flex;
	 flex-wrap: wrap;
   }
   .flex-row.row > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
   }
  .flex-row.row:after, 
  .flex-row.row:before {
	 display: flex;
  }

/*same height*/



.fade.in {
    opacity: 1;
background: rgba(0,0,0,0.8);}


 
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;
   /* left:100%; */
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  /* content: " "; */
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 @media (min-width: 768px){
.navbar {
    border-radius: 0px!important;
}
}
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  /* text-decoration: underline; */
}  

  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }


  #navbar {
    text-align: center;
  }
 



/* top social */


.fixed {
    z-index: 9999;
       position: fixed!important;
    left: 0;
    top: -52px;
    width: 100%;
        box-shadow: -3px -3px 3px 0 rgba(0, 0, 0, 0.19), 3px 0 3px 0 rgba(0, 0, 0, 0.19), 0 3px 3px 0 rgba(0, 0, 0, 0.23);
    border-bottom: none;
}

.fixed .logo {
    width: 80px;
    margin-top: 0px;
}

.socialtop{
	margin: 0;
}

.topso {
    background: #202020;
    padding: 10px 25px;
    position: absolute;
    right: 0;
    width: 27%;
    color: #fff;
    z-index: 2;
    top: 0;
	font-size: 14px;
	font-weight: 400;
}


.topso span {
    margin-left: 15px;
	color: #5c5c5c
}

.topso a {
    
	color: #5c5c5c;
	margin-right: 5px;
	font-size: 17px;
}


/* menu */


.logo {
	width: 110px;
	margin-top: -35px;
}

.menu {
	
    padding: 0px;
	z-index:90;
	    position: relative;
}
.menu-bg {
	margin-top: 50px;
    padding: 15px 20px;
	background: #fff;
	
	/* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); */
}
	.navbar{
		margin-bottom: 0px!important;
		cursor: pointer;
	}
	
	/*.navbar-right {
 		margin-right: 7%!important;
	}*/
	
	
	.navbar-nav > li > a {
   /* text-transform: uppercase; */
   font-size: 14px;
   font-weight: bold;
   letter-spacing: 0.5px;
	}
	
	
	
	.nav > li > a:hover{
 
    background-color: transparent!important;
    color: #376bcd;	
	}

	 .nav > li > a:focus {
 
    background-color: transparent!important;
    }
	.navbar-nav > li > a:active{
	color: #376bcd;	

	}
	
		.navbar-nav .active{
	color: #376bcd;	

	}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 0px 0px!important;
    font-size: 18px;
    line-height: 20px;
}

.menu-bg .navbar-toggle {
    border-color: transparent;
    background-color: transparent;
}

.menu-bg .navbar-toggle .icon-bar {
    background-color: #dcdcdb;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 28px!important;
height: 4px!important;}
.navbar-brand { position: relative; z-index: 2; }

.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px; margin: 10px auto; transition: transform 0.3s; }

.navbar .navbar-collapse { position: relative; overflow: hidden !important; }
.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 22px; }

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: #f8f8f8; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }

.navbar-nav.navbar-right .btn:not(.collapsed) {
   	background: #99cc33 ;
    border-color: #99cc33;
    color: #fff;
}

.navbar-nav.navbar-right .btn:not(.collapsed):hover {
   	background: #003399 ;
    border-color: #003399;
    color: #fff;
	transition: 0.3s;
}


.navbar.navbar-default .nav-collapse,
.navbar.navbar-inverse .nav-collapse {
    height: auto !important;
    transition: transform 0.3s;
    transform: translate(0px,-50px);
}
.navbar.navbar-default .nav-collapse.in,
.navbar.navbar-inverse .nav-collapse.in {
    transform: translate(0px,0px);
}


@media screen and (max-width: 767px) {
    .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; } 
    
    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }
    
    .navbar.navbar-default .nav-collapse,
    .navbar.navbar-inverse .nav-collapse {
        transform: translate(-100%,0px);
    }
    .navbar.navbar-default .nav-collapse.in,
    .navbar.navbar-inverse .nav-collapse.in {
        transform: translate(0px,0px);
    }
    
    .navbar.navbar-default .nav-collapse.slide-down,
    .navbar.navbar-inverse .nav-collapse.slide-down {
        transform: translate(0px,-100%);
    }
    .navbar.navbar-default .nav-collapse.in.slide-down,
    .navbar.navbar-inverse .nav-collapse.in.slide-down {
        transform: translate(0px,0px);
    }
}

/* sub menu */


/* nav end */

/*search modal*/

.searchmodal {
	background: #4570c0;
	color: #fff;
	padding: 50px;
	width: 40%;
	margin: 0 auto;
	margin-top: 10%;
	text-align: center;
}



.searchmodal h1{
	font-size: 25px;
	font-weight: 900;
	margin-bottom: 15px;
	
}

.searchmodal p{
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 15px;
	color: #93aee4;
	
	
}
.searchmodal .icon {background: #fcfcfc;
    padding: 18px 20px;
    border: none;
    font-size: 15px;
    letter-spacing: 1px;
    margin: 0;
    color: #b2b2b2;
    margin-bottom: 20px;
}

.searchmodal input{
	background: #fcfcfc;
padding: 15px 20px ;	
border: none;
font-size: 15px;
letter-spacing: 1px;
margin:0;
color: #000;
width: 60%;
margin-bottom: 20px;
	
}



.searchmodal input::placeholder{
color:#bababa;
	
}



.searchmodal button{
	background: #fcfcfc;
	color: #4570c0;
padding: 15px 20px ;	
border: none;
font-size: 15px;
letter-spacing: 1px;
margin:0;
margin-left: -5px;
	
	
}

.searchmodal button:hover{
	background: #2c5ebb;
	color: #fff;
	
}

.searchmodal  .popup-close{
	float: right;

margin-top: -25px; 
cursor: pointer; 
border: 0px solid #fff;
    padding: 5px 10px;
border-radius: 50px;
color: #fff;
	}
	
		.searchmodal  .popup-close:hover{
background: #4570c0;
border-color: #4570c0;
color: #fff;
border: 1px solid #fff;
	}
/* slider */


.bigslider {
	position: relative;
    height: auto;
    top: -66px;
    margin-bottom: 0px;
	
}



.sliderc {
	 
	z-index: 7;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: inherit;
    line-height: 60px;
    border-width: 0px;
    padding: 1px 4px 0px;
    letter-spacing: 0px;
    font-weight: 800;
    font-size: 60px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: 70%;
	margin-left: 120px;
	margin-top: 110px;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
}
.sliderc h1{
	font-size: 40px;
	font-weight: 700;
	line-height: 50px;
	color: #fff;
	font-family: 'Lato', sans-serif!important;

}
.sliderc h1 span{

	color: #4f8cfe;
}
.sliderc h1:after{
	padding-top: 20px;
	left: -50px;
	content: " ";
  border-bottom-style: solid;
  border-bottom-width:2px;
  display:table-cell;
  width:100px;
  color: #2e7bee

}
.sliderc p{
	margin-top: 20px;
	font-size: 15px;
	font-weight: 300;
	line-height: 25px;
	color: #fff;
	width: 70%;
	font-family: 'Lato', sans-serif!important;
}

.sliderc .button{
	background: #4570c0;
	padding: 15px 20px;
	color: #fff;
	font-size: 15px;
}

.sliderc .button:hover{
	background: #fff;
	color: #4570c0;
}


/* newsletter */

.newsletter {
	    float: right;
    background: #4570c0;
    padding: 10px 45px;
    width: 40%;
    right: 0;
    top: -150px;
    position: relative;
    color: #fff;	
	
}


.newsletter h1{
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 15px;
	
}

.newsletter p{
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 15px;
	color: #93aee4;
	
	
}
.newsletter .icon {background: #fcfcfc;
    padding: 18px 20px;
    border: none;
    font-size: 15px;
    letter-spacing: 1px;
    margin: 0;
    color: #b2b2b2;
    margin-bottom: 20px;
}

.newsletter input{
	background: #fcfcfc;
padding: 15px 20px ;	
border: none;
font-size: 15px;
letter-spacing: 1px;
margin:0;
color: #000;
width: 60%;
margin-bottom: 20px;
	
}



.newsletter input::placeholder{
color:#bababa;
	
}



.newsletter button{
	background: #fcfcfc;
	color: #4570c0;
padding: 15px 20px ;	
border: none;
font-size: 15px;
letter-spacing: 1px;
margin:0;
margin-left: -5px;
	
	
}

.newsletter button:hover{
	background: #2c5ebb;
	color: #fff;
	
}


/* newsletter inner*/

.newsletter-inner {
	 
    background: #4570c0;
    padding: 10px 45px;
    width: 50%;
	margin:0 auto;
    position: relative;
    color: #fff;	
	text-align: center;
	
}


.newsletter-inner h1{
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 15px;
	
}

.newsletter-inner p{
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 15px;
	color: #93aee4;
	
	
}
.newsletter-inner .icon {background: #fcfcfc;
    padding: 18px 20px;
    border: none;
    font-size: 15px;
    letter-spacing: 1px;
    margin: 0;
    color: #b2b2b2;
    margin-bottom: 20px;
}

.newsletter-inner input{
	background: #fcfcfc;
padding: 15px 20px ;	
border: none;
font-size: 15px;
letter-spacing: 1px;
margin:0;
color: #000;
width: 60%;
margin-bottom: 20px;
	
}



.newsletter-inner input::placeholder{
color:#bababa;
	
}



.newsletter-inner button{
	background: #fcfcfc;
	color: #4570c0;
padding: 15px 20px ;	
border: none;
font-size: 15px;
letter-spacing: 1px;
margin:0;
margin-left: -5px;
	
	
}

.newsletter-inner button:hover{
	background: #2c5ebb;
	color: #fff;
	
}

/* title */

.title {

	margin-bottom: 15px;
	
	}
	
	.title h1{
	font-size: 35px!important;
	color: #292929;
	font-size: 30px;
	font-weight:900;
	
	
	}
	
.title span {	
	color: #4269b1;
	
}

.title p {	
	color: #8f8f8f;
	font-size: 15px;
	
}

.title:after{
	content: " ";
  border-bottom-style: solid;
  border-bottom-width:3px;
  display:table-cell;
  width:60px;
  color: #2e7bee;
}


/* news */

.news-sec{
	
	margin-top: -80px;
	}
	
	.news-sec .news{
		margin-bottom: 35px;
	}
	
		.news-sec .news .newsitem{
		margin-bottom: 45px;
		}
	.news-sec .news h1{
	font-size: 30px;
	border-bottom: 1px solid  #e5e5e5;
	color: #292929;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 0;
	}
	
.news-sec .news h2 {
    font-size: 15px;
    /* border-bottom: 1px solid #e5e5e5; */
    color: #292929;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
	
		.news-sec .news p{
	font-size: 15px;
	color: #6e6e6e;
	line-height: 25px;
	border-bottom: 1px solid  #e5e5e5;
	padding-bottom: 20px;
	margin-bottom: 20px;
	}
	
	
	
			.news-sec .news .detail{
				
	}
	
	
	
			.news-sec .news .detail .date{
				color: #888888;
				float: left;
				font-weight: 700;
	}
	
				.news-sec .news .detail .morelink{
				color: #3e3e3e;
				float: right;
				font-size: 15px;
				font-weight: 400;
	}
	
					.news-sec .news .detail .morelink i{
				padding-left: 20px;
	}
	
					.news-sec .news .detail .morelink a:hover{
				color: #4269b1;
				
	}
	
	
	/* news inner */
	
	
	.news-sec-inner{
	
	margin-top: 0px;
    margin-bottom: 50px;
	
	}
	
	
		.news-sec-inner .loadmore{
	
	font-weight: 700;
font-size: 15px;
	}
	
	
		
		.news-sec-inner .loadmore i{
	
margin-left: 10px;
color: #00319a;
	}
	
	
			.news-sec-inner .news-inner{
		margin-bottom: 45px;
	
		
		}
		
		
		
	.news-sec-inner .newssp{
		margin-bottom: 25px;
	}
		
	.news-sec-inner .news-inner .newsitem-inner {
		padding-bottom: 20px;
		border-bottom: 1px solid  #e5e5e5;
	}
		
			.news-sec-inner .news-inner .newsitem-inner h1{
	font-size: 20px;
	border-bottom: 1px solid  #e5e5e5;
	color: #292929;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 0;
	}
	
		.news-sec-inner .news-inner h2{
	font-size: 15px;
	/* border-bottom: 1px solid  #e5e5e5; */
	color: #292929;
	padding-bottom: 20px;
	margin-bottom: 10px;
    min-height: 70px;
    max-height: 70px;
	}
	
@media (max-width: 768px) {
 	.news-sec-inner .news-inner h2{
    min-height: auto;
    max-height: 100%;
	}   
}


		.news-sec-inner .news-inner p{
	font-size: 15px;
	color: #6e6e6e;
	line-height: 25px;
	/* border-bottom: 1px solid  #e5e5e5; */
	padding-bottom: 0px;
	margin-bottom: 30px;
	}
		

	
				.news-sec-inner .news-inner .detail-inner{
				
	}
	
			.news-sec-inner .news-inner  .date-inner{
				color: #8c8c8c;
				font-weight: 400;
				margin-bottom: 20px;
	}
	
				.news-sec-inner .news-inner .detail-inner .morelink-inner{
				color: #fff;
				background: #d1d1d1;
				font-size: 14px;
				font-weight: 400;
				padding: 8px 15px;
	}
	
				.news-sec-inner .news-inner .detail-inner .morelink-inner i{
				padding-left: 20px;
	}
	
					.news-sec-inner .news-inner .detail-inner .morelink-inner:hover{
				background: #4269b1;
				
	}
	
	
	/* events */
	
	.events{
		background: #f7f7f7;
		padding: 50px 0px 100px;
		
	}

	.events .title {

	margin-bottom: 15px;
	
	}
	
	.events .title h1{
	font-size: 35px!important;
	color: #292929;
	font-size: 30px;
	font-weight:900;
	
	
	}
	
.events .title span {	
	color: #4269b1;
	
}

.events .title p {	
	color: #8f8f8f;
	font-size: 15px;
	
}

.events .title:after{
	content: " ";
  border-bottom-style: solid;
  border-bottom-width:3px;
display: block;
  width:60px;
  color: #2e7bee;
  margin: 0 auto;
}
	
	.events .eventsec{
		margin-top: 50px;
		
	}
	
	.events .eventbox{
		
		padding: 0px;
		margin-bottom: 30px;
		background: #ececec;
		
	}
	
	.events .eventbox img{
    padding: 0px;
    /*height: 200px;*/
    /*object-fit: cover;*/
    /*width: 768px;*/
    margin: 0 auto;
	}
	
	.events .eventbox .details{
		
    padding: 25px;
    min-height: 205px;
    overflow: auto;
    max-height: 205px;
	}
	
	.events .eventbox .details .sec1{
		
		width: 80%;
		float: left;
		
	}
	
	
		.events .eventbox .details .date{
		
		color: #b4b4b4;
		font-size: 14px;
		font-weight: 400;
		margin-bottom: 10px;
		
	}
	
			.events .eventbox .details .titlee{
		
		color: #444444;
		font-size: 17px;
		font-weight: 700;
		line-height: 30px;
		
		
	}
	
	
	.events .eventbox .details .sec2{
		
		width: 20%;
		float: right;

vertical-align: middle;
line-height: 130px;

	}
	
		.events .eventbox .details .sec2 .boxa{
		
padding: 17px 10px 10px 10px;
border: 1px solid transparent;
margin-right: -30px;
	}
	
		
	.events .eventbox .details .sec2 i{
		
	font-size: 25px;
	}
	
	.events .eventbox .details .sec2 a:hover{
		
	border: 1px solid #4570c0;
	color: #4570c0;
	}
	
	
	
	
	/* map */
	
	.map {
		background-image: url("../images/css/map.png");
	background-repeat: no-repeat;
   background-color: #fff;
   background-position: 0% 15%;
   padding-bottom: 50px;
   padding-top:30px;
   background-attachment: fixed;
		
		
	}
	
		.map .map-left{
	margin-top: 60px;
		
		
	}
		.map .map-left h2{
	color: #a6a6a6;
	font-size: 15px;
	font-weight: 300;
	margin-top: 40px;
	margin-bottom: 30px;
	
		}
		
				.map .map-left input,select{
	border: none;
	    box-shadow: 3px 3px 40px #ccc;
	padding: 15px 10px;
	width: 70%;
	color: #a6a6a6!important;
	font-size: 13px!important;
	margin-bottom: 25px!important;
	
	
		}
		
						.map .map-left input,select:focus{
	border: none;
	    box-shadow: 3px 3px 40px #ccc;
	outline: none;
	
		}
	
	
			.map .map-left .rocket{
	margin-top: 50px;
	margin-left: 40px;
		
		
	}
	
/* graph */
.graph{
	
		background-image: url("../images/css/graph.png");
	background-repeat: no-repeat;
   background-color: #f7f7f7;
    background-position:bottom; 
   padding-bottom: 120px;
   padding-top:110px;	
   background-attachment: fixed;
	
}

.graph .leftg{
	margin-top: 0px;
	
}

.graph .leftg p{
	color: #848484;
	font-size: 15px;
	line-height: 35px;
}

.graph .leftg .buttondiv{
	
	margin-top: 50px;
}


.graph .leftg .abutton{
	
	background: #4570c0;
	padding: 10px 15px;
	color: #fff;
	font-size: 15px;
}
.graph .leftg .abutton:hover{
	
	background: #fff;

	color: #4570c0;

}
.graph .leftg .abutton i{
	
	margin-left: 10px;
}

.graph .rightg{
	
}
	


	/*footer*/

	.footer {

		background: #ffffff;
		padding: 60px 0px 30px;
	}
	

	
	.footer .logofoot img{
		width: 100px;
		margin-bottom: 30px;
	}




	.footer .desc{
		font-size: 15px;
		font-weight: 300;
		line-height: 25px;
		color: #848484;
		padding-right: 10px;
	}

	.footer .sec{
		font-size: 18px;
		font-weight: 700;
		color: #131313;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	
.footer .first{
	
	
}

.footer .mores{
	padding-left: 50px;
	
}
.footer .follow{
	padding-left: 50px;
	
}

.footer .contactus{
	padding-left: 0px;
	
}

.footer .followbuttons {

margin-left: 2px;

}

.footer .followbuttons .btns{

	    width: 50px;
    height: 50px;
    border-radius: 50px;
    padding: 10px 13px;
    margin-right: 10px;
    -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}


.footer .followbuttons .btns:hover{
box-shadow: 3px 3px  5px #bbb;
 -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.footer .followbuttons .linkedin{
color: #fff;
background: #007ab9;

	
}
.footer .followbuttons .twitter{
color: #fff;
background: #598dca;
	
}


   .footer .liststyle ul{

    padding-inline-start: 0px;
    list-style-type: none;
    margin-left: 0px;
	    -webkit-padding-start: 0px;
	    padding: 0px;
}

   .footer .liststyle li{
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 700;
}


.footer .contactus .cnt{
	color: #363636;
	font-size: 15px;
	font-weight: 700;
	line-height: 25px;
	margin-bottom: 20px;
}
.footer .contactus .cnt a{
	color: #4570c0;
}
.footer .contactus .cnt a:hover{
	color: #000;
}
.copyright{

	background: #202020;
	color: #5c5c5c;
	font-size: 15px;
	font-weight: 300;
	padding: 20px 7%;
	border-right: #ffffff solid 120px;
}


	/* popup */


	
	.modal {
		overflow: auto!important;
		}
	.popup-box{
		margin: 0 auto;
		background: #fff;
		width: 70%;
		margin-top: 20px;
		padding: 50px 80px;
		z-index: 10000000000000;
		margin-bottom: 50px;
		
	}


.popup-box .title {

	margin-bottom: 15px;
	
	}
	
	.popup-box .title h1{
	font-size: 25px!important;
	color: #292929;
	font-size: 30px;
	font-weight:900;
	
	
	}
	
.popup-box .title span {	
	color: #4269b1;
	
}

.popup-box .title p {	
	color: #8f8f8f;
	font-size: 15px;
	
}

.popup-box .title:after{
	content: " ";
  border-bottom-style: solid;
  border-bottom-width:3px;
display: block;
  width:60px;
  color: #2e7bee;

}
	


	.popup-box .popup-close,
	.popup-box .region-close{
	float: right;

margin-top: -25px; 
cursor: pointer; 
border: 1px solid #000;
    padding: 5px 10px;
border-radius: 50px;
	}
	
	.popup-box .popup-close:hover,
	.popup-box .region-close:hover{
background: #4570c0;
border-color: #4570c0;
color: #fff;
	}
	.popup-box h1{
	color: #4570c0;
	font-size: 25px;
	
	}
	.popup-box h2{
	color: #6e6e6e;
	font-size: 15px;
	
	}
	
		.popup-box p{
	color: #6e6e6e;
	font-size: 15px;
	line-height: 25px;
	
	}
	
			.popup-box p strong{
	font-weight: 700;
	
	}
	
	
	/* banner */
	
	
/* heading with banner */

.banner_block {
	width:89%;
    float: left;
    position: relative;
    padding: 0px;
	margin-bottom: 50px;
	height: 250px;
	/* background-attachment: fixed; */
    background-size: cover;
    background-position: center;
}
.banner_block .overlay2 {
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=70);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.banner_block img {

	height: auto;
	display: block;
	width: 100%;
}
.banner_area {
	width: 100%;
    float: left;
    position: absolute;
    padding: 0px;
	margin: 0;
	bottom: 30%;
	  z-index: 2;
}
.banner_area h3 {
	width: auto;
	float: left;
	position: relative;
    color: #fff;
    font-size: 25px;
    line-height: 35px;
    font-weight: 500;
	padding: 25px 115px;
	margin: 0;
}

.banner_area h3:after {
	    content: " ";
    border-bottom-style: solid;
    border-bottom-width: 3px;
    display: table-cell;
    width: 40px;
    color: #2e7bee;
    padding-top: 15px;
}
.banner_area h3 span{
	color: #2e7bee;
}

.banner_area p {
    width: auto;
    float: left;
    position: relative;
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
    padding: 5px 115px;
    margin: 0;
}


.banner_area ul {
	width: auto;
	float: right;
	position: relative;
	padding-right: 30px;
}
.banner_area ul li {
	width: auto;
	display: inline-block;
	position: relative;
	padding: 32px 10px;
}
.banner_area ul li::after {
	content: '/';
	position: absolute;
	right: -3px;
    color: #fff;
    font-size: 10px;
    line-height: 21px;
}
.banner_area ul li:last-child::after {
	display: none;
}
.banner_area ul li a {
	width: auto;
	float: left;
	position: relative;
    color: #fff;
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
	padding: 0px;	
}
@media (max-width: 650px) {
.banner_block img {
	   width: 1500px;
	height: 100px;
	display: block;
}
}
@media (max-width: 768px) {
.banner_area h3 {
	width: 100%;
    font-size: 20px;

    line-height: 35px;
	padding: 3px 45px;
}
.banner_area p {
width: 100%;
    font-size: 17px;
	padding: 5px 45px;
}


.banner_area ul {
	width: 100%;
	text-align: center;
}
.banner_area ul li {
	padding: 10px 10px;
}
}
	
	
	
/* page graphs */

 /* year */
 
 
 .graph-year {
	padding-top: 20px;
padding-bottom: 50px;	
 }
 
  .graph-year .yearlist{
	margin-bottom: 50px;
 }
 
  .graph-year .yearlist ul{
	  margin: 0;
	      -webkit-margin-before: 0em;
		  -webkit-padding-start: 0px;
	
 }
 .graph-year .yearlist ul li{
	list-style-type: none;
	display: inline-block;
	padding-right: 25px;
	    margin-bottom: 15px;
	
 }
  .graph-year .yearlist ul li a{
   color:  #9fabb5;
   font-size: 17px;
   text-transform: uppercase;
    padding-bottom: 15px;
	font-weight: 700;
	
  }
  
    .graph-year .yearlist ul li a:hover{
   color:  #3b4955;
	
  }
   .graph-year .yearlist .dark{
   color:  #3b4955;

  
  }
  
     .graph-year .yearlist .dark:hover{
border-bottom: #4570c0 3px solid;

  
  }

  
  
  .graph-year .yearlist .active{
   color:  #3b4955;
   border-bottom: #4570c0 3px solid;
   padding-bottom: 10px;
  
  }
  
  
  /* graph select */
  
  
	/* map */
	
	.graph-select{
		
   background-image: url("../images/css/map.png");
   background-repeat: no-repeat;
   background-color: #f7f7f7;
   background-position: 0% 15%;
   padding-bottom: 50px;
   padding-top:30px;
   background-attachment: fixed;
		
		
	}
	
		.graph-select .graph-select-left{
	margin-top: 60px;
		
		
	}
		.graph-select .graph-select-left h2{
	color: #a6a6a6;
	font-size: 15px;
	font-weight: 300;
	margin-top: 40px;
	margin-bottom: 30px;
	
		}
		
				.graph-select .graph-select-left input,select{
	border: none;
	    box-shadow: 3px 3px 40px #ccc;
	padding: 15px 10px;
	width: 70%;
	color: #a6a6a6!important;
	font-size: 13px!important;
	margin-bottom: 25px!important;
	
	
		}
		
						.graph-select .graph-selectleft input,select:focus{
	border: none;
	    box-shadow: 3px 3px 40px #ccc;
	outline: none;
	
		}
	
	
	
	/* charts */
	
	.section-chart{
	padding: 50px 0px;	
	}
	
	
	.chart-img {
	color: white;
    display: inline-block;
    overflow: hidden;
    position: relative;
	margin: 0 0px;
}
.chart-img img {
  width: 100%;
  height: 100%;
}

.chart-title {
  font-weight: 300;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.chart-title,
.chart-icon {
  margin: 0;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 100%;
  padding: 12px 13px;
     color: #376bcd;
	 visibility: hidden;
}

.chart-title,
.chart-icon:hover {
  background: #376bcd;
  border: 1px solid #376bcd;;
     color: #fff;
}

.chart-icon a {
 color: #fff;
}
#overlay5 {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: auto;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}


.chart-img:hover img {
  transition: transform 0.5s;
}
.chart-img:hover #overlay5 {
  opacity: 0;
}


.chart-img-cpt {
	margin-top: 15px;
	font-weight: bold;
	font-size: 15px;
		margin: 10px;
	
}

.chart-img-cpt span{
   color: #999999;
    font-weight: 500;
    padding-left: 10px;
}
.chart-img-cpt a{
	color: #22a9ce;
	font-weight: normal;
	font-size: 15px;
	
	
}


.chart-popup {
	margin: 0 auto;
	padding: 0;
	margin-top: 10%;
	width: auto;
	
}

.nergraph {
	
	background: #f7f7f7;
	margin: 10px;
	padding: 75px 0;
	text-align: center;
	}
	
	.nergraph .graphcontent{
	
	margin-left: 20%;
	margin-right: 20%;
	}
	
	
	
	.graph-table {
	
	margin: 10px;
	padding: 75px 0 0px;

	}
	
	
		.graph-table .tablecontent{
	
	    padding: 50px 60px;
	/* border-bottom: 2px solid #c3cfd9; */
	    /* padding-bottom: 100px; */
	}
	
.tablecontent .table-responsive
	{ border: 0px!important;}
	
	
	.tablecontent th
	{ 
	background: #4570c0;
	color: #fff;
	padding: 15px!important;
	}
	
		.tablecontent td
	{ 
	
	padding: 15px!important;
	}
	
	
	
	/* about us page */
	
	.section-about{
		margin-top: 50px;
		margin-bottom: 50px;
	}
.about-padding{
		padding: 0 50px;
		
	}
	
	.about-sep {
	margin-bottom: 50px;	
	}
	
	
				.section-about .about-left{
		padding-right: 58px;
	}
	
	
		.section-about .about-right{
		padding-left: 35px;
	}
	
	.section-about .about-title {
		margin-bottom: 35px;
	}
	
	
	.section-about .about-title h1{
	color: #303030;
	font-size: 23px;
	font-weight:900;
	line-height: 32px;
	
	
	}
	
		.section-about .about-title h2{
	color: #303030;
	font-size: 18px;
	font-weight:400;
	
	
	}
	
			.section-about h3{
	color: #3b3b3b;
	font-size: 20px;
	font-weight:700;
	line-height: 35px;
	
	
	}
	
.section-about .about-title span {	
	color: #4269b1;
	
}


.section-about .about-title:after{
	content: " ";
  border-bottom-style: solid;
  border-bottom-width:3px;
  display:table-cell;
  width:60px;
  color: #2e7bee;
}

/* title center */
	.section-about .about-title-cnt {
		margin-bottom: 35px;
	}
	
	
	.section-about .about-title-cnt h1{
	color: #303030;
	font-size: 23px;
	font-weight:900;
	line-height: 45px;
	margin-bottom:0px;
		margin-top:0px;
	
	
	}
	
		.section-about .about-title-cnt h2{
	color: #303030;
	font-size: 18px;
	font-weight:400;
	margin-top:0px;
	
	
	}
	
.section-about .about-title-cnt span {	
	color: #4269b1;
	
}

.section-about .about-title-cnt:after{
	content: " ";
  border-bottom-style: solid;
  border-bottom-width:3px;
  display:block;
  width:60px;
  color: #2e7bee;
    /* margin: 0 auto; */
}

/* title center */



.section-about  p {	
	color: #8f8f8f;
	font-size: 15px;
	line-height: 25px;
	text-align: justify;
	
}

	
.section-about p{
	font-size: 15px;
	color: #393838;
	margin-bottom: 25px;
}


 .section-about ul{
 margin-block-start: 0em;
     padding-inline-start: 0px;
	   justify-content: center;
 list-style: none;
} 
 .section-about ul li{
 font-size: 15px;
 color: #595959;
 margin-bottom: 15px;
 
} 
	 .section-about ul li:before{
    font-family: 'FontAwesome';
    content: "\f0c8";
    margin-left: 5px;
    color: #2e7bee;
    font-size: 11px;
    padding-right: 15px;
} 



.greybg {
	  background: #f7f7f7;
	  		padding-top: 45px;
}

.section-about .service-about {
  margin-top: 50px;
  margin-bottom: 50px;
  background: #f7f7f7;
  padding: 50px 0;
}
 .section-about .service-about ul{
 margin-block-start: 0em;
     padding-inline-start: 30px;
	   justify-content: center;
 list-style: none;
} 
 .section-about .service-about ul li{
 font-size: 15px;
 color: #595959;
 margin-bottom: 15px;
 
} 
	 .section-about .service-about ul li:before{
font-family: 'FontAwesome';
    content: "\f0c8";
    margin:0 18px 0 -15px;
	color: #2e7bee;
	 font-size: 11px;
} 

.about-address {
	font-size: 15px;
	color: #595959;
	line-height: 25px;
	margin-bottom: 25px;
}


.section-fact{
	
	border: 1px solid #d9d9d9;
	padding: 40px!important;

	
}

.section-fact h1{
	
	color: #2d2d2d;
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 0px;
	margin-top: 0px;
}

.section-fact h2{
	
	color: #2d2d2d;
	font-size: 25px;
	font-weight: 400;
	margin-top: 0px;
}

.section-fact p{
	
	color: #6b6b6b;
	font-size: 15px;
	line-height: 30px;
}





.section-fact h2:after{
	content: " ";
  border-bottom-style: solid;
  border-bottom-width:3px;
  display:block;
  width:80px;
  color: #dadada;
  padding-top: 20px;
}


/* news letter page */

.news-letters {
margin: 40px 0;	
}


.news-letters .active-table{

}

.news-letters .active-table h1{
background: #5570bc;
color: #fff;
font-weight: 700;
font-size: 23px;
padding: 15px;
text-align: center;
    -webkit-margin-after: 0em;
	margin: 0px!important;
}

.news-letters .active-table .table{
border: 1px solid #d1d1d1;
padding: 5px 15px;}

.news-letters .active-table .table .open{
background: #5570bc;
color: #fff;
padding: 4px 25px;
border:1px solid #5570bc;

}

.news-letters .active-table .table .open:hover{
background: #fff;
color: #5570bc;
border:1px solid #5570bc;

}


.news-letters .active-table .table td{

padding: 15px 20px;
border: none;
}



.news-letters .active-table .table .issue{

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


}

.news-letters .active-table .table .issue strong{

color: #1f1f1f;
font-weight: bold;


}


/* inactive */

.news-letters .inactive-table{

}

.news-letters .inactive-table h1{
background: #d0d0d0;
color: #fff;
font-weight: 700;
font-size: 23px;
padding: 15px;
text-align: center;
    -webkit-margin-after: 0em;
	margin: 0px!important;
}

.news-letters .inactive-table .table{
border: 1px solid #d1d1d1;
padding: 5px 15px;}

.news-letters .inactive-table .table .open{
background: #d0d0d0;
color: #fff;
padding: 4px 25px;
border:1px solid #d0d0d0;

}

.news-letters .inactive-table .table .open:hover{
background: #242424;
color: #fff;
border:1px solid #242424;

}


.news-letters .inactive-table .table td{

padding: 15px 20px;
border: none;
}



.news-letters .inactive-table .table .issue{

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


}

.news-letters .inactive-table .table .issue strong{

color: #1f1f1f;
font-weight: bold;


}

.news-letters .mainarchi {
	 margin-top: 0.3em;
	background: #5570bc;
	color: #fff;
	text-align: center;
	height: 556px;
	vertical-align: middle;
}
.news-letters .mainarchi i{
	font-size: 50px;
	margin-top: 70%; 
	padding: 0 25px;
}

.news-letters .mainarchi p{
	font-size: 14px;
	margin-top: 120px;
	padding: 0 25px;
}

/* details */

.news-letter-inner {
	
	margin-top: 20px;
	margin-left: 7%;
	
}

.news-letter-inner .table{
padding: 50px 0px;
margin-bottom: 20px;
padding-right: 150px;

}

@media (max-width: 768px) {
	
	.news-letter-inner .table{
padding: 50px 0px;
padding-right: 30px;

}
}


.news-letter-inner .table img{
margin-bottom: 30px;
width: 150px;
}
 
.news-letter-inner .bg{
background: #f2f2f2;
}

.news-letter-inner .table tr{
    border-top: 0px solid #ddd!important;
	
}
.news-letter-inner .table td{
    border-top: 0px solid #ddd!important;
	
	
}

.news-letter-inner .table  h1 {
    color: #303030;
	-webkit-margin-before: 0em;
    font-size: 23px;
    font-weight: 900;
    line-height: 32px;
}

.news-letter-inner .table  h1:after{
    content: " ";
    border-bottom-style: solid;
    border-bottom-width: 3px;
    display: table-cell;
    width: 60px;
    color: #2e7bee;
	padding-top: 20px;
}

.news-letter-inner .table p {
    font-size: 15px;
    color: #393838;
    margin-bottom: 25px;
	line-height:25px;
}

.news-letter-inner .table p strong{
    font-size: 15px;
    color: #000;
    margin-bottom: 25px;
}

.news-letter-inner .table .readmore{
background: #4570c0;
    padding: 10px 15px;
    color: #fff;
    font-size: 15px;
	
}

.news-letter-inner .table .readmore:hover{
    background: #fff;
    color: #4570c0;
	
}



.news-letter-inner ul{
 margin-block-start: 0em;
     padding-inline-start: 0px;
	   justify-content: center;
 list-style: none;
} 
.news-letter-inner ul li{
 font-size: 15px;
 color: #595959;
 margin-bottom: 15px;
 
} 
.news-letter-inner ul li:before{
font-family: 'FontAwesome';
    content: "\f111";
    margin:0 18px 0 -15px;
	color: #2e7bee;
	 font-size: 11px;
}