@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600');
@import url('http://fonts.googleapis.com/css?family=Hind:%20300,400,500,600,700');

.abs, .main-nav {
height: 100px;
}
#isbpo_nav .btn, .imgright.pull-right {
margin-left: 20px;
}
.case-study-btn a:hover, .menu-inner h2 a, a:hover {
text-decoration: none;
}
#why-isbpo ul li, .case ul li, .clients ul li, .list-style4 li, .list-style5 li, .menucol li, .testi {
list-style: none;
}
#companyProfile .modal-title, #isbpo_nav .nav li a, .case h3, .is-services .col-sm-3 div p, .main-heading h2, .reach-us a, .services-block h3 {
text-transform: uppercase;
}
.fade-in {
opacity: 0;
-webkit-transition: opacity .5s linear;
-o-transition: opacity .5s linear;
-moz-transition: opacity .5s linear;
transition: opacity .5s linear;
}
#isbpo_nav .nav li a, .menu {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
body {
font-family: 'Hind', sans-serif!important;
color: #222;
font-size: 16px;
}
.intro-inner p, .intro-phrase {
font-family: 'Montserrat', sans-serif;
}
.top-bar {
position: relative;
background: #2c3038;
line-height: 40px;
color: #fff;
font-size: 14px;
}
.err {
color: red;
}
.breadcrumb>li {
font-size: 14px;
}
.breadcrumb .active a {
color: #24AEFF;
}
.breadcrumb .active {
font-weight: 600;
}
.main-nav nav {
height: 100%;
box-shadow: 0 1px 10px rgba(51, 51, 51, .3);
margin-bottom: 0!important;
}
#isbpo_nav .nav {
margin-top: 0;
}
#isbpo_nav .nav li {
margin-right: 1em;
}
#isbpo_nav .nav li a {
padding: 40px 10px;
color: #000;
font-weight: 500;
font-size: 14px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fix-header #isbpo_nav .nav li {
margin-right: 0.5em;
}

.menu, .show-menu {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.top-bar ul {
margin-bottom: 0;
}
.navbar-brand {
padding: 1px;
height: 100%}
.top-bar .fa {
margin-right: 10px;
color: #24AEFF;
}
.top-bar .c-info li {
margin-right: 20px;
}
.top-bar .c-info img {
margin-right: 10px;
margin-top: -2px;
}
.top-bar .social a .fa {
color: #fff;
}
#isbpo_nav .btn {
padding: 6px 12px!important;
margin-top: 30px;
}
#isbpo_banner {
height: 500px;
background: #f5f5f5;
}
.banner1, .banner2, .banner3, .banner4 {
height: 100%}
.banner1 {
background: url(../images/banner2.jpg) center no-repeat;
background-size: cover;
}
.banner2 {
background: url(../images/call-center-bpo-india.jpg) center no-repeat;
}
.banner3 {
background: url(../images/banner3.jpg) center no-repeat;
background-size: cover;
}
.banner4 {
background: url(../images/banner4.jpg) center no-repeat;
background-size: cover;
}

.banner-data{
background: url('../images/data-management-services.jpg');
background-size: cover;
background-position: center;
height: 100%;
}

.banner-inner a{
color: #333;
}
.banner2 p a{
color: #316F94;
}
.banner-inner h2 {
margin-top: 22%;
font-weight: 700;
color: #000;
}
.btn-lead {
background: #24AEFF;
color: #fff !important;
}
.banner-inner .btn {
font-size: 1em;
margin-top: 15px;
}
.banner-inner p {
font-size: 18px;
margin-top: 15px;
}
#isbpo_nav .btn {
background: #FF7524;
color: #fff!important;
border-color: #FF7524;
}
.btn-orange {
background: #FF5919;
color: #fff!important;
border-color: #FF5919;
}
.menu {
position: fixed;
background: rgba(0, 0, 0, .9);
color: #e8e8e8;
height: 0;
overflow: hidden;
opacity: 0;
transition: all .3s ease-in-out;
width: 100%;
z-index: 30;
}
.fix-header, .show-menu {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.menu-inner {
position: relative;
padding: 20px;
}
.menu-inner h2 {
margin-bottom: 20px;
font-size: 24px;
border-bottom: 1px solid rgba(255, 255, 255, .34);
padding-top: 5px;
padding-bottom: 5px;
border-left: 5px solid #24AEFF;
padding-left: 10px;
}
.menu-inner h2 a {
color: #FFF!important;
}
.show-menu {
opacity: 1;
height: 500px;
transition: all .3s ease-in-out;
}
.contact-float, .fix-header {
-moz-transition: all .3s ease-in-out;
}
.menucol {
width: 20%;
float: left;
text-align: left;
padding-left: 15px;
padding-right: 15px;
}
.menucol-33 {
width: 33.33%}

.menucol-25 {
width: 25%

}
.menucol ul li a {
color: #CECECE;
line-height: 1;
font-weight: lighter;
}
.menucol h4 {
font-size: 18px;
padding-bottom: 3px;
margin-bottom: 10px;
font-weight: 600;
}

.links-articles, .links-services {
margin-bottom: 20px;
}
.imgright {
margin-bottom: 10px;
margin-top: 10px;
}
.imgright.pull-left {
margin-right: 20px;
}
.intro-right {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
min-height: 440px;
padding-top: 40px;
}
.intro-left {
padding-top: 25px;
}
.intro-inner h2 {
margin-top: 0;
}
.main-heading h2 {
margin-bottom: 0;
font-size: 44px;
font-weight: 600;
color: #333;
}
.main-heading h2 span {
color: #24AEFF;
}
.main-heading p {
margin: 0;
letter-spacing: 5px;
text-align: justify;
}
.box-content a, .va {
letter-spacing: 1px;
}
.main-nav {
background: #fff;
}
.fix-header {
position: fixed!important;
top: 0;
display: block;
width: 100%;
/*background: #fff5b1; */
background: white !important;
transition: all .3s ease-in-out;
-webkit-animation : menu_sticky  0.6s ease-out; /* Safari 4+ */
  -moz-animation  : menu_sticky  0.6s ease-out; /* Fx 5+ */
  -o-animation    : menu_sticky  0.6s ease-out; /* Opera 12+ */
  animation       : menu_sticky  0.6s ease-out; /* IE 10+, Fx 29+ */
z-index: 600;
height: 75px!important;
}
.contact-float, .contact-float button {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
.fix-header #isbpo_nav .btn {
margin-top: 10px!important;
}
.fix-header #isbpo_nav .nav li a {
padding: 20px;
}
.fix-header .navbar-brand img {
max-height: 78px;
}
@keyframes menu_sticky {
0% {
margin-top: -100px;
}
50% {
margin-top: -90px;
}
100% {
margin-top: 0;
}
}
.intro-inner p {
line-height: 2.1;
font-size: 14px;
text-align: justify;
}
.intro-phrase {
color: #696969;
border-bottom: 1px solid #D6D6D6;
margin-bottom: 15px;
font-size: 14px!important;
padding-bottom: 15px;
margin-top: 15px;
}
.about-info p, .widget-content p {
font-family: 'Montserrat', sans-serif;
}
.box_full, .box_half {
margin: 1%;
height: 215px;
}
.intro-inner p a {
color: #636363;
}
.main-heading p {
font-size: 18px;
}
.box_half {
width: 48%;
float: left;
background: #f5f5f5;
}
.box_full {
width: 98%;
background: url(../images/Business_Banner-753x269.jpg) no-repeat;
background-size: cover;
}
.clear {
clear: both;
}
.box-items {
padding: 15px;
margin-top: 10px;
}.box-inner {
height: 100%;
position: relative;
}
.box-content {
position: absolute;
bottom: 0;
background: rgba(34, 34, 34, .8);
padding: 10px 20px;
width: 100%;
height: 40px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: column;
justify-content: center;
text-align: right;
}

.box-inner:hover .box-content {
background: rgba(255, 82, 0, .8);
}
.box_full .box-content {

bottom: 0;
}
.bwfilm{
position: absolute;
width: 100%;
top: 0;
height: 0;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;

}
.box-inner:hover .bwfilm{
background: rgba(250, 250, 250, 0.3);
height: 100%;
}

.box-content span {
color: #FFF;

font-weight: 600;
font-size: 16px;
}
.b-left {
background: url(../images/contact1600x900.jpg) no-repeat;
background-size: cover;
}
.b-right {
background: url(../images/contacthome.jpg) no-repeat;
background-size: cover;
}
.contact-float {
position: fixed;
bottom: 0;
right: 0;
z-index: 1000;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
#main-contact, .contact-float button {
-moz-transition: all .3s ease-in-out;
}
.contact-float button {
width: 200px;
box-shadow: 0 -2px 20px rgba(0, 0, 0, .24);
height: 40px;
font-weight: 600;
font-size: 18px;
background-color: rgba(255, 71, 0, .9);
border-color: rgba(255, 71, 0, .9);
transition: all .3s ease-in-out;
color: #fff;
border-radius: 10px 0 0;
}
#main-contact, .expand-contact {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
.contact-float .btn.focus, .contact-float .btn:focus, .contact-float .btn:hover {
color: #fff;
border: none;
}
#main-contact {
width: 100%;
height: 0;
position: fixed;
background: rgba(0, 0, 0, .9);
bottom: 0;
overflow: hidden;
transition: all .3s ease-in-out;
z-index: 500;
}
.expand-cbtn, .expand-contact {
-moz-transition: all .3s ease-in-out;
}
.expand-contact {
height: 550px !important;
transition: all .3s ease-in-out;
}
.expand-cbtn, .footer-bottom {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
.expand-cbtn {
margin-bottom: 550px;
transition: all .3s ease-in-out;
width: 50px!important;
background-color: rgba(255, 0, 0, .9)!important;
margin-right: 0!important;
}
.feature-box, .footer-bottom {
-moz-transition: all .3s ease-in-out;
}
.form {
padding: 20px 80px;
}
.form h3 {
color: #fff;
}
.form-action input {
border: none;
padding: 5px 10px;
}
.footer-wrapper {
padding: 40px 0 0;
background-color: #222;
color: #fff;
height: 100%}
.footer-wrapper .logo {
max-width: 130px;
}
.about-info p {
font-size: 14px;
color: #CECECE;
margin-top: 20px;
line-height: 2;
}
#footer a {
color: #C7C7C7;
font-size: 15px;
}
.widget-content .fa {
margin-right: 10px;
}
.widget-content p {
margin-bottom: 5px;
font-weight: 500;
color: #EAEAEA;
font-size: 14px;
line-height: 32px;
}
.feature-box p, .list-style1 {
line-height: 2;
}
.footer-bottom {
background: #1d1d1d;
padding: 15px 0;
color: #fff;
font-size: 14px;
transition: all .3s ease-in-out;
}
#toggleContact span, .feature-box {
-webkit-transition: all .3s ease-in-out;
}
#toggleContact span, .emp-login .btn, .feature-box {
-o-transition: all .3s ease-in-out;
}
.footer-bottom a {
font-size: 14px!important;
}
.widget-content {
color: #C7C7C7;
font-size: 14px;
}
.footer-bottom ul {
margin-bottom: 0;
}
#footer h4 {
font-size: 24px;
color: #24AEFF;
}
.emp_bg {
float: left;
width: 140px;
background: url(../404.php) no-repeat;
padding: 0;
margin: 0;
}
.emp_speaks, .emp_speaks1 {
margin: 10px;
padding: 10px;
text-align: justify;
font-family: Calibri, Arial, sans-serif, helvetica;
font-size: 14px;
}
.emp_speaks1 {
border-radius: 10px;
border: 1px solid #e2e2e2;
background: #f7eeee;
}
.emp_speaks {
border-radius: 10px;
border: 1px solid #e2e2e2;
background: #efeee7;
}
.feature-box, .reach-us .row {
text-align: center;
}
.widget-content ul li {
margin-bottom: 10px;
font-size: 15px;
}
.contact-info .social {
margin-top: 15px;
font-size: 24px;
padding: 0;
}
.list-style1 li::before {
content: '\f138';
display: inline-block;
color: #FF7524;
margin-right: 10px;
font-family: FontAwesome;
font-size: 12px;
}
.common-links li a {
margin: 0 5px;
}
#features {
font-family: 'Montserrat', sans-serif;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.content p, .services-block {
font-family: 'Montserrat', sans-serif;
}
.feature-box:hover {

}
.go-box {
background: url(../images/go-cover.jpg) center!important;
background-size: cover!important;
}
.iso-box {
background: url(../images/iso-cover.jpg) center!important;
background-size: cover!important;
}
.gc-box {
background: url(../images/gc-cover.jpg) center!important;
background-size: cover!important;
}
.fbox-wrap, .feature-box {
height: 200px;
}
.f-title {
position: relative;
width: 100%;
height: 100%}
.f-title h4 a {
color: #fff;
}
.f-title h4 {
line-height: 1.5;
color: #fff;
width: 100%;
font-size: 14px;
background: #24aeff;
margin: 0;
position: absolute;
bottom: 0;
line-height: 36px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
height: 36px;
}
.feature-box:hover .f-title h4 {

padding: 30% 0;
height: 100%;
line-height: 3;
background: rgba(36, 174, 255, 0.88);
}

