/** Generated by FG **/
@font-face {
	font-family: 'Conv_DINPro-Medium';
	src: url('../fonts/DINPro-Medium.eot');
	src: local('☺'), url('../fonts/DINPro-Medium.woff') format('woff'), url('../fonts/DINPro-Medium.ttf') format('truetype'), url('../fonts/DINPro-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'Conv_DINPro-Light_13935';
	src: url('../fonts/DINPro-Light_13935.eot');
	src: local('☺'), url('../fonts/DINPro-Light_13935.woff') format('woff'), url('../fonts/DINPro-Light_13935.ttf') format('truetype'), url('../fonts/DINPro-Light_13935.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'Conv_DINPro-Bold';
	src: url('../fonts/DINPro-Bold.eot');
	src: local('☺'), url('../fonts/DINPro-Bold.woff') format('woff'), url('../fonts/DINPro-Bold.ttf') format('truetype'), url('../fonts/DINPro-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


img, iframe{max-width:100%}
h1{
	font-family: 'Conv_DINPro-Medium';
	font-size: 5.5em;
}
h2{
	font-family: 'Conv_DINPro-Bold';
	font-size: 3.5em;
	color: #00AEEF;
}
body{}
.navbar{
	background:rgba(255,255,255,.85) !important;
	font-family: 'Conv_DINPro-Medium';
	text-transform:uppercase;
	position:absolute;
	z-index:99;
	left:0; right:0;
}
.navbar-brand svg{ height:auto; max-width:190px;}
.navbar-light .navbar-nav .nav-link {
    color: rgb(19, 39, 110);
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
	color: rgb(0, 173, 238);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(0, 173, 238);
}
.dropdown-menu{background: rgba(19, 39, 110, 1); border-radius:0; padding:0}
.dropdown-item{color:#fff;}
.dropdown-item:focus, .dropdown-item:hover{
	 color: #fff;
    text-decoration: none;
    background-color: rgb(0, 173, 238);
}

#banner{
	position:relative;
	background:url(../images/banner.jpg) no-repeat bottom center;
	
	background-size:cover;
}
#bannerinner{
	background:url(../images/portal.jpg) no-repeat bottom center;
	background-size:cover;
	min-height:600px;
}
#banner .carousel-caption{top:50%; bottom:0; left:0; right:0; text-align:left;  font-family: 'Conv_DINPro-Medium';  }
#banner h1 {
    margin-right: 40px;
	padding-right:40px;
   margin-bottom:30px;
    font-size: 4.5em;
    background: url(../images/banner-icon.png) top right no-repeat;
   
}
#banner h1, #banner h2, #banner h3, #banner h4{
	text-shadow: 3px 3px 8px rgba(0,0,0,.7);
	max-width:700px
}
#banner .circle{margin-top:30px;}
.circle{
	border-radius:50%;
	width:40px;
	height:40px;
	display:inline-block;
	text-align:center;
	line-height:40px;
	color:#00AEEF;
	font-size:28px;
	background:#fff;
}
#OurInitiative{
	padding-top:50px;
}
#OurInitiative .content{
	font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:2.2em;
	color:#14276F;
	padding-top:50px;
	padding-bottom:80px;
}
#OurInitiative .content:before, #OurInitiative .content:after{
	content:"";
	position:absolute;
	width:50px;
	height:50px;
	right:0;
}
#OurInitiative .content:before{
	margin-top:-20px;
	background:url(../images/top-arrow-text.png) top right no-repeat;
}
#OurInitiative .content:after{
	
	background:url(../images/bottom-arrow-text.png) bottom left no-repeat;
	left:0
	
}
.featuredBoxs{
	
}
.featuredBoxs .box{
	padding-left:0; padding-right:0;
	
}
.featuredBoxs .box:before, .featuredBoxs .box:after{
	content:"";
	position:absolute;
	top:0;
	left:0; right:0; bottom:0;
	background: rgba(42, 60, 124,.85);
	z-index:2;
}

.featuredBoxs .box:after{background:rgba(255,255,255,.85);}
.featuredBoxs .box.center:after{background:rgba(255,255,255,.0);

}
.featuredBoxs .box.lightblue:before{background:rgba(32, 119, 189,0.85);}
.featuredBoxs .box.lightblue:after{background:rgba(255,255,255,.0);}

.featuredBoxs .box img{width:100%;}
.featuredBoxs .box span{position:absolute; top:0; left:0; right:0; bottom:0; background:url(../images/logo-transparent.png) no-repeat center center; background-size: 40%;}
 .readmore {
   
    color:#034EA2; 
	font-family: 'Conv_DINPro-Light_13935';
	font-size:1.2em;
	line-height:20px;
}
.featuredBoxs .box span .readmore {
    position: absolute;
    z-index: 1;
    bottom: 15%;
    left: 50%;
    margin-left: -30px;
    color: #fff;
	font-family: 'Conv_DINPro-Light_13935';
	font-size:1.2em;
}
.featuredBoxs .box span .readmore:hover{text-decoration:none; color: rgb(0, 173, 238);}

