@charset "utf-8";

/* CSS Document */
body { font-family: 'calibri'; font-size: 16px; line-height: 1.4; }
a:hover, a:focus { outline: none; text-decoration: none; }
textarea { resize: none; }
input, textarea { outline: none; }
.common-transition { -webkit-transition: all 0.5s cubic-bezier(.09, .11, .24, .91); -moz-transition: all 0.5s cubic-bezier(.09, .11, .24, .91); -moz-transition: all 0.5s cubic-bezier(.09, .11, .24, .91); -ms-transition: all 0.5s cubic-bezier(.09, .11, .24, .91); -o-transition: all 0.5s cubic-bezier(.09, .11, .24, .91); }
ul { padding: 0; }
h1, h2, h3, h4 { font-family: 'calibri'; }
.btn { outline: none !important; box-shadow: none !important; background: #f0f0f0; color: #222; }

/*---------Header Start----------*/
header { width: 100%; background: #fff; position: relative; z-index: 999; left: 0; position: fixed; top: 0; }
.fixed-header { box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; -ms-box-shadow: 0 0 5px #999; -o-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; }
@-webkit-keyframes slideInDown {
	from { top: -100%; visibility: visible; }
	to { top: 0; }
}
@keyframes slideInDown {
	from { top: -100%; visibility: visible; }
	to { top: 0; }
}
.slideInDown { -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -ms-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; -moz-transition: all 0.3s cubic-bezier(0.61, 0.42, 0.61, 0.47); -o-transition: all 0.3s cubic-bezier(0.61, 0.42, 0.61, 0.47); -webkit-transition: all 0.3s cubic-bezier(0.61, 0.42, 0.61, 0.47); transition: all 0.3s cubic-bezier(0.61, 0.42, 0.61, 0.47); }
header .logo { float: left; width: auto; padding: 9px 0; }
header .logo a { display: block; width: 180px; }
header .logo a img { display: block; width: 100%; }
.nav { float: right; }
.nav ul { list-style: none; margin: 0; padding: 0; }
.nav ul li { float: left; }
.nav ul li a { font-size: 18px; color: #000; padding: 0 20px; line-height: 91px; text-decoration: none; display: block; }
.nav ul li a:hover, .nav ul li a.menu-active { background: #0B6490; color: #fff; }
.responsive-menu-btn { position: absolute; right: 15px; top: 24%; display: none; color: #1D6F98; }
.responsive-menu-btn i { font-size: 30px; color: #000; }

/* .responsive-menu-btn:hover { background: #0b6490; color: #fff; } */
body.responsive-nav { overflow: hidden; }

/*---------Header End----------*/

/*---------Banner Start----------*/
.banner { position: relative; margin-top: 91px; }
.banner .item img { width: 100%; }
#banner-slider .owl-controls { display: none !important; }
.banner .customNavigation { position: absolute; position: absolute; top: 50%; width: 100%; z-index: 1; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); - -transform: translateY(-50%); -ms-transform: ranslateY(-50%); transform: translateY(-50%); }
.banner .customNavigation .btn { font-size: 40px; color: #fff; }
.banner .customNavigation .btn:hover { color: #0D6491; }
.banner .customNavigation .btn.prev { float: left; background: transparent; }
.banner .customNavigation .btn.next { float: right; background: transparent; }
.banner .banner-text { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); - -transform: translateY(-50%); -ms-transform: ranslateY(-50%); transform: translateY(-50%); text-align: center; }
.banner .banner-text h2 { color: #fff; font-size: 40px; width: 38%; margin: 0 auto; }

/*---------Banner End----------*/

/*---------About Start----------*/
.common-section { padding: 40px 0; }
.title { margin-bottom: 30px; }
.title h2 { color: #000; margin: 0 0 20px; position: relative; padding-bottom: 20px; }
.title h2:after { background: #444; height: 3px; width: 30px; content: ""; position: absolute; left: 0; bottom: 0; right: 0; margin: 0 auto; }
.title p { text-align: center; font-family: 'calibri'; }
p { text-align: left; }
.about img { display: inline-block; }
h3 { color: #000; font-size: 14px; line-height: 24px; }
.expertise-block { padding: 40px 0; height: 240px; }
.expertise-block i { font-size: 64px; color: #000; }
.expertise-block:hover { background: #0B6490; }
.expertise-block:hover i { color: #fff; }
.expertise-block:hover h3 { color: #fff; }
.about-us-section p { font-size: 20px; margin: 0; padding-bottom: 20px; }
.about-us-section p:last-child { padding: 0; }

/*---------About End----------*/

/*---------Services Start----------*/
.services { background: #eee; }
.services ul { margin: 0; padding-left: 10px; }
.services ul li { text-align: left; font-size: 14px; padding: 12px 0; }
.services-section p { font-size: 20px; margin: 0; padding-bottom: 20px; }
.services-section h3 { font-size: 18px; margin: 0; padding-top: 20px; }
.services-section .background-image { background: rgba(0, 0, 0, 0.7); height: 100%; width: 100%; }

/*---------Services End----------*/

/*---------Contact Start----------*/
.contact { background: #0b6490; overflow: hidden; }
.contact .title h2 { color: #fff; }
.contact .title h2:after { background: #fff; }
.map { height: 480px; }
.contact ul {	/*float: left;*/ width: 100%; list-style: none; margin: 20px 0; }
.contact ul li {	/*float: left;*/ /*width: 100%;*/ padding: 0 0 10px; }
.contact ul li:last-child { padding: 0; }
.contact ul li i { display: inline-block; vertical-align: middle; width: auto; font-size: 20px; color: #fff; }
.contact ul li p { display: inline-block; vertical-align: middle; margin: 0; font-size: 14px; color: #fff; width: 83%; }
.contact h3 { color: #fff; font-size: 16px; margin: 0; text-align: center; }
.contact h4 { color: #fff; font-size: 14px; margin: 0; text-align: center; }
.contact form { float: left; width: 100%; }
.contact form .common-input { float: left; width: 100%; border: 1px solid #eee; padding: 5px 10px; margin-bottom: 10px; font-size: 12px; border-radius: 4px; }
.contact form .common-input:focus { border-color: #0B6490; }
.contact form button { background: #eee; border: none; float: right; padding: 5px 10px; border-radius: 4px; }
.contact form button:hover { background: #0B6490; color: #fff; }
.contact a { color: #fff; }
.contact a:hover { color: #000000; text-decoration: none; }

/*---------Contact End----------*/

/*---------Footer Start----------*/
footer { background: #000; }
footer .copyright span { color: #fff; float: left; width: 100%; font-size: 14px; padding: 24px 0; }
footer .copyright span a { color: #F6544A; text-decoration: none; }
.social-icon { display: block; text-align: center; }
.social-icon ul { list-style: none; margin: 10px 0; }
.social-icon ul li { display: inline-block; margin-left: 10px; }
.social-icon ul li a { display: block; padding: 10px; color: #fff; }
.social-icon ul li a { font-size: 18px; }
.social-icon ul li a:hover { background: #0B6490; }
footer .design-by span { color: #fff; float: left; width: 100%; font-size: 14px; padding: 24px 0; text-align: right; }
footer .design-by span a { color: #f16a36; text-decoration: none; }
footer .design-by span a:hover { color: #fff; }
.footer-box h3 { font-size: 24px !important; text-align: left !important; }
.footer-box .about-box img { width: 200px; margin-bottom: 20px; }
.footer-box .about-box p { color: #fff; margin: 0; }
.footer-box .col-md-4 { text-align: left; }
.footer-box .imp-links-box { margin: 30px auto !important; text-align: center; }
.footer-box .imp-links-box ul li { display: inline-block !important; margin-right: 30px; float: none; width: auto !important; text-align: center; }
.footer-box .imp-links-box ul li a { font-size: 18px; }
.footer-box h4 { text-align: left !important; }
.call-to-action-box { background: url(../img/call-to-us-bg.png); background-size: cover; background-position: center center; background-repeat: no-repeat; height: 400px; position: relative; }
.call-to-action-box .inner-text-box { position: absolute; left: 0; right: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); - -transform: translateY(-50%); -ms-transform: ranslateY(-50%); transform: translateY(-50%); text-align: center; }
.call-to-action-box .inner-text-box h3 { font-size: 38px; color: #fff; width: 32%; margin: 0 auto 30px; text-transform: capitalize; line-height: 1.1; }
.call-to-action-box .inner-text-box button:hover { background: #0B6490; color: #fff; }

/*---------Footer Start----------*/
.inner-banner-section { height: 450px; margin-top: 91px; background: url(../img/banner-3.png); position: relative; background-size: cover; }
.inner-banner-404-section { height: 450px; margin-top: 91px; background: url(../img/kisnn-404.png); position: relative; background-size: cover; background-position: center; }
.inner-banner-section .inner-title { position: absolute; left: 0; right: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); - -transform: translateY(-50%); -ms-transform: ranslateY(-50%); transform: translateY(-50%); text-align: center; }
.inner-banner-section .inner-title h2 { color: #fff; margin: 0; font-size: 45px; }
.our-team-section { background: #eee; }
.our-team-section .cols { padding-bottom: 50px; }
.our-team-section .cols img { width: 100%; }
.our-team-section .cols:last-child { padding-bottom: 0; }
.our-team-section .img-box-left { float: left; text-align: center; width: 30%; }
.our-team-section .text-box-right { float: right; width: 66%; }
.our-team-section h3 { text-align: left; font-size: 24px; margin: 0; padding-bottom: 20px; }
.our-team-section p { margin: 0; padding-bottom: 20px; }
.our-team-section p:last-child { padding-bottom: 0; }
.our-team-section .img-box-right { float: right; text-align: center; width: 30%; }
.our-team-section .text-box-left { float: left; width: 66%; }
.our-team-section li { text-align: left; padding-bottom: 10px; list-style: inside; }
.achievements-section .list { text-align: left; }
.achievements-section .list ul { margin: 0; }
.achievements-section .list li { padding-bottom: 20px; list-style: inside; }
.achievements-section .list li:last-child { padding-bottom: 0; }
.achievements-section .list h3 { font-size: 20px; margin: 0; padding-bottom: 20px; }
.certifications-section h2 { margin: 0; padding-bottom: 20px; font-size: 22px; color: #0b6490;}
.certifications-section h3 { font-size: 20px; margin: 0; padding: 14px 0; border: 1px solid #000; margin-bottom: 10px; border-radius: 4px; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.certifications-section h3:hover {background: #0b6490;color: #fff; border-color:#0b6490; }
.certifications-section img { border: 2px solid #000; padding: 5px; }
.certifications-section p { font-size: 20px; margin: 0; padding-bottom: 20px; }
.certifications-section p:last-child { padding-bottom: 0; }
.certifications-section .cols-box { border: 2px solid #000; margin-bottom: 30px; padding: 20px; }
.certifications-section .cols-box h4 { font-size: 20px; margin: 0; padding-bottom: 20px; }
.certifications-section .cols-box p { font-size: 16px; padding-bottom: 15px; }
.certifications-section .cols-box .left-box { width: 50%; float: left; }
.certifications-section .cols-box .right-box { width: 50%; float: right; }
.certifications-section .cols-box a { color: #000; }
.certifications-section .cols-box a:hover { color: #0b6490; }
.contact form button:hover { background: #000; color: #fff; }
.inner-services-section img { width: 100%; }
.services-section .expertise-block { overflow: hidden; }
.services-section a { position: relative; overflow: hidden; transition: all 0.5s cubic-bezier(0.74, 0.31, 0.37, 0.8) 0s; }
.services-section a .expertise-inner-box { background: rgba(11, 100, 144, 0.8); bottom: -100%; height: 100%; position: absolute; transition: all 0.5s cubic-bezier(0.74, 0.31, 0.37, 0.8) 0s; width: 100%; }
.services-section a:hover .expertise-inner-box { bottom: 0; }
.services-section a .expertise-inner-box i { color: #fff; display: block; font-size: 40px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.5s cubic-bezier(0.74, 0.31, 0.37, 0.8) 0s; }
.certifications-section a { color: #0b6490; }
.address-box h3 { text-align: center !important; }
.footer-box .col-md-6.col-sm-6 { padding: 0; }
.contact-us-section .send-message .form-group { display: inline-block; vertical-align: middle; width: 49%; }
.contact-us-section .send-message .form-control { background: #f2f2f2; border: 1px solid #dedede; border-radius: 0; box-shadow: none; color: #666666; height: 44px; }
.contact-us-section .send-message .right-side { padding-left: 10px; }
.contact-us-section .send-message .form-group.long { width: 98.5%; }
.contact-us-section .send-message textarea.form-control { height: 110px; }
.map-section { height: 600px; }
.contact-us-section .send-message button:hover, .btn:hover { background: #0b6490; color: #fff; }
.our-team-section .img-box-left.img-right-box { float: right; }
.our-team-section .text-box-right.text-left-box { float: left; }
.back-to-top { background: #aaa; bottom: 30px; color: #fff; display: none; font-size: 20px; height: 40px; padding: 6px 0; position: fixed; right: 20px; text-align: center; width: 40px; }
form#frmContact input.error { border: 1px solid red; background: #FFD3D3 }
form#frmContact textarea.error { border: 1px solid red; background: #FFD3D3 }
form#frmContact input.error::placeholder { color: red; }
form#frmContact textarea.error::placeholder { color: red; }
.thank-you p { text-align: center !important; }
.our-team-section .img-box { position: relative; }
.our-team-section .img-box a { display: block; }
.our-team-section .img-box a img { width: 100%; }
.our-team-section .text-box { padding-top: 15px; }
.our-team-section .text-box h3 { text-align: center; padding-bottom: 7px; }
.img-box .hover-box { width: 100%; height: 15%; position: absolute; overflow: hidden; bottom: 0; left: 0; right: 0; margin: 0 auto; opacity: 1; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.img-box a img { position: relative; -webkit-transition: all .4s linear; transition: all .4s linear; }
.img-box .hover-box a.info { text-decoration: none; display: inline-block; text-transform: uppercase; color: #fff; background-color: transparent; opacity: 1; filter: alpha(opacity=0); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; padding: 3px; position: absolute; top: 50%; left: 0; right: 0; width: 135px; margin: 0 auto; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }

/*.img-box .hover-box {width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0; right: 0; margin:0 auto; opacity:0; background-color:rgba(0,0,0,0.8); -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out }
 .img-box a img {position:relative; -webkit-transition:all .4s linear; transition:all .4s linear; }
 .img-box .hover-box a.info {text-decoration:none; display:inline-block; text-transform:uppercase; color:#fff; border:1px solid #fff; background-color:transparent; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; padding:7px 14px; position: absolute; top: 50%; left: 0; right: 0; width: 135px; margin: 0 auto; transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%); }


.hover-box a.info:hover {box-shadow:0 0 5px #fff; }



 .img-box:hover .hover-box {opacity:1; filter:alpha(opacity=100); }

.img-box:hover a.info {opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0); -webkit-transform:translatey(0); transform:translatey(0); }
.img-box:hover  a.info {-webkit-transition-delay:.2s; transition-delay:.2s; }*/
.team-box { padding-bottom: 20px; border-bottom: 1px solid #000; }

/*careers-page*/
.careers-section .title h2, .careers-detail-section .title h2 { text-align: center; }
.careers-section li { background: #f2f2f2; margin-bottom: 15px; padding: 10px 15px; list-style: none; border-radius: 5px; }
.careers-section .left-box { display: inline-block; width: 100%; vertical-align: middle; }

/*width:calc(100% - 115px);*/
.careers-section .left-box h2 { margin: 0px; text-align: center; }
.careers-section .right-box { display: inline-block; width: 110px; vertical-align: middle; text-align: right; }
.careers-section .right-box .btn { background: #aaa; color: #fff; }
.careers-detail-section li { padding-bottom: 20px; list-style: inside; }
.careers-detail-section h3 { font-size: 18px; font-weight: bold; }
.careers-detail-section li span { display: block; padding-left: 20px; }
.social-icon ul { display: none; }

/*For Loader*/
.spinner { margin: 0 20px; width: 50px; height: 40px; text-align: center; font-size: 10px; }
.spinner > div { background-color: #EF4036; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
	20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
	0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }
	20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); }
}
.careers-section .left-box h2 { font-size: 26px; text-align: left; padding-bottom: 0; }
.careers-section p { font-size: 20px; margin: 0; padding-bottom: 20px; }
.careers-section .left-box { width: 89%; }
.careers-section .left-box p { padding-bottom: 0; }
.careers-section li { padding: 30px; }
.careers-section ul { padding-top: 30px; }
.certifications-section .cols-box { display: none; }
.certifications-section .row { padding-top: 20px; }
.careers-detail-section .left-in { padding-left: 20px; padding-top: 10px; padding-bottom: 0; margin: 0; list-style: inside; }
.careers-section .right-box .btn:hover { background: #0b6490; }
.career-banner-main { height: 150px !important; }

/* New Css */
.career-text-section { background: #FBFBFB; }
.career-text-section .container { padding: 0; }
.career-text-section p { font-size: 20px; margin: 0; padding: 20px 0; border-bottom: 3px solid #e6e6e6; text-align: justify; }
.career-text-section span { color: red; }
.new-career-section { padding: 50px 0; }
.new-career-section .left-box { display: inline-block; width: 70%; vertical-align: middle; }
.new-career-section .right-box { display: inline-block; width: 22%; vertical-align: middle; text-align: center; }
.new-career-section .left-box h2 { margin: 0; font-size: 24px; }
.new-career-section .left-box p { margin: 0; }
.new-career-section .right-box .btn { border-radius: 4px; background: #0b6490; color: #fff; font-size: 16px; }
.new-career-section .border-left .right-box { text-align: right; width: 29%; }
.new-career-section .padding-bottom { padding-bottom: 50px; }
.new-career-section .col-md-6 { padding: 0; }
.new-career-section .border-left { border-left: 2px solid #ccc; padding-left: 60px; }
.career-detail-banner { height: 150px !important; }
.career-detail-banner .inner-title h2 { font-size: 36px; }
.careers-detail-section .back-btn { font-size: 18px; text-align: right; display: block; padding-bottom: 15px; }
.apply-now-row a { padding: 6px 12px; text-align: center; margin: 0 auto; margin-bottom: 10px; border-radius: 4px; display: inline-block; vertical-align: middle; background: #0b6490; color: #fff; }
.submit-button .sub-btn { background: #0b6490; color: #fff; }
.ajax-loader-modal { display: inline-block; vertical-align: middle; }
#frmCareer input.error { border: 1px solid red; background: #FFD3D3; }
.g-recaptcha { margin-bottom: 15px; }
footer .copyright span#ydate { float: none !important; padding: 0 !important; width: auto; }



/* Latest Changes 2-August-2022 */
.banner .item { height: 275px !important; overflow: hidden; }
.banner .item img { height: auto !important; }



.inner-banner-section { height: 275px !important; background-position: center center; }
.career-banner-main, .career-detail-banner { height: 150px !important; }
.logo-section { background: #f4f4f4; padding: 30px 0; }
.logo-section .logo-box a { width: auto; display: inline-block; vertical-align: middle; margin-left: -5px; text-align: center; cursor: pointer; }
.logo-section .logo-box .pacct-color-logo img { width: 270px; }
.logo-section .logo-box .transview-color-logo img { width: 200px; }
.logo-section .logo-box { text-align: center; }
.logo-section .logo-box .pacct-color-logo { border-right: 1px solid #4c4c4c; padding-right: 50px; }
.logo-section .logo-box .transview-color-logo { padding-left: 50px; }
.logo-section .logo-box h2 { margin-top: 0; color: #0b6490; margin-bottom: 24px; font-size: 26px; }

.services-section .logo-box { padding-top: 75px; }
.services-section .logo-box span { background: #e90000; color: #fff; padding: 4px 14px; position: absolute; right: 0; top: 0; }
.services-section .logo-box .pacct-img-box, .services-section .logo-box .transview-img-box { height: 50px; }
.services-section .logo-box .pacct-img-box img { width: 150px; }
.services-section .logo-box .transview-img-box img { width: 200px; padding-top: 12px; }
.services-section h3 { width: 95%; margin: 0 auto; }

.our-team-section .team-box .padding-top { padding-top: 20px; }