.feature-box {
z-index: 0;
color: #fff;
transition: all .3s ease-in-out;
}
#toggleContact span, .emp-login .btn {
-moz-transition: all .3s ease-in-out;
}
.feature-box .section-title h2 {
line-height: 1.2;
text-shadow: 2px 1px 1px rgba(0, 0, 0, .8);
color: #fff;
font-size: 32px;
}
.f-icon i {
font-size: 35px;
color: #24AEFF;
}
.f-icon img {
margin: auto;
}
.noborder {
border: none!important;
}
#section {
padding: 30px 0 0;
}
.services-block {
padding: 20px;
}

.services-block ul li:hover .ccs-icin{
border-color: #fff5b1;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.services-block h3 {
font-size: 14px;
margin-bottom: 5px;
margin-top: 5px;
}
.notopmargin, .services-block h2 {
margin-top: 0!important;
}
.services-block p {
font-size: 14px;
margin-top: 10px;
margin-bottom: 20px;
color: #4E4E4E;
}
.services-block h3 a {
color: #24AEFF;
font-size: 16px;
}
.services-block p a {
color: #4E4E4E;
}
.section-title2 h2::after {
content: '';
display: block;
width: 30px;
height: 5px;
background: #24AEFF;
margin-top: 10px;
}
.reach-us a, .reach-us p {
display: inline-block;
line-height: 2;
}
.reach-us {
position: relative;
overflow: hidden;
background: #24AEFD;
padding: 20px 0;
color: #fff;
}
#gmap, .bc-links {
position: absolute;
}
.reach-us a {
border: 1px solid #f3b705;
padding: 5px 15px;
color: #000;
border-radius: 53px;
background: #ffc107;
font-weight: 600;
margin-left: 20px;
}
.reach-us p {
margin-bottom: 0;
padding: 0 15px;
color: #fff;
font-size: 22px;
text-align: right;
}
.contact-desc {
padding: 80px 20px 20px;
color: #fff;
text-align: center;
}
.contact-desc p {
line-height: 2;
margin-top: 20px;
}
.contact-desc h2 {
font-size: 36px;
width: 60%;
margin: 0 auto;
}
.contact-desc .phone {
font-size: 28px;
line-height: 35px;
}
.dropdown a:hover {
cursor: pointer;
}
.ques {
color: #fff;
}
.ccs-icon {
width: 25%;
float: left;
}
.ccs-content {
width: 75%;
float: left;
}
.ccs-icin {
height: 60px;
width: 60px;
border-radius: 50%;
border: 4px solid #D8D8D8;
padding: 10px;
margin: 0 auto;
}
.fbox-first .feature-box {
background: #ff7524;
padding: 30px;
}
.intro-right h2 {
font-size: 20px;
}
.content p, .home-tabs>li>a, .media-body, .media-heading, .tab-content, .tab-content table {
font-size: 14px;
}
.intro-right ul {
line-height: 3;
}
.fb {
background-color: #3b5999!important;
}
.tw {
background-color: #00abf1!important;
}
.gp {
background-color: #e12f2f!important;
}
.ln {
background-color: #039!important;
}
.blog {
background-color: #ea8a02!important;
}
.inner-wrapper {
height: 220px;
background: url(../images/company_info.jpg) center no-repeat;
background-size: cover;
}
.col-center {
float: none!important;
margin: 0 auto!important;
}
.content p {
margin-top: 10px;
margin-bottom: 20px;
color: #4E4E4E;
line-height: 2;
}
.content .container {
background: rgba(255, 255, 255, .95);
padding: 40px 0;
}
.bc-links {
width: 100%;
bottom: 0;
background-color: rgba(0, 0, 0, .6);
}
.bc-outer, .cs-icon, .outer-wrapper {
position: relative;
}
.bc-outer {
height: 220px;
}
.bc-links .breadcrumb {
border-radius: 0;
margin-bottom: 0;
background: 0 0;
color: #fff;
}
.fix-header .navbar-brand {
margin-top: -1px;
}
.breadcrumb li a {
color: #fff;
}
.intro-right iframe {
margin: 0 auto;
display: block;
}
.list-style3 li {
display: table-row;
}
.list-style3 li::before {
content: '\f192';
padding-right: 10px;
font-family: FontAwesome;
color: #FF7524;
display: table-cell;
}
.mini-banner {
margin: 20px 0;
}
.home-tabs {
border-bottom: none;
color: #fff;
}
.home-tabs li a {
color: #3E3E3E;
background: bisque;
margin-right: 5px!important;
font-weight: 500;
}
.home-tabs .active a {
background: #24AEFF!important;
color: #fff!important;
font-weight: 600!important;
}
.intro-right .tab-content {
padding-top: 30px;
padding-bottom: 0;
font-family: 'Montserrat', sans-serif;
}
.va {
color: #FF7524;
}
.case h3, .ib-title {
letter-spacing: 2px;
}
.media {
padding: 12px;
background: #f5f5f5;
border-radius: 5px;
margin-top: 20px;
}
.media-body {
color: #696969;
}
#why-ispbpo {
padding: 0 30px;
}
.media-heading {
color: #333;
font-weight: 600;
}
#updates {
margin: -15px 0;
}
#footer .social li {
width: 40px;
height: 40px;
border-radius: 50%;
margin: 2px 5px 2px 0;
text-align: center;
display: inline-block;
border: 3px solid #2f2f2f;
}
#footer .social .fa {
color: #fff;
font-size: 18px;
line-height: 34px;
}
.list-style4 li::before {
content: '\f375';
display: inline-block;
color: #FF7524;
margin-right: 15px;
font-family: Ionicons;
}
.list-style4 li {
margin-bottom: 5px;
line-height: 2;
}
.list-style4 {
padding-left: 15px;
}
.list-style5 {
margin-top: 10px;
}
.list-style5 li {
margin-bottom: 15px;
line-height: 2.5;
font-size: 16px;
color: #333;
display: table-row;
}
.list-style5 li::before {
content: '\f36c';
color: #FF7524;
padding-right: 15px;
font-family: Ionicons;
display: table-cell;
}
.inner-content {
line-height: 1.8;
padding: 40px 0;
}
.img-vm {
margin: 15px 0;
}
.inner-content p {
text-align: justify;
color: #4d4d4d;
line-height: 1.5;
margin-bottom: 20px;
}
.inner-content ul li{
color: #333;
line-height: 2;
}
.inner-content ul li a{
color: #333;
}
.inner-content p a {
color: #D27B51;
}
.img13 {
border-radius: 50%;
width: 250px;
height: 250px;
margin: 15px 20px;
border: 5px solid #ccc;
}
.case h3 {
color: #24aeff;
font-size: 16px;
line-height: 32px;
margin: 0 0 8px;
}
.case {
padding: 20px;
border-radius: 5px;
border: 1px solid #D6D6D6;
background: #fff;
background: -moz-linear-gradient(top, #fff 0, #e5e5e5 100%);
background: -webkit-linear-gradient(top, #fff 0, #e5e5e5 100%);
background: linear-gradient(to bottom, #fff 0, #e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 );
}
.case-study-btn i {
vertical-align: text-bottom;
color: #f60;
margin-right: 2px;
}
.case-study-btn a {
color: #fff;
}
.case-study-btn {
background-color: rgba(0, 0, 0, .22);
padding: 0 10px;
text-align: right;
}
.case ul {
margin: 0;
padding: 0;
counter-reset: foo;
display: table;
}
.case ul li {
border-bottom: 1px solid #E6E6E6;
display: table-row;
line-height: 1;
}
.case ul li::before {
content: '\f363';
display: table-cell;
font-family: Ionicons;
padding: 10px 10px 10px 0;
color: #f60;
}
.cs-icon {
float: left;
background: #FF7524;
padding: 10px;
line-height: 0;
color: #fff;
margin-right: 10px;
top: 18px;
}
.case ul li:last-child {
border-bottom: 0 solid;
}
.case ul li a {
color: #333;
font-size: 14px;
font-weight: 600;
}
.case ul li a.active {
color: #2975af;
font-size: 14px;
font-weight: 600;
}
.section-title3 h3 {
color: #24AEFF;
font-size: 24px;
}
.section-title3 h3::after {
content: '';
display: block;
width: 30px;
height: 4px;
background: #FF7524;
margin-top: 10px;
margin-bottom: 20px;
}
.breadcrumb>.active {
color: #00B8FF;
font-weight: 600;
}
.nomargin {
margin: 0!important;
}
.services-sidebar .nav {
line-height: 1.5;
}
.services-sidebar .nav-main li {
background: #f5f5f5;
margin-bottom: 10px;
}
.services-sidebar .nav-main li a {
color: #333;
font-size: 14px;
line-height: 1;
}
.services-sidebar .nav-main .active {
background: #464646;
color: #fff;
}
.services-sidebar .nav-main .active a {
color: #fff;
border-left: 5px solid #f60;
font-weight: 600;
}
.services-sidebar .nav-main .active a:hover {
color: #fff;
background: 0 0;
}
.services-sidebar .nav-main li a:hover {
color: #222;
background: 0 0;
}
.nav-main li a {
font-weight: 600;
border-left: 5px solid #f60;
padding: 10px 15px!important;
}
.nav-child li a {
padding: 5px 15px!important;
border: none!important;
}
.services-sidebar .nav-main .nav-child .active a {
color: #24AEFF;
}
.services-sidebar .nav-main .nav-child li {
background: 0 0;
}
.services-sidebar .nav-child li {
margin-bottom: 5px;
}
.services-sidebar .nav-child li a::before {
content: '\f411';
color: #f60;
margin-right: 10px;
font-family: Ionicons;
font-size: 24px;
font-weight: 100;
vertical-align: middle;
}
.nav-child {
background: #fff;
}.outer-wrapper {

width: 450px;

height: 450px;
margin: 80px auto;
}
.big_circle {
height: 100%;
width: 100%;
border-radius: 50%;

}
.inner_circle, .small_circle {
border-radius: 50%;
background: #fff;
}
.small_circle {
width: 5em;
height: 5em;
border: 5px solid #7DD5FF;
position: absolute;
cursor: pointer;
}
.circle1 {

top: -2.5em;
left: 42%}
.circle2 {

top: calc((100% - 5em)/2);

right: -2.5em}
.circle3 {

bottom:-2.5em;

right: 15%
}
.circle4 {

bottom: -2.5em;

left: calc((100% - 5em)/2);}
.circle5 {


top: calc((100% - 5em)/2);
left: -2.5em;
}
.inner_circle {
width: 70%;
height: 70%;
border: 5px solid #CECECE;
position: relative;
left: 15%;
top: 15%}
.service_content, .static_content {
height: 100%;
width: 100%;
border-radius: 50%}
.static_content {
position: absolute;

z-index: 3;
background: #0094e3;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: column;
justify-content: center;
}
.service_content {
position: absolute;
color: #fff;
background: #0094e3;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: -webkit-box;

display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: column;
justify-content: center;
z-index: 1;
opacity: 0;
}
.info_active{
opacity: 1;
z-index: 25;









}
.service_content h2 {
margin-top: 40%}
.service_content ul {
list-style: none;
padding-left: 0;
}
.service_content p {

margin: 0;
color: #FCFF55;

text-align: center;
}
.service_content ul li {
line-height: 1.5;
font-size: 14px;
}
.static_content h2 {

font-size: 24px;
color: #fff;
margin: 0;
}







.service_active {
background: #FFFB8C;
border-color: #FFDD7D;
}
.small_circle span {
position: absolute;
background: #f5f5f5;

padding: 5px 10px;
font-weight: 600;
border-radius: 5px;
cursor: pointer;
text-align: center;
left: -2em;
top: 6em;
right: -2em;
box-shadow: 0 2px 2px 0 rgba(68, 68, 68, .35);
color: #ED542B;
z-index: 1;
font-size: 14px;
line-height: 1.2;
}
.circle1 span {
left: -2em;

top: -4.2em;
right: -2em;
}
.small_circle img {
max-width: 65%;
margin: 10px auto;
display: block;
}
.is-services .col-sm-3 div, .page-contact .ques {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
}
.service_content a {
color: #fff!important;
}

.sc-holder{
height: 100%;
width: 100%; 
position: absolute;
border-radius: 50%;
-webkit-transition: background 0.3s;
-o-transition: background 0.3s;
transition: background 0.3s;
}

.sc-holder:hover{
background: #FFF5B1;
}

.border_circle{
position: absolute;
border-radius: 50%;
height: 100%;
width: 100%;
border: 1px dashed #333;
-webkit-animation: spin 30s linear infinite;
-moz-animation: spin 30s linear infinite;
animation: spin 30s linear infinite;
}

@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@media(max-width:480px) {
.contact-float button{
	font-size: 16px;
	width: 160px;
}
.infra-banner.banner-dark .col-xs-12{
background: none;
}
.emptesti {
background: url(../images/empspeaks-banner.jpg) !important;
background-size: cover !important;
background-position-x: 28em !important;
}
.career-banner {
background: url(../images/career-banner.jpg) !important;
background-size: cover !important;
background-position: -120px 0px !important;
}

.contact-banner {
background: url(../images/contact_new.jpg) center !important;
background-size: cover !important;
background-position-x: 77em !important;
}
.sidebar-navigation.affix{
position: static !important;
}
.small_circle span {
background: transparent;
position: absolute;
top: auto;
padding: 1px 10px;
font-weight: 600;
cursor: pointer;
text-align: left;
left: 5em;
box-shadow: none;
color: #ED542B;
z-index: 1;
font-size: 16px;
line-height: 1.2;
margin-top: -36px;
width: 70%;
}

.small_circle {
position: static;
margin: 10px 0px;
}

.border_circle{
display: none;
}
.inner_circle{
display: none;
}
}

@media(max-width:768px) {

.quick-menu ul li a{
padding: 5px 0px;
margin-bottom: 0;

} 

.quick-menu ul .active{
background: none;
}
.quick-menu ul li{
border: none;
}
.quick-menu ul .active:after{
display: none;
} 
#activeMenu{
display: inline-block ;
}
.main-nav {
position: relative;
z-index: 30;
}
.main-nav .navbar .col-sm-10 {
padding: 0!important;
background: 0 0;
}
.fbox-wrap {
padding: 15px;
margin-bottom: 20px;
}
.seo-title{
display: none;
}
.circle3, .circle4 {
bottom: -10%!important;
}
.navbar-toggle .icon-bar {
background-color: #333;
}
.outer-wrapper {
width: 280px!important;
height: 280px!important;
}
.circle1 {
top: -10%!important;
left: 40%!important;
}
.circle2, .circle5 {
top: 30%!important;
}
.circle2 {
right: -6%!important;
}
.circle3 {
right: 15%!important;
}
.circle4 {
left: calc((100% - 4em)/2);
}
.circle5 {
left: -10%!important;
}
.service_content a {
font-size: 10px!important;
}
#content1 p, #content2 p {
margin-top: 10%!important;
width: 80%;
margin: 0 auto;
line-height: 1;
}
.small_circle {
width: 4em;
height: 4em;
}
}
.is-services .col-sm-3 div p {
text-align: center!important;
line-height: 1;
font-size: 14px;
color: #FFF;
margin-bottom: 0;
}
.contact_infoblock h4 {
color: #333;
font-weight: 600;
font-size: 16px;
margin-top: 0;
}
.contact_infoblock {
font-size: 14px;
line-height: 1.5;
}
.contact_infoblock p {
border-bottom: 1px solid #E6E6E6;
padding-bottom: 5px;
margin-bottom: 5px;
}
.contact-sidebar .panel-title {
font-size: 14px;
color: #333;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
}
.contact-sidebar .panel-group .panel {
border-radius: 0;
margin-bottom: 10px;
}
.cinfo-icon {
width: 8%;
float: left;
text-align: left;
font-size: 18px;
color: #FF7524;
padding-top: 3px;
}
.cinfo-box {
width: 90%;
float: left;
}
.cinfo-box b {
color: #4E4E4E;
}
.page-contact {
padding: 0 30px;
}
.adj-cbtn {
margin-bottom: 420px!important;
}
.btn-lead2 {
background: #ffc107;
color: #333;
}
#toggleContact span {
font-size: 24px;
position: absolute;
left: 20px;
top: 6px;
transition: all .3s ease-in-out;
color: #FFD12A;
}
.is-services .col-sm-3 div {
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
width: 100%;
background: #07ABEA;
text-align: center;
height: 50px;
justify-content: center;
flex-direction: column;
-webkit-flex-direction: column;
padding: 15px;
border-radius: 5px;
}
.list-style2 li::before {
content: '\f044 ';
margin-right: 10px;
font-family: FontAwesome;
color: #24AEFF;
}
.menucol li::before {
content: '\f30f ';
font-family: Ionicons;
color: #FF7524;
display: table-cell;
text-align: right;
padding-right: .7em;
padding-bottom: 0.8em;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.menucol-box .label {
font-weight: 500;
border-radius: 10px;
padding: 0 8px;
}
.menucol-box p {
font-size: 14px;
}
.menucol-box {
padding: 10px 20px;
border: 1px solid rgba(255, 255, 255, .21);
min-height: 135px;
}
.readmore a {
color: #fff;
}
.menucol h4 a {
color: #24AEFF;
}
.blog-links .list-style2 li {
font-size: 14px;
line-height: 1.5;
padding-bottom: 10px;
border-bottom: 1px dashed #A5A5A5;
margin-bottom: 15px;
}
.blog-links .list-style2 li a {
color: #333;
}
.show-menu#about {
height: 300px!important;
}
.show-menu#careers {
height: 300px!important;
}
.menucol ul li {
margin: 0;
padding: 0;
}
.menucol ul {
counter-reset: foo;
display: table;
}
.menucol li {
display: table-row;
}
.emp-login {
display: inline-block;
position: fixed;
top: 0;
bottom: 0;
height: 1.5em;
margin: auto;
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-webkit-transform: rotate(-90deg) translate(-50%, 50%);
-moz-transform: rotate(-90deg) translate(-50%, 50%);
z-index: 26;
}
.emp-login .btn {
background: #24aeff;
color: #fff;
border-top-left-radius: 0;
border-top-right-radius: 0;
font-weight: 600;
border: 0;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#isbpo_nav .nav li a:hover, .ckies {
-o-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}
.seo-title {
position: absolute;
text-align: center;
width: 100%;
top: 30px;
font-size: 12px;
color: #A5A5A5;
font-weight: 100;
}
#isbpo_nav .nav li a::selection, #isbpo_nav .nav li a:hover {
background: 0 0;
color: #24AEFF;
}

