h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Slab', serif;
font-weight: 700;
margin-bottom:10px;
}

.header-right {position:relative; padding-left:40px; padding-right:10px;}

.header-right i {color:#f96332; position:absolute; left:0px; top:8px;}


.header-right2 {position:relative; margin-left:20px; border-left:1px solid #cccccc; padding-left:60px;}

.header-right2 i {color:#f96332; position:absolute; left:20px; top:8px;}

.fixed-top {top:85px;}

nav.navbar.shrink {
  top:0px;background: linear-gradient(40deg,#e4e4e4 0,#f0f0f0 50%,#e3e3e3 50%,#f4f4f4 100%);border-bottom:2px solid #02368c; padding-top:5px;
}

nav.navbar.shrink .bg-darkblue {margin-bottom:-2px;}

.btn-white {background:none; color:#fff; border:1px solid #fff;box-shadow: 0 1px 11px rgba(0, 0, 0, 0);}

.btn-white:hover {color:#666; background:#fff;}

.btn-sm {font-size:12px;}

.myheader {box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);background: linear-gradient(40deg,#e4e4e4 0,#f0f0f0 50%,#e3e3e3 50%,#f4f4f4 100%);border-bottom:2px solid #02368c; padding-bottom:49px;}

.myheader .container {padding:0;}

.navbar {box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0); margin:0px; padding:0; }

.bg-darkblue {background:#02368c; border:1px solid #001f53;-webkit-box-shadow: 0px -3px 5px 0px rgba(0,0,0,.2);
-moz-box-shadow: 0px -3px 5px 0px rgba(0,0,0,.2);
box-shadow: 0px -3px 5px 0px rgba(0,0,0,.2); border-bottom:0;}

.navbar-nav .nav-item:not(:last-child) { margin:0; border-right:1px solid #024c8c;}

.navbar .navbar-nav .nav-item.active .nav-link:not(.btn),
.navbar .navbar-nav .nav-item .nav-link:not(.btn):focus,
.navbar .navbar-nav .nav-item .nav-link:not(.btn):hover,
.navbar .navbar-nav .nav-item .nav-link:not(.btn):active {
background: rgba(255,175,75,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=1 );
    border-radius: 0;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background-color:#ff9800;
	color:#FFFFFF;
}

a.navbar-brand {padding-bottom:0}

a.navbar-brand img {width:400px;}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown-menu-right::before{border:0;}

.has-mega-menu {position:static}

.dropdown-menu-right {margin-right:8%; margin-top:-5px;}


ul.page-li {list-style-type:none; display:block; padding:0; margin:0}

ul.page-li li {
    display:block;
    padding: 5px 5px 5px 20px;
	text-decoration:none;
	color:#000000 !important;
	position:relative;
	
  }

ul.page-li li::before {
position:absolute; left:0px; top:5px;
	color:#ff6900;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c";
  }



.bg-default {
    background-color: #333 !important;
}

.text-default {
    color: #333 !important;
}

.bg-primary {
    background-color: #02368c !important;
}

.text-primary {
    color: #02368c !important;
}

.bg-info {
    background-color: #19c8b0 !important;
}

.text-info {
    color: #19c8b0 !important;
}

.bg-success {
    background-color: #4caf50 !important;
}

.text-success {
    color: #4caf50 !important;
}

.bg-danger {
    background-color: #d82953 !important;
}

.text-danger {
    color: #d82953 !important;
}

.bg-warning {
    background-color: #ffa432 !important;
}

.text-warning {
    color: #ffa432 !important;
}

.bg-white {
    background-color: #FFFFFF !important;
}


/* carousel */

.carousel-animate .carousel-indicators > li {
  margin: 0 2px;
  background-color: #f39c12;
  border-color: #f39c12;
  opacity: .7;
}
.carousel-animate .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

.carousel-animate .bancard {
  color: #000;
  text-align: center;
  border-bottom: 3px solid rgba(255, 150, 0, .8);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  width:360px; position:absolute; padding:15px; right:0; bottom:10%;background: rgba(255, 255, 255, .9);
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.carousel-animate .bancard h3 {margin-bottom:10px;font-family: 'Roboto Slab', serif; font-size:22px;}

.carousel-animate .bancard h4 {margin-bottom:0; font-size:18px;}
/*          Custom Buttons      */

/********************************/
/*          Fade Effect         */
/********************************/
.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}
/************************************/
/*       BS bacground Images       */
/**********************************/
.carousel-bg .carousel-inner .item {
  background-color: darkslategrey;
  background-size: cover;
  background-position: center;
  min-height: 480px;
}


.bancard .smill {margin-top:-60px; margin-right:-40px;}


.banner-captions h4 {font-size:18px;}

.highlights-list{list-style-type:none;padding:0}

.highlights-list li{display:table;margin-bottom:10px;}

.highlights-list li .ms-list-icon{display:table-cell;vertical-align:middle; width:60px}

.highlights-list li .ms-list-icon .ms-icon{margin:0 10px 0 0; background:#ff9800;box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12); font-size:22px; width:50px; height:50px; padding-top:6px; display:block; text-align:center;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}

.highlights-list li .ms-list-text{display:table-cell;vertical-align:middle;font-size:15px; text-align:left;}


/* carousel CLOSE */


.about-us { padding:40px 0;}

.divider-1 {width:50px; height:5px; background:#ffa432; margin-bottom:15px;}

.divider-2 {width:50px; height:5px; margin:0px auto; background:#ffa432; margin-bottom:15px;}

.iconbox {
    text-align: center;
	color:#FFF;
	margin-top:20px;
}

.iconbox a:hover {text-decoration:none;} 

.iconbox .box-header .box-icon {

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
			font-size:35px;
			width:70px;
			margin:0px auto;
}

.iconbox:hover .box-icon {
    transform: rotateY(-180deg);
    box-shadow: 0px 13px 24px 0px rgba(0, 0, 0, 0.25); 
}

.iconbox.bg-style:hover .box-icon {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.iconbox.icon-green .box-icon {
    background-color: #96ca4a;
}

.iconbox.icon-blue .box-icon {
    background-color: #62ade0;
}

.iconbox.icon-cyan .box-icon {
    background-color: #5de2d7;
}

.iconbox .box-header .box-icon img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 29%;
}

.iconbox .box-header .box-title {
    font-size: 18px;
    line-height: 36px;
    
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.iconbox .box-header .box-title a {
    position: relative;
    color: #22272b;
}

.iconbox .box-header .box-title a:hover{
    color: #ffbf43;
}


.no-paddingright {
    padding-right: 0;
}

.iconbox.bg-style {
    position: relative;
    background-color: #ffbf43;
    padding: 30px 13px 28px;
    z-index: 2;
}

.iconbox.bg-style:hover {
    box-shadow: 0px 15px 21px 0px rgba(0, 0, 0, 0.15);
}

.iconbox.bg-blue {
    background-color: #62ade0;
}

.iconbox.bg-blue::before {
    border: 2px solid #62ade0!important;
}

.iconbox.bg-cyan {
    background-color: #5de2d7;
}

.iconbox.bg-cyan::before {
    border: 2px solid #5de2d7!important;
}

.iconbox.bg-red {
    background-color: #f1594f;
}

.iconbox.bg-red::before {
    border: 2px solid #f1594f!important;
}

.iconbox.bg-green {
    background-color: #96ca4a;
}

.iconbox.bg-green::before {
    border: 2px solid #96ca4a!important;
}

.iconbox.bg-violet {
    background-color: #ef79e7;
}

.iconbox.bg-violet::before {
    border: 2px solid #ef79e7!important;
}

.iconbox.bg-style::before {
    position: absolute;
    left: 10px;
    top: 10px;
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid #ffbf43;
    z-index: -1;
}

.iconbox.bg-style .box-header .box-icon {
    border-radius:0;
    background-color: transparent;
    width: 40px;
    height: 40px;
    margin-bottom: 9px;
}

.iconbox.bg-style .box-header .box-icon:hover {
    box-shadow: none;
}

.iconbox.bg-style .box-header .box-title {
    line-height: 24px;
}

.iconbox.bg-style .box-header .box-title a {
    color: #FFF;
}

.iconbox.bg-style .box-header .box-title.style2 {
    display: none;
}





.features {background:#02368c; padding:40px 0;}

.features h6 {padding-left:35px; position:relative; padding-bottom:8px;}

.features h6 i.fas {position:absolute; left:0px; top:0;}

.features h6 i.fab {position:absolute; left:0px; top:0;}




.meet-our-team {padding:60px 0 60px 0;}

.meet-our-team .card a:hover {color:#02368c !important; text-decoration:none;}



.our-activities {padding:40px 0; background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );}

.our-activities .card {box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);}

.our-activities .nav-tabs {padding-bottom:0; padding:0;}

.our-activities .nav-tabs > li.nav-item {display:block;}

.our-activities .nav-tabs > .nav-item > .nav-link {box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
background: #1455a6;
 float:left; color:#fff; border:0px solid #055390; font-weight:600; text-transform:uppercase; text-align:center;border-radius:3px}

.our-activities .nav-tabs > .nav-item > .active, .facilities .nav-tabs > .nav-item > .active:hover {
background:#ff9000;
 border:0px solid #c97906;}




.our-gallery {padding:40px 0; position:relative;}


.footer-block {background:#1455a6; padding:30px 0 0 0;}

.ft-address {position:relative; padding-left:30px; margin-bottom:10px;}

.ft-address i {color:#f96332; position:absolute; left:0px; top:8px; font-size:22px;}


.img-item {
  opacity: 1;
  display: block;margin-bottom:12px;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.view-lg {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.img-block:hover .img-item {
  opacity: 0.3;
}

.img-block:hover .view-lg {
  opacity: 1;
}




.ard-st-1 .accordion .card { margin-bottom:0px;box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0);}

.ard-st-1 .accordion .card-header {padding:7px 25px 7px 8px; font-weight:bold;border-radius:0; border-left:3px solid #027aae; cursor:pointer; position:relative; margin:0; border-bottom:1px solid #2ebefc; font-size:13px; background:#03a9f4; color:#ffffff;}

.ard-st-1 .accordion .card-header:after {
  content: "";
  position:absolute;
  top: 10px;
  right:5px;
  line-height: 1;
}

.ard-st-1 .accordion .card-header[aria-expanded="true"]:after {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f068";
}

.ard-st-1 .accordion .card-header[aria-expanded="false"]:after {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f067";
}

.ard-st-1 .accordion .card .card-block {padding:8px 10px; text-align:justify}

.ard-st-1 .accordion .card h6 {text-transform:capitalize !important;}

.ard-menu {margin:-8px -10px;}

.ard-menu ul {display:block; float:none; padding:0; margin:0;}

.ard-menu ul li {display:block; float:none;border-bottom:1px dashed #ccc;}

.ard-menu ul li a {float:none;
				   display:block;
				   text-decoration:none;
				   padding:8px 8px 8px 20px;
				   text-align:left;
				   color:#000000;
				   font-size:12px;
				   position:relative;
background: rgba(246,246,246,1);
background: -moz-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 52%, rgba(245,242,245,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,1)), color-stop(52%, rgba(255,255,255,1)), color-stop(100%, rgba(245,242,245,1)));
background: -webkit-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 52%, rgba(245,242,245,1) 100%);
background: -o-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 52%, rgba(245,242,245,1) 100%);
background: -ms-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 52%, rgba(245,242,245,1) 100%);
background: linear-gradient(to right, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 52%, rgba(245,242,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f5f2f5', GradientType=1 );
				   
				   }

.ard-menu ul li a::before {
position:absolute; left:5px; top:7px;
	color:#000;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f30b";
  }

.ard-menu ul li a:hover {color:#ff6900;}


.ard-menu ul li:last-child {border-bottom:0;}


/* card */

.card-default {border-bottom:3px solid rgba(84,84,84,1);}

.card-default h3.card-title {background: linear-gradient(40deg, #333 0%, #ccc 100%);}

.card-primary h3.card-title {
    background: linear-gradient(40deg,#303f9f,#45cafc);
}

.card-primary {border-bottom:3px solid #02368c;}

.card-info {border-bottom:3px solid #00bcd4;}

.card-info h3.card-title {
    background: linear-gradient(90deg, #18c9af 0%, #35b2e6 100%);
}

.card-success h3.card-title {
    background: linear-gradient(90deg, #6d9f49, #6fdf1e);
}

.card-success {border-bottom:3px solid rgba(134,205,74,1);}

.card-danger h3.card-title {
    background: linear-gradient(90deg, #e12558, #fc5985);
}

.card-danger {border-bottom:3px solid rgba(232,81,83,1);}

.card-warning h3.card-title {
   background: linear-gradient(40deg,#fc6262,#ffd86f);
}

.card-warning {border-bottom:3px solid rgba(255,215,86,1);}

.card-header {padding:0;}

.card-body {padding:8px 10px;}

h3.card-title {padding:10px; margin:0;border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px; font-size:14px; color:#FFFFFF;}



.card-lb-default {border-left:3px solid #333333;-webkit-box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);
-moz-box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);
box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);}

.card-lb-primary {border-left:3px solid #0560af;-webkit-box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);
-moz-box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);
box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);}

.card-lb-info {border-left:3px solid #19c8b0;-webkit-box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);
-moz-box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);
box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);}

.card-lb-success {border-left:3px solid #4caf50;-webkit-box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);
-moz-box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);
box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);}

.card-lb-warning {border-left:3px solid #f2a94e;-webkit-box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);
-moz-box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);
box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);}

.card-lb-danger {border-left:3px solid #d82953;-webkit-box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);
-moz-box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);
box-shadow: 2px 2px 2px 0px rgba(168,168,168,1);}




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


}

@media (max-width: 991px) {
.hdright2 {font-size:18PX;}

.fixed-top {top:68px;}
.myheader {padding-bottom:43px;}
.bg-darkblue {margin-bottom:0;}
nav.navbar.shrink .bg-darkblue {margin-bottom:-7px;}
.navbar-translate {padding:5px 0;}
a.navbar-brand img {width:100%;}.hdright1 {padding-top:5px;}

}

@media (max-width: 768px) {

.myheader .container {padding:0 10px;}

.hdright1 {padding-top:5px;}

}