@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900|Montserrat:400,700);
/*--
font-family: 'Roboto', sans-serif;
font-family: 'Montserrat', sans-serif;
--*/

* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
hr { border-top: 1px solid #ebebeb; clear: both; margin: 30px 0; }
body { font-family: 'Roboto', sans-serif; font-size: 13px; color: #303030; line-height: 20px; background: #ffffff; font-weight: 400; }
a { color: #303030; text-decoration: none; outline: none; transition: all 0.2s linear; }
a:hover { color: #ed1d24; }
p { padding-bottom: 20px; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; margin-bottom: 20px; line-height: 1.2;}
h1 { font-size: 36px; }
h2 { font-size: 35px; }
h3 { font-size: 16px; }
h4 { font-size: 17px; }
h5 { font-size: 13px; margin-bottom: 15px; color: #1a428f; }
h6 { font-size: 13px; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.small-text { font-size: 11px; }
.medium-text { font-size: 17px; }
.big-text { font-size: 25px; }
.responsive { width: 100%; height: 100%; }

/*--------------*/
.wrapper { position: relative; }
.container { width: 1152px; margin: 0 auto; }
.header { padding: 15px 0px; }
.logo { float: left; padding-top: 3px; }
.top { background: #0a1425; padding: 10px 0px; text-align: right; color: #ffffff; font-size: 13px; line-height: 13px; }
.top a { color: #ffffff; }
.top ul li { display: inline-block; padding: 0px 10px; border-right: 1px solid #464748; }
.top ul li:last-child { border: 0px; padding-right: 0px; }
.top-right { float: right; }
.top-social { line-height: 35px; }
.top-social a { display: inline-block; font-size: 40px; color: #343434; margin-left: 7px; }
.top-social a:hover { color: #1959b1; }
.top-search { width: 275px; position: relative; border: 1px solid #dedfe0; padding: 0px 0px 0px 35px; }
.top-input { width: 100%; position: relative; height: 35px; padding: 10px; padding-left: 0px; border: none; text-transform: uppercase; }
.top-search::before { position: absolute; font-family: 'jcon-font'; content: '\e804'; left: 0px; top: 0px; color: #000000; width: 35px; height: 35px; text-align: center; line-height: 33px; color: #a3a3a3; }
.top-nav { text-align: right; padding-top: 15px; }
.top-nav a { display: inline-block; padding: 0px 15px; font-size: 14px; }
.top-nav a:last-child { padding-right: 0px; }
/*-----*/
.nav-holder { background: rgba(255,255,255,.6); position: absolute; width: 100%; left: 0px; top: 0px; font-family: 'Montserrat', sans-serif !important; box-shadow: 2px 2px 7px 0px rgba(50, 50, 50, 0.3); z-index: 9; }
#top-nav, #top-nav ul, #top-nav ul li, #top-nav ul li a, #top-nav #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 500; }
#top-nav:after, #top-nav > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#top-nav #menu-button { display: none; }
#top-nav { width: auto; line-height: 1; }
#top-nav > ul > li { float: left; }
#top-nav > ul > li:last-child { margin-right: 0px; }
#top-nav.align-center > ul { font-size: 0; text-align: center; }
#top-nav.align-center > ul > li { display: inline-block; float: none; }
#top-nav.align-center ul ul { text-align: left; }
#top-nav.align-right > ul > li { float: right; }
#top-nav.align-right ul ul { text-align: right; }
#top-nav > ul > li a { padding: 0 50px; text-decoration: none; height: 50px; line-height: 50px; color: #000000; font-size: 14px; font-weight: 600; text-transform: uppercase; background: url(../images/menu-line.png) right top no-repeat; }
#top-nav > ul > li:hover > a, #top-nav > ul > li.active > a { color: #ffffff; background-color: #163a81; }
#top-nav > ul > li.has-sub:hover > a::after { border-color: #009ae1; }
#top-nav > ul > li.has-sub:hover > a { }
#top-nav ul ul { position: absolute; left: -9999px; z-index: 9; }
#top-nav li:hover > ul { left: auto; }
#top-nav li:hover > ul { overflow: hidden; }
#top-nav.align-right li:hover > ul { right: 0; }
#top-nav ul ul ul { margin-left: 100%; top: 0; }
#top-nav.align-right ul ul ul { margin-left: 0; margin-right: 100%; }
#top-nav ul ul li { height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; }
#top-nav ul li:hover > ul { background: #183d86; }
#top-nav ul li:hover > ul > li { height: auto; }
#top-nav ul ul li:nth-of-type(4) { margin-left: 0px; }
#top-nav ul ul li a { padding: 15px; line-height: 18px; width: 200px; font-size: 12px; text-decoration: none; color: #ffffff; height: auto; border: none; background-image: none; border-bottom: 1px solid #2e58a9; }
#top-nav ul ul li:hover > a, #top-nav ul ul li a:hover { color: #ffffff; background: #1a315f; }
#top-nav ul ul li.has-sub > a::after { position: absolute; top: 13px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; }
#top-nav.align-right ul ul li.has-sub > a::after { right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; }
#top-nav ul ul li.has-sub:hover > a::after { border-color: #ffffff; }
 @media all and (max-width: 900px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
 #top-nav {
 width: 100%;
}
 #top-nav ul {
 width: 100%;
 display: none;
}
 #top-nav ul ul {
 padding-top: 0px;
}
 #top-nav.align-center > ul, #top-nav.align-right ul ul {
 text-align: left;
}
 #top-nav ul li, #top-nav ul ul li, #top-nav ul li:hover > ul > li {
 width: 100%;
 height: auto;
/*border-top: 1px solid #d59830;*/
}
 #top-nav ul li a, #top-nav ul ul li a {
 width: 100%;
}
 #top-nav > ul > li.has-sub:hover > a {
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}
 #top-nav li:hover > ul {
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 overflow: hidden;
}
 #top-nav > ul > li, #top-nav.align-center > ul > li, #top-nav.align-right > ul > li {
 float: none;
 display: block;
}
 #top-nav ul ul li a {
 padding: 0px 20px 0px 30px;
 font-size: 16px;
 color: #ffffff;
 background: none;
 height: 40px;
 line-height: 40px;
}
 #top-nav ul ul ul li a {
 padding-left: 40px;
}
 #top-nav ul ul, #top-nav ul ul ul {
 position: relative;
 left: 0;
 right: auto;
 width: 100%;
 margin: 0;
}
 #top-nav > ul > li.has-sub > a::after, #top-nav ul ul li.has-sub > a::after {
 display: none;
}
 #menu-line {
 display: none;
}
 #top-nav #menu-button {
 display: block;
 padding: 0px 20px;
 height: 40px;
 line-height: 40px;
 color: #19408b;
 cursor: pointer;
 font-size: 20px;
 text-transform: uppercase;
 border:0px solid #cccccc;
}
 #top-nav #menu-button::after {
 content: '';
 position: absolute;
 top: 14px;
 right: 20px;
 display: block;
 width: 20px;
 height: 2px;
 background: #19408b;
}
 #top-nav #menu-button::before {
 content: '';
 position: absolute;
 top: 19px;
 right: 20px;
 display: block;
 width: 20px;
 height: 3px;
 border-top: 2px solid #19408b;
 border-bottom: 2px solid #19408b;
}
 #top-nav .submenu-button {
 position: absolute;
 z-index: 10;
 right: 0;
 top: 0;
 display: block;
 border-left: 1px solid rgba(0, 0, 0, 0.1);
 height: 40px;
 width: 40px;
 cursor: pointer;
}
 #top-nav .submenu-button::after {
 content: '';
 position: absolute;
 top: 13px;
 left: 18px;
 display: block;
 width: 1px;
 height: 11px;
 background: #1d6ced;
 z-index: 99;
}
 #top-nav .submenu-button::before {
 content: '';
 position: absolute;
 left: 13px;
 top: 18px;
 display: block;
 width: 11px;
 height: 1px;
 background: #1d6ced;
 z-index: 99;
}
 #top-nav .submenu-button.submenu-opened:after {
 display: none;
}
}
/*----*/
.button { padding: 12px 25px; cursor: pointer; font-size: 13px; line-height: 12px; font-weight: 600; text-decoration: none; color: #ffffff; display: inline-block; text-transform: uppercase; background: #1a428f; border: none; text-align: center; transition: all 0.3s linear; outline: none !important; }
.button:hover { background: #ee1d24; color: #ffffff; }
.btn-gray { background: #acacac; }
.btn-bdr { border: 1px solid #ffffff; background: none; color: #ffffff; }
.btn-bdr1 { border: 1px solid #f7941d; background: none; color: #f7941d; }
.btn-bdr1:hover, .btn-bdr1.active { background: #1a428f; border-color: #1a428f; color: #ffffff; }
.button i { margin-right: 5px; }
/*----*/
.banner-holder { position: relative; }
.bn-caption { bottom: 0; height: 100%; left: 0; position: absolute; width: 100%; }
.bn-caption .container { display: table; height: 100%; }
.bn-content { color: #303030; display: table-cell; padding: 30px; padding-top: 60px; text-align: center; vertical-align: middle; }
.page-title { border: 5px solid #fff; background: rgba(0,0,0,.5); display: inline-block; padding: 30px 60px; text-transform: uppercase; font-weight: 700; color: #ffffff; font-size: 60px; letter-spacing: -2px; line-height: 60px; margin-bottom: 20px; }
.breadcrumb { color: #b0b0b0; font-size: 14px; padding: 10px; background: rgba(27,27,27,.9); text-align: center; display: inline-block; }
.breadcrumb ul { list-style: none; margin: 0px; padding: 0px; font-weight: 500; }
.breadcrumb li { display: inline-block; }
.breadcrumb li a { color: #ffffff; }
.breadcrumb li a:hover, .breadcrumb li strong { color: #ffffff; font-weight: 500; }
.breadcrumb li span { margin: 0px 3px 0px 5px; color: #128ccb; }
/*add*/
.breadcrumb-2 { margin-bottom: 20px; padding-left: 0; }
.breadcrumb-2 li { display: inline-block; }
.breadcrumb-2 li:after { font-family: 'jcon-font'; margin-left: 7px; margin-right: 4px; content: '\e805'; }
.breadcrumb-2 li:last-child:after { content: ""; }
/*end add*/
.middle-container { padding: 40px 0px; }
footer { padding: 10px 0px; text-align: center; background: #0a1425; font-family: Arial, Helvetica, sans-serif !important; color: #757575; font-size: 11px; }
footer strong { color: #dadee5; }
.bottom { padding: 40px 0px; background: #0a1425; color: #6e7684; }
.bottom a { color: #6e7684; }
.bottom a:hover, .bottom li.active a { color: #dadee5; }
.footer-subscribe { float: right; width: 440px; }
.footer-subscribe ul { list-style: none; padding: 0; }
.bottom-about { float: left; width: 300px; padding-right: 40px; }
.bottom-about ul { list-style: none; padding: 0; }
.bottom-about strong { color: #ffffff; font-weight: 400; }
.bottom-about i { color: #ffffff; margin-right: 5px; }
.footer-navigation { float: left; padding-left: 40px; }
.footer-logo { margin-bottom: 20px; }
.footer-logo { margin-bottom: 20px; }
.footer-logo-2 {text-align:left;}
.footer-logo-2 a { display: inline-block; margin: 5px; vertical-align: top; height: 48px; }
.footer-logo-2 img { /*display: block; height: 100%; background-color:white; */ }
.bottom h2 { color: #dadee5; font-size: 16px; margin-bottom: 15px; }
.footer-navigation { width: 350px; }
.footer-navigation ul { width: 45%; border-bottom: 1px solid #313845; padding-left: 0; }
.footer-navigation li { display: block; }
.footer-navigation li a { display: block; position: relative; line-height: 32px; border-top: 1px solid #313845; padding-left: 15px; }
.footer-navigation li a::before { position: absolute; font-family: 'jcon-font'; content: '\e809'; left: 0px; top: 0px; }
.subscribe-form { margin-bottom: 20px; }
.subscribe-form li { margin-bottom: 10px; position: relative; }
.subscribe-form li:last-child { margin-bottom: 0px; }
.input1 { width: 100%; height: 32px; padding: 5px 10px 5px 52px; background: #0a1426; font-size: 13px; border: 1px solid #374156; color: #757575; }
textarea.input1 { padding-left: 10px; height: 82px; resize: none; }
.subscribe-form li i { position: absolute; width: 42px; height: 32px; left: 0px; top: 0px; display: block; text-align: center; line-height: 30px; border: 1px solid #374156; color: #273348; background: #081020; font-size: 15px; }
.side-bar { width: 268px; float: left; }
.side-bar ul { list-style: none; padding: 0; }
.right-col { width: 855px; float: right; }
.side-nav li { display: block; margin-bottom: 1px; }
.side-nav li a { background: #f2f2f2; padding: 20px 40px 20px 60px; display: block; border-left: 5px solid transparent; color: #183f88; font-size: 15px; font-weight: 500; }
.side-nav li a:hover, .side-nav li.active a { border-left: 5px solid #183f88; }
.side-nav li.active a{padding: 20px 40px;}
.side-box { background: #fde428; padding: 50px 30px; margin-top: 20px; font-size: 13px; }
.side-box h2 { font-size: 16px; margin-bottom: 20px; font-weight: 600; }
.whyus { background: url(../images/about1.jpg) no-repeat bottom right; padding-right: 300px; padding-bottom: 20px; min-height: 210px; border-bottom: 1px solid #c2c2c2; font-weight: 300; }
.heading1 { font-size: 30px; font-weight: 600; color: #183f89; margin-bottom: 30px; }
.half-width { width: 50%; }
.pad-box { padding: 15px; }
.heading2 { font-size: 20px; font-weight: 600; color: #87070c; margin-bottom: 20px; text-transform: uppercase; }
.why-choos-us li { padding: 15px; background: #f8f8f8; margin-bottom: 10px; font-weight: 300; }
.why-choos-us li .info { margin-left: 90px; }
.why-choos-us li h3 { font-size: 13px; margin-bottom: 0px; }
/*----*/
.table-container { box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.30); }
table { width: 100%; border-collapse: collapse; }
tr:nth-of-type(odd) { background: #f0f0f0; }
th { background: #1a428f; color: white; font-weight: bold; text-transform: uppercase; font-family: 'Montserrat', sans-serif; }
td, th { padding: 6px 20px; /*border: 1px solid #e6e6e6; */ text-align: left; }
td:last-child { text-align: right; }
table a { color: #1a428f; }
@media only screen and (max-width: 899px) {
.table-container table, .table-container thead, .table-container tbody, .table-container th, .table-container td, .table-container tr { display: block; }
.table-container thead tr { position: absolute; top: -9999px; left: -9999px; }
.table-container tr { border: 1px solid #d7d7d7; }
.table-container td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 40%; }
.table-container td:before { position: absolute; left: 6px; width: 40%; padding-right: 10px; white-space: nowrap; }
.table-container td:nth-of-type(1):before { content: "Position"; }
/* .table-container td:nth-of-type(2):before { content: "Location"; } */
.table-container td:last-child { text-align: left; }
}
@media only screen and (max-width: 480px) {
.table-container td { padding-left: 10px; padding-top: 30px; }
.table-container td:before { position: absolute; top: 10px; left: 10px; width: 100%; white-space: nowrap; font-weight: bold; }
}
.pagination { margin: 10px 0; list-style: none; padding: 0; }
.pagination li { display: inline-block; }
.pagination li:first-child a, .pagination li:last-child a { border: none; }
.pagination li a { display: block;line-height: 27px; border-radius: 3px; border: 1px solid #cbcbcb;padding: 0px 10px;}
.pagination li a:hover, .pagination li.active a {border-color: #595a5c; background: #595a5c; color: #ffffff;}
.form-holder { background: #f2f2f2; padding: 30px; }
.form-holder ul { list-style: none; padding: 0; }
.form-holder li { margin-bottom: 18px; }
.form-holder li:last-child { margin-bottom: 0px; }
.form-holder li li { margin-bottom: 10px !important; font-weight: 600; }
.form-holder label { display: block; cursor: text; float: left; width: 120px; font-weight: 400; line-height: 35px; }
.form-holder label.more, .cdetail-form label.more { line-height: 15px; padding-top: 5px; }
.red { color: #F00; }
.small-input { width: 70px !important; text-align: center; }
.form-holder label.fullwidth { width: 100%; }
.form-holder label.fullwidth span { float: none; margin-left: 5px; }
.form-holder li strong { display: block; padding-bottom: 20px; font-weight: 400; }
.form-holder li strong.title { font-weight: 600 !important; }
.control-holder .control { margin-left: 140px; }
.form-pop .control-holder label { width: 180px; }
.form-pop .control-holder .control { margin-left: 190px; }
.form-pop li, .cdetail-form li { margin-bottom: 0px; }
.control span { padding: 0px 10px; }
.control { padding-bottom: 10px; vertical-align: top; }
.control.fullwidth { margin-left: 0px; }
.form-holder input[type="text"], .form-holder input[type="email"], .form-holder select, .form-holder textarea { width: 100%; height: 35px; border: 1px solid #ffffff; transition: all 0.2s linear; padding: 0px 5px; font-size: 12px; border-radius: 4px; }
.form-holder input[type="text"]:focus, .form-holder input[type="email"]:focus, .form-holder select:focus, .form-holder textarea:focus { border: 1px solid #1a428f; background: #ffffff; }
.form-holder textarea { height: 60px; resize: none; padding: 5px; }
.form-holder .btn { width: 100%; }
.full-width { width: 100% !important; }
.small-holder { width: 240px; }
.small-field { width: 110px; text-align: center; }
.tiny-holder { width: 85px; }
.tiny-field { width: 35px; text-align: center; }
.form-holder .button { margin: 0px 5px; }
.form-pop h3, .cdetail-form h3, .title6 { margin-bottom: 20px; font-size: 15px; color: #1a428f; font-weight: 600; text-transform: uppercase; }
.intro-text { background: #f2f2f2; padding: 30px; text-align: center; }
.intro-text .container { width: 770px; font-size: 18px; font-weight: 300; line-height: 27px; }
.pl30 { padding-left: 30px; }
.list-style1 li { line-height: 22px; position: relative; padding-left: 25px; }
.list-style1 li::before { position: absolute; content: ""; background: url(../images/bul1.png) no-repeat top left; height: 10px; width: 10px; top: 6px; left: 0px; display: block; }
.content { font-weight: 300; }
.color-box { background: #fff799; }
.cbox { float: left; width: 33.33%; padding: 20px; }
.cbox p { margin-left: 20px; padding-bottom: 0px; }
.cbox p strong { display: block; }
.title2 { position: relative; font-size: 20px; padding-bottom: 20px; color: #000000; }
.title2::after { position: absolute; display: block; width: 50px; height: 5px; background: #128ccb; left: 0px; bottom: 0; content: ""; }
.feedback { background: #ebebeb; position: relative; }
.feedback .container { position: relative; padding: 40px 0px; font-size: 14px; line-height: 20px; }
.feedback .container p { padding-bottom: 0px; display: block; padding-right: 370px; }
.feedback-img { position: absolute; right: 30px; bottom: 0px; }
.enquiry-form ul {list-style: none;padding: 0; }
.enquiry-form label { display: block; cursor: text; float: left; width: 120px; font-weight: 400; line-height: 35px; }
.enquiry-form .control { margin-left: 130px; }
.enquiry-form input[type="text"], .enquiry-form input[type="email"], .enquiry-form select, .enquiry-form textarea { width: 100%; height: 35px; border: 1px solid #a1a1a1; transition: all 0.2s linear; padding: 5px 15px; font-size: 13px; border-radius: 2px; }
.enquiry-form input[type="text"]:focus, .enquiry-form input[type="email"]:focus, .enquiry-form select:focus, .enquiry-form textarea:focus { border: 1px solid #1a428f; background: #ffffff; }
.enquiry-form textarea { height: 120px; resize: none; padding: 15px; }
.control-checkbox { padding: 15px 0px 20px; }
.control-checkbox a { color: #1a428f; }
/*----*/
.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { position: relative; display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides > li > img { display: block; width: 100%; }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }
.flexslider { position: relative; zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { top: 50%; margin-top: -20px; position: absolute; width: 100%; z-index: 5; }
.flex-direction-nav a { background: rgba(255,255,255,.6); display: block; font-size: 0; height: 30px; line-height: 26px; text-align: center; width: 30px; overflow: hidden; color: #323232; }
.flex-direction-nav a:hover { color: #f34349; }
.flex-direction-nav a:before { font-family: "jcon-font"; font-size: 24px; position: relative; top: 2px; }
.flex-nav-prev { float: left; margin-left: 30px; }
.flex-prev { margin-right: 10px; }
.flex-prev:before { content: '\e806'; }
.flex-nav-next { float: right; margin-right: 30px; }
.flex-next:before { content: '\e805'; }

.flex-control-paging { position: absolute; bottom: 77px; background: rgba(129,13,18,.8); padding: 7px; line-height: 10px; left: 50%; margin-left: -42px; height: 28px; z-index: 9; }
.flex-control-paging li { display: inline-block; width: 13px; height: 13px; border-radius: 7px; margin: 0px 2px; position: relative; border: 1px solid #ffffff; padding: 1px; }
.flex-control-paging li:first-child::before { position: absolute; width: 17px; height: 27px; background: url(../images/bann-nav.png) no-repeat bottom left; content: ""; left: -27px; top: -7px; }
.flex-control-paging li:last-child::after { position: absolute; width: 17px; height: 27px; background: url(../images/bann-nav.png) no-repeat bottom right; content: ""; right: -27px; top: -7px; }
.flex-control-paging li a { display: block; width: 9px; height: 9px; cursor: pointer; border-radius: 5px; }
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active { background: #ffffff; }
.banner-bottom { background: rgba(129,13,18,.8); position: absolute; width: 100%; bottom: 0px; left: 0px; padding: 20px; font-size: 20px; color: #ffffff; z-index: 999; }
.banner-bottom span { padding-top: 10px; display: inline-block; }
.bn-content.home { color: #ffffff; text-align: left; padding-right: 0px; padding-left: 0px; }
.bn-content.home h2 { font-size: 35px; font-weight: 600; line-height: 35px; font-family: 'Roboto', sans-serif; }
.bn-content.home h3 { font-size: 60px; text-transform: uppercase; font-weight: 900; line-height: 40px; font-family: 'Roboto', sans-serif; }
.bn-content.home p { font-weight: 300; font-size: 18px; }
.bn-content.home div { background: rgba(0,0,0,.35); width: 590px; padding: 30px; }
.welcome-holder, .client-holder, .pat-box { background: url(../images/pat.jpg); text-align: center; padding: 30px 0px;}
.welcome-holder .container, .intro-box { width: 1075px; margin: 0px auto; text-align: center; }
.heading3 { font-size: 30px; font-weight: 100; color: #000000; }
.heading3 span { font-size: 30px; font-weight: 600; color: #395791; }
.service-holder { margin: 0px -15px; padding: 0; list-style: none;}
.service-holder li { padding: 15px; float: left; width: 33.33%; }
.service-holder a { position: relative; display: block; overflow: hidden; width: 100%; height: 100%; color: #ffffff; border-radius: 4px; }
.s-info { position: absolute; width: 100%; padding: 15px 15px 0; background: rgba(45,45,45,.95); font-weight: 300; line-height: 18px; z-index: 2; left: 0; bottom: 0; transition: all 0.2s linear; }
.service-holder a h2 { font-size: 16px; text-transform: uppercase; margin-bottom: 15px; }
.service-holder a img { position: relative; z-index: 1; }
.s-info p { padding: 0; transition: all .5s; overflow: hidden; position: relative; top: 100%; height: 0; }
.service-holder a:hover > .s-info p { height: 100%; padding-bottom: 15px; top: 0; }
.service-holder a:hover > .s-info { background: rgba(135,7,12,.85); }
.title3 { font-size: 14px; font-weight: 600; margin-bottom: 15px; }
.list-style2 {list-style: none; margin-bottom: 20px;padding: 0; }
.list-style2 li { line-height: 22px; position: relative; padding-left: 20px; }
.list-style2 li::before { position: absolute; content: ""; height: 4px; width: 4px; top: 9px; left: 0px; display: block; background: #303030; border-radius: 2px; }
.button-holder { padding-bottom: 20px; }
.button-holder a { margin-right: 10px; }
.calender-list { box-shadow: none; }
.calender-list .grid-view table.items tr { background: #ffffff; }
.calender-list .grid-view table.items th { background: #f4f4f4; color: #303030; font-weight: 400; text-transform: none; font-family: 'Roboto', sans-serif; font-size: 13px; }
.calender-list .grid-view table.items td, .calender-list .grid-view table.items th { padding: 15px 6px; border: 1px solid #e6e6e6; text-align: left; text-align: center !important; }
@media only screen and (max-width: 899px) {
.calender-list .grid-view table.items td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 40%; }
.calender-list .grid-view table.items td:before { position: absolute; top: 6px; left: 6px; width: 40%; padding-right: 10px; white-space: nowrap; }
.calender-list .grid-view table.items td, .calender-list .grid-view table.items th { text-align: left !important; }
.calender-list .grid-view table.items td:nth-of-type(1):before { content: "Date"; }
.calender-list .grid-view table.items td:nth-of-type(2):before { content: "Course Name"; }
.calender-list .grid-view table.items td:nth-of-type(3):before { content: "Category"; }
.calender-list .grid-view table.items td:nth-of-type(4):before { content: "No. of Days"; }
.calender-list .grid-view table.items td:nth-of-type(5):before { content: "Min Pax"; }
.calender-list .grid-view table.items td:nth-of-type(6):before { content: "Course Brochure"; }
.calender-list .grid-view table.items td:nth-of-type(7):before { content: "Registration"; }
}
@media only screen and (max-width: 480px) {
.calender-list .grid-view table.items td { padding-left: 10px; padding-top: 30px; }
.calender-list .grid-view table.items td:before { position: absolute; top: 10px; left: 10px; width: 100%; white-space: nowrap; font-weight: bold; }
}
.Mymap { width: 100%; height: 350px; position: relative; border: 1px solid #e7e7e7; color: #444444; margin-bottom: 30px; }
.firstHeading { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
.Mymap p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 0px; line-height: normal; }
.Mymap a { text-decoration: none; color: #f9a61a; }
.Mymap strong { font-size: 12px; margin-bottom: 0px; }
.Mymap a:hover { color: #888888; }
.contact-left { width: 760px; }
.contact-right { width: 364px; }
.contact-box { background: url(../images/contact1.jpg) no-repeat top center; background-size: cover; color: #ffffff; padding: 45px; margin-bottom: 30px; }
.contact-box ul { list-style: none; padding: 0;}
.contact-box h3 { color: #ffffff; font-size: 23px; font-weight: 700; }
.contact-box li { font-size: 15px; }
.contact-box li a { color: #fff; }
.contact-box li a:hover { color: #fde428; }
.contact-box li i { float: left; color: #fff }
.contact-box li p { margin-left: 25px; padding-bottom: 10px; }
.contact-footer { padding-top: 10px; }
.contact-footer a { margin-right: 10px; font-size: 40px; color: #ffffff; }
.contact-box1 { background: url(../images/contact2.jpg) no-repeat top center; background-size: cover; padding: 45px; height: 341px; display: table; vertical-align: middle; width: 100%; font-size: 15px; }
.contact-box1 div { display: table-cell; vertical-align: middle; height: 100%; width: 100%; line-height: 24px; }
.contact-box1 a { display: block; color: #1a428f; font-size: 19px; line-height: 30px; font-weight: 600; }
.title4 { color: #183f89; font-size: 30px; font-weight: 600; padding-bottom: 15px; border-bottom: 1px solid #d7d7d7; }
.title5 { color: #183f89; font-size: 25px; font-weight: 400; }
.cdetails { border: 1px solid #e6e6e6; margin-bottom: 30px; }
.cdetails table tr:nth-of-type(odd), .cdetails table tr:nth-of-type(even) { background: #ffffff; }
.cdetails td { padding: 15px; text-align: left; text-align: left !important; }
.cdetails td:nth-of-type(1) { width: 200px; font-weight: 600; border-right: 1px solid #e6e6e6; }
@media only screen and (max-width: 719px) {
.cdetails td { padding: 10px; }
.cdetails table, .cdetails td, .cdetails tr { display: block; }
.cdetails td:nth-of-type(1) { width: 100%; font-weight: 600; border-right: 0px; }
.cdetails tr:last-child td:nth-of-type(1) { display: none; }
}
.cdetails-left { width: 760px; }
.cdetails-right { width: 368px; }
.cdetails-box { width: 284px; float: left; padding-right: 30px; }
.cdetails-box ul { list-style: none; padding: 0;}
.cdetails-bottom { list-style: none;padding: 0; margin-top: 30px; }
.cdetails-bottom li { margin-bottom: 20px; }
.cdetails-bottom li span { padding: 0 10px; }
.cdetails-bottom li .button { margin-right: 10px; }
.grid-caption { position: relative; border-radius:4px; overflow:hidden;}
.grid-caption::after { background: rgba(135, 7, 12,.86) none repeat scroll 0 0; bottom: 0; color: #fff; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; transition: all 0.5s ease 0s; width: 100%; }
.grid-content { bottom: 0; color: #fff !important; height: 100%; left: 0; opacity: 0; position: absolute; transition: all 0.5s ease 0s; width: 100%; z-index: 2; }
.gallery li:hover .grid-caption::after, .gallery li:hover .grid-content { opacity: 1; }
.grid-tb { display: table; height: 100%; width: 100%; }
.grid-tc { display: table-cell; vertical-align: middle; text-align:center;}
.grid-tc a{ color:#ffffff !important; font-size:18px;}
.gallery { margin:0px -14px;padding: 0;}
.gallery li{ padding:14px; float:left; width:33.33%;}
.g-title{ display:block; padding-top:15px; text-align:center;font-family: 'Montserrat', sans-serif; font-size:16px; color:#303030;}
.gallery li:hover .g-title{ color:#ed1d24;}
.gallery-inner a{border-radius:4px; overflow:hidden; border:1px solid #ffffff; display:block;}
.gallery-inner a:hover{ border-color:#ee1d24;}
.news-nav{ padding-bottom:10px; margin-bottom:30px; border-bottom:1px solid #ebebeb;}
.news-nav i{ color:#ed1d24; margin:0px 3px;}
.news-nav a{ display:inline-block;}/* margin-left:5px;*/
.news-info { margin-left:296px;}
.news-header{border-bottom:1px solid #ebebeb; padding-bottom:10px; margin-bottom:20px;}
.news-header h3{ font-size:20px; color:#1a428f; margin-bottom:0px; font-weight:600; line-height:29px;}
.news-info a{color:#ed1d24; display:inline-block;}
.news-grid ul{ list-style: none; padding: 0;}
.news-grid li{ margin-bottom:40px;}
.client-grid ul{ list-style: none; padding: 0;}
.client-grid li{ padding:15px 0px;}
.client-info{ margin-left:290px; font-weight:300;}
.client-info h3, .title7{color:#87070c; margin-bottom:15px; font-size:19px; font-weight:600;}
.list_carousel { padding: 0px; position: relative; }
.list_carousel ol, .list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; }
.list_carousel li {line-height: 53px; font-size: 12px; color: #666; text-align: center; min-width: 144px; height: 53px; padding: 0; margin: 0px; display: block; float: left;text-align: center;}
.client-slider{ position:relative; margin:0px auto; }
.client-slider .next, .client-slider .prev{display: none; position:absolute; width:40px; height:40px; text-align:center; line-height:40px; font-size:20px; top:50%; margin-top:-20px; color:#c6c6c6;}
.next{ right:-40px;}
.prev{ left:-40px;}
.next:hover, .prev:hover{color:#ed1d24 !important;}
.client-holder h2{ font-size:25px; font-weight:400; margin-bottom:30px; line-height:30px;}
.holder { overflow: hidden; position: relative; z-index: 1; background: url(../images/pat.jpg); }
.container-half { position: absolute; width: 50%; top: 0; bottom: 0; background-position: right top; background-repeat: no-repeat; background-size: cover; }
.container-half-right { right: 0; }
.container-half-left { left: 0; }
.holder-info { width:50%; text-align: left; padding:30px; color:#000000; font-weight:300;}
.holder .container{ width:100%; padding:0px;}
.benefit h2{ font-size:25px; line-height:30px;}
.benefit .list-style2{ margin-bottom:0px;padding: 0; list-style: none;}
.fu-box{border-bottom:1px solid #ebebeb;}
.fu-box .half-width{ padding-right:100px;}
.fu-box h3{ color:#ee1d24; font-size:20px; font-weight:600; text-transform:uppercase; margin-bottom:10px;}
.list-style3{ margin:10px 0px;}
.list-style3 li{ line-height:30px; position:relative; padding-left:15px; font-weight:300;}
.list-style3 li::before{ position:absolute; content:'\e805';font-family: 'jcon-font';color:#ee1d24; left:0px; line-height:30px;}
.certi-holder li{ float:left; width:25%; float:left; padding:12px;}
.certi-holder li img{ width:100%;}
.certi-holder{ padding-top:30px;}
.certi-holder{ margin:0px -12px;}
.dc-box-holder .fleft{ padding-right:15px;}
.dc-box-holder .fright{ padding-left:15px;}
.dc-box{ font-weight:300; background:#f8f8f8; border:1px solid #e0e0e0; margin-bottom:30px;}
.dc-box h2{ display:block; position:relative; line-height:40px; padding-left:30px; color:#ffffff; font-size:13px; font-weight:600; background:#343434;}
.dc-box h2::before{ position:absolute; content:'\e819';font-family: 'jcon-font';color:#1587c3; left:11px; line-height:30px; top:5px;}
.dc-box .list-style2 {list-style: none;padding: 0; margin:20px 30px;}
.title-holder{ position:relative;}
.title-holder .title4{ border-bottom:0px; padding-bottom:0px;}
.title-link{ position:absolute; top:0px; right:0px; font-size:15px; color:#959595;}
.pbox hr { margin: 10px 0px; }
.pbox{ border:1px solid #cccccc;box-shadow:4px 4px 5px 0px rgba(0, 0, 0, 0.15); margin-bottom:30px;}
.pbox-title{ padding:20px; background:#ebebeb;}
.pbox-title h2{ font-size:20px; margin:0px; color:#252525; font-weight:600; line-height:35px;}
.pbox-content{ padding:20px; font-size:15px; font-weight:300; line-height:22px;}
.pbox-content ul{list-style: none; padding: 0;}
.pbox-footer{ margin-top:15px; border-top:5px solid #d7d7d7; padding-top:15px;}
.pbox-footer a{ margin-left:10px;}
.pay-box{ width:49%; background:#ebebeb; padding:30px 20px;}
.pay-img{ margin-left:30px; text-align:center;}
.pay-control{ padding-top:40px;}
.pay-card-details li{ line-height:30px;}
.pay-card-details li:before, .pay-card-details li:after{ clear:both;}
.pay-card-details li em{ float:left; width:130px; padding-right:15px; font-style:normal;}
.pay-card-details li em span{ float:right;}
.pay-card-details strong{}
.pbox-content h3{ font-size:20px;}
.half-field{ width:49.5%}

/* Calendar Styles */
.calendar {width:100%; border-collapse:collapse;}
.calendar tr.navigation th {padding-bottom:20px;}
.calendar th.prev-month {text-align:left;}
.calendar th.current-month {text-align:center; font-size:1.5em;}
.calendar th.next-month {text-align:right;}
.calendar tr.weekdays th { background: #fff; border: 1px solid #ccc; color: #000; text-align:left; padding-left: 5px; padding-right: 5px;}
.calendar td { background: #fff; width:14%; height:100px; vertical-align:top; border:1px solid #CCC; padding: 0;}
.calendar td.today {background:#FFD;}
.calendar td.prev-next {background:#EEE;}
.calendar td.prev-next span.date {color:#9C9C9C;}
.calendar td.holiday {background:#DDFFDE;}
.calendar span.date {display:block; padding:4px; line-height:12px; background:#EEE; text-align: left;}
.calendar div.day-content {}
.calendar ul.output {margin:0; padding:0 4px; list-style:none;}
.calendar ul.output li {margin:0; padding:5px 0; line-height:1em; border-bottom:1px solid #CCC;}
.calendar ul.output li:last-child {border:0;}
.calendar ul.output li a { color: #f7941d; }
.calendar ul.output li a:hover { color: #000; }

/* Small Calendar */
.calendar.small {width:auto; border-collapse:separate;}
.calendar.small tr.navigation th {padding-bottom:5px;}
.calendar.small tr.navigation th a span {font-size:1.5em;}
.calendar.small th.current-month {font-size:1em;}
.calendar.small tr.weekdays th {text-align:center;}
.calendar.small td {width:auto; height:auto; padding:4px 8px; text-align:center; border:0; background:#EEE;}
.calendar.small span.date {display:inline; padding:0; background:none;}

/* Customize */
.calendar tr.navigation { background: linear-gradient(to bottom, #1b5468 0%, #133846 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) }
.calendar tr.navigation th { padding: 10px; white-space: nowrap; }
.calendar tr.navigation th a { color: white }
.calendar ul li:before { background: none !important }

.calendar-search { margin-bottom: 20px; }
.calendar-search select { border: #ccc solid 1px; float: left; margin-right: 20px; padding: 2px 5px; }


@media only screen and (max-width: 640px) {
	.calendar th.current-month { font-size: 1.2em; }
	.calendar ul.output li { white-space: nowrap; overflow: hidden; width: 30px; text-overflow: ellipsis;}
}
@media only screen and (max-width: 420px) {
	.calendar tr.weekdays th, .calendar span.date, .calendar tr.navigation th { font-size: 12px; }
	.calendar tr.weekdays th, .calendar span.date, .calendar tr.navigation th { padding-left: 3px; padding-right: 3px; }


}

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/loading.gif) center no-repeat #fff;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         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
{
    margin: 0 auto;
    padding: 0 10px;
}
.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;
}
.slick-arrow{background: none; border: none; position:absolute; width:40px; height:40px; text-align:center; line-height:40px; font-size:20px; top:50%; margin-top:-20px; color:#c6c6c6;font-size: 0;}
.slick-arrow:before{ font-family: "jcon-font";font-size: 20px; }
.slick-arrow:focus{ outline: none; }
.slick-next:before{ content: '\e805';}
.slick-next{ right:-40px;}
.slick-prev{ left:-40px;}
.slick-prev:before{content: '\e806';}
.slick-arrow:hover{color:#ed1d24 !important;}

.tb-news-content { margin-bottom: 40px; display: table; width: 100%; }
.tr-news { display: table-row; }
.tr-news:nth-child(2n+1) { background: #f0f0f0; }
.td-news { display: table-cell; padding: 15px; vertical-align: top; }
.td-right { text-align: right; }
.td-news-img { width: 20%; }
.td-news-content { width: 40%; }

/* New styles for 3x2 grid layout */
.service-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 0 -15px; /* Adjust the negative margin to align with the padding */
    padding: 0;
}

.service-holder li {
    flex: 1 1 calc(33.33% - 30px); /* 3 items per row with equal spacing */
    box-sizing: border-box;
    margin: 15px; /* Space between items */
}

.service-holder a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    color: #ffffff;
    border-radius: 4px;
    text-decoration: none;
    background: #000; /* Placeholder background color */
}

.s-info {
    position: absolute;
    width: 100%;
    padding: 15px;
    background: rgba(45, 45, 45, .95);
    font-weight: 300;
    line-height: 18px;
    z-index: 2;
    left: 0;
    bottom: 0;
    transition: all 0.2s linear;
}

.service-holder a img {
    position: relative;
    z-index: 1;
    width: 100%; /* Ensure images fill the container */
    height: auto;
}

.s-info p {
    padding: 0;
    transition: all .5s;
    overflow: hidden;
    position: relative;
    top: 100%;
    height: 0;
}

.service-holder a:hover > .s-info p {
    height: 100%;
    padding-bottom: 15px;
    top: 0;
}

.service-holder a:hover > .s-info {
    background: rgba(135, 7, 12, .85);
}

@media only screen and (max-width: 768px) {
    .service-holder li {
        flex: 1 1 calc(50% - 30px); /* Adjust for two items per row on smaller screens */
    }
}

@media only screen and (max-width: 480px) {
    .service-holder li {
        flex: 1 1 100%; /* Single column on very small screens */
    }
}