:root{
  --primary-color:#24528d;
  --secondary-color:#4f2de0;
  --border-color:#f1f1f1;
  --hover-color:rgba(112, 20, 232, 0.8);  
}
body{font-family:'Ramabhadra','Mallanna', sans-serif;}
.logo-div {display: inline-block;padding: 10px 0px;}
a {color: #000;text-decoration: none;background-color: transparent; font-size:18px;font-family:'Ramabhadra', sans-serif; outline:none;}
.bg{ background:#fff}
h3{ font-size:18px; padding:0px 5px; color:var(--primary-color);font-weight: bold;font-family:'Mallanna',sans-serif;}
h4{ font-size:20px; padding:5px 10px 5px 0px ; color:var(--primary-color);font-family:'Ramabhadra',sans-serif; border-bottom:solid 2px var(--primary-color);}
h2{ font-size:18px; font-weight:bold; color:#060b4e;font-family:'Mallanna',sans-serif;}
header{ display:inline-block; width:100%;z-index:16;background: #fff; }
p{font-size: 20px;line-height:26px;font-family:'Mallanna',sans-serif;}
.fixed{position: fixed;top: 0;}
.bg-light {background-color: transparent !important}
.main-menu{ width:100%; background: -webkit-gradient(linear,left top,left bottom,from(#3a77ad),to(#24528d)); z-index:99; background: linear-gradient(#3a77ad,#24528d)};
.top-menu{display:inline-block;margin:0; width:100%; }
ul.top-menu { list-style:none;display: inline-flex;list-style: none;padding:0px 5px; margin:0;}
ul.top-menu li{list-style:none;float:left; display:inline-block;padding: 5px 10px; }
ul.top-menu li a{ color:#fff;}
.navbar-light .navbar-nav .nav-link {color: rgba(255, 255, 255,1);}
.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: rgba(255, 255, 255, 0.9);background: #022140;}
.dropdown-menu {margin: -0.1rem 0 0;font-size: 1rem;color: #fbfcfd;background-color: #022140;}
.dropdown-item {color: #ffffff;}
.dropdown-item:focus, .dropdown-item:hover {color: #ffffff;text-decoration: none;background-color: #3168a0;}
.dropdown:hover>.dropdown-menu {display: block;}
/* .dropdown-submenu:hover>.dropdown-menu {display: block;} */
/* ----End menu---- */
.top-banner{ display:inline-block; padding:5px;}
.banner{ display:inline-block;padding:6px 0px;}
.carousel-caption{background: rgba(36, 82, 141, 0.6);right:0%; bottom:40px;left:0%; z-index:10;padding-top:10px;padding-bottom:1px; color: #fff;text-align: center;}
.carousel-caption h5, .carousel-caption p {
    color: #fff;
}
.carousel-caption a h5:hover, .carousel-caption a p:hover {
    color: #0056b3;
    text-decoration:none;
}
.news-tab{display:block;min-height: 266px;}
.news-tab-text{ display:inline-block; border-bottom:solid 1px var(--border-color); width:100%; padding:4px 3px 5px 2px; background:#fff;-webkit-transition: background-color  0.5s ease; -moz-transition: background-color  0.5s ease; -o-transition: background-color  0.5s ease; transition: background-color  0.5s ease; }
.news-tab-text span{ font-size:11px; color:#ccc; display:block; margin:0;font-family:'Ramabhadra', sans-serif;}
.news-tab-text a{ float:right; text-decoration:underline; color:#2a3f54;}
.news-tab-text a:hover{ text-decoration:none}
.news-image{ float:left; width:43%;margin-right: 10px;}
.news-text{ float:left; width:100%;/*padding-left: 10px;*/ }
.news-text p{ padding-bottom:2px;margin-bottom: 0;}
img {border: none;max-width: 100%;}
/* ----- End banner ---- */
.box-A{ display:inline-block;padding-bottom: 10px;}
.box-A ul{ padding:0; margin:0 0 10px 0;}
.box-A ul li{ padding:3px 0; margin:0; list-style:none; border-bottom:solid 1px var(--border-color); display:inline-block;width: 100%; }
.box-A ul li a:hover{ text-decoration:none; color:#000;}
.box-A ul img{ width:75px; float:left; clear:both; padding-right:8px;}

.box-B{ display:inline-block;padding-bottom:10px;}
.box-B ul{ padding:0; margin:0 0 10px 0;}
.box-B ul li{ padding:3px 0; margin:0; list-style:none; border-bottom:solid 1px var(--border-color); display:inline-block;width: 100%; }
.box-B ul li a:hover{ text-decoration:none; color:#000;}
.box-B ul img{ width:140px; float:left; clear:both; padding-right:8px;}

.box-C{display: inline-block;border:solid 1px var(--border-color); padding:8px; margin:5px 0px;padding-bottom: 10px;}
.box-C ul{ padding:0; margin:0 0 10px 0;}
.box-C ul li{ padding:3px 0; margin:0; list-style:none; border-bottom:solid 1px var(--border-color); display:inline-block;width: 100%; }
.box-C ul li a:hover{ text-decoration:none; color:#000;}
.box-C ul img{ width:160px; float:left; clear:both; padding-right:10px;}

.box-D{display: inline-block;border:solid 1px var(--border-color);padding:8px; margin:5px 0px;    padding-bottom: 10px;}
.box-D ul{ padding:0; margin:0 0 10px 0;}
.box-D ul li{ padding:3px 0px 8px 0px; margin:0; list-style:none; border-bottom:solid 1px var(--border-color); display:inline-block;width:46%; }
.box-D ul li a:hover{ text-decoration:none; color:#000;}
.box-D ul img{ width:170px; float:left; clear:both; padding-right:10px;}
.two-col-left-by-two{float: left;border-right: solid 1px var(--border-color);margin-right: 20px !important;width: 50% !important;    border-bottom: none !important;}
.two-col-left-by-two h4{ border-bottom:none; padding:0; margin:0}
.box-D ul li:last-child {border-bottom: none;}

.box-F{display: inline-block;border:solid 1px var(--border-color);padding:8px; margin:5px 0px;    padding-bottom: 10px;}
.box-F ul{ padding:0; margin:0 0 10px 0;}
.box-F ul li{ padding:3px 0; margin:0; list-style:none; border-bottom:solid 1px var(--border-color); display:inline-block;width:100%; }
.box-F ul li a:hover{ text-decoration:none; color:#000;}
.box-F ul img{ width:100%; float:left; clear:both; padding-bottom:10px;}
.box-F ul li:last-child {border-bottom: none;}

.box-G{display: inline-block;border:solid 1px var(--border-color); padding:8px; margin:5px 0px;    padding-bottom: 10px;}
.box-G ul{ padding:0; margin:0 0 10px 0;}
.box-G ul li{ padding:3px 0; margin:0; list-style:none; border-bottom:solid 1px var(--border-color); display:inline-block;width:100%; }
.box-G ul li a:hover{ text-decoration:none; color:#000;}
.box-G ul img{ width:100%; float:left; clear:both; padding-bottom:10px;}
.box-G ul li:last-child {border-bottom: none;}

a.more{background: #fff none repeat scroll 0 0;border-bottom: 1px solid #ddd;color: #000;float: right;font-size: 20px;font-weight: bold;height: 30px;margin: 0px 0px 0px 0px; padding: 5px; position: relative;text-align: center;width: auto;z-index: 1; line-height:14px; text-decoration:none;}
a.add1 { position: absolute;top: 146px;width: 114px;left: 2px;}
.addfixed{ position:fixed !important; top:45px !important;}
/* Slider */
.customer-logos{ border:solid 1px #ccc; padding:15px 0px;}
.slick-slide {margin: 0px 20px;}
.slick-slide img {width: 100%;}
.slick-slider{position: relative;display: block;box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;   -webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block; overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0; display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;width:100%; height:100%;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{ display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
/* --- Inner page --- */
.inner-box{display: inline-block;border:solid 1px var(--border-color); padding:8px; margin:5px 10px 0px;    padding-bottom: 10px;}
.inner-box h3 {font-size: 20px;padding: 0px 5px; color: var(--primary-color);font-family: 'Ramabhadra',sans-serif;font-weight: normal;}
.inner-box img {text-align: center;display: block;padding-bottom: 20px;width: 100%;}
.inner-box ul{ padding:0; margin:0 0 10px 0;}
.inner-box ul li{ padding:3px 0; margin:0; list-style:none; border-bottom:solid 1px var(--border-color); display:inline-block;width:100%; }
.inner-box ul li a:hover{ text-decoration:none; color:#000;}
.inner-box ul img{ width:100%; float:left; clear:both; padding-bottom:10px;}
.inner-box ul li:last-child {border-bottom: none;}
/* ---- Footer --- */
.footer {display: inline-block;background: #022140;width: 100%;padding: 10px;color: #FFFFFF;}
.footer-menu{ float:left; text-align:center;    width: 100%;}
.footer-menu ul{list-style: none;display: inline-block;margin: 0;padding: 0; }
.footer-menu ul li{ list-style:none; float:left; margin:0px 5px; }
.footer-menu ul li a{color:#fff;text-decoration: none;}
.playicon{    
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    right: 0;
    top: 80px;
    text-align: center;
}  

.fa_icons .fa {
      padding: 10px;
    font-size: 16px;
    width: 35px;
    text-align: center;
    text-decoration: none;
    margin: 10px 0px;
    border-radius: 50%;
}

.fa_icons .fa:hover {
    opacity: 0.7;
}

.fa_icons .fa-facebook {
  background: #3B5998;
  color: white;
}

.fa_icons .fa-twitter {
  background: #55ACEE;
  color: white;
}

.breadcrumb {    
    padding:0.85rem 0.1rem 0rem 1.0rem;
    margin-bottom: 0rem;
    background-color: transparent;
    
}
li.breadcrumb-item a {
    font-size: 14px;
}
.breadcrumb-item.active {
    color: #2e619b;
    font-size: 14px;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem;
    padding-top: 0.1rem;
    
} 
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: ">";
}
@media(max-width:768px) {
.container.body-bg {
    padding-top: 50px;
}
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
    position: absolute;
    right:12px;
    top: -58px;   
	outline: none;
}
header{ position:fixed;     width: 100%;
    box-shadow: 0px 0px 5px #ccc;}
.main-menu {   
    position: fixed;
    top: auto;
	    
}
.navbar-nav .nav-link {
    padding-right: 10px;
    padding-left: 10px;
}
.main-menu .container {
    padding: 0;
}	
	
}

.header-top .social-icons a{ background:none !important; margin-right:0;}
.header-top i{ margin-right:5px;}
.header-top .right{ text-align:right; padding-top: 7px;}
.right span.phno{ padding-right:10px; margin-right:5px;}
.hdr-title{ display:none;}
.hdrwidget{ text-align:center;}

/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ width:40px; height:40px; line-height:40px; text-align:center;  
    vertical-align:middle; display:inline-block; padding:0; transition:0.6s; 
    -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; 
    font-size:20px; color:#2F639C; }
.header-top .social-icons a{ height:46px;}
.social-icons a:hover{ background-color:#2F639C;  color:#000; }
.social-icons br{ display:none;}

@media(max-width:767px) {
    .top-banner {
    display: none;
    padding: 0px;
}
.two-col-left-by-two {
    float: left;
    border-right: none;
    margin-right: 0px !important;
    width: 100% !important;
    border-bottom: none !important;
}
.box-D ul li {
    padding: 3px 0;
    margin: 0;
    list-style: none;
    border-bottom: solid 1px var(--border-color);
    display: inline-block;
    width: 100%;
}
.container.body-bg {
    padding-top: 75px;
}
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
    position: absolute;
    right:15px;
    top: -42px;   
	outline: none;
}
header{ position:fixed;}
.main-menu {   
   position: absolute;
    top: 60px;
	    
}
.navbar-nav .nav-link {
    padding-right: 10px;
    padding-left: 10px;
}
.main-menu .container {
    padding: 0;
}

	
}