.menucol li:hover:before{
transform: translateX(8px);
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
-ms-transform: translateX(8px);

}


#isbpo_nav .nav li a:hover {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.banner-inner .btn-lead, .ckies {
-webkit-transition: all .3s ease-in-out;
}
.cinfo-box small {
color: red;
}
.bg {
background: orange;
}
#emplogin .modal-dialog {
top: 100px;
}
#emplogin form {
width: 70%;
margin: 20px auto;
}
.nopadding {
padding: 0!important;
}
.mission, .vision {
padding: 20px;
}
.mission h3, .vision h3 {
color: #FFF;
margin-bottom: 15px;
font-weight: 600;
border-bottom: 1px solid #C9C9C9;
padding-bottom: 10px;
}
.mission h3 span, .vision h3 span {
color: #FF7524;
}
.vm {
padding: 0!important;
background: url(../images/vm-section.jpg) fixed;
background-size: cover;
}
.nobottompadding {
padding-bottom: 0;
}
.notoppadding {
padding-top: 0;
}
.vm-text ul li {
color: #FFF;
}
.vm-wrapper {
background: rgba(0, 0, 0, .7);
}
.about-banner {
background: url(../images/about-banner.jpg) center;
}
.articles-banner {
background: url(../images/articles-banner.jpg) center;
}
.inbound-banner {
background: url(../images/inbound-banner.jpg) center;
}
.bpo-banner {
background: url(../images/bpo-banner.jpg);
}
.kpo-banner {
background: url(../images/kpo-banner.jpg) center;
}
.data-inner {
background: url(../images/data-inner.jpg) center;
}
.outbound-banner {
background: url(../images/banner-services.jpg) center;
}
.web-banner {
background: url(../images/web-banner.jpg) center;
}
.contact-banner {
background: url(../images/contact_new.jpg) center;
background-size: cover !important;
}
.career-banner {
background: url(../images/career-banner.png) center;
}
.infra-banner {
background: url(../images/infrastructure.jpg) center;
background-size: cover!important;
}
.lifeibpo-banner {
background: url(../images/life%40ibpo.jpg) center;
background-size: cover!important;
background-position:0px -10px;
}
.casestudies-banner {
background: url(../images/casestudies-banner.jpg) center;
background-size: cover!important;
}
.emptesti {
background: url(../images/empspeaks-banner.jpg) center;
background-size: cover;
}
.navbar-toggle {
border: 1px solid #333;
}
#isbpo_nav .nav li:last-child a:hover {
background: #24aeff;
color: #fff;
border-color: #24aeff;
border-bottom: none;
}
.yos {
max-width: 50%;
margin: 0 auto;
}
.years-of-service {
position: absolute;
z-index: 1;
text-align: center;
width: 25%;
margin-left: 74%;
float: right;
right: 50px;
left: 0;
}
.li-head {
font-weight: 600;
text-align: left;
background: #444!important;
color: #fff !important;
padding: 5px 0 5px 15px;
border-bottom: 4px solid #FFF5B1;
}
.li-head i {
color: #FF7524;
margin-right: 8px;
}
.banner-dark h3, .section_benefits h3, .section_benefits ul li {
color: #fff!important;
}
@media (max-width:480px) {
.quick-links.topmargin-lg{
margin-top: 25px;
}

.quick-links li{
width: 100%;
text-align: left;
}
.banner-inner .list-style4 li{
line-height: 1.5;
}
.banner-inner .list-style4{
text-align: left;
padding-left: 20px;
}
.breadcrumb>li, .ckies p {
font-size: 14px;
}
.banner-inner, .ckies p, .clients ul li, .clients ul li:last-child, .common-links, .copyright, .reach-us p {
text-align: center;
}
.ckies.in {
left: 5%!important;
}
.ckies {
width: 90%!important;
left: -100%!important;
bottom: 4em!important;
}
#companyProfile .modal-title {
line-height: 1;
}
#companyProfile .modal-content form .form-group {
margin-bottom: 5px;
}
.show-menu#careers {
height: 100vh!important;
}
.menucol-box {
margin-bottom: 20px;
min-height: auto;
}
#services, .menucol-box p {
display: none;
}
.articles-banner .banner-dark .col-xs-12 {
background: 0 0!important;
}
.clients ul li {
margin: 20px 0;
width: 50%!important;
float: left;
}
.box_half, .section-title h2 span {
width: 100%!important;
}
.clients ul li:last-child {
display: block;
width: 100%!important;
float: left;
margin: 0 auto;
}
.ib-title {
color: #FFF!important;
text-shadow: 1px 2px 3px #000;
}
.is-services {
padding: 0!important;
}
.main-nav .row {
margin: 0!important;
}
.navbar-header {
padding: 0;
}
.show-menu#about {
height: 100vh!important;
}
#transparent_header .menu {
top: 0 !important;
}
.ckies #set {
display: block;
margin: 10px auto 0;
}
.ckies p {
margin: 0;
line-height: 1.3!important;
}
.expand-contact {
height: 100vh!important;
}
.expand-cbtn {
border-radius: 0!important;
margin: 0 !important;
}
.contact-float {
z-index: 1225;
}
.contact-float.expanded{
top: 0;
max-height: 50px;

}
.yos {
max-width: 80px;
}
.feature-content .section-title h2 {
margin-bottom: 0!important;
}
.footer-bottom {
color: #C7C7C7;
font-weight: 100;
}
.fix-header .navbar-toggle {
margin-top: 10px!important;
margin-right: 0;
}
.navbar-toggle {
margin-top: 18px;
margin-right: 0;
}
#isbpo_slider .banner-inner p {
font-size: 3em;
font-weight: 600;
}
.intro-right h2, .reach-us a {
font-size: 14px;
}
.reach-us a {
margin-left: 0;
margin-top: 15px;
}
#isbpo_nav .btn {
margin-left: 0;
padding: 6px 12px!important;
margin-top: 0;
}
.fix-header #isbpo_nav .btn {
margin-top: 0!important;
}
.banner-wrapper {
background-position: 0px 0px;
background-size: cover;
padding: 30px;
}
.copyright {
margin-top: 20px;
}
.common-links {
float: none!important;
}
.main-heading h2 {
color: #333;
font-size: 30px;
}
.reach-us p {
line-height: 1.5;
font-size: 18px;
}
#isbpo_slider .banner-inner h2 {
margin-top: 8%!important;
font-size: 5em;
text-align: center;
color: #000!important;
margin-bottom: 10px;
}
.box_full, .box_half {
margin-bottom: 20px;
}
.banner-inner {
height: 100%;
background: rgba(240, 248, 255, 0.7);
}
.banner-wrapper .col-xs-12 {
background: rgba(240, 248, 255, .1);
height: 100%}
.banner-wrapper .container, .banner-wrapper .row {
height: 100%}
.banner-dark p {
color: #000!important;
}
.banner-dark .col-xs-12 {
background: rgba(240, 248, 255, .8);
}
#isbpo_banner {
height: auto!important;
}
.menu-inner h2 span {
font-size: 14px!important;
display: block;
float: left!important;
margin-top: 20px;
}
.btn-vmt, .contact-desc, .testimonials, .top-bar .c-info, .years-of-service {
display: none;
}
.is-services .col-sm-3 div {
margin-bottom: 10px;
}
.box-items, .services-block {
padding: 0!important;
}
.top-bar .c-info li {
margin-right: 0;
width: 50%;
float: left;
padding: 0;
}
.top-bar .c-info li:last-child {
width: 100%!important;
}
.seo-title {
visibility: hidden;
}
#emplogin form {
width: 100%;
margin: 20px auto;
}
.intro-left {
padding-bottom: 0!important;
}
.intro-right {
padding: 20px 0!important;
}
.tab-content {
padding-top: 20px;
}
.ir-col {
background: #f5f5f5;
}
.menucol ul li {
line-height: 2;
}
#about.show-menu .menucol{
	margin-top: 20px
}
#updates {
margin: 0;
}
.home-tabs li {
width: 33.33%;
float: left!important;
}
.contact-form .form {
padding: 0;
}
#isbpo_nav .nav li {
margin-right: 0;
z-index: 60;
background: #FFFBE4;
}
#isbpo_nav .nav li:not(:last-child) {
border-bottom: 1px solid #E2E2E2;
}
#isbpo_nav .nav li:last-child {
padding: 15px 45px 0;
}
.footer-bottom ul li {
line-height: 1;
}
.intro-inner p {
line-height: 2;
}
.services-block p {
line-height: 1.5;
}
.main-nav .navbar .container {
padding: 0!important;
}
#isbpo_nav .nav li a {
padding: 10px 30px!important;
}
#isbpo_nav {
padding-bottom: 10px;
box-shadow: 0 6px 6px rgba(51, 51, 51, .19);
background: #FFFBE4;
}
.emp-login {
top: 3px;
-webkit-transform-origin-x: 0;
-moz-transform: inherit;
-webkit-transform: inherit;
-webkit-transform-origin: 0;
-moz-transform-origin: 0;
height: 0;
position: absolute;
left: 5px;
font-weight: 100;
z-index: 0;
margin: 0;
}
.emp-login .btn {
background: #2c3038;
font-weight: 600;
margin-right: 20px;
}
.navbar-brand {
width: 40%}
.main-nav {
height: 75px;
position: relative;
z-index: 25;
}
#why-ispbpo {
padding: 0;
}
.menucol {
width: 100%;
float: left;
}
.menu {
z-index: 90!important;
}
.close-menu {
right: 40px !important;
}
#isbpo_banner .banner-inner h2 {
margin-top: 10%;
font-size: 24px;
text-align: left;
}
#isbpo_banner .banner-inner {
padding: 10px;
border-radius: 5px;
border: 5px solid rgba(255, 165, 0, 0.28);
}
.banner-inner p {
font-size: 14px;
}
}
.ckies p, .testi {
line-height: 1.5;
}
#companyProfile .modal-header {
padding: 8px;
color: #fff;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background: rgba(0, 88, 140, 1);
background: -moz-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 88, 140, 1)), color-stop(100%, rgba(36, 174, 255, 1)));
background: -webkit-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
background: -o-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
background: -ms-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00588c', endColorstr='#24aeff', GradientType=0);
}
#isbpo_banner .banner-wrapper {
/*    background: url(../images/call-center-bpo-india.jpg) -120px 0 no-repeat;*/
height: 100%;
background-size: cover;
}
.page-contact .form-control {
height: 50px;
border-radius: 0;
font-size: 16px;
margin-bottom: 20px;
}
.page-contact .ques {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
color: #333;
background: #FDFDFD;
justify-content: center;
flex-direction: column;
-webkit-flex-direction: column;
text-align: center;
height: 48px;
border: 1px solid #24AEFF;
font-size: 24px;
}
.contact-form .ques {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
flex-direction: column;
-webkit-flex-direction: column;
text-align: center;
height: 34px;
border: 1px solid #FFF;
font-size: 18px;
border-radius: 5px;
}
.ckies {
background: rgba(228, 228, 228, .9);
color: #000;
z-index: 999;
position: fixed;
bottom: 2em;
left: -25%;
width: 25%;
transition: all .3s ease-in-out;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
#dismiss, .testi {
position: absolute;
}
.cookie-header {
padding: 10px;
background: #2C3038;
width: 100%;
color: #fff;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.cookie-header h5 {
margin: 0;
font-size: 16px;
}
.cookie-body {
padding: 10px 20px;
}
#dismiss {
background: 0 0;
font-size: 1em;
text-align: center;
color: #FFF;
top: 8px;
right: 15px;
}
#dismiss:hover {
cursor: pointer;
}
.ckies p {
font-size: 14px;
}
.ckies.in {
left: 2em;
}
.line {
height: 3px;
width: 78%!important;
background: #24AEFF;
vertical-align: middle;
}
.section-title h2 span {
width: 20%;
display: inline-block;
}
.testi {
opacity: 0;
transition: .3s;
font-weight: 100;
max-width: 100%}
.cur-testi {
opacity: 1;
transition: .3s;
}
.banner-inner .btn-lead, .banner-inner .btn-orange {
-o-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}
.testimonials ul {
padding: 0!important;
}
.testimonials h4 {
color: #FF7524;
font-size: 18px;
margin-top: 0;
border-bottom: 1px solid #353535;
padding-bottom: 5px;
}
.testimonials {
padding: 20px;
border-radius: 5px;
height: 170px;
position: relative;
}
.menucol-80 {
width: 80%;
float: left;
padding-left: 15px;
padding-right: 15px;
}
.is-services {
padding: 15px 0;
background: #faebd7;
}
.menu-inner h2 span {
float: right;
font-size: 18px;
}
.menu-inner h2 .download-now a {
color: #24AEFF!important;
}
.menu-inner h2 span a:hover {
color: #FF7524;
text-decoration: none;
cursor: pointer;
}
.experience {
position: absolute;
right: 0;
background: #24AEFF;
color: #fff;
padding: 0 30px;
font-weight: 100;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
}
.ib-title {
margin: 0;
color: #000;
font-size: 24px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
line-height: 30px;
}
.bc-outer .col-sm-6 {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
flex-direction: column;
-webkit-flex-direction: column;
height: 195px;
text-align: center;
}
.btn-vmt {
border-top-left-radius: 0;
border-top-right-radius: 0;
background: #24AEFF;
}
.sec-desc {
font-size: 14px;
color: grey!important;
margin-bottom: 20px;
}
.close-menu {
position: absolute;
color: #fff;
right: 60px;
}
.close-menu a {
color: #fff;
font-size: 18px;
}
.close-menu a:hover {
color: #fff;
cursor: pointer;
}
.feature-content .section-title h2 {
margin-bottom: 30px;
}
.section-title h2, .section-title2 h2 {
font-size: 24px;
}
#section .section-title2 h2 {
margin-top: 40px;
margin-bottom: 25px;
}
#section {
padding-top: 0!important;
}
.btn-outline {
border: 1px solid #333;
color: #333;
}
.banner-inner .btn-lead {
transition: all .3s ease-in-out;
}
.banner-inner .btn-lead:hover {
background-color: #2C3038;
border-color: #2C3038;
color: #fff;
}
.banner-inner .btn-orange {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.emp-login .btn:hover, .home-tabs li a {
-o-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}
.banner-inner .btn-orange:hover {
background-color: #2C3038;
border-color: #2C3038;
color: #fff;
}
.emp-login .btn:hover, .home-tabs li a:hover {
background-color: #2C3038!important;
color: #fff;
}
.home-tabs li a {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.emp-login .btn:hover {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
@media (min-width:768px) {

#services .menucol-25:last-child{
padding-left:40px
}
.quick-menu ul li{
position: relative;
border-right: 1px solid rgba(44, 48, 56, 0.2);
}
.quick-menu ul .active{
background: rgba(0, 0, 0, 0.15);
}

#activeMenu{
display: none;
}

#companyProfile .modal-header .close {
font-size: 2em;
margin: 5px;
}
#companyProfile .modal-dialog {
width: 500px!important;
}
#emplogin .modal-dialog {
width: 30%}
#companyProfile form {
	width: 85%;
	margin: 5px auto;
}
#emplogin form {
	width: 70%!important;
}
}
.copyright li {
padding: 0!important;
color: #c7c7c7;
}
@media (min-width:991px) and (max-width:1200px) {
.home-tabs li a, .widget-content p, .widget-content ul li: last-child {
	white-space: nowrap;
}
#isbpo_nav .nav li {
	margin-right: .5em!important;
}
.fix-header #isbpo_nav ul {
	float: none!important;
}
.fix-header #isbpo_nav .btn {
	margin-left: 0;
}
.fix-header #isbpo_nav .nav li a {
	padding: 20px 10px;
}
.about-info {
	text-align: left!important;
}
#footer .social li {
	margin: 2px 0!important;
}
.f-title h4 {
	font-size: 12px;
}
.fbox-wrap, .feature-box {
	height: 25vh;
}
.services-block p {
	font-size: 13px;
	margin-top: 0;
}
.intro-right ul {
	line-height: 3.5;
}
.menucol ul li a, .services-block h3 {
	font-size: 14px;
}
.intro-right h2 {
	font-size: 18px;
}
}
#why-isbpo ul {
display: table;
padding-left: 20px;
}
#why-isbpo ul li {
display: table-row;
}
.jssorb05 {
position: absolute;
bottom: 16px;
right: 16px;
}
.jssorb05 .av, .jssorb05 div, .jssorb05 div:hover {
position: absolute;
width: 16px;
height: 16px;
background: url(../images/b05.png) no-repeat;
overflow: hidden;
cursor: pointer;
margin-top: 470px;
}
.jssora22l, .jssora22r {
top: 0;
width: 40px;
height: 58px;
}
.jssorb05 div {
background-position: -7px -7px;
}
.jssorb05 .av:hover, .jssorb05 div:hover {
background-position: -37px -7px;
}
.jssorb05 .av {
background-position: -67px -7px;
}
.jssorb05 .dn, .jssorb05 .dn:hover {
background-position: -97px -7px;
}
.jssora22l, .jssora22r {
display: block;
position: absolute;
cursor: pointer;
overflow: hidden;
z-index: 50!important;
margin-top: 9em!important;
font-size: 2em;
color: #fff;
opacity: .5;
}
.jssora22l {
background-position: -10px -31px;
left: 50px;
}
.jssora22r {
background-position: -70px -31px;
right: 50px;
}
#isbpo_slider, #isbpo_slider .banner-inner {
position: relative;
top: 0;
left: 0;
width: 1300px;
height: 480px;
overflow: hidden;
}
.jssora22l:hover {
background-position: -130px -31px;
}
.jssora22r:hover {
background-position: -190px -31px;
}
.jssora22l.jssora22ldn {
background-position: -250px -31px;
}
.jssora22r.jssora22rdn {
background-position: -310px -31px;
}
.jssora22l.jssora22lds {
background-position: -10px -31px;
opacity: .3;
pointer-events: none;
}
.jssora22r.jssora22rds {
background-position: -70px -31px;
opacity: .3;
pointer-events: none;
}
#isbpo_slider {
margin: 0 auto;
visibility: hidden;
}
#isbpo_slider .banner-inner {
cursor: default;
}
.loader-cover, .loader-img {
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
.slider_loader {
position: absolute;
top: 0;
left: 0;
}
.loader-cover {
filter: alpha(opacity=70);
opacity: .7;
}
.loader-img {
background: url(../images/loading.gif) center center no-repeat;
}
.banner-dark h2, .banner-dark p {
color: #fff;
}
.text-orange {
color: #f60!important;
}
.content-img {
padding: 0 0 15px;
}
@media (min-width:768px) and (max-width:991px) {
.years-of-service {
	    top: 150px;
	}
.ckies{
	width: 30% !important;
	left: -30%;
}
.clients ul li, .clients ul li: last-child {
	text-align: center;
	width: 33.33%!important;
}
.clients ul {
	padding: 0;
}
/* .clients ul li {
margin: 20px 0;
float: left;
} */
.clients ul li:last-child {
padding: 20px;
float: none;
margin: 0 auto;
display: block;
}
#isbpo_nav .nav, .c-info {
float: none!important;
}

.c-info{
display: table-row;
}
.c-info li {
display: table-cell!important;
width: 1%;
white-space: nowrap;
}
#isbpo_nav ul li:last-child {
display: none!important;
}
#isbpo_nav .nav li {
margin-right: 5px!important;
}
.fix-header #isbpo_nav .nav li a {
padding: 20px 10px!important;
}
.fbox-wrap {
margin-bottom: 20px;
}
.about-info img {
max-width: 100%!important;
}
#footer a, .widget-content ul li {
font-size: 14px;
}
.section-title h2 span {
width: 30%}
.line {
width: 68%!important;
}
.navbar-brand {
margin-top: 20px;
}
}
@media (min-width:480px) and (max-width:768px) {

.ckies{
width: 50% !important;
left: -50%;
}
.home-tabs li{
display: table-cell;
width: 1%;
}
.navbar-toggle {
border: 1px solid #333;
margin-top: 25px;
}

.fix-header .navbar-toggle {
margin: 10px !important;
}


}
.content-ig {
max-width: 80%;
margin: 0 auto;
}
.confirm-box {
padding: 50px;
border: 5px solid #E6E6E6;
border-radius: 10px;
width: 700px;
margin: 0 auto;
background: rgba(237, 237, 237, 1);
background: -moz-linear-gradient(top, rgba(237, 237, 237, 1) 0, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(237, 237, 237, 1)), color-stop(53%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top, rgba(237, 237, 237, 1) 0, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
background: -o-linear-gradient(top, rgba(237, 237, 237, 1) 0, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
background: -ms-linear-gradient(top, rgba(237, 237, 237, 1) 0, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(237, 237, 237, 1) 0, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff', GradientType=0);
}
.confirm-box table {
margin-bottom: 0!important;
}
.thanks-page h2 {
font-family: 'Montserrat', sans-serif;
font-size: 24px;
}
.section_benefits {
background: rgba(0, 88, 140, 1);
background: -moz-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 88, 140, 1)), color-stop(100%, rgba(36, 174, 255, 1)));
background: -webkit-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
background: -o-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
background: -ms-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00588c', endColorstr='#24aeff', GradientType=0);
margin: 20px 0;
}
.section_benefits .sb-col {
padding-top: 30px;
padding-bottom: 30px;
}
.abs {
background-color: #fff;
padding: 20px;
text-align: center!important;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
flex-direction: column;
-webkit-flex-direction: column;
border-radius: 5px;
}
.abs p {
text-align: center;
}
.mb50 {
margin-bottom: 50px;
}
.ivideo-title {
padding: 15px 30px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: rgba(0, 0, 0, 1);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(76, 76, 76, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 0, 0, 1)), color-stop(100%, rgba(76, 76, 76, 1)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(76, 76, 76, 1) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(76, 76, 76, 1) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(76, 76, 76, 1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0, rgba(76, 76, 76, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#4c4c4c', GradientType=0);
}
.ivideo-title .fa {
margin-right: 15px;
color: #FFF;
}
.ivideo-title h2 {
margin: 0;
color: #fff;
font-size: 18px;
}
.ivideo-icon {
position: absolute;
right: 8%;
background: orange;
color: #fff;
font-size: 24px;
padding: 0 15px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.ivideo-holder iframe {
height: 100%;
width: 100%;
float: left;
}
.clients ul li, .is-tabs li {
width: 1%;
text-align: center;
}
.ivideo-title p {
margin: 5px 0 0;
color: #fff;
font-size: 14px;
line-height: 1;
}
.ivideo-wrapper {
padding: 40px 0;
background: rgba(0, 88, 140, 1);
background: -moz-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 88, 140, 1)), color-stop(100%, rgba(36, 174, 255, 1)));
background: -webkit-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
background: -o-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
background: -ms-linear-gradient(top, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(0, 88, 140, 1) 0, rgba(36, 174, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00588c', endColorstr='#24aeff', GradientType=0);
background-size: cover;
background-repeat: no-repeat;
color: #fff;
line-height: 2;
}
.ivideo-wrapper h3 {
color: #fff;
}
.is-tabs li {
display: table-cell;
padding-bottom: 15px;
}
.is-tabs .active {
border-bottom: 2px solid #f60;
}
.infra_box {
display: table-row;
}
.infra_box img {
display: inline-block;
}
.infra_box .col-sm-3, .infra_box .col-sm-9 {
margin: 10px 0;
}
.clients ul li {
display: table-cell;
}
.clients {
padding: 20px 0 40px;
background: url(../images/pattern.jpg);
}
.section-title4 h2 {
margin-bottom: 0!important;
background-color: #FF4700;
color: transparent;
text-shadow: 0 2px 3px rgba(255, 255, 255, .5);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
font-weight: 600;
}
.section-title4 small::after {
content: '';
display: block;
width: 30px;
height: 5px;
background: #24AEFF;
margin: 10px auto;
}
.clients ul li img {
max-width: 100%}
.clients ul {
padding: 0;
}
.employee-loginform {
margin: 40px auto;
width: 35%;
padding: 40px;
background: #FFF0D0;
border-radius: 5px;
border: 5px solid #FFD9A7;
}
.case-studies-box {
border: 1px solid #DADADA;
border-radius: 5px;
margin-bottom: 30px;
}
.cs-column {
width: 33.33%;
float: left;
border-radius: 5px;
padding-left: 15px;
padding-right: 15px;
}
.case-studies-box img {
max-width: 100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom: 5px solid #FBCDCD;
}
.cs-title a {
color: #333!important;
}
.cs-title {
font-size: 16px;
margin-bottom: 5px;
line-height: 1.2;
text-align: left!important;
}
.cs-desc {
padding: 10px;
line-height: 1.5;
font-size: 14px;
color: #333;
min-height: 120px;
}
.case-studies-wrapper {
height: 300px;
background-color: grey;
margin-bottom: 30px;
}
.cs-inbound {
background: url(../images/cs-inbound-boxbg.jpg);
background-size: cover;
}
.cs-outbound {
background: url(../images/cs-outbound-boxbg.jpg);
background-size: cover;
}
.cs-bpo {
background: url(../images/cs-bpo-boxbg.jpg);
background-size: cover;
}
.cs-kpo {
background: url(../images/cs-kpo-boxbg.jpg);
background-size: cover;
}
.case-studies-wrapper .col-sm-6, .case-studies-wrapper .container {
height: 100%}
.cs-banner {
height: 300px;
display: table-cell;
vertical-align: middle;
padding: 30px;
}
.text-white a, .text-white h2, .text-white p {
color: #fff;
}
.text-black a, .text-black h2, .text-black p {
color: #000;
}
.cs-banner h2 {
margin-top: 0;
font-weight: 600;
}
.cs-banner a {
font-size: 12px;
background: #FF5E00;
color: #fff;
padding: 0 10px;
}
.box-content:hover {
background: rgba(255, 82, 0, .8);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.txt-list {
color: #4d4d4d;
}
#companyProfile .modal-title i {
color: #FFE000;
font-size: 30px;
vertical-align: middle;
}
#companyProfile .modal-content {
background: rgba(255, 255, 255, .9);
}
#companyProfile .modal-content form label {
color: #01466F;
font-size: 12px;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
}
#companyProfile .modal-content form .btn {
width: 100%;
margin: 10px 0;
border-radius: 0;
}
#companyProfile .modal-content form .form-group {
margin-bottom: 10px;
}