#directormessage{
	background:url(../images/directorbg.jpg) no-repeat center center #13276e;
	background-size:cover;
	position:relative;
	padding-top:60px;
	padding-bottom:60px;
}
#directormessage:after{background: rgba(42, 60, 124,.85); content:''; position:absolute; top:0; left:0; right:0; bottom:0;}
#directormessage .row{z-index:2;}
#directormessage .blockquote{z-index:1; color:#fff; }
.blockquote{
	background:url(../images/quote.png) left top no-repeat;
	padding-left:50px;
	font-family: 'Conv_DINPro-Bold';
	font-size:2.5em;
}
.blockquote-footer{
	font-family: 'Conv_DINPro-Light_13935';
	font-size:.6em;
	color:#fff
}
.blockquote-footer span{
	font-family: 'Conv_DINPro-Medium';
	color: #ABE1FA;
}
.blockquote-footer::before{display:none;}
#directormessage .box{
	background:#fff;
	z-index:1;
	position:relative;
	padding:15px;
}
#directormessage .box img{width:100%; position:relative;}
#directormessage .box .content{
	position:absolute;
	background:#fff;
	left:0; bottom:0; padding:15px;
	margin:15px;
	max-width:60%;
}
#directormessage .box .content:hover{background: rgba(255, 255, 255, 0.85);}
#directormessage .box .content p{ color:#212529}
#directormessage .box .content:before{content:""; width:2px; border-radius:2px; background:#034EA2; position:absolute; left:0; top:15px; bottom:15px;}
#directormessage .box .content h3{color:#034EA2; font-family: 'Conv_DINPro-Light_13935'; font-size:2.0em; margin-bottom:25px;}
#directormessage .box .content h3 strong{font-family: 'Conv_DINPro-Medium';}


.carasul_inner .box {
  
    background: #ccc;
}

.bestpractive {
    background: #fff;
    position: relative;
	z-index:3;
   /* margin: 15px;*/
}
.bestpractive img{width:100%; position:relative;}
.bestpractive .content{
	position:absolute;
	background:#fff;
	left:0; bottom:0; padding:15px;
	margin:15px;
	max-width:50%;
}

