@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

html {scroll-behavior: smooth;}
*{box-sizing: border-box;outline: none; transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;}

body{font-size: 14px!important;font-family: 'Roboto', sans-serif!important;}
h1, h2, h3, h4 , h5, h6, strong{font-weight: 700;}
a{color: black;line-height: initial; text-decoration:none!important}
a:hover{color:initial; text-decoration:none!important}
p{color: black;}
p:last-child{margin: 0}
label{font-size: 12px;margin-bottom: 5px;text-transform: uppercase;}
img, iframe{max-width: 100%; vertical-align: middle;}
ul{padding-left: 16px;margin: 0;}
ul li{color: black;}
input, textarea, select{border-radius: 0;border: 1px solid rgb(199 199 199);font-size: 14px;height: initial;padding: 8px 10px;width: 100%;background: #fff}
input[type=submit], button{width:auto; border:0; cursor:pointer}
textarea{height:100px;}
video{width: 100%; vertical-align: middle;}
hr{width: 100%; float: left;}
.btn-primary, .read{background: #eb2125!important;border: 0!important;font-size: 12px!important;padding: 10px 20px!important;color: #fff!important;line-height: 1.5!important;border-radius: 0.25rem!important;font-weight: 400!important;text-align: center!important;display: inline-block;}
.btn-primary:hover{background: #000}

.owl-nav{position: absolute;left: 0;top: 50%;width: 100%;}
.owl-nav button{}
.owl-nav button i{text-align: center;display: block;font-size: 40px;padding: 0px;transition: all .2s;}
.owl-nav button i:hover{color:red}
.owl-nav button.owl-prev{position: absolute;left: -40px;}
.owl-nav button.owl-next{position: absolute;right: -40px;}

.owl-dots{position: absolute;bottom: 10px;width: 100%;text-align: center;display: none;}
.owl-dots button{margin: 0 5px;}
.owl-dots button span{width: 14px;height: 14px;display: block;background: whitesmoke;border-radius: 5px;}
.owl-dots button.active{}
.owl-dots button.active span{background: #EB2125;}
.owl-dots button span:hover{background: #023575;}
.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{ -ms-touch-action: auto; touch-action: auto;}

.container-fluid{}
body .bg-light{background: #f8faff!important}

.topbar{background:black;}
.topbar .right p{display:inline-block;vertical-align: middle;margin: 0;}
.topbar .right a{padding: 5px 10px;background: #EB2125;border-radius: 5px;display: inline-block;font-size: 12px;vertical-align: middle; letter-spacing:0!important}
.topbar .right img{width:20px;}
.topbar *{color:#fff}
.topbar .top-social{}
.topbar .top-social a{margin-right: 10px}
.topbar .top-social img{height: 25px}
.topbar .top-social .search{display: inline-block;vertical-align: middle;}
.topbar .top-social form{display: inline-block;vertical-align: middle;}
.topbar .top-social form input{height: 30px;border: 0;border-radius: 10px!important;}
.topbar .top-social form button{border-radius: 50%;height: 30px;width: 30px!important;background: #eb2125!important;border: 0;}
.topbar .top-social form button i{}
.topbar .top-social form button i:after{content: '\f002';font-family: 'FontAwesome';position: relative;top: -5px;left: -3px;}

header{background:#fff}
header h1{color:#EB2125;margin: 0;font-weight: bold;line-height: 1;font-size: 2.2rem;margin-bottom: 10px;}
header p{font-weight:bold; font-size:20px;}
header .middle{}
header .middle img{height: 80px;border: 1px solid #dadada;border-radius: 5px;margin: 0 5px;padding: 6px;}

nav{background: #EB2125;}
nav .fa-bars{font-size: 30px;}
nav .fa-bars.x:before{content: '\f00d';}
nav *{color:#fff}
body .navbar-nav{padding: 0;list-style: none!important;display: flex;flex-direction: row;flex-wrap: initial;}
body .navbar-nav li{flex: 1 1 auto;}
nav ul li{display:inline-block;position: relative;}
nav ul li a{display: block;padding: 8px 5px!important;color:#fff!important;font-size:15px;}
nav ul > ul{display: none!important;}
nav ul ul li a{color:#000!important}
nav ul ul li{border-bottom: 1px solid #f5f5f5;display: block;}
nav ul ul li a{display:block;}
nav ul ul li:hover{background:whitesmoke}
nav ul li:hover > ul{display:block!important;position: absolute!important;padding: 0;margin: 0;border: 0;width: 200px;}
.dropdown-submenu>a:after{border-left-color: #000!important;margin-right: 0!important;}

.banner img{height:500px}

.box{}
.box a{color:#000;}
.box h4{margin:0; font-size:18px}
.box .border:hover{background: #EB2125}
.box .border:hover h4{color: #fff}

.intro h2, .intro h4{color:#EB2125}
.intro h4{margin:0}

.notice{}
.notice h2{background:#EB2125;color: #fff;text-align: center!important;font-size: 22px;padding: 10px 0;margin: 0;font-weight: bold;}
.notice h2 a{color:#fff}
.notice br{display:none}
.notice .border{min-height:350px;}
.notice ul{padding: 0;list-style: none;padding: 1.5rem!important;border: 1px solid #dee2e6!important;min-height: 349px;margin: 0;margin-bottom: 20px;}
.notice ul li{margin-bottom: 20px;position: relative;line-height: initial;}
.notice ul li span{background: #000;color: #fff;padding: 3px;position: absolute;right: 0;bottom: 0;font-size: 11px;}
.notice ul li a{color:#000!important;font-size: 14px;text-align: left!important;}
.notice ul li a i{color: #eb2125;margin-right: 10px;}
.notice .col-md-4:nth-child(2){}
.notice .col-md-4 #system-message-container ~ div{}
.notice .dateo{padding: 10px;background: whitesmoke;line-height: initial;text-align: center;float: left;margin-right: 10px;}
.notice .read{display:none}
.notice .dateo h4, .notice .dateo p{margin: 0;}
.notice .dateor{margin: 10px;min-height: 50px;}
.notice .dateor *{color: black;font-size: 14px;}
.notice marquee{height: 290px!important;}
.notice .clearfix{height: 13px;}

.testimonial{}
.testimonial .content{margin: 15px 0px;}
.testimonial .content p{background: #fff;padding: 15px;font-size: 14px;min-height: 345px;}
.testimonial .content:after{content:'\f10d';display: block;position: absolute;left: 20px;top: -10px;font-size: 30px;font-family: 'FontAwesome';color: #eb2125;}
.testimonial img{width: 50px!important;height: 50px!important;border-radius: 50%;float: left;margin-right: 30px;}
.testimonial h4{margin: 0;font-size: 20px;}
.testimonial h5{font-weight: 500;font-size: 12px;}

.footer-top{background: #232323!important;}
.footer-top ul li{color:#eb2125!important;margin-bottom: 5px;}
.footer-top ul li a{color:#fff!important;font-size: 14px;}
.footer-top h6{color: #fff}

.social{margin-top: 40px}
.social a{margin-right: 15px}
.social img{height: 35px}

footer.mmain{background: #eb2125;text-align: center;}
footer.mmain p{color: #fff; margin:0!important}

#slider { width: 100%; position: relative;}
.blnew{ width: 70px; position: absolute; top: -10px; }
.slide-tab{position: absolute; bottom: 0px; z-index: 51; margin: 0; padding: 0; width: 806px; left: 50%; margin-left: -403px;} 
.slide-tab ul li{ float:left; list-style:none; } 
.slide-tab ul li a{ margin-bottom: 1px; padding: 15px 0px; background:#003266; font-size:22px; color:#fff; border-right:1px solid #004d9e; transition:all .3s; display:block; width:254px; text-align:center; } 
.slide-tab ul li a:hover{ background:#00264d; text-decoration:none;}

.marqueered { color: red; font-family: Verdana, sans-serif; text-transform: capitalize; } 
.marqueered a { color: #e70909; }

.breadcrumb {padding: 15px 20px!important;margin: 30px 0 20px 0;list-style: none!important;background-color: whitesmoke!important;border-radius: 0px!important;border: 1px solid #dedede!important;}
.breadcrumb > .active {color: #777;}
.breadcrumb > li { display: inline-block; }
.breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; }
.breadcrumb a {color: #337ab7;text-decoration: none;}

.main-container2{margin-bottom:30px;}
.main-container2 .whitebg{ background:#fff; padding:15px; border:1px solid #dedede;}
.main-container2 .mn-heading{font-size:17px;text-transform:uppercase;margin-top:5px;padding-bottom:5px;}
.main-container2 .page-header{padding-bottom: 9px;margin: 0px 0 20px;border-bottom: 1px solid #eee;}
.main-container2 .item-page .row{display: initial;flex-wrap: initial;}
.main-container2 h2{font-size:24px!improtant;}
.main-container2 h3{font-size:22px!improtant;}
.main-container2 h4{font-size:20px!improtant;}
.main-container2 h5{font-size:18px!improtant;}
.main-container2 h6{font-size:16px!improtant;}
.main-container2 p{}
.main-container2 ul{}
.main-container2 ul li{}
.main-container2 a{color: #337ab7;font-size: 16px!important;}

.newsc{background:whitesmoke; padding:5px 0}
.newsc a{font-size:15px; font-weight:bold}

.visit{ display: inline-block; background: whitesmoke; padding: 2px 10px; font-size: 14px; border-radius: 5px; margin-top: 5px; }
.visit .website-counter{display:inline-block}

#slider .item{display:none}
#slider .item.active{display:block}

#jmm-simple-img-slider-111{display:none!important}

.blog-area { padding-top: 50px; padding-bottom: 50px; }

.rowcol{}
.rowcol .col{width:15%!important}


@media(max-width:1400px){
}

@media(max-width: 1200px){
  body.site .navbar-nav.nav{display:none}
  .navbar-nav ul{border: 0;padding: 0;margin: 0;background: whitesmoke;display: block;}
  .nav{position: fixed;right:0;top:0;background: #fff;height: 100vh;width: 280px;z-index: 9;overflow-x: scroll;border-left: 1px solid #d5d5d5;}
  nav ul li, nav ul li:hover > ul{display:block!important;}
  nav ul li:hover > ul{position:initial!important;width: 100%;height: inherit;}
  nav ul li a{color:#000!important;border-bottom: 1px solid #d8d8d8;}
  nav ul ul li{padding-left: 24px;}
  .dropdown-toggle::after{float:right; font-size:20px;}
  .dropdown-submenu>a:after{transform: rotate(90deg);}
}

@media(max-width:767px){
  .topbar a{font-size: 12px;margin: 2px 0px;}
  .topbar .top-social .search{margin-top: 10px;}
  .box a, .box .p-4{padding:10px!important;}
  .box h4{font-size:20px;}
  .box .col{width: 33.3%;}
  #center_swoop{display:none!important}
  .slide-tab{position:relative!important; margin:initial!important; width:100%!important; padding:0!important; left:initial!important}
  .slide-tab ul{width:100%!important; float:left!Important; margin:0!important;  padding:0!important}
  .slide-tab ul li{width:33.3%!important}
  .slide-tab ul li a{width:100%!important; font-size:18px!important;}
  .rowcol .col{width:50%!important}
}

@media(max-width:575px){
  header h1{font-size: 30px;}
  header .middle img{height: 50px;margin: 0 0px;}
  .box .col{width: 50%;}
  .box .col br{display:none}
  .box .col img{margin-bottom:10px!important;}
  .slide-tab ul li a{font-size:15px!important;}
  .box h4{font-size:14px!important}

}

.in li{ float: none !important; /*display: block !important;*/ text-align: left !important; } #slider { width: 100%; position: relative; } #home_swoop{ width: 100%; height: 119px; position: absolute; bottom: 0px; background: url('../images/homepage_swoop.png') no-repeat bottom center; z-index: 50; } #center_swoop { bottom: 0; display: block; background: url('../images/center_swoop_lg.png') no-repeat center center; position: absolute; z-index: 100; width: 100%; height: 17px; } #spotlight { position: absolute; bottom: 0; z-index: 50; margin: 0; margin-left: 0px; padding: 0; width: 806px; height: 200px; left: 50%; margin-left: -403px; } .spotlight_item:first-child { right: inherit; left: 0; border-radius: 10px 0px 0px 0px; -moz-border-radius: 10px 0px 0px 0px; -webkit-border-radius: 10px 0px 0px 0px; } .spotlight_item { margin-bottom: 0; width: 218px; padding-left: 25px; padding-right: 25px; position: absolute; right: 0; bottom: 0; border-radius: 0px 10px 0px 0px; -moz-border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; background-color: #163029; display: block; padding-top: 25px; padding-bottom: 25px; text-align: center; transition: 0.3s 0.1s all ease; margin: 0 0 3px 0; cursor: pointer; color: #ffffff; background: #115740; } .spotlight_item { margin-bottom: 0; width: 218px; padding-left: 25px; padding-right: 25px; position: absolute; bottom: 0; background-color: #163029; display: block; } /* #slider-bot{ position:absolute; width: 100%; height: 119px; background: url('../images/homepage_swoop.png') no-repeat bottom center; z-index: 50; bottom:-50px; }*/ .slide-tab{ position: absolute; bottom: 0px; z-index: 51; margin: 0; padding: 0; width: 806px; left: 50%; margin-left: -403px; } .slide-tab ul li{ float:left; list-style:none; } .slide-tab ul li a{ margin-bottom: 1px; padding: 15px 0px; background:#003266; font-size:22px; color:#fff; border-right:1px solid #004d9e; transition:all .3s; display:block; width:254px; text-align:center; } .slide-tab ul li a:hover{ background:#00264d; text-decoration:none; } .sf{ border-top-left-radius:10px; } .lf{ border-top-right-radius:10px; border-right:none !important; } .greyboxo{ box-shadow: 5px 0 5px -4px rgba(102, 102, 102, 0.8), -5px 0 5px -4px rgba(102, 102, 102, 0.8); background:#edf2f8; padding:30px 15px 10px 15px; z-index:5; min-height:1090px !important; } .main-container{ position:relative; z-index:53; } .heading{ color:#10559c; font-size:23px; margin-top:0; } .mar-20{ margin:20px 0; } .read{ color:#2db7da; text-decoration:underline; } .ltr{ background:#edf2f8; min-height:1090px !important; padding-top:30px; } .dateo{} .dateo p{} .dateo h4{} .dateor{} .dateor a{ color:#014892; font-size:16px; } .ql{ padding-left:15px; margin-bottom:30px; } .ql li{ list-style:none; padding:3px 0; } .ql li i{ height:24px; width:15px; float:left; margin-right:10px; margin-top:5px; } .ql li a{ color:#000; text-decoration:none; } .ql li a:hover{ color:#002f63; text-decoration:none; } .ql2{ padding-left:15px; margin-bottom:30px; } .ql2 li{ list-style:none; padding:7px 0; border-bottom:1px solid #ccc; } .ql2 li i{ height:24px; width:15px; float:left; margin-right:10px; margin-top:5px; } .ql2 li a{ color:#444; transition:all .3s; } .ql2 li a:hover{ color:#002f63; text-decoration:none; } .qls{ padding-left:15px; margin-bottom:30px; } .qls li{ list-style:none; padding:3px 0; } .qls li i{ height:24px; width:15px; float:left; margin-right:10px; margin-top:5px; } .qls li a:hover{ color:#002f63; text-decoration:none; } .qls li a { font-weight: 600; color: #3F51B5; text-decoration: none; } .blue-bg{ background:#edf2f8; } #footer{ background:#002f63; color:#fff; padding-top:30px; } #footer a{ color:#fff; } #footer h3{ margin-top:0; font-size:23px; } .socio{ padding:0; margin-top:20px; margin-bottom:10px; } .socio img{ width:38px; margin-right:10px; margin-bottom:10px; } .mar-top-10{} .copyright{ text-align:center; border-top:1px solid #004898; } .copyright p{ margin:0; padding:13px 0; } .blnew{ width: 70px; position: absolute; top: -10px; } .main-container2{ margin-bottom:30px; } .whitebg{ background:#fff; padding:15px; border:1px solid #dedede; } .mn-heading{ font-size:17px; text-transform:uppercase; margin-top:5px; padding-bottom:5px; } .divider{ border-bottom:1px solid #dedede; margin:10px -15px; } .sqbullet{ padding-left:15px; } .sqbullet li{ list-style:square; padding-bottom:8px; } .main-heading{ color:#002f63; text-transform: uppercase; margin-bottom: 25px; } .thumbo{ margin-bottom:15px; } .btn-primary1 { color: #fff !important; background-color: #002f63 !important; border-color: #f6f6f6 !important; border-radius: 0px !important; } .btn-warning { color: #fff !important; background-color: #f06c4e !important; border-color: #f06c4e !important; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; width: 35px; margin-left: 3px !important; } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: -2px; } .thumbo img{ width:100%; max-height:180px; }