.services_tree{
height: 270px;
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: row;
-webkit-flex-direction: row;
}
.services_tree .services_col4{
width: 25%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
justify-content: space-around;
height: 100%;
}

.pill{
padding: 10px 15px;
max-width: 170px;
border-radius: 5px;
width: 90%;
margin: 10px auto;
text-align: center;
line-height: 1;
background: rgba(73,155,234,1);
background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0 );
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
justify-content: center;
flex-direction: column;
-webkit-flex-direction: column;
height: 55px;
}

.pill a{
color: #fff;
font-weight: 500;
font-size: 14px;

}

.heading-circle{
text-align: center;
height: 150px;
width: 150px;
background: rgba(255,133,89,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,133,89,1) 0%, rgba(255,89,25,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,133,89,1)), color-stop(100%, rgba(255,89,25,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,133,89,1) 0%, rgba(255,89,25,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,133,89,1) 0%, rgba(255,89,25,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,133,89,1) 0%, rgba(255,89,25,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,133,89,1) 0%, rgba(255,89,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8559', endColorstr='#ff5919', GradientType=1 );
border-radius: 50%;
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
justify-content: center;
flex-direction: column;
-webkit-flex-direction: column;
border: 5px solid #E0E0E0;
}

.heading-circle h4{
margin: 0;
color: #fff;
}

.services_tree.ib .services_col4:nth-child(3){
padding: 20px 0px;
}
.services_tree.ib .services_col4:nth-child(4){
padding: 65px 0px;
}

.services_tree.ob .services_col4:nth-child(4){
padding: 20px 0px;
}
.services_tree.ob .services_col4:nth-child(3){
padding: 50px 0px;
}

.sd{
color: #24AEFF;
margin-left: 8px;
font-family: 'ionicons';
vertical-align: middle;
}


@media (max-width: 480px){
/*     .quick-menu ul li{
display: none;
position: absolute;
}

.quick-menu ul .active:hover{
}

.quick-menu ul .active{
display: block;
}*/


#main-contact{
overflow-y: auto !important;
}

.expand-contact .contact-form{
min-height: 600px;
}
.services_tree, .services_col4{
display: block;
padding: 0 !important;
height: auto;

width: 100% !important;
}

.pill{
margin-bottom: 10px;
height: 45px;
}
}