.bestpractive .content:hover{background: rgba(255, 255, 255, 0.85);}
.bestpractive .content p{ color:#212529; font-size:14px;}
.bestpractive .content:before{content:""; width:2px; border-radius:2px; background:#034EA2; position:absolute; left:0; top:15px; bottom:15px;}
.bestpractive .content h3{color:#034EA2; font-family: 'Conv_DINPro-Light_13935'; font-size:28px; margin-bottom:25px;}
.bestpractive .content h3 strong{font-family: 'Conv_DINPro-Medium';}
.bestpractive .content span{ position:static;}
#OurInitiative .bestpractive .content{padding:15px;}
#OurInitiative .bestpractive .content:before, #OurInitiative .bestpractive .content:after{display:none;}
.bestpractive .readmore{font-size:18px;}
.featuredBoxs .box span{ z-index:3}

.center .bestpractive .content, .lightblue .bestpractive .content{ background:none; color:#fff}
.center .bestpractive .content h3, .center .bestpractive .content p, .center .bestpractive .content .readmore,
.lightblue .bestpractive .content h3, .lightblue .bestpractive .content p, .lightblue .bestpractive .content .readmore{ color:#fff;}
.center .bestpractive .content  span, .lightblue .bestpractive .content  span{background-image:none;}

.down-icon{background:url(../images/download.png) no-repeat bottom center; width:20px; height:20px;}
/*.readmore .fas{float:left; margin-right:5px;}*/

.panel-heading{background:#00aeef; padding:5px}
.panel-title{padding-bottom:0; margin-bottom:0;}
.panel-title a{ color:#fff;}
.panel-collapse { background:#eaf9ff; padding-left: 20px; padding-right: 20px; padding-bottom: 1px; padding-top: 10px;}
.panel-default {margin-bottom: 15px;}
#footer{
	background:#2077BD;
	position:relative;
	border-top:1px solid #fff;
	text-align:center;
	padding-bottom:10px;
	font-family: 'Conv_DINPro-Bold';
	color:#fff;
	font-size:.8em;
}
#footer a{color:#fff;}
#footer .readmore {
    position: relative;
    top: -25px;
    left: 50%;
    background: #2077BD;
    color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    display: inline-block;
	float:left;
	z-index:99;
}
#footer ul{
	display: inline-table;
	padding:0;
	padding-bottom:30px;
	margin:30px auto;
	clear:both;
	font-size:1.2em;
}
#footer ul li{display:table-cell; padding:0 15px; border-right:1px solid #fff; line-height:normal}
#footer ul li:last-child{border-right:none;}
.copyright{font-family: 'Conv_DINPro-Light_13935';}

.copyright strong {
	font-family: 'Conv_DINPro-Bold'
}

#content-area{margin-top:50px; margin-bottom:50px;}
#content-area header{float:left;}
.title-tag{
	font-size:36px;
	color:#0b4ea2;
}
.pagehead{
	margin-bottom:50px;
	clear:both;
}
.breadcrumb{float:right; background:none; border-bottom:1px solid #0b4ea2; padding:0 9px; border-radius:0; font-size:14px; }
.breadcrumb a{ color: #b2b2b2;}
.breadcrumb a:hover{ color: #0b4ea2; text-decoration:none}
.breadcrumb-item.active {
    color: #1477bc;
	font-weight:bold
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #b2b2b2;
    content: "-";
}
.img-link {
    clear: both;
    display: inline-block;
    position: relative;
    margin: 20px 0;
	padding:15px;
	transition: all 0.5s ease;
}
.img-link:hover:before{ background:rgba(0, 174, 239,.8); content:''; position:absolute; left:0; right:0; top:0; bottom:0;transition: all 0.5s ease;}
.img-link .content{ position:absolute; bottom:50%; left:0%; right:0; text-align:center; margin-bottom:-30px; display:none;}
.img-link:hover .content{display:block;transition: all 0.5s ease;}
.img-link .content h3{color:#0b4ea2; margin-bottom:15px;}
.img-link .content .fas{color:#0b4ea2; background:#fff; width:52px; height:52px; border-radius:50%; display:inline-block; line-height:52px; font-size:28px;}

#content-area .h1, #content-area .h2, #content-area .h3, #content-area .h4, #content-area .h5, #content-area .h6, #content-area h1, #content-area h2, #content-area h3, #content-area h4, #content-area h5, #content-area h6 {
   color:#0b4ea2;
   font-family: 'Conv_DINPro-Medium';
}
#content-area .h1, #content-area h1{font-size:36px;}
#content-area .h2, #content-area h2{font-size:28px;}
#content-area .h3, #content-area h3{font-size:24px;}
#content-area .h4, #content-area h4{font-size:20px;}
#content-area .h5, #content-area h5{font-size:18px;}
#content-area .h6, #content-area h6{font-size:16px;}
.btn{font-family: 'Conv_DINPro-Medium'; text-transform:uppercase; width:100%;}
.btn-primary {
    color: #fff;
    background-color: #00aeef;
    border-color: #00aeef;
}
.btn-primary:hover {
    color: #fff;
    background-color: #14276f;
    border-color: #14276f;
}
.desktop{}
.mobile{display:none;}
#bannerinner{position:relative;}
#bannerinner #breadcrumb{position:absolute; bottom:0px; left:0; right:0; text-transform:uppercase}
#bannerinner #breadcrumb .breadcrumb{ border-bottom-color:#fff; text-shadow:#000 1px 1px 1px; }
#bannerinner #breadcrumb .breadcrumb a {
    color: #fff;
}
.owl-dots{display:none;}
.owl-theme .owl-nav{margin-bottom:40px;}
@media (min-width:768px){
	.copyright{position:relative;}
	.copyright .text-right{position:absolute; bottom:0; right:10px;}
	 .dropdown:hover .dropdown-menu{
     display:block;
  }
}
@media (max-width:1570px){
	#banner h1{font-size: 3.5em;}
	.bestpractive .content h3{font-size:20px; margin-bottom:10px;}
	#OurInitiative .content{    font-size: 1.2em; max-width:100%}
	.blockquote{font-size: 2.0em;}
	#directormessage .box .content h3 {
    font-size: 1.6em;
}
.readmore{font-size: 0.8em;}
}	
@media (max-width:1290px){
	#OurInitiative .content{max-width:100%;}
	.bestpractive .content h3 {
    font-size: 18px;
}
}
@media (max-width:1270px){
	
	#banner h1{font-size: 2.5em;}
	.blockquote{font-size: 1.5em;}
	#OurInitiative .content{    font-size: 1.5em;}
	#directormessage .box .content h3 {
    
    font-size: 1.1em;
	margin-bottom:5px;
}
#directormessage .box .content{font-size:0.8em;}
}
@media (max-width:1070px){
	.bestpractive .content h3{font-size:16px; margin-bottom:10px;}
	.bestpractive .content p{line-height:14px;}
	#OurInitiative .content{    font-size: 1.0em; max-width:100%}
	.bestpractive .content p{padding-bottom:0; margin-bottom:0}
	.bestpractive .readmore{font-size:14px;}
	.bestpractive .content{background:none;}
	
	#bannerinner{min-height:400px;}
	.pagehead {
    margin-bottom: 20px;
}
#OurInitiative .content, #OurInitiative .bestpractive .content{max-width:100%; padding:0px;}
.bestpractive .content h3{margin-bottom:0;}
.bestpractive .content.65{ max-width:65%;}

	
}
@media (max-width:990px){
	#banner h1{font-size: 2.0em;}
	.blockquote{font-size: 1.2em;}
	#OurInitiative .content{    font-size: 1.3em;}
	#directormessage .box .content{max-width:75%;}
	#directormessage .box .content h3 {
    font-size: 1.0em;
	margin-bottom:5px;
}
#directormessage .box .content p {
    font-size: .6em;
}
.readmore{font-size:.8em;}
#footer{font-size:1.0em;}
#banner h3{font-size:1em;}
#OurInitiative h2{font-size:2.5em;}
.circle{font-size:18px;width: 30px;
    height: 30px;
       line-height: 30px;}
}	

@media (max-width:767px){
	.desktop{ display:none !important}
.mobile{display:inherit !important;}
	#banner .circle {
    margin-top: 10px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
}
#directormessage .box .content {
    font-size: 1.2em;
}
#footer {
    font-size: 12px;
}
#footer ul{font-size:14px;}
#footer .text-left, #footer .text-right{text-align:center !important;}
#banner h1{ padding-right:40px; margin-right:20px; background-size: 25px;}
#footer .readmore{margin-left:-25px;}
.featuredBoxs{}
#directormessage .blockquote {
    
    width: 100%;
    margin: 15px;
    max-width: 100%;
    flex: 100%;
}
#directormessage .col-md-4{width:50%;}
}
@media (max-width:580px){
	#directormessage .col-md-4{width:auto;}
	#banner{max-height:400px;}
	#banner h1 {background-size: 25px;}
	#directormessage .box .content h3 {
    font-size: 0.8em;
}
.featuredBoxs{
}
.featuredBoxs .box{max-width:100%; flex: 0 0 100%;}
#footer ul{display:inline-block;}
#footer ul li{display:inline-block; text-align:center; width:100%; border:none;}
.blockquote {
    font-size: 1.0em;
}
#footer {
    font-size: 0.8em;
}
	#banner .carousel-caption {
    bottom: 50px;
    top: auto;
}
#banner h1 {
    font-size: 1.4em;
	margin-bottom:10px;
}
#directormessage .blockquote{width:100%;}
#OurInitiative .offset-3{margin:0 5%; width:100%; max-width:90%; flex: 0 0 90%;}