.banner3 h2{
margin-top: 15%;
}

.banner-inner .list-style4 li a {
font-weight: 500;
}


.link-box{
background-color: #FF7524;
position: relative;
color: #FFF;
padding: 15px 25px;

}
.lb-icon{
position: absolute;
background: rgba(0, 0, 0, 0.58);
color: #fff;
right: 0;
top: 15px;
font-size: 20px;
text-align: center;
padding: 7px 15px;
line-height: 1;
width: 45px;

}
.link-box p{
color: #fff;
line-height: 1.4;
font-size: 14px;
text-align: left;
margin: 0;
}

.link-box h4{
margin-bottom: 5px;
}
.link-box.na{
background: #4B5254;
}

.link-box a{
color: #fff !important;
font-size: 14px;
margin-left: 5px;
}
.link-box a i{
margin-left: 2px;
}
.banner-wrapper .list-style4{
padding-left: 0px !important;
}


@media (min-width: 480px) and (max-width: 767px){
#isbpo_nav .nav li a {
padding: 10px 30px!important;

}
#isbpo_nav .nav li {
padding: 10px 30px!important;
border-bottom: 1px solid #E2E2E2;
}
#isbpo_nav {
padding-bottom: 10px;
box-shadow: 0 6px 6px rgba(51, 51, 51, .19);
background: #FFFBE4;
}
}

.warning{
display: none;
color: #FF7524 !important;
margin-bottom: 0px !important;
margin-top: 10px !important;
font-size: 14px;
font-weight: 500;
}

#fixed_form .has-error .form-control, #pageContact .has-error .form-control{
border: 3px solid #a94442;
}

.profile_captcha{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
height: 34px;
flex-direction: column;
justify-content: center;
text-align: center;
font-weight: 800;
font-size: 18px;
border: 1px dashed #B9B9B9;
background: aliceblue;
}

#enqAlert .modal-title span{
color: #24AEFF;    
}

#enqAlert .modal-title{
text-transform: uppercase;
color: #333;
font-weight: 500;
}

#enqAlert .modal-body p{
font-size: 18px;
margin-bottom: 20px;
font-weight: 600;
color: #4d4d4d
}

.enqalertbox{
padding: 30px 10px;
border: 1px solid #f5f5f5;

}

.enqalertbox .fa{
color: green;
font-size: 48px;
}

.enqalertbox h4{
font-size: 24px;
color: #333;
color: #24AEFF;    
} 

.noscroll{
overflow-y: hidden !important;
}

.enqalertbox p{
text-align: center !important;
}


.quick-links a{
color: #333;
font-weight: 600;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
border-bottom: 2px solid transparent;
text-transform: uppercase;


}
.quick-links a:hover{
color: #0262A5;
text-decoration: none;
border-bottom: 2px solid #F60;
}
.quick-links{
line-height: 2.5;
position: relative;
}
.quick-links ul{
margin: 0
}
.quick-links ul li{
padding: 0px 20px
}
.quick-links ul li i{
color:  #FF5919;
}

.topmargin-lg{
margin-top: 50px;
}

.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.pace-inactive { display: none; } 
.pace .pace-progress { background: #ff8000; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; }
.loadfade { opacity: 0; -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; }
.loadfade.in{opacity: 1;}

.bpo_links .lb-icon{
position: static;
}

.bpo_links .col-sm-6:nth-child(1) .lb-icon{
background: #9DA939;
}
.bpo_links .col-sm-6:nth-child(2) .lb-icon{
background: #DC9C28;
}

.text-white{
color: #fff;
}
#fixed_form .hd{
margin-bottom: 0;
color: #FF7524
}
#fixed_form .small{
margin-bottom: 10px;
color: #fff;
}

.link-case-studies{
padding: 20px 0px;
background: bisque;
}

.link-case-studies p{
margin: 0;
font-weight: 600;
line-height: 2
}

.link-case-studies .btn{
border-radius: 0
}
.link-case-studies .btn span{
margin-left: 5px
}
.link-case-studies .btn span i{
vertical-align: text-bottom;
}

.togglers .togglediagram{
color: #333;
}
.togglers .togglediagram:hover{
cursor: pointer;
}

.togglers .toggler-content a{
font-weight: 500;
font-size: 14px;
color: #333;
}

.child-ul li {
line-height: 5px;
}

.child-ul li::before{
color: #24AEFF !important;
padding: 5px 10px !important;
}


.child-ul li .active{
color: #FF7524 !important;
}

.quick-menu{
width: 100%;
bottom: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */
background: #499bea; /* Old browsers */
background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */

position: absolute;
}

.quick-menu ul li a{
color: #fff
}

.quick-menu ul li a:hover{
background: none
}


.quick-menu ul .active a{
color: #FFE000;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(51, 51, 51, 0.34);
}

.quick-menu ul .active:after{
content: '\f0d8';
font-family: 'FontAwesome';
position: absolute;
bottom: 3px;
color: #fff;
line-height: 0;
font-size: 2em;
left: 48%;
}

.bpo_links .col-md-6 ul{
display: inline-block;
padding: 10px 15px;
border: 1px solid;
border-radius: 8px;
}

.bpo_links .col-md-6:nth-child(1) ul{
border-color: #909E1D;
background: beige;
}

.bpo_links .col-md-6:nth-child(2) ul{
background: cornsilk;
border-color: #C39643;
}

.bpo_links .col-md-6 ul li{
color: #333;
padding-left: 0;
}
.bpo_links .col-md-6 ul li:hover{
cursor: pointer;
}

.bpo_links .col-md-6 ul li h4::selection{
background: none
}

.bpo_links .col-md-6 ul a{
display: inline-block;
}

.quick-menu button{
border: none;
margin: 0;
color: #fff;
}

#activeMenu{
padding: 10px;
color: #FFE000;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(51, 51, 51, 0.34);
position: absolute;
}

.cs-listing li a span{
color: #333 !important;
font-weight: 500;
font-size: 16px;
}
.cs-listing li{
border-bottom: 1px solid rgba(51, 51, 51, 0.22);
}
.cs-listing li:last-child{
border-color: transparent;
}
/* Underline From Center */
#isbpo_nav .nav li a{
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
#isbpo_nav .nav li a:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #24AEFF;
height: 3px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#isbpo_nav .nav li a:hover:before, #isbpo_nav .nav li a:focus:before, #isbpo_nav .nav li a:active:before {
left: 0;
right: 0;
}

.toggler-content a{
cursor: pointer;
}

.bpo-actions .tab-content{
min-height: 150px;
padding: 0
}
#methodology.active{
background: beige
}
#viewcasestudies.active{
background: #F0F8FF
}

#viewcasestudies .cs-listing li a span{
font-size: 14px;
font-weight: normal;
}

#archi.active{
background: cornsilk
}
.bpo-actions .nav-tabs li:first-child.active a{
background: beige
}
.bpo-actions .nav-tabs li a{
text-align: left;
}
.bpo-actions .nav-tabs li:nth-child(2).active a{
background: cornsilk
}
.bpo-actions .nav-tabs li:nth-child(3).active a{
background: #F0F8FF
}
.bpo-actions .tab-pane{
padding: 20px;
}
.bpo-actions .nav li span{
display: inline-block;
}
.bpo-actions .nav li{
min-width: 215px;
}
.bpo-actions .nav li span{
color: #fff;
font-size: 20px;
text-align: center;
padding: 7px 15px;
line-height: 1;
width: 45px;
margin: 0px 10px;
background: #bbb;
}

.bpo-actions .nav li:first-child.active span{
color: #fff;
background: #9DA939;
}
.bpo-actions .nav li:first-child{
margin-right: 20px
}
.bpo-actions .nav li:nth-child(2).active span{
color: #fff;
background: #DC9C28;

}

.bpo-actions .nav li:nth-child(3).active span{
color: #fff;
background: #3889D0

}

#archi a{
cursor: pointer;
}

#jssor_1{
position:relative;margin:0 auto;top:0px;left:0px;width:1040px;height:100px;overflow:hidden;visibility:hidden;
}

.clients-slideholder{
cursor:default;position:relative;top:0px;left:0px;width:1040px;height:100px;overflow:hidden;
}

.inner-title{
color: #24AEFF
}
.serviceslist-mobile h3 {
background: beige;
letter-spacing: 0.5px;
line-height: 1;
background: beige;
/*text-align: center;*/
font-weight: 600;
vertical-align: middle;
padding: 14px 5px;
}
.serviceslist-mobile a{
	font-size: 14px !important;
}
.serviceslist-mobile{
margin: 20px 0px;
font-family: 'Hind', sans-serif;
}

.inpage-services{
overflow: hidden;
background: #ddd;
padding: 10px;

}
.inpage-services li{
height: 110px;
padding: 0px 15px 0px 15px;
margin: 10px 0px
}