#OurInitiative {
    padding-top: 20px;
}
#directormessage .box{margin-top:20px;}
#OurInitiative .content {
    font-size: 1.1em;
	padding-left:30px; padding-right:30px;
	padding-top: 40px;
    padding-bottom: 40px;
}
.featuredBoxs .box span .readmore{font-size: 0.8em;}
#bannerinner{min-height:300px;}
.pagehead{margin-bottom:20px;}
#OurInitiative .content{max-width:100%;}
#OurInitiative .content.max65{max-width:65%;}

#OurInitiative .content {    margin-bottom: 10%;}
}
@media (max-width:360px){
	#banner h1 {
    font-size: 1.0em;
	    background-size: 10%;
}
#banner h3 {
    font-size: 0.81em;
}
.navbar-brand{max-width:50%;}
#OurInitiative .content {    margin-bottom: 0%;}
.breadcrumb{ float:left; font-size:10px;}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}
.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0;
    content: "-";
}
#bannerinner {
    min-height: 200px;
}
}

div#speedbump {
  display: none;
  z-index: 9999;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: rgba(238, 238, 238,.3);
}
div#speedbump  .modal-content{background-color: rgba(255,255,255,.4);}
div#speedbump .modal-header,div#speedbump  .modal-footer{border:none;}
#speedbump h4.modal-title {
  text-align: center;
  text-transform: uppercase;
  color: #004795;
  font-size:1.5em;	
  line-height:normal
}
.modal-body p {
  text-align:center;
  font-size: 1em;
}
button.btn-modal:hover {
  cursor: pointer;
}
button.btn-modal.btn-continue {
  background-color: rgb(0, 173, 238);
  border: 0px;
  margin: 1% 0;
  color:#fff;
}
button.btn-modal.btn-close {
  background-color: inherit;
  border: 1px solid #030000;
  color: #030000;
  font-weight: 400;
}
button.btn-modal.btn-continue, button.btn-modal.btn-close {width:50%;}
.modal-header .close {
  font-size: 1.5em;
}

.validationError {
	border: 1px solid red;
}