.inp-block{
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: column;
justify-content: center;
text-align: center;
position: relative;
padding: 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffcfc+0,f4f4f4+100 */
background: rgb(255,252,252); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(255,252,252,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(255,252,252,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(255,252,252,1) 0%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.inp-block h5{
font-weight: 500;
margin: 0;
font-size: 18px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;

}
.inp-block .inp-link span i{
font-size: 20px;
line-height: 35px;
}
.inp-block p:after{
content: '';
width: 15%;
height: 4px;
background: #24AEFF;
position: relative;
display: block;
margin: 10px 0px;
}


.inp-in{
position: absolute;
left: 0;
top: 0;
height: 0;
overflow: hidden;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
width: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
background: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.inp-block:hover .inp-link{
background: #24AEFF
}

.inp-block:hover .inp-in{
height: 100%;
}

.inp-block:hover h5{
color: #fff;
}
.inp-block:hover p{
color: #bbb;
}
.inp-block p{
margin-bottom : 10px;
line-height: 1;
text-align: left;
font-size: 14px;
color: #888;
margin-top: 3px;
display: none;
}

.inp-content{
position: relative;z-index: 20;
}

.inp-link{
position: absolute;
bottom: 0;
right: 0;
width: 40px;
height: 30px;
background: #FF7524;
color: #fff;
text-align: center;
z-index: 20;
}

@media (min-width: 480px) and (max-width: 767px) {
.inpage-services li{
width: 50% !important
}

}

.title-style1{
border-left: 5px solid #FF7524;
padding-left: 15px;
border-bottom: 1px solid #CECECE;
line-height: 1.6;
margin-bottom: 20px;

}

.title-style1 a{
color: #24AEFF;

}

#sitemap .list-style1 li:before{
display: table-cell;
padding-right: 10px;
padding-bottom: 6px;
padding-top: 6px;
}
#sitemap .list-style1 li{
display: table-row;
line-height: 1.5;
}

.fw600{
font-weight: 600
}

.menucol-box{
position: relative;
}

.fb-like-box{
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

@media (min-width: 768px) {

.sidebar-navigation.affix{
margin-top: 0;
top: 60px;
z-index: 20;
background: #fff;
min-height: 450px;
}
.link-case-studies, #footer {
position: relative;
z-index: 25;

}
}

.inner-title2{
font-weight: 500;
}


@media (min-height:700px) and (max-height: 1200px){

.hero-banner .wrapper{
height: 60vh
}

.case_studies {
min-height: 65vh;
}

}

@media (min-height:1200px){
.hero-banner .wrapper{
height: 600px;
}
}


.banner-inner .list-style4 li a:hover{
color: #4982E6;
border-bottom: 2px solid #FF7524;
line-height: 1;
display: inline-block;
}

.banner-inner .list-style4 li a:hover{
color: #4982E6;
border-bottom: 2px solid #FF7524;
line-height: 1;
display: inline-block;
}

.banner2 *:not(blockquote):not(.bq-title){
height: 100%;
}

.blockquote{
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: column;
justify-content: center;
}



.blockquote blockquote {
border-left:none;
position: relative;
padding: 20px 30px;
border: 1px solid #24AEFF;
font-size: 1em;
color: #222;
font-weight: 500;
border-radius: 2px;
background: rgba(255, 255, 255, 0.3);
}

.blockquote blockquote:before{
content: '\f10d';
display: block;
font-size: 50px;
font-family: 'FontAwesome';
position: absolute;
top: -12%;
left: -7%;
/* opacity: 0.5; */
color: #24AEFF;
}

.blockquote .bq-title{
position: absolute;
background: #FF7524;
font-size: 14px;
color: #fff;
right: 10px;
top: -21px;
padding: 0px 8px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.hero-banner .wrapper{
background: url('../images/career-hero.jpg');
height: calc(100vh - 140px);
width: 100%;
background-size: cover;
background-repeat: no-repeat;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: column;
justify-content: center;
}

.hero-box{
background: rgba(255, 255, 255, 0.85);
padding: 40px 50px;
border: 8px solid #fff5b1;
}

.hero-box h2{
font-size: 40px;
margin-top: 0;

}

.hero-box .btn{
border-radius: 0;
margin-top: 20px;
}

.inner-title3{
text-transform: uppercase;
}

.contentlink{
text-transform: uppercase;
color: #ff7524;
font-weight: 500
}

.contentlink i{
margin-left: 5px;
}

.highlight-section{
background: url('../images/career-section.jpg');
background-size: cover;
background-position: left;
padding-top: 50px;
}

.content-highligh-box{
padding: 35px 45px;
background: beige;
border-top: 5px solid #FF7524;

}

.job-listing{
margin-top: 40px;
}

.job-listing table thead th{
vertical-align: middle;
font-weight: 500;
}

.job-listing table thead{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

color: #fff
}

.job-listing table td a{
color: #333;
font-weight: 600;
}
.job-listing table tr:hover td a{
color: #236FB8
}

.job-listing table .thead th{
vertical-align: middle;
font-weight: 500;
}

.job-listing table .thead{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
color: #fff
}


@media (max-width: 1024px){
.hero-box h2{
font-size: 36px;
}
.hero-box {
padding: 25px 40px;
}

.hero-box p {
font-size: 14px;
}
.content-highligh-box {
padding: 15px 30px;
margin-bottom: 30px;
}

}


@media(max-width:768px) {

.highlight-section{
padding-top: 0px;
}
}


@media(max-width:480px) {

.highlight-section{
padding-top: 30px;
background-position: -323px 200px;
background-repeat: no-repeat;
}
}
.industries-box{
height: 135px;
margin: 15px auto;
display: flex;
flex-direction: column;
justify-content: center;
border: 1px solid #ccc;
border-radius: 5px;
position: relative;
-webkit-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.industry-icon{
height: 40px;
width: 40px; 
}
.industry-title{
color: #333;
margin: 5px 0px;
}
.industry-title span{
font-weight: 800;
line-height: 1.7;
color: #444;
text-transform: uppercase;
font-size: 14px;
}

.industries .col-md-3 svg *{
fill: #24AEFF
}

.industries-box:hover .industry-icon svg *{
fill: #555
}
.industries-box:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);

}
.industries-box:hover .industry-title span{
color: #f60;

}

@media (min-width: 1200px){
.industries .col-md-3, .client-list .col-md-3{
width: 20%;
}
}
@media (min-width: 480px) and (max-width: 768px){
.industries .col-md-3, .client-list .col-md-3{
width: 50%;
}
}
@media (max-width: 480px){
.client-list .col-md-3{
width: 50%;
}

.client-box img {
max-width: 80px !important;
}

.client-list .industries-box {
height: 100px;
}
}

.client-box{
margin: 10px 0px;
padding: 6px 0px;
border-radius: 5px;
-webkit-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
.client-box:hover{
}

.client-list{
margin-bottom: 30px;
}

.client-box img{
max-width: 110px;
}

.client-list p, .industries p{
font-weight: 500;
font-size: 18px
} 

#careers .menucol-box{
border: none;
border-top: 4px solid;
border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
border-left: 1px solid rgba(255, 255, 255, 0.10) !important;
border-right: 1px solid rgba(255, 255, 255, 0.10) !important;
}

#careers .menucol:nth-child(1) .menucol-box{
border-color: #5bc0de;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5baede+0,5baede+100&0.6+0,0.4+100 */
background: -moz-linear-gradient(top,  rgba(91,174,222,0.6) 0%, rgba(91,174,222,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(91,174,222,0.6) 0%,rgba(91,174,222,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(91,174,222,0.6) 0%,rgba(91,174,222,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#995baede', endColorstr='#665baede',GradientType=0 ); /* IE6-9 */
/* background: rgba(91, 174, 222, 0.65) !important; */
}
#careers .menucol:nth-child(2) .menucol-box{
border-color: #f0ad4e;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0ad4e+0,f0ad4e+100&0.6+0,0.4+100 */
background: -moz-linear-gradient(top,  rgba(240,173,78,0.6) 0%, rgba(240,173,78,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(240,173,78,0.6) 0%,rgba(240,173,78,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(240,173,78,0.6) 0%,rgba(240,173,78,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99f0ad4e', endColorstr='#66f0ad4e',GradientType=0 ); /* IE6-9 */

/* background: rgba(240, 173, 78, 0.65) !important; */
}
#careers .menucol:nth-child(3) .menucol-box{
border-color: #c9302c;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#963a3a+0,963a3a+100&0.6+0,0.4+100 */
background: -moz-linear-gradient(top,  rgba(150,58,58,0.6) 0%, rgba(150,58,58,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(150,58,58,0.6) 0%,rgba(150,58,58,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(150,58,58,0.6) 0%,rgba(150,58,58,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99963a3a', endColorstr='#66963a3a',GradientType=0 ); /* IE6-9 */

/* background: rgba(150, 58, 58, 0.65) !important; */

}

#careers .menucol h4 a {
color: #fff;
}

/* SERVICES BLOCK NEW */

.services_listing *[class^="col-"]:nth-child(odd) div{
background: #EDF9FF
}
.services_listing *[class^="col-"]:nth-child(even) div{
background: #FFFEEC
}
.services_listing *[class^="col-"]:nth-child(odd) div:before, .services_listing *[class^="col-"]:nth-child(odd) div:after{
border-color: #71D0FF;
}
.services_listing *[class^="col-"]:nth-child(even) div:before, .services_listing *[class^="col-"]:nth-child(even) div:after{
border-color: #FFD77D
}
.services_listing *[class^="col-"] div:hover:before, .services_listing *[class^="col-"] div:hover:after{
transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
}
.services_listing *[class^="col-"] div:hover{
}
.services_listing *[class^="col-"] div:before, .services_listing *[class^="col-"] div:after{
content: '';
top: 0;
left: 0;
transform-origin: center;
width: 100%;
height: 100%;
position: absolute;
transition: transform 0.3s ease-in-out;
-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
animation-duration: 1s;
animation-delay: 2s;
}
.services_listing *[class^="col-"] div:before{
border-top: 2px solid;
border-bottom: 2px solid;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
animation-name: border_before;
-webkit-animation-name: border_before; /* Safari 4.0 - 8.0 */
}
.services_listing *[class^="col-"] div:after{
border-left: 2px solid;
border-right: 2px solid;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
animation-name: border_after;
-webkit-animation-name: border_after; /* Safari 4.0 - 8.0 */
}
.services_listing a{
color: #333;
}
.services_listing *[class^="col-"] div{
padding: 10px 15px;
margin: 5px;
height: 125px;
position: relative;
/* border-bottom: 1px solid #DADADA; */
/* border-right: 1px solid #DADADA; */
box-shadow: 1px 2px 3px #afafaf;
}
.services_listing > *[class^="col-"]  div h5{

font-size: 1em;
font-weight: 600;
color: #D03F3F;
margin: 10px 0px 5px;
}

.services_listing i{
vertical-align: middle;
margin-right: 0.2em;
color: #24AEFD
/* display: none; */
}
.services_listing > *[class^="col-"]{
line-height: 1.6;
padding: 0
}
.services_listing > *[class^="col-"] span{
display: block;
font-size: 0.8em;
margin: 0px 0px 0px;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes border_before {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
to {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
}

/* Standard syntax */
@keyframes border_before {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
to {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes border_after {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
to {
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
}
}

/* Standard syntax */
@keyframes border_after {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
to {
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
}
}

/* SERVICES BLOCK END */


#home_banner{
height: calc(100vh - 30px);
max-height: 1200px;
}

#home_banner > #ibpo_carousel{
height: 100%
}

#ibpo_carousel .carousel-caption p, #ibpo_carousel .carousel-caption a {
font-weight: 500;
color: #333;
}
#ibpo_carousel .carousel-caption{
width: 100%;
top: 0;
left: 0;
color: #363636;
padding-top: 8%;
text-shadow: none;
}

/*#ibpo_carousel .carousel-control > span{
height: 2em;
width: 2em;
padding: 0.4em;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
font-size: 1.2em;
line-height: 1.2em;
}*/

#home_banner .carousel-control{
background: transparent;
height: 20%;
top: 55%;
transform: translateY(-50%);
}
#home_banner .carousel-inner{
height: 100%;
}
.carousel-fade .carousel-inner .item {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
z-index: 2;
}


#home_banner .carousel-inner .item img{ 
min-width: 100%;
}

#home_banner .banner-title{
font-size: 2em
}
#home_banner .banner-subtitle{
font-size: 1em
}

#home_banner a.btn{
font-size: 1em
}

#home_banner .carousel-caption .btn{
padding: 0.5em 1em;
line-height: 1em;
}


#home_banner .carousel-caption a:not(.btn):hover{
color: #4982E6;
border-bottom: 2px solid #FF7524;
line-height: 15px;
text-decoration: none;

}

#home_banner .carousel-caption a:not(.btn){
border-bottom: 2px dotted #B5B5B5;
line-height: 15px;
display: inline-block;
}

.client_testimonial{
position: relative;
width: 80%;
margin: 0 auto;
}


.client_testimonial .blockquote blockquote:before{
display: none;
}
.client_testimonial .blockquote .bq-title{
left: 35%;
right: auto;
font-size: 18px;
top: -25px;
padding: 0px 25px;
}

.client_testimonial .blockquote{
width: calc(100% - 200px);
margin: 0 auto;

}

@media (max-width: 480px){
.carousel-caption .client_testimonial{
width: 100%;
margin-top: 2em !important
}
#ibpo_carousel .carousel-control{
font-size: 1.2em;
opacity: 1;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
#transparent_header .navbar-brand {
max-width: 40%;
}
#home_banner {
height: calc(100vh - 80px);
}
#home_banner .carousel-inner .item img{ 
max-width: inherit;
max-height: 100%;
}
#home_banner .carousel-inner .item{ 
height: 100%;
overflow: hidden;
}
#home_banner .carousel-caption{ 
font-size: 14px;
}
.client_testimonial .blockquote{
width: 100%;
}
.client_testimonial .blockquote blockquote{
/*background: rgba(255, 255, 255, 0.7); */
padding: 1em 1em;
background: none;
padding: 1em 1em;
border: none;
}
.bmg4 > img{
transform: translateX(-45%) translateY(20%) !important;
-webkit-transform: translateX(-45%) translateY(20%) !important;
-moz-transform:translateX(-45%) translateY(20%) !important;
-o-transform: translateX(-45%) translateY(20%) !important;
-ms-transform: translateX(-45%) translateY(20%) !important;
}

.bmg4{
	background: #F1F1F1;
}
.bmg1 > img{
transform: translateX(-18%);
-webkit-transform: translateX(-18%);
-moz-transform: translateX(-18%);
-o-transform: translateX(-18%);
-ms-transform: translateX(-18%);
}
.bmg2 > img{
transform: translateX(-35%) translateY(10%);
-webkit-transform: translateX(-35%) translateY(10%);
-moz-transform: translateX(-35%) translateY(10%);
-o-transform: translateX(-35%) translateY(10%);
-ms-transform: translateX(-35%) translateY(10%);
}
.bmg3 > img{
transform: translateX(-18%);
-webkit-transform: translateX(-18%);
-moz-transform: translateX(-18%);
-o-transform: translateX(-18%);
-ms-transform: translateX(-18%);
}
.bmg2{
background-color: #F3F3F3;
}
.bmg2 .visible-xs .banner-title{
margin-bottom: 2px;
}
.bmg2 .visible-xs .banner-subtitle{
line-height: 1.8em;
}
}

@media (max-width: 767px){
.main-nav .navbar-brand{
max-width: 40%;
padding: 5px;
}
#home_banner {
height: calc(100vh - 80px);
}
#home_banner .carousel-caption{ 
font-size: 13px;
padding-top: 5%
}

.bmg2 .carousel-caption div[class^="col-"]{
padding: 1em;
background: rgba(255, 255, 255, 0.75);
width: 22em;
margin: 0 auto;
float: none;
border: 5px solid #FFE3A3;
}

.bmg2 .banner-title, .bmg2 a:not(.btn){
color: #000
}
.bmg2 .carousel-caption{
padding-top: 1% !important;
}

}

@media (min-width: 768px) and (max-width: 991px){
#home_banner .carousel-caption{ 
font-size: 13px;
}
.client_testimonial{
width: 100%;
}
}
@media (min-width: 480px) and (max-width: 768px){
#home_banner{ 
max-height: 300px;
}
}

@media (min-height: 800px){
#home_banner{
height: 70vh;
}
}

/* ========================== new header misc changes start ========================== */

#transparent_header header{
position: relative;
z-index: 55;
}

@media (min-width: 768px){
#transparent_header	.main-nav{
background: transparent !important;
position: absolute;
width: 100%;
left: 0;
}

#transparent_header .navbar-brand {
padding: 0px;
margin-top::5px;
}
}


@media (max-width: 768px){
.client_testimonial .blockquote{
width: 100%;
}
#transparent_header	#isbpo_nav{
position: absolute;
width: 100%;
left: 0;
}
}
#transparent_header .main-nav nav{
box-shadow: none !important;
border: 0;
}

#transparent_header .fix-header .navbar-brand{
padding: 0;
}


#transparent_header .fix-header{
background: #fff !important;
}

.years-of-service{
top: 110px
}

#transparent_header .menu{
top: 130px;
}
.floating_arrow{
position: absolute;
z-index: 55;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-bottom: 15px solid rgba(0, 0, 0, .9);
bottom: 0;
-webkit-transition: left 0.2s ease;
-moz-transition: left 0.2s ease;
-ms-transition: left 0.2s ease;
-o-transition: left 0.2s ease;
transition: left 0.2s ease;
display: none;
}

#isbpo_nav .nav li a:hover:before, #isbpo_nav .nav li a:focus:before, #isbpo_nav .nav li a:active:before{
display: none;
}
#transparent_header .top-bar {
position: relative;
background: #2c3038;
line-height: 30px;
}

#transparent_header .main-nav{
height: auto !important;
}

#transparent_header .menu.fixoffset{
top: 60px;
}

/* ========================== new header misc changes end ========================== */

.carousel-caption .btn{
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
}

.carousel-caption .client_testimonial{
margin-top: 3em;
}

.bmg2 ul li{
animation-duration: 0.1s;
-webkit-animation-duration: 0.1s;
-moz-animation-duration: 0.1s;
-o-animation-duration: 0.1s;
line-height: 1.6em;
}
.bmg2 ul li:first-child{
animation-delay: 1s;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
}
.bmg2 ul li:nth-child(2){
animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
}
.bmg2 ul li:nth-child(3){
animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
}
.bmg2 ul li:nth-child(4){
animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
}
.bmg2 ul li:nth-child(5){
animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
-moz-animation-delay: 1.8s;
-o-animation-delay: 1.8s;
}
.bmg2 ul li:nth-child(6){
animation-delay: 2s;
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-o-animation-delay: 2s;
}
.bmg2 ul li:nth-child(7){
animation-delay: 2.2s;
-webkit-animation-delay: 2.2s;
-moz-animation-delay: 2.2s;
-o-animation-delay: 2.2s;
}

  .contact-banner > .bc-outer{
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    width: 100%
  }

  .contact-banner .h1{
        font-size: 4rem;
        text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.66);
  }
  .contact-banner p{
        text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.66);
  }

  .page-contact{
    padding: 0
  }

  .section-title4 {
    text-align: center !important;
  }
  .contact_description p{
    font-size: 1em !important;
  }
  .contact_description >p:first-child{
    margin-top: 30px;
  }

  .contact_description ul li{
    line-height: 2
  }

  .contact_details{
    width: 100%;
    padding: 3rem 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    font-size: 2rem;
  }
  #map-section .map-left{
       height: 450px;
    color: #fff;
    width: 100%;
    background: url('../images/about-utc-climate-controls-security.jpg');
    background-size: cover;
  }

  .section{
    padding: 100px 0
  }

.enq_box{
    padding: 2em;
    border: 1px solid #cacaca;
        color: #656565;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
/*    height: 296px;*/
}

.contact_details i{
      margin-right: 8px;
}

.enq_box .btn{
  border-radius: 0;
    margin: 0 auto;
        padding: 0.3em 1em;
            font-size: 0.875em;
}
.enq_box .phone{
    font-size: 1.875em;
    font-weight: 600;
        margin: 0 8%;
        color: #333;
}
.enq_box h4{
    font-size: 1.125em;
}

.contact_details > div > *{
  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.42);
      letter-spacing: 0.04rem;
}

.contact_details h3{
  position: relative;
}
.contact_details h3:after{
    width: 30px;
    margin: 5px auto 20px;
    content: '';
    background: #FFC800;
    height: 5px;
    display: block;
}
.page-contact .form-control{
  margin-bottom: 0
}
.ibpo_alert .alert-danger small{
	font-weight: 600;
}
 .note{
	left: 0;
	line-height: 1;
	margin-top: 2rem;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: -1px;
	color: #ff0000 !important;
}
section.contact_us{
  padding-bottom: 0
}

.page-contact .note{
  margin-top: 10px;
}

@media (max-width: 991px){
  .enq_box {
    margin: 10px 0px;
    font-size: 12px;
  }
  .enq_box .phone {
    font-size: 1.6em;
}

}
@media (max-width: 480px){
.enq_box{
	font-size: 14px;
	padding: 1em;
}
  .contact_description ul{
  	padding-left: 20px;
  }
  section.contact_numbers{
  padding: 20px 0px
}
.formobile { display:block; margin-top: 20px; font-size:14px; }
}
@media (min-width: 758px){
  .formobile { display:none; }
}

.ibpo_alert{
	position: absolute;
    width: 100%;
    left: 0;
    padding: inherit;
    line-height: 1;
    top: 35%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: none;
}

.ibpo_alert .alert{
	box-shadow: 0px 0px 70px rgb(0, 0, 0);
	-webkit-box-shadow: 0px 0px 70px rgb(0, 0, 0);
}


.txt-right { text-align:right; }
.txt-left { text-align:left; }
.txt-center { text-align:center; }
.disp { display:none;}

/* Careers Page */

.jobposition { text-align:center; }

/* Employee Speaks Page */

.emp_testi .fa,	.emp_testi .fa { margin: 0 10px; color: #B7B7B7; }

/* contact Page */

.loadfade { opacity: 0; -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; }
.loadfade.in{opacity: 1;}

/* About Links Start */

.about_navigation{
    position: fixed;
    left: 8%;
    bottom: 8%;
    z-index: 25;  
    font-family: 'poppins';
  }
  .about_navigation ul{
        line-height: 1.5;
  }

  .float_nav{
    position: relative;
    width: 50px;
    height: 50px;
    background-color: #2C3038!important;
    color: #fff;
        border: none;
    border-radius: 50%;
  -webkit-transition: 2s;
  -moz-transition: 2s;
  -ms-transition: 2s;
  -o-transition: 2s;
-webkit-box-shadow: 0px 0px 57px 2px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 0px 57px 2px rgba(0,0,0,0.30);
box-shadow: 0px 0px 57px 2px rgba(0,0,0,0.30);
  }
  .float_nav_content{
    position: relative;
    background-color: #fff;
    padding: 0px;
    border-radius: 5px;
    transition: 0.5s;
      -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
    height: 0px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.9);

  }
.about_navigation:hover .float_nav_content{
  /* height: 230px !important; */
  height: 160px !important;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

.about_navigation:hover .float_nav{
       opacity: 0; 
      transform: translateX(200px) rotate(360deg);
      -webkit-transform: translateX(200px) rotate(360deg);
      -moz-transform: translateX(200px) rotate(360deg);
      -o-transform: translateX(200px) rotate(360deg);
      -ms-transform: translateX(200px) rotate(360deg);

}

.float_nav_content a{
  color: #fff;
  font-size: 12px;
}
.float_nav_content li:hover{
background: cadetblue;
}


.float_nav_content ul{
    padding: 10px 0px 20px 0px;
}

.float_nav_content ul li{
    padding: 0px 30px;
}

.float_nav_content h5{
  margin: 0px;
  text-align: center;
  background-color: #f60;
  color: #fff;
  line-height: 1;
  padding: 8px 0px;
    font-size: 16px;
}

/* About Links End */


/* Services - Sidebar */

/* .nav-list li a:before { content: '\f0da'; font-family: 'FontAwesome'; color: #FF7524; left: 0px; position: absolute; line-height: 2; } */
  .nav-list .active a { color: #f60; font-weight: bold  }
  .nav-list .active a:hover { color: #f60;  }
  .nav-list .active a:before { content: '\f0da'; font-family: 'FontAwesome'; color:  #FF7524; left: 0px; position: absolute; font-weight: normal;  }
  .sidebar-navigation .panel { box-shadow: none; border-radius: 0;  }
  .sidebar-navigation .panel-heading {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#356aa0+0,356aa0+100;Blue+Flat */
background: rgb(53,106,160); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(53,106,160,1) 0%, rgba(53,106,160,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */
color: #fff; }
  .sidebar-navigation .panel-heading:hover {   }
  .fa-chevron-circle-down.open:before { content: '\f139' !important;  }
  .sidebar-navigation .panel-heading a i {  color: #FF7524;  }
  .sidebar-navigation .panel-heading .panel-title {  font-size: 14px;  }
  .sidebar-navigation .panel-body {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff6c4+0,ffffff+100&1+0,0.75+100 */
background: -moz-linear-gradient(top,  rgba(255,246,196,1) 0%, rgba(255,255,255,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,246,196,1) 0%,rgba(255,255,255,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,246,196,1) 0%,rgba(255,255,255,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff6c4', endColorstr='#bfffffff',GradientType=0 ); /* IE6-9 */
  }

 .sidebar-navigation .panel-collapse{
 background: url('../404.php');
 background-size: cover;
 background-position: center;
  }
 .sidebar-navigation { margin: 3em 0 }
 .nav-list li a { color: #333; font-size: 14px; font-weight: 500; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
 box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
 .nav-list { padding-left: 15px; position: relative;}
 .nav-list li:hover a:before { content: '\f0da'; font-family: 'FontAwesome'; color:  #FF7524; left: 0px; position: absolute; line-height: 2; }

  .panel-heading.active{
background: #555;
 color: #FFFFFF;
  }

  .nav-list li:hover a{
 color: #000
  }

  .nav-list li{
 border-bottom: 1px solid rgba(68, 68, 68, 0.10);
  }

  .nav-list li:last-child{
 border-bottom: 1px solid transparent;
  }

  .nav-list li a:before{
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
  }

  .nav-list li:hover a:before{
 -webkit-animation-name: hvr-icon-wobble-horizontal;
 animation-name: hvr-icon-wobble-horizontal;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 -webkit-animation-iteration-count: 1;
 animation-iteration-count: 1;
  }


  /* Icon Wobble Horizontal */
  @-webkit-keyframes hvr-icon-wobble-horizontal {
 16.65% {
   -webkit-transform: translateX(6px);
   transform: translateX(6px);
 }
 33.3% {
   -webkit-transform: translateX(-5px);
   transform: translateX(-5px);
 }
 49.95% {
   -webkit-transform: translateX(4px);
   transform: translateX(4px);
 }
 66.6% {
   -webkit-transform: translateX(-2px);
   transform: translateX(-2px);
 }
 83.25% {
   -webkit-transform: translateX(1px);
   transform: translateX(1px);
 }
 100% {
   -webkit-transform: translateX(0);
   transform: translateX(0);
 }
  }
  @keyframes hvr-icon-wobble-horizontal {
 16.65% {
   -webkit-transform: translateX(6px);
   transform: translateX(6px);
 }
 33.3% {
   -webkit-transform: translateX(-5px);
   transform: translateX(-5px);
 }
 49.95% {
   -webkit-transform: translateX(4px);
   transform: translateX(4px);
 }
 66.6% {
   -webkit-transform: translateX(-2px);
   transform: translateX(-2px);
 }
 83.25% {
   -webkit-transform: translateX(1px);
   transform: translateX(1px);
 }
 100% {
   -webkit-transform: translateX(0);
   transform: translateX(0);
 }
  }